@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
.ui-paragraph-my-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.ui-header-font-parent {
    font-size: inherit;
    font-weight: inherit;
}

.ui-inline {
    display: inline;
}

:root {
  --blue: #2699ef;
  --deep-blue: #09184b;
  --orange: #e56b50;
  --black: #343333;
  --deep-black: #000000;
  --magenta: #e53a63;
  --gray-5: #E0E0E0;
  --gray-6: #F2F2F2;
}

.ui-color--gray-5 {
    color: var(--gray-5, #E0E0E0);
}

.ui-color--gray-6 {
    color: var(--gray-6, #F2F2F2);
}

@import url(https://fonts.googleapis.com/css?family=Merriweather:400,900&display=swap&subset=cyrillic);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700&display=swap);
.view-pages ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.view-pages a {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 20px;
    height: 50px
}

.view-pages a:hover {
    background: #fff;
    color: #0a184b
}

.common-locales {
    position: relative;
    font-family: Lato, sans-serif;
    font-weight: 700;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.common-locales,
.common-locales__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.common-locales__list {
    padding: 0;
    list-style: none;
    margin: 0
}

.common-locales__arrow {
    margin-right: .8rem;
    cursor: pointer
}

@media (min-width:771px) {
    .common-locales__arrow {
        display: none
    }
}

.common-locales__link {
    font-size: 1.4rem;
    line-height: 1.7rem;
    color: #b4b8bc;
    opacity: .3;
    -webkit-transition: color .3s, opacity .3s;
    transition: color .3s, opacity .3s;
    text-transform: uppercase;
    padding-bottom: .5rem
}

@media (max-width:770px) {
    .common-locales__link {
        display: none;
        padding-bottom: 0
    }
}

.common-locales__link+.common-locales__link {
    margin-left: 1.1rem
}

@media (max-width:770px) {
    .common-locales__link+.common-locales__link {
        margin-left: 0
    }
}

.common-locales__link.active,
.common-locales__link:focus,
.common-locales__link:hover {
    opacity: 1;
    color: #fff;
    text-decoration: none
}

@media (max-width:770px) {
    .common-locales__link.active,
    .common-locales__link:focus,
    .common-locales__link:hover {
        display: block
    }
}

.common-locales__link.active {
    pointer-events: none
}

.common-locales__select {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
    display: none
}

@media (max-width:770px) {
    .common-locales__select {
        display: block
    }
}

.common-locales__pointer {
    height: .3rem;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #fd6a3b;
    -webkit-transition: width .3s, -webkit-transform .3s;
    transition: width .3s, -webkit-transform .3s;
    transition: transform .3s, width .3s;
    transition: transform .3s, width .3s, -webkit-transform .3s;
    pointer-events: none
}

.common-menu-mobile {
    padding: 2.6rem 2.9rem
}

.common-menu-mobile__link {
    display: block;
    font-family: Lato, sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    color: #b6c2dd;
    -webkit-transition: color .3s;
    transition: color .3s;
    margin-bottom: 4rem
}

.common-menu-mobile__link.active,
.common-menu-mobile__link:hover {
    color: #fff
}

.view-main {
    background: url(/assets/images/bg-brand.jpeg);
    background-position: top;
    background-repeat: no-repeat
}

.view-main__revert {
    display: grid
}

@media (max-width:770px) {
    .view-main__advantages {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.view-forgot,
.view-signin,
.view-signup {
    background: url(/assets/images/bg.png);
    background-position: top;
    background-repeat: no-repeat
}

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

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

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

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

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

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

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

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

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

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: opacity .3s;
    -o-transition: .3s opacity;
    transition: opacity .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: top .2s, -webkit-transform .2s;
    transition: top .2s, -webkit-transform .2s;
    -o-transition: .2s transform, .2s top;
    transition: transform .2s, top .2s;
    transition: transform .2s, top .2s, -webkit-transform .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: left .2s, -webkit-transform .2s;
    transition: left .2s, -webkit-transform .2s;
    -o-transition: .2s transform, .2s left;
    transition: transform .2s, left .2s;
    transition: transform .2s, left .2s, -webkit-transform .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: right .2s, -webkit-transform .2s;
    transition: right .2s, -webkit-transform .2s;
    -o-transition: .2s transform, .2s right;
    transition: transform .2s, right .2s;
    transition: transform .2s, right .2s, -webkit-transform .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.pros-logo-desk{
    display: block;
}

.pros-logo-mob{
    display: none;
}

@media (max-width:600px) {
    .pros-logo-desk{
        display: noen;
    }
    .pros-logo-mob{
        display: block;
    }
    .view-main {
        background: url(/assets/images/bg-brand-mob.jpeg);
        background-position: 9% 7rem;
        background-repeat: no-repeat;
    }
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

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

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

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

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

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

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

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

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

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

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

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

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.delay-1s {
    animation-delay: 1s
}

.animated.delay-2s {
    animation-delay: 2s
}

.animated.delay-3s {
    animation-delay: 3s
}

.animated.delay-4s {
    animation-delay: 4s
}

.animated.delay-5s {
    animation-delay: 5s
}

.animated.fast {
    animation-duration: .8s
}

.animated.faster {
    animation-duration: .5s
}

.animated.slow {
    animation-duration: 2s
}

.animated.slower {
    animation-duration: 3s
}

@media (prefers-reduced-motion:reduce),
(print) {
    .animated {
        animation-duration: 1ms!important;
        transition-duration: 1ms!important;
        animation-iteration-count: 1!important
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft
}

.icon-AE {
    background-position: -22px 0
}

.icon-AE,
.icon-AT {
    background-image: url(/assets/sprite/sprite.png);
    width: 22px;
    height: 22px
}

.icon-AT {
    background-position: -110px 0
}

.icon-AU {
    background-position: 0 -22px
}

.icon-AU,
.icon-BY {
    background-image: url(/assets/sprite/sprite.png);
    width: 22px;
    height: 22px
}

.icon-BY {
    background-position: -22px -22px
}

.icon-CA {
    background-position: -44px 0
}

.icon-CA,
.icon-CH {
    background-image: url(/assets/sprite/sprite.png);
    width: 22px;
    height: 22px
}

.icon-CH {
    background-position: -44px -22px
}

.icon-CL {
    background-position: 0 -44px
}

.icon-CL,
.icon-CZ {
    background-image: url(/assets/sprite/sprite.png);
    width: 22px;
    height: 22px
}

.icon-CZ {
    background-position: -22px -44px
}

.icon-DE {
    background-position: -44px -44px
}

.icon-DE,
.icon-DK {
    background-image: url(/assets/sprite/sprite.png);
    width: 22px;
    height: 22px
}

.icon-DK {
    background-position: -66px 0
}

.icon-EE {
    background-position: -66px -22px
}

.icon-EE,
.icon-ES {
    background-image: url(/assets/sprite/sprite.png);
    width: 22px;
    height: 22px
}

.icon-ES {
    background-position: -66px -44px
}

.icon-FI {
    background-position: 0 -66px
}

.icon-FI,
.icon-FR {
    background-image: url(/assets/sprite/sprite.png);
    width: 22px;
    height: 22px
}

.icon-FR {
    background-position: -22px -66px
}

.icon-GB {
    background-position: -44px -66px
}

.icon-GB,
.icon-GE {
    background-image: url(/assets/sprite/sprite.png);
    width: 22px;
    height: 22px
}

.icon-GE {
    background-position: -66px -66px
}

.icon-GL {
    background-position: -88px 0
}

.icon-GL,
.icon-GR {
    background-image: url(/assets/sprite/sprite.png);
    width: 22px;
    height: 22px
}

.icon-GR {
    background-position: -88px -22px
}

.icon-HK {
    background-position: -88px -44px
}

.icon-HK,
.icon-HR {
    background-image: url(/assets/sprite/sprite.png);
    width: 22px;
    height: 22px
}

.icon-HR {
    background-position: -88px -66px
}

.icon-HU {
    background-position: 0 -88px
}

.icon-HU,
.icon-IE {
    background-image: url(/assets/sprite/sprite.png);
    width: 22px;
    height: 22px
}

.icon-IE {
    background-position: -22px -88px
}

.icon-IS {
    background-position: -44px -88px
}

.icon-IS,
.icon-IT {
    background-image: url(/assets/sprite/sprite.png);
    width: 22px;
    height: 22px
}

.icon-IT {
    background-position: -66px -88px
}

.icon-KR {
    background-position: -88px -88px
}

.icon-KR,
.icon-KW {
    background-image: url(/assets/sprite/sprite.png);
    width: 22px;
    height: 22px
}

.icon-KW {
    background-position: 0 0
}

.icon-KZ {
    background-position: -110px -22px
}

.icon-KZ,
.icon-LI {
    background-image: url(/assets/sprite/sprite.png);
    width: 22px;
    height: 22px
}

.icon-LI {
    background-position: -110px -44px
}

.icon-LT {
    background-position: -110px -66px
}

.icon-LT,
.icon-LU {
    background-image: url(/assets/sprite/sprite.png);
    width: 22px;
    height: 22px
}

.icon-LU {
    background-position: -110px -88px
}

.icon-LV {
    background-position: 0 -110px
}

.icon-LV,
.icon-MD {
    background-image: url(/assets/sprite/sprite.png);
    width: 22px;
    height: 22px
}

.icon-MD {
    background-position: -22px -110px
}

.icon-MX {
    background-position: -44px -110px
}

.icon-MX,
.icon-MY {
    background-image: url(/assets/sprite/sprite.png);
    width: 22px;
    height: 22px
}

.icon-MY {
    background-position: -66px -110px
}

.icon-NL {
    background-position: -88px -110px
}

.icon-NL,
.icon-NO {
    background-image: url(/assets/sprite/sprite.png);
    width: 22px;
    height: 22px
}

.icon-NO {
    background-position: -110px -110px
}

.icon-NZ {
    background-position: -132px 0
}

.icon-NZ,
.icon-PA {
    background-image: url(/assets/sprite/sprite.png);
    width: 22px;
    height: 22px
}

.icon-PA {
    background-position: -132px -22px
}

.icon-PE {
    background-position: -132px -44px
}

.icon-PE,
.icon-PL {
    background-image: url(/assets/sprite/sprite.png);
    width: 22px;
    height: 22px
}

.icon-TH {
    background-image: url(/assets/sprite/sprite.png);
    width: 22px;
    height: 22px;
    background-position: -154px -22px;
}

.icon-PL {
    background-position: -132px -66px
}

.icon-PT {
    background-position: -132px -88px
}

.icon-PT,
.icon-QA {
    background-image: url(/assets/sprite/sprite.png);
    width: 22px;
    height: 22px
}

.icon-QA {
    background-position: -132px -110px
}

.icon-RO {
    background-position: 0 -132px
}

.icon-RO,
.icon-RU {
    background-image: url(/assets/sprite/sprite.png);
    width: 22px;
    height: 22px
}

.icon-RU {
    background-position: -22px -132px
}

.icon-SA {
    background-position: -44px -132px
}

.icon-SA,
.icon-SE {
    background-image: url(/assets/sprite/sprite.png);
    width: 22px;
    height: 22px
}

.icon-SE {
    background-position: -66px -132px
}

.icon-SG {
    background-position: -88px -132px
}

.icon-SG,
.icon-TW {
    background-image: url(/assets/sprite/sprite.png);
    width: 22px;
    height: 22px
}

.icon-TW {
    background-position: -110px -132px
}

.icon-UA {
    background-position: -132px -132px
}

.icon-UA,
.icon-ZA {
    background-image: url(/assets/sprite/sprite.png);
    width: 22px;
    height: 22px
}

.icon-ZA {
    background-position: -154px 0
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .icon-AE,
    .icon-AT,
    .icon-AU,
    .icon-BY,
    .icon-CA,
    .icon-CH,
    .icon-CL,
    .icon-CZ,
    .icon-DE,
    .icon-DK,
    .icon-EE,
    .icon-ES,
    .icon-FI,
    .icon-FR,
    .icon-GB,
    .icon-GE,
    .icon-GL,
    .icon-GR,
    .icon-HK,
    .icon-HR,
    .icon-HU,
    .icon-IE,
    .icon-IS,
    .icon-IT,
    .icon-KR,
    .icon-KW,
    .icon-KZ,
    .icon-LI,
    .icon-LT,
    .icon-LU,
    .icon-LV,
    .icon-MD,
    .icon-MX,
    .icon-MY,
    .icon-NL,
    .icon-NO,
    .icon-NZ,
    .icon-PA,
    .icon-PE,
    .icon-PL,
    .icon-PT,
    .icon-QA,
    .icon-RO,
    .icon-RU,
    .icon-SA,
    .icon-SE,
    .icon-SG,
    .icon-TW,
    .icon-UA,
    .icon-ZA {
        background-image: url(/assets/sprite/sprite@2x.png);
        background-size: 176px 154px
    }
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio,
canvas,
progress,
video {
    display: inline-block
}

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

progress {
    vertical-align: baseline
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
    outline-width: 0
}

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

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

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

figure {
    margin: 1em 40px
}

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

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

optgroup {
    font-weight: 700
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

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

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

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

.ui-icon {
    fill: currentColor;
    display: inline-block
}

.ui-icon svg {
    height: 100%;
    width: auto
}

html {
    font-size: 10px
}

body,
html {
    margin: 0;
    padding: 0;
    font-family: Merriweather, sans-serif;
    font-weight: 400;
    background-color: var(--deep-blue);
    min-height: 100%;
    height: 100%
}

*,
:after,
:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 1.6rem;
    line-height: 2.1rem
}

.view-scroll-horizontal--disabled {
    overflow: hidden;
    max-width: 100%
}

.main-wrap {
    max-width: 127.8rem;
    margin: 0 auto;
    padding: 0 4rem
}

@media (max-width:600px) {
    .main-wrap {
        padding: 0 2rem
    }
}

.icon {
    fill: currentColor
}

.icon svg {
    width: 100%;
    height: 100%
}

#app {
    color: #fff;
    padding-top: 2rem;
    min-height: calc(100% - 2rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width:600px) {
    #app {
        padding-top: 1rem
    }
}

#app main {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

a {
    text-decoration: none;
    color: #8b93ae
}

.list-reset,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0
}

.list-reset {
    list-style: none
}

@media (max-width:600px) {
    .hide-xs {
        display: none!important
    }
}

@media (max-width:770px) {
    .hide-sm {
        display: none!important
    }
}

@media (max-width:1140px) {
    .hide-md {
        display: none!important
    }
    body.store, html {
        background: #0A174A;
    }
}

.show-sm {
    display: none !important
}

@media (max-width:770px) {
    .show-sm {
        display: block!important
    }
    #blog {
        padding-bottom:6.5rem !important;
    }
}

.show-md {
    display: none
}

@media (max-width:1140px) {
    .show-md {
        display: block!important
    }
}

.show-xs {
    display: none
}

@media (max-width:600px) {
    .show-xs {
        display: block!important
    }
}

.show-xxs {
    display: none
}

@media (max-width:480px) {
    .show-xxs {
        display: block!important
    }
}

.font-primary {
    font-family: Lato, sans-serif
}

.text-default {
    font-family: Merriweather, sans-serif!important
}

.text-bold {
    font-weight: $font-blod!important
}

.link {
    text-decoration: none;
    -webkit-transition: color .3s;
    transition: color .3s
}

.link--primary {
    color: #2e66d3
}

.link--accent {
    /* color: #f58168; */
    color: #E56B50;
}

.link--primary.link--border {
    border-bottom: 1px solid #fd6a3b;
    padding-bottom: .3rem;
    text-transform: uppercase
}

.link--underline {
    text-decoration: underline
}

.fadeInLeft20 {
    -webkit-animation-name: fadeInLeft20;
    animation-name: fadeInLeft20
}

.fadeInRight20 {
    -webkit-animation-name: fadeInRight20;
    animation-name: fadeInRight20
}

.fadeOutRight20 {
    -webkit-animation-name: fadeOutRight20;
    animation-name: fadeOutRight20
}

.fadeOutLeft20 {
    -webkit-animation-name: fadeOutLeft20;
    animation-name: fadeOutLeft20
}

@-webkit-keyframes fadeInLeft20 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20%, 0, 0);
        transform: translate3d(-20%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft20 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20%, 0, 0);
        transform: translate3d(-20%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes fadeInRight20 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(30%, 0, 0);
        transform: translate3d(30%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight20 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(30%, 0, 0);
        transform: translate3d(30%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes fadeOutRight20 {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(30%, 0, 0);
        transform: translate3d(30%, 0, 0)
    }
}

@keyframes fadeOutRight20 {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(30%, 0, 0);
        transform: translate3d(30%, 0, 0)
    }
}

@-webkit-keyframes fadeOutLeft20 {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-20%, 0, 0);
        transform: translate3d(-20%, 0, 0)
    }
}

@keyframes fadeOutLeft20 {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-20%, 0, 0);
        transform: translate3d(-20%, 0, 0)
    }
}

.ui-btn {
    position: relative;
    display: inline-block;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color .3s, color .3s, border-color .3s, opacity .3s, height .2s;
    transition: background-color .3s, color .3s, border-color .3s, opacity .3s, height .2s;
    cursor: pointer;
    text-decoration: none;
    border: 0;
    background-color: transparent;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    font-family: Lato, sans-serif;
    font-weight: 900;
    letter-spacing: -.02em
}

a.ui-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.ui-btn__body,
a.ui-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ui-btn__body {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    -webkit-transition: color .2s, -webkit-transform .16s;
    transition: color .2s, -webkit-transform .16s;
    transition: transform .16s, color .2s;
    transition: transform .16s, color .2s, -webkit-transform .16s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ui-btn:active,
.ui-btn:focus,
.ui-btn:hover {
    outline: none
}

.ui-btn[disabled] {
    opacity: .15;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui-btn:before {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.ui-btn.is-border:after,
.ui-btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.ui-btn.is-displaced {
    -webkit-transform: translate(.5rem, .5rem);
    transform: translate(.5rem, .5rem)
}

.ui-btn.is-displaced .ui-btn__body {
    -webkit-transform: translate(-.5rem, -.5rem);
    transform: translate(-.5rem, -.5rem)
}

.ui-btn.is-stretch {
    width: 100%
}

.ui-btn:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.ui-btn.is-size-s {
    height: 4.6rem;
    font-size: 1.4rem
}

.ui-btn.is-size-s .ui-btn__body {
    padding: 0 2.7rem
}

@media (max-width:600px) {
    .ui-btn.is-size-s .ui-btn__body {
        padding: 0 1.2rem
    }
}

.ui-btn.is-size-l {
    height: 6.6rem;
    font-size: 2.5rem
}

.ui-btn.is-size-l .ui-btn__body {
    padding: 0 2.1rem
}

.ui-btn.is-size-xl {
    height: 10rem;
    font-size: 2.5rem
}

.ui-btn.is-size-xl .ui-btn__body {
    padding: 0 3.3rem
}

.ui-btn.is-fill.is-theme-accent .ui-btn__body {
    /* background: -webkit-gradient(linear, left top, right top, color-stop(-3.06%, #fff), color-stop(-3.06%, #ff4646), color-stop(58.06%, #e1345e)); */
    background: linear-gradient(360deg, var(--orange,#ff4646) 0%, var(--magenta,#e1345e) 100%);
    
}

.ui-btn.is-fill.is-theme-accent:hover .ui-btn__body {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.ui-btn.is-theme-accent {
    color: #f58168
}

.ui-btn.is-border.is-theme-accent,
.ui-btn.is-border.is-theme-accent.is-fill {
    color: #fff
}

.ui-btn.is-border.is-theme-accent:after {
    border: .2rem solid ;
    border-image-slice: 1;
    border-image-source: linear-gradient(360deg, var(--orange,#ff4646) 0%, var(--magenta,#e1345e) 100%);
}

.ui-btn.is-border.is-theme-accent:before {
    background: -webkit-gradient(linear, left bottom,right top , color-stop(0%, var(--orange,#ff4646)), color-stop(100%, var(--magenta,#e1345e)));
    background: linear-gradient(360deg, var(--orange,#ff4646) 0%, var(--magenta,#e1345e) 100%)
}

.ui-btn.is-theme-accent:hover .ui-btn__body {
    color: #fff
}

.ui-field {
    font-family: Merriweather, sans-serif;
    font-weight: 400;
    border: .2rem solid #c4c4c4;
    position: relative;
    background-color: #0a184b
}

.ui-field__body {
    position: relative;
    padding: .9rem 1.4rem;
    border-bottom: .2rem solid transparent
}

.ui-field__body--spanish {
    padding: .9rem .1rem .9rem .6rem;
}
 
.ui-field__body--spanish input.ui-input{
    font-size: 1.2rem ;
}

.ui-field__label {
    color: inherit;
    font-size: 1.6rem;
    line-height: 2.1rem;
    -webkit-transition: font-size .3s, -webkit-transform .3s;
    transition: font-size .3s, -webkit-transform .3s;
    transition: font-size .3s, transform .3s;
    transition: font-size .3s, transform .3s, -webkit-transform .3s;
    left: 0;
    top: 1.4rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui-field__label,
.ui-field__outline {
    position: absolute;
    pointer-events: none
}

.ui-field__outline {
    top: -.2rem;
    left: -.2rem;
    right: -.2rem;
    bottom: -.4rem;
    border-style: solid;
    border-image-source: linear-gradient(90deg, #fff -3.06%, #ff4646 0, #e1345e 58.06%);
    border-width: .2rem;
    border-image-slice: 1;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.ui-field__error {
    color: $color-theme-red;
    position: absolute;
    bottom: -2rem;
    left: 0;
    font-size: 1.4rem;
    line-height: 1.8rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.ui-field.is-fill {
    border-color: transparent;
    background-color: hsla(0, 0%, 94.9%, .1)
}

.ui-field.is-error .ui-field__outline,
.ui-field input:focus~.ui-field__outline,
.ui-field textarea:focus~.ui-field__outline {
    opacity: 1
}

.ui-field input,
.ui-field textarea {
    background: transparent;
    margin: 0;
    padding: 0;
    border: 0;
    color: inherit;
    width: 100%;
    outline: none;
    font-size: 1.4rem;
    line-height: 2.1rem;
    font-family: Lato, sans-serif;
    font-weight: 400;
    letter-spacing: -.02em;
    text-align: left
}

.ui-field textarea {
    resize: vertical
}

.ui-input {
    background-color: hsla(0, 0%, 94.9%, .1);
    margin: 0;
    border: 1px solid transparent;
    color: #fff;
    text-align: center;
    outline: none
}

.ui-input:focus {
    border-image-source: linear-gradient(90deg, #fff -3.06%, #ff4646 0, #e1345e 58.06%);
    border-image-slice: 0;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline-width: 0;
    border: 0;
    -webkit-tap-highlight-color: transparent
}

.ui-input:-webkit-autofill,
.ui-input:-webkit-autofill:focus,
.ui-input:-webkit-autofill:hover {
    background: transparent;
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0 4rem #0a184b inset!important
}

.ui-input::-webkit-input-placeholder {
    opacity: 1;
    color: #727c9b
}

.ui-input::-moz-placeholder {
    opacity: 1;
    color: #727c9b
}

.ui-input:-ms-input-placeholder {
    opacity: 1;
    color: #727c9b
}

.ui-input::-ms-input-placeholder {
    opacity: 1;
    color: #727c9b
}

.ui-input::placeholder {
    opacity: 1;
    color: #727c9b
}

.ui-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    cursor: pointer
}

.ui-checkbox__input {
    position: absolute;
    pointer-events: none;
    opacity: 0;
    left: .2rem;
    top: .2rem;
    width: 2rem;
    height: 2rem
}

.ui-checkbox__view {
    position: relative;
    border: .2rem solid #c4c4c4;
    cursor: pointer;
    width: 2rem;
    height: 2rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2rem;
    flex: 0 0 2rem;
    display: block
}

.ui-checkbox__view:after {
    position: absolute;
    content: " ";
    top: .2rem;
    left: .2rem;
    bottom: .2rem;
    right: .2rem;
    z-index: 12;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: opacity .1s, -webkit-transform .1s;
    transition: opacity .1s, -webkit-transform .1s;
    transition: transform .1s, opacity .1s;
    transition: transform .1s, opacity .1s, -webkit-transform .1s;
    background-color: #f93967
}

.ui-checkbox__container {
    margin-left: 1.2rem
}

.ui-checkbox__container a:hover {
    color: #f58168
}

.ui-checkbox__input:checked+.ui-checkbox__view:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.ui-burger {
    width: 2.1rem;
    height: 1.9rem;
    position: relative;
    cursor: pointer
}

.ui-burger span {
    position: absolute;
    width: 100%;
    height: .3rem;
    background-color: currentcolor;
    left: 0;
    -webkit-transition: opacity .3s, top .3s, width .3s, left .3s, -webkit-transform .3s;
    transition: opacity .3s, top .3s, width .3s, left .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s, top .3s, width .3s, left .3s;
    transition: opacity .3s, transform .3s, top .3s, width .3s, left .3s, -webkit-transform .3s
}

.ui-burger span:first-child {
    top: 0
}

.ui-burger span:nth-child(2) {
    top: .8rem;
    width: 1.7rem
}

.ui-burger span:nth-child(3) {
    top: 1.6rem
}

.ui-burger:hover span:nth-child(2) {
    width: 2.1rem
}

.ui-accordion {
    border-bottom: 1px solid #e9e9e9
}

.ui-accordion__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2.2rem 0;
    font-weight: $font-medium;
    font-size: 2.4rem;
    cursor: pointer
}

@media (max-width:600px) {
    .ui-accordion__header {
        font-size: 2rem
    }
}

.ui-accordion__body {
    -webkit-transition: height .4s;
    transition: height .4s;
    background-color: #fafafa;
    overflow: hidden;
    height: 0
}

.is-active .ui-accordion__body {
    height: auto
}

.ui-accordion__content {
    padding: 5.5rem 6rem;
    border-top: 1px solid #e9e9e9
}

@media (max-width:600px) {
    .ui-accordion__content {
        padding: 3.5rem 4rem;
        padding: 2.5rem 2rem
    }
}

.ui-accordion__content :last-child {
    margin-bottom: 0!important
}

.ui-accordion__status {
    width: 2.8rem;
    height: 2.8rem;
    position: relative
}

.ui-accordion__status,
.ui-accordion__status span {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.ui-accordion__status span {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: .2rem;
    background-color: currentcolor
}

.ui-accordion.is-active .ui-accordion__status,
.ui-accordion.is-active .ui-accordion__status span:first-child,
.ui-accordion__status span:nth-child(2) {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.ui-popup {
    left: 0;
    position: fixed;
    top: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: none
}

.ui-popup__inner,
.ui-popup__overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

.ui-popup__overlay {
    background: #00072d;
    opacity: 0;
    cursor: pointer;
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.ui-popup__inner {
    overflow: hidden;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    z-index: 10;
    text-align: center;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, transform .4s;
    transition: opacity .4s, transform .4s, -webkit-transform .4s
}

.ui-popup__inner:before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: -.25em;
    vertical-align: middle;
    width: 0
}

@media (max-width:600px) {
    .ui-popup__inner:before {
        display: none
    }
}

.ui-popup__content {
    display: inline-block;
    margin: 0 0 6px;
    position: relative;
    text-align: left;
    vertical-align: middle;
    min-width: 30rem;
    min-height: 10rem;
    border-radius: .5rem
}

@media (max-width:600px) {
    .ui-popup__content {
        width: 100%;
        height: 100%;
        margin: 0;
        border-radius: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.ui-popup__body {
    width: 42rem;
    background: #21326f;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .35);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .35);
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width:600px) {
    .ui-popup__body {
        width: 100%;
        height: 100%
    }
}

.ui-popup__close {
    position: absolute;
    display: block;
    top: 3rem;
    right: 3rem;
    cursor: pointer;
    color: #fd6a3b;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.ui-popup__close:hover {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.ui-popup.is-visible {
    display: block
}

.ui-popup.is-active .ui-popup__overlay {
    opacity: .9
}

.ui-popup.is-active .ui-popup__inner {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.ui-popup-title {
    padding: 0 5.5rem 2.7rem 2.5rem;
    font-size: 2.4rem;
    line-height: 2.6rem;
    font-family: Lato, sans-serif;
    font-weight: 900;
    border-bottom: .1rem solid #0a143c;
    margin-bottom: 1.7rem
}

.ui-popup-content {
    padding: 0 2.5rem;
    font-family: Lato, sans-serif;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: #a5aecb
}

body.is-popup-active {
    overflow: hidden;
    height: auto
}

.ui-spinner,
.ui-spinner:after {
    border-radius: 50%;
    width: 4rem;
    height: 4rem
}

.ui-spinner {
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border: .2rem solid hsla(0, 0%, 100%, .2);
    border-left-color: transparent;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s linear infinite;
    animation: load8 1.1s linear infinite;
    border-top: .2rem solid #f58168;
    border-right: .2rem solid #f58168;
    border-bottom: .2rem solid #f58168
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ui-title {
    font-family: Merriweather, sans-serif;
    font-weight: 900
}

.ui-title.is-inline {
    display: inline-block
}

.ui-title.is-theme-white {
    color: #fff
}

.ui-title.is-theme-accent {
    color: var(--magenta,#f58168);
}
.ui-title.is-theme-accent-light {
    color: var(--orange,#f58168);
}

.ui-title.is-theme-accent-gradient {
    color: var(--orange,#f58168);
    background: -webkit-gradient(linear, left bottom,right top , color-stop(0%, var(--orange,#ff4646)), color-stop(100%, var(--magenta,#e1345e)));
    background: linear-gradient(360deg, var(--orange,#ff4646) 0%, var(--magenta,#e1345e) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
}

.ui-title.is-theme-bg {
    opacity: .1;
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(85%, hsla(0, 0%, 100%, 0)));
    background: linear-gradient(#fff, hsla(0, 0%, 100%, 0) 75%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@-moz-document url-prefix() {
    .ui-title.is-theme-bg {
        opacity: .3;
    }
}

.ui-title.is-size-h1 {
    font-size: 7.8rem;
    line-height: 9.8rem;
    letter-spacing: .01em
}

@media (max-width:1140px) {
    .ui-title.is-size-h1 {
        font-size: 6.5rem;
        line-height: 7.4rem
    }
}

@media (max-width:770px) {
    .ui-title.is-size-h1 {
        font-size: 3.5rem;
        line-height: 4.4rem
    }
}

@media (max-width:600px) {
    .ui-title.is-size-h1 {
        font-size: 3.2rem;
        line-height: 4rem
    }
}

.ui-title.is-size-h2 {
    font-size: 6.5rem;
    line-height: 7.8rem;
    letter-spacing: -.02em
}

#start .ui-title.is-size-h2 span:before {
    display: inline-flex;
    content: ' ';
    background-image: url('../images/theme/5-brand.svg');
    background-size: 55px 55px;
    height: 55px;
    width: 55px;
}

#start.start-zh .ui-title.is-size-h2 span:before{
 transform: scale(1.1) translateY(5px);   
}

@media (max-width:1140px) {
    .ui-title.is-size-h2 {
        font-size: 3.5rem;
        line-height: 125%
    }
}

@media (max-width:770px) {
    .ui-title.is-size-h2 {
        font-size: 3.2rem;
        line-height: 4rem
    }
}

.ui-title.is-size-h3 {
    font-size: 4rem;
    line-height: 5rem;
    letter-spacing: -.02em
}

@media (max-width:1140px) {
    .ui-title.is-size-h3 {
        font-size: 3.5rem
    }
}

.ui-title.is-size-h4 {
    font-size: 3.2rem;
    line-height: 4.8rem;
    letter-spacing: -.02em
}

@media (max-width:770px) {
    .ui-title.is-size-h4 {
        font-size: 2.2rem;
        line-height: 120%
    }
}

.ui-title.is-size-h5 {
    font-size: 2.4rem;
    line-height: 3.8rem;
    letter-spacing: -.02em
}

@media (max-width:1140px) {
    .ui-title.is-size-h5 {
        font-size: 2rem;
        line-height: 2.8rem
    }
}

.ui-title.is-size-h6 {
    font-size: 2.2rem;
    line-height: 2.8rem;
    letter-spacing: -.03em
}

.ui-price {
    font-family: Lato, sans-serif;
    font-weight: 700;
    font-size: 3.9rem
}

.ui-price.is-theme-accent {
    color: #f58168
}

@media (max-width:1140px) {
    .ui-price {
        font-size: 2.4rem
    }
}

@media (max-width:770px) {
    .ui-price {
        font-size: 3rem;
        line-height: 1
    }
    .ui-btn.is-border.is-theme-accent,
    .ui-btn.is-border.is-theme-accent.is-fill {
        text-transform: uppercase;
    }
    .section-events-full-info__sale .ui-btn.is-border.is-theme-accent{
        text-transform: unset;
    }
}




.ui-tag {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #0b1647;
    color: #727c9b;
    padding: 0 .6rem 0 .4rem;
    min-height: 1.8rem;
    font-size: 1.2rem;
    line-height: 1
}

.ui-counter {
    font-weight: 900;
    letter-spacing: 0;
    color: hsla(0, 0%, 94.9%, .3)
}

.ui-counter__value {
    color: #fff;
    font-size: 3.2rem;
    margin-right: .3rem
}

.ui-counter.is-theme-accent {
    color: #2e66d3
}

.ui-counter.is-theme-accent .ui-counter__value {
    color: #fd6a3b;
    background: -webkit-gradient(linear, left top, right top, color-stop(-3.06%, #fff), color-stop(-3.06%, #ff4646), color-stop(58.06%, #e1345e));
    background: linear-gradient(90deg, #fff -3.06%, #ff4646 0, #e1345e 58.06%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.ui-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #f58168;
    font-family: Lato, sans-serif;
    font-weight: "Merriweather", sans-serif;
    text-decoration: none;
    position: relative;
    z-index: 1000;
    width: 135px;
    height: 30px;
    justify-content: center;
}

.ui-link:hover {
    color: white;
    text-decoration: underline;
}

.ui-link__name {
    margin-right: 1rem
}

.ui-pusher {
    position: fixed;
    top: 0;
    bottom: 0;
    color: $color-theme-blue;
    z-index: 50;
    left: 0;
    right: 0;
    pointer-events: none;
    display: none
}

.ui-pusher__body {
    position: relative;
    z-index: 2;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    height: 100%;
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .35);
    box-shadow: 0 0 20px rgba(0, 0, 0, .35);
    width: 25rem;
    background: #0a174b;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s
}

.ui-pusher__close {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    opacity: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    z-index: 1;
    color: #f58168;
    background-color: rgba(10, 23, 75, .9)
}

.ui-pusher__close .ui-icon {
    position: absolute;
    top: 2.3rem;
    left: 28.4rem
}

.ui-pusher.is-active {
    pointer-events: all
}

.ui-pusher.is-active .ui-pusher__body {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.ui-pusher.is-active .ui-pusher__close {
    opacity: 1
}

.ui-tooltip {
    position: relative;
    display: inline-block
}

.ui-tooltip:hover .ui-tooltip__drop {
    opacity: 1;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    pointer-events: all
}

.ui-tooltip__drop {
    top: 100%;
    position: absolute;
    z-index: 10;
    padding-top: 2rem;
    left: 50%;
    -webkit-transform: translate(-50%, -2rem);
    transform: translate(-50%, -2rem);
    opacity: 0;
    -webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
    transition: opacity .2s ease, -webkit-transform .2s ease;
    transition: opacity .2s ease, transform .2s ease;
    transition: opacity .2s ease, transform .2s ease, -webkit-transform .2s ease;
    pointer-events: none
}

.ui-tooltip__content {
    background-color: #1f2f69;
    -webkit-box-shadow: 0 10px 15px rgba(28, 28, 28, .37);
    box-shadow: 0 10px 15px rgba(28, 28, 28, .37);
    padding: 1rem;
    position: relative
}

.ui-tooltip__content:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    bottom: 100%;
    border-bottom: .8rem solid #1f2f69;
    border-left: .8rem solid transparent;
    border-right: .8rem solid transparent
}

.ui-notify {
    background-color: #1f2f69;
    -webkit-box-shadow: 0 10px 15px rgba(28, 28, 28, .37);
    box-shadow: 0 10px 15px rgba(28, 28, 28, .37);
    padding: 1rem 1.5rem;
    min-height: 4.2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ff5759;
    font-size: 1.2rem
}

.ui-notify__message {
    margin-left: .8rem;
    font-family: Lato, sans-serif;
    font-weight: 900
}

.ui-country-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ui-country-label__icon {
    display: inline-block;
    border-radius: 50%
}

.ui-country-label__name {
    margin-left: .8rem;
    text-transform: uppercase;
    font-size: 1.6rem;
    color: #727c9b;
    font-family: Lato, sans-serif;
    font-weight: 700
}

.common-logo .ui-icon {
    height: 4.7rem
}

@media (max-width:770px) {
    .common-logo .ui-icon {
        height: 4rem
    }
}

@media (max-width:600px) {
    .common-logo .ui-icon {
        height: 2.7rem;
        width: 8.2rem
    }
}

.common-menu {
    position: relative;
    font-family: Lato, sans-serif;
    font-weight: 700
}

.common-menu__list {
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0
}

@media (max-width:1320px) {
    .common-menu__list {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.common-menu__link,
.common-menu__link:focus {
    font-size: 1.4rem;
    line-height: 1.7rem;
    letter-spacing: -.03em;
    color: #b4b8bc;
    opacity: .3;
    -webkit-transition: color .3s, opacity .3s;
    transition: color .3s, opacity .3s;
    text-transform: uppercase;
    padding-bottom: 1rem
}

.common-menu__link--spanish,
.common-menu__link--spanish:focus {
    /* font-size: 1.3rem; */
}

@media (max-width:1320px) {
    .common-menu__link+.common-menu__link {
        margin-left: 2rem
    }
}

.common-menu__link.active,
.common-menu__link:hover {
    opacity: 1;
    color: #fff;
    text-decoration: none
}

.common-menu__pointer {
    height: .6rem;
    position: absolute;
    left: 0;
    bottom: -.6rem;
    background-color: var(--magenta,#fd6a3b);
    -webkit-transition: width .3s, opacity .3s, -webkit-transform .3s;
    transition: width .3s, opacity .3s, -webkit-transform .3s;
    transition: transform .3s, width .3s, opacity .3s;
    transition: transform .3s, width .3s, opacity .3s, -webkit-transform .3s;
    width: 3.3rem!important;
    pointer-events: none;
    opacity: 0
}

@media (max-width:1280px) {
    .common-menu__link:nth-child(5),
    .common-menu__link:nth-child(6) {
        display: none
    }
}

@media (max-width:1150px) {
    .common-menu__link:nth-child(4) {
        display: none
    }
}

@media (max-width:980px) {
    .common-menu__link:nth-child(2),
    .common-menu__link:nth-child(3),
    .common-menu__list,
    .common-menu__pointer {
        display: none
    }
}

.common-signin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase
}

.common-signin a {
    font-size: 1.4rem;
    font-family: Lato, sans-serif;
    font-weight: 700
}

.is-move .common-signin__signup.ui-btn {
    height: 3.8rem
}

@media (max-width:600px) {
    .is-move .common-signin__signup.ui-btn {
        height: 3.2rem
    }
}

.common-signin__signup {
    margin-left: 2.7rem
}

@media (max-width:730px) {
    .common-signin__signup {
        display: none
    }
}

.section-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 6.5rem;
    margin-bottom: 9rem;
    background-color: transparent;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

@media (max-width:600px) {
    .section-header {
        margin-bottom: 2.7rem
    }
}

.section-header__body {
    height: 6.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transform: translateY(.3rem);
    transform: translateY(.3rem);
    width: 100%
}

.section-header__burger {
    display: none;
    margin-right: 5.4rem
}

@media (max-width:1280px) {
    .section-header__burger {
        display: block
    }
}

@media (max-width:600px) {
    .section-header__burger {
        margin-right: .7rem
    }
}

.section-header__logo {
    margin-right: 5rem;
    -webkit-transform: translateY(-.1rem);
    transform: translateY(-.1rem)
}

.section-header__logo .ui-icon {
    display: block
}

@media (max-width:1320px) {
    .section-header__logo {
        margin-right: 3rem
    }
}

@media (max-width:600px) {
    .section-header__logo {
        -webkit-transform: translate(0);
        transform: translate(0);
        margin-right: 0
    }
}

.section-header__menu {
    margin-top: .5rem;
    margin-right: 3.6rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

@media (max-width:1320px) {
    .section-header__menu {
        margin-right: 3rem
    }
}

@media (max-width:1280px) {
    .section-header__menu {
        margin-right: 5rem
    }
}

@media (max-width:600px) {
    .section-header__menu {
        margin-right: 0
    }
}

.section-header__locales {
    margin-right: 2.7rem
}

@media (max-width:1320px) {
    .section-header__locales {
        margin-right: 3rem
    }
}

@media (max-width:1280px) {
    .section-header__locales {
        margin-right: 5.7rem
    }
}

@media (max-width:770px) {
    .section-header__locales {
        margin-right: 0
    }
}

.section-header__signin {
    padding-bottom: 1.2rem;
    margin-top: .5rem
}

@media (max-width:770px) {
    .section-header__signin {
        display: none
    }
}

.section-header.is-move {
    background-color: #0a184b
}

.section-advantages-item__title {
    margin-bottom: 1.5rem;
    font-size: 2.2rem;
    line-height: 2.8rem
}

@media (max-width:600px) {
    .section-advantages-item__title {
        margin-bottom: 1rem
    }
}

.section-advantages-item__content {
    font-size: 1.8rem;
    line-height: 3rem;
    font-family: Lato, sans-serif
}

@media (max-width:600px) {
    .section-advantages-item__content {
        font-size: 1.6rem
    }
}

.section-advantages-item__content .ui-icon {
    margin-left: 2.5rem;
    margin-top: .3rem;
    vertical-align: middle
}

@media (max-width:600px) {
    .section-advantages-item__content .ui-icon {
        margin-left: 1.4rem;
        margin-top: 0
    }
}

.section-advantages {
    margin-bottom: 4.3rem
}

.section-advantages__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 0 8rem
}

@media (max-width:1140px) {
    .section-advantages__body {
        padding: 0
    }
}

@media (max-width:770px) {
    .section-advantages__body {
        display: block;
        margin-bottom: 4rem
    }
}

.section-advantages__item {
    max-width: 33rem;
    min-width: 19rem
}

.section-advantages__item:nth-child(2) {
    margin: 0 4rem
}

@media (max-width:770px) {
    .section-advantages__item {
        max-width: 100%;
        margin-left: 0!important;
        margin-right: 0!important
    }
}

@media (max-width:770px) {
    .section-advantages__item+.section-advantages__item {
        margin-top: 4rem
    }
}

@media (max-width:600px) {
    .section-advantages__item+.section-advantages__item {
        margin-top: 2rem
    }
}

.exclusive-label {
    position: relative
}

.exclusive-label__title.ui-title {
    position: absolute;
    top: 30%;
    left: 12rem;
    font-size: 3rem;
    line-height: 4rem;
    color: #e3e5ec
}

.exclusive-label:after {
    content: "";
    position: absolute;
    width: 20rem;
    height: .1rem;
    background-color: #f1f1f1;
    left: -10rem;
    top: 0;
    bottom: 0;
    margin: auto
}

.section-hello {
    margin-bottom: 5.5rem
}

@media (max-width:770px) {
    .section-hello {
        margin-bottom: 5.2rem
    }
}

.section-hello__body {
    position: relative
}

.section-hello__top {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 8.3rem;
    padding-bottom: 8rem;
    padding-right: 15rem;
    z-index: 1
}

@media (max-width:1320px) {
    .section-hello__top {
        padding-right: 8rem
    }
}

@media (max-width:600px) {
    .section-hello__top {
        padding: 2rem 0 4.8rem
    }
}

.section-hello__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 1
}

@media (min-width:771px) {
    .section-hello__actions {
        display: none
    }
}

.section-hello__titles {
    position: relative;
    display: block;
    height: 30rem
}

@media (max-width:1140px) {
    .section-hello__titles {
        height: 22rem
    }
}

@media (max-width:600px) {
    .section-hello__titles {
        height: 13rem
    }
}

.section-hello__titles--change .section-hello__title-one {
    opacity: 0;
    -webkit-transform: translate(-2rem);
    transform: translate(-2rem)
}

.section-hello__titles--change .section-hello__title-two {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.section-hello__title {
    -webkit-transition: opacity 1s ease, -webkit-transform 1s;
    transition: opacity 1s ease, -webkit-transform 1s;
    transition: opacity 1s ease, transform 1s;
    transition: opacity 1s ease, transform 1s, -webkit-transform 1s
}

.section-hello__title-two {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: translate(-2rem);
    transform: translate(-2rem)
}

@media (max-width:1320px) {
    .section-hello__title.ui-title {
        font-size: 5.6rem;
        line-height: 7rem
    }
}

@media (max-width:600px) {
    .section-hello__title.ui-title {
        font-size: 3.2rem;
        line-height: 4rem
    }
}

.section-hello__label {
    margin-top: 2rem
}

@media (max-width:980px) {
    .section-hello__label {
        display: none
    }
}

.section-hello__rhombus {
    position: absolute;
    top: 0rem;
    left: -4rem
}

@media (max-width:980px) {
    .section-hello__rhombus {
        width: 30rem;
        height: auto;
        top: 0;
        left: 0
    }
}

@media (max-width:600px) {
    .section-hello__rhombus {
        width: auto;
        height: auto;
        top: 0;
        left: 0
    }
}

.section-support-item+.section-support-item {
    margin-left: 3rem
}

@media (max-width:600px) {
    .section-support-item+.section-support-item {
        margin-right: 0
    }
}

.section-support-item__title {
    margin-bottom: 1.5rem;
    font-size: 2rem;
    line-height: 2.5rem;
    min-height:59px;
}

@media (max-width:1320px) {
    .section-support-item__title {
        font-size: 1.7rem;
        line-height: 2.1rem
    }
}

@media (max-width:1320px) {
    .section-support-item__title {
        min-height:42px;
    }
}

.section-support-item__content {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-family: Lato, sans-serif
}

@media (max-width:1320px) {
    .section-support-item__content {
        font-size: 1.4rem;
        line-height: 1.8rem
    }
}

.section-support {
    margin-bottom: 6.5rem
}

@media (max-width:600px) {
    .section-support {
        margin-bottom: 0
    }
    .section-support-item__title {
        min-height:auto;
    }
}

.section-support__body {
    position: relative;
    padding-left: 11rem
}

@media (max-width:1140px) {
    .section-support__body {
        padding-top: 0;
        padding-left: 0
    }
}

@media (max-width:600px) {
    .section-support__body {
        margin-left: -2rem;
        margin-right: -2rem
    }
}

.section-support__aside {
    position: absolute;
    top: -2.5rem;
    left: -2.2rem
}

.section-support__header {
    background: #1f2f69;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 6rem;
    font-size: 2.4rem;
    padding-left: 16.7rem;
    padding-right: 11.2rem
}

@media (max-width:1320px) {
    .section-support__header {
        font-size: 1.8rem;
        padding-right: 2rem;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (max-width:1140px) {
    .section-support__header {
        padding-left: 2rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width:770px) {
    .section-support__header {
        display: block;
        padding: 1.5rem 2rem
    }
}

@media (max-width:600px) {
    .section-support__header {
        font-size: 1.4rem;
        line-height: 2.2rem
    }
    .section-support__header div:first-child > p{
        text-transform: uppercase;
    }
}

.section-support__header>div:first-child {
    font-weight: 900;
    margin-right: 4rem
}

@media (max-width:1140px) {
    .section-support__header>div:first-child {
        -webkit-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
        text-align: center;
        margin-right: 0
    }
}

@media (max-width:1320px) {
    .section-support__header>div:nth-child(2) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
        text-align: center
    }
}

@media (max-width:770px) {
    .section-support__header>div:nth-child(2) {
        margin-top: 1rem
    }
}

.section-support__items {
    background-color: #091339;
    min-height: 20.6rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4.4rem 6rem 1rem 16.7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:1140px) {
    .section-support__items {
        margin-left: 0;
        padding: 6rem 3.4rem 1rem
    }
}

@media (max-width:1000px) {
    .section-support__items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width:600px) {
    .section-support__items {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        padding: 4.4rem 2rem 5.4rem
    }

}

@media (max-width:1140px) {
    .section-support__item {
        margin-bottom: 5rem
    }
}

@media (max-width:1000px) {
    .section-support__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3%;
        flex: 0 0 33.3%;
        margin-left: 0!important;
        text-align: center;
        padding: 0 1rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media (max-width:600px) {
    .section-support__item {
        margin-bottom: 0;
        text-align: left;
        padding: 0
    }
}

@media (max-width:600px) {
    .section-support__item:last-child {
        margin-bottom: 0;
        grid-column: 1/3
    }
}

.section-offers-advantage {
    color: #fff;
    opacity: .5;
    font-size: 1.4rem;
    line-height: 2rem;
    font-family: Lato, sans-serif;
    font-weight: 700
}

.section-offers-advantage,
.section-offers-advantage__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center
}

.section-offers-advantage__icon {
    margin-right: 1rem
}

.section-offers-advantage .ui-icon svg {
    height: auto
}

.section-offers-footer {
    background-color: #1e2f6a;
    padding: 2.5rem 7rem 2.5rem 8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width:1140px) {
    .section-offers-footer {
        padding: 2.5rem 2.4rem
    }
}

.section-offers-footer__btn .ui-btn {
    text-transform: uppercase
}

@media (max-width:960px) {
    .section-offers-footer__btn {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 2.5rem
    }
}

.section-offers-row-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.6rem;
    line-height: 2.4rem;
    opacity: .3;
    color: #fff;
    font-family: Lato, sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 6.3rem
}

@media (max-width:1140px) {
    .section-offers-row-header {
        font-size: 1.4rem;
        line-height: 2.4rem
    }
}

.section-offers-drop-geo {
    padding: .5rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 2.4rem;
    grid-row-gap: 1rem
}

.section-offers-drop-preview__image {
    display: block;
    width: 21.7rem!important;
    height: auto!important
}

.section-offers-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Lato, sans-serif
}

@media (max-width:770px) {
    .section-offers-row {
        height: auto!important
    }
}

.section-offers-row+.section-offers-row {
    margin-top: 4.7rem
}

@media (max-width:770px) {
    .section-offers-row+.section-offers-row {
        margin: 0
    }
}

@media (max-width:1140px) {
    .section-offers-row {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (max-width:770px) {
    .section-offers-row {
        display: block;
        background-color: #132152;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 2.8rem 2rem;
        width: 31rem!important;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

@media (max-width:600px) {
    .section-offers-row {
        width: 26rem!important;
        height: auto!important
    }
}

@media (max-width:770px) {
    .section-offers-row__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%!important;
        text-align: left
    }
}

.section-offers-row__header {
    display: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 15rem;
    flex: 0 0 15rem;
    font-size: 1.2rem;
    line-height: 1.8rem;
    color: hsla(0, 0%, 100%, .3);
    font-weight: 700;
    text-transform: uppercase
}

@media (max-width:770px) {
    .section-offers-row__header {
        display: block
    }
}

@media (max-width:600px) {
    .section-offers-row__header {
        font-size: 1rem;
        line-height: 1.8rem;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 10rem;
        flex: 0 0 10rem
    }
}

@media (max-width:770px) {
    .is-row-title .section-offers-row__header {
        padding-top: .2rem
    }
}

.section-offers-row__value {
    letter-spacing: -.02em
}

@media (max-width:770px) {
    .section-offers-row__value {
        -webkit-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1
    }
}

.is-row-bonus .section-offers-row__value,
.is-row-geo .section-offers-row__value,
.is-row-kc .section-offers-row__value {
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #727c9b
}

@media (max-width:770px) {
    .is-row-bonus .section-offers-row__value,
    .is-row-geo .section-offers-row__value,
    .is-row-kc .section-offers-row__value {
        color: #fff
    }
}

.is-row-geo .section-offers-row__value,
.is-row-kc .section-offers-row__value {
    text-transform: uppercase
}

.is-row-index .section-offers-row__value,
.is-row-title .section-offers-row__value {
    font-size: 2.4rem;
    line-height: 2.8rem;
    color: #fff
}

@media (max-width:1140px) {
    .is-row-title .section-offers-row__value {
        font-size: 1.6rem;
        line-height: 2rem
    }
}

.section-offers-row__title {
    color: #fff
}

.section-offers-row__subtitle {
    color: #727c9b;
    font-size: 1.4rem;
    font-weight: 700
}

@media (max-width:1140px) {
    .section-offers-row__subtitle {
        margin-top: 1rem
    }
}

@media (max-width:770px) {
    .section-offers-row__subtitle {
        margin-top: 0;
        font-size: 1.2rem;
        line-height: 2.4rem
    }
}

.section-offers-row__image-palceholder {
    display: block;
    width: 4.6rem;
    height: 4.6rem;
    border-radius: 50%;
    background-color: #c4c4c4
}

@media (max-width:770px) {
    .section-offers-row__image-palceholder {
        width: 3.8rem;
        height: 3.8rem
    }
}

.section-offers-row__tag {
    cursor: pointer;
    margin-left: .8rem
}

.section-offers-row .is-row-index {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.section-offers-row .is-row-image img {
    width: 5rem;
    height: 5rem;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width:770px) {
    .section-offers-row .is-row-image img {
        width: 3.8rem;
        height: 3.8rem
    }
}

@media (max-width:770px) {
    .section-offers-row .ui-tooltip__drop {
        display: none
    }
}

.section-offers-table {
    max-width: 101rem;
    margin: 0 auto;
    padding: 7.2rem 3rem 3.8rem
}

@media (max-width:770px) {
    .section-offers-table {
        margin-left: -2rem;
        margin-right: -2rem;
        padding: 0 0 0 2rem
    }
}

@media (max-width:770px) {
    .section-offers-table__header {
        display: none
    }
}

.section-offers-table__rows {
    position: relative
}

@media (max-width:770px) {
    .section-offers-table__rows {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

.section-offers-table__group.is-hide {
    display: none
}

.section-offers-table__group.enter-active {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.section-offers-table .is-row-index {
    margin-right: 4rem;
    width: 2.8rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2.8rem;
    flex: 0 0 2.8rem
}

@media (max-width:1140px) {
    .section-offers-table .is-row-index {
        margin-right: 2rem
    }
}

@media (max-width:770px) {
    .section-offers-table .is-row-index {
        display: none
    }
}

.section-offers-table .is-row-title {
    margin-right: 1rem;
    width: 26.5rem;
    -ms-flex-item-align: start;
    align-self: flex-start
}

@media (max-width:1070px) {
    .section-offers-table .is-row-title {
        width: 20rem;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20rem;
        flex: 0 0 20rem
    }
}

@media (max-width:970px) {
    .section-offers-table .is-row-title {
        width: 14rem;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 14rem;
        flex: 0 0 14rem
    }
}

@media (max-width:860px) {
    .section-offers-table .is-row-title {
        width: 10.8rem;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 10.8rem;
        flex: 0 0 10.8rem
    }
}

@media (max-width:770px) {
    .section-offers-table .is-row-title {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 2.4rem
    }
}

.section-offers-table .is-row-image {
    width: 14rem;
    margin-right: 1rem
}

@media (max-width:1070px) {
    .section-offers-table .is-row-image {
        width: 8rem;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8rem;
        flex: 0 0 8rem
    }
}

@media (max-width:770px) {
    .section-offers-table .is-row-image {
        display: none
    }
}

.section-offers-table .is-row-geo {
    margin-right: 1rem;
    width: 13rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 13rem;
    flex: 0 0 13rem
}

@media (max-width:900px) {
    .section-offers-table .is-row-geo {
        width: 8.1rem;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.1rem;
        flex: 0 0 8.1rem
    }
}

@media (max-width:770px) {
    .section-offers-table .is-row-geo {
        margin-bottom: 2.4rem
    }
}

.section-offers-table .is-row-kc {
    margin-right: 1rem;
    width: 13rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 13rem;
    flex: 0 0 13rem
}

@media (max-width:770px) {
    .section-offers-table .is-row-kc {
        margin-bottom: 2.4rem
    }
}

.section-offers-table .is-row-bonus {
    margin-right: 1rem;
    width: 12rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12rem;
    flex: 0 0 12rem
}

@media (max-width:1140px) {
    .section-offers-table .is-row-bonus {
        width: 8rem;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8rem;
        flex: 0 0 8rem
    }
}

@media (max-width:770px) {
    .section-offers-table .is-row-bonus {
        display: none
    }
}

.section-offers-table .is-row-rate {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    white-space: nowrap;
    text-align: right
}

@media (max-width:770px) {
    .section-offers-table .is-row-rate {
        text-align: left;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.section-offers {
    margin-bottom: 11.5rem;
    padding-top: 13.5rem
}

@media (max-width:1140px) {
    .section-offers {
        margin-bottom: 5rem
    }
}

@media (max-width:770px) {
    .section-offers {
        margin-bottom: 0;
        padding-top: 5.9rem
    }
}

.section-offers__body {
    position: relative
}

@media (max-width:770px) {
    .section-offers__body {
        margin-left: -2rem;
        margin-right: -2rem
    }
}

@media (max-width:600px) {
    .section-offers__body {
        margin-left: 0;
        margin-right: 0
    }
}

.section-offers__title {
    margin-left: 1rem;
    margin-bottom: 4.3rem
}

@media (max-width:1140px) {
    .section-offers__title {
        margin-bottom: 2.6rem
    }
}

.section-offers__title-bg {
    position: absolute;
    top: -13.5rem;
    right: 0;
    font-size: 20rem;
    line-height: 25rem;
    letter-spacing: -.02em;
    white-space: nowrap
}

.steps__title-wrapper {
    display: flex;
}
.steps__title-main {
    display: block;
    min-width: 330px;
    text-transform: lowercase;
    font-weight: 700;
    margin: 0;
}

.steps__title-main--right.section-about__title {
    font-size: 4rem;
    line-height: 5rem;
    padding-top: 2rem;
}

.steps__title--transparent {
    top: -18rem;
    text-transform: lowercase;
}

.steps__title--switch-magenta {
    color: var(--magenta);
}

.steps__title--switch-white {
    color: #fff;
}

@media (max-width:1140px) {
    .section-offers__title-bg {
        font-size: 15rem;
        left: 8rem
    }
    .steps__title-wrapper{
        flex-direction: column;
        padding:0 5rem;
    }
}

@media (max-width:770px) {
    .section-offers__title-bg {
        display: none
    }
    .steps__title-wrapper{
        flex-direction: column;
        padding:0 3rem;
    }
    .steps__title-main--right.section-about__title>br{
        display:none;
    }
    .steps__title-main{
        text-transform: uppercase;
    }
    #start .ui-title.is-size-h2 span:before{
        background-size: 32px 32px;
        height: 32px;
        width: 32px;
        transform: translateY(7px);
    }
   
}

@media (max-width:1140px) {
    .section-offers__title {
        margin-left: 0
    }
}

.section-offers__container {
    position: relative;
    z-index: 2;
    padding: 0 1rem
}

@media (max-width:1320px) {
    .section-offers__container {
        padding: 0
    }
}

.section-offers__box {
    background-color: #132152;
    -webkit-box-shadow: 0 60px 50px rgba(0, 0, 0, .25);
    box-shadow: 0 60px 50px rgba(0, 0, 0, .25);
    max-width: 120.5rem
}

@media (max-width:1140px) {
    .section-offers__box {
        margin-left: -1rem;
        margin-right: -1rem
    }
}

@media (max-width:770px) {
    .section-offers__box {
        margin-left: 0;
        margin-right: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: transparent
    }
}

.section-offers__figure-left {
    position: absolute;
    left: -19rem;
    bottom: -2rem
}

.section-offers__figure-right {
    position: absolute;
    top: -13rem;
    right: -10rem
}

.section-about-item {
    position: relative
}

.section-about-item__body {
    position: relative;
    z-index: 2
}

.section-about-item__title {
    font-size: 1.8rem;
    line-height: 3.2rem;
    margin-bottom: 2rem
}

@media (max-width:1140px) {
    .section-about-item__title {
        font-size: 2.2rem;
        line-height: 2.4rem;
        margin-bottom: 1.5rem
    }
}

.section-about-item__content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: #c4c4c4;
    font-family: Lato, sans-serif
}

.section-about-signup {
    background-color: #d6dbed;
    padding: 3rem 5.2rem;
    max-width: 70rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #08123a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-weight: 900
}

@media (max-width:1140px) {
    .section-about-signup {
        max-width: 100%
    }
}

.section-about-signup__arrow {
    margin-left: 1.6rem;
    color: #000
}

.section-about-signup__btn.ui-btn {
    text-transform: uppercase;
    letter-spacing: -.02em
}

@media (max-width:770px) {
    .section-about-signup__btn.ui-btn .ui-btn__body {
        padding: 0 3rem
    }
}

.section-about-signup__arrow-vert {
    margin: 1.8rem 0 2.2rem
}

@media (max-width:770px) {
    .section-about-signup {
        background-color: #fff;
        display: block;
        text-align: center;
        padding: 3rem .5rem
    }
}

.section-about {
    padding-top: 13.5rem;
    margin-bottom: 4.3rem
}

@media (max-width:600px) {
    .section-about {
        padding-top: 9rem;
        margin-bottom: 0
    }
    .steps__title-wrapper{
        padding:0;
    }
    .steps__title--switch-magenta{
        color:#fff;
    }
    .block_3 .step-title.steps__title--switch-magenta{
        font-size: 2rem;
        line-height: 2.5rem;
    }
    .steps__title--switch-white{
        color: var(--magenta);
        font-size: 1.4rem;
        line-height: 2.5rem;
    }
    
}

.section-about__body {
    position: relative
}

.section-about__title.ui-title {
    position: relative;
    z-index: 1;
    max-width: 80.7rem;
    margin-bottom: 7rem
}

@media (max-width:1140px) {
    .section-about__title.ui-title {
        max-width: 40rem;
        font-size: 2.5rem;
        line-height: 3.8rem
    }
}

@media (max-width:770px) {
    .section-about__title.ui-title {
        max-width: 30rem
    }
}

@media (max-width:600px) {
    .section-about__title.ui-title {
        line-height: 3.2rem;
        margin-bottom: 4.5rem
    }
}

.section-about__logo {
    position: relative;
    z-index: 2;
    width: 261px;
    height: auto;
    margin-bottom: 6.4rem;
    opacity: .5
}

.section-about__logo svg {
    width: 100%;
    height: auto
}

.section-about__figure {
    position: absolute;
    pointer-events: none
}

.section-about__figure--left {
    top: -21rem;
    right: -9rem
}

.section-about__figure--center {
    top: -14rem;
    right: -2.4rem
}

.section-about__figure--right {
    top: -18.5rem;
    left: -27.8rem
}

.section-about__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:1140px) {
    .section-about__items {
        display: block
    }
}

@media (max-width:1140px) {
    .section-about__item {
        margin-top: 4rem
    }
}

.section-about__item-subtitle {
    color: #fff;
    max-width: 30rem;
    float: right;
    margin-top: 5rem
}

@media (max-width:1140px) {
    .section-about__item-subtitle {
        margin-top: 4rem;
        max-width: 100%;
        float: none
    }
}

.section-about__item--left {
    max-width: 37rem;
    width: 100%
}

@media (max-width:1140px) {
    .section-about__item--left {
        max-width: 100%
    }
}

.section-about__item--center {
    padding-left: 8.6rem;
    max-width: 31rem;
    width: 100%;
    z-index: 1
}

@media (max-width:1140px) {
    .section-about__item--center {
        padding-left: 0;
        max-width: 100%
    }
}

.section-about__item--right {
    max-width: 39rem;
    width: 100%;
    -webkit-transform: translateY(-25rem);
    transform: translateY(-25rem)
}

@media (max-width:1140px) {
    .section-about__item--right {
        max-width: 100%;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

.section-about__signup {
    position: absolute;
    z-index: 2;
    width: 70rem;
    left: 4.5rem;
    bottom: 9rem
}

@media (max-width:1140px) {
    .section-about__signup {
        position: static;
        margin: 5rem auto 0;
        width: 100%
    }
}

.section-reviews-desktop-review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.section-reviews-desktop-review__main {
    width: 36rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 36rem;
    flex: 0 0 36rem;
    background-image: url(/assets/images/theme/fig-review-1.svg);
    background-position: top;
    margin-right: 2.6rem
}

.section-reviews-desktop-review__image {
    width: 31rem;
    height: 35rem;
    margin: 3.1rem auto 0
}

.section-reviews-desktop-review__image img {
    -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 1;
    width: 100%;
    height: 100%
}

.section-reviews-desktop-review__info {
    position: relative;
    margin-top: -5rem;
    padding-left: 2.5rem;
    min-height: 14rem
}

.section-reviews-desktop-review__name {
    font-size: 2.3rem;
    line-height: 2.9rem;
    color: #f58168;
    font-weight: 700;
    margin-bottom: 1rem;
    max-width: 17rem
}

.section-reviews-desktop-review__about {
    font-weight: 700;
    margin-bottom: 1rem;
    font-size: 1.6rem;
    line-height: 1.9rem;
    color: #2e66d3
}

.section-reviews-desktop-review__website {
    font-family: Lato, sans-serif;
    font-size: 1.6rem;
    line-height: 1.9rem;
    color: #2e66d3
}

.section-reviews-desktop-review__content {
    padding-top: 10rem
}

.section-reviews-desktop-review__content:before {
    content: "";
    display: block;
    background-image: url(/assets/images/icons/quote.svg);
    background-repeat: no-repeat;
    width: 3rem;
    height: 3rem
}

.section-reviews-desktop-reviews {
    position: relative
}

.section-reviews-desktop-reviews__carousel {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.section-reviews-desktop-reviews__carousel .swiper-slide {
    width: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    opacity: 0!important
}

.section-reviews-desktop-reviews__carousel .swiper-slide-active {
    opacity: 1!important
}

.section-reviews-honeycomb-preview {
    position: relative;
    cursor: pointer;
    display: inline-block;
    width: 10.8rem;
    height: 12.5rem
}

.section-reviews-honeycomb-preview:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(/assets/images/theme/fig-review-2-brand.svg);
    -webkit-transform: scale(.8) rotate(-60deg);
    transform: scale(.8) rotate(-60deg);
    opacity: 0;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s
}

.section-reviews-honeycomb-preview.is-active:after,
.section-reviews-honeycomb-preview:hover:after {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    opacity: 1
}

.section-reviews-honeycomb-preview__content {
    position: absolute;
    top: 77%;
    left: 2rem;
    z-index: 3;
    max-width: 14rem;
    max-height: 2.8rem;
    right: 0;
    overflow: hidden
}

.section-reviews-honeycomb-preview__title {
    font-size: 1.2rem;
    line-height: 120%
}

.section-reviews-honeycomb-preview__rect {
    opacity: 0;
    width: 100%;
    height: auto;
    pointer-events: none;
    position: relative;
    z-index: 1;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    display: none
}

.section-reviews-honeycomb-preview__image {
    position: absolute;
    z-index: 2;
    top: 1rem;
    right: 1rem;
    left: 1rem;
    bottom: 1.1rem;
    pointer-events: none
}

.section-reviews-honeycomb-preview__image img {
    width: 100%;
    height: 100%;
    -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    -o-object-fit: cover;
    object-fit: cover
}

.common-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.common-nav__arrow {
    cursor: pointer;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.common-nav__arrow.disabled {
    pointer-events: none;
    opacity: .3
}

.common-nav__arrow svg {
    fill: currentColor;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.common-nav__arrow--left:hover svg {
    -webkit-transform: translate(-.5rem);
    transform: translate(-.5rem)
}

.common-nav__arrow--left:active svg {
    -webkit-transform: translate(-1.5rem);
    transform: translate(-1.5rem)
}

.common-nav__arrow--right:hover svg {
    -webkit-transform: translate(.5rem);
    transform: translate(.5rem)
}

.common-nav__arrow--right:active svg {
    -webkit-transform: translate(1.5rem);
    transform: translate(1.5rem)
}

.common-nav__counter {
    margin: 0 4.2rem
}

.common-nav.is-theme-arrows-accent .common-nav__arrow {
    color: #f58168
}

.common-nav.is-theme-arrows-primary .common-nav__arrow {
    color: #2e66d3
}

.section-reviews-honeycombs__carousel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 32.4rem;
    height: 39rem
}

.section-reviews-honeycombs .section-reviews-honeycomb-preview:nth-child(5n+1) {
    margin-left: 5rem
}

.section-reviews-honeycombs__nav {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 3rem
}

.section-reviews-honeycombs__nav .common-nav__arrow--disabled{
    opacity: 0.2;
    pointer-events: none;
}

@media (max-width:1200px) {
    .section-reviews-honeycombs__nav {
        margin-top: 3rem
    }
}

.section-reviews-honeycombs__nav.is-show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.section-reviews-honeycombs__nav .common-nav__counter {
    margin: 0 1.5rem
}

.section-reviews-desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 2rem
}

.section-reviews-desktop__main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.section-reviews-desktop__aside {
    margin-left: 9rem;
    padding-top: 13.5rem;
    padding-right: 3.5rem
}

@media (max-width:1200px) {
    .section-reviews-desktop__aside {
        padding-right: 0;
        margin-left: 4rem
    }
}

.section-reviews-item__image {
    width: 100%;
    height: 25rem;
    opacity: .8
}

.section-reviews-item__image img {
    width: 100%;
    height: 100%;
    -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 100%, 0 100%, 0 25%);
    clip-path: polygon(50% 0, 100% 25%, 100% 100%, 0 100%, 0 25%);
    -o-object-fit: cover;
    object-fit: cover
}

.section-reviews-item__image img[data-preview] {
    display: none
}

.section-reviews-item__body {
    position: relative;
    z-index: 1;
    margin-top: -4rem
}

.section-reviews-item__personal {
    height: 7.2rem;
    overflow: hidden;
    margin-bottom: 3rem;
    padding-left: 1.5rem
}

.section-reviews-item__name {
    color: #f58168;
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 700;
    max-height: 5rem;
    overflow: hidden
}

.section-reviews-item__website {
    display: block;
    color: #2e66d3;
    font-size: 1.6rem;
    line-height: 1.9rem;
    margin-top: .5rem
}

.section-reviews-item__about {
    display: none
}

.section-reviews-item__content {
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-family: Lato, sans-serif;
    padding-right: 2rem
}

.section-reviews-item__content:before {
    content: "";
    display: block;
    background-image: url(/assets/images/icons/quote.svg);
    background-repeat: no-repeat;
    width: 3rem;
    height: 3rem
}

.section-reviews-mobile {
    padding-top: 6rem
}

@media (max-width:770px) {
    .section-reviews-mobile {
        padding-top: 2rem
    }
    .section-reviews-item__content {
        padding-left: 1.5rem;
    }
}

.section-reviews-mobile__carousel .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.section-reviews-mobile__item {
    width: 24.4rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24.4rem;
    flex: 0 0 24.4rem;
    padding-right: 2.4rem
}

.section-reviews {
    margin-bottom: 0;
    padding-top: 10rem
}

@media (max-width:770px) {
    .section-reviews {
        padding-top: 14rem
    }
}

.section-reviews__body {
    position: relative;
    max-width: 120rem
}

.section-reviews__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    right: 2rem;
    position: absolute;
    top: -4.3rem
}

@media (max-width:1140px) {
    .section-reviews__title {
        right: 4rem
    }
}

@media (max-width:770px) {
    .section-reviews__title {
        position: static;
        margin-right: 2rem
    }
    .section-reviews__title .ui-title {
        font-size: 3.2rem;
        line-height: 4rem;
    }
}

@media (max-width:600px) {
    .section-reviews__title {
        margin-right: 1.2rem
    }
    .section-reviews__body {
        margin-left: -1rem;
    }
}

.section-reviews__title span:first-child {
    margin-right: 8rem;
    margin-bottom: .5rem
}

@media (max-width:770px) {
    .section-reviews__title span:first-child {
        margin-right: 5.5rem
    }
    #blog .section-offers__title{
        text-align: center;
    }
}

@media (max-width:600px) {
    .section-reviews__title span:first-child {
        margin-bottom: 0
    }
}

.section-store-item {
    display: block
}

@media (max-width:770px) {
    .section-store-item {
        padding-top: 2.5rem
    }
}

@media (max-width:680px) {
    .section-store-item {
        width: 25rem!important
    }
}

.section-store-item__content {
    padding: 6rem 2rem 0;
    position: relative;
    z-index: 1
}

.section-store-item__content:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(181.45deg, #fff -48.51%, hsla(0, 0%, 76.9%, 0) 90%);
    height: 32rem;
    pointer-events: none
}

@media (max-width:770px) {
    .section-store-item__content:before {
        height: 21rem
    }
}

.section-store-item__image {
    display: block;
    width: 100%;
    height: 15rem;
    margin: 0 auto 2rem;
    opacity: .8;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width:770px) {
    .section-store-item__image {
        height: 11rem;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: bottom;
        object-position: bottom
    }
}

.section-store-item__title {
    margin-bottom: 1rem;
    font-size: 1.6rem;
    line-height: 2.2rem;
    font-weight: 900
}

.section-store-item__description {
    font-family: Lato, sans-serif;
    font-size: 1.2rem;
    line-height: 2.2rem;
    color: #c4c4c4;
    word-break: break-word
}

.section-store-item__link,
.section-store-item__price {
    display: block;
    margin-top: 2rem
}

.section-store-carousel {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 4rem;
    position: relative;
    z-index: 2
}

@media (max-width:1320px) {
    .section-store-carousel {
        grid-column-gap: 2rem
    }
}

@media (max-width:1140px) {
    .section-store-carousel {
        grid-column-gap: 3rem
    }
}

@media (max-width:770px) {
    .section-store-carousel {
        grid-column-gap: 2rem
    }
}

@media (max-width:680px) {
    .section-store-carousel {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.section-store-carousel__item:first-child {
    -webkit-transform: translateY(12rem);
    transform: translateY(12rem)
}

@media (max-width:1140px) {
    .section-store-carousel__item:first-child {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

.section-store-carousel__item:nth-child(2) {
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem)
}

@media (max-width:1140px) {
    .section-store-carousel__item:nth-child(2) {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

.section-store-carousel__item:nth-child(3) {
    -webkit-transform: translateY(7rem);
    transform: translateY(7rem)
}

@media (max-width:1140px) {
    .section-store-carousel__item:nth-child(3) {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

.section-store-calc {
    position: relative;
    max-width: 40rem;
    min-height: 36.6rem;
    width: 100%;
    border: 1px solid var(--orange,#fd6a3b);
    padding: 2.5rem 4.2rem 4.8rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width:1140px) {
    .section-store-calc {
        border: 0
    }
}

@media (max-width:770px) {
    .section-store-calc {
        padding: 5.6rem 0 2.1rem;
        max-width: none
    }
}

.section-store-calc:after {
    content: "";
    position: absolute;
    left: -1px;
    top: 1.1rem;
    height: 7rem;
    width: 1px;
    background-color: #0a174b
}

@media (max-width:770px) {
    .section-store-calc:after {
        display: none
    }
}

.section-store-calc__title.ui-title {
    position: relative;
    z-index: 1;
    -webkit-transform: translate(-8rem);
    transform: translate(-8rem);
    width: 130%;
    line-height: 120%;
    margin-bottom: 4.6rem
}

@media (max-width:1140px) {
    .section-store-calc__title.ui-title {
        -webkit-transform: translate(0);
        transform: translate(0);
        width: 100%;
        text-align: center;
        padding: 0 2rem;
        max-width: 28rem;
        margin: 0 auto 2.6rem;
        color: var(--magenta);
        background: no-repeat;
        -webkit-text-fill-color: unset;
    }
}

.section-store-calc__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.4rem;
    margin-bottom: 3rem
}

@media (max-width:770px) {
    .section-store-calc__row {
        margin-bottom: 1.5rem;
        grid-gap: .9rem
    }
}

.section-store-calc__input {
    width: 100%
}

.section-store-calc__input .ui-input {
    text-align: center
}

@media (max-width:770px) {
    .section-store-calc__submit.ui-btn {
        height: 5.2rem
    }
}

.section-store-calc__result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 4.7rem;
    color: #dbdbdb;
    opacity: .5;
    font-family: Lato, sans-serif
}

@media (max-width:770px) {
    .section-store-calc__result {
        margin-top: 2.6rem;
        display: block;
        text-align: center
    }
    .section-store-calc__result span {
        display: block;
        margin: 1.2rem 0
    }
}

.section-store-calc__result span:first-child,
.section-store-calc__result span:nth-child(3) {
    font-size: 1.4rem
}

@media (max-width:770px) {
    .section-store-calc__result span:first-child,
    .section-store-calc__result span:nth-child(3) {
        font-size: 1.8rem;
        font-family: Merriweather, sans-serif;
        font-style: italic;
    }
    .section-store-calc__result span:nth-child(3) {
        font-weight:bold;
    }

}

.section-store-calc__result span:nth-child(2) {
    font-size: 3rem;
    line-height: 3rem;
    font-weight: 700;
    white-space: nowrap;
    min-width: 13.5rem;
    padding: 0 1rem;
    text-align: center
}

.section-store {
    padding-top: 8.7rem;
    margin-bottom: 18rem
}

@media (max-width:770px) {
    .section-store {
        margin-bottom: 8rem
    }
    .section-store-calc__result span:nth-child(2){
        font-size: 3.2rem;
        line-height: 3.2rem;
    }
}

@media (max-width:600px) {
    .section-store {
        margin-bottom: 2rem
    }
}

.section-store__body {
    position: relative;
    min-height: 40rem
}

.section-store__title {
    display: inline-block;
    position: relative
}

@media (max-width:770px) {
    .section-store__title {
        display: block;
        text-align: center
    }
}

.section-store__title-link {
    /* display: none!important; */
    font-size: 1.6rem;
    position: absolute;
    right: 0;
    top: 100%;
    font-family: Lato, sans-serif
}

@media (max-width:1140px) {
    .section-store__title-link {
        position: static;
        display: inline-block;
        margin-top: 1.6rem
    }
}

@media (max-width:770px) {
    .section-store__title-link {
        font-size: 1.2rem;
        margin-top: 1.2rem;
        color: #3faff8;
        font-weight: 700
    }
}

@media (max-width:600px) {
    .section-store__title-link {
        margin-top: .6rem;
        display: none;
    }
}

.section-store__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-top: 5.2rem
}

@media (max-width:1140px) {
    .section-store__container {
        display: block
    }
}

@media (max-width:770px) {
    .section-store__container {
        margin-top: 0
    }
}

.section-store__title-bg {
    position: absolute;
    top: 0;
    right: 4rem;
    font-size: 20rem;
    line-height: 25rem;
    letter-spacing: -.02em;
    z-index:-1;
}

@media (max-width:1140px) {
    .section-store__title-bg {
        font-size: 15rem;
        line-height: 18rem;
        right: auto;
        left: 26rem;
        top: -2rem;
        white-space: nowrap
    }
}

@media (max-width:770px) {
    .section-store__title-bg {
        display: none
    }
}

.section-store__calc {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40rem;
    flex: 0 0 40rem;
    margin-top: 4rem
}

@media (max-width:1140px) {
    .section-store__calc {
        margin-top: 2rem
    }
}

@media (max-width:770px) {
    .section-store__calc {
        margin-top: 1rem
    }
}

@media (max-width:600px) {
    .section-store__calc {
        margin-top: .4rem
    }
}

.section-store__calc-calc {
    position: relative;
    z-index: 1
}

@media (max-width:1140px) {
    .section-store__calc-calc {
        margin: 0 auto
    }
}

.section-store__calc-bg {
    pointer-events: none;
    position: absolute;
    top: -55%;
    left: -45%
}

@media (max-width:1140px) {
    .section-store__calc-bg {
        display: none
    }
}

.section-store__carousel {
    margin-right: 8rem
}

@media (max-width:1320px) {
    .section-store__carousel {
        margin-right: 5rem
    }
}

@media (max-width:1140px) {
    .section-store__carousel {
        margin-right: 0
    }
}

@media (max-width:680px) {
    .section-store__carousel {
        margin-left: -2rem;
        margin-right: -2rem;
        /* padding: 0 2rem */
    }
    .section-store-carousel{
        grid-column-gap: 0;
    }
    .section-events__body h2{
        text-align:center;
    }
}

.section-events-full-info {
    padding: 3.3rem 3.7rem;
    letter-spacing: -.02em;
    font-size: 1.5rem;
    line-height: 2.6rem;
    min-width: 30.6rem
}

@media (max-width:770px) {
    .section-events-full-info {
        padding: 3.3rem 3rem;
        min-width: 0
    }
}

.section-events-full-info__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 2.2rem;
    margin-bottom: 3.1rem
}

@media (max-width:600px) {
    .section-events-full-info__header {
        display: block
    }
}

.section-events-full-info__type {
    font-size: 1.4rem;
    color: #a0a5b9
}

.section-events-full-info__link {
    font-size: 1.2rem
}

.section-events-full-info__title {
    font-size: 2.6rem;
    line-height: 2.2rem;
    margin-bottom: 2.7rem
}

@media (max-width:770px) {
    .section-events-full-info__title {
        font-size: 2rem;
        line-height: 2.2rem
    }
}

.section-events-full-info__content {
    font-family: Lato, sans-serif;
    color: #c4c4c4;
    margin-bottom: 1.9rem
}

.section-events-full-info__content p {
    margin: 0
}

.section-events-full-info__address,
.section-events-full-info__date {
    margin-bottom: .8rem;
    line-height: 2.2rem;
    font-family: Lato, sans-serif;
    font-weight: 700
}

@media (max-width:600px) {
    .section-events-full-info__address,
    .section-events-full-info__date {
        font-size: 1.2rem
    }
}

.section-events-full-info__address img,
.section-events-full-info__date img {
    margin-right: .8rem
}

@media (max-width:600px) {
    .section-events-full-info__address img,
    .section-events-full-info__date img {
        margin-bottom: -.2rem
    }
}

.section-events-full-info__address {
    color: #c4c4c4
}

.section-events-full-info__date {
    color: #f6f6f6
}

.section-events-full-info__sale {
    margin-top: 3.3rem
}

.section-events-full-info__sale .ui-btn.is-border.is-theme-accent:after {
    border: .2rem solid var(--magenta);
    border-image-slice: 1;
    border-image-source:none;
}

.section-events-full-info__sale .ui-btn.is-border.is-theme-accent:before {
    background: var(--magenta)
}

.section-events-full-info__promocode {
    font-size: 1.6rem;
    color: #fff;
    font-weight: 700;
    margin: 0 .8rem
}

@media (max-width:600px) {
    .section-events-full-info__promocode {
        margin-right: 0
    }
}

.section-events-full-info__btn.ui-btn {
    height: 5.2rem
}

@media (max-width:600px) {
    .section-events-full-info__btn.ui-btn {
        height: auto
    }
}

.section-events-full-info__btn.ui-btn:hover .section-events-full-info__btn-text {
    color: #fff
}

.section-events-full-info__btn.ui-btn .ui-btn__body {
    padding: 0 1.2rem
}

.section-events-full-info__btn-text {
    font-size: 1.4rem;
    color: #727c9b;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: color .3s;
    transition: color .3s
}

@media (max-width:600px) {
    .section-events-full-info__btn-text {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 1.6rem 0;
        line-height: 2rem
    }
    .section-events-full-info__btn-text span:last-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.section-events-item__wrap.swiper-slide {
    width: 20.5rem;
    height: 25rem;
    -webkit-transition: margin-right .3s, margin-left .6s;
    transition: margin-right .3s, margin-left .6s
}

@media (max-width:770px) {
    .section-events-item__wrap.swiper-slide {
        width: 80vw;
        height: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 2.4rem
    }
}

.section-events-item__wrap.swiper-slide.is-placeholder {
    pointer-events: none
}

@media (min-width:771px) {
    .section-events-item__wrap.swiper-slide.swiper-slide-active {
        margin-left: 6rem;
        margin-right: 30rem!important
    }
}

.section-events-item__wrap.swiper-slide:last-child {
    width: 100%
}

.section-events-item {
    position: relative;
    -webkit-transition: height .6s, padding-right .6s, margin-left .6s;
    transition: height .6s, padding-right .6s, margin-left .6s;
    -webkit-box-shadow: 0 25px 35px rgba(0, 0, 0, .25);
    box-shadow: 0 25px 35px rgba(0, 0, 0, .25);
    height: 25rem;
    width: 20.5rem;
    cursor: pointer
}

@media (max-width:770px) {
    .section-events-item {
        width: 100%;
        height: 100%;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.section-events-item__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left;
    object-position: left;
    -webkit-filter: grayscale(90%);
    filter: grayscale(90%);
    opacity: .4;
    -webkit-transition: opacity .6s, -webkit-transform .6s, -webkit-filter 1.3s;
    transition: opacity .6s, -webkit-transform .6s, -webkit-filter 1.3s;
    transition: transform .6s, opacity .6s, filter 1.3s;
    transition: transform .6s, opacity .6s, filter 1.3s, -webkit-transform .6s, -webkit-filter 1.3s
}

@media (max-width:770px) {
    .section-events-item__image {
        display: none
    }
}

.section-events-item__logo {
    position: absolute;
    top: 2.2rem;
    left: 1.4rem
}

@media (max-width:770px) {
    .section-events-item__logo {
        display: none
    }
}

.section-events-item__body {
    position: absolute;
    left: 50%;
    top: 0;
    width: 50%;
    background-color: #132152;
    min-height: 25rem;
    -webkit-transition: width .3s, min-height .6s, -webkit-transform .6s;
    transition: width .3s, min-height .6s, -webkit-transform .6s;
    transition: transform .6s, width .3s, min-height .6s;
    transition: transform .6s, width .3s, min-height .6s, -webkit-transform .6s
}

@media (max-width:770px) {
    .section-events-item__body {
        position: static;
        width: 100%;
        height: 100%;
        left: 0;
        -webkit-transition: none;
        transition: none;
        min-height: 0;
        -webkit-box-shadow: 0 35px 35px rgba(0, 0, 0, .25);
        box-shadow: 0 35px 35px rgba(0, 0, 0, .25);
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

.section-events-item__short {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 2rem 2.5rem;
    color: #959bb2;
    letter-spacing: -.02em;
    font-weight: 900;
    font-size: 1.8rem;
    line-height: 2.2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

@media (max-width:770px) {
    .section-events-item__short {
        display: none
    }
}

.section-events-item__title-closed{
    max-height: 50px;
}

.section-events-item__shortcontent {
    position: absolute;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    padding-left: 2rem;
    left: 6rem;
    bottom: 0;
    width: 19rem;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    z-index: 1
}

.section-events-item__shortdate {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.2rem;
    font-family: Lato, sans-serif;
    width: 10.3rem;
    padding-left: 1.3rem;
    padding-top: 1.9rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.section-events-item__full {
    position: relative;
    z-index: 1;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height .6s, opacity .6s;
    transition: max-height .6s, opacity .6s;
    opacity: 0
}

@media (max-width:770px) {
    .section-events-item__full {
        max-height: 100%;
        -webkit-transition: none;
        transition: none;
        opacity: 1
    }
}

.swiper-slide-active:not(.is-placeholder) .section-events-item__image {
    -webkit-transform: translate(-6rem, .8rem);
    transform: translate(-6rem, .8rem);
    opacity: 1;
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.swiper-slide-active:not(.is-placeholder) .section-events-item__body {
    z-index: 1;
    width: 38rem;
    min-height: 40rem;
    -webkit-box-shadow: 0 35px 35px rgba(0, 0, 0, .25);
    box-shadow: 0 35px 35px rgba(0, 0, 0, .25)
}

@media (max-width:770px) {
    .swiper-slide-active:not(.is-placeholder) .section-events-item__body {
        width: 100%;
        -webkit-transform: translate(0);
        transform: translate(0);
        min-height: 0
    }
}

.swiper-slide-active:not(.is-placeholder) .section-events-item__short {
    opacity: 0;
    pointer-events: none;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.swiper-slide-active:not(.is-placeholder) .section-events-item__full {
    max-height: 50rem;
    opacity: 1
}

@media (max-width:770px) {
    .swiper-slide-active:not(.is-placeholder) .section-events-item__full {
        max-height: none
    }
}

.swiper-slide:not(.swiper-slide-active):hover .section-events-item__image {
    -webkit-transform: translate(-2rem);
    transform: translate(-2rem);
    opacity: .7;
    -webkit-filter: grayscale(30%);
    filter: grayscale(30%)
}

.section-events-carousel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 6.7rem;
    overflow: hidden;
}

@media (max-width:770px) {
    .section-events-carousel {
        margin-top: 3rem;
        margin-left: -4rem;
        margin-right: -4rem;
        padding: 0 3.5rem
    }
}

@media (max-width:600px) {
    .section-events-carousel {
        padding-right: 0;
        padding-left: 2rem;
        /* margin-left: -2rem; */
        margin-right: -2rem
    }
}

.section-events-carousel .swiper-wrapper {
    padding-bottom: 20rem
}

@media (max-width:770px) {
    .section-events-carousel .swiper-wrapper {
        padding-bottom: 7rem
    }
}

.section-events {
    padding-top: 18rem;
    margin-bottom: 13rem
}

@media (max-width:770px) {
    .section-events {
        margin-bottom: 0;
        padding-top: 6.2rem
    }
}

.section-events__body {
    position: relative
}

.section-events__title-bg {
    position: absolute;
    white-space: nowrap;
    top: -15rem;
    right: 5rem;
    font-size: 20rem;
    line-height: 25rem;
    letter-spacing: -.02em
}

@media (max-width:1140px) {
    .section-events__title-bg {
        font-size: 14rem;
        line-height: 14rem;
        left: 0;
        right: 0;
        text-align: center
    }
}

@media (max-width:770px) {
    .section-events__title {
        text-align: center
    }
}

.section-events__nav {
    position: absolute;
    left: 68rem;
    top: 50.3rem;
    white-space: nowrap;
    z-index: 5
}

@media (max-width:1140px) {
    .section-events__nav {
        left: 60rem
    }
    .section-events__nav .common-nav__counter {
        margin: 0 3rem
    }
}

@media (max-width:770px) {
    .section-events__nav {
        margin-top: 20rem;
        position: static;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width:600px) {
    .section-events__nav {
        margin-top: 0
    }
}

.section-signin {
    max-width: 33.6rem;
    margin: 0 auto;
    padding: 3rem 2rem
}

.section-signin__form {
    margin-bottom: 2.8rem
}

.section-signin__links {
    font-family: Lato, sans-serif;
    text-align: center;
    font-size: 1.4rem;
    line-height: 138%
}

.section-signin__links a {
    display: inline-block;
    margin-bottom: 1.5rem
}

.section-signin .ui-field+.ui-field {
    margin-top: 2rem
}

.section-signin__errors {
    margin-top: 3rem;
    display: none
}

.section-signin__submit {
    margin-top: 2.9rem
}

.section-signin__header {
    padding: 8rem 0 6rem;
    text-align: center;
    background-image: url(/assets/images/theme/signin-header.svg);
    background-position: top
}

.common-recaptcha {
    width: 100%;
    height: 10rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    color: #000;
    font-size: 1.2rem;
    display: none
}

.section-signup {
    max-width: 33.6rem;
    margin: 0 auto;
    padding: 3rem 2rem
}

.section-signup__form {
    margin-bottom: 2.8rem
}

.section-signup__links {
    font-family: Lato, sans-serif;
    text-align: center;
    font-size: 1.4rem;
    line-height: 138%
}

.section-signup__links a {
    display: inline-block;
    margin-bottom: 1.5rem
}

.section-signup__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 1rem;
    margin-top: 2rem;
    margin-bottom: 2rem
}

.section-signup__row .ui-field {
    margin-top: 0!important
}

.section-signup .ui-field+.ui-field {
    margin-top: 2rem
}

.section-signup__submit {
    margin-top: 2.9rem
}

.section-signup__agree {
    margin-top: 2.8rem;
    margin-bottom: 3rem;
    color: #8b93ae;
    font-size: 1.2rem;
    line-height: 136%;
    font-family: Lato, sans-serif;
    padding-left: 2rem
}

.section-signup__header {
    padding: 8rem 0 6rem;
    text-align: center;
    background-image: url(/assets/images/theme/signin-header.svg);
    background-position: top
}

.section-signup__errors {
    margin-top: 3rem;
    display: none
}

.section-forgot {
    max-width: 33.6rem;
    margin: 0 auto;
    padding: 3rem 2rem
}

.section-forgot__title {
    font-family: Lato, sans-serif;
    margin-bottom: 3.6rem
}

.section-forgot__form {
    margin-bottom: 2.8rem
}

.section-forgot__label {
    font-family: Lato, sans-serif;
    font-size: 1.6rem;
    line-height: 1.9rem
}

.section-forgot .ui-field {
    margin-top: 2rem
}

.section-forgot__description {
    margin-top: 1.7rem;
    color: #727c9b;
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-family: Lato, sans-serif
}

.section-forgot__errors {
    margin-top: 3rem;
    display: none
}

.section-footer {
    background-color: #07123d;
    padding: 2.8rem 0 2rem;
    font-family: Lato, sans-serif;
    font-weight: 700;
    letter-spacing: -.02em;
    margin-top: 1.2rem;
}

.section-footer__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width:600px) {
    .section-footer__row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.section-footer__col {
    display: flex;
    font-size: 1.2rem;
    line-height: 136%;
    color: #8b93ae;
    flex-direction: column;
}

@media (max-width:600px) {
    .section-footer__col {
        max-width: 100%
    }
}

.section-footer__col a {
    /* margin-left: 10px; */
    color: #8b93ae;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.section-footer__col a:active,
.section-footer__col a:focus,
.section-footer__col a:visited {
    color: #8b93ae
}

.section-footer__col a:hover {
    opacity: .6
}

.section-footer__col+.section-footer__col {
    margin-left: 5rem
}

@media (max-width:600px) {
    .section-footer__col+.section-footer__col {
        margin-top: 2rem
    }
}

@media (max-width:600px) {
    .section-footer__col:first-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

@media (max-width:600px) {
    .section-footer__col:nth-child(2) {
        margin-left: 0
    }
}

.section-footer__title {
    margin-bottom: .5rem;
    font-size: 1.4rem;
    line-height: 125%;
    font-family: Merriweather, sans-serif;
    font-weight: 900
}

.common-social {
    color: var(--magenta, #f93968);
    font-weight: 700;
    letter-spacing: -.02em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:600px) {
    .common-social {
        display: block
    }
}

.common-social__title {
    margin-right: 2.6rem;
    font-size: 1.4rem
}

.common-social__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:600px) {
    .common-social__items {
        margin-top: .5rem
    }
}

.common-social__item {
    margin: 2px 1.8rem 2px 2px;
}

.common-social__item .ui-icon {
    font-size: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.common-social__item .ui-icon svg {
    height: auto
}

.common-social.is-float {
    position: fixed;
    right: 1rem;
    bottom: 5rem
}

.section-footer-sticky {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background-color: #07123d
}

@media (max-width:770px) {
    .section-footer-sticky {
        position: static
    }
}

.section-footer-sticky__body {
    min-height: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:770px) {
    .section-footer-sticky__body {
        display: block;
        padding: 1.6rem 4rem
    }
}

@media (max-width:600px) {
    .section-footer-sticky__body {
        display: block;
        padding: 1.6rem 2rem
    }
}

.section-footer-sticky__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: -.02em
}

@media (max-width:770px) {
    .section-footer-sticky__links {
        display: block;
        margin-top: 2rem
    }
}

.section-footer-sticky__links-title {
    color: #8b93ae;
    font-weight: 900;
    font-size: 1.4rem
}

.section-footer-sticky__links-items {
    font-family: Lato, sans-serif;
    font-weight: 700
}

@media (max-width:770px) {
    .section-footer-sticky__links-items {
        margin-top: .5rem;
        font-size: 1.4rem;
        line-height: 1.7rem;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .section-footer{
        margin-top: 0rem;
        padding-top: .7rem;
    }
}

.section-footer-sticky__links-items a {
    
    color: var(--magenta, #f93968);
    display: inline-block
}

@media (max-width:770px) {
    .section-footer-sticky__links-items a:first-child {
        margin-right: 1rem;
    }
}

.popup-forgot-success__email,
.popup-signup-success__email {
    color: #fff;
    font-weight: 900
}

::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}
/* 
* previouse scrollbar color 
* background-color: #a7325b;
*/

::-webkit-scrollbar-button {
    background-color: #FA3438;
}

::-webkit-scrollbar-track {
   background-color: #FA3438;
}

::-webkit-scrollbar-track-piece {
    background-color: #07123d;
}

::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #FA3438;
    border-radius: 3px;
}

::-webkit-scrollbar-corner {
    background-color: #FA3438;
}

::-webkit-resizer {
    background-color: #FA3438;
}

.user-avatar {
    border-radius: 50%;
    width: 46px;
    height: 46px;
    border: 1px solid #c15b46;
    object-fit: cover;
}

.signout-group_text {
    position: relative;
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    margin-right: 1rem;
}

.register .common-signin a {
    font-weight: bold;
}

.common-signin a {
    line-height: 1.7rem;
}

.common-signout__signout .ui-btn__body {
    color: #fff;
}

@media (max-width: 767px) {
    .section-header {
        position: relative;
        display: flex;
        flex-direction: column;
    }
    .wraper_reg_user {
        width: 100%;
    }
}

.arrowMenuUser {
    position: relative;
    /* width: 100%; */
    /* margin: 0 11px 11px 11px; */
    font-family: Lato, sans-serif;
    background: #132152;
    margin-bottom: 1rem;
}

.arrowMenuUser div {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.arrowMenuUser img {
    margin: auto 2rem;
}

.arrowMenuUser .current_email {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.2rem;
}

.arrowMenuUser:after {
    content: url(/assets/images/store_page/theme/category_switcher-orange.svg);
    right: 1rem;
    top: 1rem;
    position: absolute;
    transform: rotate(0);
}

.arrowMenuUser.open:after {
    transform: rotate(180deg);
}

.arrowMenuUser.open .exit_link {
    display: block;
}

.arrowMenuUser .exit_link {
    display: none;
    margin-right: 1rem;
    padding-bottom: 1px;
}

.arrowMenuUser .exit_link span {
    font-size: 1.3rem;
    color: white;
    font-weight: 600;
    margin: 5px 0 15px 0;
    justify-content: flex-end;
}

@media (max-width: 767px) {
    .section-header__body {
        flex-wrap: wrap;
    }
    main {
        margin-top: 4rem;
    }
}

.section-header__body {
    padding: 0;
}

#app {
    padding: 1rem 0rem 0 0rem;
}

.common-locales__link {
    font-size: 1.4rem;
    line-height: 1.7rem;
    color: #b4b8bc;
    opacity: .3;
    -webkit-transition: color .3s, opacity .3s;
    transition: color .3s, opacity .3s;
    text-transform: uppercase;
    padding-bottom: .5rem;
}

.common-locales__link.active {
    pointer-events: none;
}

.common-locales__link+.common-locales__link {
    margin-left: 1.1rem;
}

.section-header.register .section-header__locales {
    margin-left: 1rem;
}

@media (max-width: 1320px) {
    .section-header__locales {
        margin-right: 3rem;
    }
}

@media (max-width: 1280px) {
    .section-header__locales {
        margin-right: 5.7rem;
    }
    .section-header__body {
        box-sizing: border-box;
        padding: 0 2rem;
    }
}

@media (max-width: 767px) {
    .section-header__locales {
        margin-right: 0;
    }
    .common-locales__link {
        display: none;
        padding-bottom: 0;
    }
    .common-locales__link+.common-locales__link {
        margin-left: 0;
    }
}

@media (max-width: 980px) {
    .section-header__burger {
        display: block !important;
        margin-right: 5.4rem;
    }
}


/*___button on off site ____*/

.common-signin_info {
    max-width: 127.8rem;
    margin: 0 auto;
    width: 100%;
    justify-content: flex-end;
    top: -4em;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
}

.section-header {
    margin-bottom: 9.6rem;
}

.common-signin_info a {
    line-height: 1.7rem;
    font-size: 1.4rem;
    font-family: Lato, sans-serif;
    font-weight: 700;
}

.section-hello__back-to_main .ui-btn {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -0.02em;
}

.is-double_border:hover .ui-btn__body {
    transform: translate(0);
    transition: .16s;
}


/* password show/hiide button */

.ui-btn__eye {
    fill: url(#paint0eek32k_linear);
}

div.ui-field__body-pass-show {
    padding-right: 38px;
}

.ui-btn__password-show {
    background: transparent;
    border-radius: 0;
    right: 0;
    top: 0;
    width: 38px;
    box-sizing: border-box;
    display: flex;
    padding: 0 5px;
    align-items: center;
    justify-content: center;
    height: 100%;
    cursor: pointer;
    position: absolute;
}

.ui-btn__eye_show {
    display: none;
}

.ui-btn__eye_close {
    display: block;
}

.ui-btn__password-active .ui-btn__eye_close {
    display: none;
}

.ui-btn__password-active .ui-btn__eye_show {
    display: block;
}

div.iu-tooltip__for-password {
    display: none;
    margin-top: 2rem;
}


/* social media fix */

.common-social__items {
    flex-wrap: wrap;
}

@media (max-width:567px) {
 /*    .common-social__item+.common-social__item {
     margin-left: 1.4rem;
 } */
 .common-social__item{
     margin-left: 0rem;
     margin-right: 3rem;
     margin-bottom: .5rem;
 }
}

.section-events-item__short {
    font-size: 1.5rem;
}

.footer-link-fix-line {
    padding-top: 1.5px;
    display: flex;
    flex-direction: column;
}


/* new about block */

.section-about__brand-logo {
    margin-right: 26px;
}

.section-about__body {
    position: relative;
}

.section-about__title {
    font-style: normal;
    font-weight: bold;
    letter-spacing: -0.02em;
    font-size: 4rem;
    line-height: 5rem;
    display: inline;
}

.section-about__items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.section-about__items {
    padding-top: 6rem;
}

.about-card__shadow {
    box-shadow: 0px 0px 45px 8px #FD4E51;
    border-radius: 100%;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 70%;
    height: 70%;
    margin: auto;
}

.about-card__decore-wrapper {
    width: 58px;
    height: 56px;
    margin: 0 auto;
    position: relative;
}

.about-card__img {
    z-index: 2;
    position: relative;
}

.about-card__body {
    box-sizing: border-box;
    padding: 1.3rem 0 6rem;
}

.about-card__title {
    font-style: normal;
    font-weight: 900;
    font-size: 2rem;
    line-height: 2.5rem;
    letter-spacing: -0.02em;
    text-align: center;
}

.about-card__text {
    font-family: Lato, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1.9rem;
    letter-spacing: -0.02em;
}

.about-card {
    width: 32%;
    min-width: 280px;
}

.section-about__figure--left {
    bottom: -27rem;
    left: -23rem;
    top: auto;
    right: auto;
}

.section-about__figure--right {
    bottom: 0;
    left: auto;
    top: auto;
    right: -23%;
}

div.section-about__items--swiper {
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.about-card--swiper {
    min-width: 100%;
}

span.swiper-pagination-bullet {
    background: #fff;
}

span.swiper-pagination-bullet-active {
    background: #FD4E51;
}

.section-about_title,
.section-about__items {
    position: relative;
    z-index: 2;
}
.section-about_title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.section-about__brand-logo--mob {
    display:none;
}

.section-about__brand-logo--desk {
    height: 120px;
    transform: translateY(-15px);
    padding-right: 50px;
    display:block !important;
}

@media (max-width:1300px) {
/*     .section-about__title {
    font-size: 6rem;
} */
    .section-about__brand-logo--mob {
        display:block;
    }
    
    .section-about__brand-logo--desk {
        display:none !important;
    }
    .section-about_title {
        display:block;
    }
    .section-about_title .section-about__title{
        text-transform: lowercase;
    }
}

@media (max-width:991px) {
/*     .section-about__title {
    font-size: 5rem;
    line-height: 6rem;
} */
    .section-about__items {
        justify-content: space-around;
    }
    .about-card {
        text-align: center;
    }
    .section-about__gradient {
        display: inline-block;
    }

}
@media (max-width:600px) {
    #app {
        padding: 0;
    }
    .section-advantages {
        margin-bottom: 8.3rem;
    }
}

@media (max-width:576px) {
    .about-card__body {
        padding-bottom: 3rem;
    }
    .about-card {
        width: 100%;
        text-align: left;
    }
    .section-about__brand-logo {
        height: 3.4rem;
        margin-bottom:1.2rem;
    }
    .section-about__title {
        font-size: 3.2rem;
        line-height: 4rem;
    }
    .section-about_title {
        max-width: 95%;
    }
    .about-card__text {
        font-size: 1.4rem;
        line-height: 1.7rem;
    }
    .about-card {
        padding-left: 5px;
        padding-right: 5px;
        box-sizing: border-box;
    }
    .about-card__title{
        text-align:left
    }
    
    .steps__title-main--right.section-about__title{
        font-size: 2rem;
        line-height: 2.5rem;
            padding-top: 1.7rem;
    }
    
    .section-header {
        margin-bottom: 5.2rem;
    }
}

@media (max-width:360px) {
    .section-about__brand-logo {
        height: 3.4rem;
    }
    .section-advantages-item__title {
        font-size: 2rem;
        line-height: 2.5rem;
    }
}


/* new about block end */

[v-cloak] {
    visibility: hidden;
}