:root body[data-theme="light"], .bodyLightTemp {
    --bg-body: #fff;
    --bg-card: #fff;
    --bg-card_r: #fff;
    --bs-ContentSection-footer: #ecf1f4;
    --side-menu: #3d4852;
    --h-color: #3d4852;
    --s-color: #edeff0;
    --bg-head: #fff;
    --bg-select: #fff;
    --bg-select-hover: #f0f4f7;
    --bg-select-color: #000;
    --bg-select-linear-gradient: linear-gradient(#FFF, #E6E6E6);
    --list-unstyled: #f7fafc;
    --spiner-lk: #1d3f72;
    --progress-value: #3d4852;
    --menu-auth: #56bca6;
    --important-amber: #fcf9e9;
    --amber-color: #3d4852;
    --user-bar-status: #909499;
    --amber-wait: #3d4852;
    --amber-wait-border: #fff;
    --important-amber-wait: #ddeaf1;
    --important-success: #f6fff5;
    --new-banner: rgba(207, 215, 223, .3);
    --important-success-color: #3d4852;
    --important-neutral: #f7fafc;
    --downloadSpeed: #35363f;
    --globalNav-colorize: var(--common-BodyText);
    --logo-colorize: #157be7;
    --screen-phone: #F3F8FB;
    --screen-phone2: #E5EBF2;
    --p-comonbody: #000;
    --bg-gradient: linear-gradient(#507eb1, #709dc7 10%, #dde9f5 28%, #eaf2f9 38%, #f6f9fc 62%);
    --bg-span-tg: #aec8e1;
    --text-com: #828282;
    --bg-phone: #fff;
    --bg-icon: #bec7d0;
    --bg-search: #f1f5f8;
    --bg-blue: #3490dc;
    --status-v2: url('/images/header_v2/social_app_status_black.png') no-repeat center center;
    --bg-inital: url("/images/header_v2/bg_initial.jpg");
    --bg-chat: #0099ff;
    --bg-chat-light: #fff;
    --rg-crypto: rgba(242, 245, 250, 0) linear-gradient(to right, rgb(242, 245, 250) 20%, rgba(242, 245, 250, 0) 100%) repeat scroll 0% 0%;
    --color-check: #86c357;
    --line-to: linear-gradient(192deg, #b2cbe1, #f6f9fc 42%);
    --PhoneGraphic-shadow: 0 50px 100px -20px rgba(50, 50, 93, .25), 0 30px 60px -30px rgba(0, 0, 0, .3), inset 0 -2px 6px 0 rgba(10, 37, 64, .35);
    --common-BodyText:var(--common-BodyText);
    --bg-footer:#f6f9fc;
    --img-files:url("/images/telegram-files-light.jpg");
    --typing-indicator:#fff;
    --background-blure:#eaeaea;
    --imessage:#fbfbfb;
    --tg-bg:url("/images/bg-tg.jpg");
    --var-mask:#fff;
    --checkmark-ic: url(/images/faq-questionMark.svg);
    --tg-hacker:url(/images/Tghacker.jpg);
    --bg-channel:#f8f9fa;
    --tg-free-hack:url(/images/Free-telegram-hacking-tghacker.jpg);
    --tg-hack:url(/images/Hack-the-Telegram-channel.jpg);
    --tg-recover:url(/images/recover-hacked-channel-Telegram.jpg);
    --map-point:#00a8e3;
    --map-hero: url(/img/map.jpg);
}

/* а это темная тема, для смены цветов для body добавлять класс dark или light  */
:root body[data-theme="dark"], .bodyLightTemp {
    --bg-body: #1f232b;
    --bg-card: #252a34;
    --bg-card_r: #313844;
    --bs-ContentSection-footer: #313844;
    --side-menu: #fff;
    --h-color: #fff;
    --s-color: #6b7c93;
    --bg-head: #313844;
    --bg-select: #313844;
    --bg-select-linear-gradient: linear-gradient(#252a34, #313844);
    --bg-select-color: #fff;
    --bg-select-hover: #323a46;
    --list-unstyled: #313844;
    --spiner-lk: #6b7c93;
    --progress-value: #fff;
    --menu-auth: #56bca6;
    --amber-p: #3d4852;
    --important-amber: #313844;
    --amber-color: #F5BE58;
    --user-bar-status: #909499;
    --amber-wait: #3297d3;
    --amber-wait-border: #3297d3;
    --important-amber-wait: #313844;
    --important-success: #313844;
    --new-banner: #313844;
    --important-success-color: #24b47e;
    --important-neutral: #313844;
    --downloadSpeed: #6b7c93;
    --globalNav-colorize: #fff;
    --logo-colorize: #fff;
    --screen-phone: #313844;
    --screen-phone2: #313844;
    --p-comonbody: #d9fcff;
    --bg-gradient: linear-gradient(#507eb1, #709dc7 10%, #6b7c93 28%, #313844 38%, #20232b 62%);
    --bg-span-tg: #313844;
    --text-com: #fff;
    --bg-phone: #313844;
    --bg-icon: #767877;
    --bg-search: #1f232b;
    --bg-blue: #1f232b;
    --status-v2: url('/images/header_v2/social_app_status_light.png') no-repeat center center;
    --bg-inital: url("/images/header_v2/bg_initial_light.jpg");
    --bg-chat: #0099ff;
    --bg-chat-light: #363b46;
    --rg-crypto: rgba(32, 35, 43, 0) linear-gradient(to right, rgb(32, 35, 43) 20%, rgba(32, 35, 43, 0) 100%) repeat scroll 0% 0%;
    --color-check: #3490dc;
    --line-to: linear-gradient(192deg, #507eb1, #1f232b 42%);
    --PhoneGraphic-shadow: 0 50px 100px -20px rgba(49, 56, 68, 1), 0 30px 60px -30px rgba(0, 0, 0, .3), inset 0 -2px 6px 0 #939ca6;
    --common-BodyText:#d9fcff;
    --bg-footer:#313844;
    --img-files:url("/images/telegram-files-dark.jpg");
    --typing-indicator:#363b47;
    --background-blure:#3b3f41;
    --imessage:#2a3140;
    --tg-bg:url("/images/header_v2/bg_initial_light.jpg");
    --var-mask:#57c3f0;
    --checkmark-ic: url(/images/faq-questionMarkdark.svg);
    --tg-hacker:url(/images/Tghacker-dark.jpg);
    --bg-channel:#313844;
    --tg-free-hack:url(/images/Free-telegram-hacking-tghacker-dark.jpg);
    --tg-hack:url(/images/Hack-the-Telegram-channel-dark.jpg);
    --tg-recover:url(/images/recover-hacked-channel-Telegram-dark.jpg);
    --map-point:#00a8e3;
    --map-hero: url(/img/map-dark.jpg);
}
/*
@media (prefers-color-scheme: dark) {
    .darkLogo {
        background-image: url(/images/telegram-files-dark.jpg) !important;
        height: 500px;
        background-image: cover;
        background-repeat: no-repeat;
        width: 300px;
        background-size: 300px;
    }

}
*/
.radio:not(checked) + label {
    display: none;
}
.bg-vkontakte, .bg-vkontakte_phone {
    background: #4a86cc;
}
.color-vkontakte, .color-vkontakte_phone {
    color: #0089FD;
    fill: #0089FD;
}
.color-facebook, .color-facebook_phone{color:#1877f2}
.bg-facebook, .bg-facebook_phone {
    background: #0089FD;
}
.color-messenger, .color-messenger_phone{color:#1877f2}
.bg-messenger, .bg-messenger_phone {
    background: #0089FD;
}
.color-odnoklassniki, .color-odnoklassniki_phone{color:#d66e18!important; fill: #d66e18!important;}
.bg-odnoklassniki, .bg-odnoklassniki_phone {
    background: #e18a26;
}
.color-instagram, .color-instagram_phone{color:var(--text-primary)}
.bg-instagram, .bg-instagram_phone {
    background: linear-gradient(90deg, #fed974, #da2d6f, #505bd5), #fed874;
    color: #fff;
}
.color-twitter, .color-twitter_phone{color:#60aaeb}
.bg-twitter, .bg-twitter_phone {
    background: #60aaeb;
}
.color-youtube, .color-youtube_phone{color:var(--text-primary)}
.bg-youtube, .bg-youtube_phone {
    background: #db0400;
}
.color-outlook, .color-outlook_phone{color:#d55d3a}
.bg-outlook, .bg-outlook_phone {
    background: #d55d3a;
}
.color-tiktok, .color-tiktok_phone{color:var(--text-primary)}
.bg-tiktok, .bg-tiktok_phone {
    background: #ce004f;
}
.color-steam, .color-steam_phone{color:var(--text-primary)}
.bg-steam, .bg-steam_phone {
    background: #677d23;
}
.color-yahoo, .color-yahoo_phone{color:var(--text-primary)}
.bg-yahoo, .bg-yahoo_phone {
    background: #fffc3c;
}

.tg-bg{
    background-image: var(--tg-bg);
}
.tg-l-bg{background: var(--bg-chat-light)}
.tg-p{color: var(--side-menu);}
@media screen and (prefers-color-scheme: light)  {

    .darkLogo {
        display: none !important;
    }

    .lightLogoWrapper,
    .lightLogo {
        display: block !important;
    }
}


* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

blockquote,
body,
button,
dd,
dl,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
pre,
ul {
    margin: 0;
    padding: 0;
}

ol,
ul {
    list-style: none
}

a {
    text-decoration: none
}
p {
    margin-bottom: 0rem!important;
}
main {
    position: relative;
    overflow: hidden;
    display: block
}

main a {
    outline: none
}

main header {
    position: relative
}

button,
select {
    border: none;
    outline: none;
    background: none;
    font-family: inherit
}

a,
button,
input,
select,
textarea {
    -webkit-tap-highlight-color: transparent
}

textarea {
    background: var(--bg-phone);
    color: var(--text-primary)
}

:root {
    overflow-x: hidden;
    height: 100%
}

body {
    background: var(--bg-main);
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: Camphor, Open Sans, Segoe UI, sans-serif;
    font-weight: 400;
    font-style: normal;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "pnum";
    font-feature-settings: "pnum";
    font-variant-numeric: proportional-nums
}
.font-11 {
    font-size: 11px!important;
}
.font-12 {
    font-size: 12px!important;
}
.font-13 {
    font-size: 13px!important;
}
.font-14 {
    font-size: 14px!important;
}
.font-15 {
    font-size: 15px!important;
}
.font-16 {
    font-size: 16px!important;
}
.font-20 {
    font-size: 20px!important;
}
.font-22 {
    font-size: 22px!important;
}


@media (min-width:870px) {
    .class_315 {

        width: 315px;

    }}
code,
pre {
    font-family: Source Code Pro, Consolas, Menlo, monospace
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-wide,
.container-xl {
    margin: 0 auto;
    padding: 0 20px;
    width: 100%
}

.container-sm {
    max-width: 670px
}

.container-md {
    max-width: 880px
}

.container,
.container-lg {
    max-width: 1040px
}

.container-wide,
.container-xl {
    max-width: 1160px
}

.common-PageTitle {
    font-weight: 300;
    font-size: 45px;
    line-height: 56px;
    color: var(--text-primary);
    letter-spacing: -.01em
}

@media (min-width: 670px) {
    .common-PageTitle {
        font-size: 53px;
        line-height: 68px
    }
}

.common-SectionTitle {
    font-weight: 400;
    font-size: 34px;
    line-height: 44px;
    color: var(--text-primary)
}

@media (min-width: 670px) {
    .common-SectionTitle {
        font-size: 32px;
        line-height: 42px
    }
}

.common-SectionTitleHighlight {
    font-weight: 300;
    color: var(--link-color)
}

.common-IntroText {
    font-weight: 300;
    font-size: 19px;
    line-height: 32px;
    color: var(--text-comonbody)
}

@media (min-width: 670px) {
    .common-IntroText {
        font-size: 21px;
        line-height: 36px
    }
}

.common-BodyTitle {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: var(--text-primary);
}

.common-BodyText {
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    color: var(--text-comonbody)
}

@media (max-width: 670px) {
    .common-BodyText {
        font-weight: 400;
        font-size: 15px;
        line-height: 24px;
        color: var(--text-comonbody)
    }
    .common-BodyTitle {
        font-weight: 500;
        font-size: 15px;
        line-height: 26px;
        color: var(--text-primary);
    }
}

.Copy__body {
    padding: 0 32px 0 0px;
    color: var(--text-comonbody);
    font-size: 15px;
}

.common-MediumBodyText {
    font-weight: 400;
    font-size: 19px;
    line-height: 32px;
    color: var(--common-BodyText)
}

.common-UppercaseTitle {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .025em;
    color:var(--text-primary)
}

@media (min-width: 670px) {
    .common-UppercaseTitle {
        font-size: 19px;
        line-height: 32px
    }
}

.common-UppercaseText {
    font-size: 17px;
    line-height: 28px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .025em
}
@media (max-width: 670px) {
.box1 {
    grid-column: 1;
    grid-row: 1;
}
}
.globalNav {
    font-family: Camphor, Open Sans, Segoe UI, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    top: 10px;
    right: 0;
    z-index: 500;
    height: 50px;
    -webkit-perspective: 2000px;
    perspective: 2000px
}
@media (max-width: 670px) {
    .globalNav {
        top: 0px;
    }
}
/*
.header-sticky .globalNav {
    background-color: var(--bg-head);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
    top:0px

}
*/
.globalNav ul {
    padding: 0;
    margin: 0
}

.globalNav li {
    list-style: none
}

.globalNav a {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    color: var(--p-comonbody)
}

.globalNav a:not(.common-Button) {
    -webkit-transition: color .1s;
    transition: color .1s
}

.globalNav a:hover {
    color: #828282
}

.globalNav > .container-lg {
    padding: 0
}

.globalNav .navRoot {
    position: relative;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
   /* top:7px */
}

.globalNav .navSection > a,
.globalNav .navSection > button {
    outline: none
}

.keyboard-navigation .globalNav .navSection > a:not(.item-mobileMenu):focus > :before,
.keyboard-navigation .globalNav .navSection > button:not(.item-mobileMenu):focus > :before {
    opacity: .75
}

.globalNav .navSection.logo {
    position: absolute;
    top: 0;
    left: 0
}

.globalNav .navSection.primary,
.globalNav .navSection.secondary {
    display: none
}

@media (min-width: 1024px) {
    .globalNav .navSection.primary,
    .globalNav .navSection.secondary {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.globalNav .navSection.primary {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
/*
.globalNav .navSection.secondary {
    position: absolute;
    top: 0;
    right: 0
}
*/
.globalNav .navSection.mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (min-width: 1024px) {
    .globalNav .navSection.mobile {
        display: none
    }
    .globalNav .navSection.nav-button {
        display: none
}
}

.globalNav.compact .navRoot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.globalNav.compact .navSection.logo {
    position: static;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.globalNav.compact .navSection.secondary {
    position: static
}

.globalNav .rootLink {
    display: inline-block;
    height: 50px;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 15px;
    line-height: 50px;
    font-weight: 400;

    padding: 0 10px
}

@media (min-width: 670px) {
    .globalNav .rootLink {
        padding: 0 calc(-17.16247px + 4.0541vw);
        padding: 0 calc(10px + (100vw - 670px) * .040541)
    }
}

@media (min-width: 1040px) {
    .globalNav .rootLink {
        padding: 0 10px
    }
}


.globalNav .navSection.logo .rootLink {
    padding-left: 4px !important
}
@media (max-width: 670px) {
.globalNav .navSection.logo .rootLink {
    padding-left: 4px !important;
    padding-top: 5px;
}}

.globalNav .navSection.secondary .rootLink:last-child {
    padding-right: 10px !important
}

.globalNav .navSection.primary .rootLink {
    font-weight: 500
}

.globalNav .colorize {
    color: var(--h-color);
    -webkit-transition: color .1s ease;
    transition: color .1s ease
}

.globalNav .colorize.active,
.globalNav .colorize:hover {
    color: var(--text-primary)
}

.globalNav .hasDropdown {
    cursor: default
}

.globalNav .item-home h1 {
    line-height: 50px;
    font-size: 20px;
    margin: 0;
    color: inherit
}

.globalNav_logo {
height: 50px;
    width: 115px;
    display: inline;
}
.globalNav_logo_ng {
    vertical-align: -5px;
    width: 160px;
}
.bg-chat2 {
    background-attachment: fixed;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4A00E0), to(#FC466B));
    background-image: linear-gradient(#4A00E0, #FC466B);
    background-size: 100vw 100vh;
    padding: 3px 3px 4px 7px;
    border-radius: 10px;
    color: #fff;
}
.HomepageHeroGraphic__phone-wa {
    position: absolute;
    top: 35px;
    left: 140px;
}
.globalNav .dropdownRoot {
    position: absolute;
    z-index: 1000;
    left: 0;
    right: 0;
    top: 50px;
    pointer-events: none;
    -webkit-transform: rotateX(-15deg);
    transform: rotateX(-15deg);
    -webkit-transform-origin: 50% -50px;
    transform-origin: 50% -50px;
    opacity: 0;
    will-change: transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    display: none
}

@media (min-width: 670px) {
    .globalNav.initialized .dropdownRoot {
        display: block
    }
}

.globalNav.dropdownActive .dropdownRoot {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none
}

.globalNav .dropdownBackground {
    background: var(--bg-card_r);
    border-radius: 4px;
    overflow: hidden;
    -webkit-box-shadow: 0 50px 100px -20px rgba(50, 50, 93, .25), 0 30px 60px -30px rgba(0, 0, 0, .3), 0 -18px 60px -10px rgba(0, 0, 0, .025);
    box-shadow: 0 50px 100px -20px rgba(50, 50, 93, .25), 0 30px 60px -30px rgba(0, 0, 0, .3), 0 -18px 60px -10px rgba(0, 0, 0, .025);
    width: 380px;
    height: 400px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.globalNav .alternateBackground,
.globalNav .dropdownBackground {
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .25s;
    transition-duration: .25s
}

.globalNav .alternateBackground {
    right: 0;
    height: 1000px;
    background: #f6f9fc
}

.globalNav .dropdownArrow {
    top: -6px;
    margin: 0 0 0 -6px;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 4px 0 0 0;
    background: var(--bg-card_r);
    -webkit-box-shadow: -3px -3px 5px rgba(82, 95, 127, .04);
    box-shadow: -3px -3px 5px rgba(82, 95, 127, .04);
    will-change: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.globalNav .dropdownArrow,
.globalNav .dropdownContainer {
    position: absolute;
    left: 0;
    -webkit-transition-duration: .25s;
    transition-duration: .25s
}

.globalNav .dropdownContainer {
    overflow: hidden;background: var(--bg-card_r);
    width: 500px;
    top: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    will-change: transform, width, height;
    -webkit-transition-property: width, height, -webkit-transform;
    transition-property: width, height, -webkit-transform;
    transition-property: transform, width, height;
    transition-property: transform, width, height, -webkit-transform
}

.globalNav .dropdownSection {
    opacity: 0;
    pointer-events: none;
    will-change: transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    background: red
}

.globalNav .dropdownSection.active {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.globalNav .dropdownSection.left {
    -webkit-transform: translateX(-150px);
    transform: translateX(-150px)
}

.globalNav .dropdownSection.right {
    -webkit-transform: translateX(150px);
    transform: translateX(150px)
}

.globalNav.dropdownActive .dropdownSection.active {
    pointer-events: auto
}

.globalNav.noDropdownTransition .alternateBackground,
.globalNav.noDropdownTransition .dropdownArrow,
.globalNav.noDropdownTransition .dropdownBackground,
.globalNav.noDropdownTransition .dropdownContainer,
.globalNav.noDropdownTransition .dropdownSection {
    -webkit-transition: none;
    transition: none
}

.globalNav .dropdownContent {
    position: absolute;
    top: 0;
    left: 0
}

.globalNav .linkGroup {
    padding: 20px 25px
}

.globalNav .linkContainer {
    display: block;
    padding: 9px 0;
    outline: none;
    position: relative
}

.keyboard-navigation .globalNav .linkContainer:focus:before {
    opacity: .5
}

.globalNav .linkContainer:before {
    content: "";
    position: absolute;
    left: -10px;
    top: 0;
    right: -10px;
    bottom: 0;
    -webkit-box-shadow: 0 0 0 1.5px #828282;
    box-shadow: 0 0 0 1.5px #828282;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.globalNav .linkTitle {
    margin: 0;
    color: var(--text-primary);
    font-size: 13px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .025em
}

.globalNav .linkSub {
    font-size: 15px;
    line-height: 22px;
    color: #6b7c93;
    margin: 0px 0 0;
    display: block;

}
.linkSubfaq{  margin: 0px 0px 0px 7px!important;}

.globalNav .linkSub,
.globalNav .linkTitle {
    -webkit-transition: color .1s;
    transition: color .1s
}

.globalNav .linkContainer:focus .linkTitle,
.globalNav .linkContainer:hover .linkTitle,
.globalNav .linkTitle:focus,
.globalNav .linkTitle:hover {
    color: #6b7c93
}

.globalNav .linkContainer:focus .linkSub,
.globalNav .linkContainer:hover .linkSub {
    color: #828282
}

.globalNav .hover-fillDark,
.globalNav .hover-fillLight {
    -webkit-transition: fill .1s;
    transition: fill .1s
}

.globalNav .hover-strokeDark,
.globalNav .hover-strokeLight {
    -webkit-transition: stroke .1s;
    transition: stroke .1s
}

.globalNav [data-dropdown=company] .hover-fillLight,
.globalNav [data-dropdown=developers] .hover-fillLight {
    fill: #aab7c4
}

.globalNav [data-dropdown=company] .hover-strokeLight,
.globalNav [data-dropdown=developers] .hover-strokeLight {
    stroke: #aab7c4
}

.globalNav [data-dropdown=company] .hover-fillDark,
.globalNav [data-dropdown=developers] .hover-fillDark {
    fill: var(--common-BodyText)
}

.globalNav [data-dropdown=company] .hover-strokeDark,
.globalNav [data-dropdown=developers] .hover-strokeDark {
    stroke: var(--common-BodyText)
}

.globalNav [data-dropdown=company] .linkContainer:focus .hover-fillLight,
.globalNav [data-dropdown=company] .linkContainer:hover .hover-fillLight,
.globalNav [data-dropdown=developers] .linkContainer:focus .hover-fillLight,
.globalNav [data-dropdown=developers] .linkContainer:hover .hover-fillLight {
    fill: #cfd7df
}

.globalNav [data-dropdown=company] .linkContainer:focus .hover-strokeLight,
.globalNav [data-dropdown=company] .linkContainer:hover .hover-strokeLight,
.globalNav [data-dropdown=developers] .linkContainer:focus .hover-strokeLight,
.globalNav [data-dropdown=developers] .linkContainer:hover .hover-strokeLight {
    stroke: #cfd7df
}

.globalNav [data-dropdown=company] .linkContainer:focus .hover-fillDark,
.globalNav [data-dropdown=company] .linkContainer:hover .hover-fillDark,
.globalNav [data-dropdown=developers] .linkContainer:focus .hover-fillDark,
.globalNav [data-dropdown=developers] .linkContainer:hover .hover-fillDark {
    fill: #6b7c93
}

.globalNav [data-dropdown=company] .linkContainer:focus .hover-strokeDark,
.globalNav [data-dropdown=company] .linkContainer:hover .hover-strokeDark,
.globalNav [data-dropdown=developers] .linkContainer:focus .hover-strokeDark,
.globalNav [data-dropdown=developers] .linkContainer:hover .hover-strokeDark {
    stroke: #6b7c93
}

.globalNav .linkIcon {
    white-space: nowrap;
    display: flex;
}

.globalNav .linkIcon svg {
    margin: 0 12px -3px -1px
}

.globalNav .withIcon {
    padding-left: 28px
}

.globalNav .withIcon .linkTitle {
    margin-left: -28px
}

.globalNav .new-badge {
    display: inline-block;
    margin-left: 5px;
    vertical-align: 2px;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 1;
    font-weight: 700;
    background: var(--link-color);
    -webkit-transition: background .15s;
    transition: background .15s;
    border-radius: 10px;
    padding: 2px 4px 1px;
    height: auto;
    top: auto;
    -webkit-box-shadow: none;
    box-shadow: none
}

.globalNav .linkContainer:focus .new-badge,
.globalNav .linkContainer:hover .new-badge {
    background: var(--text-primary)
}

.globalNav .productsGroupPrimary,
.globalNav .productsGroupSecondary {
    margin: -5px -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.globalNav .productsGroupPrimary > li,
.globalNav .productsGroupSecondary > li {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.globalNav .productsGroupMob .linkContainer {
    padding: 15px 10px 0px 15px;
}
.globalNav .productsGroupPrimary .linkContainer,
.globalNav .productsGroupSecondary .linkContainer {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.globalNav .productsGroupPrimary .linkContainer {
    padding: 10px 8px
}

.globalNav .productsGroupPrimary svg {
    width: 38px;
    height: 38px
}

.globalNav .productsGroupPrimary .productLinkContent {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 18px;
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.globalNav .productsGroupSecondary .linkContainer {
    padding: 14px 8px 14px 12px
}

.globalNav .productsGroupSecondary svg {
    width: 22px;
    height: 22px
}

.globalNav .productsGroupSecondary .productLinkContent {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 15px
}

.globalNav .productsGroupSecondary .linkTitle {
    display: inline
}

.globalNav .productsGroupSecondary .linkSub {
    display: inline;
    margin: 0 0 0 10px
}

.globalNav .prodsubGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 2px solid #fff
}

.globalNav .prodsubGroup .linkContainer {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 13px 26px
}

.globalNav .prodsubGroup .linkSub {
    margin: 0 0 0 10px
}

.globalNav .item-atlas .linkTitle,
.globalNav .item-capital .linkTitle,
.globalNav .item-card .linkTitle,
.globalNav .item-connect .linkTitle,
.globalNav .item-issuing .linkTitle,
.globalNav .item-payments .linkTitle,
.globalNav .item-payouts .linkTitle,
.globalNav .item-radar .linkTitle,
.globalNav .item-sigma .linkTitle,
.globalNav .item-subscriptions .linkTitle,
.globalNav .item-terminal .linkTitle {
    color: var(--text-primary)
}

.globalNav .item-connect .new-badge {
    background: #3297d3
}

.globalNav .item-sigma .new-badge {
    background: #8f6ed5
}

.globalNav .item-billing .new-badge,
.globalNav .item-subscriptions .new-badge {
    background: #24b47e
}

.globalNav .documentationGroup .linkSub {
    max-width: 400px
}

.globalNav .documentationArticles {
    font-size: 15px;
    line-height: 26px;
    margin: 15px 20px 10px 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap
}

.globalNav .documentationArticles > ul {
    margin-right: 40px
}

.globalNav .documentationArticles > ul:last-child {
    margin-right: 0
}

.globalNav .documentationArticles h4 {
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .025em;
    margin: 0 0 3px;
    color: #828282
}

.globalNav .documentationArticles a {
    outline: none
}

.keyboard-navigation .globalNav .documentationArticles a:focus {
    color: var(--text-primary);
    text-decoration: underline;
    text-underline-position: under
}


.keyboard-navigation .globalNav .blogPosts a:focus .title {
    color: var(--text-primary);
    text-decoration: underline;
    text-underline-position: under
}

.globalNav .blogPosts .new-badge {
    vertical-align: -1px
}

.globalNav .blogPosts a:hover .new-badge. .globalNav .blogPosts a:focus .new-badge {
    background: var(--text-primary)
}

.globalNav .item-blog svg {
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.globalNav .navSection.mobile .rootLink, .globalNav .navSection.nav-button .rootLink {
    cursor: pointer;
    width: 50px;
    height: 50px;
    position: relative;
    padding: 0 30px
}
.globalNav .navSection.nav-button .rootLink
{

    padding: 0 10px
}


.globalNav .navSection.mobile .rootLink h2 {
    color: inherit
}

.globalNav .navSection.mobile .rootLink h2,
.globalNav .navSection.mobile .rootLink h2:after,
.globalNav .navSection.mobile .rootLink h2:before {
    position: absolute;
    width: 27px;
    height: 2px;
    border-radius: 1px;
    background: var(--text-primary)
}

.globalNav .navSection.mobile .rootLink h2 {
    font-size: 0;
    left: 13px;
    top: 23px
}

.globalNav .navSection.mobile .rootLink h2:after,
.globalNav .navSection.mobile .rootLink h2:before {
    content: "";
    left: 0
}

.globalNav .navSection.mobile .rootLink h2:before {
    top: -7px
}

.globalNav .navSection.mobile .rootLink h2:after {
    top: 7px
}
.glob-flags{-webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}

.globalNav .popup {
    position: absolute;
    left: 10px;
    top: 5px;
    right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    pointer-events: none;
    -webkit-perspective: 2000px;
    perspective: 2000px
}

.globalNav .popupContainer {
    background: var(--bg-card_r);
    -webkit-box-shadow: 0 50px 100px -20px rgba(50, 50, 93, .25), 0 30px 60px -30px rgba(0, 0, 0, .3), 0 -18px 60px -10px rgba(0, 0, 0, .025);
    box-shadow: 0 50px 100px -20px rgba(50, 50, 93, .25), 0 30px 60px -30px rgba(0, 0, 0, .3), 0 -18px 60px -10px rgba(0, 0, 0, .025);
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    font-size: 15px;
    line-height: 40px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-transform: scale(.95);
    transform: scale(.95);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    opacity: 0;
    will-change: transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: .25s;
    transition-duration: .25s
}

.globalNav .navSection.mobile.globalPopupActive .popupContainer,.globalNav .navSection.nav-button.globalPopupActive .popupContainer,
.globalNav .navSection.nav-button.globalPopupActive .popupContainer,.globalNav .navSection.nav-button.globalPopupActive .popupContainer{
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto
}

.globalNav .popup a {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.mobileProductsList {
    margin-top: 20px;
}
.globalNav .popupCloseButton {
    position: absolute;
    right: 0;
    top: 0;
    width: 51px;
    height: 51px;
    font-size: 0;
    cursor: pointer
}

.globalNav .popupCloseButton:after,
.globalNav .popupCloseButton:before {
    content: "";
    position: absolute;
    background: var(--link-color);
    border-radius: 1px;
    left: 14px;
    right: 14px;
    top: 24px;
    height: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: background .1s;
    transition: background .1s
}

.globalNav .popupCloseButton:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.globalNav .popupCloseButton:hover:after,
.globalNav .popupCloseButton:hover:before {
    background: var(--text-primary)
}

.globalNav .mobileSignIn {
    background: var(--bg-select);
    display: block;
    padding: 12px 30px;
    font-weight: 600
}

.globalNav .mobileSignIn:after {
    font: normal 16px StripeIcons;
    content: "\279C";
    margin-left: 6px
}

.globalNav .mobileProducts {
    padding: 20px 0 15px
}

.globalNav .mobileProducts h4 {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .025em;
    color: #6b7c93;
    text-transform: uppercase;
    margin: -5px 0 0 26px
}
/*
.globalNav .mobileProductsList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
*/


.globalNav .mobileProductsList > ul {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.globalNav .mobileProductsList > ul:last-child {
    -webkit-box-flex: 3;
    -ms-flex-positive: 3;
    flex-grow: 3
}

.globalNav .mobileProductsList a {
    padding: 0 26px;
    font-size: 16px;
    font-weight: 500;
    line-height: 50px;
    padding-right: 12px
}

.globalNav .mobileProductsList a:hover {
    color: #6b7c93
}

.globalNav .mobileProductsList a svg {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin: 0 10px 0 -3px;
    vertical-align: -6px
}

.globalNav .mobileProductsList .item-atlas,
.globalNav .mobileProductsList .item-capital,
.globalNav .mobileProductsList .item-card,
.globalNav .mobileProductsList .item-connect,
.globalNav .mobileProductsList .item-issuing,
.globalNav .mobileProductsList .item-payments,
.globalNav .mobileProductsList .item-payouts,
.globalNav .mobileProductsList .item-radar,
.globalNav .mobileProductsList .item-sigma,
.globalNav .mobileProductsList .item-subscriptions,
.globalNav .mobileProductsList .item-terminal {
    color: var(--text-primary)
}

.globalNav .mobileProductsList .new-badge {
    vertical-align: 3px;
    margin-left: 2px
}

.globalNav .mobileSecondaryNav {
    border-top: 2px solid var(--bg-main);
    padding: 15px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.globalNav .mobileSecondaryNav > ul {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.globalNav .mobileSecondaryNav > ul:last-child {
    -webkit-box-flex: 3;
    -ms-flex-positive: 3;
    flex-grow: 3
}

.globalNav .mobileSecondaryNav a {
    padding: 0 20px;
    min-width: 100px
}

.globalNav .SubnavColumns {
    width: 842px;
    max-width: calc(100vw - 40px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    color: var(--text-primary)
}

.globalNav .SubnavColumn {
    border-radius: 4px;
    padding: 29px 39px 49px;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.globalNav .SubnavColumn--primary {
    -webkit-box-flex: 1.1;
    -ms-flex-positive: 1.1;
    flex-grow: 1.1;
    padding-right: 30px;
    background-color: #fff
}

.globalNav .SubnavColumn--secondary {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-left: 44px;
    background-color: #f6f9fc;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.globalNav .SubnavColumn--primary .SubnavLinkGroup:not(:last-child) {
    margin-bottom: 47px
}

.globalNav .SubnavColumn--secondary .SubnavLinkGroup:not(:last-child) {
    margin-bottom: 28px
}

.globalNav .SubnavLinkGroup__title {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase
}

.globalNav .SubnavColumn--primary .SubnavLinkGroup__title {
    margin-bottom: 24px
}

.globalNav .SubnavColumn--secondary .SubnavLinkGroup__title {
    margin-bottom: 16px
}

.globalNav .SubnavLinkGroup__list {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.globalNav .SubnavColumn--primary .SubnavLinkGroup__listItem:not(:last-child) {
    margin: 0 0 36px
}

.globalNav .SubnavColumn--secondary .SubnavLinkGroup__listItem:not(:last-child) {
    margin: 0 0 16px
}

.globalNav .SubnavLink {
    color: var(--text-primary);
    text-decoration: none;
    outline: none
}

.globalNav .SubnavLink svg {
    float: left
}

.globalNav .SubnavColumn--primary .SubnavLink svg {
    margin-left: -4px;
    width: 32px;
    height: 32px
}

.globalNav .SubnavColumn--secondary .SubnavLink svg {
    width: 18px;
    height: 18px
}

.globalNav .SubnavLink:focus .hover-fillLight,
.globalNav .SubnavLink:hover .hover-fillLight {
    fill: #828282
}

.globalNav .SubnavLink:focus .hover-strokeLight,
.globalNav .SubnavLink:hover .hover-strokeLight {
    stroke: #828282
}

.globalNav .SubnavLink:focus .hover-fillDark,
.globalNav .SubnavLink:hover .hover-fillDark {
    fill: var(--text-primary)
}

.globalNav .SubnavLink:focus .hover-strokeDark,
.globalNav .SubnavLink:hover .hover-strokeDark {
    stroke: var(--text-primary)
}

.globalNav .SubnavColumn--primary .SubnavLink__content {
    margin-left: 44px;
    padding-top: 1px
}

.globalNav .SubnavColumn--secondary .SubnavLink__content {
    margin-left: 28px;
    padding-top: 1px
}

.globalNav .SubnavLink__title {
    font-weight: 500
}

.globalNav .SubnavColumn--primary .SubnavLink__title {
    font-size: 17px;
    margin-bottom: 7px
}

.globalNav .SubnavColumn--secondary .SubnavLink__title {
    font-size: 14px;
    margin-bottom: 8px
}

.globalNav .SubnavLink:focus .SubnavLink__title,
.globalNav .SubnavLink:hover .SubnavLink__title {
    color: #6b7c93
}

.globalNav .SubnavLink__description {
    color: #6b7c93;
    font-size: 14px
}

.globalNav .SubnavLink:focus .SubnavLink__description,
.globalNav .SubnavLink:hover .SubnavLink__description {
    color: #828282
}

.globalNav .navSection.secondary.topNavCta--active {
    display: none
}

.globalNav .rootLink.topNavCta--variant0 {
    letter-spacing: .025em;
    border: 1px solid #fff;
    border-radius: 4px;
    padding-left: 20px;
    height: 40px;
    line-height: 36px;
    margin-top: 6px;
    text-transform: uppercase;
    font-weight: 600
}

.globalNav.topNavCta--active .navSection.secondary .rootLink.topNavCta--variant0 {
    padding: 0 14px !important
}

.globalNav .rootLink.topNavCta--variant1 {
    text-transform: uppercase;
    text-shadow: 0 1px 3px rgba(36, 180, 126, .4);
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    padding: 0 20px;
    height: 40px;
    line-height: 41px;
    margin-top: 5px;
    -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);
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    background: #3ecf8e
}

@media (min-width: 1040px) {
    .globalNav.topNavCta--active .rootLink {
        padding: 0 20px
    }
}
.lang-button {padding: 0 30px;}
.text-grey-darkest {
    color: #3d4852;
}
.bg-white_v1 {
    background: var(--bg-main-2a);
}
.bg-white_v2 {
    background: var(--bg-phone);
}
.globalFooterCard.card-pricing h2.common-UppercaseText.common-Link--arrow {
    margin-bottom: 0px;
}
.HomepageHero {
    padding: 90px 0px 60px;
    margin: 0 auto 10px;
}

.HomepageHerobg {
    background-color: transparent;
    background-image: linear-gradient(20deg, #cfd7e2 15%, #F2F2F2 60%);
}

@media (max-width: 599px) {


    .HomepageHero {
        padding: 60px 0px 60px;
    }
}

.z-1{z-index: 1;}
    .ColumnLayout {
        --columnRowGap: 32px;
        display: grid;
        row-gap: 32px;
        -webkit-box-align: start;
        align-items: flex-start
    }


.ColumnLayout--alignCenter {
    -webkit-box-align: center;
    align-items: center
}

.ColumnLayout--alignBottom {
    -webkit-box-align: end;
    align-items: flex-end
}

@media (min-width: 670px) {
    .ColumnLayout[data-columns="1,1,1,1"],
    .ColumnLayout[data-columns="2,1,0"],
    .ColumnLayout[data-columns="1,1,1"],
    .ColumnLayout[data-columns="2,1,1"],
    .ColumnLayout[data-columns="2,2"] {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 899px) {
    .ColumnLayout[data-columns="1,3"] > :first-child {
        -webkit-box-ordinal-group: 2;
        order: 1
    }


}
@media (max-width: 670px) {
    .CtaButton {
        white-space: normal !important;
    }
}

@media (min-width: 600px) and (max-width: 899px) {
    .ColumnLayout[data-columns-tablet="1"] {
        grid-template-columns:1fr
    }

    .ColumnLayout[data-columns="2,1,1"] > :first-child {
        grid-area: 1/span 2
    }
}

@media (min-width: 900px) {
    .ColumnLayout[data-columns="1,1,1,1"] {
        grid-template-columns:repeat(4, 1fr)
    }
    .ColumnLayout[data-columns="1,1,1"] {
        grid-template-columns:repeat(3, 1fr)
    }
    .ColumnLayout[data-columns="1,1"] {
        grid-template-columns:repeat(2, 1fr)
    }

    .ColumnLayout[data-columns="1,3"] {
        grid-template-columns:1fr minmax(0, 3fr)
    }

    .ColumnLayout[data-columns="3,1"] {
        grid-template-columns:3fr 1fr
    }

    .ColumnLayout[data-columns="2,1,1"] {
        grid-template-columns:2fr repeat(2, 1fr)
    }

    .ColumnLayout[data-columns="2,1,0"] {
        grid-template-columns:2fr 1fr 1fr
    }

    .ColumnLayout[data-columns="1,2,1"] {
        grid-template-columns:1fr 2fr 1fr
    }
}

.HomepageHeroGraphic {
    position: relative;
    z-index: 2;
}

.HomepageHeroGraphic__phone {
    position: relative;
    margin-top: 40px;
    left: 110px
}
.HomepageHeroGraphic__dashboard {
    position: absolute;
    top: -30px;
    left: 200px
}
@media (max-width: 899px) {

    .HomepageHeroGraphic__phone {
        position: relative;
        margin-top: 0px;
        left: auto;

    }

    .HomepageHeroGraphic {
        position: relative;
        z-index: 2;
        justify-content: center;
        display: flex;
        align-items: flex-start;
    }
    .HomepageHeroGraphic__dashboard {
        position: absolute;
        top: 0;
        left: 0px
    }
}




.Copy_v2,
.Copy_v2__header {
    display: grid;
    row-gap: 8px
}

.Copy_v2__header {
    position: relative;
    padding: 0 0 0 16px
}

.Copy_v2__icon {
    min-height: 40px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    margin-bottom: 8px
}

.Copy_v2__title {
    position: relative;
    letter-spacing: -0.04em
}

.Copy_v2__title:before {
    position: absolute;
    top: calc((1px + 1.04 * var(--titleFontSize) - var(--titleFontSize)) / 2);
    left: calc(16px * -1);
    width: 1px;
    height: var(--titleFontSize);
    content: ""
}

.Copy_v2__body {
    font-weight: 300;
    font-size: 15px;
    color: var(--text-primary);
    margin-bottom: 10px;
    line-height: 24px;
}

@media (max-width: 599px) {
    .Copy_v2__body {
        font-size: 14px;
        line-height: 24px;
    }
}



ul.Copy_v2__body li {
    margin-top: 5px;
}

.Copy_v2__footer {
    display: grid;
    row-gap: 14px;

}

.Copy_v2__footer > .CtaButton,
.Copy_v2__footer > .CtaLink {
    justify-self: flex-start
}

.Copy_v2__ctaContainer {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 15px;
}

@media (max-width: 899px) {
    .Copy_v2__ctaContainer {
        flex-wrap: wrap;
        font-size: 14px;
    }
}

.Copy_v2__ctaContainer > .CtaButton:first-of-type,
.Copy_v2__ctaContainer > .CtaButton:last-of-type {
    margin-bottom: 16px
}

.Copy_v2__ctaContainer > .CtaButton:first-of-type:last-of-type {
    margin-bottom: 0
}

#PlayPhoneButton {
    display: inline-block;

    padding-right: 0px;
    padding-left: 0px;
    border-radius: 16.5px;
    font: 425 15px/1.6 "sohne-var", "Helvetica Neue", "Arial", sans-serif;
    color: #3d4852;
    white-space: nowrap;
    -webkit-transition: 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-property: all;
    outline: none;box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);
}


#PlayPhoneButton.common-Button {
    padding-left: 16px;
    padding-right: 16px;
    background-color: #3490dc;
    color: #fff;
    -webkit-transition-property: background-color, opacity;
    transition-property: background-color, opacity;
}

.DashboardGraphic_header_v2 {
    --gutter: 5px;
    grid:auto/152px 1fr;
    gap: var(--gutter);
    width: 929px;
    padding: var(--gutter);
    border-radius: 8px;
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .4)), color-stop(25%, hsla(0, 0%, 100%, .3)), color-stop(50%, rgba(246, 249, 252, .3)), color-stop(60%, var(--bg-phone)));
    background: linear-gradient(hsla(0, 0%, 100%, .4), hsla(0, 0%, 100%, .3) 25%, rgba(246, 249, 252, .3) 50%, var(--bg-phone) 60%);
    box-shadow: inset 0 1px 1px 0 hsla(0, 0%, 100%, .1), 0 50px 100px -20px rgba(50, 50, 93, .25), 0 30px 60px -30px rgba(0, 0, 0, .3);
    color: #b8c2cc;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.DashboardGraphic_header_v2__sidebar {
    display: grid;
    grid:-webkit-max-content/auto-flow -webkit-max-content;
    grid:max-content/auto-flow max-content;
    gap: 8px;
    -webkit-box-align: center;
    align-items: center;
    font-weight: 620;
    color: #fff;
    letter-spacing: .8px;
    text-transform: uppercase
}

.DashboardGraphic_header_v2__toolbar {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center
}
.DashboardGraphic_header_v2 {

    height: auto!important;
}
.DashboardGraphic_header_v2__box {

    border-radius: 4px;
    background: #fff;
    box-shadow: 0 2px 4px -1px rgba(6, 24, 44, .2)
}

.DashboardGraphic_header_v2__box--search {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 50%;
    height: 20px;
    margin: 0;
    color: #62788d
}

.DashboardGraphic_header_v2__searchIcon {
    width: 10px;
    margin: 1px 5px 0 6px
}

.DashboardGraphic_header_v2__toolbarHeading {
    padding: 16px
}

.DashboardGraphic_header_v2__toolbarTitle {
    font-weight: 620
}

.DashboardGraphic_header_v2__charts {
    display: grid;
    grid:auto/repeat(3, 1fr);
    border-top: 1px solid #e6ebf1
}

.DashboardGraphic_header_v2__column,
.DashboardGraphic_header_v2__row {
    padding: 15px 16px 13px
}

.DashboardGraphic_header_v2__column:not(:first-child) {
    border-left: 1px solid #e6ebf1
}

.DashboardGraphic_header_v2__row {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center
}

.DashboardGraphic_header_v2__row:not(:first-child) {
    border-top: 1px solid #e6ebf1
}

.DashboardGraphic_header_v2__column--large {
    display: grid;
    grid-column: span 2
}

.DashboardGraphic_header_v2__chartToday,
.DashboardGraphic_header_v2__dataToday {
    grid-area: 1/1
}

.DashboardGraphic_header_v2__chartToday {
    width: 438px;
    margin: 45px 0 1px
}

.DashboardGraphic_header_v2__dataToday {
    display: -webkit-box;
    display: flex
}

.DashboardGraphic_header_v2__chartHeading:not(:first-child) {
    margin-left: 32px
}

.DashboardGraphic_header_v2__chartDropdown {
    display: grid;
    grid:auto/auto-flow -webkit-max-content;
    grid:auto/auto-flow max-content;
    gap: 4px;
    -webkit-box-align: center;
    align-items: center
}

.DashboardGraphic_header_v2__primaryData {
    margin: 5px 0 6px;
    font-size: 14px;
    letter-spacing: .4px
}

.DashboardGraphic_header_v2__primaryData--accent {
    color: #515de1
}

.DashboardGraphic_header_v2__mutedData {
    color: #62788d
}

.DashboardGraphic_header_v2__mutedData--accent {
    font-weight: 450;
    color: #515de1
}

.DashboardGraphic_header_v2__chartAxis {
    display: -webkit-box;
    display: flex;
    padding-top: 2px;
    border-top: 1px solid #e6ebf1
}

.DashboardGraphic_header_v2__axisNow {
    margin: 0 auto 0 233px
}

.DashboardGraphic_header_v2__column--split {
    display: grid;
    grid-auto-rows: 1fr;
    padding: 0
}

.DashboardGraphic_header_v2__toolbarFilters {
    display: grid;
    grid-auto-flow: column;
    gap: 20px;
    margin-top: 4px
}

.DashboardGraphic_header_v2__toolbarButton {
    display: grid;
    grid-auto-flow: column;
    gap: 5px;
    -webkit-box-align: center;
    align-items: center;
    margin-right: 22px;
    padding: 3px 6px;
    font-weight: 450;
    box-shadow: 0 0 1px 0 rgba(6, 24, 44, .18), 0 1px 2px 0 rgba(6, 24, 44, .2);
    border-radius: 4px
}

.DashboardGraphic_header_v2__growth {
    display: -webkit-box;
    display: flex
}

.DashboardGraphic_header_v2__badge {
    margin-left: 8px;
    padding: 0 4px;
    border-radius: 4px;
    font-weight: 450;
    color: #007e53;
    background: #def8dd
}

.DashboardGraphic_header_v2__badge--down {
    color: #a54f1e;
    background: #f6e6b9
}

.DashboardGraphic_header_v2__chartSummary {
    width: 202px;
    margin: 7px 0
}

.PhoneGraphic_v2 {
    width: 264px;
    height: 492px;
    padding: 8px;
    border-radius: 36px;
    background: var(--bg-phone);
    box-shadow: var(--PhoneGraphic-shadow);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px
}

.PhoneGraphic_v2--scaleLarge {
    width: 301px;
    height: 615px;
    border-radius: 42px
}

.PhoneGraphic_v2__screen {
    position: relative;
    height: 100%;
    border-radius: 34px;
    -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
    background: #fff
}
.relative{
    position: relative;
}
:root {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    overflow-x: hidden;
}
.CheckoutPhoneGraphic_v2 {

    --checkoutPhoneInputMinHeight: 24px;

    --checkoutPhoneBackToArrowHeight: 8px;
    height: 100%;
    padding: 24px 16px;
    border-radius: 28px;
    background: #fff;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .2px
}

.CheckoutPhoneGraphic_v2--scaleLarge {


}

.CheckoutPhoneGraphic_v2--scaleLarge .CheckoutPhoneGraphic_v2__applePay {
    height: 16px
}

.CheckoutPhoneGraphic_v2__backTo {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    margin: -10px 0 20px
}

.CheckoutPhoneGraphic_v2__backToArrow {
    margin-right: 10px;
    height: 10px;
    width: auto
}

.CheckoutPhoneGraphic_v2__backTo + .CheckoutPhoneGraphic_v2__image {
    margin-top: 20px;
    height: 60px
}

.CheckoutPhoneGraphic_v2__image {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    height: 80px
}

.CheckoutPhoneGraphic_v2__description {
    margin-top: 15px;
    text-align: center;
    color: #0a2540;
    font-weight: 600
}

.CheckoutPhoneGraphic_v2__price {
    margin: 2px 0 16px;
    text-align: center
}

.CheckoutPhoneGraphic_v2__button {
    border-radius: 4px;
    padding: 5px 0;
    text-align: center;
    font-weight: 600;
    color: #fff;
    background: #0a2540;
    box-shadow: 0 2px 4px -1px rgba(50, 50, 93, .25), 0 1px 3px -1px rgba(0, 0, 0, .3)
}

.CheckoutPhoneGraphic_v2__applePay {
    display: block;
    height: 14px;
    margin: 0 auto
}

.CheckoutPhoneGraphic_v2__separator {
    margin: 16px 0 12px;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#e6ebf1), to(#e6ebf1)) no-repeat 0 50%/100% 1px;
    background: linear-gradient(#e6ebf1, #e6ebf1) no-repeat 0 50%/100% 1px
}

.CheckoutPhoneGraphic_v2__separatorTitle {
    display: inline;
    padding: 0 6px;
    background: #fff
}

.CheckoutPhoneGraphic_v2__input {
    min-height: 28px;
    line-height: 28px;
    margin: 6px 0 16px;
    color: #62788d;
    border-radius: 4px;
    box-shadow: 0 0 0 1px rgba(50, 50, 93, .07), 0 2px 3px -1px rgba(50, 50, 93, .12), 0 1px 3px -1px rgba(0, 0, 0, .12)
}

.CheckoutPhoneGraphic_v2__input--card {
    display: grid;
    grid:auto/repeat(2, 1fr)
}

.CheckoutPhoneGraphic_v2__placeholder {
    display: grid;
    grid-template-columns:1fr;
    grid-auto-flow: column;
    padding-left: 8px
}

.CheckoutPhoneGraphic_v2__placeholder--number {
    gap: 0 6px;
    grid-area: auto/span 2;
    -webkit-box-align: center;
    align-items: center;
    padding-right: 6px;
    border-bottom: 1px solid #e6ebf1
}

.CheckoutPhoneGraphic_v2__placeholder--cvc {
    padding-right: 4px;
    border-left: 1px solid #e6ebf1
}

.CheckoutPhoneGraphic_v2__cvcIcon {
    margin-top: 4px
}

.CheckoutPhoneGraphic_v2__input--country {
    margin-bottom: 24px
}

.CheckoutPhoneGraphic_v2__placeholder--country {
    -webkit-box-align: center;
    align-items: center;
    padding-right: 9px;
    border-bottom: 1px solid #e6ebf1
}

.HomepageHeroHeader {
    position: relative;
    min-width: 0;

}

@media (min-width: 600px) {
    .HomepageHeroHeader {
        --headerPaddingRight: 0;
        --titleFontMin: 60;
        --titleFontMax: 94;
        --viewportMin: 600;
        --viewportMax: 1112
    }

    .MktRoot[lang*=fr] .HomepageHeroHeader {
        --titleFontMin: 36;
        --titleFontMax: 72
    }
}

@media (min-width: 1112px) {
    .HomepageHeroHeader {
        --titleFontSize: 94px
    }
}

.HomepageHeroHeader__title {
    margin-top: 10px;
    position: relative;

    font-size: 2.2rem;
    color: var(--text-subhead);
    letter-spacing: -0.04em
}

@media (max-width: 599px) {
    .HomepageHeroHeader__title {
        font-size: 24px;
    }
}

.HomepageHeroHeader__title--overlay {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 0 0 16px;
    z-index: 2;
    color: #3a3a3a;
    opacity: .3
}

.HomepageHeroHeader__title--burn {
    mix-blend-mode: color-burn;
    opacity: 1
}

.appear-PageTitle_s {
    color: var(--text-com);
    overflow-wrap: break-word;
    font-weight: 400;
    font-size: 27px;
    line-height: 30px;
}

@media (max-width: 600px) {
    .appear-PageTitle_s {
        line-height: 25px;
        font-size: 24px;
    }

}

section.HomepageHero__title div ul {
    margin-bottom: 0px
}

.form-group {
    margin-bottom: 0rem !important;
}

.m_to10 {
    margin-top: 0rem !important;
}

.CtaButton {
    display: inline-block;
    padding: 3px 0 6px;
    border-radius: 16.5px;
    font: 425 15px/1.6 "sohne-var", "Helvetica Neue", "Arial", sans-serif;
    color: var(--text-primary);
    white-space: nowrap;
    -webkit-transition: 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    outline: none;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);text-shadow: 0 1px 1px rgba(0,0,0,.25);
}

.keyboard-navigation .CtaButton:focus {
    box-shadow: 0 0 0 2px #4d90fe, inset 0 0 0 2px hsla(0, 0%, 100%, 0.9)
}
.logo-color{fill:#0083FF}
.CtaButton.variant--Link {
    font-weight: 600;
    -webkit-transition-property: color, opacity;
    transition-property: color, opacity;
    box-shadow: none!important;
    text-shadow: none!important;
    color: #3490dc
}

@media (pointer: fine) {
    .CtaButton.variant--Link:hover {
        color: #0a2540;
        opacity: 1
    }
}

@media (pointer: coarse) {
    .CtaButton.variant--Link:active {
        color: #0a2540;
        opacity: 1
    }
}

.Copy_v2__ctaContainer > .CtaButton:not(:first-of-type) {
    margin-left: 16px;
}

.CtaButton.variant--Button {
    padding-left: 16px;
    padding-right: 16px;
    background-color: #3490dc;
    color: #fff;
    -webkit-transition-property: background-color, opacity;
    transition-property: background-color, opacity
}

.CtaButton.variant--Button.CtaButton--arrow {
    padding-right: 12px
}

@media (pointer: fine) {
    .CtaButton.variant--Button:hover {
        background-color: #0a2540;
        opacity: 1
    }
}

@media (pointer: coarse) {
    .CtaButton.variant--Button:active {
        background-color: #0a2540;
        opacity: 1
    }
}

.HoverArrow {
    position: relative;
    top: 0px;
    margin-left: 8px;
    stroke-width: 2;
    fill: none;
    stroke: currentColor
}

.HoverArrow__linePath {
    opacity: 0;
    -webkit-transition: opacity 150ms cubic-bezier(0.215, 0.61, 0.355, 1), 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 150ms cubic-bezier(0.215, 0.61, 0.355, 1), 150ms cubic-bezier(0.215, 0.61, 0.355, 1)
}

.HoverArrow__tipPath {
    -webkit-transition: -webkit-transform 150ms cubic-bezier(0.215, 0.61, 0.355, 1), 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: -webkit-transform 150ms cubic-bezier(0.215, 0.61, 0.355, 1), 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 150ms cubic-bezier(0.215, 0.61, 0.355, 1), 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 150ms cubic-bezier(0.215, 0.61, 0.355, 1), 150ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 150ms cubic-bezier(0.215, 0.61, 0.355, 1), 150ms cubic-bezier(0.215, 0.61, 0.355, 1)
}

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

    a:hover .HoverArrow__tipPath,
    button:hover .HoverArrow__tipPath {
        -webkit-transform: translateX(3px);
        transform: translateX(3px)
    }
}

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

    a:active .HoverArrow__tipPath,
    button:active .HoverArrow__tipPath {
        -webkit-transform: translateX(3px);
        transform: translateX(3px)
    }
}

.Checkoutgraze {
    height: 100%;
    border-radius: 28px;
    -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
}

.w-3\/4 {
    width: 75%;
}

.w-1\/3 {
    width: 33.33333%;
}

.shadow-lg {
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08);
}
.overflow-x-auto {
    overflow-x: auto;
}

.max-h-full {
    max-height: 100%;
}

.m-8 {
    margin: 2rem;
}

.flex {
    display: flex;
}

.border {
    border-width: 1px;
}

.rounded {
    border-radius: .25rem;
}

.bg-white {
    background-color: #fff;
}

.pb-12 {
    padding-bottom: 3rem;
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem;
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem;
}

.items-center {
    align-items: center;
}

.flex {
    display: flex;
}

.border-r {
    border-right-width: 1px;
}

.w-full {
    width: 100%;
}

.text-xs {
    font-size: .75rem;
}

.text-grey-darker {
    color: #606f7b;
}

.leading-none {
    line-height: 1;
}

.w-3 {
    width: .75rem;
}

.text-grey-darker {
    color: #606f7b;
}

.fill-current {
    fill: currentColor;
}

.mr-2 {
    margin-right: .5rem;
}

.h-3 {
    height: .75rem;
}

.block {
    display: block;
}

.cursor-pointer {
    cursor: pointer;
}

.w-6 {
    width: 1.5rem;
}

.text-blue {
    color: #0083ff;
}
.text-blue2 {
    color: #3490dc!important;
}
.fill-current {
    fill: currentColor;
}

.ml-6 {
    margin-left: 1.5rem;
}

.mr-4 {
    margin-right: 1rem;
}

.h-6 {
    height: 1.5rem;
}

.block {
    display: block;
}

.border-r {
    border-right-width: 1px;
}

.border-grey-lighter {
    border-color: var(--bg-search);
}

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

.w-12 {
    width: 3rem;
}

.uppercase {
    text-transform: uppercase;
}

.text-xl {
    font-size: 1.25rem;
}

.text-white {
    color: #fff;
}

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

.ml-2 {
    margin-left: .5rem;
}

.mb-2 {
    margin-bottom: .5rem;
}

.mt-2 {
    margin-top: .5rem;
}

.h-12 {
    height: 3rem;
}

.font-semibold {
    font-weight: 600;
}

.flex-no-shrink {
    flex-shrink: 0;
}

.text-sm {
    font-size: .875rem;
}

.border-b {
    border-bottom-width: 1px;
}

.border-blue {
    border-color: #3490dc;
}

.text-blue-lightest {
    color: #eff8ff;
    margin-top: 0.5rem;
}

.p-2 {
    padding: .5rem;
}

.pr-6 {
    margin-top: 0.5rem;
}

.font-normal {
    font-weight: 400;
}

.inline-block {
    display: inline-block;
}

.uppercase {
    text-transform: uppercase;
}

.h-12 {
    height: 3rem;
}

.font-semibold {
    font-weight: 600;
}

.pin-b {
    bottom: 0;
}

.absolute {
    position: absolute;
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.block {
    display: block;
}

.pin-r {
    right: 0;
}

.pin-t {
    top: 0;
}

.-mr-2 {
    margin-right: -0.5rem;
}

.-mt-2 {
    margin-top: -0.5rem;
}

.h-4 {
    height: 1rem;
}

.font-medium {
    font-weight: 500;
}
.font-bold {
    font-weight: 600;
}
.w-2\/3 {
    width: 66.66667%;
}
.w-7n {
    width: 76.66667%;
}
.overflow-y-auto {
    overflow-y: auto;
}

.overflow-hidden {
    overflow: hidden;
    overflow-y: hidden;
}

.w-auto {
    width: auto;
}

.pl-4 {
    padding-left: 1rem;
}

.pr-4 {
    padding-right: 1rem;
}

.h-8 {
    height: 2rem;
}

.flex-no-shrink {
    flex-shrink: 0;
}

.rounded-full {
    border-radius: 9999px;
}

.bg-cover {
    background-size: cover;
}

.bg-no-repeat {
    background-repeat: no-repeat;
}

.bg-center {
    background-position: center;
}

.bg-green {
    background-color: #38c172;
}
.bg-seen {
    background-color: #3490dc;
}
.bg-red {
    background-color: #e9454f;
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.w-8 {
    width: 2rem;
}

.pl-2 {
    padding-left: .5rem;
}

.text-grey-darkest {
    color: var(--side-menu);
}

.outline-none {
    outline: 0;
}

textarea {
    resize: vertical;
}

.bg-grey-lighter {
    background-color: var(--bg-search);
}

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

.w-4 {
    width: 1rem;
}

.text-black {
    color: var(--text-primary);
}

.-ml-2 {
    margin-left: -0.5rem;
}

.mr-1 {
    margin-right: .25rem;
}

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

.rounded-full {
    border-radius: 9999px;
}

.bg-red {
    background-color: #e3342f;
}

.text-red-lightest {
    color: #fcebea;
}

.border-grey-lighter {
    border-color: var(--bg-search);
}

.border-b {
    border-bottom-width: 1px;
}



*, ::before, ::after {
    border-width: 0;
    border-bottom-width: 0px;
    border-style: solid;
    border-color: #dae1e7;
}

.pdl_n {
    padding-left: 0px !important;
}

.pdr_n {
    padding-left: 0px !important;
}

.font_siz15 {
    font-size: 15px !important;
}

.font_siz14 {
    font-size: 14px !important;
}

.bg-cover {
    background-size: cover;
}

.bg-no-repeat {
    background-repeat: no-repeat;
}

.bg-center {
    background-position: center;
}

.bg-purple {
    background-color: #9561e2;
}

.vert {
    vertical-align: middle
}

.HeadPessage {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #828282;
}

.color_text_chat {
    color: #828282;
}

.chat_header_v2 ul {
    width: 100%;
    max-width: 400px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    list-style-type: none;
    padding: 10px;
    margin: 0;
}
.chat_header_v2_bg {
    background-image: var(--bg-inital);
    width: 100%;
    max-width: 400px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    list-style-type: none;
    padding: 10px;
    margin: 0;
}
.chat_header_v2 ul li {

    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
    padding: 5px 70px 5px 10px;
    border-radius: 10px 10px 10px 10px;
    margin-bottom: 12px;
    position: relative;
    margin-left: 5px;
    color: var(--side-menu);
}
.chat_header_v2 ul li.ruben, .chat_header_v2 ul li.rutger   {
    background: var(--bg-chat-light);
}

.chat_header_v2 ul li:before {
    content: '';
    position: absolute;
    left: -10px;
    bottom: 7px;
    width: 0;
    height: 0;
    border-bottom: 15px solid var(--bg-chat-light);
    border-left: 10px solid transparent;
}

.chat_header_v2 ul li .time {
    content: attr(data-time);
    position: absolute;
    right: 30px;
    bottom: 5px;
    font-size: 10px;
    opacity: 1;
    color: #898989;
}

.chat_header_v2 ul li .from {
    text-decoration: none;

    display: block;
    margin-bottom: 10px;
    color: #888;
}

.chat_header_v2 ul li .from:hover {
    text-decoration: underline;
}

.chat_header_v2 ul li .from .phone {
    font-weight: bold;
    margin-right: 8px;
}

.chat_header_v2 ul li.rutger .phone {
    color: #6bcbef;
}

.chat_header_v2 ul li.ruben .phone {
    color: #53d4a5;
}

.chat_header_v2 ul li.me {
    background: var(--bg-chat);
    align-self: flex-end;
    border-radius: 10px 10px 10px 10px;
    padding-right: 70px;
    color:#fff


}

.chat_header_v2 ul li.me:before {
    left: auto;
    right: -10px;
    border-bottom: 15px solid var(--bg-chat);
    border-right: 10px solid transparent;
    border-left: 0;
}

.chat_header_v2 ul li.me .time .tick {
    right: 26px;
}

.chat_header_v2 ul li.me[data-state] .time::after {

    color: #888;
}

.chat_header_v2 ul li.me[data-state="read"] .time::after {
    color: #57c6f4;
}

.chat_header_v2 ul li.same, .chat_header_v2 ul li.me + .me {
    margin-top: -9px;
}

.chat_header_v2 ul li.single-emoji {
    font-size: 200%;
}

.chat_header_v2 ul li:last-child {
    margin-bottom: 0;
}

.chat_header_v2 .tick svg {
    position: absolute;
    transition: .5s ease-in-out;
}


.chat_header_v2 ul li.me {
    background: var(--chat-bg);
    align-self: flex-end;
    border-radius: 10px 10px 10px 10px;
    padding-right: 70px;
}
.chat_header_v2 ul li.me::before {
    border-bottom: 15px solid var(--chat-bg);
}
.chat_header_v2 ul li.we {
    background: #abea58;
    align-self: flex-end;
    border-radius: 10px 10px 10px 10px;
    padding-right: 70px;
}
.chat_header_v2 ul li.we::before {
    border-bottom: 15px solid #abea58;
}
.chat_header_v2 ul li.we:before {
    left: auto;
    right: -10px;
    border-bottom: 15px solid #abea58;
    border-right: 10px solid transparent;
    border-left: 0;
}
.chat_header_v2 ul li.vb {
    background: #cde0fa;
    align-self: flex-end;
    border-radius: 10px 10px 10px 10px;
    padding-right: 70px;
}
.chat_header_v2 ul li.vb::before {
    border-bottom: 15px solid #cde0fa;
}
.chat_header_v2 ul li.tg {
    background: var(--chat-tg);
    align-self: flex-end;
    border-radius: 10px 10px 10px 10px;
    padding-right: 70px;
}
.chat_header_v2 ul li.tg::before {
    border-bottom: 15px solid var(--chat-tg);
}
.chat_header_v2 ul li.tg:before {
    left: auto;
    right: -10px;
    border-right: 10px solid transparent;
    border-left: 0;
}
.chat_header_v2 ul li.fb {
    background: #3e89fc;
    color:#fff;
    align-self: flex-end;
    border-radius: 10px 10px 10px 10px;
    padding-right: 70px;
}
.chat_header_v2 ul li.fb::before {
    border-bottom: 15px solid #3e89fc;
}
.chat_header_v2 ul li.vk {
    background: #d3e2fd;
    color:#3f464e;
    align-self: flex-end;
    border-radius: 10px 10px 10px 10px;
    padding-right: 70px;
}
.chat_header_v2 ul li.vk::before {
    border-bottom: 15px solid #d3e2fd;
}
.chat_header_v2 ul li.ok {
    background: #fdf7f2;
    color:#3f464e;
    align-self: flex-end;
    border-radius: 10px 10px 10px 10px;
    padding-right: 70px;
}
.chat_header_v2 ul li.ok::before {
    border-bottom: 15px solid #fdf7f2;
}
.chat_header_v2 ul li.fb-m {
    background: linear-gradient(#4A00E0, #FC466B);
    align-self: flex-end;
    border-radius: 10px 10px 10px 10px;
    padding-right: 70px;
    background-size: 100vw 100vh;
    background-attachment: fixed;
}

.chat_header_v2 ul li.sk {
    background: #c1e5f9;
    align-self: flex-end;
    border-radius: 10px 10px 10px 10px;
    padding-right: 70px;
}
.chat_header_v2 ul li.sk::before {
    border-bottom: 15px solid #c1e5f9;
}
.chat_header_v2 ul li.fb:before {
    left: auto;
    right: -10px;
    border-bottom: 15px solid #3e89fc;
    border-right: 10px solid transparent;
    border-left: 0;
}
.chat_header_v2 ul li.fb::before {
    border-bottom: 15px solid #3e89fc;
}
.chat_header_v2 ul li.light {
    background: var(--chat-light);
    align-self: flex-end;
    border-radius: 10px 10px 10px 10px;
    padding-right: 70px;


}
.chat_header_v2 ul li.me:before {
    left: auto;
    right: -10px;
    border-bottom: 15px solid var(--chat-bg);
    border-right: 10px solid transparent;
    border-left: 0;
}
.chat_header_v2 ul li.vb:before {
    left: auto;
    right: -10px;
    border-bottom: 15px solid #cde0fa!important;
    border-right: 10px solid transparent;
    border-left: 0;
}
.chat_header_v2 ul li.sk:before {
    left: auto;
    right: -10px;
    border-bottom: 15px solid #c1e5f9!important;
    border-right: 10px solid transparent;
    border-left: 0;
}
.chat_header_v2 ul li.me .time .tick {
    right: 26px;
}

.chat_header_v2 ul li.me[data-state] .time::after {

    color: #888;
}

.chat_header_v2 ul li.me[data-state="read"] .time::after {
    color: #57c6f4;
}

.chat_header_v2 ul li.same, .chat_header_v2 ul li.me + .me {
    margin-top: -9px;
}

.chat_header_v2 ul li.single-emoji {
    font-size: 200%;
}

.chat_header_v2 ul li:last-child {
    margin-bottom: 0;
}

.chat_header_v2 .tick svg {
    position: absolute;
    transition: .5s ease-in-out;
}

.chat_header_v2 ul li .tick {
    position: absolute;

    right: 10px;
    display: inline-block;

    margin-left: 2px;


    bottom: 4px;

    height: 16px;

    width: 16px;
}
.border-red-500 {
    border-color: #dc214f;
}

.color-blue-550 {
    color: #48a7fd;
}
.border-blue-550 {
    border-color: #48a7fd;
}
.color-red-550 {
    color: #dc214f;
}
.fnt_12 {
    font-size: 12px;
}

._10_m {
    margin-left: -10px;
}
.color-red{color: #db5151}
.color_t_chat {
    color: #b8c2cc;
}
.status_v3 {
    position: relative;
    top: 5px;
    left: 15px;
    margin-bottom: 4px;
    z-index: 200;
    height: 10px;
    width: 90%;
    background: url('/images/header_v2/social_app_status_light.png') no-repeat center center;
    background-size: auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.status_v2 {
    position: relative;
    top: 5px;
    left: 15px;
    margin-bottom: 4px;
    z-index: 200;
    height: 10px;
    width: 90%;
    background: var(--status-v2);
    background-size: auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.icon-head {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 48px;
    height: 45px;
}
.border-l-2 {
    border-left-width: 2px;
}

.border-blue {
    border-color: #3490dc;
}

.Helm-UserLogo_img {
    width: 100px;
    max-height: 35px !important;
}

@media (min-width: 670px) {
    .Hero__logos_header_v2 {
        margin-top: 0
    }
}

.Hero__logos_header_v2 ul {
    padding-bottom: 0px;
    margin-bottom: 0px;
    justify-content: center;
    padding-top: 20px;
}

.Hero__logos_header_v2 ul li {
    margin-bottom: 30px;
    justify-content: center
}

@media only screen and (max-width: 381px) {
    .Hero__logos_header_v2 ul li {
        width: 100%
    }
}

@media (min-width: 670px) {
    .Hero__logos_header_v2 ul {
        flex-wrap: nowrap;
        justify-content: space-around
    }

    .Hero__logos_header_v2 ul li {
        width: auto;
        margin-bottom: 0
    }
}

.Helm-LogoRow__logoRow {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center
}

@media (min-width: 670px) {
    .Helm-LogoRow__logoRow {
        justify-content: space-between
    }
}

.Helm-LogoRow__logoRow li {
    padding: 0 15px;
    display: flex;
    align-items: center
}

@media (min-width: 670px) {
    .Helm-LogoRow__logoRow li {
        margin-bottom: 24px
    }

    .Helm-LogoRow__logoRow li:first-child {
        padding-left: 0
    }

    .Helm-LogoRow__logoRow li:last-child {
        padding-right: 0
    }
}

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

@media (min-width: 1040px) {
    .Helm-LogoRow__logoRow li {
        padding: 0 22px
    }
}

.Helm-LogoRow__logoRow a {
    display: flex;
    cursor: pointer
}

.Helm-LogoRow__logoRow img, .Helm-LogoRow__logoRow svg {
    max-width: 100%;
    max-height: 45px;
    width: 45px;
}

@media (max-width: 670px) {
    .Helm-LogoRow__logoRow img, .Helm-LogoRow__logoRow svg {
        width: 40px;
    }
}

input {


    padding: 11px 0 9px 8px;
    font-weight: 400;
    color: var(--text-primary);

    outline: none;
    background: var(--bg-select);


    border-radius: 0px 4px 4px 0px;

    text-indent: 10px;
    transition: all .3s ease-in-out;
    position: relative;
    font-size: 16px;

}
.input-group-text {
    border-radius: .25rem 0rem 0rem .25rem!important;
}
.input-group_mask_v1 ul {margin-bottom: 0px}
.b_t_n {
    margin-left: 10px;
    margin-top: 10px;
}

@media (max-width: 670px) {
    input {
        margin-left: 0px;
        text-indent: 0px;width: 100%;
    }

    .b_t_n {
        width: 100%;
        margin-left: 0px;
    }

}

.flex_div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.in_top {
    -webkit-box-shadow: 0 2px 5px -1px rgba(50, 50, 93, .25), 0 1px 3px -1px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 5px -1px rgba(50, 50, 93, .25), 0 1px 3px -1px rgba(0, 0, 0, .3);



}
.in_top_to {
    -webkit-box-shadow: 0 2px 5px -1px rgba(50, 50, 93, .25), 0 1px 3px -1px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 5px -1px rgba(50, 50, 93, .25), 0 1px 3px -1px rgba(0, 0, 0, .3);


}
@media (max-width: 670px) {
    .flex_div {
        display: block
    }

    .mt_90 {
        margin-top: 10px !important;
    }

    .b_t_n_ {
        width: 100%;
        margin-left: 0px;
    }

    .in_top {
        margin-left: 0px;
        float: none;
        -webkit-box-shadow: 0 2px 5px -1px rgba(50, 50, 93, .25), 0 1px 3px -1px rgba(0, 0, 0, .3);
        box-shadow: 0 2px 5px -1px rgba(50, 50, 93, .25), 0 1px 3px -1px rgba(0, 0, 0, .3);
    }

    .in_top_to {
        margin-left: 0px;
        float: none;
    }

    input {
        flex: 1 1 auto;

    }
}

main {
    position: relative;
    display: block
}

main header {
    border-top: 1px solid transparent
}

@media (min-width: 670px) {
    main header {
        border: none
    }
}

main header .tghacker     {
    top: 0;
    grid:repeat(5, 60px)/repeat(10, 1fr);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#507eb1),
    color-stop(10%, #709dc7), color-stop(38%, var(--bg-main-2a)), color-stop(48%, var(--bg-main-2)), color-stop(62%, var(--bg-main)));
    background: var(--bg-gradient)
}
main header .odnoklassniki {
    top: 0;
    grid:repeat(5, 60px)/repeat(10, 1fr);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#e18a26),
    color-stop(10%, #e18a26), color-stop(38%, var(--bg-main-2a)), color-stop(48%, var(--bg-main-2)), color-stop(62%, var(--bg-main)));

}
main header .yahoo {
    top: 0;
    grid:repeat(5, 60px)/repeat(10, 1fr);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#6d128f),
    color-stop(10%, #6d128f), color-stop(21%, var(--bg-main-2a)), color-stop(48%, var(--bg-main-2)), color-stop(62%, var(--bg-main)));

}
main header .youtube {
    top: 0;
    grid:repeat(5, 60px)/repeat(10, 1fr);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#ec3323),
    color-stop(10%, #ec3323), color-stop(38%, var(--bg-main-2a)), color-stop(48%, var(--bg-main-2)), color-stop(62%, var(--bg-main)));

}
main header .outlook {
    top: 0;
    grid:repeat(5, 60px)/repeat(10, 1fr);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#2b6bb8),
    color-stop(10%, #2b6bb8), color-stop(38%, var(--bg-main-2a)), color-stop(48%, var(--bg-main-2)), color-stop(62%, var(--bg-main)));

}


main {
    overflow-x: hidden
}

main .tghacker, main .odnoklassniki, main .outlook, main .youtube, main .yahoo {
    position: absolute;
    z-index: -1;
    width: 100%;
    display: grid;
    -webkit-transform: skewY(-12deg);
    transform: skewY(-12deg)
}

.header__userLink_theme:before {
    opacity: .9;
    background: url(/icon/night.svg) no-repeat;
    background-size: 19px 19px;
    background-position-y: 2px;

}

.header-sticky .header__userLink_theme:before {
    opacity: .9;
    background: url(/icon/night.svg) no-repeat;
    background-size: 19px 19px;
    background-position-y: 2px;

}

.header__userLink:before {
    content: "";
    width: 22px;
    height: 21px;
    display: inline-block;
    opacity: .8;
    margin-bottom: -5px;
    background-repeat: no-repeat;
    transition: opacity .2s ease;
}

.darkTemplate .header__userLink_theme:before, .header__userLink_theme.theme_night:before {
    background: url(/icon/day.svg) no-repeat;
    background-size: 21px 21px;
}
.bar {
    width: 134px;
    position: relative;
    background: #fe2c55;
    margin-bottom: 16px;
}
.bar2 {
    width: 134px;
    position: relative;
    background: #fffd3c;
    margin-bottom: 16px;
}
.open-home-page .bar, .open-home-page .inner-bar, .open-home-page .bar2, .open-home-page .inner-bar2 {
    height: 4px;
    border-radius: 13px;
}
.open-home-page .inner-bar {
    width: 68%;
    margin-left: 33%;
    background: #25f4ee;
}
.open-home-page .inner-bar2 {
    width: 68%;
    margin-left: 33%;
    background: #fffd3c;
}
.about-tghack-stat svg {
    display: inline;
}
.arrow {
    color: var(--text-primary);
}
.form-phone {
    margin-top: 10px;
}

main .thhack {
    position: absolute;
    z-index: -1;
    width: 100%;
    display: grid;
    -webkit-transform: skewY(-12deg);
    transform: skewY(-12deg);
}

#onboarding-verification, .what-is {
    position: relative;
    margin-top: 30px
}

#onboarding-verification .thhack, .what-is .thhack {
    height: 100%;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    background: var(--line-to);
}

#onboarding-verification .thhack :first-child {
    grid-column: 3;
    background: -webkit-gradient(linear, left top, right top, from(rgba(241, 248, 252, 0)), to(#f1f8fc));
    background: linear-gradient(100grad, rgba(241, 248, 252, 0), #f1f8fc)
}
.what-is .thhack :first-child {
    grid-column: 3;
    background: -webkit-gradient(linear, left top, right top, from(rgba(241, 248, 252, 0)), to(#f1f8fc));
    background: linear-gradient(100grad, rgba(241, 248, 252, 0), #f1f8fc)
}
.css-1123yhp-sectionName {
text-align: center;
    color: #337be7 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 15px !important;
}

#compliance {
    position: relative;
    z-index: 3
}
.max-w1040 {
    max-width: 1040px;
}
#compliance .thhack {
    grid:200px/1fr minmax(0, 1000px) 1fr;
    grid:200px/1fr minmax(0, calc(1040px - 20px * 2)) 1fr
}

#compliance .thhack :first-child {
    grid-column-end: span 2;
    background: -webkit-gradient(linear, left top, right top, color-stop(45%, var(--bg-main-2)), to(var(--bg-main-2a)));
    background: linear-gradient(100grad, var(--bg-main-2) 45%, var(--bg-main-3))
}

#compliance .thhack :last-child {
    background: -webkit-gradient(linear, left top, right top, from(#5ab9e2), to(#4aacd4));
    background: linear-gradient(100grad, #b9a3c7, #b39cc8)
}

#compliance .common-UppercaseTitle {
    padding-top: 5px;
    margin-left: 10px;

}

#compliance .common-UppercaseTitle img {
    margin-left: auto;
    margin-right: auto
}

#compliance aside {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin-top: 30px;
    padding: 22px 20px 18px;
    border-radius: 4px;
    background: var(--bg-phone);
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

#compliance h2 {
    margin-bottom: 18px;
    color: #57c3f0;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px
}

#compliance li {
    position: relative;
    padding-left: 28px
}

#compliance li + li {
    margin-top: 9px
}

#compliance li:before {
    position: absolute;
    top: 3px;
    left: 0;
    width: 19px
}

#compliance .eu-guide {
    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: start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-column: span 2;
    padding: 30px;
    margin-top: 30px;
    overflow: hidden;
    -webkit-box-shadow: 0 13px 27px -5px rgba(50, 50, 93, .25), 0 8px 16px -8px rgba(0, 0, 0, .3), 0 -6px 16px -6px rgba(0, 0, 0, .025);
    box-shadow: 0 13px 27px -5px rgba(50, 50, 93, .25), 0 8px 16px -8px rgba(0, 0, 0, .3), 0 -6px 16px -6px rgba(0, 0, 0, .025)
}

#compliance .eu-guide svg {
    display: none;
    position: absolute;
    width: 130px;
    height: 130px;
    top: 50%;
    margin-top: -65px;
    left: -35px
}

#compliance .eu-guide .copy {
    max-width: 550px
}

#compliance .eu-guide .common-BodyText {
    margin-top: 10px
}

#compliance .eu-guide .common-Button--default {
    margin-top: 20px;
    background-color: #3ecf8e
}

#compliance .eu-guide .common-Button--default:active {
    color: #fff;
    background-color: #24b47e
}

@media (min-width: 670px) {
    #compliance .eu-guide {
        padding: 40px 40px 40px 140px
    }

    #compliance .eu-guide svg {
        display: block
    }
}

@media (min-width: 880px) {
    #compliance .common-UppercaseTitle {
        padding-bottom: 15px;
        padding-top: 40px;
        text-align: center
    }

    #compliance .container-lg {
        display: grid;
        grid:auto/1fr 1fr;
        grid-gap: 35px
    }

    #compliance aside {
        margin-top: 1px
    }

    #compliance .eu-guide {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 0
    }

    #compliance .eu-guide .copy {
        margin-right: 50px
    }

    #compliance .eu-guide .common-Button--default {
        margin-top: 0
    }
}

.Copy,
.Copy__header {
    display: grid;
    row-gap: 8px
}
@media (max-width: 670px) {
    .Copy__icon {

        display: grid!important;

        justify-items: center;
    }
    .Copy, .Copy__header {

        text-align: center;
    }
    .Copy__title{
        padding: 0px!important;
    }
    .Copy__body {
        padding: 0px!important;

    }
}
.Copy__header {
    position: relative;

}

.Copy__icon {
    min-height: 40px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    margin-bottom: 8px
}

.Copy__caption {
    margin-right: 10px;
    color: var(--link-color)
}

.Copy__title {
    position: relative;
    font: 500 16px/1.6 "sohne-var", "Helvetica Neue", "Arial", sans-serif;
    color: var(--text-primary);
    letter-spacing: 0.2px;
    padding: 0 32px 0 0px;
}

@media (max-width: 599px) {
    .Copy__title {
        font: 500 15px/1.6 "sohne-var", "Helvetica Neue", "Arial", sans-serif;

    }

}

.Copy__title:before {
    position: absolute;
    top: calc((1px + 1.6 * 15px - 15px) / 2);
    left: calc(16px * -1);
    width: 1px;
    height: 15px;
    background-color: var(--link-color), transparent);
    content: ""
}

.AnimatedIcon {
    --iconSize: 40px;
    --svgSize: 96px;
    position: relative;
    width: 40px;
    height: 40px;
    margin-left: calc(-1 * 16);
}

.AnimatedIcon__icon {
    position: absolute;
    top: calc(-1 * (96px - 40px) / 2);
    left: 0;
    display: block;
    pointer-events: none;
}


.intro__logo {
    height: 130px;
    background: url(/images/tg-center.svg) no-repeat 50%;
    background-size: auto;
    background-size: contain;
}
.intro__logo_bg {
    height: 130px;
    background: url(/images/telegram-fly.svg) no-repeat 50%;
    background-size: auto;
    background-size: contain;
}


.PricingFAQ {
    padding-top: 25px;
    padding-bottom: 18px
}

.PricingFAQ-row:last-child {
    margin-bottom: 0
}

.PricingFAQ-title {
    position: relative;
    margin: 1em 0 .3em;
    padding: 0 35px;
}

.PricingFAQ-title:before {
    content: "";
    background: var(--checkmark-ic);
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    left: 0
}

.PricingFAQ-body {
    margin: 0;


}

.text-align_center {
    text-align: center;
}
@media (min-width: 670px) {
    .text-align_center_to {
        text-align: center;
    }
}


.Workflow-itemNumber {
    display: block;
    margin-bottom: 10px;
    color: var(--bg-icon);
    font-family: Calibre, sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
}

.common-MediumBodyText_sub_v1 {
    color: var(--text-comonbody);
    font-weight: 400;
    font-size: 17px;
    line-height: 32px;
}

.EmailSubscriptionCTA {
    padding: 20px 0;

}

@media (min-width: 670px) {
    .EmailSubscriptionCTA .container-lg {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.EmailSubscriptionCTA .buttons, .EmailSubscriptionCTA .content {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%
}

.EmailSubscriptionCTA .buttons.buttons--reversed .common-Button {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.EmailSubscriptionCTA .buttons.buttons--reversed .common-Button--default {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.EmailSubscriptionCTA .title {
    font-weight: 400;
    font-size: 30px;
    line-height: 45px;
    color: var(--text-primary);
    margin: .75em 0
}

.EmailSubscriptionCTA .subtitle {
    font-weight: 300;
    color: var(--link-color);
    display: block
}

@media (min-width: 670px) {
    .EmailSubscriptionCTA .common-Button_sGroup {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.EmailSubscriptionCTA--roles .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (min-width: 670px) {
    .EmailSubscriptionCTA--roles .content {
        padding-right: 80px
    }
}

.EmailSubscriptionCTA--roles .buttons {
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial
}

.EmailSubscriptionCTA--eeoc .common-BodyText_v {
    font-size: 15px;
    line-height: 23px
}

@media (min-width: 670px) {
    .EmailSubscriptionCTA--eeoc .container-lg {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .EmailSubscriptionCTA--eeoc .common-ButtonGroup {
        margin: 16px 0 0
    }
}

.EmailSubscriptionCTA--eeoc .notice-desktop {
    display: none
}

@media (min-width: 670px) {
    .EmailSubscriptionCTA--eeoc .notice-desktop {
        display: block
    }
}

.EmailSubscriptionCTA--eeoc .notice-mobile {
    margin: 40px 0 0;
    display: block
}

@media (min-width: 670px) {
    .EmailSubscriptionCTA--eeoc .notice-mobile {
        display: none
    }
}


.EmailSubscriptionCTA--collect .content {
    margin: 0 0 20px
}

@media (min-width: 670px) {
    .EmailSubscriptionCTA--collect .content {
        margin: 0
    }
}

.EmailSubscriptionCTA--collect .title {
    margin: 0;
    color: var(--text-primary);
}

.EmailSubscriptionCTA--collect .collect-email-partial {
    width: 100%;
    max-width: 400px;
    position: relative
}

.EmailSubscriptionCTA--collect .collect-email {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    margin: 0
}

@media (min-width: 670px) {
    .EmailSubscriptionCTA--collect .collect-email {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.EmailSubscriptionCTA--collect .email-privacy-notice {
    margin-top: 8px
}

.EmailSubscriptionCTA--collect .email-privacy-notice p {
    font-size: 13px;
    line-height: 21px;
    color: var(--text-secondary)
}

@media (min-width: 670px) {
    .EmailSubscriptionCTA--collect .email-privacy-notice p {
        text-align: center;
    }
}

.EmailSubscriptionCTA--collect .email-privacy-notice a {
    color: var(--link-color);
    font-weight: 500
}

.EmailSubscriptionCTA--collect .collect-input {
    background: var(--bg-main-2);
    -webkit-box-shadow: 0 2px 5px -1px rgba(50, 50, 93, .25), 0 1px 3px -1px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 5px -1px rgba(50, 50, 93, .25), 0 1px 3px -1px rgba(0, 0, 0, .3);
    border-radius: 4px;
    overflow: hidden;
    font-size: 16px;
    line-height: 22px;
    color: var(--text-comonbody);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-box-shadow .15s ease;
    transition: -webkit-box-shadow .15s ease;
    transition: box-shadow .15s ease;
    transition: box-shadow .15s ease, -webkit-box-shadow .15s ease
}

.EmailSubscriptionCTA--collect .collect-input.active {
    -webkit-box-shadow: 0 6px 12px -2px rgba(50, 50, 93, .25), 0 3px 7px -3px rgba(0, 0, 0, .3);
    box-shadow: 0 6px 12px -2px rgba(50, 50, 93, .25), 0 3px 7px -3px rgba(0, 0, 0, .3)
}

.EmailSubscriptionCTA--collect .collect-input .email-field {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 80%
}

.collect-form {
    display: block !important;
}

.EmailSubscriptionCTA--collect .collect-input .submit-button {
    margin: 0;
    border: none;
    outline: none;
    background: transparent;
    padding: 9px 13px;
    font: inherit;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .025em;
    color: var(--bg-accent-2);
    cursor: pointer;
    position: relative;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    padding-left: 15px
}

.EmailSubscriptionCTA--collect .collect-input .submit-button:before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    bottom: 7px;
    width: 2px;

}

.EmailSubscriptionCTA--collect .collect-input .submit-button:focus {
    background-color: var(--bg-accent-2)
}

.EmailSubscriptionCTA--collect .collect-input .submit-button:hover {
    color: var(--link-color)
}

.EmailSubscriptionCTA--collect .collect-input .submit-button:active {
    color: var(--header-text);

}

.EmailSubscriptionCTA--collect .collect-input input[type=email] {
    border: none;
    outline: none;
    margin: 0;
    padding: 9px 13px;
    background: transparent;
    font: inherit;

}

.EmailSubscriptionCTA--collect .collect-input input[type=email]::-webkit-input-placeholder {
    color: var(--text-secondary)
}

.EmailSubscriptionCTA--collect .collect-input input[type=email]::-moz-placeholder {
    color: var(--text-secondary)
}

.EmailSubscriptionCTA--collect .collect-input input[type=email]:-ms-input-placeholder {
    color: var(--text-secondary)
}

.EmailSubscriptionCTA--collect .collect-error {
    width: 100%;
    text-align: center;
    font: 400 15px Camphor;
    color: var(--button-stop);
    position: absolute;
    right: 0;
    top: 100%;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    display: none
}


.EmailSubscriptionCTA--collect .collect-success {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: none
}

@media (min-width: 670px) {
    .EmailSubscriptionCTA--collect .collect-success {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-right: 80px
    }
}

.EmailSubscriptionCTA--collect .collect-success img {
    width: 22px;
    height: 22px;
    margin: 0 10px 0 0
}

.EmailSubscriptionCTA--collect .collect-success span {
    font-weight: 500
}

.common-Button_sGroup {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.jYhBYR::after {
    right: 0px;
    top: 0px;
    transform: rotateZ(180deg);
}

.jYhBYR::before, .jYhBYR::after {
    background: var(--rg-crypto);
    content: "";
    height: 12.5rem;
    position: absolute;
    width: 10rem;
    z-index: 2;
}

@media (max-width: 670px) {
    .jYhBYR::before, .jYhBYR::after {
        width: 3rem;
    }

}

.jYhBYR::before {
    left: 0px;
    top: 0px;
}

.jYhBYR {
    margin-bottom: 5rem;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.jIZkCX {
    display: flex;
    width: calc(500rem);
    opacity: 1;
    transition: opacity 0.25s ease-out 0s;
    animation: 90s linear 0s infinite normal none running jOVXA;
}

.dhYVOY {
    display: flex;
    flex-direction: column;
    -moz-box-align: center;
    align-items: center;
    margin: 0px 1rem;
}

.jIZkCX img {
    height: 4.3rem;
    width: 3.5rem;
}

.bIWTDs {
    margin: 0px;
}

.bIWTDs {
    width: 8.5rem;
    height: 8.5rem;
    max-width: calc(-4em + 33vw);
    max-height: calc(-4em + 33vw);
    border-radius: 5rem;
}

.izfzNl {
    margin: 1em 0px 0px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.1rem;
    color: var(--bg-icon);
}

.cSQEte {
    position: absolute;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.25s ease-out 0s;
}

@keyframes jOVXA {
    0% {

        transform: translateX(0px)

    }

    100% {
        transform: translateX(calc(-256rem))
    }
}

.rg-ten {
    position: relative;
}

.rg-ten::before, .rg-ten::after {
    background: var(--rg-crypto);
    content: "";
    height: 32.5rem;
    position: absolute;
    width: 10rem;
    z-index: 2;
}

@media (max-width: 670px) {
    .rg-ten::before, .rg-ten::after {
        width: 3rem;
    }
}

.rg-ten::after {
    right: 0px;
    top: 0px;
    transform: rotateZ(180deg);
}

.rg-ten::before {
    left: 0px;
    top: 0px;
}

.variant--Section {
    margin-top: 10px;
    margin-bottom: 10px;
}

.iRksni {
    color: var(--bg-icon);
    opacity: 0.9;
    letter-spacing: 0.15rem;
    text-transform: uppercase;
    margin: 4.8rem 4rem 2.6rem;
    text-align: center;
    font-weight: 600;
}

.Goal {
    position: relative;
    z-index: 1;
    padding: 10px
}

@media (min-width: 670px) {
    .Goal {
        padding-bottom: 20px
    }
}

.Goal__title {
    margin-bottom: 40px;
margin-left: 10px;
}

@media (min-width: 880px) {
    .Goal__title {
        margin-bottom: 50px;
        text-align: center
    }
}

.Goal__finePrint {
    font-style: italic;
    text-align: center
}

.Goal .PingPong {
    margin-top: 40px
}

@media (min-width: 670px) {
    .Goal .PingPong {
        margin-top: 60px
    }
}

.Goal .Rugby {
    margin-top: 20px;
    margin-bottom: 60px
}

@media (min-width: 670px) {
    .Goal .Rugby {
        margin-top: 40px
    }
}

.Goal .common-TgHackGrid .backgroundContainer {
    height: 120%
}

@media (min-width: 880px) {
    .Billiards__columns:last-of-type {
        margin-top: 40px
    }
}

.Helm-LayoutColumns {
    display: flex;
    flex-direction: column;
    max-width: 1140px;
    padding: 0 10px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 670px) {
    .Helm-LayoutColumns {
        display: grid;
        grid-column-gap: 40px;
        grid-row-gap: 40px
    }
}

.Helm-LayoutColumns--reverse {
    flex-direction: column-reverse
}

.Helm-LayoutColumns--extended {
    padding: 0
}

.Helm-LayoutColumns--gapLarge {
    grid-column-gap: 80px
}

.Helm-LayoutColumns--gapMedium {
    grid-column-gap: 40px
}

.Helm-LayoutColumns__column {
    position: relative;
    width: 100%
}

@media (min-width: 670px) {
    .Helm-LayoutColumns--2col {
        grid-template-columns:repeat(2, 1fr)
    }

    .Helm-LayoutColumns--3col {
        grid-template-columns:repeat(3, 1fr)
    }

    .Helm-LayoutColumns--4col {
        grid-template-columns:repeat(4, 1fr)
    }
}

.Helm-FeatureDetail {
    display: flex;
    flex-direction: column;
    margin-bottom: 12px
}

@media (min-width: 670px) {
    .Helm-FeatureDetail {
        margin-bottom: 0
    }
}

.Helm-FeatureDetail--left {
    flex-direction: row
}

.Helm-FeatureDetail__icon {
    margin: 0 16px 20px 0;text-shadow: 0 1px 1px rgba(0,0,0,.25);
    display: flex
}

.Helm-FeatureDetail--left .Helm-Icon--check {
    margin-top: 2px
}

.Helm-FeatureDetail--left .Helm-Icon--small {
    margin-top: -2px
}

.Helm-FeatureDetail--left .Helm-Icon--medium {
    margin-top: -8px;
    margin-right: 4px
}

.Helm-FeatureDetail__body, .Helm-FeatureDetail__title {
    margin-bottom: 8px
}

.Helm-FeatureDetail__footnote {
    color: #8898aa;
    font-size: 15px;
    margin-top: 42px
}

.Helm__fill--yellow5 {
    fill: #2e83bc;
}

.customers-customer {
    display: flex;
    justify-content: center;
    align-items: center
}

.customers-customer svg {
    max-width: 100%;
    height: auto;
    transform: scale(.8)
}

@media (min-width: 670px) {
    .customers-customer svg {
        transform: none
    }
}

.customers-callout {

    margin: 20px auto 0;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    color: var(--common-BodyText);

    border-radius: 4px
}

.customers-callout span {
    color: var(--text-primary);
    line-height: 24px;
    font-size: 15px;
}

.customers-callout figure {
    margin: 0 0 22px;
    display: none
}

@media (min-width: 670px) {
    .customers-callout {
        flex-direction: row;
        padding: 30px 10px;
        border: none;
        margin: 0 auto
    }

    .customers-callout figure {
        margin: 0 35px 0 0;
        display: block
    }
}

.pad_20 {
    padding: 20px !important;
}

.common-Card {
    position: relative;
    background: var(--bg-phone);
    border-radius: 8px;
    padding: 10px;
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.foreigner-banner .badge {
    padding: 2px 7px 3px 7px;
    border-radius: 9px;
    margin-right: 6px;
    font-size: 15px !important;
    font-weight: 500;
    background-color: #48a2d4;
    color: var(--button-white);text-shadow: 0 1px 1px rgba(0,0,0,.25);
}

.css-8c58y9 {

    font-weight: 500 !important;

}

.columns {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
@media (min-width:670px) {
    .columns {
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
.columns .left,
.columns .right {
    -ms-flex-preferred-size:50%;
    flex-basis:50%
}

section.blocks4s {
    position:relative;
    padding:0 10px 40px;
    margin-top:40px
}

section.blocks4s .intro-copy h2 {
    margin-bottom:20px
}
section.blocks4s .columns .right {
    position:relative
}

.blocks4-block h3,
.blocks4-block p {
    margin-bottom:10px;
    margin-right: 20px;
}
.blocks4-block h3:last-child,
.blocks4-block p:last-child {
    margin-bottom:0
}
.blocks4-block .icon {
    width:48px;
    height:48px
}

.globalFooter {
    font-family:Camphor,Open Sans,Segoe UI,sans-serif;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;

    position:relative
}

.globalFooter.withCards>* {
    pointer-events:auto;
    position:relative
}
.globalFooter.withCards:before {
    content:"";
    position:absolute;
    left:0;
    right:0;

    background:var(--bg-footer);
    -webkit-transform:skew(0,-12deg);
    transform:skew(0,-12deg)
}
.globalFooter .fine-print {
    margin-top:32px
}
@media (min-width:670px) {
    .globalFooter .fine-print {
        margin-top:0
    }
}
@media (min-width:880px) {
    .globalFooter .fine-print {
        width:50%
    }
}
.globalFooterCards .container-lg,
.globalFooterCards .container-xl {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:-15px auto;
    padding:0 5px
}
a.globalFooterCard,
div.globalFooterCard {
    -webkit-box-flex:1;
    -ms-flex:1 1 100%;
    flex:1 1 100%;
    margin:15px;
    z-index:499;
    z-index:calc(500 - 1);
    position:relative;
    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-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    overflow:hidden;
    padding:40px 40px 40px 120px;
    background-color:var(--bg-footer);
    border-radius:8px;
    -webkit-box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025);
    box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025);
    -webkit-transition-property:color,background-color,-webkit-box-shadow,-webkit-transform;
    transition-property:color,background-color,-webkit-box-shadow,-webkit-transform;
    transition-property:color,background-color,box-shadow,transform;
    transition-property:color,background-color,box-shadow,transform,-webkit-box-shadow,-webkit-transform;
    -webkit-transition-duration:.15s;
    transition-duration:.15s
}
a.globalFooterCard:after,
div.globalFooterCard:after {
    content:"";
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background:#aab7c4;
    pointer-events:none;
    opacity:0;
    -webkit-transition:opacity .15s;
    transition:opacity .15s
}
@media (min-width:670px) {
    a.globalFooterCard,
    div.globalFooterCard {
        -ms-flex-preferred-size:1%;
        flex-basis:1%;
        padding-left:100px
    }
}
@media (min-width:880px) {
    a.globalFooterCard,
    div.globalFooterCard {
        padding-left:100px
    }
}
a.globalFooterCard:hover,
div.globalFooterCard:hover {

    -webkit-transform:translateY(-2px);
    transform:translateY(-2px)
}
a.globalFooterCard:active,
a.globalFooterCard:hover,
div.globalFooterCard:active,
div.globalFooterCard:hover {
    -webkit-box-shadow:0 30px 60px -12px rgba(50,50,93,.25),0 18px 36px -18px rgba(0,0,0,.3),0 -12px 36px -8px rgba(0,0,0,.025);
    box-shadow:0 30px 60px -12px rgba(50,50,93,.25),0 18px 36px -18px rgba(0,0,0,.3),0 -12px 36px -8px rgba(0,0,0,.025)
}
a.globalFooterCard:active,
div.globalFooterCard:active {
    -webkit-transform:translateY(2px);
    transform:translateY(2px)
}
a.globalFooterCard:active:after,
div.globalFooterCard:active:after {
    opacity:.15
}
a.globalFooterCard img,
a.globalFooterCard svg,
div.globalFooterCard img,
div.globalFooterCard svg {
    position:absolute;
    width:80px;
    height:90px;
    left:15px;
    top:calc(50% - 45px)
}
@media (min-width:670px) {
    a.globalFooterCard img,
    a.globalFooterCard svg,
    div.globalFooterCard img,
    div.globalFooterCard svg {
        left:-50px
    }
}
@media (min-width:880px) {
    a.globalFooterCard img,
    a.globalFooterCard svg,
    div.globalFooterCard img,
    div.globalFooterCard svg {
        left: 5px;
    }
}
a.globalFooterCard.card-life-at-tghack svg,
div.globalFooterCard.card-life-at-tghack svg {
    top:calc(50% - 62px)
}
a.globalFooterCard svg .hover-fillDark,
a.globalFooterCard svg .hover-fillLight,
a.globalFooterCard svg .hover-fillMedium,
div.globalFooterCard svg .hover-fillDark,
div.globalFooterCard svg .hover-fillLight,
div.globalFooterCard svg .hover-fillMedium {
    -webkit-transition:fill .15s;
    transition:fill .15s
}
a.globalFooterCard svg .hover-strokeDark,
a.globalFooterCard svg .hover-strokeLight,
div.globalFooterCard svg .hover-strokeDark,
div.globalFooterCard svg .hover-strokeLight {
    -webkit-transition:stroke .15s;
    transition:stroke .15s
}
a.globalFooterCard:hover svg .hover-fillDark,
div.globalFooterCard:hover svg .hover-fillDark {
    fill:#32325d
}

.globalFooterCTA {
    padding:10px 0;

}
@media (min-width:670px) {
    .globalFooterCTA .container-lg {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
}
.globalFooterCTA .buttons,
.globalFooterCTA .content {
    -webkit-box-flex:1;
    -ms-flex:1 0 50%;
    flex:1 0 50%
}
.globalFooterCTA .buttons.buttons--reversed .common-Button {
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2
}
.globalFooterCTA .buttons.buttons--reversed .common-Button--default {
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1
}
.globalFooterCTA .title {
    font-weight:400;
    font-size:30px;
    line-height:45px;
    color:var(--common-BodyText);
    margin:.75em 0
}
.globalFooterCTA .subtitle {
    font-weight:300;
    color:var(--link-color);
    display:block
}
@media (min-width:670px) {
    .globalFooterCTA .common-ButtonGroup {
        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end
    }
}
.globalFooterCTA--roles .content {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
@media(min-width:670px) {
    .globalFooterCTA--roles .content {
        padding-right:80px
    }
}
.globalFooterCTA--roles .buttons {
    -webkit-box-flex:initial;
    -ms-flex:initial;
    flex:initial
}
.globalFooterCTA--eeoc .common-BodyText {
    font-size:15px;
    line-height:23px
}
@media(min-width:670px) {
    .globalFooterCTA--eeoc .container-lg {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start
    }
    .globalFooterCTA--eeoc .common-ButtonGroup {
        margin:16px 0 0
    }
}
.globalFooterCTA--eeoc .notice-desktop {
    display:none
}
@media(min-width:670px) {
    .globalFooterCTA--eeoc .notice-desktop {
        display:block
    }
}
.globalFooterCTA--eeoc .notice-mobile {
    margin:40px 0 0;
    display:block
}
@media(min-width:670px) {
    .globalFooterCTA--eeoc .notice-mobile {
        display:none
    }
}
.globalFooterCTA--collect {
    padding-top:calc(50px + .75em)
}
.globalFooterCTA--collect .content {
    margin:0 0 20px
}
@media(min-width:670px) {
    .globalFooterCTA--collect .content {
        margin:0
    }
}
.globalFooterCTA--collect .title {
    margin:0;
    color:#32325d
}
.globalFooterCTA--collect .collect-email-partial {
    width:100%;
    max-width:400px;
    position:relative
}
.globalFooterCTA--collect .collect-email {
    -webkit-box-flex:1;
    -ms-flex:1 0 50%;
    flex:1 0 50%;
    margin:0
}
@media (min-width:670px) {
    .globalFooterCTA--collect .collect-email {
        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end
    }
}
.globalFooterCTA--collect .email-privacy-notice {
    margin-top:8px
}
.globalFooterCTA--collect .email-privacy-notice p {
    font-size:13px;
    line-height:21px;
    color:#8898aa
}
.globalFooterCTA--collect .email-privacy-notice a {
    color:var(--link-color);
    font-weight:500
}
.globalFooterCTA--collect .collect-input {
    background:#fff;
    -webkit-box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);
    box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);
    border-radius:4px;
    overflow:hidden;
    font-size:16px;
    line-height:22px;
    color:#32325d;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-transition:-webkit-box-shadow .15s ease;
    transition:-webkit-box-shadow .15s ease;
    transition:box-shadow .15s ease;
    transition:box-shadow .15s ease,-webkit-box-shadow .15s ease
}
.globalFooterCTA--collect .collect-input.active {
    -webkit-box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);
    box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3)
}
.globalFooterCTA--collect .collect-input .email-field {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    width:50%
}
.globalFooterCTA--collect .collect-input .submit-button {
    margin:0;
    border:none;
    outline:none;
    background:transparent;
    padding:9px 13px;
    font:inherit;
    font-size:15px;
    text-transform:uppercase;
    font-weight:600;
    letter-spacing:.025em;
    color:var(--link-color);
    cursor:pointer;
    position:relative;
    -webkit-transition:all .15s ease;
    transition:all .15s ease;
    padding-left:15px
}
.globalFooterCTA--collect .collect-input .submit-button:before {
    content:"";
    position:absolute;
    left:0;
    top:7px;
    bottom:7px;
    width:2px;
    background:#f6f9fc
}
.globalFooterCTA--collect .collect-input .submit-button:focus {
    background-color:#f6f9fc
}
.globalFooterCTA--collect .collect-input .submit-button:hover {
    color:#7795f8
}
.globalFooterCTA--collect .collect-input .submit-button:active {
    color:#4582be;
    background-color:#f6f9fc
}
.globalFooterCTA--collect .collect-input input[type=email] {
    border:none;
    outline:none;
    margin:0;
    padding:9px 13px;
    background:transparent;
    font:inherit;
    color:#32325d
}
.globalFooterCTA--collect .collect-input input[type=email]::-webkit-input-placeholder {
    color:#aab7c4
}
.globalFooterCTA--collect .collect-input input[type=email]::-moz-placeholder {
    color:#aab7c4
}
.globalFooterCTA--collect .collect-input input[type=email]:-ms-input-placeholder {
    color:#aab7c4
}
.globalFooterCTA--collect .collect-error {
    width:100%;
    text-align:center;
    font:400 15px Camphor;
    color:#6b7c93;
    position:absolute;
    right:0;
    top:100%;
    -webkit-transform:translateY(10px);
    transform:translateY(10px);
    display:none
}
@media(min-width:670px) {
    .globalFooterCTA--collect .collect-error {
        text-align:right
    }
}
.globalFooterCTA--collect .collect-success {
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    display:none
}
@media(min-width:670px) {
    .globalFooterCTA--collect .collect-success {
        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end;
        padding-right:80px
    }
}
.globalFooterCTA--collect .collect-success img {
    width:22px;
    height:22px;
    margin:0 10px 0 0
}
.globalFooterCTA--collect .collect-success span {
    font-weight:500
}
.globalFooterNav {
    padding:35px 0 35px;
    color:#8898aa;
    line-height:30px;
    font-size:15px;
    white-space:nowrap
}
@media (min-width:880px) {
    .globalFooterNav {
        padding:25px 0 15px;
    }
}
.globalFooterNav ul {
    padding:0;
    margin:0
}
.globalFooterNav li {
    list-style:none
}
.globalFooterNav .container-lg {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
@media (min-width:880px) {
    .globalFooterNav .container-lg {
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap
    }
}
.globalFooterNav a {
    text-decoration:none;
    color:inherit;
    -webkit-transition:color .1s;
    transition:color .1s
}
.globalFooterNav a:hover {
    color:#3490dc
}
.globalFooterNav .metaNav {
    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-flex:2;
    -ms-flex-positive:2;
    flex-grow:2;
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
    margin-bottom:20px;
    -webkit-box-align:baseline;
    -ms-flex-align:baseline;
    align-items:baseline
}
@media (min-width:420px) {
    .globalFooterNav .metaNav {
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row
    }
}
@media (min-width:880px) {
    .globalFooterNav .metaNav {
        -ms-flex-preferred-size:auto;
        flex-basis:auto;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        margin:0 0 20px
    }
}
.globalFooterNav .metaNav>li {
    margin-right:20px
}
.globalFooterNav .metaNav .select {
    position:relative;
    -webkit-perspective:2000px;
    perspective:2000px;
    z-index:499;
    z-index:calc(500 - 1)
}
.globalFooterNav .metaNav .rootLink {
    color:var(--link-color);
    font-weight:600;
    cursor:pointer;
    white-space:normal;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    line-height:1.5;
    margin-bottom:10px
}
.globalFooterNav .metaNav .rootLink:hover {
    color:#32325d
}
@media (min-width:880px) {
    .globalFooterNav .metaNav .rootLink {
        max-width:140px
    }
}
@media (min-width:1040px) {
    .globalFooterNav .metaNav .rootLink {
        max-width:none
    }
}
.globalFooterNav .metaNav .rootLink svg {
    display:inline-block;
    margin:4px 10px 0 0;
    min-width:13px
}
.globalFooterNav .metaNav .rootLink svg path {
    fill:currentColor
}
.globalFooterNav .metaNav .select.globalPopupActive .rootLink {
    color:#32325d
}
.globalFooterNav .metaNav .space {
    -webkit-box-flex:2;
    -ms-flex-positive:2;
    flex-grow:2
}
.globalFooterNav .metaNav .copyright {
    margin-right:0;
    color:#aab7c4
}
.globalFooterNav .mx-legal {
    padding-top:30px;
    margin-top:20px;
    border-top:1px solid #e6ebf1;
    white-space:normal;
    font-size:15px;
    line-height:1.6
}
.globalFooterNav .siteNav {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media (min-width:670px) {
    .globalFooterNav .siteNav {
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap
    }
}
@media (min-width:880px) {
    .globalFooterNav .siteNav {
        -webkit-box-flex:0;
        -ms-flex-positive:0;
        flex-grow:0
    }
}
.globalFooterNav .siteNav .column {
    -ms-flex-preferred-size:50%;
    flex-basis:50%;
    margin-bottom:20px
}
@media (min-width:670px) {
    .globalFooterNav .siteNav .column {
        -ms-flex-preferred-size:auto!important;
        flex-basis:auto!important;
        margin-right:40px
    }
}
@media (min-width:880px) {
    .globalFooterNav .siteNav .column {
        margin-right:30px
    }
}
@media (min-width:1040px) {
    .globalFooterNav .siteNav .column {
        margin-right:40px
    }
}
.globalFooterNav .siteNav .column:last-child {
    margin-right:0
}
.globalFooterNav .siteNav .splitColumn {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}

.globalFooterNav .siteNav li.long-link {
    margin-right:20px
}
.globalFooterNav .siteNav .column:last-child li {
    margin-right:0
}
.globalFooterNav .siteNav h4 {
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.025em;
    margin:0 0 5px
}
.globalFooterNav .siteNav strong {
    font-weight:500
}
.globalFooterNav .popup {
    position:absolute;
    top:-12px;
    left:-5px;
    z-index:1000;
    font-size:15px;
    line-height:26px;
    background:#fff;
    border-radius:4px;
    -webkit-box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3),0 -18px 60px -10px rgba(0,0,0,.025);
    box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3),0 -18px 60px -10px rgba(0,0,0,.025);
    pointer-events:none;
    -webkit-transform:translateY(-100%) rotate3d(1,1,0,15deg);
    transform:translateY(-100%) rotate3d(1,1,0,15deg);
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    opacity:0;
    will-change:transform,opacity;
    -webkit-transition-property:opacity,-webkit-transform;
    transition-property:opacity,-webkit-transform;
    transition-property:transform,opacity;
    transition-property:transform,opacity,-webkit-transform;
    -webkit-transition-duration:.25s;
    transition-duration:.25s
}
@media (min-width:1160px) {
    .globalFooterNav .popup {
        left:-65px
    }
}
.globalFooterNav .popup:before {
    content:"";
    position:absolute;
    bottom:-6px;
    left:30px;
    width:20px;
    height:20px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    border-radius:20px 0 3px 0;
    background:#fff
}
@media (min-width:1160px) {
    .globalFooterNav .popup:before {
        left:60px
    }
}
.globalFooterNav .country .popup {
    width:calc(100vw - 30px)
}
@media (min-width:670px) {
    .globalFooterNav .country .popup {
        width:auto
    }
}
.globalFooterNav .globalPopupActive {
    z-index:1000!important
}
.globalFooterNav .globalPopupActive .popup {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
    opacity:1;
    pointer-events:auto
}
.globalFooterNav .optionList {
    color:var(--common-BodyText);
    -webkit-box-flex:1;
    -ms-flex:1 1 50%;
    flex:1 1 50%;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.globalFooterNav .optionList li {
    width:100%;
    white-space:normal
}
@media (min-width:670px) {
    .globalFooterNav .optionList li {
        white-space:inherit
    }
}
.globalFooterNav .optionList a {
    position:relative;
    border-radius:4px;
    display:block;
    line-height:21px;
    -webkit-transition:color .1s,background-color .1s;
    transition:color .1s,background-color .1s
}
.globalFooterNav .optionList a:hover {
    background-color:#f6f9fc;
    color:#32325d
}
.globalFooterNav .optionList a:active {
    background-color:#e6ebf1
}
.globalFooterNav .optionList a:before {
    position:absolute;
    top:10px;
    left:0
}
.globalFooterNav .optionList a>span {
    margin-right:4px;
    white-space:nowrap
}
@media (min-width:670px) {
    .globalFooterNav .optionList a {
        padding:8px 15px 7px
    }
}
.globalFooterNav .countryPicker .optionList a {
    padding:8px 0 7px 37px
}
@media (min-width:670px) {
    .globalFooterNav .countryPicker .optionList a {
        padding-left:52px;
        padding-right:15px
    }
    .globalFooterNav .countryPicker .optionList a:before {
        left:15px
    }
}
.globalFooterNav .optionList .selected {
    font-weight:600;
    color:#32325d
}
.globalFooterNav .optionList .selected>span:before {
    content:"";
    display:inline-block;
    width:14px;
    height:14px;
    vertical-align:-2px;
    margin:0 6px 0 -2px;
    background-size:contain;
    background-repeat:no-repeat
}
.globalFooterNav .badge {
    font-size:10px;
    line-height:10px;
    color:#aab7c4;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.025em;
    font-style:normal;
    padding:2px 3px 1px;
    border-radius:4px;
    border:1px solid #e6ebf1;
    display:inline-block;
    vertical-align:1px
}
.globalFooterNav .languagePicker {
    padding:10px 20px
}
@media (min-width:670px) {
    .globalFooterNav .languagePicker {
        padding:10px 5px
    }
}
.globalFooterNav .countryPicker {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    overflow:visible
}
.globalFooterNav .countryPicker:before {
    background:#f6f9fc
}
@media (min-width:670px) {
    .globalFooterNav .countryPicker {
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row
    }
    .globalFooterNav .countryPicker:before {
        background:#fff
    }
}
.globalFooterNav .columns {
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:100%
}
.globalFooterNav .columns,
.globalFooterNav .sidebar {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.globalFooterNav .sidebar {
    background:#f6f9fc;
    border-radius:0 0 5px 5px;
    overflow:visible;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.globalFooterNav .sidebar .countryList {
    background:#f6f9fc
}
@media (min-width:670px) {
    .globalFooterNav .sidebar {
        border-radius:0 5px 5px 0
    }
}
.globalFooterNav .sidebar .optionList a:hover {
    background-color:rgba(230,235,241,.5)
}
.globalFooterNav .sidebar .optionList a:active {
    background-color:rgba(207,215,223,.5)
}
.globalFooterNav .countryList {
    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-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    max-width:calc(100vw - 30px);
    -webkit-overflow-scrolling:touch;
    background-color:#fff;
    overflow:visible;
    border-radius:5px;
    border-bottom:2px solid #fff
}
.globalFooterNav .countryList h4 {
    margin:0 0 5px
}
.globalFooterNav .countryList h4 a {
    line-height:36px;
    padding:0;
    text-transform:uppercase;
    color:var(--link-color);
    font-size:14px;
    font-weight:600;
    letter-spacing:.025em
}
.globalFooterNav .countryList h4 a:hover {
    color:#32325d
}
.globalFooterNav .countryList h4 a:after {
    font:normal 16px StripeIcons;
    content:"\2192";
    margin-left:6px
}
@media (min-width:670px) {
    .globalFooterNav .countryList h4 a {
        padding:0 15px
    }
}
.globalFooterNav .globalLink {
    padding:20px 25px
}
.globalFooterNav .globalLink:hover {
    color:#424770
}
.globalFooterNav .globalLink:hover strong {
    color:#32325d
}
@media (min-width:670px) {
    .globalFooterNav .globalLink {
        padding:30px 40px
    }
}
.globalFooterNav .globalLink strong {
    display:block;
    color:var(--link-color);
    font-weight:500;
    -webkit-transition:color .1s;
    transition:color .1s
}
.globalFooterNav .globalLink strong:after {
    font:normal 16px StripeIcons;
    content:"\2192";
    margin-left:6px
}
.globalFooterNav.globalFooterNav--collapsed {
    padding-top:35px;
    padding-bottom:18px
}
@media (min-width:670px) {
    .globalFooterNav.globalFooterNav--collapsed {
        padding-top:17px;
        padding-bottom:12px
    }
}
.globalFooterNav.globalFooterNav--collapsed .container-lg {
    padding:0 28px
}
@media (min-width:670px) {
    .globalFooterNav.globalFooterNav--collapsed .container-lg {
        padding:0 20px
    }
}
.globalFooterNav.globalFooterNav--collapsed .metaNav {
    margin:0;
    display:block
}
@media (min-width:670px) {
    .globalFooterNav.globalFooterNav--collapsed .metaNav {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row
    }
}
@media (min-width:670px) {
    .globalFooterNav.globalFooterNav--collapsed .metaNav .country {
        margin-right:35px
    }
}
.globalFooterNav.globalFooterNav--collapsed .metaNav .copyright {
    position:absolute;
    right:28px;
    top:35px
}
@media (min-width:670px) {
    .globalFooterNav.globalFooterNav--collapsed .metaNav .copyright {
        position:static
    }
}
.globalFooterNav.globalFooterNav--collapsed .siteNav {
    display:none
}

.common-Button {
    white-space:nowrap;
    display:inline-block;text-shadow: 0 1px 1px rgba(0,0,0,.25);
    height:40px;
    line-height:40px;

    -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);
    background:#fff;
    border-radius:16px;
    font-size:15px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.025em;
    color:var(--link-color);
    text-decoration:none;
    -webkit-transition:all .15s ease;
    transition:all .15s ease
}
.keyboard-navigation .common-Button:focus {
    outline:none;
    -webkit-box-shadow:0 0 0 1.5px hsla(0,0%,100%,.75),0 0 0 1.25px rgba(82,95,127,.5) inset,0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025);
    box-shadow:0 0 0 1.5px hsla(0,0%,100%,.75),inset 0 0 0 1.25px rgba(82,95,127,.5),0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025)
}
.common-Button.js-hover,
.common-Button:focus,
.common-Button:hover {
    color:#4582be;
    -webkit-transform:translateY(-1px);
    transform:translateY(-1px);
    -webkit-box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025);
    box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025);
    -webkit-box-shadow:0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
    box-shadow:0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08)
}
.common-Button.js-active,
.common-Button:active {
    color:#4582be;
    background-color:#f6f9fc;
    -webkit-transform:translateY(1px);
    transform:translateY(1px);
    -webkit-box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);
    box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3)
}
.common-Button--default {
    color:#fff;
    background:var(--link-color)
}
.common-Button--default.js-hover,
.common-Button--default:focus,
.common-Button--default:hover {
    color:#fff;
    background-color:#4582be
}
.common-Button--default.js-active,
.common-Button--default:active {
    color:#e6ebf1;
    background-color:#4582be
}
.common-Button--dark {
    color:#fff;
    background:#32325d
}
.common-Button--dark:focus,
.common-Button--dark:hover {
    color:#fff;
    background-color:#43458b
}
.common-Button--dark:active {
    color:#e6ebf1;
    background-color:#32325d
}
.common-Button--disabled,
.js-disabled {
    color:#fff;
    background:#aab7c4;
    pointer-events:none
}
.common-ButtonIcon {
    display:inline;
    margin:0 5px 0 0;
    position:relative
}
.common-ButtonGroup {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:-10px
}
.common-ButtonGroup .common-Button {
    -ms-flex-negative:0;
    flex-shrink:0;
    padding: 0 14px;
    margin:10px
}
.Foot_t {
    font-size: 13px;
    color: #aab9c9;
    line-height: 18px;
}

.cookie-disclaimer {
    background-color: var(--cookieDisclaumerBackgroundColor);
    color: var(--cookieDisclaumerColor);
    font-size: var(--cookieDisclaumerFontSize);
    opacity: 0;
    padding: var(--cookieDisclaumerPadding);
    transform: translateY(100%);
    transition: opacity 0.3s, transform 0.5s;
}


.cookie-disclaimer.is-active {
    opacity: 1;
    transform: translateY(0);
    z-index: 9;

}

.cookie-disclaimer :first-child {
    margin-top: 0;
}

.cookie-disclaimer :last-child {
    margin-bottom: 0;
}


.cookie-notification-container {
    position:fixed!important;
    left:0;
    right:0;
    bottom:0;
    text-align:center;
    display:none;
    z-index:1100;
    z-index:calc(1000 + 100);
    pointer-events:none
}
@media (min-width:420px) {
    .cookie-notification-container {
        bottom:10px
    }
}
.cookie-notification-container.shown {
    display:block
}
.cookie-notification-container.dismissed,
.cookie-notification-container.shown.dismissed {
    display:none
}
.cookie-notification {
    background:var(--bg-main);
    -webkit-box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);
    box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);
    font-size:15px;
    color:var(--text-primary);
    margin:0 auto;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}

@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))) {
    .cookie-notification {
        background:rgba(246,249,252,.75);
        -webkit-backdrop-filter:blur(20px);
        backdrop-filter:blur(20px)
    }
}
@media (min-width:420px) {
    .cookie-notification {
        border-radius:4px
    }
}
.cookie-notification-container.shown .cookie-notification {
    pointer-events:all
}
.cookie-notification .cookie-notification-copy {
    padding:8px 5px 8px 15px
}
.cookie-notification .dismiss-button {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background:transparent;
    border:none;
    outline:none;
    overflow:hidden;
    text-indent:-9999px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    position:relative;
    width:40px;
    height:40px;
    color:#8898aa;
    -webkit-transition:color .15s;
    transition:color .15s;
    cursor:pointer
}
.cookie-notification .dismiss-button:after,
.cookie-notification .dismiss-button:before {
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:15px;
    height:2px;
    background:currentColor;
    border-radius:2px;
    -webkit-transform:translate(-50%,-50%) rotate(45deg);
    transform:translate(-50%,-50%) rotate(45deg)
}
.cookie-notification .dismiss-button:after {
    -webkit-transform:translate(-50%,-50%) rotate(-45deg);
    transform:translate(-50%,-50%) rotate(-45deg)
}
.cookie-notification .dismiss-button:hover {
    color:var(--amber-wait);
}

.breadcrumbs {
    font-size:13px;

}
.breadcrumbs:after,.breadcrumbs:before {
    content:"";
    display:table
}
.breadcrumbs:after {
    clear:both;
}
.breadcrumbs li {
    float:left
}
.breadcrumbs li>a,.breadcrumbs li>span {
    float:left;
    position:relative;
    padding:2px 0
}
.breadcrumbs li>a {
    color:#aab9c9
}
.breadcrumbs li>a:hover {
    color:#292e31
}
.breadcrumbs li>a:hover::before {
    opacity:1!important
}
.breadcrumbs li.right {
    float:right
}
.breadcrumbs li.right a {
    font-weight:500;
    color:#4c555a
}
.breadcrumbs li.right a:hover {
    color:#292e31
}
.breadcrumbs li span {
    color:#c9ced1
}
.breadcrumbs li span.amp {
    color:inherit
}
.breadcrumbs li::before {

    content: "";
    float: left;
    width: 28px;
    height: 24px;
    background: center no-repeat;
    background-image: none;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjE1IiB2aWV3Qm94PSItMzAxIDM4OSA5IDE1Ij48cGF0aCBzdHJva2U9IiNEQkRFRTAiIHN0cm9rZS13aWR0aD0iMS4xIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGZpbGw9Im5vbmUiIGQ9Ik0tMjk5LjggMzkwLjJsNi4zIDYuMy02LjMgNi4zIi8+PC9zdmc+);
    background-repeat: no-repeat;

}
.breadcrumbs li.right::before,.breadcrumbs li:first-child::before {
    content:none
}
.breadcrumbs li>ul {
    float:left
}
.breadcrumbs li>ul li::before {
    width:4px;
    height:4px;
    margin:25px 18px;
    background:#c9ced1;
    border-radius:50%
}
.breadcrumbs li.icon a {
    padding-left:30px;
}
.breadcrumbs li.icon a::before {
    content:"";
    position:absolute;
    width:29px;
    height:29px;
    left:-3px;
    top:50%;
    margin-top:-14px;
    opacity:.8;

}
.breadcrumbs li.accounting-and-taxes a:before {
    background-position:0 0
}
.breadcrumbs li.disputes-and-fraud a:before {
    background-position:-29px 0;
}
.breadcrumbs li.charges-and-refunds a:before {
    background-position:-58px 0
}
.breadcrumbs li.international a:before {
    background-position:-87px 0
}
.breadcrumbs li.my-account a:before {
    background-position:-116px 0
}
.breadcrumbs li.connect a:before {
    background-position:-145px 0
}
.breadcrumbs li.subscriptions a:before {
    background-position:-174px 0
}
.breadcrumbs li.transfers-and-deposits a:before {
    background-position:-203px 0
}
.dicl_mer{font-size: 13px; margin-bottom: 25px;line-height: 18px;color: #aab9c9}

.globalFooter .disclaimer-wr p:nth-child(2) {

    display: none;

}
.disclaimer-wr.more p:nth-child(1) {
    display: none;
}
.disclaimer-wr.more p:nth-child(2) {
    display: block;
}
.subscription {
    margin-top: 40px;
}

.product-card {
    background-color:var(--bg-phone);
    -webkit-box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);
    box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);
    border-radius:4px;
    padding:20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    position: relative;overflow: hidden;border-radius: 16px;
}
@media(min-width:880px) {
    .product-card {
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        padding:40px;
    }
}
.product-card--has-subdescription .product-card-split:first-of-type {
    margin:16px 0 0
}
.product-card+.product-card {
    margin:22px 0 0
}
.product-card .product-card-icon {
    width:32px;
    height:32px;
    margin:0 0 10px
}
@media(min-width:880px) {
    .product-card .product-card-icon {
        margin:6px 20px 0 0
    }
}
.product-card .product-card-content {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.product-card .product-card-content .common-BodyText.small {
    font-size:15px;
    line-height:26px
}
.product-card .anchor {
    position:relative;
    top:-130px
}
.product-card .product-title {
    color:var(--common-BodyText);
    margin:7px 0 8px
}
.product-card-split {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.product-card-split>div:first-child {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    width:100%
}
@media(min-width:880px) {
    .product-card-split>div:first-child {
        width:auto;
        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-pack:top;
        -ms-flex-pack:top;
        justify-content:top
    }
}
@media(min-width:880px) {
    .product-card-split {
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-box-align:stretch;
        -ms-flex-align:stretch;
        align-items:stretch
    }
}
.product-card-split+.product-card-split {
    margin:20px 0 0
}
.product-card .product-card-features {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    color:#6b7c93;
    margin:10px 0 0
}
.product-card .product-card-features li {
    position:relative;
    padding:4px 0 4px 32px;
    width:100%;
    font-size:15px
}
.product-card .product-card-features li .common-Pill {
    background-color:#aab7c4;
    color:#fff;
    margin-left:0
}
.product-card .product-card-features li:before {
    content:"";
    width:20px;
    height:20px;
    position:absolute;
    top:8px;
    left:0;
    background-image:url(/images/check.svg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:50%
}
@media(min-width:1040px) {
    .product-card .product-card-features li:nth-child(2n),
    .product-card .product-card-features li:nth-child(odd) {
        width:50%
    }
}
.product-card .price {
    position:relative;
    padding:16px 0;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
@media(min-width:880px) {
    .product-card .price {
        padding:16px 0 16px 28px;
        margin:0 0 0 20px;
        width:230px;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.product-card .price .link.common-Link.common-Link--arrow.small {
    font-size:15px
}
.product-card .price .link.common-Link.common-Link--arrow.small:after {
    font:normal 15px StripeIcons;
    content:"\2192";
    padding-left:2px
}
.product-card .price:before {
    content:"";
    width:100%;
    height:1px;
    position:absolute;
    left:0;
    bottom:-3px;
    pointer-events:none;
    background-color:#e6ebf1
}
@media(min-width:880px) {
    .product-card .price:before {
        width:1px;
        height:100%;
        top:0
    }
}
.product-card .product-card-split:last-child .price:before {
    display:none
}
@media(min-width:880px) {
    .product-card .product-card-split:last-child .price:before {
        display:block
    }
}
@media(max-width:670px) {
    .product-card .price {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .product-card p.discounts{
        margin-top: 0px;
    }
}



.product-card .price .annotation {
    font-size:24px;
    color:#24b47e;
    display:block;
    position:relative
}
.product-card .price .annotation:not(:first-of-type) {
    margin-top:16px
}
.product-card .price .annotation--addition {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    white-space:nowrap
}
.product-card .price .annotation--addition .plus {
    font-size:17px;
    font-weight:600;
    color:#cfd7df;
    margin:0 10px 0 12px
}
.product-card .price .annotation--addition .smaller {
    font-size:18px;
    font-weight:500;
    position:relative;
    top:1px
}
.product-card .price .disclaimer, .disclaimer-fv {
    position:relative;
    color:#6b7c93;
    font-size:15px;
    line-height:22px;
    display:block;
    margin:8px 0 0;
    text-decoration: line-through;
}
.product-card .price .disclaimer.above {
    margin:0 0 8px
}
.product-card .price .disclaimer~.disclaimer {
    margin-top:8px
}
.product-card .price .question-icon {
    background:#e6ebf1;
    border-radius:16px;
    cursor:pointer;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:3px;
    position:relative
}
.product-card .price .question-icon .tooltip {
    position:absolute;
    top:calc(100% + 5px);
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    width:320px;
    max-width:90vw;
    padding:16px 20px;
    opacity:0;
    visibility:hidden;
    -webkit-transition:.1s;
    transition:.1s;
    -webkit-box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025);
    box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025);
    background:#fff;
    border-radius:8px;
    z-index:2
}
.product-card .price .question-icon .tooltip:after {
    content:"";
    position:absolute;
    width:100%;
    height:10px;
    top:-10px;
    left:0
}
.product-card .price .question-icon:hover .tooltip {
    opacity:1;
    visibility:visible
}
.product-card .price .question-icon .Helm-Icon {
    border-radius:50%;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    height:10px;
    width:10px
}
.product-card .price .question-icon .Helm-Icon svg {
    width:100%;
    height:100%;
    fill:#8898aa
}
.product-card .price .link {
    font-size:17px;
    font-weight:500;
    display:block;
    margin:8px 0 0;
    white-space:nowrap
}
.product-card p.discounts {
    margin-top:20px;
    padding-top:10px;
    font-size:15px;
    padding-left:52px;
    position:relative;
    padding-bottom:8px;
    border-radius:8px;
    background:var(--bg-chat);
    margin-left:0;
    color:var(--p-comonbody)
}
@media(min-width:880px) {
    .product-card p.discounts {
        margin-left:-50px
    }
}
.product-card p.discounts svg {
    margin-top:0;
    position:absolute;
    margin-left:-39px
}
.product-details {
    position:relative;
    padding:120px 0;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(51%,transparent),color-stop(51%,#f6f9fc),to(#f6f9fc));
    background:linear-gradient(transparent 51%,#f6f9fc 0,#f6f9fc)
}
.product-details:before {
    content:"";
    position:absolute;
    z-index:-1;
    left:0;
    top:-192px;
    height:100%;
    right:0;
    background:#f6f9fc;
    -webkit-transform:skewY(-12deg);
    transform:skewY(-12deg)
}
.product-details .main-header {
    text-align:center;
    margin:0 0 60px
}
.product-details .main-header h2.common-SectionTitle {
    margin:25px 0 18px
}
.cont_price{padding: 40px 20px 10px!important;}
.discount-green {
    background: #3ecf8e !important;
}
  .product-item[data-discount=true] .btn-wr {
    margin-top:30px
}
 .discount-green {
    position:absolute;
    background:#f34949;
    color:#fff;
    font-size:10px;
    padding:3px 80px;
    right:10px;
    top:13px;
    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;
    font-weight:700
}
.discount-green{
    background: #3ecf8e!important;
}
.discount-green {
    font-size: 11px;
    right: 39px;
    top: 30px;
}
.compatible-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #6b7c93;
}
  .compatible-box .l-side {
    -webkit-flex-basis: 45%;
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
}
 .compatible-box > div {
     padding: 20px 0px 0px;
}
.compatible-box .l-side ul li::before {
    content: '';
    background: url(/images/check_to.svg);
    background-size: auto;
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 5px;
}
.compatible-box .l-side ul li {
    margin: 5px 0;
    padding: 0 0 0 25px;
    position: relative;
}
.compatible-box .r-side ul li .title {
    font-weight: 700;
    margin: 0 0 10px 0;
}
.compatible-box .box-title {
    font-size: 15px;
    text-transform: uppercase;

    font-weight: 700;
}

@media only screen and (max-width:960px) {
 .compatible-box {
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
    .compatible-box .l-side {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin: 0;
    }
    .compatible-box > div {
        padding: 10px 0px 0;
    }
}
div.compatible-box div.l-side ul {margin-bottom: 0px}
.typing-indicator {
    background-color: var(--typing-indicator);
    will-change: transform;
    width: auto;
    border-radius: 50px;
    padding: 10px;
    display: table;
    margin: 0 auto;
    position: relative;
    -webkit-animation: 2s bulge infinite ease-out;
    animation: 2s bulge infinite ease-out;
}
.typing-indicator2 {
    background-color: var(--typing-indicator);
    will-change: transform;
    width: auto;
    border-radius: 50px;
    padding: 6px;
    display: table;
    margin-left: -4px;
    position: relative;
    -webkit-animation: 2s bulge infinite ease-out;
    animation: 2s bulge infinite ease-out;
}

.typing-indicator::before, .typing-indicator::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: -2px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: var(--typing-indicator);
}

.typing-indicator::after {
    height: 10px;
    width: 10px;
    left: -10px;
    bottom: -10px;
}
.typing-indicator span {
    height: 7px;
    width: 7px;
    float: left;
    margin: 0 1px;
    background-color: #9E9EA1;
    display: block;
    border-radius: 50%;
    opacity: 0.4;
}
.typing-indicator2 span {
    height: 7px;
    width: 7px;
    float: left;
    margin: 0 1px;
    background-color: #4e7fc8;
    display: block;
    border-radius: 50%;
    opacity: 0.4;
}
.typing-indicator span:nth-of-type(1) {
    -webkit-animation: 1s blink infinite 0.3333s;
    animation: 1s blink infinite 0.3333s;
}
.typing-indicator span:nth-of-type(2) {
    -webkit-animation: 1s blink infinite 0.6666s;
    animation: 1s blink infinite 0.6666s;
}
.typing-indicator span:nth-of-type(3) {
    -webkit-animation: 1s blink infinite 0.9999s;
    animation: 1s blink infinite 0.9999s;
}
.typing-indicator2 span:nth-of-type(1) {
    -webkit-animation: 1s blink infinite 0.3333s;
    animation: 1s blink infinite 0.3333s;
}
.typing-indicator2 span:nth-of-type(2) {
    -webkit-animation: 1s blink infinite 0.6666s;
    animation: 1s blink infinite 0.6666s;
    height: 0.40rem;
    width: 0.40rem;
    margin-top: 0.02rem;
}
.typing-indicator2 span:nth-of-type(3) {
    -webkit-animation: 1s blink infinite 0.9999s;
    animation: 1s blink infinite 0.9999s;
    height: 0.35rem;
    width: 0.35rem;
    margin-top: 0.045rem;
}
@-webkit-keyframes blink {
    50% {
        opacity: 1;
    }
}

@keyframes blink {
    50% {
        opacity: 1;
    }
}
@-webkit-keyframes bulge {
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}
@keyframes bulge {
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}
.chat_none{background: none!important;
    box-shadow: none!important;}
.chat_none::before{content: none!important;}
.css-1n4s7mv-left span {

    text-shadow: 0 1px 1px rgba(0,0,0,.25);
}

.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 {
    color:var(--text-primary);
    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;
    color:var(--text-comonbody)
}
.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:500px;
    height:200px
}
@media (min-width:992px) {
    .what-is__img {
        max-width:780px;
        margin-bottom:-65px
    }
}
.css-1w5jwr6-sectionIsLighter {

    margin-top: 30px;
}
.feature-list {

    margin-bottom: 0rem!important;
}
.bg-white_v2.border-t.border-grey-lighter {
    height: 65px;
}
.img_box{-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06);
    border-radius: 8px;}
.img_size{
    max-height: 350px;
}
.img_size290{
    height: 290px;
}
#dialog-container {
    /** border: dashed 2px pink; **/


    margin-right: auto;

}
.img_center_w{margin: 0 auto;
    display: block;}
@media (max-width:670px) {
.img_center{margin: 0 auto;
    display: block;}

    #dialog-container {

        margin-left: auto;
        margin-right: auto;

    }
}


.dialog-box {
    position: relative;

    max-height: 180px;
    border-radius: 10px;
    margin-bottom: 8px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06);
}

.dialog-box .header {
    height: 25px;
    position: relative;
    color: black;
}

.background-blur {
    height: 100%;
    width: 100%;
    background-color: #eaeaea;
    position: absolute;
}
.background-blure {
    background-color: var(--background-blure);
    position: absolute;
    height: 100%;
    width: 100%;
}
.left-dialog {
    float: left;
    text-align: left;
    width: content-max;
    padding: 3px 0 0 10px;

}

.right-dialog {
    float: right;
    text-align: right;
    width: content-max;
    padding: 4px 5px 0 0;
}

.contents {
    z-index: 100;
    position: inherit;
    font-size: 0.94em;
    background: var(--imessage);

}

.main-content-sms {
    padding: 8px 20px 10px 10px;
    line-height: 19px; color:var(--text-primary)
}
.color_i{color: #828282; font-size: 12px;text-transform: uppercase; display: flex}
.color_ii{color: #828282; font-size: 12px;text-transform: uppercase;}
#footer-text {
    font-size: 0.8em;
    position: absolute;
    bottom: 8px;
    right: 8px;
}
.date-imessage{color: #828282;
    font-weight: 400;
    line-height: 17px;}

.dialog-box::before {
    content: '';
    position: absolute;
    left: -10px;
    bottom: 7px;
    width: 0;
    height: 0;
    border-bottom: 15px solid var(--bg-chat-light);
    border-left: 10px solid transparent;
}


.scrollToTopBtn {
    background-color: #3498db;
    border: none;
    border-radius: 50%;
    color: white;
    cursor: pointer;
    font-size: 16px;
    line-height: 48px;
    width: 48px;

    /* place it at the bottom right corner */
    position: fixed;
    bottom: 30px;
    right: 30px;
    /* keep it at the top of everything else */
    z-index: 100;
    /* hide with opacity */
    opacity: 0;
    /* also add a translate effect */
    transform: translateY(100px);
    /* and a transition */
    transition: all .5s ease
}

.showBtn {
    opacity: 1;
    transform: translateY(0)
}

@media (min-width: 670px) {
    .Hero__logos_logo_v1 {
        margin-top: 0
    }
}

.Hero__logos_logo_v1 ul {
     flex-wrap: wrap;
    justify-content: center
}

.Hero__logos_logo_v1 ul li {
    margin-bottom: 10px;
    justify-content: center
}



@media (min-width: 670px) {
    .Hero__logos_logo_v1 ul {
        flex-wrap: nowrap;
        justify-content: left;
    }

    .Hero__logos_logo_v1 ul li {
        width: auto;
        margin-bottom: 0
    }
}


.drop-LogoRow_logo_v1__logoRow {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center
}

@media (min-width: 670px) {
    .drop-LogoRow_logo_v1__logoRow {
        justify-content: space-between
    }
}

.drop-LogoRow_logo_v1__logoRow li {
    padding: 0 15px;
    display: flex;
    align-items: center
}

@media (min-width: 670px) {
    .drop-LogoRow_logo_v1__logoRow li {
        margin-bottom: 14px
    }

    .drop-LogoRow_logo_v1__logoRow li:first-child {
        padding-left: 0
    }

    .drop-LogoRow_logo_v1__logoRow li:last-child {
        padding-right: 0
    }
}

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

@media (min-width: 1040px) {
    .drop-LogoRow_logo_v1__logoRow li {
        padding: 0 12px
    }
}

.drop-LogoRow_logo_v1__logoRow a {
    display: flex;
    cursor: pointer
}

.drop-LogoRow_logo_v1__logoRow img, .drop-LogoRow_logo_v1__logoRow svg {
    max-width: 100%;
    max-height: 40px
}
.drop-UserLogo {
    display: block;
}
.bitcoin_logos_logo {
    width: 110px;
}
.bitcoincash_logos_logo {
    width: 140px;
}
.ethereum_logos_logo {
    width: 50px;
}
.tether_logos_logo {
    width: 110px;
}
.ripple_logos_logo {
    width: 110px;
}
.monero_logos_logo {
    width: 110px;
}
.dash_logos_logo {
    width: 70px;
}
.litecoin_logos_logo {
    width: 90px;
}

@media (max-width: 670px) {
    .bitcoin_logos_logo {
        width: 90px;
    }
    .bitcoincash_logos_logo {
        width: 110px;
    }
    .ethereum_logos_logo {
        width: 40px;
    }
    .tether_logos_logo {
        width: 90px;
    }
    .ripple_logos_logo {
        width: 90px;
    }
    .monero_logos_logo {
        width: 90px;
    }
    .dash_logos_logo {
        width: 70px;
    }
    .litecoin_logos_logo {
        width: 90px;
    }
}
.footer_lang{
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .025em;
    margin: 0 0 5px;}

.text_decor{text-decoration: underline}
.DomGraphic {
    position:relative;
    height:0;
    width:100%;margin: 10px;
}
.DomGraphic__container {
    position:absolute;
    top:0;
    left:0;
    -webkit-transform-origin:top left;
    transform-origin:top left
}

@media (max-width: 870px) {
    .DomGraphic__container {
        transform: scale(0.909259)!important;
    }

}
.ClimateHeroGraphic {
    margin: 40px;
}
@media (max-width: 670px) {
    .DomGraphic,.ClimateHeroGraphic {
        position:initial;
    }
    .ClimateHeroGraphic {
        margin: 0px;
    }
    .DomGraphic__container {
        transform: scale(0.89)!important;
    }
}
@media (max-width: 570px) {
    .DomGraphic__container {
        transform: scale(0.851481)!important;
    }
}
@media (max-width: 470px) {
    .DomGraphic__container {
        transform: scale(0.761481)!important;
    }

}
@media (max-width: 420px) {
    .DomGraphic__container {
        transform: scale(0.631481)!important;
    }
}
@media (max-width: 370px) {
    .DomGraphic__container {
        transform: scale(0.591481)!important;
    }
}





.DomGraphic--isAnimating .DomGraphic__container {
    will-change:transform
}
.ClimateHeroGraphic {
    position:relative;
    width:540px;
    height:535px
}
.ClimateHeroGraphic__phone {
    z-index:1;
    position:absolute;
    right:0;
    top:calc(50% - 295px);
    height:590px!important
}
.Card.ClimateHeroReceiptGraphic {
    position:absolute;
    width:450px;
    left:0;
    top:50%;
    top:calc(50% - 237px);
    font-size:11px
}
.Card {
    --cardShadow:none;
    --cardShadowMargin:0;
    position:relative;
    min-width:100px;
    min-height:72px;
    border-radius:8px;
    background:#fff;
    box-shadow:0 13px 27px -5px rgba(50,50,93,0.25),0 8px 16px -8px rgba(0,0,0,0.3);
    overflow:hidden
}
.Card--border {
    border:1px solid #cbd6e0
}
@media (max-width:599px) {
    .Card--hasShadowMargin {
        margin-bottom:16px
    }
}
.Card--shadowXSmall {
    --cardShadow:0 6px 12px -2px rgba(50,50,93,0.25),0 3px 7px -3px rgba(0,0,0,0.3);
    --cardShadowMargin:2px
}
.Card--shadowSmall {
    --cardShadow:0 6px 12px -2px rgba(50,50,93,0.25),0 3px 7px -3px rgba(0,0,0,0.3);
    --cardShadowMargin:16px
}
.Card--shadowMedium {
    --cardShadow:0 13px 27px -5px rgba(50,50,93,0.25),0 8px 16px -8px rgba(0,0,0,0.3);
    --cardShadowMargin:16px
}
.Card--shadowLarge {
    --cardShadow:0 30px 60px -12px rgba(50,50,93,0.25),0 18px 36px -18px rgba(0,0,0,0.3);
    --cardShadowMargin:32px
}
.Card--shadowXLarge {
    --cardShadow:0 50px 100px -20px rgba(50,50,93,0.25),0 30px 60px -30px rgba(0,0,0,0.3);
    --cardShadowMargin:48px
}
.ClimateHeroBannerGraphic {
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    width:440px;
    height:102px;
    padding:27px 24px;
    position:absolute;
    top:calc(50% - 99px);
    left:calc(50% - 220px);
    font-size:15px;
    line-height:1.5;
    color:#364657;
    z-index:2
}
.ClimateHeroBannerGraphic .AnimatedProductIcon {
    margin-right:16px
}
.ClimateHeroBannerGraphic em {
    font-weight:var(--fontWeightBold);
    font-style:normal
}
@media (min-width:900px) {
    .ClimateHeroBannerGraphic {
        left:calc(50% - 340px)
    }
}
.PhoneGraphic {
    width:264px;
    height:533px;
    padding:8px;
    border-radius:36px;
    background:var(--bg-phone);
    box-shadow:var(--PhoneGraphic-shadow);
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    font-size:14px
}
.PhoneGraphic--scaleLarge {
    width:301px;
    height:615px;
    border-radius:42px;

}
.bg-green-lightest {
    background-color: var(--bg-chat);
}
.chat_2{-webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    max-width: 400px;}
.max-w800{max-width: 800px}
.max-w400{max-width: 400px;
     width: 370px;}
@media (max-width:670px) {
    .max-w400{max-width: 400px;
        width: 350px;}
}
@media (max-width:370px) {
    .max-w400{
        width: 300px;}
}
.chat_start {height: 270px;
    overflow-y: scroll;}

.chat_start2 {height: 440px!important;
   }
.m-h400{min-height: 460px!important; }
.message-left .message-time {
    content: attr(data-time);
    position: absolute;
    right: 10px;
    bottom: 5px;
    font-size: 10px;
    opacity: 1;
    color: #898989;
}

.message-right .message-time {
    content: attr(data-time);
    position: absolute;
    right: 10px;
    bottom: 5px;
    font-size: 10px;
    opacity: 1;
    color: #898989;
}
.chat-listcontainer {
    font-size: 14px;min-height: 400px;background-image: var(--bg-inital);
}
.border_chat{border-bottom: 1px solid var(--field-border);}
.chat-listcontainer ul.chat-message-list li.message-left, .chat-listcontainer ul.chat-message-list li.message-right{
    padding: 5px 10px 5px 10px!important;
}
.message-left .message-text {
    padding: 0px 30px 0px 0px;
}

.message-right .message-text {
    background: var(--bg-chat);
    align-self: flex-end;
    border-radius: 10px 10px 10px 10px;
    padding-right: 70px;
}
.chat_header_v2 ul li.message-right {
    background: var(--bg-chat);
    align-self: flex-end;
    border-radius: 10px 10px 10px 10px;
    padding-right: 10px; max-width: 80%;
}
.chat_header_v2 ul li.message-left {
    max-width: 80%;
}
.chat_header_v2 ul li.message-right::before {
    left: auto;
    right: -10px;
    border-bottom: 15px solid var(--bg-chat);
    border-right: 10px solid transparent;
    border-left: 0;
}
.chat-container {
    height: 400px;
    overflow-y: scroll;

}

.spinme-right {
    display: inline-block;

    font-size: 14px;
    border-radius: 30px;
    line-height: 1.25em;
    font-weight: 100;
    opacity: 1;
}

.spinme-left {
    display: inline-block;

    font-size: 14px;
    color: #9E9EA1;
    border-radius: 30px;
    line-height: 1.25em;
    font-weight: 100;
    opacity: 1;
}

.spinner {
    margin: 0;
    width: 30px;
    text-align: center;
}

.spinner > div {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    background: #9E9EA1;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

.WizardMobile{position:relative;overflow:hidden}
.WizardMobile .Helm-LayoutColumns{flex-direction:column-reverse;align-items:flex-start;margin-bottom:0}
.WizardMobile .Helm-LayoutColumns .Helm-LayoutColumns__column:last-of-type{padding-top:55px}
.WizardMobile__phone{position:relative;
    max-width:100%;margin:0 auto}
@media (max-width:670px) {
    .WizardMobile__phone { width:300px;}
}
.WizardMobile__phone:after{content:"";position:absolute;left:8px;top:5px;width:calc(100% - 12px);height:calc(100% - 10px);border-radius:50px;z-index:0}
.WizardMobile__phoneImage{width:100%;position:relative;z-index:1;display:block}
.WizardMobile__card{position:absolute;top:60px;left:calc(50% + 1px);transform:translateX(-50%);width:80%;z-index:1;border-radius:8px;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025)}
.WizardMobile__pill{margin-left:0}
.Santa{z-index:1;margin-top:-270px}@media (min-width:1160px){.Santa{padding:90px 0 80px;margin-top:-300px}}
.Santa .Helm-SectionIntro{max-width:640px;padding-top:0;margin:0 auto 80px}
.Santa__title{margin:9px 0 16px;color:#32325d}@media (min-width:670px){.Santa__copy{flex-basis:80%;padding-right:24px}}
.Santa__copyBeforePill{margin-right:6px}
.Santa .common-TgHackGrid .backgroundContainer .background{background:var(--line-to);height:100%;z-index:-1}
.Santa .common-TgHackGrid{left:0}.Santa .common-TgHackGrid .tghack:first-child{grid-row:1;grid-column:2/span 5;background:#2ca5e0}
.Santa .common-TgHackGrid .tghack:nth-child(4){grid-row:1;grid-column:18/span 4;background-color:#4582be}

.common-TgHackGrid {
    --tghack-height:48px;
    --content-columns:12;
    --gutter-columns:4;
    position:absolute;
    width:100%;
    top:0;
    bottom:0;
    z-index:-1;
    pointer-events:none
}
@media (min-width:670px) {
    .common-TgHackGrid {
        --tghack-height:64px
    }
}
.common-TgHackGrid .backgroundContainer,
.common-TgHackGrid .tghackContainer {
    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:center;
    -ms-flex-align:center;
    align-items:center;
    position:absolute;
    width:100%;
    height:100%;
    -webkit-transform:skewY(-12deg);
    transform:skewY(-12deg)
}
.common-TgHackGrid .backgroundContainer .grid {
    grid-template-columns:1fr;
    min-width:0
}
.common-TgHackGrid .backgroundContainer .background {
    grid-row:1/-1;
    grid-column:1/-1;
    z-index:-1
}
.common-TgHackGrid .tghackContainer {
    overflow:hidden
}
.common-TgHackGrid.anchorBottom .backgroundContainer,
.common-TgHackGrid.anchorBottom .tghackContainer {
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.common-TgHackGrid.anchorBottom .grid {
    height:200%;
    -ms-flex-line-pack:end;
    align-content:end
}
.common-TgHackGrid .grid {
    --content-column-width:minmax(0,calc(1040px / var(--content-columns)));
    --gutter-column-width:1fr;
    position:absolute;
    width:100%;
    height:100%;
    display:grid;
    grid-template-rows:repeat(auto-fill,var(--tghack-height));
    grid-template-columns:[viewport-start] 1fr [left-gutter-start] repeat(var(--gutter-columns),var(--gutter-column-width)) [left-gutter-end content-start] repeat(var(--content-columns),var(--content-column-width)) [content-end right-gutter-start] repeat(var(--gutter-columns),var(--gutter-column-width)) [right-gutter-end] 1fr [viewport-end]
}
@media (min-width:1040px) {
    .common-TgHackGrid .grid {
        --gutter-column-width:var(--content-column-width);
        min-width:calc(1040px / var(--content-columns) * (var(--gutter-columns) * 2 + var(--content-columns)))
    }
}
.Santa {
    position: relative;
}
.Helm-SectionIntro__title {
    display: flex;
    align-items: center;
    margin: 16px auto;
    margin-bottom: 16px;
}
.Helm-SectionIntro {
    text-align: center;
}
.Helm-SectionIntro {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 50px 20px 0;
    margin-bottom: 50px;
    text-align: center;
}
.faq_f{z-index: 2;
    position: relative;}
.css-8c58y9 {
    color: var(--text-primary);
    font-family: Inter,sans-serif;
    font-size: 32px;
    font-weight: 700;
    margin-top: 5px;
    text-align: center;
    margin-bottom: 0;
}

section.description_columns_v5 {
    position: relative;
    padding: 10px 30px 30px 20px;
    margin-top: calc(-140px + 15vh);
    z-index: 2;
}
.mt30-30{margin-top: 10px;
    margin-bottom: 40px;}

@media (max-width: 670px) {
    section.description_columns_v5 {
        padding: 10px 10px 50px 10px;
    }
    .mt30-30{margin-top: 30px;
        margin-bottom: 30px;}
}

section.description_columns_v5 .top-edge {
    position: absolute;
    width: 100%;
    height: 100vh;
    left: 0;
    bottom: 100%;
    overflow: hidden;
    pointer-events: none
}

section.description_columns_v5 .top-edge svg {
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-filter: drop-shadow(0 0 10px hsla(22, 18%, 57%, .15));
    filter: drop-shadow(0 0 10px rgba(165, 140, 126, .15))
}

section.description_columns_v5 .intro-copy {
    margin-bottom: 60px
}
.lg-cols, .lg-grid, .lg-rows, .md-cols, .md-grid, .md-rows, .sm-cols_columns_v5, .sm-grid, .sm-rows, .xs-cols, .xs-grid, .xs-rows_columns_v5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -20px
}

.feature-block_columns_v5 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 20px;
    position: relative
}

.xs-cols {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.xs-cols .feature-block_columns_v5 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.xs-rows_columns_v5 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.xs-rows_columns_v5 .feature-block_columns_v5 {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.xs-grid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.xs-grid .feature-block_columns_v5 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

@media (min-width: 670px) {
    .sm-cols_columns_v5 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .sm-cols_columns_v5 .feature-block_columns_v5 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .sm-rows {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .sm-rows .feature-block_columns_v5 {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .sm-grid {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .sm-grid .feature-block_columns_v5 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media (min-width: 880px) {
    .md-cols {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .md-cols .feature-block_columns_v5 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .md-rows {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .md-rows .feature-block_columns_v5 {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .md-grid {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .md-grid .feature-block_columns_v5 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media (min-width: 1040px) {
    .lg-cols {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .lg-cols .feature-block_columns_v5 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .lg-rows {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .lg-rows .feature-block_columns_v5 {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .lg-grid {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .lg-grid .feature-block_columns_v5 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}


.xs-icon-left {
    padding-left: 50px
}

.xs-icon-left .icon {
    position: absolute;
    left: -24px;
    top: 7px
}
.w-90 {width: 90%}
.w-80 {width: 80%}

.w-70{
    width: 90%;
}
@media (min-width: 870px) {
    .w-70{width: 65%}
}
@media (min-width: 670px) {

    .sm-icon-top {
        padding-left: 0
    }

    .sm-icon-top .icon {
        position: static;
        margin: 10px 0 20px -3px
    }

    .sm-icon-left {
        padding-left: 50px
    }

    .sm-icon-left .icon {
        position: absolute;
        left: -24px;
        top: 7px
    }
}

@media (min-width: 880px) {
    .md-icon-top {
        padding-left: 0
    }

    .md-icon-top .icon {
        position: static;
        margin: 10px 0 20px -3px
    }

    .md-icon-left {
        padding-left: 50px
    }

    .md-icon-left .icon {
        position: absolute;
        left: -24px;
        top: 7px
    }
}
.feature-block_columns_v5 .icon {
    width: 48px;
    height: 48px;
}
@media (min-width: 1040px) {
    .lg-icon-top {
        padding-left: 0
    }

    .lg-icon-top .icon {
        position: static;
        margin: 10px 0 20px -3px
    }




}
.common-BodyTitle_columns_v5 {
    font-weight: 500;
    font-size: 19px;
    line-height: 32px;
    color: var(--h-color);
}
.common-BodyText_columns_v5 {
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    color: var(--p-comonbody);
}
.clr-accent-3_mask_v1 {
    color: var(--var-mask)!important;
}

.rooted {
    position:relative;
}
@media(min-width:420px) {
    .rooted {
        padding:80px 0 90px
    }
}
@media(min-width:670px) {
    .rooted {
        padding:30px 0 100px
    }
}
@media(min-width:880px) {
    .rooted {
        padding:80px 0 120px
    }
}
@media(min-width:1040px) {
    .rooted {
        padding:80px 0 110px
    }
}
.rooted-content {
    display:grid;
    grid-template-rows:auto auto;
    grid-template-columns:1fr;
    grid-gap:30px 0;
    gap:30px 0;
    margin:35px 0 -60px
}
@media(min-width:670px) {
    .rooted-content {
        margin:50px 0 -80px;
        grid-template-rows:1fr;
        grid-template-columns:.55fr .45fr;
        grid-gap:0 40px;
        gap:0 40px
    }
}
@media(min-width:880px) {
    .rooted-content {
        margin:50px 0 -100px;
        grid-gap:0 85px;
        gap:0 85px
    }
}
@media(min-width:1040px) {
    .rooted-content {
        margin:30px 0 -100px;
        grid-gap:0 50px;
        gap:0 50px
    }
}
.rooted-pillar {
    position:relative;
    margin:0 0 30px;
    padding:0px
}
@media(min-width:880px) {
    .rooted-pillar {
        margin:0 0 25px;

    }
}
.rooted-pillar figure {
    position:relative;
    top:3px;
    left:0
}
.rooted-pillar:last-child {
    margin:0
}
.rooted-increment {
    position:relative;
    flex-shrink:0;
    padding:30px;
    margin-top:50px
}
@media(min-width:670px) {
    .rooted-increment {
        padding:40px;
        margin-top:0
    }
    .rooted-pillar figure {
        position:absolute;
        top:3px;
        left:0
    }
}
.rooted-increment .cover {
    position:relative;
    height:200px;
    background-color:#7899c5;
    background-image:var(--tg-hacker);
    background-size:100%;
    background-position:top;
    margin:-30px -30px 25px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    overflow:hidden;
    -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%);
}

.rooted-increment .cover:after {
    content:"";
    position:absolute;
    width:100%;
    height:200px;
    left:0;
    top:100%;
    background-color:#fff;

    transform-origin:0 0
}
.rooted-increment h2 {
    margin:0 0 20px;
    color:var(--text-primary)
}
.rooted-increment .common-Button--default {
    margin:25px 0 0
}
.rooted .common-TgHGrid .backgroundContainer .background {
    background-color:#f6f9fc
}
.rooted .common-TgHGrid .TgHContainer .TgH:first-child {
    grid-column:viewport-start/span 4;
    grid-row:-2;
    background-color:#2ca5e0
}
.rooted .common-TgHGrid .TgHContainer .TgH:nth-child(2) {
    grid-column:2/span 3;
    grid-row:-2;
    background-color:#2ca5e0
}
.rooted .common-TgHGrid .TgHContainer .TgH:nth-child(3) {
    grid-column:right-gutter-start/span 3;
    grid-row:-4;

}
.rooted .common-TgHGrid .TgHContainer .TgH:nth-child(4) {
    grid-column:span 6/viewport-end;
    grid-row:-3;
    background-color:#4582be
}
.rooted .common-TgHGrid .TgHContainer .TgH:nth-child(5) {
    grid-column:span 5/-2;
    grid-row:-2;

}

.common-TgHGrid {
    --TgH-height:48px;
    --content-columns:12;
    --gutter-columns:4;
    position:absolute;
    width:100%;
    top:0;
    bottom:0;
    z-index:-1;
    pointer-events:none
}
@media (min-width:670px) {
    .common-TgHGrid {
        --TgH-height:64px
    }
}
.common-TgHGrid .backgroundContainer,
.common-TgHGrid .TgHContainer {
    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:center;
    -ms-flex-align:center;
    align-items:center;
    position:absolute;
    width:100%;
    height:100%;
    -webkit-transform:skewY(-12deg);
    transform:skewY(-12deg)
}
.common-TgHGrid .backgroundContainer .grid {
    grid-template-columns:1fr;
    min-width:0
}
.common-TgHGrid .backgroundContainer .background {
    grid-row:1/-1;
    grid-column:1/-1;
    z-index:-1
}
.common-TgHGrid .TgHContainer {
    overflow:hidden
}
.common-TgHGrid.anchorBottom .backgroundContainer,
.common-TgHGrid.anchorBottom .TgHContainer {
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.common-TgHGrid.anchorBottom .grid {
    height:200%;
    -ms-flex-line-pack:end;
    align-content:end
}
.common-TgHGrid .grid {
    --content-column-width:minmax(0,calc(1040px / var(--content-columns)));
    --gutter-column-width:1fr;
    position:absolute;
    width:100%;
    height:100%;
    display:grid;background: var(--bg-main-2);
    grid-template-rows:repeat(auto-fill,var(--TgH-height));
    grid-template-columns:[viewport-start] 1fr [left-gutter-start] repeat(var(--gutter-columns),var(--gutter-column-width)) [left-gutter-end content-start] repeat(var(--content-columns),var(--content-column-width)) [content-end right-gutter-start] repeat(var(--gutter-columns),var(--gutter-column-width)) [right-gutter-end] 1fr [viewport-end]
}
@media (min-width:1040px) {
    .common-TgHGrid .grid {
        --gutter-column-width:var(--content-column-width);
        min-width:calc(1040px / var(--content-columns) * (var(--gutter-columns) * 2 + var(--content-columns)))
    }
}
.img_without{padding: 5px;
    border-radius: 30px;}
.BillingLifecycleAnimation {
    --lifecycleAnimationCardSize:72px;
    --lifecycleAnimationSpacing:16px;
    --lifecycleAnimationVisibleEvents:3;
    --lifecycleAnimationShadowPadding:32px;
    position:relative;
    margin-top: 30px;
    height:calc(105px*3 + 16px*(3 - 1))
}
.BillingLifecycleAnimation--animating {
    --transitionDuration:500ms;
    --transitionEasing:cubic-bezier(0.645,0.045,0.355,1.000)
}
.BillingLifecycleAnimation__masked {
    position:absolute;
    width: 90%;
    top: calc((var(--lifecycleAnimationCardSize) + var(--lifecycleAnimationSpacing))*-1);
    left: calc(-1*var(--lifecycleAnimationShadowPadding));
    right: calc(-1*var(--lifecycleAnimationShadowPadding));
    bottom:0;
    overflow:hidden;
    -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%)
}
@media (max-width:670px) {.BillingLifecycleAnimation__masked {
    width: 100%;
}
    .BillingLifecycleAnimation {
        margin-top: 0px;
    }
}
.BillingLifecycleAnimation__container {
    position:absolute;
    top:0;
    left:52px;
    right:22px;
    height:100%
}
.BillingLifecycleCard {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:72px;
    -webkit-transform: translateY(calc(var(--index)*(var(--lifecycleAnimationCardSize) + var(--lifecycleAnimationSpacing))));
    transform: translateY(calc(var(--index)*(var(--lifecycleAnimationCardSize) + var(--lifecycleAnimationSpacing))));
}
.BillingLifecycleCard--active {
    --index:1;
    z-index:4
}
.BillingLifecycleCard--inactive {
    --index:4
}
.BillingLifecycleCard--inactive:nth-of-type(2) {
    --index:2
}
.BillingLifecycleCard--inactive:nth-of-type(3) {
    --index:3
}
.BillingLifecycleCard:after,
.BillingLifecycleCard:before {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:8px;
    -webkit-transition:opacity 500ms cubic-bezier(0.645,0.045,0.355,1.000);
    transition:opacity 500ms cubic-bezier(0.645,0.045,0.355,1.000);
    content:""
}
.BillingLifecycleCard:before {
    box-shadow:0 6px 12px -2px rgba(50,50,93,0.25),0 3px 7px -3px rgba(0,0,0,0.3);
    opacity:0
}
.BillingLifecycleCard:after {
    box-shadow:0 30px 60px -12px rgba(50,50,93,0.25),0 18px 36px -18px rgba(0,0,0,0.3)
}
.BillingLifecycleCard--inactive:before {
    opacity:1
}
.BillingLifecycleCard--inactive:after {
    opacity:0
}
.BillingLifecycleCard__card {
    height:72px;
    border-radius:8px;
    background:var(--imessage)
}
.BillingLifecycleCard__card,
.BillingLifecycleCard__iconContainer {
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center
}
.BillingLifecycleCard__iconContainer {
    -webkit-box-flex:0;
    flex:0 0 auto;
    -webkit-box-pack:center;
    justify-content:center;
    width:72px;
    height:inherit;
    position:relative;
    color:#fff;
    overflow:hidden
}
.BillingLifecycleCard__iconContainer,
.BillingLifecycleCard__iconContainer:after,
.BillingLifecycleCard__iconContainer:before {
    -webkit-transition:opacity var(--transitionDuration) var(--transitionEasing);
    transition:opacity var(--transitionDuration) var(--transitionEasing);
    border-top-left-radius:8px;
    border-bottom-left-radius:8px
}
.BillingLifecycleCard__iconContainer:after,
.BillingLifecycleCard__iconContainer:before {
    content:"";
    position:absolute;
    top:var(--myVar);
    left:0;
    width:100%;
    height:100%
}
.BillingLifecycleCard__iconContainer:before {
    background-color:#3490dc
}
.BillingLifecycleCard__iconContainer:after {
    background-color:#3490dc
}
.BillingLifecycleCard--inactive .BillingLifecycleCard__iconContainer:before {
    opacity:.19
}
.BillingLifecycleCard--inactive .BillingLifecycleCard__iconContainer:after {
    opacity:0
}
.BillingLifecycleCard__icon {
    position:relative;
    z-index:1
}
.BillingLifecycleCard__body {
    padding:0px 16px 0px;
    opacity:1;
    -webkit-transition:opacity var(--transitionDuration) var(--transitionEasing);
    transition:opacity var(--transitionDuration) var(--transitionEasing);
    overflow:hidden
}
.BillingLifecycleCard--inactive .BillingLifecycleCard__body {
    opacity:.35
}
.BillingLifecycleCard__label {
    width:100%;
    font:400 15px/1.6 "sohne-var","Helvetica Neue","Arial",sans-serif;
    letter-spacing:.2px;
    color:var(--text-primary);
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
.BillingLifecycleCard__timestamp {
    font:500 15px/1.6 "sohne-var","Helvetica Neue","Arial",sans-serif;
    letter-spacing:.2px
}
.img_geo {
    width: 2.5rem;
    height: 2.5rem;
    float: left;
 z-index: 1;border-radius: 50%;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
}
.bg--map {
    background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0.25) 0%, white 100%), url("/images/bg-map@2x.jpg");
}
.BillingLifecycleCard_data{
    color:#9e9d9e;
}
.flag_geo{
    margin-right: 5px; width: 17px; height: 17px; border-radius: 50px;box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
}


.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: #3490dc;
    -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%
}

.about-mission {

    color: #fff;
    text-align: center;

}

.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%
    }
}

.box-shadow{
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06);
}
.text-comment {color: #9e9d9e}
.bg-comment {background: #9e9d9e}
.bgr-calls{background: var(--imessage)}
.ava-calls{width: 2.3rem; height: 2.3rem}
.ava-big{width: 3.3rem; height: 3.3rem}
.ava-del{width: 2.7rem; height: 2.7rem}
.pd-loc{padding: 5px 10px 5px 10px!important;}
.pd-file{padding: 10px 25px 5px 10px !important}
.user-calls{width: 1.3rem; height: 1.3rem}
.user-text{color: #3e80c6}
.calls-inc{color: #ec4e3e}
.mt-10-10 {margin-top: -10px!important;}
.bg-yellow-dark {
    background-color: #f2d024;
}

.bg-channel{background: var(--bg-main-2)}
.bg-block-channel{background: var(--bg-channel)}
.margin-auto {margin: 0 auto;}
.border-30{border-radius:30px }
.border-15{border-radius:15px }
.steps-section {
    -webkit-flex-shrink:0;
    -ms-flex-negative:0;
    flex-shrink:0;
    padding:0
}
.steps-section__wrapper {
    text-align:center;
    padding-top:48px;
    padding-bottom:48px
}
@media (min-width:992px) {
    .steps-section__wrapper {
        padding-top:36px;
        padding-bottom:46px
    }
}
.steps-section__main-headline {
    line-height:32px; color: var(--text-primary);
    font-size:24px
}
@media (min-width:992px) {
    .steps-section__main-headline {

        margin-left:auto;
        margin-right:auto;
        padding-bottom:10px
    }
}
.steps-section__list {
    text-align:left;
    padding-left:31px;
    margin-left:16px;
    margin-top:46px;
    margin-bottom:46px;
    border-left:1px solid var(--link-color)
}
@media (min-width:992px) {
    .steps-section__list {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:justify;
        -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
        justify-content:space-between;
        padding-left:0;
        border-left:0 none;
        margin-top:90px;
        margin-left:0
    }
}
.steps-section__step {
    position:relative
}
@media (min-width:992px) {
    .steps-section__step {
        width:calc(100%/3)
    }
    .steps-section__step+.steps-section__step {
        padding-left:24px
    }
    .steps-section__step:before {
        content:' ';
        position:absolute;
        left:96px;
        top:-39px;
        width:calc(100% - 96px);
        height:1px;
        background-color:var(--link-color)
    }
    .steps-section__step:nth-child(1):before {
        left:72px;
        width:calc(100% - 72px)
    }
}
.steps-section__step+.steps-section__step {
    margin-top:30px
}
@media (min-width:992px) {
    .steps-section__step+.steps-section__step {
        margin-top:0
    }
}
.steps-section__number {
    position:absolute;
    left:-44px;
    top:5px;
    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:16px;
    color:var(--link-color);
    width:24px;
    height:24px;
    border:1px solid var(--link-color);
    border-radius:50%;
    background-color:var(--bg-main-2a);
    -webkit-box-shadow:0 0 0 16px var(--bg-main-2a);
    box-shadow:0 0 0 16px var(--bg-main-2a)
}
@media (min-width:992px) {
    .steps-section__number {
        font-size:24px;
        font-weight:300;
        left:24px;
        top:-64px;
        width:48px;
        height:48px;
        -webkit-box-shadow:0 0 0 0 var(--bg-main-2a);
        box-shadow:0 0 0 0 var(--bg-main-2a)
    }
}
.steps-section__number--first {
    top:6px
}
@media (min-width:992px) {
    .steps-section__number--first {
        top:-64px;
        left:0
    }
}
.steps-section__headline {
    font-size:16px;
    font-weight:700;
    line-height:30px;
    margin-bottom:8px;
    color:var(--text-primary);
}
@media (min-width:992px) {
    .steps-section__headline {
        font-size:18px;
        color:var(--link-color);
        margin-bottom:16px
    }
}
.steps-section__headline-superscript {
    font-size:9px;
    vertical-align:super
}
.steps-section__text {
    line-height:22px;
    color:var(--text-comonbody);
    font-size: 15px;
}
.steps-section__text-italic {
    font-size:12px;
    display:block;
    margin-top:16px
}
@media (min-width:992px) {
    .steps-section__text-italic {
        font-size:14px
    }
}
.bg-tg{background: #6b8db9;}
.color_f{color:#fff}
.brd-40{border-radius: 40px;}

.map-wr {
    position:relative
}
.map-wr .points-wr {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0
}
.map-wr .points-wr i {
    position:absolute;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    border-radius:50%;
    -webkit-animation:pulse 2s infinite ease;
    animation:pulse 2s infinite ease
}
.map-wr .points-wr i:nth-child(1) {
    top:28%;
    left:20%;
    width:15px;
    height:15px;
    background:#00a8e3;
    -webkit-animation-delay:.1s;
    animation-delay:.1s
}

.map-wr .points-wr i:nth-child(4) {
    top:40%;
    left:28%;
    width:15px;
    height:15px;
    background:#00a8e3;
    -webkit-animation-delay:.4s;
    animation-delay:.4s
}
.map-wr .points-wr i:nth-child(5) {
    top:46%;
    left:17%;
    width:10px;
    height:10px;
    background:#00a8e3;
    -webkit-animation-delay:.5s;
    animation-delay:.5s
}
.map-wr .points-wr i:nth-child(6) {
    top:65%;
    left:34%;
    width:15px;
    height:15px;
    background:#00a8e3;
    -webkit-animation-delay:.6s;
    animation-delay:.6s
}
.map-wr .points-wr i:nth-child(7) {
    top:76%;
    left:34%;
    width:10px;
    height:10px;
    background:#00a8e3;
    -webkit-animation-delay:.7s;
    animation-delay:.7s
}


.map-wr .points-wr i:nth-child(10) {
    top:34%;
    left:50%;
    width:15px;
    height:15px;
    background:#00a8e3;
    -webkit-animation-delay:1s;
    animation-delay:1s
}

.map-wr .points-wr i:nth-child(13) {
    top:65%;
    left:51%;
    width:15px;
    height:15px;
    background:#00a8e3;
    -webkit-animation-delay:1.3s;
    animation-delay:1.3s
}

.map-wr .points-wr i:nth-child(15) {
    top:52%;
    left:67%;
    width:15px;
    height:15px;
    background:#00a8e3;
    -webkit-animation-delay:1.5s;
    animation-delay:1.5s
}

.map-wr .points-wr i:nth-child(17) {
    top:51%;
    left:59%;
    width:10px;
    height:10px;
    background:#00a8e3;
    -webkit-animation-delay:1.7s;
    animation-delay:1.7s
}

.map-wr .points-wr i:nth-child(20) {
    top:81%;
    left:87%;
    width:15px;
    height:15px;
    background:#00a8e3;
    -webkit-animation-delay:2s;
    animation-delay:2s
}
.map-wr .points-wr i:nth-child(21) {
    top:66%;
    left:80%;
    width:5px;
    height:5px;
    background:#00a8e3;
    -webkit-animation-delay:2.1s;
    animation-delay:2.1s
}
.map-wr img {
    width:100%;
}
@media (max-width:870px) {
    .map-wr img {
        margin-top: 0px;
    }
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform:translate(-50%,-50%) scale(1);
        transform:translate(-50%,-50%) scale(1)
    }
    50% {
        -webkit-transform:translate(-50%,-50%) scale(0);
        transform:translate(-50%,-50%) scale(0)
    }
    to {
        -webkit-transform:translate(-50%,-50%) scale(1);
        transform:translate(-50%,-50%) scale(1)
    }
}
@keyframes pulse {
    0% {
        -webkit-transform:translate(-50%,-50%) scale(1);
        transform:translate(-50%,-50%) scale(1)
    }
    50% {
        -webkit-transform:translate(-50%,-50%) scale(0);
        transform:translate(-50%,-50%) scale(0)
    }
    to {
        -webkit-transform:translate(-50%,-50%) scale(1);
        transform:translate(-50%,-50%) scale(1)
    }
}

.abt{
    z-index: 4;
    position: relative;
}

@media(min-width:670px) {
    .about-tghack {
        padding:0px 0 40px
    }
}
@media(min-width:880px) {
    .about-tghack {
        padding:0px 0 40px
    }
}
.about-tghack-content {

    position:relative;
    z-index:2
}
.about-tghack-title {

    line-height:1.4;
    color:var(--text-primary)
}
.about-tghack-stats {
    margin:45px 0 0;
    display:grid;
    grid-template-rows:repeat(2,1fr);
    grid-template-columns:repeat(2,1fr);
    grid-gap:20px 0;
    gap:20px 0
}
@media(min-width:670px) {
    .about-tghack-stats {
        grid-gap:0;
        gap:0;
        grid-template-rows:1fr;
        grid-template-columns:repeat(4,1fr)
    }
}
.about-tghack-stat {
    width:100%
}
@media(min-width:880px) {
    .about-tghack-stat {
        width:auto;
        min-width:173px;
        padding-right:16px
    }
}
.about-tghack-stat span {
    display:block
}
.about-tghack-stat-number {
   font-size: 1.45rem;
    color:#3297d3;
    margin:0 0 5px
}

.about-tghack-office {
    display:none
}


.why-section {
    -webkit-flex-shrink:0;
    -ms-flex-negative:0;
    flex-shrink:0;

    padding:0
}
@media (min-width:992px) {
    .why-section {
        margin-top: -30px;
    }
}

.why-bg{
    background: var(--bg-main-2);
    transform: skewY(-12deg);
    grid: 300px/1fr minmax(0, 1000px) 1fr;
    grid: 300px/1fr minmax(0, calc(1040px - 20px * 2)) 1fr;
    margin-top: 200px;
    position: absolute;
    z-index: -11111111111111;
    width: 100%;
    display: grid;
}
@media (max-width:670px) {
    .why-bg { background: var(--bg-main-2);
        grid: 630px/1fr minmax(0, 1000px) 1fr;
        grid: 630px/1fr minmax(0, calc(1040px - 20px * 2)) 1fr;}
}
.why-section__figcaption a {
    color:var(--text-comonbody)
}
.why-section__wrapper {
    text-align:center;
    padding-top:48px;
    padding-bottom:48px
}
@media (min-width:992px) {
    .why-section__wrapper {
        padding-top:20px;
        padding-bottom:80px
    }
}
.why-section__why-choose {
    width:48px;
    height:48px;
    opacity:.64;
    display:none
}
@media (min-width:992px) {
    .why-section__why-choose {
        width:63px;
        height:63px;
        display:block;
        margin:0 auto 19px
    }
}
.why-section__main-headline {
    color: var(--link-color);
}
@media (min-width:992px) {
    .why-section__main-headline {
        font-size:30px;
        line-height:48px;

    }
}
.why-section__list {
    margin-top:48px
}
@media (min-width:992px) {
    .why-section__list {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-box-pack:justify;
        -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
.why-section__figure {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    text-align:left;
    position:relative
}
.why-section__figure+.why-section__figure {
    padding-top:16px;
    margin-top:16px
}
@media (min-width:992px) {
    .why-section__figure+.why-section__figure {
        padding-top:0;
        margin-top:0
    }
}
.why-section__figure+.why-section__figure:before {
    content:'';
    height:1px;
    width:calc(100% - 32px);
    position:absolute;
    right:-16px;
    top:0;

    opacity:.32
}
@media (min-width:992px) {
    .why-section__figure+.why-section__figure:before {
        height:0;
        width:0
    }
}
@media (min-width:992px) {
    .why-section__figure {
        width:calc(100%/3 - 32px)
    }
    .why-section__figure:nth-child(3)~* {
        margin-top:62px
    }
}
.why-section__button {
    margin-top:47px
}
.why-section__icon {
    -webkit-flex-shrink:0;
    -ms-flex-negative:0;
    flex-shrink:0;
    width:32px;
    height:32px;
    fill:#0a2438;
    opacity:.64
}
@media (min-width:992px) {
    .why-section__icon {
        height:48px;
        width:48px
    }
}
.why-section__figcaption {
    font-weight:600;
    line-height:22px;
    color:var(--text-comonbody);
    margin-left:16px
}
.why-section__figcaption b {
    font-weight:400
}

/* а можно не дефолт, а сделать так */


.flag_box{
    width: 14px;
    background-image: url("/images/flags.png");

    height: 14px;
    border-radius: 100px;
    box-shadow: 0px 0px 1px 0px #888;
    background-repeat: no-repeat;
}

@media (max-width:880px) {
    .select2-container{
        width: 100%;
        min-width: 100%!important;
    }

}

#country-styler, #country{
    width: 100%;
    min-width: 250px;
}


.texst1 {
    color: #52759b;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .025em;
}
.form-ios-select {
    height: 30px;
    padding: 0px 10px 0 5px;
    border-radius: 4px;
    background: var(--bg-select);
    background: var(--bg-select-linear-gradient);
    color:var(--bg-select-color)!important;
    font: 13px/32px Arial, sans-serif;
    border: none;
}

.lang  {
    color: #fff;
}
.form-row p{
    width: 33% !important;
}
.form-row select{
    width: 100% !important;
}
.form-row{
    margin-bottom: 5px;
}

.bord-bottom {
    border-bottom: 2px solid #ecf0f5;

}
.bs-TextInput {
    border-color:
        #eee;


}
.review-com {
    color: var(--text-primary);
    padding: 1rem;
}
.BillingLifecycleCard__label, .BillingLifecycleCard_data {
    display: flex;align-items: center;
}
.flags {

    border-radius: 100px;
    vertical-align: middle;
    width: 16px;
    margin-right: 4px;
    margin-bottom: 2px;

}
.flags_s {

    border-radius: 100px;
    vertical-align: middle;
    width: 16px;
    margin-bottom: 4px;

}
.das {
    margin-top: 15px;

}
@media (max-width: 670px) {
    .das {
        margin-top: 5px;

    }
}
.hline {

    width: 100%;
    height: 4px;
    background: url('/img/hline-bg.png') repeat-x 0 0;


}
.chat_text{
    width: 80%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#downloaded {
    color: #3498db;
}
#downloadSpeed{
    color: var(--downloadSpeed);
}
.f12{
    font-size:12px ;
}
.display_none{
    display: none;
}
.text_progress{
    color: var(--side-menu);
    text-decoration: none;cursor: pointer;font-weight: 600;font-size: 13px;
}
.col_sew{
    padding-left: 5px;
}

.card .card-content {
    padding:24px
}
.card .card-content p {
    margin:0
}
.card .card-content .card-title {
    line-height:32px;
    display:block;
    margin-bottom:8px
}
.card .card-content .card-title i {
    line-height:32px
}
.card .card-action {
    position:relative;
    padding:16px 24px;
    border-top:1px solid rgba(160,160,160,.2);
    background-color:inherit
}
.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {
    margin-right:24px;
    -webkit-transition:color .3s ease;
    transition:color .3s ease;
    text-transform:uppercase;
    color:#3949ab
}
.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating):hover {
    color:#7885d2
}
.card .card-reveal {
    position:absolute;
    z-index:3;
    top:100%;
    left:0;
    display:none;
    overflow-y:auto;
    width:100%;
    height:100%;
    padding:24px;
    background-color:#fff
}
.card .card-reveal .card-title {
    display:block;
    cursor:pointer
}

table.highlight>tbody>tr:hover,
table.striped>tbody>tr:nth-child(odd) {
    background-color:rgba(242,242,242,.5)
}
table,
td,
th {
    border:none
}
table {
    display:table;
    width:100%;
    border-spacing:0;
    border-collapse:collapse
}
table.striped tr {
    border-bottom:none
}
table.striped>tbody>tr>td {
    border-radius:0
}
table.highlight>tbody>tr {
    -webkit-transition:background-color .25s ease;
    transition:background-color .25s ease
}
tr {
    border-bottom:1px solid rgba(0,0,0,.12)
}
td,
th {
    display:table-cell;
    padding:6px 5px;
    text-align:left;
    vertical-align:middle;
    border-radius:2px
}

th {
    background: #f7fafc;
    color: #1a1f36;
    font-weight: 300;
    font-size: 13px;
}



@media only screen and (max-width:992px) {
    table.responsive-table td:empty:before,
    table.responsive-table thead tr th::before {
        content:'\00a0'
    }
    table.responsive-table {
        position:relative;
        display:block;
        width:100%;
        border-spacing:0;
        border-collapse:collapse
    }
    table.responsive-table td,
    table.responsive-table th {
        margin:0;
        vertical-align:top
    }
    table.responsive-table thead {
        display:block;
        float:left
    }
    table.responsive-table thead tr {
        display:block;
        padding:0 0px 0 0
    }
    table.responsive-table tbody {
        position:relative;
        display:block;
        overflow-x:auto;
        width:auto;
        white-space:nowrap
    }
    table.responsive-table tbody tr {
        display:inline-block;
        vertical-align:top
    }
    table.responsive-table th {
        display:block;
        text-align:left
    }
    table.responsive-table td {
        display:block;
        min-height:1.25em;
        text-align:left
    }
    table.responsive-table tr {
        padding:0 10px;
        border-bottom:none
    }
    table.responsive-table thead {
        border:0;
        border-right:1px solid rgba(0,0,0,.12)
    }
}
.der_cd{
    display: block;
    font-size: 14px;
}


.radio {
    vertical-align: top;
    width: 17px;
    height: 17px;
    margin: 0 3px 0 0;
}
.radio + label {
    cursor: pointer;
}
.radio:not(checked) {
    position: absolute;
    opacity: 0;
}
.radio:not(checked) + label {
    position: relative;
    padding: 0 0 0 20px;
}
.radio:not(checked) + label:before {
    content: '';
    position: absolute;
    top: -3px;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #CDD1DA;
    border-radius: 50%;
    background: #FFF;
}
.radio:not(checked) + label:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 3px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #87cc6b;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.5);
    opacity: 0;
    transition: all .2s;
}
.radio:checked + label:after {
    opacity: 1;
}
.radio:focus + label:before {
    box-shadow: 0 0 0 3px rgba(255,255,0,.5);
}
.fz_15{
    font-size: 15px;
}
.v_mid{
    vertical-align: middle;
}

.method {
    height: 40px;

    color: var(--h-color);
    font-size: 14px;
    position: relative;
    z-index: 1;

}

.method:after {
    content: "";
    display: table;
    clear: both;
}

.method div {
    float: left;
    transform: translateY(-50%);
    position: relative;
    top: 50%;
}

.method .actions {
    float: right;

}

.method .actions img {
    height:28px;
}
.method .actions.more {
    margin: 0 12px 0 20px;
}

.method .actions.attachment {
    margin: 0 0 0 20px;
}

.method .actions.attachment i {
    display: block;
    /*   transform: rotate(-45deg); */
}

.method .avatar {
    margin: 0 0 0 15px;
    width: 36px;
    height: 36px;
}

.method .avatar img {
    border-radius: 50%;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
    display: block;
    width: 100%;
}

.method .name {
    font-size: 13px;
    font-weight: 500;
    text-overflow: ellipsis;
    letter-spacing: 0.3px;
    margin: 0 0 0 8px;
    max-width: 220px;
    white-space: nowrap;
    overflow: hidden;

}

.method .status {
    display: block;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0;
    white-space: nowrap;
    overflow: hidden;
    color: #a6a6a6;
}
@media (max-width:470px) {
    .method .name {

        max-width: 140px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;

    }
    .method .status {

        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
}
.table_pad td, .table th
{
    padding: 10px 0px 10px 0px;
}



.try-now nav ol {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    font-weight:400;
    font-size:14px;
    color:rgb(152, 161, 178);
    line-height:26px
}
.try-now nav ol>li {
    padding-left:27px
}
.try-now nav ol>li:before {
    background:#a5b3bb;
    color:#fff;

    font-weight:500;
    line-height:1;
    text-align:center;
    padding:3px 0;
    height:20px;
    width:20px;
    border-radius:10px;
    position:absolute;
    left:0;
    top:3px
}

article ol, article ul {

    counter-reset: listitem;
    list-style: none;

}
article ol > li, article ul > li {

    position: relative;
    margin: 5px 0;


}
article ol > li::before {

    counter-increment: listitem;
    content: counter(listitem);
    background: #939da3;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    padding: 4px 0;
    height: 19px;
    width: 19px;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 3px;

}

.zelen::before {

    background-color:

        #24b47e !important;

}
.zelen {

    color:

        #24b47e !important;

}
.qr{width: 100px}
#t30time, .time_s {
    color: #3498db;
    line-height: 24px;
}
aside .tag.optional {

    background:

        #e3e8ee;

    color:

        #323232;

}
.tag_r {


    border-radius: 20px;
    padding: 3px 8px 3px;
    font-size: 13px;
    font-weight: 600;

}

#timeBoxBTC{
    padding: 3px 13px 3px 10px;line-height: 25px;
}
.t_center{
    text-align: center;
}

.float-tuda {
    text-align: right;
}
@media (max-width:470px) {
    .float-tuda {
        text-align: center;
    }
}
.try-now {
    padding: 0px 60px 0px 50px;
    text-align: center;
}
@media (max-width:470px) {
    .try-now {
        text-align: center;
        padding: 10px 30px 10px 20px;
    }
}
.l24{
    line-height: 24px;
}
.col_h{
    color:#37c784
}
.fde_rf{

    vertical-align: middle;

    display: inline;

    padding-top: 15px;
}
.mr_r{
    margin: 0px 10px 10px 10px;
}


.db-LivemodeSwitcher-switch {

    opacity: .8;

}
.Switch {
    display:-ms-flexbox;
    display:flex;
    height:20px;
    margin: 5px 0px 0px 0px;
    padding:0;
    width:36px;
    border:0;
    cursor:pointer;
    position:relative;
    float: left;
}
.Switch.Is--disabled {
    cursor:default;
    pointer-events:none
}
.Switch-source {
    position:absolute;
    height:100%;
    width:100%;
    opacity:0;
    pointer-events:none
}
.Switch-knob {
    left:1px;
    position:absolute;
    top:1px;
    z-index:2;
    height:18px;
    width:18px;
    border-radius:9px;
    box-shadow:0 2px 4px 0 rgba(0,0,0,.25),0 0 1px 0 rgba(0,0,0,.26);
    transition:transform .2s ease-in-out
}
.Switch-source:checked+.Switch-controls .Switch-knob {
    left:1px;
    transform:translateX(16px)
}
.Switch-on {
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0;
    z-index:1;
    border-radius:10px;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.07);
    opacity:0;
    transition:opacity .2s ease-in-out
}
.Switch-source:checked+.Switch-controls .Switch-on {
    opacity:1
}
.Switch-off {
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0;
    z-index:1;
    border-radius:10px;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.07);
    opacity:1;
    transition:opacity .2s ease-in-out
}
.Switch-source:checked+.Switch-controls .Switch-off {
    opacity:0
}
.Switch--size--small {
    height:14px;
    width:21px
}
.Switch--size--small .Switch-bevel,.Switch--size--small .Switch-enabled {
    border-radius:7px
}
.Switch--size--small .Switch-knob {
    height:12px;
    width:12px;
    border-radius:6px
}
.Switch--size--small .Switch-source:checked+.Switch-controls .Switch-knob {
    transform:translateX(10px)
}
.Switch.Is--disabled {
    opacity:.5
}
.Box-background--orange400 {

    background-color: #6bb3a7;

}
.Box-background--surface {

    background-color: #e3e8ee;

}
.Box-background--white {

    background-color: #fff;

}



@media (min-width:670px) {
    .max300{
        max-width: 330px;
        width: 330px;
    }
}
.header__userLink_theme:before {
    opacity: .9;
    background: url(/img/night.svg) no-repeat;
    background-size: 19px 19px;
    background-position-y: 2px;
    margin-top: 3px
}
.header__userLink:before {
    content: "";
    width: 22px;
    height: 21px;
    display: inline-block;
    opacity: .8;
    margin-bottom: -5px;
    background-repeat: no-repeat;
    transition: opacity .2s ease;
}
.darkTemplate .header__userLink_theme:before, .header__userLink_theme.theme_night:before {
    background: url(/img/day.svg) no-repeat;
    background-size: 21px 21px;
}



.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;

}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px;
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-search--inline {
    float: left;
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-dropdown {
    background: var(--bg-select);
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;font-size: 13px;
    overflow: hidden;
    line-height: 17px;
    white-space: nowrap;
    color: var(--bg-select-color);
    text-overflow: ellipsis;
}

.select2-results__option[aria-selected] {
    cursor: pointer;
}

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-search--dropdown {
    display: block;
    padding: 4px;
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
    display: none;
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}
.form-b {

    margin-bottom: 10px;

}
.css-1tk3uje-right {
    background: var(--bg-main-4);
}
.bg-reviews-accent {
    background: var(--bg-main-3);
}
 .left-in{
     left:10px!important;
     position: absolute;
 }
@media (min-width:670px) {
    .left-in{
        left:250px!important;
        position: absolute;
    }
}

.container-section4 {


    background-image: url("/images/social-evr4tvv.png");
    background-position: 50% 50%;
    background-size: auto 562px;
    background-repeat: no-repeat;
    height: 662px;
    width: 100%;
}
.s_5_g {
    width: 100%;
    max-width: 792px;
    margin-top: 16px;
    grid-column-gap: 48px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}
.w-layout-grid {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    grid-row-gap: 16px;
    grid-column-gap: 16px;
}
.s_5_g_c {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 52px;
    height: 52px;
    -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;
    border-radius: 100%;
    background-color: var(--bg-accent-6);
}
main .bg-fon {
    position: absolute;
    z-index: 0;
    width: 100%;
    display: grid;
    -webkit-transform: skewY(-12deg);
    transform: skewY(-12deg);
}
main .bg-fon2 {
    position: absolute;
    z-index: -1;
    width: 100%;
    display: grid;

}

#wa-bg .bg-fon, .what-is .bg-fon, #wa-bg .bg-fon2 {
    height: 5%;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    background: linear-gradient(192deg, #25d366, var(--bg-main-2) 42%);
}

#wa-bg .bg-fon :first-child {
    grid-column: 3;
    background: -webkit-gradient(linear, left top, right top, from(rgba(241, 248, 252, 0)), to(#f1f8fc));
}
#vb-bg .bg-fon, .what-is .bg-fon, #vb-bg .bg-fon2 {
    height: 5%;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    background: linear-gradient(192deg, var(--bg-main-2), var(--bg-main-2) 42%)

}

#vb-bg .bg-fon :first-child  {
    grid-column: 3;
    background: -webkit-gradient(linear, left top, right top, from(rgba(241, 248, 252, 0)), to(#f1f8fc));
}
#ms-bg .bg-fon, .what-is .bg-fon {
    height: 5%;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    background: linear-gradient(192deg, #2196f3, var(--bg-main-2) 42%)
}

#ms-bg .bg-fon :first-child {
    grid-column: 3;
    background: -webkit-gradient(linear, left top, right top, from(rgba(241, 248, 252, 0)), to(#f1f8fc));
}
#tg-bg .bg-fon, .what-is .bg-fon, #sk-bg .bg-fon2 {
    height: 5%;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    background: linear-gradient(192deg, #2196f3, var(--bg-main-2) 42%)
}

#tg-bg .bg-fon :first-child {
    grid-column: 3;
    background: -webkit-gradient(linear, left top, right top, from(rgba(241, 248, 252, 0)), to(#f1f8fc));
}
#sn-bg .bg-fon, .what-is .bg-fon, #sn-bg .bg-fon2 {
    height: 5%;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    background: linear-gradient(192deg, #ffe500, var(--bg-main-2) 42%)
}

#sn-bg .bg-fon :first-child {
    grid-column: 3;
    background: -webkit-gradient(linear, left top, right top, from(rgba(241, 248, 252, 0)), to(#f1f8fc));
}
#we-bg .bg-fon, .what-is .bg-fon {
    height: 5%;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    background: linear-gradient(192deg, #4caf50, var(--bg-main-2) 42%)
}

#we-bg .bg-fon :first-child {
    grid-column: 3;
    background: -webkit-gradient(linear, left top, right top, from(rgba(241, 248, 252, 0)), to(#f1f8fc));
}
.bg-yellow-550 {
    background-color: #f4d231;
}
#tk-bg .bg-fon, .what-is .bg-fon, #tk-bg .bg-fon2 {
    height: 5%;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    background: linear-gradient(192deg, var(--bg-main-2), var(--bg-main-2) 42%)
}

#tk-bg .bg-fon :first-child {
    grid-column: 3;
    background: -webkit-gradient(linear, left top, right top, from(rgba(241, 248, 252, 0)), to(#f1f8fc));
}

.map-wr {
    position:relative
}
.map-wr .points-wr {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0
}
.map-wr .points-wr i {
    position:absolute;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    border-radius:50%;
    -webkit-animation:pulse 2s infinite ease;
    animation:pulse 2s infinite ease
}
.map-wr .points-wr i:nth-child(1) {
    top:28%;
    left:20%;
    width:15px;
    height:15px;
    background:var(--map-point);
    -webkit-animation-delay:.1s;
    animation-delay:.1s
}

.map-wr .points-wr i:nth-child(4) {
    top:40%;
    left:28%;
    width:15px;
    height:15px;
    background:var(--map-point);
    -webkit-animation-delay:.4s;
    animation-delay:.4s
}
.map-wr .points-wr i:nth-child(5) {
    top:46%;
    left:17%;
    width:10px;
    height:10px;
    background:var(--map-point);
    -webkit-animation-delay:.5s;
    animation-delay:.5s
}
.map-wr .points-wr i:nth-child(6) {
    top:65%;
    left:34%;
    width:15px;
    height:15px;
    background:var(--map-point);
    -webkit-animation-delay:.6s;
    animation-delay:.6s
}
.map-wr .points-wr i:nth-child(7) {
    top:76%;
    left:34%;
    width:10px;
    height:10px;
    background:var(--map-point);
    -webkit-animation-delay:.7s;
    animation-delay:.7s
}


.map-wr .points-wr i:nth-child(10) {
    top:34%;
    left:50%;
    width:15px;
    height:15px;
    background:var(--map-point);
    -webkit-animation-delay:1s;
    animation-delay:1s
}

.map-wr .points-wr i:nth-child(13) {
    top:65%;
    left:51%;
    width:15px;
    height:15px;
    background:var(--map-point);
    -webkit-animation-delay:1.3s;
    animation-delay:1.3s
}

.map-wr .points-wr i:nth-child(15) {
    top:52%;
    left:67%;
    width:15px;
    height:15px;
    background:var(--map-point);
    -webkit-animation-delay:1.5s;
    animation-delay:1.5s
}

.map-wr .points-wr i:nth-child(17) {
    top:51%;
    left:59%;
    width:10px;
    height:10px;
    background:var(--map-point);
    -webkit-animation-delay:1.7s;
    animation-delay:1.7s
}

.map-wr .points-wr i:nth-child(20) {
    top:81%;
    left:87%;
    width:15px;
    height:15px;
    background:var(--map-point);
    -webkit-animation-delay:2s;
    animation-delay:2s
}
.map-wr .points-wr i:nth-child(21) {
    top:66%;
    left:80%;
    width:5px;
    height:5px;
    background:var(--map-point);
    -webkit-animation-delay:2.1s;
    animation-delay:2.1s
}
.map-wr img {
    width:100%;
}
@media (max-width:870px) {
    .map-wr img {
        margin-top: 0px;
    }
}
.topper .topper-paw.-animated, .topper .topper-paw.-animated .topper-shadow-box {
    opacity: 1;
}

.topper .topper-left {
    position:relative;
    z-index:2
}
.topper .topper-text {
    margin-bottom:48px;
    transform:translateY(-20px);
    transition:transform .8s ease
}
.topper .topper-text.-animated {
    transform:translateY(0)
}
.topper .topper-text a {
    text-decoration:none;
    color:#000
}
.topper .topper-text a:hover {
    text-decoration:underline
}
@media only screen and (max-width:575px) {
    .topper .topper-text {
        font-size:14px;
        margin-bottom:24px
    }
}
.topper .topper-image {
    line-height:1;  text-align:center;   z-index:1
}
@media only screen and (max-width:1023px) {
    .topper .topper-image {
        margin-bottom:32px
    }
}
@media only screen and (max-width:767px) {
    .topper .topper-image {
        position:relative
    }
}
@media only screen and (max-width:575px) {
    .topper .topper-image {
        margin-bottom:0
    }
}
.topper .topper-icon {
    position:relative;
    max-width:90%;
    z-index:99;
    transform:translateY(-20px);
    transition:transform .8s ease
}
.topper .topper-icon.-animated {
    transform:translateY(0)
}
.topper .topper-icon img {
    max-width:100%;
    height:auto
}
@media only screen and (max-width:767px) {
    .topper .topper-icon {
        max-width:100%
    }
}
@media only screen and (max-width:575px) {
    .topper .topper-icon img {
        max-width:70%
    }
}
.topper .topper-paw-animation.-cleanmymac #particles-js canvas, .topper .topper-paw-animation.-cleanmymac-classic #particles-js canvas, .topper .topper-paw-animation.-cleanmypc #particles-js canvas, .topper .topper-paw-animation.-encrypto svg, .topper .topper-paw-animation.-wallpaper-wizard #particles-js canvas {
    width: 100% !important;
    height: 100% !important;
}
.topper .topper-paw {
    position:absolute;
    bottom:-65px;
    left:70%;
    width:1440px;
    height:1440px;
    transform:rotate(40deg) translateX(-50%);
    opacity:0;
    transform-origin:0 50%;
    transition:opacity .55s ease .2s;
    pointer-events:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    z-index:1
}
@media (max-width:575px) {
    .topper .topper-paw {
        bottom: -250px;
        left:50%;

    }
    .ldp-matrix {
        display: none;
    }
}
.topper .topper-paw-logo {
    position:relative
}
.topper .topper-paw-animation {
    position:absolute;
    left:65%;
    top:50%;
    transform:translate(-50%,-50%);
    width:1024px;
    height:670px;
    opacity:0;
    transition:opacity .6s ease .6s;
    z-index:1
}
.topper .topper-paw-animation.-animated {
    opacity:1
}

.topper .topper-paw-animation.-hider img {
    -webkit-animation:hider-header 18s 1.2s infinite;
    animation:hider-header 18s 1.2s infinite
}
@-webkit-keyframes hider-header {
    0% {
        transform:rotate(0)
    }
    29% {
        transform:rotate(130deg)
    }
    30% {
        transform:rotate(130deg)
    }
    63% {
        transform:rotate(314deg)
    }
    64% {
        transform:rotate(314deg)
    }
    99% {
        transform:rotate(0)
    }
}
@keyframes hider-header {
    0% {
        transform:rotate(0)
    }
    29% {
        transform:rotate(130deg)
    }
    30% {
        transform:rotate(130deg)
    }
    63% {
        transform:rotate(314deg)
    }
    64% {
        transform:rotate(314deg)
    }
    99% {
        transform:rotate(0)
    }
}
.topper .topper-paw-animation.-gemini {
    width:640px;
    height:640px
}
.topper .topper-paw-animation.-gemini img {
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    -webkit-animation:gemini-header 15s linear 1.2s infinite;
    animation:gemini-header 15s linear 1.2s infinite
}
.topper .topper-paw-animation.-gemini img:nth-child(3),
.topper .topper-paw-animation.-gemini img:nth-child(6),
.topper .topper-paw-animation.-gemini img:nth-child(8) {
    -webkit-animation-duration:22s;
    animation-duration:22s
}
.topper .topper-paw-animation.-gemini img:nth-child(4),
.topper .topper-paw-animation.-gemini img:nth-child(12) {
    -webkit-animation-duration:44s;
    animation-duration:44s
}
.topper .topper-paw-animation.-gemini img:nth-child(9),
.topper .topper-paw-animation.-gemini img:nth-child(11) {
    -webkit-animation-duration:35s;
    animation-duration:35s
}
.topper .topper-paw-animation.-gemini img:nth-child(10) {
    -webkit-animation-duration:30s;
    animation-duration:30s
}
@-webkit-keyframes gemini-header {
    0% {
        transform:translateX(-50%) translateY(-50%) rotate(0)
    }
    to {
        transform:translateX(-50%) translateY(-50%) rotate(1turn)
    }
}
.topper .topper-paw-animation.-gemini-photos {
    width:508px;
    height:508px
}
.topper .topper-paw-animation.-gemini-photos img {
    position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    -webkit-animation:gemini-header 40s linear 1.2s infinite;
    animation:gemini-header 40s linear 1.2s infinite
}
.topper .topper-paw-animation.-gemini-photos img:nth-child(3),
.topper .topper-paw-animation.-gemini-photos img:nth-child(6),
.topper .topper-paw-animation.-gemini-photos img:nth-child(8) {
    -webkit-animation-duration:22s;
    animation-duration:22s
}
.topper .topper-paw-animation.-gemini-photos img:nth-child(4),
.topper .topper-paw-animation.-gemini-photos img:nth-child(12) {
    -webkit-animation-duration:44s;
    animation-duration:44s
}
.topper .topper-paw-animation.-gemini-photos img:nth-child(9),
.topper .topper-paw-animation.-gemini-photos img:nth-child(11) {
    -webkit-animation-duration:35s;
    animation-duration:35s
}
.topper .topper-paw-animation.-gemini-photos img:nth-child(10) {
    -webkit-animation-duration:30s;
    animation-duration:30s
}
@keyframes gemini-header {
    0% {
        transform:translateX(-50%) translateY(-50%) rotate(0)
    }
    to {
        transform:translateX(-50%) translateY(-50%) rotate(1turn)
    }
}
.topper .topper-paw-animation.-gemini-classic {
    width:640px;
    height:640px
}
.topper .topper-paw-animation.-gemini-classic .gemini-classic-pattern {
    width:100%;
    height:100%
}
.topper .topper-paw-animation.-gemini-classic .gemini-classic-pattern div {
    position:absolute;
    border:2px solid #fff;
    border-radius:50%
}
.topper .topper-paw-animation.-gemini-classic .gemini-classic-pattern div:first-child {
    -webkit-animation:bubbles 2.5s linear 9.5s infinite;
    animation:bubbles 2.5s linear 9.5s infinite
}
.topper .topper-paw-animation.-gemini-classic .gemini-classic-pattern div:nth-child(2) {
    -webkit-animation:bubbles 2.5s linear 7.4s infinite;
    animation:bubbles 2.5s linear 7.4s infinite
}
.topper .topper-paw-animation.-gemini-classic .gemini-classic-pattern div:nth-child(3) {
    -webkit-animation:bubbles 2.5s linear 2s infinite;
    animation:bubbles 2.5s linear 2s infinite
}
.topper .topper-paw-animation.-gemini-classic .gemini-classic-pattern div:nth-child(4) {
    -webkit-animation:bubbles 2.5s linear 6.5s infinite;
    animation:bubbles 2.5s linear 6.5s infinite
}
@-webkit-keyframes bubbles {
    0% {
        opacity:0;
        transform:scale(1)
    }
    50% {
        opacity:1;
        transform:scale(1.5)
    }
    to {
        opacity:0;
        transform:scale(2)
    }
}
@keyframes bubbles {
    0% {
        opacity:0;
        transform:scale(1)
    }
    50% {
        opacity:1;
        transform:scale(1.5)
    }
    to {
        opacity:0;
        transform:scale(2)
    }
}
.topper .topper-paw-animation.-gemini-classic .gemini-classic-pattern div:first-child {
    width:52px;
    height:52px;
    top:92px;
    left:86px
}
.topper .topper-paw-animation.-gemini-classic .gemini-classic-pattern div:nth-child(2) {
    width:73px;
    height:73px;
    top:287px;
    right:35px
}
.topper .topper-paw-animation.-gemini-classic .gemini-classic-pattern div:nth-child(3) {
    width:55px;
    height:55px;
    bottom:143px;
    right:87px
}
.topper .topper-paw-animation.-setapp {
    width:640px;
    height:640px
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:first-child {
    -webkit-animation:grid 2.5s linear 5.9s infinite;
    animation:grid 2.5s linear 5.9s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(2) {
    -webkit-animation:grid 2.5s linear 1.1s infinite;
    animation:grid 2.5s linear 1.1s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(3) {
    -webkit-animation:grid 2.5s linear .9s infinite;
    animation:grid 2.5s linear .9s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(4) {
    -webkit-animation:grid 2.5s linear 5.7s infinite;
    animation:grid 2.5s linear 5.7s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(5) {
    -webkit-animation:grid 2.5s linear 1.3s infinite;
    animation:grid 2.5s linear 1.3s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(6) {
    -webkit-animation:grid 2.5s linear 1s infinite;
    animation:grid 2.5s linear 1s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(7) {
    -webkit-animation:grid 2.5s linear 3.3s infinite;
    animation:grid 2.5s linear 3.3s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(8) {
    -webkit-animation:grid 2.5s linear 6.8s infinite;
    animation:grid 2.5s linear 6.8s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(9) {
    -webkit-animation:grid 2.5s linear .6s infinite;
    animation:grid 2.5s linear .6s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(10) {
    -webkit-animation:grid 2.5s linear 6.5s infinite;
    animation:grid 2.5s linear 6.5s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(11) {
    -webkit-animation:grid 2.5s linear 2.4s infinite;
    animation:grid 2.5s linear 2.4s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(12) {
    -webkit-animation:grid 2.5s linear 1.5s infinite;
    animation:grid 2.5s linear 1.5s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(13) {
    -webkit-animation:grid 2.5s linear 6.8s infinite;
    animation:grid 2.5s linear 6.8s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(14) {
    -webkit-animation:grid 2.5s linear 1.5s infinite;
    animation:grid 2.5s linear 1.5s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(15) {
    -webkit-animation:grid 2.5s linear .1s infinite;
    animation:grid 2.5s linear .1s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(16) {
    -webkit-animation:grid 2.5s linear 5.2s infinite;
    animation:grid 2.5s linear 5.2s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(17) {
    -webkit-animation:grid 2.5s linear 4.7s infinite;
    animation:grid 2.5s linear 4.7s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(18) {
    -webkit-animation:grid 2.5s linear 8.2s infinite;
    animation:grid 2.5s linear 8.2s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(19) {
    -webkit-animation:grid 2.5s linear 1.4s infinite;
    animation:grid 2.5s linear 1.4s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(20) {
    -webkit-animation:grid 2.5s linear 8.4s infinite;
    animation:grid 2.5s linear 8.4s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(21) {
    -webkit-animation:grid 2.5s linear 8s infinite;
    animation:grid 2.5s linear 8s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(22) {
    -webkit-animation:grid 2.5s linear .4s infinite;
    animation:grid 2.5s linear .4s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(23) {
    -webkit-animation:grid 2.5s linear 2.5s infinite;
    animation:grid 2.5s linear 2.5s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(24) {
    -webkit-animation:grid 2.5s linear 2.1s infinite;
    animation:grid 2.5s linear 2.1s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(25) {
    -webkit-animation:grid 2.5s linear 7.1s infinite;
    animation:grid 2.5s linear 7.1s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(26) {
    -webkit-animation:grid 2.5s linear 4.6s infinite;
    animation:grid 2.5s linear 4.6s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(27) {
    -webkit-animation:grid 2.5s linear 2.4s infinite;
    animation:grid 2.5s linear 2.4s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(28) {
    -webkit-animation:grid 2.5s linear 4.7s infinite;
    animation:grid 2.5s linear 4.7s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(29) {
    -webkit-animation:grid 2.5s linear 8.3s infinite;
    animation:grid 2.5s linear 8.3s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(30) {
    -webkit-animation:grid 2.5s linear 9.6s infinite;
    animation:grid 2.5s linear 9.6s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(31) {
    -webkit-animation:grid 2.5s linear 5s infinite;
    animation:grid 2.5s linear 5s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(32) {
    -webkit-animation:grid 2.5s linear 5.7s infinite;
    animation:grid 2.5s linear 5.7s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(33) {
    -webkit-animation:grid 2.5s linear 8s infinite;
    animation:grid 2.5s linear 8s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(34) {
    -webkit-animation:grid 2.5s linear 7.7s infinite;
    animation:grid 2.5s linear 7.7s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(35) {
    -webkit-animation:grid 2.5s linear 8.8s infinite;
    animation:grid 2.5s linear 8.8s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(36) {
    -webkit-animation:grid 2.5s linear 7.1s infinite;
    animation:grid 2.5s linear 7.1s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(37) {
    -webkit-animation:grid 2.5s linear 3.7s infinite;
    animation:grid 2.5s linear 3.7s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(38) {
    -webkit-animation:grid 2.5s linear 6.7s infinite;
    animation:grid 2.5s linear 6.7s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(39) {
    -webkit-animation:grid 2.5s linear 7s infinite;
    animation:grid 2.5s linear 7s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(40) {
    -webkit-animation:grid 2.5s linear 6.9s infinite;
    animation:grid 2.5s linear 6.9s infinite
}
.topper .topper-paw-animation.-setapp .setapp-pattern rect:nth-child(41) {
    -webkit-animation:grid 2.5s linear .5s infinite;
    animation:grid 2.5s linear .5s infinite
}
@-webkit-keyframes grid {
    0% {
        opacity:1
    }
    50% {
        opacity:0
    }
    to {
        opacity:1
    }
}
@keyframes grid {
    0% {
        opacity:1
    }
    50% {
        opacity:0
    }
    to {
        opacity:1
    }
}


.topper .topper-paw-image {
    transform:rotate(-170deg);
    transition:transform 1.2s ease .4s
}
.topper .topper-paw-image.-animated {
    transform:rotate(0deg)
}

.topper .topper-paw img {
    width:100%
}

 .hero-content .lside .stats {
    float:left;
    margin-top:30px;
    width:100%
}
 .hero-content .lside .stats li {
    border-radius:3px;
    float:left;
    height:70px;
    margin-right:4%;
    padding:15px;
    width:38%
}
 .hero-content .lside .stats li .ico   {
    background-color:var(--bg-main-2);
    box-shadow:0 1px 1px rgba(0,0,0,.05);
    float:right;
    height:42px;
     text-align:center;
    width:42px
}
 .hero-content .lside .stats li .ico svg {
    display:block;
     height:29px;    text-align:center;
    position:relative;
     width:29px;
     margin-left: auto;
     margin-right: auto;
     top: 5px;
}
 .hero-content .lside .stats li .tps {
    float:left;
    line-height:24px;

}
 .hero-content .lside .stats li .tps .number {
    float:left;
    font-size:2em;
    font-weight:500;
    width:100%
}
 .hero-content .lside .stats li .tps .txt {
    float:left;
    font-size:.9em;
    font-weight:400;
    width:100%
}
 .hero-content .lside .stats li:last-child {
    margin-right:0
}

 .hero-content .lside .stats li.protected .ico i,
 .hero-content .lside .stats li.protected .tps .number,
 .hero-content .lside .stats li.protected .tps .txt {
    color:var(--bg-icon)
}

 .hero-content .lside .stats li.served .ico i,
 .hero-content .lside .stats li.served .tps .number,
 .hero-content .lside .stats li.served .tps .txt {
    color:var(--bg-icon)
}
 .hero-content .lside .ads-gb {
    float:left;
    margin:20px 0;
    width:100%
}
 .hero-content .rside {
    height:620px;
    padding:50px 0
}
 .hero-content .rside .mailbox {
    background-image:linear-gradient(0deg,#f6f6ff 0,#eaf8ff);
    float:left;
    height:520px;
    padding:15px;
    width:100%
}

 .hero-content  .lside .gh-icons {
    float:left;
    margin:20px 0;
    width:100%
}
 .hero-content  .lside .gh-icons li {
    float:left;
    padding-right:24px
}
 .hero-content  .lside .gh-icons li:last-child {
    padding-right:0
}
 .hero-content  .lside .gh-icons li i {
    background-size:cover;
    float:left
}
 .hero-content  .lside .gh-icons li i.pr {
    height:24px;
    width:18px
}
 .hero-content  .lside .gh-icons li i.an {
    height:24px;
    width:28px
}
 .hero-content  .lside .gh-icons li i.unl {
    background-size:34px 16px;
    height:16px;
    position:relative;
    top:4px;
    width:34px
}
 .hero-content  .lside .gh-icons li span {
    float:left;
    font-size:.95em;
    font-weight:500;
    padding-left:10px
}
 .hero-content  .lside .gh-icons li span.pr {
    color:var(--bg-icon)
}
 .hero-content  .lside .gh-icons li span.an {
    color:var(--bg-icon)
}
 .hero-content  .lside .gh-icons li span.unl {
    color:var(--bg-icon)
}
@media(max-width:767.98px) {

     .hero-content  .lside .gh-icons {
        display:flex
    }
     .hero-content  .lside .gh-icons li {
        flex-direction:column;
        float:none!important;
        justify-content:center;
        padding:0!important;
        width:50%
    }
     .hero-content  .lside .gh-icons li i,
     .hero-content  .lside .gh-icons li span {
        display:block;
        float:none!important;
        padding:0!important
    }
     .hero-content  .lside .gh-icons li span {
        font-size:.85em!important;
        line-height:20px;
        padding-top:10px!important
    }
    .hero-content  .lside .gh-icons li:nth-child(3) {
        margin-top:10px
    }
     .hero-content  .lside .gh-icons li:nth-child(3) i {
        top:0!important
    }
}

.encrypto-grid {
    position:relative;

}
@media only screen and (max-width:1023px) {
    .encrypto-grid {
        padding-bottom:0
    }
}
.encrypto-grid .encrypto-row {
    position:relative;
    display:flex;
    align-items:center;
    padding:20px 0;
    max-width:1120px;
    margin:0 auto 0px
}
@media only screen and (max-width:1023px) {
    .encrypto-grid .encrypto-row {
        flex-direction:column;
        padding:32px 0;
        margin-bottom:32px
    }
    .encrypto-grid .encrypto-row.-mobile-reverse {
        flex-direction:column-reverse
    }
}
.encrypto-grid .encrypto-row.-image-left:before {
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:1120px;
    height:600px;
    border-radius:20px;
    transform:translate(-50%,-50%);
    background:linear-gradient(-45deg,rgba(255,228,194,0),rgba(255,228,194,.12) 55%,rgba(241,197,215,.67));
    z-index:-1
}
.encrypto-grid .encrypto-row.-image-left .encrypto-col:first-child {
    position:relative;
    font-size:0
}
.encrypto-grid .encrypto-row.-image-left .encrypto-col:first-child .-encrypto-big-img,
.encrypto-grid .encrypto-row.-image-left .encrypto-col:first-child .-encrypto-small-img {
    float:right
}
@media only screen and (max-width:1023px) {
    .encrypto-grid .encrypto-row.-image-left:before {
        top:0;
        transform:translate(-50%)
    }
    .encrypto-grid .encrypto-row.-image-left .encrypto-col:first-child {
        display:block;
        text-align:center
    }
    .encrypto-grid .encrypto-row.-image-left .encrypto-col:first-child .-encrypto-small-img {
        float:none;
        text-align:center
    }
    .encrypto-grid .encrypto-row.-image-left .encrypto-col:first-child .-encrypto-small-img img {
        max-width:100%
    }
    .encrypto-grid .encrypto-row.-image-left .encrypto-col:first-child .-encrypto-big-img {
        float:none
    }
    .encrypto-grid .encrypto-row.-image-left .encrypto-col:first-child .-encrypto-big-img img {
        max-width:none
    }
}
.encrypto-grid .encrypto-row.-image-right:before {
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:1120px;
    height:600px;
    border-radius:20px;
    transform:translate(-50%,-50%);
    background:linear-gradient(45deg,rgba(255,228,194,0),var(--bg-main) 55%,rgba(241,197,215,.67));
    z-index:-1
}
.image-right-gmail {
    background:linear-gradient(45deg,rgba(255,228,194,0),var(--bg-main) 55%,#d74b2f)!important;
}
.image-right-gmail:before {
    background:linear-gradient(45deg,rgba(255,228,194,0),var(--bg-main) 55%,#d74b2f)!important;
}
.image-left-outlook:before {

    background:linear-gradient(-45deg,rgba(255,228,194,0),var(--bg-main) 55%,#3e82f5)!important;
}
.image-icloud-right:before {
    background:linear-gradient(45deg,rgba(255,228,194,0),var(--bg-main) 55%,#3e82f5)!important;
}
.encrypto-grid .encrypto-row.-image-right .encrypto-col:last-child {
    position:relative;
    font-size:0
}
.encrypto-grid .encrypto-row.-image-right .encrypto-col:last-child .-encrypto-big-img,
.encrypto-grid .encrypto-row.-image-right .encrypto-col:last-child .-encrypto-small-img {
    float:left
}
@media only screen and (max-width:1023px) {
    .encrypto-grid .encrypto-row.-image-right .encrypto-col:last-child {
        display:block;
        text-align:center
    }
    .encrypto-grid .encrypto-row.-image-right .encrypto-col:last-child .-encrypto-small-img {
        float:none
    }
    .encrypto-grid .encrypto-row.-image-right .encrypto-col:last-child .-encrypto-small-img img {
        max-width:100%
    }
    .encrypto-grid .encrypto-row.-image-right .encrypto-col:last-child .-encrypto-big-img {
        float:none
    }
    .encrypto-grid .encrypto-row.-image-right:before {
        top:0;
        transform:translate(-50%)
    }
}
.encrypto-grid .encrypto-row.-no-bg:before {
    display:none
}
.encrypto-grid .encrypto-row.-original:after {
    content:"";
    position:absolute;
    top:-32px;
    left:0;
    right:0;
    padding-bottom:100%;
    background:url(/images/products/encrypto/original.svg) no-repeat;
    background-size:100% auto;
    z-index:-1
}
@media only screen and (max-width:1023px) {
    .encrypto-grid .encrypto-row {
        padding-bottom:0
    }
    .encrypto-grid .encrypto-row.-image-left .encrypto-col,
    .encrypto-grid .encrypto-row.-image-right .encrypto-col {
        display:flex;
        justify-content:center;
        margin-bottom:24px
    }
}
.encrypto-grid .encrypto-col {
    width:50%
}
.encrypto-grid .encrypto-col:first-child {
    padding-right:5%
}
.encrypto-grid .encrypto-col:last-child {
    padding-left:5%
}
@media only screen and (max-width:1023px) {
    .encrypto-grid .encrypto-col {
        width:100%
    }
    .encrypto-grid .encrypto-col:first-child,
    .encrypto-grid .encrypto-col:last-child {
        padding:0
    }
}
.encrypto-content {
    max-width:448px
}
@media only screen and (max-width:1023px) {
    .encrypto-content {
        max-width:100%
    }
}
@media only screen and (max-width:767px) {
    .encrypto-content {
        padding:0 9%
    }
}
@media only screen and (max-width:575px) {
    .encrypto-content {
        padding:0
    }
  .hero-content .lside .stats li .tps .number {
        font-size:1.2em!important
    }
    .hero-content .lside .stats li {
        border-radius: 3px;
        float: left;
        height: 60px;
        margin-right: 0%;
        padding: 5px;
        width: 40%;
    }
}
.topper .topper-shadow-box.-encrypto .topper-shadow-1 {
    background: radial-gradient(rgba(237,32,143,.5) 0,rgba(237,32,143,0) 90%);
}
.topper .topper-shadow-box {
    position:absolute;
    bottom:9%;
    left:9%;
    width:83%;
    height:83%;
    border-radius:50%;
    overflow:hidden;
    opacity:0;
    transition:opacity 1.4s ease .5s;
    pointer-events:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
@media only screen and (max-width:575px) {
    .topper .topper-shadow-box {
        display:none
    }
}

.topper .topper-shadow-box {
    position:absolute;
    bottom:9%;
    left:9%;
    width:83%;
    height:83%;
    border-radius:50%;
    overflow:hidden;
    opacity:0;
    transition:opacity 1.4s ease .5s;
    pointer-events:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
@media only screen and (max-width:575px) {
    .topper .topper-shadow-box {
        display:none
    }
}
.topper .topper-shadow-box #svg-filter {
    display:none
}
.topper .topper-shadow-box .topper-shadow-1,
.topper .topper-shadow-box .topper-shadow-2 {
    position:absolute;
    bottom:-6%;
    left:36%;
    width:44%;
    height:9%;
    transform:rotate(-40deg)
}
.topper .topper-shadow-box .topper-shadow-1 {
    filter:url(#svg-blur-50)
}
@supports (filter:blur(50px)) {
    .topper .topper-shadow-box .topper-shadow-1 {
        filter:blur(50px)
    }
}
.topper .topper-shadow-box .topper-shadow-2 {
    filter:url(#svg-blur-35)
}
@supports (filter:blur(35px)) {
    .topper .topper-shadow-box .topper-shadow-2 {
        filter:blur(35px)
    }
}
.topper .topper-shadow-box .topper-shadow-fallback {
    position:absolute;
    bottom:-16%;
    left:31%;
    width:699px;
    height:352px;
    transform:rotate(-40deg)
}
.topper .topper-shadow-box.-cleanmymac-x .topper-shadow-1 {
    background:radial-gradient(rgba(255,127,240,.5) 0,rgba(255,127,240,0) 90%)
}
.topper .topper-shadow-box.-cleanmymac-x .topper-shadow-2 {
    bottom:0;
    left:51%;
    width:15%;
    height:3%;
    filter:url(#svg-blur-35);
    background:radial-gradient(rgba(204,117,232,.71) 0,rgba(141,89,224,.5) 90%)
}
@supports (filter:blur(30px)) {
    .topper .topper-shadow-box.-cleanmymac-x .topper-shadow-2 {
        filter:blur(30px)
    }
}
.topper .topper-shadow-box.-cleanmymac .topper-shadow-1 {
    background:radial-gradient(rgba(237,32,143,.5) 0,rgba(237,32,143,0) 90%)
}
.topper .topper-shadow-box.-cleanmymac .topper-shadow-2 {
    background:radial-gradient(#4156c5 0,rgba(65,86,197,0) 60%)
}
.topper .topper-shadow-box.-wallpaper-wizard .topper-shadow-1 {
    background:radial-gradient(rgba(0,243,255,.5) 0,rgba(0,243,255,0) 90%)
}
.topper .topper-shadow-box.-wallpaper-wizard .topper-shadow-2 {
    background:radial-gradient(#4156c5 0,rgba(65,86,197,0) 60%)
}
.topper .topper-shadow-box.-setapp .topper-shadow-1 {
    background:radial-gradient(rgba(226,231,240,.5) 0,rgba(68,239,255,0) 90%)
}
.topper .topper-shadow-box.-setapp .topper-shadow-2 {
    display:none
}
.topper .topper-shadow-box.-blog .topper-shadow-1 {
    background:radial-gradient(rgba(147,211,255,.5) 0,rgba(147,211,255,0) 90%)
}
.topper .topper-shadow-box.-blog .topper-shadow-2 {
    background:radial-gradient(#a1f6ff 0,rgba(161,246,255,0) 60%)
}
.topper .topper-shadow-box.-gemini .topper-shadow-1 {
    background:radial-gradient(rgba(197,239,255,.5) 0,rgba(197,239,255,0) 90%)
}
.topper .topper-shadow-box.-gemini .topper-shadow-2 {
    background:radial-gradient(#3033b4 0,rgba(48,51,180,0) 60%)
}
.topper .topper-shadow-box.-cleanmydrive .topper-shadow-1 {
    background:radial-gradient(rgba(146,0,255,.5) 0,rgba(146,0,255,0) 90%)
}
.topper .topper-shadow-box.-cleanmydrive .topper-shadow-2 {
    background:radial-gradient(#4156c5 0,rgba(65,86,197,0) 60%)
}
.topper .topper-shadow-box.-cleanmypc .topper-shadow-1 {
    background:radial-gradient(rgba(206,0,255,.5) 0,rgba(206,0,255,0) 90%)
}
.topper .topper-shadow-box.-cleanmypc .topper-shadow-2 {
    background:radial-gradient(#8ee9ff 0,rgba(142,233,255,0) 60%)
}
.topper .topper-shadow-box.-encrypto .topper-shadow-1 {
    background:radial-gradient(rgba(237,32,143,.5) 0,rgba(237,32,143,0) 90%)
}
.topper .topper-shadow-box.-encrypto .topper-shadow-2 {
    background:radial-gradient(#4156c5 0,rgba(65,86,197,0) 60%)
}
.topper .topper-shadow-box.-hider .topper-shadow-1 {
    background:radial-gradient(rgba(255,169,120,.5) 0,rgba(255,169,120,0) 90%)
}
.topper .topper-shadow-box.-hider .topper-shadow-2 {
    background:radial-gradient(#ff5656 0,rgba(255,86,86,0) 60%)
}
.topper .topper-shadow-box.-listen .topper-shadow-1 {
    background:radial-gradient(rgba(69,205,255,.5) 0,rgba(69,205,255,0) 90%)
}
.topper .topper-shadow-box.-listen .topper-shadow-2 {
    background:radial-gradient(#4156c5 0,rgba(65,86,197,0) 60%)
}
.topper .topper-shadow-box.-the-unarchiver .topper-shadow-1 {
    background:radial-gradient(rgba(255,162,234,.7) 0,rgba(255,162,234,0) 100%)
}
.topper .topper-shadow-box.-the-unarchiver .topper-shadow-2 {
    background:radial-gradient(#4156c5 0,rgba(65,86,197,0) 70%)
}
.topper .topper-shadow-box.-gemini-classic .topper-shadow-1 {
    background:radial-gradient(rgba(98,170,213,.7) 0,rgba(98,170,213,0) 100%)
}
.topper .topper-shadow-box.-gemini-classic .topper-shadow-2 {
    display:none
}
.topper .topper-shadow-box.-cleanmymac-classic .topper-shadow-1 {
    background:radial-gradient(rgba(237,32,143,.7) 0,rgba(237,32,143,0) 100%)
}
.topper .topper-shadow-box.-cleanmymac-classic .topper-shadow-2 {
    background:radial-gradient(#4156c5 0,rgba(65,86,197,0) 70%)
}

.section-discover {
    position:relative;
    margin-bottom:200px
}
@media only screen and (max-width:1023px) {
    .section-discover {
        margin-bottom:150px
    }
}
@media only screen and (max-width:575px) {
    .section-discover {
        margin-bottom:590px
    }
}
@media only screen and (max-width:360px) {
    .section-discover {
        margin-bottom:590px
    }
}
.section-discover-row {
    text-align:center
}
@media only screen and (max-width:575px) {
    .section-discover-row {
        text-align:left
    }
}
.section-discover-row:before {
    background:linear-gradient(218deg,rgba(254,251,245,.45),hsla(0,0%,94.5%,.45) 50%,rgba(221,245,245,.45));
    left:-24px;
    right:-24px;
    width:auto
}
@media only screen and (max-width:575px) {
    .section-discover-row:before {
        border-radius:0
    }
}
.section-discover-in {
    position:relative;
    max-width:700px;
    padding:0 15px;
    margin:0 auto
}
@media only screen and (max-width:575px) {
    .section-discover-in {
        padding:0
    }
}
.section-discover .mention {
    padding:272px 0 0
}
@media only screen and (max-width:575px) {
    .section-discover .mention {
        padding:48px 0 0
    }
}
.section-collection {
    margin-bottom:140px
}
@media only screen and (max-width:767px) {
    .section-collection {
        margin-bottom:50px
    }
}
.section-collection .img-wrapper {
    padding:25px 0
}
.section-collection .img-wrapper:before {
    width:100%;
    background:linear-gradient(211deg,rgba(230,224,237,.4),rgba(247,246,240,.45) 50%,rgba(247,246,240,.2))
}
.discover-img,
.screenshot-img,
.shuttle-img {
    display:block;
    position:relative
}
.discover-img img,
.screenshot-img img,
.shuttle-img img {
    width:100%
}
.screenshot-img {
    width:812px;
    left:40px
}
@media only screen and (max-width:767px) {
    .screenshot-img {
        width:660px;
        left:-20px
    }
}
.discover-img {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:1722px
}
@media only screen and (max-width:767px) {
    .discover-img {
        width:1600px
    }
}
@media only screen and (max-width:575px) {
    .discover-img {
        width:1102px;
        bottom:-610px;
        top:auto;
        left:auto;
        right:-12%;
        transform:none
    }
}
@media only screen and (max-width:360px) {
    .discover-img {
        width:1032px;
        right:-22%
    }
}
.row, .row.reverse {
    -webkit-box-orient: horizontal;
}
.row.-row-center {
    justify-content: center;
}
.row {
    display: flex;
    flex-wrap: wrap;

    text-align: left;
}

section.testimonials {
    position:relative;
    padding:20px 0 4px;

}
@media (min-width:670px) {
    section.testimonials {
        padding: 0px 0 34px;
    }
}
section.testimonials .container-lg {
    position:relative
}
section.testimonials .mask-container {
    position:relative;
    padding:0;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 20px),transparent);
    mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 20px),transparent)
}
section.testimonials .quotes {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    overflow:hidden;
    padding:0 0 10px;
    margin-bottom:-10px;
    -webkit-mask-image:linear-gradient(180deg,#000,#000 calc(100% - 10px),transparent calc(100% - 10px),transparent);
    mask-image:linear-gradient(180deg,#000,#000 calc(100% - 10px),transparent calc(100% - 10px),transparent)
}
section.testimonials .quotes::-webkit-scrollbar {
    display:none
}
section.testimonials .quotes.scrollable {
    overflow:auto;
    -webkit-scroll-snap-type:mandatory;
    -webkit-overflow-scrolling:touch
}
@media (min-width:670px) {
    section.testimonials .quotes {
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
}
section.testimonials .nav {
    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;
    position:absolute;
    top:68px;
    width:48px;
    height:48px;
    border-radius:50%;
    cursor:pointer
}
section.testimonials .nav.prev {
    left:5px
}
section.testimonials .nav.next {
    right:5px
}
@media (min-width:670px) {
    section.testimonials .nav {
        top:calc(50% - 29px)
    }
}
@media (min-width:1160px) {
    section.testimonials .nav.prev {
        left:-15px
    }
    section.testimonials .nav.next {
        right:-15px
    }
}
section.testimonials .pages {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:relative;
    margin:0px auto 0
}
section.testimonials .pages .page {
    position:relative;
    width:8px;
    height:8px;
    border-radius:50%;
    background-color:#fff;
    margin:0 5px;
    cursor:pointer
}
section.testimonials .testimonial {
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-negative:0;
    flex-shrink:0;
    width:100%;
    padding:0 20px;
    -webkit-scroll-snap-coordinate:0 0
}
@media (min-width:670px) {
    section.testimonials .testimonial {
        padding:0 45px
    }
}
section.testimonials .author {
    text-align:center;
    margin-bottom:30px
}
@media (min-width:670px) {
    section.testimonials .author {
        text-align:left;
        margin-bottom:0;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;

        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
}
section.testimonials .avatar {
    position:relative;
    margin-bottom:20px;
    border-radius:50%;
    width:80px;
    height:80px;
    overflow:hidden;
    -ms-flex-negative:0;
    flex-shrink:0
}
@media (min-width:670px) {
    section.testimonials .avatar {
        margin-bottom:0;
        margin-right:25px
    }
}
section.testimonials .byline .name {
    color:#fcd669;
    text-transform:uppercase;
    font-weight:600;
    font-size:19px;
    margin-bottom:6px
}
section.testimonials .byline .title {
    color:#fff;
    font-size:16px
}
section.testimonials blockquote {
    -ms-flex-preferred-size:60%;
    flex-basis:60%;
    padding-left:20px;
    font-size:24px;
    line-height:32px;
    color:#fff;
    font-style:italic
}
section.testimonials blockquote:after,
section.testimonials blockquote:before {
    content:"";
    display:inline-block;
    position:relative;
    width:12px;
    height:9px;
    top:-7px;
    background-size:24px 9px
}
section.testimonials blockquote:before {
    background-position:0 0;
    left:-7px;
    margin-left:-12px
}
section.testimonials blockquote:after {
    background-position:100% 0;
    right:-7px
}

.max-w-2xl {
    max-width: 42rem;
}

.features {
    position:relative;
    overflow:hidden;
    width:100%;
    padding:0px;
    box-sizing:border-box
}
.features * {
    box-sizing:border-box
}
.features__title {
    color:var(--text-primary);
    font-weight:600;
    font-size:28px;
    line-height:36px;
    text-align:center;
    width:100%;
    max-width:885px;
    margin:0 auto 16px
}
@media (min-width:960px) {
    .features__title {
        font-size:38px;
        line-height:44px
    }
}
.features__text {
    font-weight:400;
    font-size:18px;
    line-height:28px;
    color:#546e7a;
    width:100%;
    max-width:685px;
    margin:auto;
    text-align:center;
    margin-bottom:30px
}
@media (min-width:960px) {
    .features__text {
        margin-bottom:50px
    }
}
.features__wrapper {
    width:100%;
    max-width:1052px;
    padding:0 14px;
    margin:auto;
    position:relative;
    z-index:3
}
[lang=ar] .features__content {
    direction:ltr
}
.features-control__item {
    display:-webkit-flex;
    display:flex;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-align-items:center;
    align-items:center;
    height:112px;
    margin:auto
}
.features-control img {
    width:72px;
    height:auto;
    display:block;
    transition:-webkit-transform .4s ease;
    transition:transform .4s ease;
    transition:transform .4s ease, -webkit-transform .4s ease;
    will-change:transform
}
.features-control .center img {
    -webkit-transform:scale(1.5555);
    transform:scale(1.5555)
}
.features-about {
    width:100%;
    max-width:728px;
    margin:30px auto 0
}
.features-about__item {
    background-color:var(--bg-main-2);
    border-radius:16px;
    padding:24px 16px;
    box-shadow:0 4px 16px rgba(215,222,241,.4),0 11px 24px rgba(215,222,241,.2);
    position:relative;
    margin-top:13px;
    margin-bottom:24px
}
.features-about__item:before {
    content:"";
    display:block;
    position:absolute;
    top:-13px;
    left:calc(50% - 13px);
    width:0;
    height:0;
    border-left:13px solid transparent;
    border-right:13px solid transparent;
    border-bottom:13px solid #fff
}
@media (min-width:960px) {
    .features-about__item {
        padding:24px
    }
}
.features-about__item-title {
    font-weight:600;
    font-size:18px;
    line-height:1.5;
    color:var(--text-primary);
    margin-bottom:16px;
    text-align:center
}
.features-about__item-text {
    font-size:14px;
    line-height:20px;
    color:var(--text-subhead);
    text-align:center
}
@media (min-width:960px) {
    .features-about {
        position:relative
    }
    .features-about .controls-count {
        display:none
    }
    .features-about .slider-controls {
        position:absolute;
        left:0;
        top:calc(50% - 7px);
        max-width:100%;
        -webkit-transform:translateY(-50%);
        transform:translateY(-50%);
        pointer-events:none
    }
    .features-about .controls-arrow__button {
        pointer-events:auto
    }
}

.gh-section {
    background: var(--bg-body);
    padding: 0px 10px 10px 10px;
    overflow: hidden;
}

.gh-section-whitegrey {
    background: #f7fafc;
}.inner {
     margin: 0 auto;
     max-width: 1030px;
     width: 100%;
 }
.gh-curve-grey {
    position:relative;
    border-bottom:none!important
}
.gh-curve-grey:after {
    display:block;
    content:"";
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    z-index:100;
    padding-bottom:2.7vw;
    background-image:url(/images/curve-grey.svg);
    background-position-x:center;
    background-size:110vw
}
.gh-section-white {
    background:#fff
}
.gh-section-whitegrey {
    background:#f7fafc
}
.gh-section-dark {
    color:#fff;
    text-shadow:rgba(0,0,0,.1) 0 1px 2px
}
.gh-section-dark h2 {
    color:#fff
}
.gh-section-dark h3 {
    color:#fff;
    font-size:1.8rem
}
.gh-section-dark p {
    opacity:.8
}
.gh-section-dark a {
    color:#5fbdf2
}
.gh-section-dark a.gh-anchor {
    color:#fff
}
.gh-section h3 .gh-badge {
    margin-left:4px;
    padding:2px;
    font-size:.7em;
    vertical-align:top
}
.gh-section-head {
    display:flex;
    flex-direction:column;
    align-items:center;
    margin-bottom:2em;
    text-align:center
}
.gh-section-head h2 {
    margin:1em 0 .3em;
    font-size:2.6rem;
    font-weight:400
}
@media (max-width:660px) {
    .gh-section-head h2 {
        font-size:4.8vw
    }
}
.gh-section-head p {
    margin:0;
    font-size:2rem;
    line-height:1.5em;
    font-weight:300;
    opacity:.8
}
@media (max-width:660px) {
    .gh-section-head p {
        font-size:1.6rem
    }
}
.gh-section-head.gh-section-head-bigger h2 {
    margin:.1em 0 .3em;
    font-size:27px;
    font-weight:600;
    letter-spacing:-.66px;
    color:var(--text-primary)
}
@media (max-width:660px) {
    .gh-section-head.gh-section-head-bigger h2 {
        font-size:6vw
    }
}
.gh-section-head.gh-section-head-bigger p {
    margin-bottom:1.5em;
    max-width:600px;
    color:var(--p-comonbody);
    font-size:17px;
    font-weight:300;
    letter-spacing:-.25px
}
@media (max-width:660px) {
    .gh-section-head.gh-section-head-bigger p {
        font-size:16px
    }
}
.gh-1col {
    margin:0 auto;
    max-width:720px;
    font-size:1.8rem;
    line-height:1.65em
}
@media (max-width:660px) {
    .gh-1col {
        font-size:1.6rem
    }
}
.gh-section-head-pre {
    margin:0;
    color:#337be7;
    font-size:19px;
    font-weight:600;
    letter-spacing:.9px;
    text-align:center;
    text-transform:uppercase;
    opacity:1
}
.gh-section-head-pre-purple {
    color:#ad26b4
}
.gh-section-head-pre-green {
    color:#a4d037
}
.gh-integrations-gallery-wrapper {
    margin:-10px 0 -25px;
    display:block;
    overflow: hidden;
}
.gh-integrations-gallery-wrapper:hover {
    text-decoration:none
}
.gh-integrations-gallery-grid {
    display:grid;
    justify-content:center;
    align-items:center;
    grid-template-columns:repeat(11,90px);
    grid-gap:32px
}
.gh-integrations-gallery-grid-column {
    height:350px
}
.gh-integrations-gallery-grid-column .gh-integrations-gallery-grid-item:first-child {
    margin-bottom:32px
}
.gh-integrations-gallery-grid-column:first-of-type,
.gh-integrations-gallery-grid-column:last-of-type {
    grid-template-rows:1fr
}
.gh-integrations-gallery-grid-column:first-of-type {
    padding-top:80px
}
.gh-integrations-gallery-grid-column:nth-of-type(2),
.gh-integrations-gallery-grid-column:nth-of-type(4) {
    padding-top:38px
}
.gh-integrations-gallery-grid-column:nth-of-type(3) {
    padding-top:85px
}
.gh-integrations-gallery-grid-column:nth-of-type(5) {
    padding-top:106px
}
.gh-integrations-gallery-grid-column:nth-of-type(6) {
    padding-top:43px
}
.gh-integrations-gallery-grid-column:nth-of-type(7) {
    padding-top:97px
}
.gh-integrations-gallery-grid-column:nth-of-type(8) {
    padding-top:24px
}
.gh-integrations-gallery-grid-column:nth-of-type(9) {
    padding-top:83px
}
.gh-integrations-gallery-grid-column:last-of-type {
    padding-top:65px
}
.gh-integrations-gallery-grid-item {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    width:91px;
    height:92px;
    background:var(--bg-head);
    border-radius:8px;
    box-shadow:0 0 3px 0 rgba(0,0,0,.05),0 3px 10px 0 rgba(0,0,0,.01),0 18px 30px -10px rgba(75,82,94,.099)
}
.gh-integrations-gallery-img-wrapper {
    margin-top:4.5px;
    width:30px;
    height:30px
}
.gh-integrations-gallery-img-wrapper img {
    width:100%;
    height:100%;
    object-fit:contain
}
.gh-integrations-gallery-img-wrapper svg {
    width:100%;
    height:100%;
    object-fit:contain
}
.gh-integrations-gallery-grid-item .gh-integrations-gallery-name {
    color:var(--p-comonbody)
}
#youtube .gh-integrations-gallery-img-wrapper {
    width:36px;
    height:auto
}
#disqus .gh-integrations-gallery-img-wrapper {
    width:auto;
    height:34px
}
#analytics .gh-integrations-gallery-img-wrapper {
    width:28px;
    height:auto
}
#twitter .gh-integrations-gallery-img-wrapper {
    width:29px;
    height:auto
}
#netlify .gh-integrations-gallery-img-wrapper,
#stripe .gh-integrations-gallery-img-wrapper {
    width:auto;
    height:35px
}
#lets-encrypt .gh-integrations-gallery-img-wrapper {
    width:33px;
    height:auto
}
#slack .gh-integrations-gallery-img-wrapper {
    width:auto;
    height:32px
}
#ia-writer .gh-integrations-gallery-img-wrapper {
    width:auto;
    height:38px
}
#soundcloud .gh-integrations-gallery-img-wrapper {
    width:43px;
    margin-bottom:4px;
    width:46px;
    height:auto
}
#shopify .gh-integrations-gallery-img-wrapper {
    width:auto;
    height:36px
}.gh-integrations-gallery-name {
     margin-top:1rem;
     font-size:1rem;
     line-height:1em;
     text-align:center
 }

.gh-testimonials .gh-section-head.gh-section-head-bigger p {
    max-width:650px;
    color:var(--p-comonbody)
}
.gh-testimonials-grid {
    display:grid;
    margin:0px auto;
    text-align:left;
    grid-template-columns:1fr 1fr 1fr;
    grid-gap:55px
}
.gh-testimonial-header h5 {
    position:relative;
    z-index:1;
    margin:0;
    color:var(--text-primary);
    font-size:17px;
    line-height:1.5em;
    font-weight:600
}
.gh-testimonial-header mark {
    position:relative;
    font-weight:800;
    background:none;
    color:var(--text-primary)
}
.gh-testimonial-header mark:before {
    content:"";
    position:absolute;
    top:-.1em;
    right:-.8em;
    bottom:-.1em;
    left:-.8em;
    z-index:-1;
    background:#337be7;
    opacity:.25;
    transform:skew(-40deg)
}
.gh-testimonials-grid p {
    color:var(--p-comonbody);
    font-size:15px;
    line-height:1.66em;font-weight: 300;
    text-indent:-.4em
}
.gh-testimonial-quote {
    position:relative;
    margin:0 0 30px;
    padding:0 0 30px;
    border:none;
    color:var(--p-comonbody)
}
.gh-testimonials-grid-item .gh-testimonial-quote:first-of-type:before {
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:82.71px;
    height:4px;
    background:#337be7;
    opacity:.34
}
.gh-testimonial-footer {
    margin:15px 0 0
}
.gh-testimonial-author,
.gh-testimonial-footer cite {
    display:flex;
    align-items:center
}
.gh-testimonial-img {
    margin:0 12px 0 -2px;
    width:44px;
    height:44px;
    border:2px solid #fff;
    background:#d8d8d8;
    border-radius:50%;
    overflow:hidden
}
.gh-testimonial-footer_img {
    width:100%;
    height:auto
}
.gh-testimonial-author {
    flex-direction:column;
    align-items:flex-start
}
.gh-testimonial-author strong {
    color:#9c9c9c;
    font-size:14px;
    line-height:1.3em
}
.gh-testimonial-author span {
    margin:0;
    color:#738a94;
    font-size:14px;
    line-height:1.3em;
    font-weight:500
}
@media (max-width:750px) {
    .gh-testimonials-grid {
        grid-template-columns:1fr 1fr;
        grid-gap:20px
    }
    .gh-testimonials-grid-item:last-of-type {
        display:none
    }
}
@media (max-width:450px) {
    .gh-testimonials-grid {
        margin:0 auto;
        padding:0 1vw 0px;
        text-align:center;
        grid-template-columns:1fr;
        grid-gap:40px
    }
    .gh-testimonials-grid-item .gh-testimonial-quote:first-of-type:before {
        bottom:-20px;
        left:auto;
        margin-left:-41px
    }
    .gh-testimonials-grid-item .gh-testimonial-quote:last-of-type {
        display:none
    }
    .gh-testimonial-footer {
        display:flex;
        justify-content:center
    }
}
.map-hero {
    background-image: var(--map-hero);
    background-position: bottom;
    background-repeat: none;
    background-size: cover;
}
.bg-gmail {
    --tw-bg-opacity: 1;
    background-color: #d74b2f;
}
.UserLogoGrid {
    --gridColumnCount:2;
    --gridRowGap:60px;
    display:grid;
    grid:auto/repeat(var(--gridColumnCount),1fr);
    justify-items:center;
    -webkit-box-align:center;
    align-items:center;
    row-gap:var(--gridRowGap)
}
@media (min-width:672px) {
    .UserLogoGrid {
        --gridColumnCount:4
    }
}
.widh_brand{width: 170px; height: 35px}
@media(min-width:670px) {
    .GeoFooterCTA--collect .content {
        margin:0
    }
    .widh_brand{width: 200px; height: 40px}
}

.main-steps .main-steps-wr {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    text-align:center;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    line-height:1.5
}
.main-steps .main-steps-wr .step-i {
    -webkit-flex-basis:29%;
    -ms-flex-preferred-size:29%;
    flex-basis:29%;
    position:relative;
    padding:70px 0 0 0
}
.main-steps .main-steps-wr .step-i em {
    display:block;
    padding:10px 0;
    font-style:italic
}
.main-steps .main-steps-wr .step-i em span {
    font-style:normal;
    font-weight:800
}
.main-steps .main-steps-wr .step-i:nth-child(1):before {
    content:'1'
}
.main-steps .main-steps-wr .step-i:nth-child(2):before {
    content:'2'
}
.main-steps .main-steps-wr .step-i:nth-child(3):before {
    content:'3'
}
.main-steps .main-steps-wr .step-i:before {
    content:'';
    position:absolute;
    width:46px;
    height:46px;
    border:2px solid #0099ff;
    border-radius:50%;
    left:50%;
    -webkit-transform:translate(-50%,0);
    transform:translate(-50%,0);
    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;
    color:#fff;
    background:#0099ff;
    font-size:20px;
    font-weight:600;
    top:0
}
.main-steps .main-steps-wr .step-i div {
    color:var(--p-comonbody);
    font-weight:700;
    margin:0 0 10px 0
}
.main-steps .main-steps-wr .step-i p {
    font-size:14px;
    color:var(--p-comonbody)
}
.pd_b9{padding-bottom: 9px;}
.main-steps .button-box {
    margin:40px 0 0 0;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
@media only screen and (max-width:800px) {  .main-steps .main-steps-wr {
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
    .main-steps .main-steps-wr .step-i {
        -webkit-flex-basis:100%;
        -ms-flex-preferred-size:100%;
        flex-basis:100%;
        margin:10px 0;
        padding:55px 0 0 0
    }

}
.sub-title > span::after {
    content: '';
    width: 20px;
    height: 2px;
    background: #eec64f;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
    z-index: 1;
}
.sub-title > span {
    padding: 0 0 0 35px;
    position: relative;
}
.color_text_ser {
    color: #a5b9c3;
}

.reviews {
    box-sizing:border-box
}
.reviews * {
    box-sizing:border-box
}
.reviews__wrapper {
    width:100%;
    max-width:1052px;
    padding:0 14px;
    margin:auto;
    position:relative;
    z-index:3
}
.reviews__title {
    font-weight:600;
    font-size:28px;
    line-height:36px;
    color:#202630;
    width:100%;
    max-width:855px;
    margin:0 auto 16px;
    text-align:center
}
@media (min-width:960px) {
    .reviews__title {
        font-size:38px;
        line-height:44px
    }
}
.reviews__text {
    font-size:15px;
    line-height:22px;
    color:#546e7a;
    margin-bottom:24px;
    width:100%;
    max-width:855px;
    margin:auto;
    text-align:center
}
@media (min-width:960px) {
    .reviews__text {
        font-size:18px;
        line-height:28px
    }
}
.reviews .reviews-widget__navigation {
    max-width:100%;
    max-width:calc(100% - 6px)
}
.reviews .reviews-widget__slider {
    max-width:890px
}
.reviews .reviews-widget__wrapper {
    padding:0
}
.reviews .reviews-widget {
    background-color:transparent
}
.reviews .reviews-widget__carousel-item[aria-hidden=true] .reviews-widget__more,
.reviews .reviews-widget__carousel-item[aria-hidden=true] .reviews-widget__source {
    display:none
}
.rated {
    box-sizing:border-box;
    padding-bottom:15px;
    padding-top:35px
}
@media (min-width:960px) {
    .rated {
        padding-bottom:60px;
        padding-top:60px
    }
}
.rated * {
    box-sizing:border-box
}
.rated__wrapper {
    width:100%;
    max-width:1052px;
    padding:0 14px;
    margin:auto;
    position:relative;
    z-index:3
}
.rated__items {
    padding-bottom:32px
}
@media (min-width:960px) {
    .rated__items {
        display:-webkit-flex;
        display:flex;
        -webkit-justify-content:space-between;
        justify-content:space-between;
        padding-bottom:80px
    }
}
.rated__buttons {
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:column;
    flex-direction:column;
    -webkit-align-items:center;
    align-items:center
}
@media (min-width:960px) {
    .rated__buttons {
        -webkit-flex-direction:row;
        flex-direction:row;
        width:100%;
        max-width:515px;
        margin:auto
    }
}
.rated__button {
    margin-bottom:20px
}
@media (min-width:960px) {
    .rated__button {
        box-shadow:none;
        margin:0 15px
    }
}
.rated-percent {
    padding:32px;
    background-color:#2a313d;
    border-radius:12px;
    margin-bottom:16px;
    width:100%
}
@media (min-width:960px) {
    .rated-percent {
        margin-bottom:0;
        margin-right:30px
    }
}
.rated-percent__count {
    font-weight:600;
    font-size:32px;
    line-height:38px;
    color:#fff;
    margin-bottom:8px;
    display:block;
    text-align:center
}
@media (min-width:960px) {
    .rated-percent__count {
        font-size:52px;
        line-height:54px
    }
}
.rated-percent__describe {
    font-weight:600;
    font-size:18px;
    line-height:25px;
    color:#fff;
    margin-bottom:12px;
    text-align:center
}
.rated-percent__image {
    width:100%;
    max-width:156px;
    height:auto;
    display:block;
    margin:auto
}
[lang=ar] .rated-percent {
    margin-left:30px
}
.rated-reviews {
    padding:32px;
    background-color:var(--bg-main-2a);
    border-radius:12px;
    width:100%;
    box-shadow:0 4px 16px rgba(215,222,241,.4),0 11px 24px rgba(215,222,241,.2)
}
.rated-reviews__title {
    color:var(--text-primary);
    font-weight:600;
    font-size:20px;
    line-height:28px;
    margin-bottom:8px;
    text-align:center
}
@media (min-width:960px) {
    .rated-reviews__title {
        font-size:30px;
        line-height:44px
    }
}
.rated-reviews__count {
    font-weight:600;
    font-size:16px;
    line-height:24px;
    color:var(--text-primary);
    margin-bottom:8px;
    text-align:center
}
.rated-reviews__star {
    width:100%;
    max-width:136px;
    height:auto;
    display:block;
    margin:0 auto 8px
}
.rated-reviews__icon {
    width:100%;
    max-width:98px;
    height:auto;
    display:block;
    margin:auto
}

.button-v {
    width:100%;
    display:-webkit-flex;
    display:flex;
    -webkit-align-items:center;
    align-items:center;
    -webkit-justify-content:center;
    justify-content:center;
    max-width:288px;
    min-height:48px;
    background:#7bbb29;
    box-shadow:0 8px 16px rgba(42,49,61,.12);
    border-radius:8px;
    font-weight:700;
    font-size:14px;
    line-height:24px;
    color:#fff;
    text-transform:uppercase;
    opacity:1;
    transition:background .4s,color .4s,opacity .4s
}
.button-v:hover {
    background:#74b126
}
.button-v:active {
    opacity:.8
}
.button-v--border-blue {
    border:1px solid #0b80e5;
    color:#0b80e5;
    background:0 0
}
.button-v--border-blue:hover {
    background:#0b80e5;
    color:#fff
}
.button-v--border-blue:active {
    opacity:.8
}

.drop-seo-wr {
    padding: 10px 0;
    margin: 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.open .drop-seo-head i {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin: 7px 0 0 10px
}

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

.drop-seo-wr.open .drop-seo-text::before {
    opacity: 0;
    visibility: hidden
}

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

.drop-seo-wr.open .drop-seo__less {
    display: inline
}

.drop-seo-wr.open .drop-seo__more {
    display: none
}

.drop-seo-wr .drop-seo-head {
    min-height: 48px;
    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;
    border: 1px solid #222;
    color: var(--text-primary);
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    margin: auto;
    background-color: var(--bg-main-2a)
}

@media (min-width: 992px) {
    .drop-seo-wr .drop-seo-head {
        -webkit-transition: border .4s ease-out;
        transition: border .4s ease-out
    }

    .drop-seo-wr .drop-seo-head:hover {
        background-color: #f9f9fa
    }
}

.drop-seo-wr .drop-seo__less {
    display: none
}

.drop-seo-wr .drop-seo-text {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: .3s;
    transition: .3s;
    min-height: 170px;
    position: relative;
    margin-bottom: 25px
}

.drop-seo-wr .drop-seo-text::before {
    content: "";
    display: block;
    width: 100%;
    height: 50px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff));
    background-image: linear-gradient(transparent, #fff);
    top: calc(100% - 50px);
    position: absolute;
    left: 0;
    z-index: 2;
    opacity: 1;
    visibility: visible;
    -webkit-transition: .4s;
    transition: .4s
}

@media (min-width: 992px) {
    .drop-seo-wr .drop-seo-text {
        min-height: 150px
    }
}

.drop-seo-wr .drop-seo-text .inner {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    -webkit-transition: .3s;
    transition: .3s;
    padding: 30px 0 40px;
    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.3rem;
    margin: 15px 0 10px;
    font-weight: 500
}

.drop-seo-wr .drop-seo-text .inner h3 {
    font-size: 1.2rem;
    margin: 15px 0 10px;
    font-weight: 500
}

.drop-seo-wr .drop-seo-text .inner p {
    padding: 10px 0;
    font-weight: 300; font-size: 15px;
}

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

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

.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: 500
}

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

.drop-seo-wr .drop-seo-text .button {
    margin: 10px auto;
    max-width: 250px
}

.features-section {
    -webkit-flex-shrink:0;
    -ms-flex-negative:0;
    flex-shrink:0;

    padding:10px
}
.features-section__wrapper {
    text-align:center;
    padding-top:48px;

}
@media (min-width:992px) {
    .features-section__wrapper {
        padding-top:80px;

        text-align:left
    }
}
.features-section__monitor-data {
    width:48px;
    height:48px;
    display:none
}
@media (min-width:992px) {
    .features-section__monitor-data {
        width:64px;
        height:64px;
        display:block;
        margin:0 auto 15px
    }
}
.features-section__main-headline {
    margin-bottom:16px;line-height: 35px;color:var(--text-primary);
    font-size:24px
}
@media (min-width:992px) {
    .features-section__main-headline {
        font-size:27px;
        text-align:center;
        line-height:44px;

        margin-left:auto;
        margin-right:auto;
        margin-bottom:25px
    }
}
@media (min-width:992px) {
    .features-section__feature-list {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        margin:0 -24px 12px
    }
}
.features-section__feature-figure {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start;
    padding-bottom:16px;
    padding-left:53px;
    margin-bottom:13px;
    color:inherit;
    position:relative
}
.features-section__feature-figure::before {
    content:"";
    display:block;
    width:calc(100% - 17px);
    left:33px;
    bottom:0;
    height:1px;
    background-color:var(--bg-card_r);
    position:absolute
}
@media (min-width:992px) {
    .features-section__feature-figure {
        -webkit-box-flex:1;
        -webkit-flex:1 1 18%;
        -ms-flex:1 1 18%;
        flex:1 1 18%;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column;
        width:92px;
        padding:20px 0;
        margin:0 22px 0
    }
    .features-section__feature-figure .custom-icon {
        width:32px;
        min-width:32px;
        height:32px;
        margin-right:15px
    }
    .features-section__feature-figure::before {
        display:none
    }
}
.custom-icon {
    display: inline-block;
    width: 36px;
    height: 36px;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    -webkit-transition: color .225s ease,fill .255s ease;
    transition: color .225s ease,fill .255s ease;
}
.features-section__feature-text {
    text-align:left;
    width:100%;
    padding-right:42px;

    line-height:1.5;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
@media (min-width:992px) {
    .features-section__feature-text {
        padding-right:0
    }
}
.features-section__icon {
    position:absolute;
    top:3px;
    left:0;
    fill:var(--text-primary)
}
@media (min-width:992px) {
    .features-section__icon {
        position:relative;
        top:0
    }
}
.features-section__feature-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex
}
@media (min-width:992px) {
    .features-section__feature-wrap {
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        margin-bottom:10px
    }
}
.features-section__feature-caption {
    font-weight:600;color:var(--text-primary);
    font-size:15px;
    line-height:1.57;
    margin-bottom:5px
}
@media (min-width:992px) {
    .features-section__feature-caption {
        font-size:16px;color:var(--text-primary);
        font-weight:600;
        line-height:1.22;
        margin-bottom:0
    }
}
.features-section__icon-check {
    margin-left:auto;
    width:12px;
    height:12px;
    position:absolute;
    top:0;
    right:8px
}
@media (min-width:992px) {
    .features-section__icon-check {
        display:none
    }
}
.features-section__button {

    display: block;
    width: 100%;
    max-width: 288px;
    margin: auto;
}
@media (min-width:992px) {
    .features-section__button {
        display:block;
        width:100%;
        max-width:288px;
        margin:auto
    }
}