.grid-container {

    max-width: 90rem

}

.grid-container {

    padding-right: 1rem;

    padding-left: 1rem;

    margin-left: auto;

    margin-right: auto

}

.grid-x {

    display: flex;

    flex-flow: row wrap

}

.cell {

    flex: 0 0 auto;

    min-height: 0;

    min-width: 0;

    width: 100%

}

.grid-x>.small-11, .grid-x>.small-12, .grid-x>.small-6 {

    flex-basis: auto

}



@media print, screen and (min-width:40em) {

.grid-x>.medium-10, .grid-x>.medium-2, .grid-x>.medium-4, .grid-x>.medium-6 {

    flex-basis: auto

}

}



@media print, screen and (min-width:64em) {

.grid-x>.large-4, .grid-x>.large-5, .grid-x>.large-6 {

    flex-basis: auto

}

}



@media screen and (min-width:75em) {

.grid-x>.xlarge-3 {

    flex-basis: auto

}

}

.grid-x>.small-11, .grid-x>.small-12, .grid-x>.small-6 {

    flex: 0 0 auto

}

.grid-x>.small-6 {

    width: 50%

}

.grid-x>.small-11 {

    width: 91.66667%

}

.grid-x>.small-12 {

    width: 100%

}



@media print, screen and (min-width:40em) {

.grid-x>.medium-10, .grid-x>.medium-2, .grid-x>.medium-4, .grid-x>.medium-6 {

    flex: 0 0 auto

}

.grid-x>.medium-2 {

    width: 16.66667%

}

.grid-x>.medium-4 {

    width: 33.33333%

}

.grid-x>.medium-6 {

    width: 50%

}

.grid-x>.medium-10 {

    width: 83.33333%

}

}



@media print, screen and (min-width:64em) {

.grid-x>.large-4, .grid-x>.large-5, .grid-x>.large-6 {

    flex: 0 0 auto

}

.grid-x>.large-4 {

    width: 33.33333%

}

.grid-x>.large-5 {

    width: 41.66667%

}

.grid-x>.large-6 {

    width: 50%

}

}



@media screen and (min-width:75em) {

.grid-x>.xlarge-3 {

    flex: 0 0 auto

}

.grid-x>.xlarge-3 {

    width: 25%

}

}

.grid-margin-x {

    margin-left: -1rem;

    margin-right: -1rem

}

.grid-margin-x>.cell {

    width: calc(100% - 2rem);

    margin-left: 1rem;

    margin-right: 1rem

}

.grid-margin-x>.small-6 {

    width: calc(50% - 2rem)

}

.grid-margin-x>.small-11 {

    width: calc(91.66667% - 2rem)

}

.grid-margin-x>.small-12 {

    width: calc(100% - 2rem)

}



@media print, screen and (min-width:40em) {

.grid-margin-x>.medium-2 {

    width: calc(16.66667% - 2rem)

}

.grid-margin-x>.medium-4 {

    width: calc(33.33333% - 2rem)

}

.grid-margin-x>.medium-6 {

    width: calc(50% - 2rem)

}

.grid-margin-x>.medium-10 {

    width: calc(83.33333% - 2rem)

}

}



@media print, screen and (min-width:64em) {

.grid-margin-x>.large-4 {

    width: calc(33.33333% - 2rem)

}

.grid-margin-x>.large-5 {

    width: calc(41.66667% - 2rem)

}

.grid-margin-x>.large-6 {

    width: calc(50% - 2rem)

}

}



@media screen and (min-width:75em) {

.grid-margin-x>.xlarge-3 {

    width: calc(25% - 2rem)

}

}

.small-offset-1 {

    margin-left: 8.33333%

}

.grid-margin-x>.small-offset-1 {

    margin-left: calc(8.33333% + 1rem)

}

.small-offset-6 {

    margin-left: 50%

}

.grid-margin-x>.small-offset-6 {

    margin-left: calc(50% + 1rem)

}



@media print, screen and (min-width:40em) {

.medium-offset-1 {

    margin-left: 8.33333%

}

.grid-margin-x>.medium-offset-1 {

    margin-left: calc(8.33333% + 1rem)

}

.medium-offset-3 {

    margin-left: 25%

}

.grid-margin-x>.medium-offset-3 {

    margin-left: calc(25% + 1rem)

}

.medium-offset-10 {

    margin-left: 83.33333%

}

.grid-margin-x>.medium-offset-10 {

    margin-left: calc(83.33333% + 1rem)

}

}



@media print, screen and (min-width:64em) {

.large-offset-1 {

    margin-left: 8.33333%

}

.grid-margin-x>.large-offset-1 {

    margin-left: calc(8.33333% + 1rem)

}

.large-offset-3 {

    margin-left: 25%

}

.grid-margin-x>.large-offset-3 {

    margin-left: calc(25% + 1rem)

}

}

.align-center {

    justify-content: center

}

.align-justify {

    justify-content: space-between

}

.align-middle {

    align-items: center

}

.small-order-1 {

    order: 1

}

.small-order-2 {

    order: 2

}



@media print, screen and (min-width:40em) {

.medium-order-1 {

    order: 1

}

.medium-order-2 {

    order: 2

}

}

.flex-container {

    display: flex

}

.flex-dir-column {

    flex-direction: column

}



@media print, screen and (min-width:40em) {

.medium-flex-dir-row {

    flex-direction: row

}

}

.hide {

    display: none!important

}



@media screen and (max-width:39.99875em) {

.show-for-medium {

    display: none!important

}

}



@media print, screen and (min-width:64em) {

.hide-for-large {

    display: none!important

}

}



@media screen and (max-width:63.99875em) {

.show-for-large {

    display: none!important

}

}

.show-for-sr {

    position: absolute!important;

    width: 1px!important;

    height: 1px!important;

    padding: 0!important;

    overflow: hidden!important;

    clip: rect(0,0,0,0)!important;

    white-space: nowrap!important;

    border: 0!important

}

* {

    margin: 0;

    padding: 0;

    box-sizing: border-box

}

html {

    font-size: 16px;

    font-family: var(--font-family-base);

    text-rendering: optimizeLegibility;

    -webkit-font-smoothing: antialiased;

    scroll-behavior: smooth

}

body {

    margin: 0 auto;

    background-color: #323438

}

/*.app, body {

    overflow-x: hidden

}*/

main {

    position: relative;

    color: #fff;

    background-color: #323438;

    z-index: 2

}



@media (max-width:1024px) {

main {

    margin-bottom: 0!important

}

}



@media (max-height:700px) {

main {

    margin-bottom: 0!important

}

}

.mr-8 {

    margin-right: .5rem

}

.mb-32 {

    margin-bottom: 2rem

}



@media print, screen and (min-width:40em) {

.medium-align-justify {

    justify-content: space-between

}

}



@media print, screen and (max-width:39.99875em) {

.small-only-align-center {

    justify-content: center

}

}

a {

    text-decoration: none

}

a {

    color: currentColor

}

img {

    outline: 0

}

img {

    display: inline-block;

    border: none

}

ul {

    margin-bottom: 0;

    list-style: none

}

p {

    margin: 0

}

button, input, select {

    border: none;

    background: 0 0;

    box-shadow: none

}

button {

    color: currentColor;

    font-family: inherit;

    font-size: inherit;

    font-weight: inherit;

    line-height: inherit

}

select::-ms-expand {

display:none

}

.fade-in-up {

    opacity: 0;

    transform: translate3d(0, 2rem, 0);

    will-change: transform

}

.preloader {

    position: fixed;

    z-index: 11;

    top: 0;

    left: 0;

    width: 100vw;

    max-width: 100%;

    height: 100vh;

    background-color: #000

}

.preloader__img-container {

    overflow: hidden

}

.preloader__img-container img {

    display: block;

    position: relative;

    will-change: transform;

    transform: translateY(100%)

}

.preloader__progress-bar {

    position: relative;

    width: 16rem;

    height: 1px

}

.preloader__progress-bar, .preloader__progress-bar:after {

    background-color: hsla(0,0%,100%,.9);

    transform: scaleX(0);

    transform-origin: left center

}

.preloader__progress-bar:after {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    will-change: transform

}

.button {

    padding: 0 .5rem;

    font-family: inherit;

    font-size: .875rem;

    line-height: 1.14em;

    color: #fff;

    text-transform: uppercase

}

.button__decor {

    position: relative;

    margin-left: 1rem;

    line-height: 0

}

.button__decor:before {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 21px;

    height: 23px;

    background: 50% no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 21 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.263.842l10.105 10.105m0 0L9.263 22.316m10.105-11.369H.421' stroke='%23fff'/%3E%3C/svg%3E")

}

.button__decor svg {

    width: 96px;

    height: 96px

}

.button__decor--medium svg {

    width: 68px;

    height: 68px

}

.button__decor--medium:before {

    width: 15px;

    height: 17px

}

.button__decor--large svg {

    width: 80px;

    height: 80px

}

.button__decor--large:before {

    width: 18px;

    height: 19px

}

.button-mini {

    font-size: .75rem;

    line-height: 1.17em;

    text-align: center

}

.button-mini svg {

    width: inherit;

    height: inherit

}

.button-mini__container {

    visibility: hidden;

    position: fixed;

    bottom: 5%;

    right: 1.1875rem;

    z-index: 5;

    width: 6.1875rem

}

.button-mini__container--small-text span {

    font-size: .6875rem;

    line-height: 1.27em

}

.button-mini__container--bottom-10 {

    top: auto;

    bottom: 10%

}

.button-mini__decor {

    position: relative

}

.button-mini__decor svg {

    z-index: 2;

    transform: translate(-50%, -50%) rotate(0)

}

.button-mini__decor svg {

    position: absolute;

    top: 50%;

    left: 50%

}

.button-mini__decor--large {

    width: 80px;

    height: 80px

}

.button-mini__decor--large:after {

    width: 11px;

    height: 10px

}

 



@media print, screen and (min-width:40em) {

.header {

    -ms-grid-columns: 1fr 327px 1fr;

    grid-template-columns: 1fr 327px 1fr

}

}



@media print, screen and (max-width:39.99875em) {

.header {

    padding-top: 1rem;

    padding-bottom: 1rem;

    transform: translate(-50%, -150%)

}

}



@media (max-width:1400px) {

.header__list {

    display: none

}

}

.header__list-item {

    text-transform: uppercase

}

.header__list-link {

    display: inline-block;

    padding: 2.5rem .625rem;

    font-family: var(--font-family-base);

    font-size: 1rem;

    line-height: 1em

}

.header__list-text {

    letter-spacing: .02em

}

 

.header__logo {

    max-width: 100%

}

.header__menu-container {

    -ms-grid-column: 1;

    -ms-grid-column-span: 1;

    grid-column: 1/2

}

.header__menu-container--large {

    -ms-grid-column: 3;

    -ms-grid-column-span: 1;

    grid-column: 3/4;

    justify-content: flex-end

}

.header__menu {

    display: block;

    padding-right: 1rem

}



@media print, screen and (min-width:40em) {

.header__menu {

    padding: 2.5rem 4rem 2.5rem 2.5rem

}

}

.header__menu-decor {

    position: relative;

    display: inline-block;

    width: 28px;

    height: 12px

}

.header__menu-decor:after, .header__menu-decor:before {

    content: "";

    position: absolute;

    width: 100%;

    height: 2px;

    background-color: #f8ae38

}

.header__menu-decor:before {

    top: 0;

    left: 0;

    transform-origin: center

}

.header__menu-decor:after {

    bottom: 0;

    left: 0;

    transform-origin: center

}

.header__search {

    position: relative;

    top: 3px

}



@media print, screen and (min-width:40em) {

.header__search {

    padding: 2.5rem .625rem;

    margin: 0 1.875rem

}

}

.header__search-decor {

    display: inline-block;

    width: 1rem;

    height: 1rem;

    background: 50%/contain no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5.202' cy='5.202' r='4.602' stroke='%23f8ae38' stroke-width='1.2'/%3E%3Cpath d='M7.667 9.31l3.833 4.93' stroke='%23f8ae38' stroke-width='1.2'/%3E%3C/svg%3E")

}

.header__langs {

    padding-left: 1rem

}



@media print, screen and (min-width:40em) {

.header__langs {

    padding-left: 2.5rem;

    padding-right: .625rem

}

}

.header__lang-show {

    width: 2.5625rem

}

.header__lang-item {

    width: 4rem;

    height: 4rem

}

.header:before {

    content: "";

    position: absolute;

    top: 0;

    left: 50%;

    height: 100%;

    width: 100vw;

    z-index: -1;

    background: #323438;

    transform: translate(-50%, -100%)

}

.cover {

    width: 100vw;

    max-width: 100%

}

.cover--height-100vh {

    height: 100vh

}

.hero {

    position: relative

}



@media print, screen and (min-width:64em) {

.hero__circle {

    margin-top: 7rem

}

}

.hero__video-container, .hero__video-container:after {

    position: absolute;

    top: 0;

    left: 0

}

html .hero__video-container:after {

    content: "";

    width: 100vw;

    height: 100vh;

    background:  linear-gradient(180deg, var(--primary) -3.04%, rgba(var(--primaryrgba),0) 56.25%, rgba(38,39,42,.36));

    opacity: .9

}

.hero__video {

    width: 100vw;

    height: 100vh;

    -o-object-fit: cover;

    font-family: "object-fit:cover";

    object-fit: cover

}

.hero__button, .hero__button-container {

    position: relative

}

.hero__button {

    margin-bottom: 2rem;

    z-index: 1;

    opacity: 0

}



@media print, screen and (min-width:64em) {

.hero__button {

    position: absolute;

    right: 2.5rem;

    top: 4rem

}

}



@media print, screen and (min-width:40em) and (max-width:63.99875em) {

.hero__button {

    display: none

}

}

.hero__button .button__text {

    max-width: 6rem

}

.hero__button .button {

    padding: 0

}

.hero__button .button__decor {

    margin-left: .1rem;

    transform: scale(0) translateX(-100%);

    transform-origin: center

}

.hero__button .button__decor circle:first-child, .hero__button .button__decor circle:nth-child(2) {

    fill-opacity: 0

}

.hero__button--new .button__text {

    font-size: 1rem

}

.hero__button--new .button__decor {

    transform: none

}

.hero__button--new .button__decor circle:first-child, .hero__button--new .button__decor circle:nth-child(2) {

    transform: rotate(-1turn);

    transform-origin: center

}

.hero__button--new .button__decor circle:nth-child(2) {

    fill-opacity: .7

}

.hero__sound {

    position: absolute;

    bottom: 3rem;

    z-index: 2;

    right: 3rem;

    margin: 0;

    width: auto!important

}

.hero__sound-icon {

    position: relative;

    width: 4.5rem;

    height: 4.5rem;

    border: 1px solid #f8ae38;

    border-radius: 50%

}

.hero__sound-icon svg {

    width: 1.5rem;

    height: 1.5rem

}

.hero__sound-icon.mute .hero__sound-icon-decor:before {

    transform: scale(1) skewX(45deg) translate(1px, -2px)

}

.hero__sound-icon.mute .hero__sound-icon-decor:after {

    transform: skewX(-45deg) translateX(5px)

}

.hero__sound-icon.mute svg {

    overflow: visible

}

.hero__sound-icon-decor {

    position: absolute;

    width: 2rem;

    height: 2rem

}

.hero__sound-icon-decor:after, .hero__sound-icon-decor:before {

    content: "";

    position: absolute;

    width: 1px;

    height: 10px;

    background-color: #fff;

    transform-origin: top center

}

.hero__sound-icon-decor:before {

    top: 13px;

    left: 24px;

    transform: scaleY(.6)

}

.hero__sound-icon-decor:after {

    top: 11px;

    left: 28px

}

.page-section {

    position: relative;

    z-index: 1;

    overflow: hidden

}

.page-section:before {

    content: "";

    top: 0;

    left: 0;

    right: 0;

    bottom: 0

}

.page-section:before {

    position: absolute;

    z-index: -1

}

.page-section--footer:before {

    background: linear-gradient(180deg, #2e2f32, rgba(38,39,42,0) 29.86%, rgba(38,39,42,0) 99.99%, rgba(38,39,42,0))

}

.menu__telephone {

    position: relative

}

.menu__telephone:after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 1px;

    background-color: #f8ae38;

    transform: scale(0);

    transform-origin: center

}

.menu {

    display: none;

    visibility: hidden;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 8;

    width: 100vw;

    height: 100vh;

    overflow-y: scroll;

    overflow-x: hidden;

    background: #323438 bottom/cover no-repeat

}

.menu:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    width: 100%;

    height: 100%;

    background: linear-gradient(180deg, #2e2f32, rgba(46,47,50,0))

}

.menu__container {

    min-height: 100vh;

    display: flex;

    flex-direction: column

}

.menu__top {

    margin-top: auto;

    padding-top: 5rem;

    padding-bottom: 5rem

}

.menu__logo-container {

    margin-bottom: 3.75rem

}



@media print, screen and (min-width:64em) {

.menu__logo-container {

    margin-bottom: 5vh

}

}

.menu__logo {

    margin-bottom: 3.25rem

}

.menu__logo img {

    max-width: 100%

}

.menu__text {

    margin-bottom: 3rem;

    font-weight: 300;

    font-size: 1.5rem;

    line-height: 2rem;

    text-transform: uppercase;

    color: #fff

}



@media screen and (min-width:75em) {

.menu__text {

    width: 455px

}

}

.menu__text--footer {

    margin-bottom: .6875rem

}

.menu__inner-text {

    color: #f8ae38

}

.menu__list-wrapper {

    flex-wrap: wrap

}

.menu__list-wrapper--footer {

    margin-bottom: 3.75rem

}



@media print, screen and (min-width:64em) {

.menu__list-wrapper--footer {

    margin-bottom: 0

}

}

.menu__list-container {

    width: auto;

    margin-bottom: 3.75rem

}



@media print, screen and (min-width:40em) {

.menu__list-container {

    margin-bottom: 0

}

}



@media print, screen and (min-width:64em) {

.menu__list-container {

    margin-bottom: 2rem

}

}



@media screen and (min-width:75em) {

.menu__list-container {

    margin-bottom: 0

}

}



@media screen and (min-width:90em) {

.menu__list-container {

    width: 15.9375rem

}

}



@media screen and (min-width:90em) {

.menu__list-container--second {

    padding-left: 2.5rem

}

}



@media print, screen and (max-width:39.99875em) {

.menu__list-container--text-center {

    text-align: center

}

}



@media print, screen and (max-width:39.99875em) {

.menu__list-container--text-center .main-list__decor-wrapper:before {

    display: none

}

}

.menu__social-list--footer {

    margin-bottom: 5.375rem;

    justify-content: center

}



@media print, screen and (min-width:40em) {

.menu__social-list--footer {

    justify-content: unset

}

}

.menu__social-item:not(:first-child) {

    margin-left: 2rem

}

.menu__telephone-container {

    position: relative;

    margin-top: auto;

    padding-top: 1.5rem;

    padding-bottom: 1.5rem;

    width: 100%

}

.menu__telephone-container:after {

    content: "";

    position: absolute;

    top: -24px;

    left: -24vw;

    width: 124vw;

    height: 1px;

    background-color: #fff;

    opacity: .7

}

.menu__telephone-list {

    -moz-columns: 1;

    column-count: 1

}



@media print, screen and (min-width:40em) {

.menu__telephone-list {

    -moz-columns: 2;

    column-count: 2

}

}



@media print, screen and (min-width:64em) {

.menu__telephone-list {

    -moz-columns: 3;

    column-count: 3

}

}



@media screen and (min-width:75em) {

.menu__telephone-list {

    -moz-columns: 4;

    column-count: 4

}

}



@media screen and (min-width:90em) {

.menu__telephone-list {

    margin-left: 3.625rem;

    margin-right: 3.625rem;

    -moz-columns: 5;

    column-count: 5

}

}

.menu__telephone {

    width: -webkit-fit-content;

    width: -moz-fit-content;

    width: fit-content;

    line-height: 2rem;

    text-transform: uppercase

}

.menu__telephone span {

    color: #f8ae38

}

.menu__telephone span:nth-child(2) {

    margin-left: .625rem;

    color: #fff;

    opacity: .7

}

.menu__close {

    position: fixed;

    top: 1rem;

    right: 1rem;

    color: #f8ae38;

    opacity: 0

}



@media print, screen and (min-width:64em) {

.menu__close {

    top: 2.5rem;

    right: 4rem

}

}

.menu {

    transform: translate3d(0, -100%, 0)

}

.menu:after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #323438;

    z-index: -1;

    opacity: 1

}

.menu .menu__telephone-container:after {

    transform: scale(0);

    transform-origin: left

}

.menu .main-list__title-container {

    overflow: hidden;

    margin-bottom: 2rem

}

.menu .main-list__title-container h3 {

    position: relative;

    transform: translate3d(0, 100%, 0);

    margin-bottom: 0

}

.menu .main-list__decor-wrapper:before {

    transform: scale(0);

    transform-origin: right

}

.menu .main-list__item {

    overflow: hidden

}

.menu .main-list__item a {

    display: block;

    position: relative;

    transform: translate3d(0, 100%, 0)

}

.menu .menu__logo {

    overflow: hidden

}

.menu .menu__logo img {

    position: relative;

    transform: translate3d(0, 100%, 0)

}

.menu .menu__text {

    overflow: hidden

}

.menu .menu__text span {

    display: inline-block;

    position: relative;

    transform: translate3d(0, 100%, 0)

}

.menu .menu__button {

    overflow: hidden

}

.menu .menu__button a {

    opacity: 0

}

.menu .menu__button .button {

    padding-left: 0;

    padding-right: 0;

    padding-top: 1rem

}

.menu .menu__social-item {

    overflow: hidden

}

.menu .menu__social-item a {

    position: relative;

    display: block;

    transform: translate3d(0, 110%, 0)

}

.menu .menu__telephone-item {

    overflow: hidden

}

.menu .menu__telephone-item a {

    display: inline-block;

    transform: translate3d(0, 100%, 0)

}

.circle {

    color: #fff

}

.circle__title {

    position: absolute;

    left: 50%;

    transform: translate(-50%, -50%)

}

.circle__title {

	font-family: 'bankgothic_md_btmedium';

    top: 50%;

    text-align: center;

    text-transform: uppercase;

    font-size: 2.0625rem;

    line-height: 1.4em;

    font-weight: 400;

    width: 100%;

    max-width: 34.4375rem

}

.circle__svg-container {

    margin: 0 auto;

    position: relative;

    width: 100%

}

.circle__svg-container--hero {

    max-width: calc(100vh - 150px)

}

.circle__slide {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 100%;

    z-index: -1;

    display: -ms-grid;

    display: grid;

    -ms-grid-rows: 100%;

    grid-template-rows: 100%;

    -ms-grid-columns: 100%;

    grid-template-columns: 100%

}

.circle__slide--z-index-1 {

    z-index: 1

}

.circle__slide {

    top: 0;

    left: 0;

    transform: none;

    height: 100%

}

.circle__logo-container {

    display: inline-block;

    vertical-align: top

}



@media print, screen and (min-width:40em) {

.circle__logo-container {

    width: 9rem

}

}

.circle__logo-container img {

    display: block;

    height: auto;

    -webkit-filter: grayscale(1);

    filter: grayscale(1);

    max-width: 100%;

    max-height: 60px;

    margin: 0 auto

}



@media print, screen and (max-width:39.99875em) {

.circle__logo-container img {

    max-width: 180px

}

}

.circle__list-container {

    flex-wrap: wrap;

    padding: 24px 48px;

    width: 100%

}

.circle__slide-info {

    -ms-grid-row: 1;

    grid-row: 1/1;

    -ms-grid-column: 1;

    grid-column: 1/1

}

.circle__slide-info {

    display: flex;

    align-items: center

}

.inner-title h3 {

    font-size: 1.625rem;

    line-height: 1.54em;

    font-weight: 300;

    color: #f8ae38;

    text-align: center;

    letter-spacing: .08em;

    text-transform: uppercase

}

.inner-title--small h3 {

    font-size: 1.5rem;

    line-height: 1.33em

}

.inner-title--white h3 {

    color: #fff

}

input::-webkit-calendar-picker-indicator {

visibility:hidden

}

.main-list__decor-wrapper {

    position: relative;

    color: #f8ae38

}

.main-list__decor-wrapper:before {

    content: "";

    position: absolute;

    top: 50%;

    left: -40px;

    transform: translateY(-50%);

    width: 24px;

    height: 1px;

    background-color: currentColor

}

.main-list__title {

    position: relative;

    font-size: 1rem;

    line-height: 1.2em;

    font-weight: 400;

    text-transform: uppercase;

    color: #f8ae38

}

.main-list__title--menu, .main-list__title--menu-second {

    font-size: 1.25rem;

    margin-bottom: 2rem

}

.main-list__title--footer, .main-list__title--footer-second {

    margin-bottom: 1.5rem

}

.main-list__item {

    color: #fff

}



@media screen and (min-width:90em) {

.main-list__item--menu {

    display: inline-block;

    width: 296px

}

}

.main-list__item--menu:not(:last-child) {

    margin-bottom: 1.3125rem

}

.main-list__item--menu a {

    font-size: 1.1875rem;

    line-height: 1.26em

}

.main-list__item--menu-second:not(:last-child) {

    margin-bottom: 1rem

}

.main-list__item--menu-second a {

    font-size: 1.1875rem;

    line-height: 1.26em

}

.main-list__item--footer-second:not(:last-child), .main-list__item--footer:not(:last-child) {

    margin-bottom: 1.3125rem

}

.main-list__item--footer a, .main-list__item--footer-second a {

    font-size: .875rem;

    line-height: 1.14em

}

.main-list__item--footer-second:not(:last-child) {

    margin-bottom: 1rem

}

.main-list__item a {

    font-weight: 300;

    text-transform: uppercase;

    color: currentColor

}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {

-webkit-appearance:none;

margin:0

}

.footer__creator {

    position: relative

}

.footer__creator:after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 1px;

    background-color: #f8ae38;

    transform: scale(0);

    transform-origin: center

}

.footer__input-container {

    position: relative

}

.footer__input-container:after {

    content: "";

    position: absolute;

    display: block;

    top: 56%;

    left: 0;

    width: 100%;

    height: 2px;

    background-color: #f8ae38;

    transform: scale(0);

    transform-origin: left center

}



@media print, screen and (min-width:40em) {

.footer__input-container:after {

    top: 38%

}

}

.footer {

    padding: 7rem 0;

    background-size: cover;

    background-position: bottom;

    background-repeat: no-repeat

}

.footer--static {

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 1

}



@media (min-width:1025px) and (min-height:700px) {

.footer--static {

    position: fixed;

    display: flex;

    min-height: 100vh

}

.footer--static .grid-container {

    display: flex;

    margin-top: auto

}

}

.footer__logo-container {

    margin-bottom: 3.75rem

}



@media print, screen and (min-width:64em) {

.footer__logo-container {

    margin-bottom: 8.6875rem

}

}

.footer__creator {

    font-size: .875rem;

    line-height: 1rem;

    letter-spacing: .04em;

    color: #fff

}

.footer__rights {

    font-size: .875rem;

    line-height: 1rem;

    letter-spacing: .04em;

    color: #f8ae38

}

.footer__subscribe {

    margin-bottom: 3.75rem

}



@media print, screen and (min-width:40em) {

.footer__subscribe {

    margin-bottom: 0

}

}



@media print, screen and (min-width:64em) {

.footer__input-container {

    max-width: 28rem

}

}

.footer__input {

    width: 100%;

    padding: 0 2.25rem 1.4375rem;

    margin-bottom: 1.875rem;

    color: #fff;

    border-bottom: 1px solid hsla(0,0%,100%,.2)

}



@media print, screen and (min-width:40em) {

.footer__input {

    margin-bottom: 4.0625rem

}

}

.footer__input::-webkit-input-placeholder {

font-family:var(--font-family-base);

line-height:1em;

opacity:.4;

color:#fff

}

.footer__input::-moz-placeholder {

font-family:var(--font-family-base);

line-height:1em;

opacity:.4;

color:#fff

}

.footer__input:-ms-input-placeholder {

font-family:var(--font-family-base);

line-height:1em;

opacity:.4;

color:#fff

}

.footer__input::-ms-input-placeholder {

font-family:var(--font-family-base);

line-height:1em;

opacity:.4;

color:#fff

}

.footer__input-icon {

    position: absolute;

    top: 0;

    left: 0;

    display: block;

    width: 21px;

    height: 16px

}

.footer__info-list {

    text-align: left

}



@media print, screen and (max-width:89.99875em) {

.footer__info-list {

    flex-wrap: wrap

}

}



@media screen and (min-width:90em) {

.footer__info-list {

    justify-content: unset

}

}

.footer__info-item {

    margin-bottom: 1rem

}

.footer__info-item:after {

    background-color: #fff

}



@media print, screen and (min-width:64em) {

.footer__info-item {

    margin-bottom: 0

}

}



@media print, screen and (min-width:40em) {

.footer__info-item {

    margin-right: 1rem

}

.footer__info-item:last-child {

    margin-right: 0

}

}

.footer__info-link {

    font-size: .875rem;

    line-height: 1rem;

    color: #fff;

    opacity: .5

}



@media screen and (min-width:75em) {

.footer__info-link {

    font-size: .875rem

}

}

.footer__button--mini {

    position: absolute;

    bottom: 2%;

    right: 10%

}



@media print, screen and (min-width:40em) {

.footer__button--mini {

    top: 10%;

    bottom: auto

}

}



@media print, screen and (min-width:64em) {

.footer__button--mini {

    top: auto;

    bottom: 4.0625rem;

    right: 1.5rem

}

}

.squeeze__container {

    color: #fff

}

.squeeze__title {

    padding: 1rem 3rem;

    outline: 0

}

.squeeze__inner-container {

    padding: 3rem 0 1rem

}

.squeeze__item {

    width: 100%;

    text-align: center;

    text-transform: capitalize;

    border-bottom: 1px solid #f8ae38

}

.squeeze__item:after, .squeeze__item:before {

    content: "";

    position: absolute;

    background-color: #f8ae38

}

.squeeze__item:before {

    right: 28px;

    top: 24px;

    width: 1px;

    height: 1rem

}

.squeeze__item:after {

    right: 20px;

    top: 32px;

    width: 1rem;

    height: 1px

}

.scroll-progress {

    position: fixed;

    bottom: 10%;

    left: 2%;

    z-index: 2;

    overflow: hidden;

    transform: rotate(-90deg);

    transform-origin: left bottom

}



@media screen and (min-width:90em) {

.scroll-progress {

    left: 5%

}

}

.scroll-progress__bar {

    width: 6.1875rem;

    height: 1px;

    margin-right: 1rem;

    background-color: hsla(0,0%,100%,.2);

    transform-origin: right center

}

.scroll-progress__progress {

    display: block;

    height: 1px;

    background-color: #fff;

    will-change: transform;

    transform: scaleX(0);

    transform-origin: right center

}

.scroll-progress__text {

    font-size: .6875rem;

    line-height: 1.45em;

    letter-spacing: .04em;

    transform: translateY(-100%)

}

:root {

--swiper-theme-color:#007aff

}

:root {

--swiper-navigation-size:44px

}

.dropdown__list {

    scrollbar-width: thin;

    scrollbar-color: #f8ae38 transparent

}

.dropdown__list::-webkit-scrollbar {

width:.25rem;

background-color:transparent

}

.dropdown__list::-webkit-scrollbar-track {

box-shadow:1px 0 0 0 #6f7075, 0 1px 0 0 #6f7075, 1px 1px 0 0 #6f7075, inset 1px 0 0 0 #6f7075, inset 0 1px 0 0 #6f7075!important

}

.dropdown__list::-webkit-scrollbar-thumb {

width:.25rem;

background-color:#f8ae38;

height:2.5625rem

}

.dropdown {

    position: relative

}

.dropdown select {

    width: 2.5625rem;

    font-family: inherit;

    font-size: 1rem;

    color: #f8ae38

}

.dropdown__list {

    max-height: 20rem;

    overflow-y: scroll;

    position: absolute;

    top: 0;

    left: 35%;

    z-index: 2;

    visibility: hidden;

    transform: scaleY(0);

    transform-origin: top center

}

.dropdown__item-show {

    position: relative;

    font-family: inherit;

    text-transform: uppercase

}

.dropdown__item-show:after {

    content: "";

    position: absolute;

    top: 50%;

    right: -10px;

    transform: translateY(-50%);

    width: 1rem;

    height: 1rem;

    background: 50% no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.4' d='M9.5 1l-4 4L1 1' stroke='%23f8ae38'/%3E%3C/svg%3E")

}

.dropdown__item {

    min-width: 4rem;

    min-height: 4rem;

    background-color: #323438

}

.dropdown__item a {

    font-family: inherit;

    width: 100%;

    height: 100%;

    color: #f8ae38;

    text-transform: uppercase

}

.accordion {

    padding: 0;

    margin: 0;

    position: relative;

    list-style: none

}

.accordion>* {

    position: absolute;

    overflow: hidden;

    padding: 0;

    margin: 0

}

.accordion, .accordion>* {

    will-change: height, transform;

    perspective: 90em;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    transform: translateZ(0)

}

.accordion>*>:first-child {

    margin: 0

}

.accordion>*>:last-child {

    overflow: hidden

}