:root body[data-theme="light"], .bodyLightTemp {
    --color-check: #4f97f2;
    --bg-select-color:#000;
    --footer-link:rgba(107, 114, 128,1);
    --docs-file:url(/images/docs.jpg);
    --all-screens:url(/images/all-screens.jpg);
    --chat:#d3e2fa;
    --chat2:#ecedf2;
    --bg-map:rgba(208,214,219,0.4);
    --bg-map2: linear-gradient(-180deg, rgba(255, 255, 255, 0.6) 0%, white 100%),url("/img/bg-map@2x.jpg");
}

/* а это темная тема, для смены цветов для body добавлять класс dark или light  */
:root body[data-theme="dark"], .bodyLightTemp {
    --color-check: #4f97f2;
    --bg-select-color:#fff;
    --footer-link:rgba(156, 163, 175,1);
    --docs-file:url(/images/docs-dark.png);
    --all-screens:url(/images/all-screens-dark.jpg);
    --chat:#d3e2fa;
    --chat2:#474649;
    --bg-map:rgba(54,59,70,0.4);
    --bg-map2: linear-gradient(-180deg, rgba(30, 35, 45, 0.7) 0%, rgba(30, 35, 45, 1) 100%),url("/img/bg-map@2x-dark.jpg");
}



.border_map{border-radius: 4px 4px 4px 4px;}
.cookies_policy_icon {
    width: 28px;
    height: 28px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3Ecoooooooies%3C%2Ftitle%3E%3Cdefs%3E%3Cpath%20d%3D%22M20.512%2010.324A3.498%203.498%200%200%200%2024%2011.964V12c0%206.627-5.373%2012-12%2012S0%2018.627%200%2012%205.373%200%2012%200h.035a3.498%203.498%200%200%200%201.64%203.488%205%205%200%200%200%206.836%206.836z%22%20id%3D%22a%22%2F%3E%3Ccircle%20id%3D%22c%22%20cx%3D%222%22%20cy%3D%222%22%20r%3D%222%22%2F%3E%3Ccircle%20id%3D%22e%22%20cx%3D%221.5%22%20cy%3D%221.5%22%20r%3D%221.5%22%2F%3E%3Ccircle%20id%3D%22g%22%20cx%3D%221%22%20cy%3D%221%22%20r%3D%221%22%2F%3E%3Ccircle%20id%3D%22i%22%20cx%3D%221%22%20cy%3D%221%22%20r%3D%221%22%2F%3E%3Ccircle%20id%3D%22k%22%20cx%3D%221%22%20cy%3D%221%22%20r%3D%221%22%2F%3E%3Ccircle%20id%3D%22m%22%20cx%3D%221.5%22%20cy%3D%221.5%22%20r%3D%221.5%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M0%200h28v28H0z%22%2F%3E%3Cg%20transform%3D%22translate(2%202)%22%3E%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3Cuse%20fill%3D%22%23D17715%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cpath%20d%3D%22M21.512%208.824A3.498%203.498%200%200%200%2025%2010.464v.036c0%206.627-5.373%2012-12%2012s-12-5.373-12-12%205.373-12%2012-12h.035a3.498%203.498%200%200%200%201.64%203.488%205%205%200%200%200%206.836%206.836z%22%20fill%3D%22%23F7B259%22%20mask%3D%22url(%23b)%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(7%2010)%22%3E%3Cmask%20id%3D%22d%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23c%22%2F%3E%3C%2Fmask%3E%3Cuse%20fill%3D%22%23482510%22%20xlink%3Ahref%3D%22%23c%22%2F%3E%3Ccircle%20fill%3D%22%236A3614%22%20mask%3D%22url(%23d)%22%20cx%3D%222.3%22%20cy%3D%221.5%22%20r%3D%222%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(16%2018)%22%3E%3Cmask%20id%3D%22f%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23e%22%2F%3E%3C%2Fmask%3E%3Cuse%20fill%3D%22%23482510%22%20xlink%3Ahref%3D%22%23e%22%2F%3E%3Ccircle%20fill%3D%22%236A3614%22%20mask%3D%22url(%23f)%22%20cx%3D%221.8%22%20cy%3D%221%22%20r%3D%221.5%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(10%2017)%22%3E%3Cmask%20id%3D%22h%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23g%22%2F%3E%3C%2Fmask%3E%3Cuse%20fill%3D%22%23482510%22%20xlink%3Ahref%3D%22%23g%22%2F%3E%3Ccircle%20fill%3D%22%236A3614%22%20mask%3D%22url(%23h)%22%20cx%3D%221.3%22%20cy%3D%22.5%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(19%207)%22%3E%3Cmask%20id%3D%22j%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23i%22%2F%3E%3C%2Fmask%3E%3Cuse%20fill%3D%22%23D17715%22%20xlink%3Ahref%3D%22%23i%22%2F%3E%3Ccircle%20fill%3D%22%23F7B259%22%20mask%3D%22url(%23j)%22%20cx%3D%221.2%22%20cy%3D%22.6%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(24%208)%22%3E%3Cmask%20id%3D%22l%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23k%22%2F%3E%3C%2Fmask%3E%3Cuse%20fill%3D%22%23D17715%22%20xlink%3Ahref%3D%22%23k%22%2F%3E%3Ccircle%20fill%3D%22%23F7B259%22%20mask%3D%22url(%23l)%22%20cx%3D%221.2%22%20cy%3D%22.6%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(19%201)%22%3E%3Cmask%20id%3D%22n%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23m%22%2F%3E%3C%2Fmask%3E%3Cuse%20fill%3D%22%23D17715%22%20xlink%3Ahref%3D%22%23m%22%2F%3E%3Ccircle%20fill%3D%22%23F7B259%22%20mask%3D%22url(%23n)%22%20cx%3D%221.8%22%20cy%3D%221.1%22%20r%3D%221.5%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat;
    margin-top: 9px;
    display: inline-block;
    vertical-align: middle;
}
.project-color{color:#24b47e}
.header__tool__con {
    display: none;
}
.header__tool__inner.on + .header__tool__con {
    display: block;
}
.productNav {

    right: 0;
    z-index: 499;
    position: relative;
    background-color: #f9f9f9;

}
.page-header {
    position: relative;
    height: 44px;

}
.stick-toolbar .header__bot {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 50;
}

@media only screen and (max-width: 960px) {
    .stick-toolbar .globalNav {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 50;
    }

}.header__tool__inner {

     display: block;
     height: 30px;
     width: 40px;
     line-height: 30px;
     padding: 0 3px;
     color: #848a93;
     font-size: 14px;
     cursor: pointer;
     -webkit-transition: background-color 250ms, color 250ms;
     -moz-transition: background-color 250ms, color 250ms;
     -ms-transition: background-color 250ms, color 250ms;
     transition: background-color 250ms, color 250ms;

 }
.header__menu__sub {
    position: absolute;
    right: 0;
    left: 0;
    background-color: #f9f9f9;
    display: none;
    height: 30px;
    overflow: hidden;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2) inset;
}
.header__menu .main-menu__i:hover .header__menu__sub {
    z-index:2
}
.header__menu .main-menu__i.__active .header__menu__sub,.header__menu .main-menu__i:hover .header__menu__sub {
    display:block
}
@media (min-width: 1024px) {
    .productNav .mask-container, .productNav ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.productNav li {
    padding: 0 7px;
}

.productNav .colorize {
    color:#6b7c93;
    -webkit-transition:color .1s ease;
    transition:color .1s ease;
}
.productNav .colorize.active,.productNav .colorize:hover {
    color:#fff;
}
.productNav li {
    list-style:none;
    padding:0 7px;
}
.productNav li:hover,  .productNav li.main-menu__i div.flex.text-gray-350:hover   {
    background-color: #3f8ae0;
    color: #fff;
}
.main-menu_r a:hover {   color: #3f8ae0!important;}
.productNav li a:hover {

    color: #fff;
}
.main-menu__i:hover a svg path,  .main-menu .arrow:hover svg {
    fill: #fff!important;
}
.productNav ul {

    overflow:auto;
    line-height:30px;

}
.header__menu__sub .main-menu__i:hover,.header__menu__sub .main-menu__i.__active {
    background-color:transparent;
    color:#3f8ae0!important
}
.text-shadow{text-shadow: 0 0 1px #f3f7fa, 0 0 1px #f3f7fa, 0 0 1px #f3f7fa, 0 0 1px #f3f7fa, 0 0 1px #f3f7fa, 0 0 1px #f3f7fa, 0 0 1px #f3f7fa, 0 1px 2px rgba(0,0,0,.3), 0 3px 9px rgba(0,0,0,.1);}
/*
.DomGraphic__container {
    transform: scale(0.809259)!important;
} */
.btn.__imp {


    background-color: transparent;
    color: #3ecf8e;
    border: 1px solid #3ecf8e;
    border-radius: 3px;
}
.btn.__imp:hover {
    background-color: #3ecf8e;
    color: #fff;


}

.btn {
    transition: all .15s ease;
    min-width: 152px;
    line-height: 14px;
    font-size: 15px;
    padding: 14px 29px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    border: 0;
    border-radius: 6px;
}
.comp-BodyText {
    font-size: 0.85rem;
}
.max-w115 {
    max-width: 115px !important;height: 50px;
}
.max-w98 {
    max-width: 98px !important;
    height: 50px;
}
.ClimateHeroGraphic {
    margin: 40px;
}
@media (max-width: 670px) {
    .DomGraphic,.ClimateHeroGraphic {
        position:initial;
    }
    .max-w98 {
        max-width: 88px !important;
        height: 50px;
    }
    .max-w115 {
        max-width: 115px !important;height: 50px;
    }
    .ClimateHeroGraphic {
        margin: 0px;
    }
    .DomGraphic__container {
        transform: scale(0.89)!important;
    }
    .dis_670 {display: none}
}
@media (max-width: 870px) {
    .DomGraphic__container {
        transform: scale(0.921481)!important;
    }
}
@media (max-width: 670px) {
    .DomGraphic__container {
        transform: scale(0.921481)!important;
    }
}
@media (max-width: 570px) {

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

    }

}
@media (max-width: 420px) {
    .DomGraphic__container {
        transform: scale(0.701481)!important;
    }
}
@media (max-width: 370px) {
    .DomGraphic__container {
        transform: scale(0.651481)!important;
    }
}
@media (max-width: 1024px) {
    .ClimateHeroGraphic {
        position:relative;
        width:540px;
        height:535px
    }
}


.DomGraphic--isAnimating .DomGraphic__container {
    will-change:transform
}
.ClimateHeroGraphic {
    position:relative;
    width:540px;

}
.ClimateHeroGraphic__phone {
    z-index:1;
    position:absolute;
    right:0;
    top:calc(50% - 235px);

}
.Card.ClimateHeroReceiptGraphic {
    position: absolute;
    width:450px;
    left:-40px;
    top:50%;
    top:calc(50% - 267px);

}
.PhoneGraphic__screen {
    height: 100%;
}
.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:500;
    font-style:normal
}
@media (min-width:900px) {
    .ClimateHeroBannerGraphic {
        left:calc(50% - 340px)
    }
}
.PhoneGraphic {
    width:264px;
    height:533px;
    padding:10px;
    border-radius:36px;
    background: var(--bg-main-2a);
    box-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;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    font-size:14px
}
.PhoneGraphic_v3 {
    width:264px;
    height:533px;
    padding:8px;
    border-radius:36px;
    background: var(--bg-main-2a);
    box-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);
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    font-size:14px
}
.PhoneGraphic--scaleLarge {
    width:275px;
    height:533px;
    border-radius:42px;

}
.HomepageHero__graphic, .PhoneGraphic_v2 {
    font-family: Inter var, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.Checkoutgraze {
    height: 100%;
    border-radius: 28px;
    -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
}
.DashboardGraphic_header_v2 {
    --gutter: 5px;
    grid:auto/152px 1fr;
    gap: 5px;

    padding:5px;
    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;
    background-color: #fff;
}

.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__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: 260px;
    height: 530px;
    padding: 8px;
    border-radius: 36px;
    background: var(--bg-main-2a);
    box-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);
    -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
}
.HomepageHeroGraphic {
    position: relative;
    transform: scale(0.849259) !important;
    left: 30px;
    top: -20px;
}
@media (max-width: 899px) {
    .HomepageHeroGraphic {
        position: relative;
        transform: scale(0.919259) !important;
    }
}
.HomepageHeroGraphic-wa {
    position: relative;
    left: 0px;
    top: 0px;
}

.HomepageHeroGraphic__phone {
    position: relative;
    top:32px;
    left: 0px
}
.HomepageHeroGraphic__phone-wa {
    position: absolute;
    top:35px;
    left: 140px
}
@media (max-width: 1224px) {
    .Card.ClimateHeroReceiptGraphic {
        width: 450px;
        left: -50px;
    }
}

@media (max-width: 899px) {

    .HomepageHeroGraphic__phone {
        position: relative;
        top:25px;
        left: 0px

    }
    .HomepageHeroGraphic__phone-wa {
        position: absolute;
        top:25px;
        left: 0px

    }
    .Card.ClimateHeroReceiptGraphic {
        width: 450px;
        left:  0px;
    }
    .HomepageHeroGraphic {
        position: relative;
        z-index: 2;
        justify-content: center;
        display: flex;
        align-items: flex-start;
    }
    .HomepageHeroGraphic-wa {
        position: relative;
        z-index: 2;

        display: flex;
        align-items: flex-start;
    }
}
@media (max-width: 570px) {
    .Card.ClimateHeroReceiptGraphic {
        width: 350px;
        left: -50px;
    }
    .HomepageHeroGraphic__phone {
        position: relative;
        top:35px;
        left:  0px
    }
    .HomepageHeroGraphic__phone-wa {
        position: absolute;
        top:35px;
        left: 110px
    }
}
@media (max-width:420px) {
    .Card.ClimateHeroReceiptGraphic{
        width: 350px;
        left: -50px;
    }

}
.HomepageHeroGraphic__dashboard {
    position: absolute;
    top: 0;
    left: 200px
}

@media (max-width:670px) {
    .HomepageHeroGraphic__dashboard-wa {
        position: relative;
        top: 0;
        left: 0px
    }
}
.no-jaill-info {

    background: #f4bb55;
    background: -moz-linear-gradient(left,#f4bb55 0,#ee623f 25%,#5179b8 75%,#2bd6a3 100%);
    background: -webkit-linear-gradient(left,#f4bb55 0,#ee623f 25%,#5179b8 75%,#2bd6a3 100%);
    background: linear-gradient(to right,#f4bb55 0,#ee623f 25%,#5179b8 75%,#2bd6a3 100%);
    color: #fff;
    text-align: center;
    padding: 14px 0;
    font-size: 15px;
    line-height: 1.2;
}
.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);

}
@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;

    }
}

.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);
    margin-top: 10px;

}
input {
    padding: 8px 0 8px 5px;
    font-weight: 400;
    color: #000;
    outline: none;
    background: #fff;
    border-radius: 0px 4px 4px 0px;
    text-indent: 10px;
    transition: all .3s ease-in-out;
    position: relative;
    font-size: 16px;
}
.bg--map {

    background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0.25) 0%, white 100%), url("/images/bg-map.jpg");
    background-size: cover;
    background-position: center;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .bg--map {

        background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0.25) 0%, white 100%), url("/images/bg-map@2x.jpg"); } }
@media screen and (min-width: 1621px) {
    .bg--map {
        background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0.25) 0%, white 100%), url("/images/bg-map@2x.jpg"); } }
@media screen and (max-width: 450px) {
    .bg--map {
        background-position: -740px 0px; } }

.cookie-disclaimer {
    color: #424770;
    font-size: 15px;
    opacity: 0;
    transform: translateY(100%);
    transition: opacity 0.3s, transform 0.5s;
}


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

}

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

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


.cookie-notification-container {
    position:fixed;
    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 {
    background:var(--bg-main-2a);
    -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:14px;
    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;font-weight: 300;
}
.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:#32325d;
}
.status_v2 {
    position: relative;
    top: 5px;
    left: 15px;
    margin-bottom: 4px;
    z-index: 200;
    height: 10px;
    width: 90%;
    background: var(--status);
    background-size: auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.bg-phone-top{
    background-color: #f5f5f5;
}
.bg-phone-top2{
    background-color: #fff;
}
.bg_white{background-color: #fff}
.color_link{color:#2e77f6;
    fill:#2e77f6}

.chat_header_v2 ul {
    color:#000;
    width: 100%;
    max-width: 400px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    list-style-type: none;
    padding: 10px;
    margin: 0;
}

.row {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -8px;
    margin-right: -.5rem;
    margin-right: 0;
    margin-left: -8px;
    margin-left: -.5rem;
    margin-left: 0;
}

.chat_header_v2_bg {

    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 {
    background: var(--chat2);
    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(--text-primary);
}

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

.chat_header_v2 ul li .time {
    content: attr(data-time);
    position: absolute;
    right: 10px;
    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(--chat);
    align-self: flex-end;
    border-radius: 10px 10px 10px 10px;
    padding-right: 70px;
    color:#000

}
.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.me:before {
    left: auto;
    right: -10px;
    border-bottom: 15px solid var(--chat);
    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.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;
}
.bg-phone-d {
    background: #313844;
    color: #fff;
}
.tick {
    color: #4f97f2;
}
.header__userLink_theme:before {
    opacity: .9;

    background: url(/images/day.svg) no-repeat;
    background-size: 19px 19px;
    background-position-y: 2px;

}

.header-sticky .header__userLink_theme:before {
    opacity: .9;
    background: url(/img/day-b.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/night.svg) no-repeat;
    background-size: 21px 21px;
}


.b_t_n {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    padding: 0.70rem 0.90rem 0.70rem 0.90rem;
    border-radius: 0.375rem;
    line-height: 1rem;font-size: 0.875rem;font-weight: 500;align-items: center;
}

.float-right{float: right!important;}
.text-black {color:#000}
.yandex_map {
    height: 430px;
}
@media (min-width: 870px) {
    .yandex_map {
        height: 460px;
    }
}

.map_1 {
    height: 430px;
}
@media (min-width: 870px) {
    .map_1 {
        height: 460px;
    }
}

.title_reviews_v2{
    display: flex;
}
.flickity-prev-next-button.next {
    right: 0rem!important;
}

@media (max-width:768px) {
    .arrows-inside .flickity-prev-next-button.previous,
    .controls-inside .flickity-prev-next-button.previous {
        left:0rem!important;
    }}
.flickity-prev-next-button.previous {
    left: -2.5rem!important;
}
.common-Button--default {
    background-color: #37c784;
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: 0s;
    transition-delay: 0.2s;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    color:#fff
}
.common-Button--default:hover {
    background-color: #2fad72;
}
.conversation-compose {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    overflow: hidden;
    height: 35px;
    width: 100%;
    z-index: 2;
}
.conversation-compose .emoji {
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border-radius: 5px 0 0 5px;
    flex: 0 0 auto;
    margin-left: 8px;
    width: 38px;
}
.conversation-compose .input-msg {
    border: 0;
    flex: 1 1 auto;
    font-size: 14px;
    margin: 0;
    outline: none;
    min-width: 50px;
}
.conversation-compose div, .conversation-compose input {
    background: #fff;
    height: 100%;
}
.conversation-compose .photo::after {
    border-width: 0px 0 10px 10px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    position: absolute;
    width: 0;
    height: 0;
    content: "";
    top: 0;
    right: -10px;
}
.conversation-compose .send {
    background: transparent;
    border: 0;
    cursor: pointer;
    flex: 0 0 auto;
    margin-left: 8px;

    padding: 0;
    position: relative;
    outline: none;
}
.conversation-compose .send .circle {
    background: #008a7c;
    border-radius: 50%;
    color: #fff;
    position: relative;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.conversation-compose .send .circle i {
    font-size: 24px;
    margin-left: 5px;
}
.text-blue {
    color: #3490dc;
    fill:  #3490dc;
}
.bg-grey-lighter {
    background-color: #f1f5f8;
}
.text-grey-darker {
    color: #606f7b;
    fill: #606f7b;
}
.ava-calls {
    width: 2.4rem;
    height: 2.3rem;
}
.bg-center {
    background-position: center;
}
.bg-no-repeat {
    background-repeat: no-repeat;
}
.bg-cover {
    background-size: cover;
}

.user-text {
    color: #3e80c6;
}
.text-comment {
    color: #9e9d9e;
}
.color_text_chat {
    color: #828282;
}
.pushy {
    position: fixed;
    width: 300px;
    height: 100%;
    top: 0;
    z-index: 444444;
    background-color: var(--bg-main-2);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    /* enables momentum scrolling in iOS overflow elements */
}
.pushy a {
    color: #fff;
    padding: 0px 15px;
    text-decoration: none;
    font-size: 13px;
    line-height: 33px;
    font-weight: 500;
}
.pushy a span {
    text-transform: uppercase;
}

.pushy a:hover {
    color: #3f8ae0;
}
.pushy ul:first-child {
    margin-top: 10px;
}
.pushy.pushy-left {
    left: 0;
}

.pushy-content {
    visibility: hidden;
}

/* Menu Movement */
.pushy-left {
    -webkit-transform: translate3d(-300px, 0, 0);
    -ms-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
}

.pushy-open-left #mob,
.pushy-open-left .push {
    -webkit-transform: translate3d(300px, 0, 0);
    -ms-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
}

.pushy-open-right #mob,
.pushy-open-right .push {
    -webkit-transform: translate3d(-300px, 0, 0);
    -ms-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
}

.pushy-open-left .pushy,
.pushy-open-right .pushy {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    box-shadow: 0 8px 16px rgba(0, 0, 0, .5);

}
.pushy-open-left .pushy-content,
.pushy-open-right .pushy-content {
    visibility: visible;
}

/* Menu Transitions */
#mob,
.pushy,
.push {
    transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

.pushy-content {
    transition: visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

/* Site Overlay */
.site-overlay {
    display: none;
}

.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-animation: fade 500ms;
    animation: fade 500ms;
}

@keyframes fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
/* Submenu Appearance */
.pushy-submenu {
    margin-top: 20px;
    padding: 20px;
    /* Submenu Buttons */
    /* Submenu Icon */
}
.pushy-submenu ul {
    padding-left: 15px;
    transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

.pushy-submenu button {
    width: 100%;
    color: #b3b3b1;
    padding: 15px 30px;
    text-align: left;
    background: transparent;
    border: 0;
}
.pushy-submenu button:hover {
    color: #FFF;
}

.pushy-content2 :hover {
    color: #FFF;
}
.pushy-submenu > a,
.pushy-submenu > button {
    position: relative;
}
.pushy-submenu > a::after,
.pushy-submenu > button::after {
    content: '';
    display: block;
    height: 11px;
    width: 8px;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: transform 0.2s;
}

/* Submenu Movement */
.pushy-submenu-closed ul {
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
    align-items: center;

}
.pushy-submenu-closed {
    padding: 0px 20px;
}
.btn_menu {
    display: flex;
    text-align: center;
    padding: 10px!important;
    font-weight: 500;
}
.pushy-submenu-open ul {
    max-height: 1000px;
    visibility: visible;
}

.pushy-submenu-open a::after,
.pushy-submenu-open button::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

.pushy .pushy-link.__active a {

    color: #3f8ae0;

}
@media only screen and (max-width: 960px) {
    .header__top {
        position: relative;
        z-index: 44444;

        box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
    }}
@media only screen and (max-width: 960px) {
    .stick-toolbar .header__top {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 50;
    }

}
.star_reviews_v2 {height: 17px}
.text-uppercase {text-transform:uppercase}
main .bg-fon {
    position: absolute;
    z-index: 0;
    width: 100%;
    display: grid;
    -webkit-transform: skewY(-12deg);
    transform: skewY(-12deg);
}

#wa-bg .bg-fon, .what-is .bg-fon {
    height: 100%;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    background: linear-gradient(192deg, #25d366, #f6f9fc 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 {
    height: 100%;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    background: linear-gradient(192deg, #847ae6, #f6f9fc 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: 100%;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    background: linear-gradient(192deg, #2196f3, #f6f9fc 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 {
    height: 100%;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    background: linear-gradient(192deg, #2196f3, #f6f9fc 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 {
    height: 100%;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    background: linear-gradient(192deg, #ffe500, #f6f9fc 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: 100%;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    background: linear-gradient(192deg, #4caf50, #f6f9fc 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));
}


.accordion-item{
    -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);
}

div.accordion div.accordion-item a.accordion-list__i {
    position: relative;
    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;
    width: 100%;
    padding: 1rem 1rem 1rem 1rem;
    color: #7288a2;
    font-size: 1.15rem;
    font-weight: 400;

}
div.accordion div.accordion-item a {
    background: #f9f9fa;margin-top: 1px;
}

.accordion a a{
    position: relative;

    display: block;

}





.accordion .content {
    opacity: 0;
    padding: 0 1rem;
    max-height: 0;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    clear: both;
    -webkit-transition: all 0.2s ease 0.15s;
    -o-transition: all 0.2s ease 0.15s;
    transition: all 0.2s ease 0.15s;background: #fff;
}

.accordion .content p {
    font-size: 14px;
    font-weight: 300;
}
@media (max-width:640px) {
    .accordion .content p {
        font-size: 13px;
    }
    .padding_0{padding: 0!important;}
}
.accordion .content.active {
    opacity: 1;
    padding: 1rem;
    max-height: 100%;
    -webkit-transition: all 0.35s ease 0.15s;
    -o-transition: all 0.35s ease 0.15s;
    transition: all 0.35s ease 0.15s;
}
.accordion-list__i.active::before {

    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);

}
.accordion-list__i__title  {

    color: #35363f;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;

    cursor: pointer;
    padding: 0px 10px 0px 25px;
}
.accordion-list__i::before {

    position: absolute;
    top: 17px;
    left: 10px;

    content: "";
    border-left: 2px solid

    #3f8ae0;

    border-bottom: 2px solid

    #3f8ae0;
    width: 15px;
    height: 15px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition: transform 250ms;
    -moz-transition: transform 250ms;
    -ms-transition: transform 250ms;
    transition: transform 250ms;

}
.title-s {
    color: #3f8ae0;
    font-size: 24px;
    font-weight: 600;
    margin: 1.5em 0 1em;
    text-transform: uppercase;
    text-align: center;
}
.App_FooterNav {
    color: #aab9c9;
}

.drop-seo-wr {
    padding:10px 0;
    margin:50px 0 0 0;
}
.drop-seo-wr p.descr-foot {
    color:#bdc0c5;
    font-weight:400;
    font-size:13px
}
.drop-seo-wr.no-margin {
    margin:0
}
.drop-seo-wr.empty .drop-seo-head {
    border:1px solid #e0e3e5;
    background:0 0
}
.drop-seo-wr.drop-seo-head i {
    -webkit-transform:rotate(-135deg);
    transform:rotate(-135deg);
    margin:7px 0 0 10px
}
.drop-seo-wr.drop-seo-text {
    max-height:9999px
}
.drop-seo-wr.drop-seo-text .inner {
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
    opacity:1
}
.drop-seo-wr .drop-seo-head {
    height:50px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;

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

    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.12);
    -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.12);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.12);
}
.drop-seo-wr .drop-seo-head i {
    width:8px;
    height:8px;
    border-bottom:1px solid #8c99a0;
    border-right:1px solid #8c99a0;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    margin:-3px 0 0 10px;
    -webkit-transition:.3s;
    transition:.3s
}
.drop-seo-wr .drop-seo-text {
    max-height:0;
    overflow:hidden;
    -webkit-transition:.3s;
    transition:.3s;
    max-height: 9999px;
    display: block;
}
.drop-seo-wr .drop-seo-text .inner {
    display: block!important;
    -webkit-transition:.3s;
    transition:.3s;
    opacity:1;
    padding:40px 0;
    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 p {
    padding:10px 0
}
.drop-seo-wr .drop-seo-text .inner ul {
    padding:10px;
    list-style:disc
}
.drop-seo-wr .drop-seo-text .inner ul li {
    margin:0 0 10px 15px
}
.drop-seo-wr .drop-seo-text .inner ol {
    padding:10px;
    list-style-type:decimal
}
.drop-seo-wr .drop-seo-text .inner ol li {
    margin:0 0 10px 15px
}
.drop-seo-wr .drop-seo-text .inner b {
    font-weight:700
}
.drop-seo-wr .drop-seo-text .inner em {
    font-style:italic
}
footer .logo-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    width: 200px;
}
@media (max-width:870px) {
    footer .logo-list {
        width: 330px;

    }}
@media (max-width:670px) {
    footer .logo-list {
        width: 100%;

    }}

footer .logo-list > li {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    margin: 0 1% 0 0;
}

footer .logo-list > li svg {
    width: 100%;
    height: auto;
    max-height: 50px;
}


.breadcrumbs {
    font-size:12px;

    margin-bottom: 20px;
}
.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:11px 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 {
    --tw-text-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-text-opacity));
}
.breadcrumbs li span.amp {
    color:inherit;
}
.breadcrumbs li::before {
    content: "";
    float: left;
    width: 28px;
    height: 38px;
    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;

}


.footer .breadcrumbs {
    font-size: 12px;
    color: #6b7c93;
    font-weight: 200;
    margin-bottom: 30px;
    margin-left: 40px;
}

.ie-lt9 .breadcrumbs {
    margin-left: 0 !important;
}

body.rtl .breadcrumbs {
    padding-right: 0;
}

.ie-lt9 body.rtl .breadcrumbs {
    margin-right: 0 !important;
}

.breadcrumbs > li {
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
}

.breadcrumbs__i a {
    color: inherit !important;
    z-index: 99;
}
.w-1\/3 {
    width: 33.33333%;
}
.w-2\/3 {
    width: 66.66667%;
}


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

.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)
}
.color_text_ser {
    color: #a5b9c3;
}
.sub-title > span::after {
    content: '';
    width: 20px;
    height: 2px;
    background: #3B7EFF;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
    z-index: 1;
}
.sub-title > span {
    padding: 0 0 0 35px;
    position: relative;
}
.CtaButton.variant--Link {
    font-weight: 500;
    -webkit-transition-property: color, opacity;
    transition-property: color, opacity;
    box-shadow: none!important;
    text-shadow: none!important;

}

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

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

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

.CtaButton.variant--Button {
    padding-left: 16px;
    padding-right: 16px;
    background-color: #3ecf8e;
    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: #32ad76;
        opacity: 1
    }
}

@media (pointer: coarse) {
    .CtaButton.variant--Button:active {
        background-color: #32ad76;
        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)
    }
}
.footer_link{
    color: var(--footer-link);
    font-weight: 400;
}
@media (min-width: 640px) {
    .sm\:-mt-1 {
        margin-top: -0.5rem;
    }
    .sm\:mr-12 {
        margin-right: 3rem;
    }
    .sm\:mr-20 {
        margin-right: 6rem;
    }

}
@media (min-width: 1024px) {
    .lg\:-mt-8 {
        margin-top: -2rem;
    }
    .lg\:-mt-12 {
        margin-top: -3rem;
    }
    .lg\:-mt-32 {
        margin-top: -7rem;
    }
}
.docs{
    background-image:var(--docs-file)
}
footer .social-links {
    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
}
footer .social-links li svg {
    width:15px;
    height:15px;
    fill:currentColor
}
footer .social-links li:nth-child(1) a {
    color:#0066b2
}
footer .social-links li:nth-child(1) a:hover {
    background:#0066b2;
    color:#fff;
    border-color:#0066b2
}
footer .social-links li:nth-child(2) a {
    color:#4db3ff
}
footer .social-links li:nth-child(2) a:hover {
    background:#4db3ff;
    color:#fff;
    border-color:#4db3ff
}
footer .social-links li:nth-child(3) a {
    color:#395a87
}
footer .social-links li:nth-child(3) a:hover {
    background:#395a87;
    color:#fff;
    border-color:#395a87
}
footer .social-links li:nth-child(4) a {
    color:#ff0404
}
footer .social-links li:nth-child(4) a:hover {
    background:#ff0404;
    color:#fff;
    border-color:#ff0404
}
footer .social-links li a {
    margin:0 10px 0 0;
    font-size:15px;
    width:25px;
    height:25px;
    border-radius:50%;
    border:1px solid;
    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;
    -webkit-transition:.3s ease;
    transition:.3s ease
}
.status_v1 {
    position: relative;
    top: 5px;
    left: 0px;
    margin-bottom: 4px;
    z-index: 200;
    height: 10px;
    width: 100%;
    background: url('/images/social_app_status-l.jpg') no-repeat center center;
    background-size: auto;
    background-size: auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.bg_vk {
    background-color: #5180b8;
}
main .bg-right {
    position: absolute;
    z-index: -1;
    width: 100%;
    display: grid;
    -webkit-transform: skewY(-12deg);
    transform: skewY(-12deg);
}
#compliance {
    position: relative;
    z-index: 3
}
.max-w1040 {
    max-width: 1040px;
}
#compliance .bg-right {
    grid:200px/1fr minmax(0, 1000px) 1fr;
    grid:200px/1fr minmax(0, calc(1040px - 20px * 2)) 1fr
}

#compliance .bg-right :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-2a))
}

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

#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;

    padding: 32px 0px 18px;


}

#compliance h2 {

    text-transform: uppercase;

}



#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
    }
    .left-h{
        left: -50px!important;
    }
}

@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
    }
}

@media (min-width:880px) {
    section.express-recover {
        padding-top:0;

    }
}


section.express-recover .container-lg {
    position:relative
}
section.express-recover .express-recover-columns {

    position:relative
}
@media (max-width:670px) {
    section.express-recover:before {
        display:block;
    }

    section.express-recover .illustration-column{

        display:block

    }

}
section.express-recover .express-name {
    text-transform:uppercase;
    color:#55759f;
    font-size:22px;
    font-weight:600;
    line-height:33px;
    margin-top:21px;
    margin-bottom:6px
}
section.express-recover .express-recover-headline {
    color:#68d4f8;
    font-size:40px;
    font-weight:300;
    line-height:50px;
    margin-bottom:35px;
    position:relative;
    left:-2px
}

section.express-recover .info-column {
    -ms-flex:1 0;
    flex:1 0
}
@media (min-width:670px) {
    section.express-recover .info-column {
        display:-ms-flexbox;
        display:flex;
        -ms-flex-direction:column;
        flex-direction:column;
        -ms-flex-pack:center;
        justify-content:center;
        padding-right:50px
    }
}
section.express-recover .info-column svg {
    position:relative;
    left:-6px
}
section.express-recover .express-recover-copy {
    margin-bottom:25px
}

@media (min-width:880px) {
    section.express-recover .illustration-column {
        padding-top:0
    }
}
section.express-recover .phone-illustration {
    max-width:275px;
    height:100%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-pack:end;
    justify-content:flex-end;
    position:relative; margin-left: auto;
    margin-right: auto;
    z-index:1
}

section.express-recover .phone-illustration svg {
    max-width:100%
}
section.express-recover .phone-illustration .device-container {

    box-shadow:-27px 27px 27px 0 rgba(118,146,179,.03),inset 5px -5px 13px 0 rgba(145,161,181,.4);
    border-radius:14.625%
}
section.express-recover .phone-illustration .device-container .screen-container {
    position:absolute;
    top: 4.66667%;
    left: 3.68182%;
    width: 92.63636%;
    height: 90.66667%;
    overflow:hidden;
    border-radius:6px;
    box-shadow:-1px 1px 6px 0 rgba(171,183,204,.2)
}
section.express-recover .phone-illustration .device-container .screen {
    transition:transform .5s cubic-bezier(.86,0,.07,1);
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:400%;
    background:var(--all-screens);
    background-size:100% 100%
}
@media (-webkit-min-device-pixel-ratio:1.3),(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi) {
    section.express-recover .phone-illustration .device-container .screen {
        background-image:var(--all-screens);
    }
}
section.express-recover .phone-illustration .device-container .screen2 {
    transition:transform .5s cubic-bezier(.86,0,.07,1);
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:400%;
    background:var(--all-screens);
    background-size:100% 100%
}
@media (-webkit-min-device-pixel-ratio:1.3),(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi) {
    section.express-recover .phone-illustration .device-container .screen2 {
        background-image:var(--all-screens);
    }
}
section.express-recover .phone-illustration.image-1 .screen2 {
    transform:translateX(0)
}
section.express-recover .phone-illustration.image-2 .screen2 {
    transform:translateX(-25%);
    left:-1px
}
section.express-recover .phone-illustration.image-3 .screen2 {
    transform:translateX(-50%);
    left:-1px
}
section.express-recover .phone-illustration.image-4 .screen2 {
    transform:translateX(-75%);
    left:-1px
}
section.express-recover .phone-illustration.image-1 .screen {
    transform:translateX(0)
}
section.express-recover .phone-illustration.image-2 .screen {
    transform:translateX(-25%);
    left:-1px
}
section.express-recover .phone-illustration.image-3 .screen {
    transform:translateX(-50%);
    left:-1px
}
section.express-recover .phone-illustration.image-4 .screen {
    transform:translateX(-75%);
    left:-1px
}
@media (min-width:670px) {
    section.express-recover .account-section-links {
        max-width:465px
    }
}
section.express-recover .phone-carousel-container {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:11.59951%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    z-index:3;
    display: none;
}
section.express-recover .phone-carousel {
    display:-ms-flexbox;
    display:flex;
    margin:0 auto;
    position:absolute;
    bottom:46px
}
section.express-recover .phone-carousel-button {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    width:11px;
    height:11px;
    border-radius:50%;
    border:2px solid #6772e5;
    margin-right:5px;
    padding:0;
    cursor:pointer;
    background:transparent;
    outline:none
}
section.express-recover .phone-carousel-button:last-child {
    margin-right:0
}
.w-auto-i{width: auto!important;}
.product-head-top {
    position: absolute;
    background: var(--link-color);
    color: #fff;
    font-size: 10px;
    padding: 8px 50px 7px 77px;
    letter-spacing: .08em;
    right: 20px;
    top: 10px;
    white-space: nowrap;
    text-transform: uppercase;
    -webkit-transform: rotate(45deg) translate(44%,100%);
    -ms-transform: rotate(45deg) translate(44%,100%);
    transform: rotate(45deg) translate(44%,100%);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
}
.title-s {
    color: #42afc7;
    font-size: 24px;
    font-weight: 600;
    margin: 1.5em 0 1em;
    text-transform: uppercase;
    text-align: center;
}
.flickity-prev-next-button.previous svg { display: none}
.flickity-prev-next-button.next svg { display: none}


.flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}
.flickity-enabled {
    position: initial;
}
.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.flickity-prev-next-button {
    position: absolute;
    padding:0;
    background:var(--bg-main);
    border:1px solid #dee2e6;
    width:3rem;
    height:3rem;
    transition:opacity .2s linear,box-shadow .2s linear;
    display:flex;
    align-items:center;
    justify-content:center
}
.flickity-prev-next-button:after {
    background-image:url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14.8517 18.1136C14.9506 18.2121 15 18.3402 15 18.4977C15 18.6356 14.9506 18.7538 14.8517 18.8523C14.7331 18.9508 14.6045 19 14.4661 19C14.3277 19 14.209 18.9508 14.1102 18.8523L8.14831 12.8841C8.04944 12.7659 8 12.6379 8 12.5C8 12.3621 8.04944 12.2341 8.14831 12.1159L14.1102 6.14773C14.209 6.04924 14.3277 6 14.4661 6C14.6045 6 14.7331 6.04924 14.8517 6.14773C14.9506 6.24621 15 6.37424 15 6.53182C15 6.6697 14.9506 6.78788 14.8517 6.88636L9.42373 12.5L14.8517 18.1136Z' fill='%230F66DC'/></svg>");
    content:'';
    width:2rem;
    height:2rem;
    display:block;
    background-size:cover
}
.flickity-prev-next-button.previous {
    left:-4.5rem
}
.flickity-prev-next-button.next {
    right:-4.5rem
}
@media (max-width:870px) {
    .flickity-prev-next-button.previous {
        left:0rem
    }
    .flickity-prev-next-button.next {
        right:0rem
    }
}
.flickity-prev-next-button.next:after {
    transform:rotateZ(180deg)
}
.flickity-prev-next-button:hover {
    box-shadow:0 .125rem .625rem rgba(0,0,0,.05)
}
.flickity-button-icon {
    display:none
}
/*
@media (max-width:1199.98px) {
    .flickity-prev-next-button {
        display:none
    }
} */
[data-flickity].controls-light .flickity-page-dots .dot {
    background:#fff
}
.controls-inside:not(:hover) .flickity-prev-next-button {
    opacity:0
}
.controls-inside .flickity-page-dots {
    position:absolute;
    bottom:1.5rem
}
@media (max-width:768px) {
    .arrows-inside .flickity-prev-next-button.previous,
    .controls-inside .flickity-prev-next-button.previous {
        left:-2rem
    }
    .arrows-inside .flickity-prev-next-button.next,
    .controls-inside .flickity-prev-next-button.next {
        right:-2rem
    } }

.flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    transform: translateY(-50%);
}
.flickity-button {
    position: absolute;
    background: #fff;
    border: none;
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.flickity-viewport {
    overflow: hidden;
    height: 100%;
}
@media only screen and (max-width:1200px) {
    .flickity-overflow {
        overflow:hidden;
    }
}
.carousel-cell {
    transition: opacity .2s ease,transform .2s ease;
}

.flickity-page-dots {
    position:absolute;
    width:100%;
    bottom:-25px;
    padding:0;
    margin:0;
    list-style:none;
    text-align:center;
    line-height:1
}
.flickity-rtl .flickity-page-dots {
    direction:rtl
}
.flickity-page-dots .dot {
    display:inline-block;
    width:10px;
    height:10px;
    margin:0 8px;
    background:#333;
    border-radius:50%;
    opacity:.25;
    cursor:pointer
}
.flickity-page-dots .dot.is-selected {
    opacity:1
}
[data-flickity]:not(.flickity-enabled) {
    opacity:0
}
.flickity-page-dots {
    bottom: -1.125rem;
    margin-bottom: 10px;
}
.flickity-page-dots .dot {
    width:6px;
    height:6px;
    border-radius:10rem;
    margin:0 5px;
    background:#495057;
    opacity:.2;
    transition:transform .2s linear,opacity .2s linear
}
.flickity-page-dots .dot.is-selected {
    transform:scale(1.33333)
}
.w-76 {
    width: 19rem;
}
.m-3 {
    margin: 0.75rem;
}
.bottom-5 {
    bottom: 1rem;
}
.right-5 {
    right: 1.25rem;
}
.flex-grow-3 {
    flex-grow: 3;
}
:root {
    overflow-x: hidden;
    height: 100%;
}

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

.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 {

    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;
    margin-top: 3px;
}

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

}

.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);
    }
}

.steps-section {
    -webkit-flex-shrink:0;
    -ms-flex-negative:0;
    flex-shrink:0;
    padding:0
}
.steps-section__wrapper {
    text-align:center;
    padding-top:8px;

}
@media (min-width:992px) {
    .steps-section__wrapper {
        padding-top:36px;

    }
}
.steps-section__main-headline {
    line-height:32px;
    font-size:24px;
    color: #3f8ae0
}
@media (min-width:992px) {
    .steps-section__main-headline {
        max-width:640px;
        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 #3f8ae0
}
@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__step2 {
        width:calc(100%/2)
    }
    .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:#3f8ae0
    }
    .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:#3f8ae0;
    width:24px;
    height:24px;
    border:1px solid #3f8ae0;
    border-radius:50%;
    background-color:var(--bg-body);
    -webkit-box-shadow:0 0 0 16px var(--bg-body);
    box-shadow:0 0 0 16px var(--bg-body)
}
@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 #fff;
        box-shadow:0 0 0 0 #fff
    }
}
.steps-section__number--first {
    top:6px
}
@media (min-width:992px) {
    .steps-section__number--first {
        top:-64px;
        left:0
    }
}
.steps-section__headline {
    font-size:17px;
    font-weight:400;
    line-height:30px;
    margin-bottom:8px;
    color:#3f8ae0
}
@media (min-width:992px) {
    .steps-section__headline {
        font-size:18px;
        color:#3f8ae0;
        margin-bottom:16px
    }
}
.steps-section__headline-superscript {
    font-size:9px;
    vertical-align:super
}

.steps-section__text-italic {
    font-size:12px;
    display:block;
    margin-top:16px
}
@media (min-width:992px) {
    .steps-section__text-italic {
        font-size:14px
    }
}



.placemark {
    /* background-image: url('/images/user/kat.jpg'); */
    background-size: 100%;
    background-repeat: no-repeat;
    width: 2.5rem;
    height: 2.5rem;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    margin-left: -17px;
    margin-top: -17px;
    border-radius: 9999px;
    z-index: 995; position: relative;
}

.placemark:after {
    content: "";
    border-radius: 50%;
    height: 40px;
    width: 40px;
    position: absolute;
    margin: 0px;
    -webkit-animation: pulsate 1s ease-out;
    -moz-animation: pulsate 1s ease-out;
    -o-animation: pulsate 1s ease-out;
    -ms-animation: pulsate 1s ease-out;
    animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-box-shadow: 0 0 1px 2px var(--link-color);
    box-shadow: 0 0 1px 2px var(--link-color);
    -webkit-animation-delay: 1.1s;
    -moz-animation-delay: 1.1s;
    -o-animation-delay: 1.1s;
    -ms-animation-delay: 1.1s;
    animation-delay: 1.1s;z-index: 195;
}
@-moz-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}
@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}
@-o-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}
@keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}
@-moz-keyframes bounce {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-2000px) rotate(-45deg);
        -moz-transform: translateY(-2000px) rotate(-45deg);
        -o-transform: translateY(-2000px) rotate(-45deg);
        -ms-transform: translateY(-2000px) rotate(-45deg);
        transform: translateY(-2000px) rotate(-45deg);
    }
    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(30px) rotate(-45deg);
        -moz-transform: translateY(30px) rotate(-45deg);
        -o-transform: translateY(30px) rotate(-45deg);
        -ms-transform: translateY(30px) rotate(-45deg);
        transform: translateY(30px) rotate(-45deg);
    }
    80% {
        -webkit-transform: translateY(-10px) rotate(-45deg);
        -moz-transform: translateY(-10px) rotate(-45deg);
        -o-transform: translateY(-10px) rotate(-45deg);
        -ms-transform: translateY(-10px) rotate(-45deg);
        transform: translateY(-10px) rotate(-45deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(-45deg);
        -moz-transform: translateY(0) rotate(-45deg);
        -o-transform: translateY(0) rotate(-45deg);
        -ms-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
    }
}
@-webkit-keyframes bounce {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-2000px) rotate(-45deg);
        -moz-transform: translateY(-2000px) rotate(-45deg);
        -o-transform: translateY(-2000px) rotate(-45deg);
        -ms-transform: translateY(-2000px) rotate(-45deg);
        transform: translateY(-2000px) rotate(-45deg);
    }
    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(30px) rotate(-45deg);
        -moz-transform: translateY(30px) rotate(-45deg);
        -o-transform: translateY(30px) rotate(-45deg);
        -ms-transform: translateY(30px) rotate(-45deg);
        transform: translateY(30px) rotate(-45deg);
    }
    80% {
        -webkit-transform: translateY(-10px) rotate(-45deg);
        -moz-transform: translateY(-10px) rotate(-45deg);
        -o-transform: translateY(-10px) rotate(-45deg);
        -ms-transform: translateY(-10px) rotate(-45deg);
        transform: translateY(-10px) rotate(-45deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(-45deg);
        -moz-transform: translateY(0) rotate(-45deg);
        -o-transform: translateY(0) rotate(-45deg);
        -ms-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
    }
}
@-o-keyframes bounce {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-2000px) rotate(-45deg);
        -moz-transform: translateY(-2000px) rotate(-45deg);
        -o-transform: translateY(-2000px) rotate(-45deg);
        -ms-transform: translateY(-2000px) rotate(-45deg);
        transform: translateY(-2000px) rotate(-45deg);
    }
    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(30px) rotate(-45deg);
        -moz-transform: translateY(30px) rotate(-45deg);
        -o-transform: translateY(30px) rotate(-45deg);
        -ms-transform: translateY(30px) rotate(-45deg);
        transform: translateY(30px) rotate(-45deg);
    }
    80% {
        -webkit-transform: translateY(-10px) rotate(-45deg);
        -moz-transform: translateY(-10px) rotate(-45deg);
        -o-transform: translateY(-10px) rotate(-45deg);
        -ms-transform: translateY(-10px) rotate(-45deg);
        transform: translateY(-10px) rotate(-45deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(-45deg);
        -moz-transform: translateY(0) rotate(-45deg);
        -o-transform: translateY(0) rotate(-45deg);
        -ms-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
    }
}
@keyframes bounce {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-2000px) rotate(-45deg);
        -moz-transform: translateY(-2000px) rotate(-45deg);
        -o-transform: translateY(-2000px) rotate(-45deg);
        -ms-transform: translateY(-2000px) rotate(-45deg);
        transform: translateY(-2000px) rotate(-45deg);
    }
    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(30px) rotate(-45deg);
        -moz-transform: translateY(30px) rotate(-45deg);
        -o-transform: translateY(30px) rotate(-45deg);
        -ms-transform: translateY(30px) rotate(-45deg);
        transform: translateY(30px) rotate(-45deg);
    }
    80% {
        -webkit-transform: translateY(-10px) rotate(-45deg);
        -moz-transform: translateY(-10px) rotate(-45deg);
        -o-transform: translateY(-10px) rotate(-45deg);
        -ms-transform: translateY(-10px) rotate(-45deg);
        transform: translateY(-10px) rotate(-45deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(-45deg);
        -moz-transform: translateY(0) rotate(-45deg);
        -o-transform: translateY(0) rotate(-45deg);
        -ms-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
    }
}
.ml-9 {
    margin-left: 2.25rem;
}

.container-section4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 160px;
    padding-bottom: 160px;
    -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;
    background-color: var(--bg-head);
    background-image: url("/images/5dad3c3c06d07744d4e79c81_social.svg");
    background-position: 50% 50%;
    background-size: auto 662px;
    background-repeat: no-repeat;
    color: #fff;
    text-align: center;
}
.mb-10 { margin-bottom: 10px}
.heading-2.no-padding {
    margin-top: 0px;
    font-family: soleil, sans-serif;
    font-weight: 500;
}
.heading-2 {
    margin-top: 64px;
    margin-bottom: 33px;
    font-size: 40px;
    line-height: 48px;
}
.container-section4.white-bkgnd {
    background-color: #328df4;
}

.container-section4.shorter {
    height: auto;
    padding-top: 40px;
    padding-bottom: 80px;
    background-position: 50% 50%;
}
@media (min-width: 768px) {
    .container-section4.shorter {
        height: auto;
        padding-top: 140px;
        padding-bottom: 140px;
        background-position: 50% 50%;
    }
}
.container-516 {
    width: 516px;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.heading-2-small {
    color: #f5faff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.heading-2-small.no-padding {
    margin-top: 0px;
    color: #13ce95;
}
.img-integrations-mobile {
    display: none;
}
@media screen and (max-width: 767px) {
    .img-integrations-mobile {
        display: inline-block;
        width: 80%;
        padding-bottom: 40px;
    }.heading-2 {
         font-size: 20px;
         line-height: 24px;
     }}

.TitleText__highlight {
    padding: 2px 3px;
    -webkit-box-decoration-break: clone;
    -moz-box-decoration-break: clone;
    box-decoration-break: clone;
    margin-left: -3px;
    transition: .1s;
    transition-delay: 0s;
    transition-delay: 0s;
    transition-delay: .1s;
    background: rgba(196,240,255,.2);
}


section.resources {
    position: relative;
    padding: 20px 0 130px;
    margin-top: 190px;
    z-index: 1
}
section.resources .naitytel {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(90deg, #53f, #05d5ff);
    top: -130px;
    transform: skewY(-12deg)
}
@media (max-width: 880px) {
    section.resources {
        padding: 20px 0 80px;
        margin-top: 100px;

    }
    section.resources .naitytel { top: -60px;}
}
@media (min-width: 880px) {
    section.resources {
        padding-bottom: 140px
    }
}



section.resources .naitytel .ntloc {
    position: absolute;
    height: 190px
}

section.resources .naitytel .s1 {
    top: 0;
    left: 12%;
    width: 40%;
    background: linear-gradient(90deg, #53f, #53f)
}

section.resources .naitytel .s2 {
    bottom: 0;
    left: 0;
    width: 51%;
    background: linear-gradient(90deg, #53f, #53f)
}

section.resources .container-lg {
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    max-width: 1140px;
    z-index: 1
}

@media (min-width: 420px) {
    section.resources .container-lg {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width: 880px) {
    section.resources .container-lg {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}


section.resources .copy {
    color: #fff
}

@media (min-width: 670px) {
    section.resources .copy {
        margin-right: 100px
    }
}

section.resources .copy h2, section.resources .copy h3 {
    color: #fff
}

section.resources .copy p {
    color: #ffffff
}

section.resources .copy .intro-copy {
    margin-bottom: 70px;
    text-align: left
}

section.resources aside.guide {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 30px;
    margin-top: 50px
}

@media (min-width: 670px) {
    section.resources aside.guide {
        padding: 40px
    }
}

@media (min-width: 880px) {
    section.resources aside.guide {
        max-width: 390px;
        margin-top: 0
    }
}


@media (min-width: 670px) {
    section.resources aside.guide .cover {
        margin: -40px -40px 25px
    }
}

section.resources aside.guide .cover:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 200px;
    top: 100%;
    left: 0;
    background-color: #fff;
    transform: skewY(-12deg);
    transform-origin: 0 0
}

section.resources aside.guide h2 {
    margin-bottom: 20px;
    color: #32325d
}

section.resources aside.guide .common-Button--default {
    margin-top: 25px
}


.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%
}
.container, .container-fluid, .container-lg, .container-wide, .container-xl {
    margin: 0 auto;
    width: 100%;
}

section.network {
    position: relative;
    padding: 380px 0px 20px 0px;

    margin-top: -400px
}

@media (min-width: 670px){
    section.network {
        position: relative;

        margin-top: -400px;

    }

}

section.network .container-lg {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

@media (min-width: 1040px) {
    section.network .container-lg {
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

section.network .logos {

    position: relative;
    width: 100%;
    height: 100px;
    overflow: hidden
}

@media (min-width: 1040px) {
    section.network .logos {
        visibility: visible;
        position: absolute;
        width: auto;
        height: 100%;
        top: 30px;
        left: 0px;

        right: calc(70% - 250px);
    }

}


section.network .logos .row {
    will-change: transform;
    animation: logos 120s linear infinite
}

section.network .logos .row > div {
    position: relative;
    margin: 0;
    padding: 0;
    height: 120px;
    line-height: 120px
}


section.network .logos .row > div .network-logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(.75)
}

@media (min-width: 880px) {
    section.network .logos .row > div .network-logo {
        transform: translate(-50%, -50%) scale(.7)
    }
}

section.network .copy {
    max-width: 840px
}

@media (min-width: 670px) {
    section.network .copy {
        text-align: center
    }
}

@media (min-width: 1040px) {
    section.network .copy {
        text-align: left;
        max-width: 590px
    }
}

section.network .copy p + p {
    margin-top: 20px
}



.network-logo {
    background-size: 1283px 1131px;
    background-image: url(/images/all-network.png?42)
}

@media (-webkit-min-device-pixel-ratio: 1.3),(-webkit-min-device-pixel-ratio: 1.25),(min-resolution: 120dpi) {
    .network-logo {
        background-image: url(/images/all-network.png?42)
    }
}

.network-logo[data-company=eleven] {
    background-position: -0 -0px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}



.network-logo[data-company=expa] {
    background-position: -0 -124px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}


.network-logo[data-company="1crowd"] {
    background-position: -0 -246px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}

.network-logo[data-company=hubba] {
    background-position: -0 -246px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}

.network-logo[data-company=sente-link] {
    background-position: 0 0;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}

.network-logo[data-company=bluechilli] {
    background-position: 0 -369px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}
.network-logo[data-company=flat6labs] {
    background-position: 0 -492px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}
.network-logo[data-company=earlybird] {
    background-position: 0 -615px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}

.network-logo[data-company=indiegogo] {
    background-position: 0 -738px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}

.network-logo[data-company=kima-ventures] {
    background-position: 0 -861px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}


.network-logo[data-company=muckerlab] {
    background-position: 0 -984px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}

.network-logo[data-company=astrolabs] {
    background-position: -123px -0px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}


.network-logo[data-company=kickstarter] {
    background-position: -123px -123px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}


.network-logo[data-company=creandum] {
    background-position: -124px -248px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}


.network-logo[data-company=endeavor] {
    background-position: -123px -372px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}



.network-logo[data-company=lightning-lab] {
    background-position: -123px -495px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}


.network-logo[data-company=paua-ventures] {
    background-position: -123px -618px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}

.network-logo[data-company=start-up-chile] {
    background-position: -123px -743px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}

.network-logo[data-company=startup-grind] {
    background-position: -123px -866px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}


.network-logo[data-company=thefamily] {
    background-position: -123px -993px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}


.network-logo[data-company=savannah-fund] {
    background-position: -180px -0px;
    width: 190px;
    height: 40px;

}

.network-logo[data-company=startup-farm] {
    background-position: -183px -43px;
    width: 190px;
    height: 40px;
}

.network-logo[data-company=techstars] {
    background-position: -183px -86px;
    width: 190px;
    height: 40px;
}

.network-logo[data-company=y-combinator] {
    background-position: -183px -126px;
    width: 190px;
    height: 40px;
}

.network-logo[data-company=allvp] {
    background-position: -183px -179px;
    width: 190px;
    height: 42px;
}

.network-logo[data-company=altos-business-group] {
    background-position: -183px -221px;
    width: 190px;
    height: 40px;
}

.network-logo[data-company=alterna] {
    background-position: -183px -261px;
    width: 190px;
    height: 40px;
}

.network-logo[data-company=appworks] {
    background-position: -183px -300px;
    width: 190px;
    height: 32px;
}

.network-logo[data-company=african-technology-foundation] {
    background-position: -183px -333px;
    width: 190px;
    height: 35px;
}
.network-logo[data-company=angelhack] {
    background-position: -183px -374px;
    width: 196px;
    height: 44px;
}

.network-logo[data-company=beenext] {
    background-position: -183px -415px;
    width: 196px;
    height: 54px;
}
.network-logo[data-company=blackbox] {
    background-position: -183px -470px;
    width: 196px;
    height: 54px;
}

.network-logo[data-company=brainsparks] {
    background-position: -183px -534px;
    width: 216px;
    height: 54px;
}

.network-logo[data-company=ciie-initiatives] {
    background-position: -183px -582px;
    width: 216px;
    height: 54px;
}

.network-logo[data-company=ddf] {
    background-position: -183px -636px;
    width: 216px;
    height: 54px;

}
.network-logo[data-company=emerging-business-factory] {
    background-position: -183px -692px;
    width: 216px;
    height: 54px;
}


.network-logo[data-company=etohum] {
    background-position: -183px -749px;
    width: 216px;
    height: 54px;
}

.network-logo[data-company=fresco-capital] {
    background-position: -183px -805px;
    width: 216px;
    height: 54px;
}

.network-logo[data-company=frontline] {
    background-position: -183px -860px;
    width: 216px;
    height: 54px;
}

.network-logo[data-company=gan] {
    background-position: -183px -912px;
    width: 216px;
    height: 54px;
}


.network-logo[data-company=garage-society] {
    background-position: -183px -962px;
    width: 216px;
    height: 54px;
}

.network-logo[data-company=gaza-sky-geeks] {
    background-position: -183px -1011px;
    width: 216px;
    height: 54px;
}


.network-logo[data-company=german-accelerator] {
    background-position: -410px -3px;
    width: 205px;
    height: 54px;
}

.network-logo[data-company=global-entrepreneurship-network] {
    background-position: -390px -73px;
    width: 216px;
    height: 41px;
}

.network-logo[data-company=globerly] {
    background-position: -390px -111px;
    width: 216px;
    height: 54px;
}

.network-logo[data-company=h2-ventures] {
    background-position: -390px -170px;
    width: 216px;
    height: 54px;
}


.network-logo[data-company=hackquarters] {
    background-position: -390px -220px;
    width: 216px;
    height: 54px;
}

.network-logo[data-company=hkcocoon] {
    background-position: -390px -277px;
    width: 216px;
    height: 54px;
}


.network-logo[data-company=ibtikar-fund] {
    background-position: -390px -334px;
    width: 216px;
    height: 54px;
}

.network-logo[data-company=ict-hub] {
    background-position: -390px -405px;
    width: 216px;
    height: 65px;
}


.network-logo[data-company=ihorizon] {
    background-position: -390px -470px;
    width: 216px;
    height: 45px;
}



.network-logo[data-company=incubadora-sinergia] {
    background-position: -398px -523px;
    width: 216px;
    height: 55px;
}

.network-logo[data-company=ingressive] {
    background-position: -398px -577px;
    width: 216px;
    height: 55px;
}


.network-logo[data-company=international-enterprise-singapore] {
    background-position: -398px -645px;
    width: 216px;
    height: 55px;
}

.network-logo[data-company=invest2innovate] {
    background-position: -398px -698px;
    width: 216px;
    height: 55px;
}

.network-logo[data-company=ispace-foundation] {
    background-position: -398px -758px;
    width: 216px;
    height: 55px;
}

.network-logo[data-company=itc] {
    background-position: -400px -804px;
    width: 226px;
    height: 55px;
}

.network-logo[data-company=jaaga-startup] {
    background-position: -400px -863px;
    width: 226px;
    height: 55px;
}


.network-logo[data-company=kstartup] {
    background-position: -403px -912px;
    width: 226px;
    height: 55px;
}

.network-logo[data-company=latino-startup-alliance] {
    background-position: -403px -972px;
    width: 226px;
    height: 55px;
}

.network-logo[data-company=launch-academy] {
    background-position: -403px -1046px;
    width: 226px;
    height: 55px;
}

.network-logo[data-company=launch-rockit] {
    background-position: -603px -1px;
    width: 226px;
    height: 75px;
}

.network-logo[data-company=launchub-ventures] {
    background-position: -603px -78px;
    width: 226px;
    height: 75px;
}
.network-logo[data-company=letsventure] {
    background-position: -603px -154px;
    width: 226px;
    height: 75px;
}

.network-logo[data-company=lev-interactive] {
    background-position: -603px -227px;
    width: 226px;
    height: 75px;
}

.network-logo[data-company=lisbon-challenge] {
    background-position: -603px -297px;
    width: 226px;
    height: 75px;
}

.network-logo[data-company=lotte-accelerator] {
    background-position: -603px -376px;
    width: 226px;
    height: 75px;
}
.network-logo[data-company=mita-ventures] {
    background-position: -603px -440px;
    width: 226px;
    height: 75px;
}









.network-logo[data-company=hummingbird] {
    background-position: -390px -323px;
    width: 216px;
    height: 54px;
}

.network-logo[data-company="500-startups"] {
    background-position: -495px  -372px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}

.network-logo[data-company=adplanky] {
    background-position: -495px  -492px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}

.network-logo[data-company=alven-capital] {
    background-position: -495px  -620px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}
.network-logo[data-company=angelpad] {
    background-position: -495px  -861px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}
.network-logo[data-company=aslanoba-capital] {
    background-position: -495px  -984px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}
.network-logo[data-company=cairo-angels] {
    background-position: -625px  -0px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}

.network-logo[data-company=cicada-innovations] {
    background-position: -621px  -369px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}

.network-logo[data-company=digital-factory] {
    background-position: -621px  -492px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}

.network-logo[data-company=e] {
    background-position: -621px  -615px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}

.network-logo[data-company=g-startup-worldwide] {
    background-position: -621px  -738px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}

.network-logo[data-company=golden-gate-ventures] {
    background-position: -745px  -0px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}

.network-logo[data-company=innovation-nest] {
    background-position: -870px  -123px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}

.network-logo[data-company=knife-capital] {
    background-position: -864px  -861px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}





.network-logo[data-company=numa] {
    background-position: -1120px  -0px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}

.network-logo[data-company=outlierz] {
    background-position: -1120px  -123px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}

.network-logo[data-company=paris-co] {
    background-position: -1120px  -248px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}


.network-logo[data-company=pioneers-ventures] {
    background-position: -1120px  -371px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}

.network-logo[data-company=plug-and-play-tech-center] {
    background-position: -1120px  -492px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}

.network-logo[data-company=reaktor-ventures] {
    background-position: -1120px  -623px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}

.network-logo[data-company=real-ventures] {
    background-position: -1120px  -745px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}



.network-logo[data-company=scaleup-usa] {
    background-position: -1120px  -868px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}

.network-logo[data-company=scalex-ventures] {
    background-position: -1120px  -991px;
    width: 123px;
    height: 123px;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    border-radius: 50%;
}

@keyframes roads {
    0% {
        transform: translateY(-650px)
    }
    to {
        transform: translateY(0)
    }
}
.col-sm-6 {
    -ms-flex-preferred-size:50%;
    flex-basis:50%;
    max-width:50%
}

.AdvantageGlobalGrowth__graphic .map-dashes {
    stroke-dashoffset:64;
    animation:5s AdvantageGlobalGrowth__dashes linear infinite;
}
@keyframes AdvantageGlobalGrowth__dashes {
    0% {
        stroke-dashoffset:64
    }
    to {
        stroke-dashoffset:0
    }
}

@-webkit-keyframes logos {
    0% {
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    to {
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)
    }
}
@keyframes logos {
    0% {
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    to {
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)
    }
}

.img_without{padding: 5px;
    border-radius: 30px;}
.BillingLifecycleAnimation {
    --lifecycleAnimationCardSize:72px;
    --lifecycleAnimationSpacing:16px;
    --lifecycleAnimationVisibleEvents:3;
    --lifecycleAnimationShadowPadding:32px;
    position:relative;

    height:calc(72px*3 + 16px*(3 - 1))
}
.BillingLifecycleAnimation--animating {
    --transitionDuration:500ms;
    --transitionEasing:cubic-bezier(0.645,0.045,0.355,1.000)
}
.BillingLifecycleAnimation__masked {
    position:absolute;
    width: 100%;
    top: calc((var(--lifecycleAnimationCardSize) + var(--lifecycleAnimationSpacing))*-1);
    left: auto;
    right: auto;
    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: 30px;
    }
}
.BillingLifecycleAnimation__container {
    position:absolute;
    top:0;
    left:10px;
    right:10px;
    height:90%
}
.BillingLifecycleCard {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    background: var(--bg-main-2a);
    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:#0084ff
}
.BillingLifecycleCard__iconContainer:after {
    background-color:#0084ff
}
.BillingLifecycleCard--inactive .BillingLifecycleCard__iconContainer:before {
    opacity:.19
}
.BillingLifecycleCard--inactive .BillingLifecycleCard__iconContainer:after {
    opacity:0
}
.BillingLifecycleCard__icon {
    position:relative;
    z-index:1
}
.BillingLifecycleCard__body {
    padding:12px 16px 15px;
    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;
    display: flex;
}
.BillingLifecycleCard_data {
    display: flex;
}
.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;
}
.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);
}

section.users {
    position:relative;
    padding:30px 0 100px;
    z-index:2;
    overflow:hidden;
    pointer-events:none;
    margin-top: 20px;
}
section.users>* {
    pointer-events:all
}
section.users:before {
    content:"";
    position:absolute;
    z-index:-1;
    width:100%;
    height:100%;

    bottom:440px;
    -webkit-transform:skewY(-12deg);
    transform:skewY(-12deg)
}
section.users .intro-copy {
    position:relative
}
section.users .intro-copy h2 {
    margin-bottom:20px;text-transform: uppercase;
}
section.users .globe {
    position:relative;
    height:340px;
    padding:0;

}
section.users .globe canvas {
    position:relative;
    width:100%!important;
    height:auto!important;
    background: var(--bg-map)

}
@media (max-width:1000px) {
    section.users .globe canvas {
        -webkit-mask-image:linear-gradient(180deg,#000,#000 calc(100% - 40px),transparent);
        mask-image:linear-gradient(180deg,#000,#000 calc(100% - 40px),transparent)
    }
}
section.users .user-details {
    max-width:1140px
}
section.users .user-details .common-Card {
    display:block;
    width:100%;
    padding:0;
    margin-top:-30px;
    border-top-left-radius:8px;
    border-top-right-radius:8px
}
@media (min-width:670px) {
    section.users .user-details .common-Card {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        border-bottom-left-radius:8px
    }
}
section.users .user-details .common-Card .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;
    width:48px;
    height:48px;
    top:50vw;
    top:calc(100vw * .5);
    margin-top:-24px;
    border-radius:50%;
    cursor:pointer
}
@media (min-width:670px) {
    section.users .user-details .common-Card .nav {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        top:50%
    }
}
section.users .user-details .common-Card .nav.prev {
    left:-15px
}
section.users .user-details .common-Card .nav.next {
    right:-15px
}
section.users .user-details .photos {
    position:relative;
    overflow:hidden;
    height:50vw;
    height:calc(100vw * .5);
    border-top-left-radius:8px;
    border-top-right-radius:8px;
    -webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
    mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
}
@media (min-width:670px) {
    section.users .user-details .photos {
        width:50%;
        height:auto;
        min-height:428px;
        border-top-right-radius:0;
        border-bottom-left-radius:8px
    }
}
section.users .user-details .photos .image {
    position:absolute;
    width:100%;
    top:0;
    bottom:0;
    left:0;
    background-size:cover;
    background-position:50%
}
section.users .user-details .photos .image .play {
    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;
    width:48px;
    height:48px;
    top:50%;
    margin-top:-24px;
    left:50%;
    margin-left:-36px;
    border-radius:50%;
    cursor:pointer;
    background-image:url(/images/globe-comment/play.svg);
    background-position:50%;
    background-repeat:no-repeat
}
section.users .user-details .photos .image.trestle {
    background-image:url(/images/globe-comment/Track-someone-geolocation.jpg)
}
section.users .user-details .photos .image.hourspent {
    background-image:url(/images/globe-comment/Track-someone-geolocation.jpg)
}
section.users .user-details .photos .image.coin_tracker {
    background-image:url(/images/globe-comment/Track-someone-geolocation.jpg)
}
section.users .user-details .photos .image.coin_tracker2 {
    background-image:url(/images/globe-comment/Track-someone-geolocation.jpg)
}
section.users .user-details .photos .image.cognition_ip {
    background-image:url(/images/globe-comment/cognition_ip.jpg)
}
section.users .user-details .photos .image.bmc {
    background-image:url(/images/globe-comment/Tracking-Data-Mechanisms.jpg)
}
section.users .user-details .photos .image.work_clout {
    background-image:url(/images/globe-comment/work_clout.jpg)
}
section.users .user-details .photos .image.tress {
    background-image:url(/images/globe-comment/work_clout.jpg)
}
section.users .user-details .photos .image.metafused {
    background-image:url(/images/globe-comment/work_clout.jpg)
}
section.users .user-details .descriptions {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative;
    padding:30px 10px
}
@media (min-width:670px) {
    section.users .user-details .descriptions {
        width:50%;
        padding:50px 50px 45px 20px
    }
}
section.users .user-details .descriptions:after {
    content:"";
    position:absolute;
    width:100%;
    bottom:0;
    background-color:var(--bg-card);
    left:0;
    top:0;
    -webkit-transform:skew(-12deg);
    transform:skew(-12deg);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    pointer-events:none;
    display:none;
    border-top-right-radius:10px
}
@media (min-width:670px) {
    section.users .user-details .descriptions:after {
        display:block
    }
}
section.users .user-details .descriptions .mask-container {
    position:relative;
    width:100%;
    -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);
    z-index:1
}
section.users .user-details .descriptions .scroll-container {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    overflow:hidden;
    padding-bottom: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.users .user-details .descriptions .scroll-container::-webkit-scrollbar {
    display:none
}
section.users .user-details .descriptions .scroll-container.scrollable {
    overflow:auto;
    -webkit-scroll-snap-type:mandatory;
    -webkit-overflow-scrolling:touch
}
section.users .user-details .descriptions .user {
    position:relative;
    -ms-flex-negative:0;
    flex-shrink:0;
    width:100%;
    padding:0 20px;
    -webkit-scroll-snap-coordinate:0 0
}
section.users .user-details .descriptions .user .quote-author {
    color:var(--p-comonbody);
    margin-top:20px;
    font-weight: 500;
}
section.users .user-details .descriptions .user blockquote:after,
section.users .user-details .descriptions .user blockquote:before {
    display:inline-block;
    position:relative;
    width:5px;
    height:5px
}
section.users .user-details .descriptions .user blockquote:before {
    content:"\201C";
    background-position:0 0;
    left:-3px;
    margin-left:-5px
}
section.users .user-details .descriptions .user blockquote:after {
    content:"\201D";
    background-position:100% 0;
    right:-2px
}
section.users .user-details .logo {
    margin-bottom:25px;
    will-change:transform
}
section.users .author {
    text-align: left;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
section.users .avatar {
    margin-bottom: 0;
    margin-right: 25px;
}
section.users .avatar {
    position: relative;
    margin-bottom: 20px;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
section.users .byline .name {
    color: #fcd669;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 19px;
    margin-bottom: 6px;
}
.star {
    width: 20px;
}
section.users .user-details .logo.during {
    width:83px;
    height:17px;
    background-image:url(/img/avalar.jpg)
}
section.users .user-details .logo.iris {
    width:67px;
    height:78px;
    background-image:url(/images/globe-comment/iris.png)
}
section.users .user-details .logo.metafused {
    width:203px;
    height:72px;
    background-image:url(/images/globe-comment/pasilobus.png)
}
section.users .user-details .logo.pasilobus {
    width:194px;
    height:39px;
    background-image:url(/images/globe-comment/pasilobus.png)
}
section.users .user-details .logo.tress {
    width:121px;
    height:68px;
    background-image:url(/images/globe-comment/pasilobus.png)
}
section.users .user-details .logo.hourspent {
    width:121px;
    height:68px;
    background-image:url(/img/avalara.jpg)
}
section.users .user-details .logo.zumrod {
    width:142px;
    height:57px;
    background-image:url(/images/globe-comment/pasilobus.png)
}
section.users .user-details .logo.trakto {
    width:142px;
    height:34px;
    background-image:url(/images/globe-comment/pasilobus.png)
}
section.users .common-FinderGrid {
    bottom:-160px
}
@media (min-width:670px) {
    section.users .common-FinderGrid {
        bottom:-230px
    }
}
section.users .common-FinderGrid .finder:first-child {
    grid-row:-11;
    grid-column:span 4/6;

}
section.users .common-FinderGrid .finder:nth-child(2) {
    grid-row:-10;
    grid-column:span 4/5;
    background-color:#fcd669
}
section.users .common-FinderGrid .finder:nth-child(3) {
    grid-row:-8;
    grid-column:span 3/7;
    background-color:#3498db
}
section.users .common-FinderGrid .finder:nth-child(4) {
    grid-row:-9;
    grid-column:span 4/viewport-end;
    background-color:#3498db
}
section.users .common-FinderGrid .finder:nth-child(5) {
    grid-row:-8;
    grid-column:span 6/viewport-end;
    background-color:#fcd669
}
section.users .common-FinderGrid .finder:nth-child(6) {
    grid-row:-5;
    grid-column:span 6/viewport-end;

}
section.users .common-FinderGrid .finder:nth-child(7) {
    grid-row:-4;
    grid-column:span 4/viewport-end;
    background-color:#e6ebf1
}
@-webkit-keyframes logos {
    0% {
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    to {
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)
    }
}
@keyframes logos {
    0% {
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    to {
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)
    }
}

.common-Card {
    position:relative;
    background-color:var(--bg-card);
    border-radius:8px;
    padding:30px;
    -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)
}
@media (min-width:880px) {
    .common-Card {
        padding:50px
    }
}

.finderBackground {
    position:absolute;
    left:0;
    top:50%;
    right:0;
    -webkit-transform:skewY(-12deg);
    transform:skewY(-12deg);
    pointer-events:none
}
.finderBackground .finder {
    position:absolute;
    top:auto;
    left:0;
    right:0
}
.finderBackground .finder.pattern {
    overflow:hidden
}
.finderBackground .finder.pattern:after {
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-1000px;
    top:-1000px;
    -webkit-transform:skew(0,12deg);
    transform:skew(0,12deg)
}
.common-FinderGrid {
    --finder-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-FinderGrid {
        --finder-height:64px
    }
}
.common-FinderGrid .backgroundContainer,
.common-FinderGrid .finderContainer {
    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-FinderGrid .backgroundContainer .grid {
    grid-template-columns:1fr;
    min-width:0
}
.common-FinderGrid .backgroundContainer .background {
    grid-row:1/-1;
    grid-column:1/-1;
    z-index:-1
}
.common-FinderGrid .finderContainer {
    overflow:hidden
}
.common-FinderGrid.anchorBottom .backgroundContainer,
.common-FinderGrid.anchorBottom .finderContainer {
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.common-FinderGrid.anchorBottom .grid {
    height:200%;
    -ms-flex-line-pack:end;
    align-content:end
}
.common-FinderGrid .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(--finder-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-FinderGrid .grid {
        --gutter-column-width:var(--content-column-width);
        min-width:calc(1040px / var(--content-columns) * (var(--gutter-columns) * 2 + var(--content-columns)))
    }
}


.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:#fff;
    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:120px
    }
}
a.globalFooterCard:hover,
div.globalFooterCard:hover {
    color:#32325d!important;
    -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:130px;
    height:130px;
    left:-35px;
    top:calc(50% - 65px)
}
@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:-35px
    }
}
a.globalFooterCard.card-life-at-finder svg,
div.globalFooterCard.card-life-at-finder 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
}
a.globalFooterCard:hover svg .hover-fillMedium,
div.globalFooterCard:hover svg .hover-fillMedium {
    fill:#525f7f
}
a.globalFooterCard:hover svg .hover-fillLight,
div.globalFooterCard:hover svg .hover-fillLight {
    fill:#8898aa
}
a.globalFooterCard:hover svg .hover-strokeDark,
div.globalFooterCard:hover svg .hover-strokeDark {
    stroke:#32325d
}
a.globalFooterCard:hover svg .hover-strokeLight,
div.globalFooterCard:hover svg .hover-strokeLight {
    stroke:#8898aa
}
a.globalFooterCard h2,
div.globalFooterCard h2 {
    margin:0 0 5px;
    white-space:normal
}
a.globalFooterCard p,
div.globalFooterCard p {
    margin:5px 0 0
}


section.users .logos {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-top:40px
}
@media (min-width:880px) {
    section.users .logos {
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
section.users .logos li {
    cursor:pointer;
    margin-bottom:20px
}
section.users .logos li:not(:last-child) {
    margin-right:40px
}
section.users .logos li:hover svg path {
    fill:#525f7f
}
section.users .logos li svg {
    pointer-events:none
}
section.users .logos svg path {
    fill:#aab7c4;
    -webkit-transition:fill var(--transition-duration) var(--transition-timing-function);
    transition:fill var(--transition-duration) var(--transition-timing-function)
}
section.users .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;
    width:48px;
    height:48px;
    top:56.25vw;
    top:calc(100vw * .5625);
    margin-top:-24px;
    border-radius:50%;
    cursor:pointer;
    will-change:transform
}
@media (min-width:880px) {
    section.users .nav {
        top:50%
    }
}
section.users .nav.previous {
    left:-12px
}
@media (min-width:880px) {
    section.users .nav.previous {
        left:-24px
    }
}
section.users .nav.previous svg {
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
section.users .nav.next {
    right:-12px
}
@media (min-width:880px) {
    section.users .nav.next {
        right:-24px
    }
}

.pulse_z::after {

    content: "";
    border-radius: 50%;
    height: 40px;
    width: 40px;
    position: absolute;
    margin: -13px 0 0 -13px;
    -webkit-animation: pulsate 1s ease-out;
    -moz-animation: pulsate 1s ease-out;
    -o-animation: pulsate 1s ease-out;
    -ms-animation: pulsate 1s ease-out;
    animation: pulsate 1s ease-out;
    animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-box-shadow: 0 0 1px 2px #327cf4;
    box-shadow: 0 0 1px 2px

    #327cf4;
    -webkit-animation-delay: 1.1s;
    -moz-animation-delay: 1.1s;
    -o-animation-delay: 1.1s;
    -ms-animation-delay: 1.1s;
    animation-delay: 1.1s;

}
.pulse_z {

    background: #327cf4;
    border-radius: 50%;
    height: 14px;
    width: 14px;
    position: absolute;
    left: 50%;
    top: 50%;

    z-index: 5;
}


.pulse_pin::after {

    content: "";
    border-radius: 50%;
    height: 40px;
    width: 40px;
    position: absolute;
    margin: -13px 0 0 -15px;
    -webkit-animation: pulsate 1s ease-out;
    -moz-animation: pulsate 1s ease-out;
    -o-animation: pulsate 1s ease-out;
    -ms-animation: pulsate 1s ease-out;
    animation: pulsate 1s ease-out;
    animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-box-shadow: 0 0 1px 2px #327cf4;
    box-shadow: 0 0 1px 2px

    #327cf4;
    -webkit-animation-delay: 1.1s;
    -moz-animation-delay: 1.1s;
    -o-animation-delay: 1.1s;
    -ms-animation-delay: 1.1s;
    animation-delay: 1.1s;

}
.pulse_pin {

    background: rgba(0,0,0,0.2);
    border-radius: 50%;
    height: 9px;
    width: 9px;
    position: absolute;
    margin: 7px 0px 0px 6px;
    -webkit-transform: rotateX(55deg);
    -moz-transform: rotateX(55deg);
    -o-transform: rotateX(55deg);
    -ms-transform: rotateX(55deg);
    transform: rotateX(55deg);
    z-index: 5;

}
@-moz-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}
@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}
@-o-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}
@keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}
@-moz-keyframes bounce {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-2000px) rotate(-45deg);
        -moz-transform: translateY(-2000px) rotate(-45deg);
        -o-transform: translateY(-2000px) rotate(-45deg);
        -ms-transform: translateY(-2000px) rotate(-45deg);
        transform: translateY(-2000px) rotate(-45deg);
    }
    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(30px) rotate(-45deg);
        -moz-transform: translateY(30px) rotate(-45deg);
        -o-transform: translateY(30px) rotate(-45deg);
        -ms-transform: translateY(30px) rotate(-45deg);
        transform: translateY(30px) rotate(-45deg);
    }
    80% {
        -webkit-transform: translateY(-10px) rotate(-45deg);
        -moz-transform: translateY(-10px) rotate(-45deg);
        -o-transform: translateY(-10px) rotate(-45deg);
        -ms-transform: translateY(-10px) rotate(-45deg);
        transform: translateY(-10px) rotate(-45deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(-45deg);
        -moz-transform: translateY(0) rotate(-45deg);
        -o-transform: translateY(0) rotate(-45deg);
        -ms-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
    }
}
@-webkit-keyframes bounce {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-2000px) rotate(-45deg);
        -moz-transform: translateY(-2000px) rotate(-45deg);
        -o-transform: translateY(-2000px) rotate(-45deg);
        -ms-transform: translateY(-2000px) rotate(-45deg);
        transform: translateY(-2000px) rotate(-45deg);
    }
    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(30px) rotate(-45deg);
        -moz-transform: translateY(30px) rotate(-45deg);
        -o-transform: translateY(30px) rotate(-45deg);
        -ms-transform: translateY(30px) rotate(-45deg);
        transform: translateY(30px) rotate(-45deg);
    }
    80% {
        -webkit-transform: translateY(-10px) rotate(-45deg);
        -moz-transform: translateY(-10px) rotate(-45deg);
        -o-transform: translateY(-10px) rotate(-45deg);
        -ms-transform: translateY(-10px) rotate(-45deg);
        transform: translateY(-10px) rotate(-45deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(-45deg);
        -moz-transform: translateY(0) rotate(-45deg);
        -o-transform: translateY(0) rotate(-45deg);
        -ms-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
    }
}
@-o-keyframes bounce {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-2000px) rotate(-45deg);
        -moz-transform: translateY(-2000px) rotate(-45deg);
        -o-transform: translateY(-2000px) rotate(-45deg);
        -ms-transform: translateY(-2000px) rotate(-45deg);
        transform: translateY(-2000px) rotate(-45deg);
    }
    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(30px) rotate(-45deg);
        -moz-transform: translateY(30px) rotate(-45deg);
        -o-transform: translateY(30px) rotate(-45deg);
        -ms-transform: translateY(30px) rotate(-45deg);
        transform: translateY(30px) rotate(-45deg);
    }
    80% {
        -webkit-transform: translateY(-10px) rotate(-45deg);
        -moz-transform: translateY(-10px) rotate(-45deg);
        -o-transform: translateY(-10px) rotate(-45deg);
        -ms-transform: translateY(-10px) rotate(-45deg);
        transform: translateY(-10px) rotate(-45deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(-45deg);
        -moz-transform: translateY(0) rotate(-45deg);
        -o-transform: translateY(0) rotate(-45deg);
        -ms-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
    }
}
@keyframes bounce {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-2000px) rotate(-45deg);
        -moz-transform: translateY(-2000px) rotate(-45deg);
        -o-transform: translateY(-2000px) rotate(-45deg);
        -ms-transform: translateY(-2000px) rotate(-45deg);
        transform: translateY(-2000px) rotate(-45deg);
    }
    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(30px) rotate(-45deg);
        -moz-transform: translateY(30px) rotate(-45deg);
        -o-transform: translateY(30px) rotate(-45deg);
        -ms-transform: translateY(30px) rotate(-45deg);
        transform: translateY(30px) rotate(-45deg);
    }
    80% {
        -webkit-transform: translateY(-10px) rotate(-45deg);
        -moz-transform: translateY(-10px) rotate(-45deg);
        -o-transform: translateY(-10px) rotate(-45deg);
        -ms-transform: translateY(-10px) rotate(-45deg);
        transform: translateY(-10px) rotate(-45deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(-45deg);
        -moz-transform: translateY(0) rotate(-45deg);
        -o-transform: translateY(0) rotate(-45deg);
        -ms-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
    }
}
.mask-image{
    -webkit-mask-image: radial-gradient(ellipse 90% 80% at 48% 78%, black 40%, transparent 50%);
    mask-image: radial-gradient(ellipse 100% 100% at 50% 48%, black 40%, transparent 50%);
}
.feature-img {background: var(--bg-card);
    width: 80px;
    height: 80px;
    display: block;
    border-radius: 100px;}

.box_s{
    box-shadow: 0 8px 16px rgba(0, 0, 0, .5);
    border-radius: 10px;
}

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

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .bg--map {
        background-image: var(--bg-map) } }
@media screen and (min-width: 1621px) {
    .bg--map {
        background-image: var(--bg-map) } }
@media screen and (max-width: 670px) {
    .bg--map {
        background-position: -740px 0px; } }