body {
    font-family: Inter var, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-feature-settings: "pnum";
}

html {
    --bg-body: #fff;
    --bg-main-2a: #f6f9fc;
     --PhoneGraphic-shadow:0 50px 100px -20px rgba(50,50,93,0.25),0 30px 60px -30px rgba(0,0,0,0.3),inset 0 -2px 6px 0 rgba(10,37,64,0.35);
    --content: #f4f4f4;
    --bg-block: #fff;
    --shadow-bento-card: 0 1px 1px rgba(0, 0, 0, 0.05), 0 4px 6px rgba(34, 42, 53, 0.04), 0 24px 68px rgba(47, 48, 55, 0.05), 0 2px 3px rgba(0, 0, 0, 0.04);
    --pattern: url('/themes/t5/images/pattern.png');
    --bg-accent-2: rgba(121, 208, 246, 0.9);
    --bg-map: linear-gradient(-180deg, rgba(255, 255, 255, 0.6) 0%, white 100%), url("/themes/t5/images/bg-map@2x.jpg");
    --map-hero:url(/themes/t5/images/map.webp);
    --map-hero-top:url(/themes/t5/images/map-top.webp);

    /* Общие */
    --text-color: rgb(17 24 39);
    --text-project: #42afc7;
    --iti-selected-country: rgb(17 24 39);
    --bg-transparent: #fff;
    --input-number: #F6F8FB;
}

html.dark {
    --bg-body: #131316;
    --bg-main-2a: #1D1D20;

    --PhoneGraphic-shadow:0 50px 100px -20px rgba(61, 85, 70, 0.5), 0 30px 60px -30px rgba(0, 0, 0, .3), inset 0 -2px 6px 0 #37383C;
    --content: #131316;
    --bg-block: rgb(29 29 32);
    --shadow-bento-card: 0px 1px 0px 0px hsla(0, 0%, 100%, .06) inset, 0px 4px 10px 0px rgba(0, 0, 0, .3);
    --pattern: none;
    --bg-accent-2: rgba(121, 208, 246, 0.9);
    --bg-map: linear-gradient(-180deg, rgba(30, 35, 45, 0.7) 0%, rgba(30, 35, 45, 1) 100%), url("/themes/t5/images/bg-map@2x-dark.jpg");
    --map-hero: ;
    --map-hero-top:url(/themes/t5/images/map-top-dark.webp);
    /* Общие */
    --text-color: #fff;
    --text-project: #42afc7;
    --iti-selected-country: #fff;
    --bg-transparent: #1D1D20;
    --input-number: #1D1D20;

}
.map-hero_top { background-image: var(--map-hero-top);background-position: top;background-repeat: none;background-size: cover;}

.map-hero  {background-image: var(--map-hero);background-position: bottom;background-repeat: none;background-size: cover;}


/* Общие */
.text-project {
    color: var(--text-project)
}

.bg-project {
    background-color: var(--text-project)
}

.body {
    background: var(--bg-body);
}

.text-brand, .text-code-keyword {
    --tw-text-opacity: 1;
    color: rgb(66 175 199/var(--tw-text-opacity));
}

@media (min-width: 769px) {


    .ln__offset {
        top: -42px;

        box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
    }
}

.switch-v1::after {
    position: absolute;
    content: '';
    width: 0.6em;
    height: 0.6em;
    top: 0.4em;
    left: 2.6em;
    border-radius: 50%;
    transition: 250ms ease-in;


}

.light .switch-v1::after {
    background: linear-gradient(rgba(0, 0, 0, 0.07), rgba(255, 255, 255, 0.1)), #CBD5E0;
    box-shadow: 0 0.05em 0.08em -0.01em rgba(255, 255, 255, 0.7);
}

.dark .switch-v1::after {
    background: linear-gradient(rgba(0, 0, 0, 0.07), rgba(255, 255, 255, 0.1)), rgb(var(--primary-base));
    box-shadow: 0 0.08em 0.15em -0.1em rgba(0, 0, 0, 0.5) inset, 0 0.05em 0.08em -0.01em rgba(255, 255, 255, 0.7), -7.25em 0 0 -0.25em rgba(0, 0, 0, 0.12);
}

.switch-v1_1 {
    border-radius: 50%;
    transition: 250ms ease-in-out;


}


.light .switch-v1 {

    background: linear-gradient(rgba(0, 0, 0, 0.07), rgba(255, 255, 255, 0.1)), #CBD5E0;
    box-shadow: 0 0.05em 0.08em -0.01em rgba(255, 255, 255, 0.7);
}

.dark .switch-v1 {
    box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(0, 0, 0, 0.6), 0 1px 0 rgba(255, 255, 255, 0.15)
}

.light .switch-v1_1 {
    box-shadow: 0 0.1em 0.15em -0.05em rgba(255, 255, 255, 0.9) inset, 0 0.5em 0.3em -0.1em rgba(0, 0, 0, 0.22);
    background: #fff;
}

.dark .switch-v1_1 {
    background: #555658; /* Зелёный цвет */
    box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 8px 8px rgba(0, 0, 0, 0.3), inset -1px 0 1px #7d7e80;
}

.block_phone {
    height: 100%;
    border-radius: 28px;
    background: rgb(var(--bg-default));


}

.Phone_group {
    width: 270px;
    height: 536px;
    padding: 10px;
    border-radius: 36px;
    background: var(--bg-main-2a);
    box-shadow:  var(--PhoneGraphic-shadow);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px;
}
.progressive-blur-mask {
    height: 2rem;
    width: 100%;
    background-color: hsla(0, 0%, 100%, .005);
    -webkit-mask: linear-gradient(180deg, #000, #000 50%, #0000);
    mask: linear-gradient(180deg, #000, #000 50%, #0000);
    -webkit-backdrop-filter: blur(calc(var(--blur) * 1px)) opacity(.5);
    backdrop-filter: blur(calc(var(--blur) * 1px)) opacity(.5)
}

.ruler-ticks > * {
    pointer-events: auto;
    position: relative;
    min-height: 1rem;
    min-width: 3rem;
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    text-align: center;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(var(--slate-300)/var(--tw-bg-opacity))
}
.dark .ruler-ticks > * {
    color: rgb(var(--zinc-400)/var(--tw-bg-opacity))
}
.ruler-ticks > :before {
    position: absolute;
    bottom: 0;
    left: 50%;
    height: .25rem;
    width: 1px;
    --tw-translate-x: -50%;
    --tw-translate-y: 50%;
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(var(--slate-300)/var(--tw-bg-opacity))
}
.dark .ruler-ticks > :before  {
    background-color: rgb(var(--zinc-400)/var(--tw-bg-opacity))

}

.ruler-ticks.ruler-ticks-right > *,
.ruler-ticks > :before {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.ruler-ticks.ruler-ticks-right > * {
    --tw-rotate: 90deg
}

.ln__offset {


    box-shadow: 0 5px 10px rgba(0, 0, 0, .05);

}
.bleed-bg-r {
    border-image:linear-gradient(var(--tw-full-bleed-color) 0 0) fill 0//0 9999vw 0 0
}
.bleed-bg-l {
    border-image:linear-gradient(var(--tw-full-bleed-color) 0 0) fill 0//0 0 0 9999vw
}
.bleed-gray-100 {--tw-full-bleed-color:#ebebeb}
.dark .bleed-gray-100 {--tw-full-bleed-color:#000000}
.bleed-gray-200 {--tw-full-bleed-color:rgb(var(--slate-200)/var(--tw-bg-opacity))}

.dark .bleed-gray-200  {

    --tw-full-bleed-color: #000000;
}
.bleed-border {
    --tw-full-bleed-border-top-width:1px;
    border-image:linear-gradient(var(--tw-full-bleed-color) 0 0) 1 //0 9999vw 0 9999vw;
    border-top:var(--tw-full-bleed-border-top-width) solid;
    border-bottom:var(--tw-full-bleed-border-bottom-width) solid
}
.bleed-border,
.bleed-border-b {
    --tw-full-bleed-border-bottom-width:1px
}
.bleed-border-b {
    border-image:linear-gradient(var(--tw-full-bleed-color) 0 0) 1 //0 9999vw 0 9999vw;
    border-bottom:var(--tw-full-bleed-border-bottom-width) solid
}
.bleed-border-t {
    --tw-full-bleed-border-top-width:1px;
    border-image:linear-gradient(var(--tw-full-bleed-color) 0 0) 1 //0 9999vw 0 9999vw;
    border-top:var(--tw-full-bleed-border-top-width) solid
}


.shadow-next {
    --tw-shadow: 0 2px 5px -1px rgba(50, 50, 93, .05), 0 1px 3px -1px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 5px -1px rgba(50, 50, 93, .05), 0 1px 3px -1px rgba(0, 0, 0, .2);
}

.project-color {
    color: var(--text-project);
}

.bg-block {
    background-color: var(--bg-block);
}

.shadow-bento-card {
    --tw-shadow: var(--shadow-bento-card);
    --tw-shadow-colored: var(--shadow-bento-card);
}

.shadow-bento-card, .shadow-code-mockup {
    box-shadow: var(--shadow-bento-card)
}

.pattern {
    background-image: var(--pattern);
}



.page-header {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 100%;
    z-index: 6;
}

.sticky_ {
    position: fixed;
    top: 0;
    width: 100%;
}

/* Добавим верхний отступ к контенту страницы, чтобы не было
 неожиданных рывков (так как панель навигации ставится на новую
 позицию вверху страницы (position:fixed and top:0) */
.sticky_ + .content {
    padding-top: 40px;
}



.glide {
    position: relative;
    width: 100%;
    box-sizing: border-box
}

.glide * {
    box-sizing: inherit
}

.glide__track {
    overflow: hidden
}

.glide__slides {
    position: relative;
    width: 100%;
    list-style: none;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    touch-action: pan-Y;
    overflow: hidden;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    will-change: transform
}

.glide__slides--dragging {
    user-select: none
}

.glide__slide {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    white-space: normal;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.glide__slide a {
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.glide__arrows {
    -webkit-touch-callout: none;
    user-select: none
}

.glide__bullets {
    -webkit-touch-callout: none;
    user-select: none
}

.glide--rtl {
    direction: rtl
}

.Icon--info.Icon--color--gray {

    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+Z3JheTwvdGl0bGU+PGcgZmlsbD0iIzZCN0M5MyIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTAgMEM0LjQ3NiAwIDAgNC40NzYgMCAxMHM0LjQ3NiAxMCAxMCAxMCAxMC00LjQ3NiAxMC0xMFMxNS41MjQgMCAxMCAweiIgZmlsbC1vcGFjaXR5PSIuMiIvPjxwYXRoIGQ9Ik0xMC40MDcgMTMuNjA5Yy0uMTE2LjUyMS42OTguNjk1IDEuMzk1LjA4N2wuMzUuMjZjLS40NjYuNjEtMS4xNjQgMS4wNDQtMi4zMjYgMS4wNDQtMS4xNjMgMC0xLjYyOC0uNDM1LTEuNjI4LTEuMDQzIDAtLjE3NCAwLS4zNDguMTE2LS42OTZsLjgxNC0zLjIxOGMuMTE2LS42OTUtLjY5OC0uNzgyLTEuMjgtLjI2TDcuNSA5LjUyMmMuMzQ5LS41MjIgMS4xNjMtLjk1NyAyLjIxLS45NTcgMS4xNjIgMCAxLjYyNy40MzUgMS42MjcgMS4xMyAwIC4xNzUgMCAuNDM1LS4xMTYuNjFsLS44MTQgMy4zMDR6bS41ODEtNi4yNjFjLS44MTQgMC0xLjUxMS0uNDM1LTEuNTExLTEuMTMgMC0uNjk2LjU4MS0xLjIxOCAxLjUxMS0xLjIxOC44MTQgMCAxLjUxMi42MDkgMS41MTIgMS4yMTcgMCAuNjEtLjU4MSAxLjEzLTEuNTEyIDEuMTN6Ii8+PC9nPjwvc3ZnPg==');

}

.Icon--size--16 {
    vertical-align: middle;
    height: 16px;
    width: 16px;
    background-size: 16px 16px;

}

.Icon {

    background-repeat: no-repeat;
    display: inline-block;

}

.HoverArrow {
    --arrowSpacing: 5px;
    --arrowHoverTransition: 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    --arrowHoverOffset: translateX(3px);
    --arrowTipTransform: none;
    --arrowLineOpacity: 0;
    position: relative;
    top: 1px;
    margin-left: var(--arrowSpacing);
    stroke-width: 2px;
    fill: none;
    stroke: currentColor
}

.HoverArrow--sizeSmall {
    --arrowSpacing: 4px;
    stroke-width: 1.5px
}

.HoverArrow__linePath {
    opacity: var(--arrowLineOpacity);
    transition: opacity var(--hoverTransition, var(--arrowHoverTransition))
}

.HoverArrow__tipPath {
    transform: var(--arrowTipTransform);
    transition: transform var(--hoverTransition, var(--arrowHoverTransition))
}

@media (pointer: fine) {
    a:hover .HoverArrow__linePath,
    button:hover .HoverArrow__linePath {
        --arrowLineOpacity: 1
    }

    a:hover .HoverArrow__tipPath,
    button:hover .HoverArrow__tipPath {
        --arrowTipTransform: var(--arrowHoverOffset)
    }
}

@media (pointer: coarse) {
    a:active .HoverArrow__linePath,
    button:active .HoverArrow__linePath {
        --arrowLineOpacity: 1
    }

    a:active .HoverArrow__tipPath,
    button:active .HoverArrow__tipPath {
        --arrowTipTransform: var(--arrowHoverOffset)
    }
}

.bg-sky-600 {
    color: #fff !important;
    background-color: #37c784 !important;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

.bg-sky-600:hover {
    color: #fff;
    background-color: #28B167 !important;
}

.bg-shark-gray-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(29 29 32/var(--tw-bg-opacity));
}


.h-p__b {
    padding: 10px 0;
    position: relative;
    overflow: hidden;
    font-family: "Open Sans", Helvetica, Arial, Sans-serif;
}

.h-p__b.__bg-grey {
    background-color: #f6f8f9
}

@media only screen and (max-width: 960px) {
    .h-p__b {
        padding-top: 16.66666667px;
        padding-bottom: 16.66666667px
    }
}

.h-p__b__t {
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 18px;
    text-align: center;
    color: #35363f;
    text-transform: uppercase
}

.h-p__b__btn-wrap {
    text-align: center;
    margin-top: 10px
}

.h-p__b__separate {
    border-top: 1px solid #e6e6e6;
    display: block;
    width: 960px;
    margin: 0 auto
}

@media only screen and (max-width: 960px) {
    .h-p__b__separate {
        width: auto;
        margin: 0 15px
    }
}

@media only screen and (min-width: 1025px) {
    .h-p__b__separate {
        width: 1025px
    }
}

.h-p__b .tablecell {
    display: table-cell;
    vertical-align: middle
}

.h-p__top-b {
    position: relative;
    overflow: hidden;
}

@media only screen and (max-width: 640px) {
    .h-p__top-b {
        background-color: transparent
    }
}

.h-p__top-b__c {
    position: relative;
    z-index: 2;
    color: #fff
}

@media only screen and (max-width: 960px) {
    .h-p__top-b__c {
        padding: 20px 0
    }
}

@media only screen and (max-width: 640px) {
    .h-p__top-b__c {
        color: #35363f;
        width: auto;
        padding: 0
    }
}

.h-p__top-b .tablecell {
    height: 500px
}

.__backSchool .h-p__top-b .tablecell {
    height: 580px
}

@media only screen and (max-width: 960px) {
    .h-p__top-b .tablecell {
        display: block;
        height: auto !important
    }
}

.h-p-v4 .spw-ht-d-w {
    width: 434px;
    height: 324px
}

.h-p-v4 .spw-ht-d-w:before {
    background-position: 0 -527px;
    width: 167px;
    height: 348px
}

.h-p-v4__top-b__img__i.spw-ht-d-w {
    left: 0px;
    z-index: 3;
    -webkit-transform: translate(0, -200%);
    -moz-transform: translate(0, -200%);
    -ms-transform: translate(0, -200%);
    transform: translate(0, -200%)
}


.l-p__info-b__icon {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15) inset, 0 0 0 13px #f3fafb;
    background: #4ec8e3;
    background: -webkit-linear-gradient(top, #4ec8e3 0, #42afc7 100%);
    background: linear-gradient(to bottom, #4ec8e3 0, #42afc7 100%);
    border: 1px solid #fff;
    overflow: hidden;
    border-radius: 50%;
    display: block;
    float: left;
    width: 108px;
    height: 108px;
    margin: 12px 45px 12px 12px
}

.l-p__info-b__icon:before {
    margin: 19px
}

@media only screen and (max-width: 640px) {
    .l-p__info-b__icon {
        float: none;
        margin-right: auto;
        margin-left: auto
    }
}

.l-p__info-b__title {
    color: #1a3549;
    font-size: 28px;
    font-weight: 300;
    line-height: 1;
    margin: 24px 0
}

.l-p__info-b__text {
    color: #a6a6a6;
    font-size: 18px;
    line-height: 1
}

.l-p__info-b__i.__center .l-p__info-b__icon {
    float: none;
    margin-right: auto;
    margin-left: auto
}

.l-p__info-b__i.__center .l-p__info-b__title {
    text-align: center
}

.l-p__feature-b {
    overflow: hidden
}

.l-p__feature-b__i {
    padding-bottom: 35px
}

.l-p__feature-b__i .table {
    display: table;
    width: 100%;
    height: 70px
}

.h-p__f-b {
    display: none;
    max-width: 1000px;
    margin: 0 auto
}


.h-p__f-b.on {
    display: block
}



.h-p__f-b__row {
    *zoom: 1
}

.h-p__f-b__row:before, .h-p__f-b__row:after {
    display: table;
    content: "";
    line-height: 0
}

.h-p__f-b__row:after {
    clear: both
}

.h-p__f-b__row:before, .h-p__f-b__row:after {
    display: table;
    content: "";
    line-height: 0
}

.h-p__f-b__row:after {
    clear: both
}

.h-p__f-b__i {

    width: 25%;
    max-width: 250px;
    float: left;
    position: relative
}

@media only screen and (max-width: 640px) {
    .h-p__f-b__i {
        width: 100%;
        max-width: 100%
    }
}


body.br-safari .h-p__f-b__row:nth-of-type(2n) .h-p__f-b__i .h-p__f-b__c {
    background-image: url("/themes/t5/images/blue-transparent-safari.png");
    background-color: transparent
}


body.br-safari .h-p__f-b__row:nth-of-type(2n) .h-p__f-b__i:nth-of-type(2n+1) .h-p__f-b__c {
    background-image: url("/themes/t5/images/blue-lite-transparent-safari.png");
    background-color: transparent
}


body.br-safari .h-p__f-b__row:nth-of-type(2n+1) .h-p__f-b__i .h-p__f-b__c {
    background-image: url("/themes/t5/images/blue-lite-transparent-safari.png");
    background-color: transparent
}
.h-p__f-b__row:nth-of-type(2n+1) .h-p__f-b__i:nth-of-type(2n+1) .h-p__f-b__c {
    background-color: rgba(73, 191, 243, 0.9);
}
.dark .h-p__f-b__row:nth-of-type(2n+1) .h-p__f-b__i:nth-of-type(2n+1) .h-p__f-b__c {
    background-color: #192B3A;
}
.h-p__f-b__row:nth-of-type(2n+1) .h-p__f-b__i .h-p__f-b__c {
    background-color: #84D3F5;
    background-image: none;
}
.dark .h-p__f-b__row:nth-of-type(2n+1) .h-p__f-b__i .h-p__f-b__c {
    background-color: #14222C;
    background-image: none;
}
.h-p__f-b__row:nth-of-type(2n) .h-p__f-b__i:nth-of-type(2n+1) .h-p__f-b__c {
    background-color: #84D3F5;
    background-image: none;
}
.h-p__f-b__row:nth-of-type(2n) .h-p__f-b__i .h-p__f-b__c {
    background-color: rgba(73, 191, 243, 0.9);
}
.h-p__f-b__row:nth-of-type(2n) .h-p__f-b__i:nth-of-type(2n+1) .h-p__f-b__c {
    background-color: #84D3F5;
    background-image: none;
}
.h-p__f-b__row:nth-of-type(2n) .h-p__f-b__i .h-p__f-b__c {
    background-color: rgba(73, 191, 243, 0.9);
}

.dark .h-p__f-b__row:nth-of-type(2n) .h-p__f-b__i:nth-of-type(2n+1) .h-p__f-b__c {
    background-color: #14222C;
    background-image: none;
}
.dark .h-p__f-b__row:nth-of-type(2n) .h-p__f-b__i .h-p__f-b__c {
    background-color: #192B3A
}
.dark .h-p__f-b__row:nth-of-type(2n) .h-p__f-b__i:nth-of-type(2n+1) .h-p__f-b__c {
    background-color: #14222C;
    background-image: none;
}
.dark .h-p__f-b__row:nth-of-type(2n) .h-p__f-b__i .h-p__f-b__c {
    background-color: #192B3A
}
body.br-safari .h-p__f-b__row:nth-of-type(2n+1) .h-p__f-b__i:nth-of-type(2n+1) .h-p__f-b__c {
    background-image: url("/themes/t5/images/blue-transparent-safari.png");
    background-color: transparent
}

.h-p__f-b__c {
    position: relative;
    z-index: 2;
    display: block;
    height: 250px;
    text-align: center;
    -webkit-transition: box-shadow 250ms;
    -moz-transition: box-shadow 250ms;
    -ms-transition: box-shadow 250ms;
    transition: box-shadow 250ms
}

.h-p__f-b__c__tx {
    display: none
}

@media only screen and (max-width: 640px) {
    .h-p__f-b__c {
        overflow: hidden;
        height: 48px;
        line-height: 48px;
        padding: 10px 20px
    }
}

.h-p__f-b__bec {
    display: table;
    width: 100%;
    height: 250px
}

.h-p__f-b__ic {
    display: block;
    margin-top: 40px
}

@media only screen and (max-width: 640px) {
    .h-p__f-b__ic {
        float: left;
        margin-top: -50px;
        margin-left: -44px;
        -webkit-transform: scale(0.4) !important;
        -moz-transform: scale(0.4) !important;
        -ms-transform: scale(0.4) !important;
        transform: scale(0.4) !important
    }
}

.h-p__f-b__t {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin: .5em 0 0 0;
    margin-top: -10px;
}

@media only screen and (max-width: 640px) {
    .h-p__f-b__t {
        text-align: left;
        margin-top: -10px;
        margin-left: 38px;

    }
}

.h-p__f-b__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
    border-radius: 10px;
}

@media only screen and (max-width: 640px) {
    .h-p__f-b__bg {
        display: none
    }
}

.h-p__f-b__bg:before {
    position: absolute;
    top: 0;
    right: 50%;
    bottom: 0;
    margin-right: -125px;
    background-image: url("/themes/t5/images/sprite-feature-photos.webp");
    background-repeat: no-repeat;
    content: "";
    width: 250px;
    height: 250px;
    border-radius: 10px;
}

.h-p__f-b__bg.__1:before {
    background-position: 0 0
}

.h-p__f-b__bg.__2:before {
    background-position: -250px 0
}

.h-p__f-b__bg.__3:before {
    background-position: -500px 0
}

.h-p__f-b__bg.__4:before {
    background-position: -750px 0
}

.h-p__f-b__bg.__5:before {
    background-position: -1000px 0
}

.h-p__f-b__bg.__6:before {
    background-position: -1250px 0
}

.h-p__f-b__bg.__7:before {
    background-position: -1500px 0
}

.h-p__f-b__bg.__8:before {
    background-position: -1750px 0
}

.h-p__f-b__btn-wrap {
    margin-top: 40px
}

.h-p__f-b.__animate .h-p__f-b__c {
    position: relative;
    overflow: hidden
}

.h-p__f-b.__animate .h-p__f-b__c__tx {
    display: table-cell;
    vertical-align: middle;
font-weight: 500;
    font-size: 14px;
    margin: 0;
    padding: 0 1em
}

.h-p__f-b.__animate .h-p__f-b__bec {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

@media only screen and (max-width: 640px) {
    .h-p__f-b.__animate .h-p__f-b__bec {
        display: none
    }
}

.h-p__f-b.__animate .h-p__f-b__ic {
    -webkit-transition: -webkit-transform 300ms;
    transition: transform 300ms
}

.h-p__f-b.__animate .h-p__f-b__t, .h-p__f-b.__animate .h-p__f-b__bec {
    -webkit-transition: -webkit-transform 250ms;
    transition: transform 250ms
}

.h-p__f-b.__animate .h-p__f-b__ic, .h-p__f-b.__animate .h-p__f-b__t {
    z-index: 2;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

@media only screen and (min-width: 960px) {
    .h-p__f-b.__animate .h-p__f-b__c:not(.__link):hover .h-p__f-b__ic {
        -webkit-transform: translate(0, -250px);
        -moz-transform: translate(0, -250px);
        -ms-transform: translate(0, -250px);
        transform: translate(0, -250px)
    }

    .h-p__f-b.__animate .h-p__f-b__c:not(.__link):hover .h-p__f-b__t {
        -webkit-transform: translate(0, -250px);
        -moz-transform: translate(0, -250px);
        -ms-transform: translate(0, -250px);
        transform: translate(0, -250px)
    }

    .h-p__f-b.__animate .h-p__f-b__c:not(.__link):hover .h-p__f-b__bec {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

[class^="sp-"]:before, [class*="sp-"]:before, .buy-p__list__i:before, .buy-p__list__i.marker_off:before {
    background-image: url("/themes/t5/images/sprite3.png");
    background-repeat: no-repeat;
    content: "";
    *display: inline;
    display: inline-block
}


.sp-fl-tm:before {
    background-position: -20px -107px
}

.sp-fl-re:before {
    background-position: -40px -107px
}

.sp-fl-gl:before {
    background-position: -60px -107px
}

.sp-fl-mi:before {
    background-position: -80px -107px
}

.sp-fl-cb:before {
    background-position: -100px -107px
}

.sp-fl-im:before {
    background-position: -120px -107px
}

.sp-fl-ca:before {
    background-position: -140px -107px
}

.sp-fl-mf:before {
    background-position: -160px -107px
}

.sp-fl-rc:before {
    background-position: -180px -107px
}

.sp-fl-an:before {
    background-position: -200px -107px
}

.sp-fl-sp:before {
    background-position: -220px -107px
}

.sp-pl-w_ap:before, .sp-pl-w_an:before, .sp-pl-w_wi:before, .sp-pl-w_mo:before {
    width: 38px;
    height: 38px
}

.sp-pl-w_ap:before {
    background-position: 0 -127px
}

.sp-pl-w_an:before {
    background-position: -38px -127px
}

.sp-pl-w_wi:before {
    background-position: -76px -127px
}

.sp-pl-w_mo:before {
    background-position: -114px -127px
}

.sp-search:before {
    background-position: 0 -165px;
    width: 20px;
    height: 20px
}

.sp-h-ic-mm:before, .sp-h-ic-cn:before, .sp-h-ic-md:before, .sp-h-ic-sd:before {
    width: 60px;
    height: 60px
}

.sp-h-ic-mm:before {
    background-position: 0 -196px
}

.sp-h-ic-cn:before {
    background-position: -60px -196px
}

.sp-h-ic-md:before {
    background-position: -120px -196px
}

.sp-h-ic-sd:before {
    background-position: -180px -196px
}

.sp-h-fn-tm:before, .sp-h-fn-sc:before, .sp-h-fn-wt:before, .sp-h-fn-gl:before, .sp-h-fn-cl:before, .sp-h-fn-vd:before, .sp-h-fn-em:before, .sp-h-fn-kl:before, .sp-h-fn-cr:before, .sp-h-fn-ia:before, .sp-h-fn-sk:before, .sp-h-fn-em:before, .sp-h-fn-ua:before {
    width: 34px;
    height: 34px
}

.sp-h-fn-tm:before {
    background-position: 0 -256px
}

.sp-h-fn-sc:before {
    background-position: -34px -256px
}

.sp-h-fn-wt:before {
    background-position: -68px -256px
}

.sp-h-fn-gl:before {
    background-position: -102px -256px
}

.sp-h-fn-cl:before {
    background-position: -136px -256px
}

.sp-h-fn-vd:before {
    background-position: -170px -256px
}

.sp-h-fn-em:before {
    background-position: -204px -256px
}

.sp-h-fn-kl:before {
    background-position: -238px -256px
}

.sp-h-fn-cr:before {
    background-position: -272px -256px
}

.sp-h-fn-ia:before {
    background-position: -306px -256px
}

.sp-h-fn-sk:before {
    background-position: -340px -256px
}

.sp-h-fn-em:before {
    background-position: -374px -256px
}

.sp-h-fn-ua:before {
    background-position: -408px -256px
}

.sp-h-lb-mb:before, .sp-h-lb-ds:before {
    width: 31px;
    height: 17px
}

.sp-fn-tm:before, .sp-fn-sc:before, .sp-fn-wt:before, .sp-fn-gl:before, .sp-fn-cl:before, .sp-fn-vd:before, .sp-fn-em:before, .sp-fn-kl:before, .sp-fn-ua:before, .sp-fn-sk:before, .sp-fn-ia:before, .sp-fn-bm:before, .sp-fn-va:before {
    width: 120px;
    height: 120px
}

.sp-fn-tm:before {
    background-position: 0 -431px
}

.sp-fn-sc:before {
    background-position: -120px -431px
}

.sp-fn-wt:before {
    background-position: -240px -431px
}

.sp-fn-gl:before {
    background-position: -360px -431px
}

.sp-fn-cl:before {
    background-position: -480px -431px
}

.sp-fn-vd:before {
    background-position: -600px -431px
}

.sp-fn-em:before {
    background-position: -720px -431px
}

.sp-fn-kl:before {
    background-position: -840px -431px
}

.sp-fn-ua:before {
    background-position: -960px -431px
}

.sp-fn-sk:before {
    background-position: -1080px -431px
}

.sp-fn-ia:before {
    background-position: -1200px -431px
}

.sp-fn-bm:before {
    background-position: -1320px -431px
}

.sp-fn-va:before {
    background-position: -1440px -431px
}

.sp-li-b:before {
    width: 18px;
    height: 18px;
    background-position: 0 -551px
}

.sp-inb-1:before, .sp-inb-2:before, .sp-inb-3:before {
    width: 316px;
    height: 300px
}

.sp-inb-1:before {
    background-position: 0 -569px
}

.sp-inb-2:before {
    background-position: -316px -569px
}

.sp-inb-3:before {
    background-position: -632px -569px
}

[class^="sp-pr"]:before, [class*="sp-pr"]:before {
    background: url("/themes/t5/images/sprite-landing.png") no-repeat;
    content: "";
    *display: inline;
    display: inline-block
}

.sp-pr_sc:before, .sp-pr_ky:before, .sp-pr_ua:before, .sp-pr_au:before, .sp-pr_sm:before, .sp-pr_gp:before, .sp-pr_cr:before, .sp-pr_wt:before, .sp-pr_sn:before, .sp-pr_md:before, .sp-pr_tx:before, .sp-pr_cl:before, .sp-pr_ch:before, .sp-pr_em:before, .sp-pr_tm:before, .sp-pr_re:before, .sp-pr_ml:before, .sp-pr_ct:before, .sp-pr_ca:before, .sp-pr_nt:before, .sp-pr_ia:before {
    width: 60px;
    height: 60px
}

.sp-pr_ap:before, .sp-pr_an:before, .sp-pr_wi:before {
    width: 70px;
    height: 70px
}

.sp-pr_ap:before {
    background-position: 0 -60px
}

.sp-pr_an:before {
    background-position: -70px -60px
}

.sp-pr_wi:before {
    background-position: -140px -60px
}

.sp-pr_q:before {
    background-position: 0 -130px;
    width: 77px;
    height: 73px
}


.h-p__stat-b {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 30px;
    font-family: "Open Sans", Helvetica, Arial, Sans-serif;
}

.h-p__stat-b [class^="col-"]:last-child, .h-p__stat-b [class*="col-"]:last-child {
    position: relative
}

.h-p__stat-b [class^="col-"]:last-child:before, .h-p__stat-b [class*="col-"]:last-child:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    content: "";
    border-left: 1px solid #e7e7e7
}

.h-p__stat-b__num {
    color: #42afc7;
    font-size: 85px;
    font-weight: 600;
    line-height: 1
}

@media only screen and (max-width: 640px) {
    .h-p__stat-b__num {
        font-size: 76px
    }
}

.h-p__stat-b__num sup {
    font-weight: 300;

}

.h-p__stat-b__num sub {
    font-weight: 300;
    font-size: 62%;
    bottom: 0
}

.h-p__stat-b__t {
    font-size: 1rem;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 10px;

}

body.lang-de .h-p__stat-b__t {
    word-break: break-all
}

.h-p__stat-b p {

    max-width: 300px;
    margin-right: auto;
    margin-left: auto
}

.what-is {

    padding:41px 0 24px;
    text-align:center;
}
@media (min-width:992px) {
    .what-is {
        text-align:center;
        padding-top:36px;
        padding-bottom:0;

    }
}
.what-is__wrapper {
    max-width:996px;
    margin: 0 auto;
    padding: 10px;
}
.what-is__main-headline {

    margin-bottom:25px
}
@media (min-width:992px) {
    .what-is__main-headline {
        font-size: 2.0rem;
        margin-bottom:15px
    }
    .what-is__wrapper {
        padding: 10px;
    }
}
.what-is__text {
    font-size:16px;
    line-height:1.5;
    margin-bottom:30px;

}
.what-is__text p {
    margin-bottom:15px;

}
.what-is__text p:last-child {
    margin-bottom:0
}
@media (min-width:992px) {
    .what-is__text {
        font-size:16px;
        line-height:1.67;
        margin-bottom:36px
    }
}
.what-is__img {
    display:block;
    margin:auto;
    width:100%;
    max-width:700px;
    height:150px
}
@media (min-width:992px) {
    .what-is__img {
        max-width:980px;
        margin-bottom:-35px;
        height:250px
    }
}
.play-about-box {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
}

.play-about {
    position: relative;
    -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(25%, #000));
    -webkit-mask-image: linear-gradient(0deg, transparent 0, #000 25%);
    mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(25%, #000));
    mask-image: linear-gradient(0deg, transparent 0, #000 25%);
}

.play-about img {
    max-width: 100%;

}

.play-about .play-video {
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    width: 74px;
    height: 74px;
    background: #42afc7;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
}

.play-about .play-video:hover {
    background: #2d86cf
}

.play-about .play-video:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 26px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: 31%;
    left: 37%
}

.video-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    background: rgba(0, 0, 0, .8);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
    pointer-events: none
}

.video-popup.show {
    opacity: 1;
    pointer-events: all
}

.video-popup .video-popup-inner {
    padding: 40px;
    position: relative
}

.video-popup .video-popup-inner .close-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 24px;
    height: 24px;
    border: 1px solid #fff;
    border-radius: 50%;
    cursor: pointer
}

.video-popup .video-popup-inner .close-button__cross {
    width: 12px;
    height: 12px;
    fill: #fff
}

.video-popup iframe {
    max-width: 100%
}

@media only screen and (max-width: 800px) {
    .video-popup .video-popup-inner {
        padding: 40px 0
    }
}

@media only screen and (max-width: 700px) and (orientation: landscape) {
    .video-popup .video-popup-inner .video-box iframe {
        max-height: 70vh
    }

    .video-popup .video-popup-inner .close-button:before {
        top: 2%
    }
}


#international {
    border-top: 1px solid var(--border-color);

}




section.international figure {
    max-width: 950px;
    height: 350px;
    margin: 0 auto -145px;
    text-align: center;
    position: relative;
}


section.international figure video {
    width: 100%;
    position: absolute;
    left: 0px;

}


audio,
canvas,
progress,
video {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}

.logo-row {
    position: relative
}

.logo-row ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 670px) {
    .logo-row ul {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width: 880px) {
    .logo-row li {
        padding: 0 18px
    }
}

@media (min-width: 1040px) {
    .logo-row li {
        padding: 0 18px
    }
}

@media (min-width: 670px) {
    .logo-row li:first-child {
        padding-left: 0
    }

    .logo-row li:last-child {
        padding-right: 0
    }
}

.logo-row a {
    display: block;
    cursor: pointer
}

.logo-row img,
.logo-row svg {
    max-width: 100%;
    max-height: 65px
}

@media (max-width: 1024px) {
    .logo-row img,
    .logo-row svg {
        max-height: 30px
    }
}

.logo-row.header-logos ul {
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-timing-function: opacity, filter;
    transition-timing-function: opacity, filter
}

.logo-row.header-logos > a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 0 20px;
    opacity: 0;
    -webkit-transition: opacity .25s;
    transition: opacity .25s
}

.logo-row.header-logos > a span {

    font-weight: 500
}

.logo-row.header-logos:hover ul {
    opacity: .3;
    -webkit-filter: blur(5px);
    filter: blur(5px)
}

.logo-row.header-logos:hover > a {
    opacity: 1
}

.payment__list {
    margin-top: 5px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    max-width: 288px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 640px) {
    .payment__list {
        max-width: initial
    }
}

@media (min-width: 992px) {
    .payment__list {
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }
}

.payment__figure {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 48px;
    height: 32px;

    border-radius: 4px;
    margin: 5px
}

@media (min-width: 992px) {
    .payment__figure:first-child {
        -webkit-margin-start: initial;
        margin-inline-start: initial;
        -webkit-margin-end: initial;
        margin-inline-end: initial
    }

    .payment__figure:not(:first-child) {
        -webkit-margin-start: 10px;
        margin-inline-start: 10px;
        -webkit-margin-end: initial;
        margin-inline-end: initial
    }
}

.approved__list {
    margin-top: 10px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

@media (min-width: 992px) {
    .approved__list {
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }
}

.approved__figure {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
    height: 32px;

    border-radius: 4px
}

.approved__figure:not(:first-child) {
    -webkit-margin-start: 10px;
    margin-inline-start: 10px
}

.footer__payment-approval {
    margin-top: 50px
}

@media (min-width: 992px) {
    .footer__payment-approval {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding-top: 20px;
        border-top: 1px solid rgba(175, 182, 215, .2);
        margin-top: 20px
    }
}

.footer__approved {
    margin-top: 25px
}

@media (min-width: 992px) {
    .footer__approved {
        margin-top: initial
    }
}

.footer__headline {
    letter-spacing: -.2px;

}

.footer__headline--secondary {

    text-align: center
}

@media (min-width: 992px) {
    .footer__headline--payment {
        text-align: start
    }
}

@media (min-width: 992px) {
    .footer__headline--approved {
        text-align: end
    }
}

.drop-seo-wr {
    padding: 10px 0;
    margin: 50px 0 0 0;
}

.drop-seo-wr p.descr-foot {
    color: #bdc0c5;
    font-weight: 400;
    font-size: 13px
}

.drop-seo-wr.no-margin {
    margin: 0
}

.drop-seo-wr.empty .drop-seo-head {
    border: 1px solid #e0e3e5;
    background: 0 0
}

.drop-seo-wr.drop-seo-head i {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin: 7px 0 0 10px
}

.drop-seo-wr.drop-seo-text {
    max-height: 9999px
}

.drop-seo-wr.drop-seo-text .inner {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}

.drop-seo-wr .drop-seo-head {

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;

    font-size: 13px;
    cursor: pointer;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
}

.drop-seo-wr .drop-seo-head i {
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #8c99a0;
    border-right: 1px solid #8c99a0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: -3px 0 0 10px;
    -webkit-transition: .3s;
    transition: .3s
}

.drop-seo-wr .drop-seo-text {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: .3s;
    transition: .3s;
    max-height: 9999px;
    display: block;
}

.drop-seo-wr .drop-seo-text .inner {
    display: block !important;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 1;

    line-height: 1.5;
    margin: 0 auto
}

.drop-seo-wr .drop-seo-text .inner .jump-menu {
    max-width: 300px;
    float: right;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #f9f9fa;
    margin-left: 30px;
    margin-top: 10px;
    border-radius: 4px
}

@media (max-width: 640px) {
    .drop-seo-wr .drop-seo-text .inner .jump-menu {
        float: none;
        max-width: none;
        margin-left: 0;
        margin-top: 0
    }
}

.drop-seo-wr .drop-seo-text .inner .jump-menu > p {
    margin-left: 10px
}

.drop-seo-wr .drop-seo-text .inner .jump-menu ul li:last-child {
    margin-bottom: 0
}

.drop-seo-wr .drop-seo-text .inner .jump-menu ul li a {
    color: #8c99a0
}

.drop-seo-wr .drop-seo-text .inner .jump-menu ul li ul {
    margin-bottom: -10px
}

.drop-seo-wr .drop-seo-text .inner h1,
.drop-seo-wr .drop-seo-text .inner h2 {
    font-size: 1.5rem;
    margin: 15px 0 10px;
    font-weight: 500
}

.drop-seo-wr .drop-seo-text .inner h3 {

    margin: 15px 0 10px;
    font-weight: 500
}

.drop-seo-wr .drop-seo-text .inner p {
    padding: 10px 0
}

.drop-seo-wr .drop-seo-text .inner ul {
    padding: 10px;
    list-style: disc
}

.drop-seo-wr .drop-seo-text .inner ul li {
    margin: 0 0 10px 15px
}

.drop-seo-wr .drop-seo-text .inner ol {
    padding: 10px;
    list-style-type: decimal
}

.drop-seo-wr .drop-seo-text .inner ol li {
    margin: 0 0 10px 15px
}

.drop-seo-wr .drop-seo-text .inner b {
    font-weight: 700
}

.drop-seo-wr .drop-seo-text .inner em {
    font-style: italic
}

.product-head-top {
    position: absolute;
    background: var(--text-project);
    color: #fff;
    font-size: 10px;
    padding: 8px 50px 7px 67px;
    letter-spacing: .08em;
    right: 20px;
    top: 10px;
    white-space: nowrap;
    text-transform: uppercase;
    -webkit-transform: rotate(45deg) translate(44%, 100%);
    -ms-transform: rotate(45deg) translate(44%, 100%);
    transform: rotate(45deg) translate(44%, 100%);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
}

.product-i::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
}

.product-i:nth-child(1)::before {
    background: #37c784;
}

.common-Button--default {
    color: #fff;
    background-color: #37c784;
}

.common-Button--default:hover {
    color: #fff;
    background-color: #28B167;
}

.connected-card-image {
    height: 256px;
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center
}

.lazy-image {
    display: block;
    transition: 1s cubic-bezier(.6, .6, 0, 1) opacity;
}

@keyframes hue-rotate {
    0% {
        filter: hue-rotate(0deg)
    }
    to {
        filter: hue-rotate(360deg)
    }
}

.connected-card-record-background {
    height: 100%;
    width: 100%
}

@keyframes hue-rotate {
    0% {
        filter: hue-rotate(0deg)
    }
    to {
        filter: hue-rotate(360deg)
    }
}

.connected-card-record-circle {
    border: 1px solid rgba(255, 255, 255, .1);
    animation: connected-card-record-circle 4s cubic-bezier(.6, .6, 0, 1);
    border-radius: 50%;
    height: 100%;
    left: 0;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='128' height='128' viewBox='0 0 128 128' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='64' cy='64' r='64' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='128' height='128' viewBox='0 0 128 128' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='64' cy='64' r='64' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
    -webkit-mask-position: 92px 44px;
    mask-position: 92px 44px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 152px;
    mask-size: 152px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.connected-card-record-circle-blur {
    animation-name: connected-card-record-circle-blur;
    -webkit-backdrop-filter: blur(11.5px);
    backdrop-filter: blur(11.5px);
    background: rgba(255, 255, 255, .01);
    box-shadow: 32px 36px 32px #03001480;
    height: 152px;
    left: 92px;
    -webkit-mask: none !important;
    mask: none !important;
    top: 44px;
    width: 152px
}


.connected-card-record-circle img {
    height: 256px;
    width: 468px
}

.connected-card-record-animation:not(.connected-card-record-animation-visible) .connected-card-record-circle {
    animation: none;
    opacity: 0
}

@keyframes connected-card-record-circle-blur {
    0% {
        transform: translate(200px, 117px) scale(.7)
    }
    25% {
        transform: translate(200px) scale(1)
    }
    50% {
        transform: translate(0) scale(1)
    }
    75% {
        transform: translate(200px) scale(1)
    }
    to {
        transform: translate(0) scale(1)
    }
}

@keyframes connected-card-record-circle {
    0% {
        -webkit-mask-position: 292px 161px;
        mask-position: 292px 161px;
        -webkit-mask-size: 106.4px;
        mask-size: 106.4px
    }
    25% {
        -webkit-mask-position: 292px 44px;
        mask-position: 292px 44px;
        -webkit-mask-size: 152px;
        mask-size: 152px
    }
    50% {
        -webkit-mask-position: 92px 44px;
        mask-position: 92px 44px;
        -webkit-mask-size: 152px;
        mask-size: 152px
    }
    75% {
        -webkit-mask-position: 292px 44px;
        mask-position: 292px 44px;
        -webkit-mask-size: 152px;
        mask-size: 152px
    }
    to {
        -webkit-mask-position: 92px 44px;
        mask-position: 92px 44px;
        -webkit-mask-size: 152px;
        mask-size: 152px
    }
}

.connected-card-image > div {
    width: 468px;
    position: relative;
    min-width: 468px
}

.bg--map {
    background-image: var(--bg-map);
    background-size: cover;
    background-position: center;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .bg--map {
        background-image: var(--bg-map)
    }
}

@media screen and (min-width: 1621px) {
    .bg--map {
        background-image: var(--bg-map)
    }
}

@media screen and (max-width: 670px) {
    .bg--map {
        background-position: -740px 0px;
    }
}

.bg-green-550 {
    --tw-bg-opacity: 1;
    background-color: #37c784;
}


.pulse_z {
    border: 1px solid #fff;
    background: #1EAF63;
    border-radius: 50%;
    height: 14px;
    width: 14px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 5;
}


.pulse_z::after {
    content: "";
    border-radius: 50%;
    height: 40px;
    width: 40px;
    position: absolute;
    margin: -14px 0 0 -14px;
    -webkit-animation: pulsate_geo 1s ease-out;
    /*! -moz-animation: pulsate_geo 1s ease-out; */
    -o-animation: pulsate_geo 1s ease-out;
    -ms-animation: pulsate_geo 1s ease-out;
    animation: pulsate_geo 1s ease-out;
    animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-box-shadow: 0 0 1px 2px #1EAF63;
    box-shadow: 0 0 1px 2px #1EAF63;
    -webkit-animation-delay: 1.1s;
    -moz-animation-delay: 1.1s;
    -o-animation-delay: 1.1s;
    -ms-animation-delay: 1.1s;
    animation-delay: 1.1s;

}
@-moz-keyframes pulsate_geo {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}
@-webkit-keyframes pulsate_geo {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}
@-o-keyframes pulsate_geo {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}
@keyframes pulsate_geo {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}
@-moz-keyframes bounce {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-2000px) rotate(-45deg);
        -moz-transform: translateY(-2000px) rotate(-45deg);
        -o-transform: translateY(-2000px) rotate(-45deg);
        -ms-transform: translateY(-2000px) rotate(-45deg);
        transform: translateY(-2000px) rotate(-45deg);
    }
    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(30px) rotate(-45deg);
        -moz-transform: translateY(30px) rotate(-45deg);
        -o-transform: translateY(30px) rotate(-45deg);
        -ms-transform: translateY(30px) rotate(-45deg);
        transform: translateY(30px) rotate(-45deg);
    }
    80% {
        -webkit-transform: translateY(-10px) rotate(-45deg);
        -moz-transform: translateY(-10px) rotate(-45deg);
        -o-transform: translateY(-10px) rotate(-45deg);
        -ms-transform: translateY(-10px) rotate(-45deg);
        transform: translateY(-10px) rotate(-45deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(-45deg);
        -moz-transform: translateY(0) rotate(-45deg);
        -o-transform: translateY(0) rotate(-45deg);
        -ms-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
    }
}
@-webkit-keyframes bounce {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-2000px) rotate(-45deg);
        -moz-transform: translateY(-2000px) rotate(-45deg);
        -o-transform: translateY(-2000px) rotate(-45deg);
        -ms-transform: translateY(-2000px) rotate(-45deg);
        transform: translateY(-2000px) rotate(-45deg);
    }
    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(30px) rotate(-45deg);
        -moz-transform: translateY(30px) rotate(-45deg);
        -o-transform: translateY(30px) rotate(-45deg);
        -ms-transform: translateY(30px) rotate(-45deg);
        transform: translateY(30px) rotate(-45deg);
    }
    80% {
        -webkit-transform: translateY(-10px) rotate(-45deg);
        -moz-transform: translateY(-10px) rotate(-45deg);
        -o-transform: translateY(-10px) rotate(-45deg);
        -ms-transform: translateY(-10px) rotate(-45deg);
        transform: translateY(-10px) rotate(-45deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(-45deg);
        -moz-transform: translateY(0) rotate(-45deg);
        -o-transform: translateY(0) rotate(-45deg);
        -ms-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
    }
}
@-o-keyframes bounce {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-2000px) rotate(-45deg);
        -moz-transform: translateY(-2000px) rotate(-45deg);
        -o-transform: translateY(-2000px) rotate(-45deg);
        -ms-transform: translateY(-2000px) rotate(-45deg);
        transform: translateY(-2000px) rotate(-45deg);
    }
    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(30px) rotate(-45deg);
        -moz-transform: translateY(30px) rotate(-45deg);
        -o-transform: translateY(30px) rotate(-45deg);
        -ms-transform: translateY(30px) rotate(-45deg);
        transform: translateY(30px) rotate(-45deg);
    }
    80% {
        -webkit-transform: translateY(-10px) rotate(-45deg);
        -moz-transform: translateY(-10px) rotate(-45deg);
        -o-transform: translateY(-10px) rotate(-45deg);
        -ms-transform: translateY(-10px) rotate(-45deg);
        transform: translateY(-10px) rotate(-45deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(-45deg);
        -moz-transform: translateY(0) rotate(-45deg);
        -o-transform: translateY(0) rotate(-45deg);
        -ms-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
    }
}
@keyframes bounce {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-2000px) rotate(-45deg);
        -moz-transform: translateY(-2000px) rotate(-45deg);
        -o-transform: translateY(-2000px) rotate(-45deg);
        -ms-transform: translateY(-2000px) rotate(-45deg);
        transform: translateY(-2000px) rotate(-45deg);
    }
    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(30px) rotate(-45deg);
        -moz-transform: translateY(30px) rotate(-45deg);
        -o-transform: translateY(30px) rotate(-45deg);
        -ms-transform: translateY(30px) rotate(-45deg);
        transform: translateY(30px) rotate(-45deg);
    }
    80% {
        -webkit-transform: translateY(-10px) rotate(-45deg);
        -moz-transform: translateY(-10px) rotate(-45deg);
        -o-transform: translateY(-10px) rotate(-45deg);
        -ms-transform: translateY(-10px) rotate(-45deg);
        transform: translateY(-10px) rotate(-45deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(-45deg);
        -moz-transform: translateY(0) rotate(-45deg);
        -o-transform: translateY(0) rotate(-45deg);
        -ms-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
    }
}

@media (prefers-reduced-motion: no-preference) {
    @keyframes infinite-scroll {
        0% {
            transform: translateX(0)
        }
        to {
            transform: translateX(var(--scroll, -200%))
        }
    }
    .motion-safe\:animate-infinite-scroll {
        animation: infinite-scroll 20s linear infinite
    }

    .motion-safe\:\[animation-direction\:reverse\] {
        animation-direction: reverse
    }

    .motion-safe\:\[animation-duration\:30s\] {
        animation-duration: 30s
    }

    .motion-safe\:\[animation-duration\:40s\] {
        animation-duration: 40s
    }
}

@media (prefers-reduced-motion: reduce) {
    @keyframes fade-in {
        0% {
            opacity: 0
        }
        to {
            opacity: 1
        }
    }
    .motion-reduce\:animate-fade-in {
        animation: fade-in .2s ease-out forwards
    }
}


/* Hide language switcher on single-locale tenants 2026-06-28 — RU fleet (Walrus).
   Shared-safe: hides widget only when its lang menu has NO links (1 active locale → empty menu).
   EN parents keep many links → untouched. Also fixes RU header nav overflow. */
[x-data]:has(> .header-language-menu):not(:has(.header-language-menu a)) { display: none !important; }
/* Header nav overflow fix 2026-06-28 — RU fleet (Walrus). Long RU labels wrapped (flex
   shrank to min-content). nav nowrap; comfortable 16px gap >=1280, tighter 8px+font 11px
   only in the cramped 1024-1279 band. Generous spacing at wide, fits at narrow.
   Verified @1280 (gap16,hScroll0) + @1024 (gap8+font11,hScroll0). */
@media (min-width:1024px){
    header a.nav-item_span{white-space:nowrap !important;}
}
@media (min-width:1280px){
    header .lg\:gap-x-8, header .lg\:gap-x-5{gap:16px !important;}
}
@media (min-width:1024px) and (max-width:1279px){
    header .lg\:gap-x-8, header .lg\:gap-x-5{gap:8px !important;}
    header a.nav-item_span{font-size:11px !important;}
}
/* Top-bar text nowrap 2026-06-28 — RU fleet (Walrus). Date / "Мы работаем круглосуточно" /
   support shouldn't wrap to 2 lines at narrow desktop widths. Scoped to top-bar cells only
   (verified: matches just those 4 cells, header intact, no hScroll). */
nav ul.z-0 li > span { white-space: nowrap !important; }