:root body[data-theme="light"] {
    --bg-body: #f1f5f9;
    --bg-card: #fff;
    --bg-card_r: #fff;
    --bs-ContentSection-footer: #ecf1f4;
    --side-menu: #323232;
    --h-color: #323232;
    --h1-color: #fff;
    --s-color: #edeff0;
    --bg-head: #065e55;
    --bg-select: rgba(28, 139, 130, 1);
    --bg-select-hover: #fff;
    --bg-select-color: #fff;
    --bg-select-linear-gradient: linear-gradient(#208980, #1b726b);
    --list-unstyled: #f7fafc;
    --spiner-lk: #1d3f72;
    --progress-process: #323232;
    --menu-auth: #56bca6;
    --important-amber: #fcf9e9;
    --amber-color: #323232;
    --user-bar-status: #909499;
    --amber-wait: #323232;
    --amber-wait-border: #fff;
    --important-amber-wait: #ddeaf1;
    --important-success: #f6fff5;
    --foreigner-banner: rgba(207, 215, 223, .3);
    --important-success-color: #fff;
    --important-neutral: #f7fafc;
    --downloadSpeed: #35363f;
    --waNav-colorize: #fff;
    --logo-colorize: #fff;
    --screen-phone: #F3F8FB;
    --screen-phone2: #E5EBF2;
    --p-text: #525f7f;
    --check: url(/images/svg/check.svg);
    --common-MaterialTitle: #323232;
    --head-green: #009688;
    --line-tarif: rgba(42, 49, 61, .16);
    --Background-tool: linear-gradient(90deg, #00978b, #b3e895);
    --name-color: #2a5885;
    --preloader: #666;
    --whats_backgraund: linear-gradient(150deg, #04bc5a 15%, #90dcd9 70%, #a6ffcb 94%);
    --whats_backgraund2: #00978b;
    --whats_backgraund3: #90dcd9;
    --whats_backgraund4: #00978b;
    --whats_backgraund5: #00978b;
    --resources_find: linear-gradient(90deg, #00978b, #00978b);
    --resources_find2: linear-gradient(90deg, #00978b, #00978b);
    --Background-tool: linear-gradient(90deg, #00978b, #b3e895);
    --but-on:#fff!important;
    --but-on-color:#24b47e!important;
}

/* а это темная тема, для смены цветов для body добавлять класс dark или light  */
:root body[data-theme="dark"]{
    --bg-body: #1f232b;
    --bg-card: #252a34;
    --bg-card_r: #313844;
    --bs-ContentSection-footer: #313844;
    --side-menu: #fff;
    --h-color: #fff;
    --h1-color: #fff;
    --s-color: #6b7c93;
    --bg-head: #313844;
    --bg-select: #313844;
    --bg-select-linear-gradient: linear-gradient(#252a34, #313844);
    --bg-select-color: #fff;
    --bg-select-hover: #323a46;
    --list-unstyled: #313844;
    --spiner-lk: #6b7c93;
    --progress-process: #fff;
    --menu-auth: #56bca6;
    --amber-p: #323232;
    --important-amber: #313844;
    --amber-color: #F5BE58;
    --user-bar-status: #909499;
    --amber-wait: #3297d3;
    --amber-wait-border: #3297d3;
    --important-amber-wait: #313844;
    --important-success: #313844;
    --foreigner-banner: #313844;
    --important-success-color: #24b47e;
    --important-neutral: #313844;
    --downloadSpeed: #6b7c93;
    --waNav-colorize: #fff;
    --logo-colorize: #fff;
    --screen-phone: #313844;
    --screen-phone2: #313844;
    --p-text: #d9fcff;
    --check: url(/images/svg/check_black.svg);
    --common-MaterialTitle: #24b47e;
    --head-green: #313844;
    --line-tarif: rgba(207, 215, 223, .2);
    --Background-tool: linear-gradient(90deg, #1f232b, #313844);
    --name-color: #3498db;
    --preloader: var(--p-text);
    --whats_backgraund: linear-gradient(150deg, #424248 15%, #424248 70%, #424248 94%);
    --whats_backgraund3: #56565d;
    --whats_backgraund2: #56565d;
    --whats_backgraund4: #56565d;
    --whats_backgraund5: #56565d;
    --resources_find: linear-gradient(90deg, #424248, #56565d);
    --resources_find2: linear-gradient(90deg, #424248, #424248);
    --Background-tool: linear-gradient(90deg, #1f232b, #313844);
    --but-on:#37c784!important;
    --but-on-color:#fff!important;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}
.register-box-msg {
    margin: 0;
    text-align: center;
    padding: 0 10px 10px 10px;
    color: var(--link-color);
    line-height: 2.8;
    font-size: 20px;
    font-weight: 800;
}
::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff;
}
input::placeholder {
    color: #fff;
}
.text-decoration{text-decoration: underline}

@media (max-width: 870px) {
    .border-side {
        padding-right: 5px;
    }

    .display_870 {
        display: none;
    }

}

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

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

ol, ul {
    list-style: none
}

a {
    text-decoration: none;
    color: #3498db;
}

.backgr_whatsapp {
    background: url(/images/whatsapp_backgrnd.png) no-repeat 400px -70px;
}

.color_chat{    color: #718275!important;}

.globalFooterCTA .common-ButtonGroup {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media (min-width: 880px) {
    .globalFooterCTA .common-ButtonGroup {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}
.imkt-navbar__title-wrapper { margin-top: 5px}
.common-ButtonGroup {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

}

.common-ButtonGroup .common-Button {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 10px
}

.common-Button {
    white-space: nowrap;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 14px;
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    background: #fff;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .025em;
    color: #3498db;
    text-decoration: none;
    -webkit-transition: all .15s ease;
    transition: all .15s ease
}

.common-Button:focus, .common-Button:hover {
    color: #1cb39b;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08)
}

.common-Button:active {
    color: #1cb39b;
    background-color: #f6f9fc;
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08)
}

.common-Button--default {
    color: #fff;
    background: #3ecf8e
}

.common-Button--default:focus, .common-Button--default:hover {
    color: #fff;
    background-color: #1cb39b
}

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

.common-Button--default, .common-Button--default:hover {
    background: #37c784
}

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

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

.color_ff {
    color: var(--h1-color) !important;
}

#whats_backgraund,
#whats_backgraund span {
    position: absolute
}

#whats_backgraund {
    width: 100%;
    height: 114%;
    overflow: hidden;
    -webkit-transform: skewY(-12deg);
    transform: skewY(-12deg);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    z-index: -3;
    background: var(--whats_backgraund);
}

@media (max-width: 670px) {
    #whats_backgraund {

        height: 100%;
    }
}

#whats_backgraund span {
    height: 40px
}

#whats_backgraund :first-child {
    width: 50%;
    left: 50%;
    top: 40px;
    background: var(--whats_backgraund4);
}

#whats_backgraund :nth-child(2) {
    width: 14%;
    right: 0;
    bottom: 40px;
    background: var(--whats_backgraund4);
}

#whats_backgraund :nth-child(3) {
    width: 25%;
    bottom: 0;
    right: 0;
    background: var(--whats_backgraund2);
}

@media (min-width: 670px) {
    #whats_backgraund span {
        height: 150px
    }

    #whats_backgraund :first-child {
        top: 0;
        background: var(--whats_backgraund4);
    }

    #whats_backgraund :nth-child(2) {
        width: 16.66667%;
        width: calc(100% / 6);
        top: 300px;
        top: calc(150px * 2);
        bottom: auto;
        background: var(--whats_backgraund4);
    }

    #whats_backgraund :nth-child(3) {
        width: 33.33333%;
        width: calc(100% / 3);
        right: auto;
        background: var(--whats_backgraund4);
    }
}

@media (min-width: 880px) {
    #whats_backgraund span {
        height: 190px
    }

    #whats_backgraund :first-child {
        width: 33.33333%;
        width: calc(100% / 3);
        left: -16.66666%;
        left: calc(calc(calc(100% / 3) / 2) * -1);
        background: var(--whats_backgraund4);
    }

    #whats_backgraund :nth-child(2) {
        width: 33.33333%;
        width: calc(100% / 3);
        top: 0;
        left: 16.66666%;
        left: calc(calc(100% / 3) / 2);
        right: auto;
        background: var(--whats_backgraund5);
    }

    #whats_backgraund :nth-child(3) {
        width: 33.33333%;
        width: calc(100% / 3);
        left: 49.99999%;
        left: calc(calc(calc(100% / 3) / 2) + calc(100% / 3));
        bottom: auto;
        background: var(--whats_backgraund4);
    }

    #whats_backgraund :nth-child(4) {
        width: 33.33333%;
        width: calc(100% / 3);
        top: 380px;
        top: calc(190px * 2);
        right: -16.66666%;
        right: calc(calc(calc(100% / 3) / 2) * -1);
        background: var(--whats_backgraund3);
    }

    #whats_backgraund :nth-child(5) {
        width: 33.33333%;
        width: calc(50% / 3);
        bottom: 0;
        background: var(--whats_backgraund2);
    }
}

.int {
    margin-top: 16px;
}

.v_top {

    vertical-align: top;
}

.f_r {

    font-weight: 600;
    float: right;
}


#success-item .pin-UppercaseTitle {
    text-align: center
}

@media (min-width: 670px) {
    #success-item .pin-UppercaseTitle {
        margin: 0 25%
    }

    #success-item .lets-exp {
        width: 50%;
        text-align: right
    }

    #success-item .common-Link--arrow {
        margin-bottom: 80px
    }
}

main h2[class^="common-Uppercase"] {

    color: #24b47e;

}

main h3[class^="common-Uppercase"] {

    color: #24b47e;

}

main h4[class^="common-Uppercase"] {

    color: #68d4f8;

}

.bg-gray-500 {
    background-color: #9e9e9e !important;
}

.bg-gray-200 {
    background-color: #eee !important;
}

.color_ss {
    color: #68d4f8 !important;
}

main > section > .container-lg > .content .copy header h3 {
    margin-left: 20px;
}

main h3[class^="common-Uppercase"] {
    margin-top: 20px;
    margin-bottom: 10px;
}

.rooted {
    position: relative
}

@media (min-width: 420px) {
    .rooted {
        padding: 10px 0 90px
    }
}

@media (min-width: 670px) {
    .rooted {
        padding: 10px 0 100px
    }
}

@media (min-width: 880px) {
    .rooted {
        padding: 10px 0 120px
    }
}

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

.rooted-content {
    display: grid;
    grid-template-rows:auto auto;
    grid-template-columns:1fr;
    grid-gap: 30px 0;
    gap: 30px 0;
    margin: 35px 0 30px
}

@media (min-width: 670px) {
    .rooted-content {
        margin: 50px 0 50px;
        grid-template-rows:1fr;
        grid-template-columns:.55fr .45fr;
        grid-gap: 0 40px;
        gap: 0 40px
    }
}

@media (min-width: 880px) {
    .rooted-content {
        margin: 20px 0 50px;
        grid-gap: 0 85px;
        gap: 0 85px
    }
}

@media (min-width: 1040px) {
    .rooted-content {
        margin: 20px 0 50px;
        grid-gap: 0 100px;
        gap: 0 100px
    }
}

.rooted-pillar {
    position: relative;
    margin: 0px;
    padding-top: 10px;
}

@media (min-width: 880px) {
    .rooted-pillar {
        margin: 0px;
        padding-top: 10px;
    }
}

.rooted-pillar figure {
    position: absolute;
    top: 3px;
    left: 0
}

.rooted-pillar:last-child {
    margin: 0
}

.rooted-increment {
    position: relative;
    flex-shrink: 0;
    padding: 30px;
    margin-top: 0px
}

@media (min-width: 670px) {
    .rooted-increment {
        padding: 40px;
        margin-top: 0
    }
}
.clr-white_mask_v1 {

    margin-top: 15px;
}
.rooted-increment .cover {
    position: relative;
    height: 190px;


    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    overflow: hidden
}

@media (min-width: 670px) {
    .rooted-increment .cover {

        height: 190px;
    }
}
.name {
    font-size: 14px;
    color: var(--name-color);font-weight: 600;
}
.rooted-increment .cover:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 200px;
    left: 0;
    top: 100%;
    background-color: #fff;

    transform-origin: 0 0
}

.rooted-increment h2 {
    margin: 0 0 20px;
    color: #32325d
}

.rooted-increment .common-Button--default {
    margin: 25px 0 0
}

@media (min-width: 880px) {
    #success-item {
        position: relative;
        bottom: 10px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 80px;
    }

    #success-item > * {
        -ms-flex: none;
        flex: none
    }

    #success-item .pin-UppercaseTitle {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        width: 50%;
        margin: 0 0 0 3px;
        text-align: right
    }

    #success-item .heading-icon {
        -ms-flex: none;
        flex: none;
        -ms-flex-order: 1;
        order: 1;
        margin: 0 0 0 25px
    }

    #success-item .pin-UppercaseTitle span {
        -ms-flex: 1;
        flex: 1
    }

    #success-item .common-Link--arrow {
        margin-bottom: 0
    }
}

#success-item .lets-exp {
    /*  padding-top: 35px */
}

#success-item .common-Link {
    display: block
}

@media (min-width: 670px) {
    #success-item .common-Link {
        margin-top: 15px;
        border-top: 2px solid #f1f7fb
    }
}

.about-timeline {
    position:relative;
    margin-top: 30px;
}
.about-timeline:before {
    content:'';
    position:absolute;
    top:20px;
    left:50%;
    bottom:0;
    border-left:1px dashed #49bff3
}
.about-timeline .date-i {
    width:50%;
    text-align:right;
    font-size:16px;
    padding:0 30px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    position:relative
}
.about-timeline .date-i:before {
    content:'';
    position:absolute;
    width:13px;
    height:13px;
    border:4px solid #49bff3;
    border-radius:50%;
    -webkit-box-shadow:0 0 3px 3px rgba(73,191,243,.3);
    box-shadow:0 0 3px 3px rgba(73,191,243,.3);
    right:-11px;
    top:10px;
    background:#fff
}
.about-timeline .date-i .date {
    color:#49bff3;
    font-size:21px
}
.about-timeline .date-i p {
    padding:20px 0 10px;
    color:#757f84;
    line-height:1.5;
    margin:0
}
.about-timeline .date-i ul li {
    color:var(--p-comonbody);
    margin:10px 0;
    line-height:1.5
}
.about-timeline .date-i:nth-child(2n) {
    text-align:left;
    margin:0 0 0 50%
}
.about-timeline .date-i:nth-child(2n):before {
    right:auto;
    left:-10px;
    top:10px
}
@media (max-width:670px) {
    .about-timeline .date-i:nth-child(2n):before {
        left:0px;
    }
}
@media only screen and (max-width:800px) {
    .about-timeline:before {
        left:20px;
    }
    .about-timeline .date-i {
        width:100%;
        margin:0 0 20px 0;
        text-align:left
    }
    .about-timeline .date-i:nth-child(2n) {
        margin:0
    }
    .about-timeline .date-i:before {
        right:auto;
        left:0px
    }}

.max_w_img{max-width: 400px}
.max_w_600{max-width: 600px!important;}
.flex_w {

    display: block !important;
    position: relative;
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 1 50% !important;
    flex: 0 1 50% !important;

}

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

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

.mt_70 {
    margin-top: 70px !important;
}

.pdt {
    padding-top: 10px;
}

.marg_b {
    margin-bottom: 100px;
}

@media (max-width: 870px) {
    .marg_b {
        margin-bottom: 0px;
    }
}

.in_top {
    margin-left: 10px;
    margin-top: 10px;
    float: left;

}

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

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

    .in_top {
        margin-left: 0px;
        float: none;
    }
    .b_t_n {
        width: 100%;
        margin-left: 0px!important;
    }
}

#loader2-text {
    color: #00b200;
}
.bg-ferst {
    background: var(--bg-main-2);
    margin-top: 10px!important;
    padding-top: 120px!important;
}
@media (max-width: 870px) {
    .bg-ferst {

        padding-top: 0px!important;

    }
}
 div.cta-request__control_mask_v1 > form {display: block!important;}
.b_t_n {

    margin-left: 10px;
    margin-top: 10px;
    background: var(--but-on);
    color: var(--but-on-color);
}

.m_to {
    margin-top: 0px;
}

.m_to100 {
    margin-top: 100px
}

.m_le40 {
    margin-left: 40px;
}

.j_pr {
    transform: translateY(11.9px)
}

.m_to30_3 {
    margin-top: 30px;
}

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

.v_ava {
    height: 40px;
    width: 40px;
}

.m_to70 {
    margin-top: 70px;
}

.m_to30 {
    margin-top: 30px;
}

.m_to20 {
    margin-top: 20px;
}

.m_to150 {
    margin-top: 150px;
}

.m_to10 {
    margin-top: 10px
}

.m_to0 {
    margin-top: 0px
}

.m_b20 {
    margin-bottom: 20px
}

.as_pect {
    --aspect-ratio: 1.782142857;
}

.fl_ec {
    flex: 1 0 50%
}

.mr_im {
    margin: 20px 40px 0 0px !important;
}

.p_to20 {
    padding-top: 20px
}

.pd_20 {
    padding: 20px
}

.pd_0 {
    padding: 0px
}

.pdr_0 {
    padding-right: 0px
}

.pdb_20 {
    padding-bottom: 20px
}

.color_aa {
    color: #aab7c4
}

.dec_Dc {
    color: #3ecf8e;
    margin-left: 7px;
    vertical-align: top;
    font-weight: 500;
}

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

.pulse_z::after {

    content: "";
    border-radius: 50%;
    height: 40px;
    width: 40px;
    position: absolute;
    margin: -13px 0 0 -20px;
    -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 #044d42;
    box-shadow: 0 0 1px 2px #24b47e;
    -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: #24b47e;
    border-radius: 50%;
    height: 14px;
    width: 14px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 8px 0px 0px 8px;
    z-index: 5;
}

.colde {
    color: var(--p-text);
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: 500;
}

.ml-10 {
    margin-left: 10px;
}

.map-wr {
    position: relative
}

.map-wr .points-wr {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.map-wr .points-wr i {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    -webkit-animation: pulse 2s infinite ease;
    animation: pulse 2s infinite ease
}

.map-wr .points-wr i:nth-child(1) {
    top: 28%;
    left: 20%;
    width: 15px;
    height: 15px;
    background: #0b5e55;
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.map-wr .points-wr i:nth-child(4) {
    top: 40%;
    left: 28%;
    width: 15px;
    height: 15px;
    background: #0b5e55;
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.map-wr .points-wr i:nth-child(5) {
    top: 46%;
    left: 17%;
    width: 10px;
    height: 10px;
    background: #0b5e55;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.map-wr .points-wr i:nth-child(6) {
    top: 65%;
    left: 34%;
    width: 15px;
    height: 15px;
    background: #0b5e55;
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.map-wr .points-wr i:nth-child(7) {
    top: 76%;
    left: 34%;
    width: 10px;
    height: 10px;
    background: #0b5e55;
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}


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

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

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

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

.map-wr .points-wr i:nth-child(20) {
    top: 81%;
    left: 87%;
    width: 15px;
    height: 15px;
    background: #0b5e55;
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.map-wr .points-wr i:nth-child(21) {
    top: 66%;
    left: 80%;
    width: 5px;
    height: 5px;
    background: #0b5e55;
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s
}

.map-wr img {
    width: 100%;
    margin-top: 60px;
}

@media (max-width: 870px) {
    .map-wr img {
        margin-top: 0px;
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
    50% {
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0)
    }
    to {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
    50% {
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0)
    }
    to {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
}

input {


    padding: 11px 0 11px 12px;
    font-weight: 400;


    color: var(--bg-select-color);

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

    border: 1px solid rgba(0, 0, 0, 0.3);

    border-radius: 4px;

    box-shadow: inset 0 -5px 45px rgba(100, 100, 100, 0.2), 0 1px 1px rgba(255, 255, 255, 0.2);
    text-indent: 20px;
    transition: all .3s ease-in-out;
    position: relative;
    font-size: 16px;

}

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

    section.form-section .form-row input.invalid-missing, section.form-section .form-row input.invalid-value, section.form-section .form-row textarea.invalid-missing {

        box-shadow: none !important;

    }

    .dis_670 {

        display: none !important;

    }

}

#pack-track {
    pointer-events: none;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1287px;
    left: 50%;
    margin-left: -644px;
    -webkit-transform: scale(.5) rotate(-12deg) translateX(50px);
    transform: scale(.5) rotate(-12deg) translateX(50px);
    -webkit-transform-origin: 50% 20%;
    transform-origin: 50% 20%;
    top: 920px;
}

#pack-track.hidden-preload {
    visibility: hidden
}

#pack-track div {
    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;
    border-radius: 38px;
    background: var(--bg-main-2);
    -webkit-box-shadow: inset 0 4px 7px 1px var(--bg-main-2), inset 0 -5px 20px rgba(173, 186, 204, .25), 0 2px 6px rgba(0, 21, 64, .14), 0 10px 20px rgba(0, 21, 64, .05);
    box-shadow: inset 0 4px 7px 1px var(--bg-main-2), inset 0 -5px 20px rgba(173, 186, 204, .25), 0 2px 6px rgba(0, 21, 64, .14), 0 10px 20px rgba(0, 21, 64, .05)
}

#pack-track .tablet-god {
    width: 512px;
    height: 352px;
    margin: 115px 50px 0
}

#pack-track .phone-big {
    display: none
}

#pack-track .phone-small {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: 225px;
    height: 467px
}

#pack-track .tablet-portrait {
    width: 450px;
    height: 575px;
    margin-top: 115px
}

@media (min-width: 670px) {
    #pack-track {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 512px;
        margin-left: -50px;
        top: -20px;
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    #pack-track.hidden-preload {
        visibility: visible
    }

    #pack-track [class^=tablet] {
        margin: 0
    }

    #pack-track .tablet-god {
        width: 512px;
        height: 352px
    }

    #pack-track .phone-small {
        width: 225px;
        height: 467px;
        margin: 0 0 50px 176px
    }

    #pack-track .tablet-portrait {
        display: none
    }
}

@media (min-width: 880px) {
    #pack-track {
        width: 829px;
        margin-left: -10px;
        top: -20px;
        margin-top: 0px;
    }

    #pack-track .tablet-god {
        -ms-flex-item-align: end;
        align-self: flex-end;
        margin-right: 50px
    }

    #pack-track .phone-big {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 267px;
        height: 553px
    }

    #pack-track .phone-big img {

        width: 240px;
        height: 473px;
    }

    #pack-track .phone-small {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        margin: 50px 50px 0 0
    }

    #pack-track .tablet-portrait {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 450px;
        height: 575px;
        margin-top: 50px
    }
}

.map_google {
    width: 370px;
    height: 400px;
}

@media (max-width: 870px) {
    .map_google {
        width: 100%;
        height: 400px;
    }
}

.rev {

    margin-top: 80px !important;

}

.text_transform {
    text-transform: uppercase
}

.pin-UppercaseTitle2 {

    color: var(--h-color);
    font-size: 19px;
    font-weight: 500;
    line-height: 30px;
    text-transform: uppercase;
}

.light-callout {

    margin-top: 24px;
    border-left: 3px solid #33c27f;
    padding-left: 24px;
    padding-right: 24px;
}

.light-callout-title {

    font-size: 15px;
    color: #33c27f;
    text-transform: uppercase;
    font-weight: 600;

}

.light-callout p + p {

    padding-top: 8px;

}

.ref_t {
    font-size: 17px;

    color: #757f84;

    text-align: center;

    margin-bottom: 20px;
}

article h2 {

    margin-top: -20px;
    padding-top: 20px;

}

article h2, article h3 {

    color: #3b415e;
    font-weight: 500;

}

article h2 {
    font-size: 17px;
}

.p8 {
    padding-top: 8px;
}

.m15 {
    margin-top: 15px;
}

.m0 {
    margin-top: 0px;
}

aside.important.amber, aside.info.amber {

    background-color: var(--important-amber);
    color: var(--amber-color);
    border-color: #fee3c0;

}
.h-p__b__t {color:var(--text-primary)}
aside.important.check {
    color: #000 !important;
    border: 1px solid #24b47e;
}

article ol, article ul {

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

}

article ul > li::before {

    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    left: 10px;
    top: 9px;
    border-radius: 50%;
    background: #c1c9d2;

}

section.testimonials {
    position:relative;
    padding: 20px 0 14px

}
@media (min-width:670px) {
    section.testimonials {
        padding: 20px 0 14px
    ;margin-top: 30px;
    }
}
section.testimonials .container-lg {
    position:relative
}
section.testimonials .mask-container {
    position:relative;
    padding:0;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 20px),transparent);
    mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 20px),transparent)
}
section.testimonials .quotes {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    overflow:hidden;
    padding:0 0 10px;
    margin-bottom:-10px;
    -webkit-mask-image:linear-gradient(180deg,#000,#000 calc(100% - 10px),transparent calc(100% - 10px),transparent);
    mask-image:linear-gradient(180deg,#000,#000 calc(100% - 10px),transparent calc(100% - 10px),transparent)
}
section.testimonials .quotes::-webkit-scrollbar {
    display:none
}
section.testimonials .quotes.scrollable {
    overflow:auto;
    -webkit-scroll-snap-type:mandatory;
    -webkit-overflow-scrolling:touch
}
@media (min-width:670px) {
    section.testimonials .quotes {
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
}
section.testimonials .nav {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:absolute;
    top:68px;
    width:48px;
    height:48px;
    border-radius:50%;
    cursor:pointer
}
section.testimonials .nav.prev {
    left:5px
}
section.testimonials .nav.next {
    right:5px
}
@media (min-width:670px) {
    section.testimonials .nav {
        top:calc(50% - 29px)
    }
}
@media (min-width:1160px) {
    section.testimonials .nav.prev {
        left:-15px
    }
    section.testimonials .nav.next {
        right:-15px
    }
}
section.testimonials .pages {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:relative;
    margin:40px auto 0
}
section.testimonials .pages .page {
    position:relative;
    width:8px;
    height:8px;
    border-radius:50%;
    background-color:#365f56;
    margin:0 5px;
    cursor:pointer
}
section.testimonials .testimonial {
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-negative:0;
    flex-shrink:0;
    width:100%;
    padding:0 20px;
    -webkit-scroll-snap-coordinate:0 0
}
@media (min-width:670px) {
    section.testimonials .testimonial {
        padding:0 45px
    }
}
section.testimonials .author {
    text-align:center;
    margin-bottom:30px
}
@media (min-width:670px) {
    section.testimonials .author {
        text-align:left;
        margin-bottom:0;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-preferred-size:40%;
        flex-basis:40%;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
}
section.testimonials .avatar {
    position:relative;
    margin-bottom:20px;
    border-radius:50%;
    width:80px;
    height:80px;
    overflow:hidden;
    -ms-flex-negative:0;
    flex-shrink:0
}
@media (min-width:670px) {
    section.testimonials .avatar {
        margin-bottom:0;
        margin-right:25px
    }
}
section.testimonials .byline .name {
    color:#fcd669;
    text-transform:uppercase;
    font-weight:600;
    font-size:19px;
    margin-bottom:6px
}
section.testimonials .byline .title {
    color:#fff;
    font-size:16px
}
section.testimonials blockquote {
    -ms-flex-preferred-size:60%;
    flex-basis:60%;
    padding-left:20px;
    font-size:17px;
    line-height:27px;
    color:var(--p-text);
    font-style:italic
}
section.testimonials blockquote:after,
section.testimonials blockquote:before {
    content:"";
    display:inline-block;
    position:relative;
    width:12px;
    height:9px;
    top:-7px;
    background-size:24px 9px
}
section.testimonials blockquote:before {
    background-position:0 0;
    left:-7px;
    margin-left:-12px
}
section.testimonials blockquote:after {
    background-position:100% 0;
    right:-7px
}

article ol > li, article ul > li {

    position: relative;
    margin: 5px 0;
    padding-left: 30px;

}

.ref_pad {
    margin-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
}

span.step {
    color: #1ea672;

}

.color_gr {
    color: #24b47e;
}

.color_grn {
    color: #3f8a7f;
}


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

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

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

.customers-callout {
    max-width: 910px;
    margin: 20px auto 0;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    color: #525f7f;
    border: 2px solid #e6ebf1;
    border-radius: 4px
}

.customers-callout span {
    color: var(--p-text);
    line-height: 24px;
}

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

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

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

aside.important.amber {

    background-image: url(/img/icon-aside-important-amber.svg);

}

@media (max-width: 670px) {
    aside.important.amber {

        background-image: none;

    }

    aside.important {
        padding: 10px !important;
    }
}

.fl_exs {
    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;
}

.col-xl-6 {

    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;

}

.refund {

    font-size: 15px;
    color: var(--h-color);
    line-height: 26px;

}

.graphics-wrapper2 {

    border-radius: 10px;
    background-color: var(--bg-card);

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    padding-top: 20px;

}

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

article pre {

    padding: 6px 14px 6px 0px;
    overflow-x: auto;
    line-height: normal;

}

article .tabs-code > .tabs-content, article pre {

    border-radius: 5px;
    position: relative;

}

.attr-value {
    font-size: 14px;
    font-weight: 400;
    color: #159570;

}

body {

    background: var(--bg-body);
    font-family: Camphor, Open Sans, Segoe UI, sans-serif;
    font-weight: 400;
    font-style: normal;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "pnum";
    font-feature-settings: "pnum";
    font-variant-numeric: proportional-nums;
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

}

.Reveal__text--slate1 {
    color: var(--h-color)
}

.golos {
    font-size: 15px;

    font-weight: 500;
}

.loader--style3 {

    position: relative;
    float: right;
    margin-right: 10%;

}


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

.bagranund_wa_tracker {
    background: var(--bagranund_wa_tracker);
}

.bagranund_wa_tracker2 {
    background: url("/img/background-wa.jpg") repeat;
}

.bagranund_wa_tracker3 {
    background: #3ecf8e;
}

.border_rad {
    border-radius: 10px;
}

.PriorityContent {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;

}

@media (max-width: 670px) {
    .dis_670 {
        display: none
    }

}

@media (max-width: 670px) {
    .m_100 {
        margin-top: 0px
    }
}

.m_100 {
    margin-top: 100px
}


@media (max-width: 670px) {
    .language-select img {

        margin-top: -1px;

    }
}

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


.container, .container-fluid, .container-lg, .container-wide, .container-xl {
    margin: 0 auto;

    width: 100%;
}

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

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

.container, .container-fluid, .container-lg, .container-wide, .container-xl {

    margin: 0 auto;
    padding: 0 10px;

    width: 100%;

}

.border-side ul li::before {

    content: "";
    left: -28px;
    top: 22px;
    width: 23px;
    height: 23px;
    display: block;

    background-image: var(--check);
    background-size: 100% 100%;

}

.mr-20 {
    margin-right: 20px;
}

.border-side ul li p {
    margin-left: 15px;
    margin-right: 5px;
}

@media (max-width: 670px) {
    .border-side ul li p {

        margin-right: 0px;
    }
}

.border-side ul li {


    height: 45px;

    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;

    line-height: 1.4;
    position: relative;
}

@media (max-width: 670px) {
    .border-side ul li {
        margin-top: 5px;
        height: 100%;
    }

    .Hero .common-PaynexGrid .whaspy:first-child {

        grid-row: span 9/-11 !important;
        grid-column: span 7/viewport-end !important;
    }

    section.ferst-block .ferst-block-copy {

        padding-right: 50px;

    }

    .WATrack_FooterNav .metaNav .copyright {

        margin-right: 20px !important;
    }
}

.CheckNav {
    font-family: Camphor, Open Sans, Segoe UI, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    top: 10px;
    right: 0;
    z-index: 500;
    height: 50px;
    -webkit-perspective: 2000px;
    perspective: 2000px
}

.CheckNav ul {
    padding: 0;
    margin: 0
}

.CheckNav li {
    list-style: none
}


.CheckNav a {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    color: #1cb39b;
    -webkit-transition: color .1s;
    transition: color .1s
}

.CheckNav a:hover {
    color: #1cb39b
}

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

.CheckNav .navRoot {
    position: relative
}

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

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

.CheckNav .navSection.logo {
    position: absolute;
    top: 3px;
    left: 0
}

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


@media (min-width: 1040px) {
    .CheckNav .navSection.primary, .CheckNav .navSection.secondary {
        display: -webkit-box;
        display: -ms-flexbox;

    }
}

.hero_logose {
    display: block !important;
    margin-top: 20px !important;
}

.CheckNav .navSection.primary {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

}

.CheckNav .navSection.secondary {
    position: absolute;
    top: 16px;
    right: 0
}

.CheckNav .navSection.mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (min-width: 1040px) {
    .CheckNav .navSection.mobile {
        display: none
    }
}

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

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

.CheckNav.compact .navSection.secondary {
    position: static;
    margin-top: 0px;
}
.hidden {
    display: none;
}
.CheckNav .rootLink {
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px;
    font-weight: 400;
    margin: 0;

    text-transform: uppercase;
}


@media (min-width: 1040px) {
    .CheckNav .rootLink {
        padding: 15px 7px;
    }
}

.CheckNav .rootLink > * {
    position: relative;

}

.CheckNav .navSection.logo .rootLink {

}

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

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

.header-sticky .CheckNav .colorize {
    color: #fff;
    -webkit-transition: color .1s ease;
    transition: color .1s ease
}

.arrow {
    color: #fff;
    font-size: 15px;
}

.header-sticky .arrow {
    color: #fff;
    font-size: 15px;
}

.header-sticky .spy2 {

    font-weight: 600;
    font-size: 21px;
    color: #fff;
    vertical-align: middle;
    text-transform: none !important;
    padding-top: 6px;
    margin-left: 3px;

}

.header-sticky .spy {

    color: #fff;


}

.CheckNav .colorize.active, .CheckNav .colorize:hover {
    color: hsla(0, 0%, 100%, .5)
}

.CheckNav .hasDropdown {
    cursor: default
}

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

.CheckNav .item-home svg {
    vertical-align: -5px
}


.CheckNav .dropdownRoot {
    position: absolute;
    z-index: 1000;
    left: 0;
    right: 0;
    top: 50px;
    pointer-events: none;
    -webkit-transform: rotateX(-15deg);
    transform: rotateX(-15deg);
    -webkit-transform-origin: 50% -50px;
    transform-origin: 50% -50px;
    opacity: 0;
    will-change: transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    display: none
}

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

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

.CheckNav .dropdownBackground {
    background: var(--bg-card_r);
    border-radius: 4px;
    overflow: hidden;
    -webkit-box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
    box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
    width: 480px;
    height: 400px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

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

.CheckNav .alternateBackground {
    right: 0;
    height: 1000px;
    background: var(--bg-card_r)
}

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

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

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

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

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

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

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

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

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

.CheckNav .dropdownContent {
    position: absolute;
    top: 0;
    left: 0;

}

.CheckNav .linkContainer::before {

    content: "";
    position: absolute;
    left: -10px;
    top: 0;
    right: -10px;
    bottom: 0;
    -webkit-box-shadow: 0 0 0 1.5px #8898aa;
    box-shadow: 0 0 0 1.5px #8898aa;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: opacity .15s;
    transition: opacity .15s;

}

.CheckNav .productsGroupPrimary .linkContainer, .CheckNav .productsGroupSecondary .linkContainer {

    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

}

.CheckNav .productsGroupPrimary .productLinkContent {

    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

}

.CheckNav .documentationArticles h4 {

    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .025em;
    margin: 0 0 3px;
    color: #8898aa;

}

.CheckNav .documentationArticles {

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

}

.CheckNav .documentationArticles > ul {

    margin-right: 40px;

}

.CheckNav ul {

    padding: 0;
    margin: 0;
    margin-right: 0px;

}

.CheckNav .documentationArticles {

    font-size: 15px;
    line-height: 26px;
    white-space: nowrap;

}

.CheckNav .linkGroup {
    padding: 15px 65px 15px 35px;
}

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

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

nav .popup {
    position: absolute;
    top: 47px;
    right: 50px;
    z-index: 1000;
    font-size: 14px;
    line-height: 26px;
    background: var(--bg-select);
    border-radius: 4px;
    -webkit-box-shadow: 0 50px 100px -20px rgba(50, 50, 93, .25), 0 30px 60px -30px rgba(0, 0, 0, .3), 0 -18px 60px -10px rgba(0, 0, 0, .025);
    box-shadow: 0 50px 100px -20px rgba(50, 50, 93, .25), 0 30px 60px -30px rgba(0, 0, 0, .3), 0 -18px 60px -10px rgba(0, 0, 0, .025);
    pointer-events: none;
    -webkit-transform: rotate3d(1, 1, 0, 15deg);
    transform: rotate3d(1, 1, 0, 15deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
    will-change: transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: .25s;
    transition-duration: .25s
}

@media (min-width: 1160px) {
    nav .popup {
        left: -65px
    }
}

nav .popup:before {
    content: "";
    position: absolute;
    top: -4px;
    left: 25px;
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 0px 3px 20px 3px;
    background: var(--bg-select)
}

@media (min-width: 1160px) {
    nav .popup:before {
        left: 60px
    }
}

nav .country .popup {
    width: calc(100vw - 30px)
}

@media (min-width: 670px) {
    nav .country .popup {
        width: auto
    }
}

nav .globalPopupActive {
    z-index: 1000 !important
}

nav .globalPopupActive .popup {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto
}


.navRoot .optionList {
    color: var(--waNav-colorize);
    white-space: nowrap;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.navRoot .optionList li {
    width: 100%
}

.navRoot .optionList a {
    border-radius: 4px;
    display: block;
    line-height: 36px;
    padding: 0;
    -webkit-transition: color .1s, background-color .1s;
    transition: color .1s, background-color .1s
}

.navRoot .optionList a:hover {
    color: var(--amber-wait) !important;

}

.navRoot .optionList a:active {
    color: var(--amber-wait) !important;

}

@media (min-width: 670px) {
    .navRoot .optionList a {
        padding: 0 15px
    }
}

.navRoot .optionList .selected {
    font-weight: 600;
    color: var(--amber-wait);
}

.navRoot .optionList .selected > span:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: -2px;
    margin: 0 11px 0 0px;
    background: url(/img/checkmark.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.CheckNav .selected > span:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: -2px;
    margin: 0 11px 0 0px;
    background: url(/img/checkmark.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.navRoot .badge {
    font-size: 10px;
    line-height: 10px;
    color: #aab7c4;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .025em;
    font-style: normal;
    padding: 2px 3px 1px;
    border-radius: 4px;
    border: 1px solid #e6ebf1;
    display: inline-block;
    vertical-align: 1px;
    margin-left: 8px
}

.navRoot .languagePicker {
    padding: 5px 15px
}

@media (min-width: 670px) {
    .navRoot .languagePicker {
        padding: 10px 5px
    }
}

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


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

}

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

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


.cookie-notification-container {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    display: none;
    z-index: 1100;
    z-index: calc(1000 + 100);
    pointer-events: none
}

@media (min-width: 420px) {
    .cookie-notification-container {
        bottom: 10px
    }
}

.cookie-notification-container.shown {
    display: block
}

.cookie-notification-container.dismissed,
.cookie-notification-container.shown.dismissed {
    display: none
}

.cookie-notification {
    background: var(--bg-card_r);
    -webkit-box-shadow: 0 6px 12px -2px rgba(50, 50, 93, .25), 0 3px 7px -3px rgba(0, 0, 0, .3);
    box-shadow: 0 6px 12px -2px rgba(50, 50, 93, .25), 0 3px 7px -3px rgba(0, 0, 0, .3);
    font-size: 15px;
    color: var(--p-text);
    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: var(--bg-card_r);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px)
    }
}

@media (min-width: 420px) {
    .cookie-notification {
        border-radius: 4px
    }
}

.cookie-notification-container.shown .cookie-notification {
    pointer-events: all
}

.cookie-notification .cookie-notification-copy {
    padding: 8px 5px 8px 15px
}

.cookie-notification .dismiss-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    outline: none;
    overflow: hidden;
    text-indent: -9999px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    width: 40px;
    height: 40px;
    color: #8898aa;
    -webkit-transition: color .15s;
    transition: color .15s;
    cursor: pointer
}

.cookie-notification .dismiss-button:after,
.cookie-notification .dismiss-button:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40%;
    height: 2px;
    background: currentColor;
    border-radius: 2px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.cookie-notification .dismiss-button:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.cookie-notification .dismiss-button:hover {
    color: var(--amber-wait);
}

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

.CheckNav .linkTitle:focus, .CheckNav .linkTitle:hover {
    color: var(--amber-wait) !important;
}

.CheckNav .linkSub {
    font-size: 15px;
    line-height: 22px;
    color: #6b7c93;
    margin: 4px 0 0;
    display: block;
    white-space: nowrap
}

.right_10 {
    margin-left: 10px;
}

.WATrack_Footer .popup {
    position: absolute;
    bottom: 40px;
    left: -5px;
    z-index: 1000;
    font-size: 15px;
    line-height: 26px;
    background: var(--bg-select-linear-gradient);
    border-radius: 4px;
    -webkit-box-shadow: 0 50px 100px -20px rgba(50, 50, 93, .25), 0 30px 60px -30px rgba(0, 0, 0, .3), 0 -18px 60px -10px rgba(0, 0, 0, .025);
    box-shadow: 0 50px 100px -20px rgba(50, 50, 93, .25), 0 30px 60px -30px rgba(0, 0, 0, .3), 0 -18px 60px -10px rgba(0, 0, 0, .025);
    pointer-events: none;
    -webkit-transform: rotate3d(1, 1, 0, 15deg);
    transform: rotate3d(1, 1, 0, 15deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
    will-change: transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: .25s;
    transition-duration: .25s
}

@media (min-width: 1160px) {
    .WATrack_Footer .popup {
        left: -65px
    }
}

.WATrack_Footer .popup:before {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 30px;
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 20px 0 3px 0;
    background: var(--bg-select-linear-gradient)
}

@media (min-width: 1160px) {
    .WATrack_Footer .popup:before {
        left: 60px
    }
}

.WATrack_Footer .country .popup {
    width: calc(100vw - 30px)
}

@media (min-width: 670px) {
    .WATrack_Footer .country .popup {
        width: auto
    }
}

.WATrack_Footer .globalPopupActive {
    z-index: 1000 !important
}

.WATrack_Footer .globalPopupActive .popup {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto
}


.WATrack_FooterNav .optionList {
    color: #525f7f;
    white-space: nowrap;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.WATrack_FooterNav .optionList li {
    width: 100%
}

.WATrack_FooterNav .optionList a {
    border-radius: 4px;
    display: block;
    line-height: 36px;
    padding: 0;
    -webkit-transition: color .1s, background-color .1s;
    transition: color .1s, background-color .1s
}

.WATrack_FooterNav .optionList a:hover {
    background-color: #f6f9fc;
    color: var(--amber-wait);
}

.WATrack_FooterNav .optionList a:active {
    background-color: #e6ebf1
}

@media (min-width: 670px) {
    .WATrack_FooterNav .optionList a {
        padding: 0 15px
    }
}

.WATrack_FooterNav .optionList .selected {
    font-weight: 600;
    color: var(--amber-wait);
}

.WATrack_FooterNav .optionList .selected > span:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: -2px;
    margin: 0 11px 0 0px;
    background: url(/img/checkmark.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.WATrack_FooterNav .badge {
    font-size: 10px;
    line-height: 10px;
    color: #aab7c4;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .025em;
    font-style: normal;
    padding: 2px 3px 1px;
    border-radius: 4px;
    border: 1px solid #e6ebf1;
    display: inline-block;
    vertical-align: 1px;
    margin-left: 8px
}

.WATrack_FooterNav .languagePicker {
    padding: 10px 20px
}

@media (min-width: 670px) {
    .WATrack_FooterNav .languagePicker {
        padding: 10px 5px
    }
}

.advantages .container-lg {
    display: grid;
    grid-template-rows:repeat(3, auto);
    grid-gap: 26px 0;
    gap: 26px 0
}

@media (min-width: 670px) {
    .advantages .container-lg {
        grid-gap: 0 26px;
        gap: 0 26px;
        grid-template-columns:repeat(3, 1fr);
        grid-template-rows:repeat(1, 1fr)
    }
}

.mt_10 {
    margin-top: 12px !important;
}

.mb_5 {
    margin-bottom: 5px;
}

.mdc_ {
    margin: 4px 0px 0px 0px !important;
}

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

.CheckNav .linkIcon {
    white-space: nowrap
}

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

.CheckNav .linkIcon2 svg {
    margin: -3px 12px -3px -1px
}

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

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

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

.CheckNav .linkContainer:focus .new-badge, .CheckNav .linkContainer:hover .new-badge {
    background: #32325d
}

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


.wrapper-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000
}

.header-nav-in .wrapper-header {
    height: 100% !important
}

.wrapper-header-i {
    position: relative;
    width: 100%;


    -webkit-transition-property: all;
    -webkit-transition-duration: .4s;
    transition-property: all;
    transition-duration: .4s;
    z-index: 1003
}

.header-sticky .wrapper-header-i {
    background-color: var(--bg-head);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
    height: 50px
}

.wrapper-header-i .col {
    position: relative;
    padding-top: 4px;
    margin-bottom: 21px;
    -webkit-transition-property: all;
    -webkit-transition-duration: .4s;
    transition-property: all;
    transition-duration: .4s
}

.header-sticky .wrapper-header-i .col {
    padding-top: 3px;

    margin-bottom: 0px;
}

.header-nav-in .menu-close {
    z-index: 1008
}

.wrapper-navigation {
    -webkit-transition-property: all;
    -webkit-transition-duration: .4s;
    transition-property: all;
    transition-duration: .4s;
    left: 0;
    position: fixed;
    top: 0;
    width: 380px;
    max-width: 100%;
    height: 100%;
    display: block;
    background: #004554;
    background: rgba(0, 69, 84, 0.9);
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition-property: opacity, margin, width;
    -webkit-transition-duration: .6s;
    transition-property: opacity, margin, width;
    transition-duration: .6s
}

.header-nav-in .wrapper-navigation {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 1010
}

.wrapper-navigation-i {
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    max-width: 380px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.wrapper-navigation-i .container {
    position: relative;
    width: 100%;
    min-width: 0
}

.wrapper-navigation-i .header-nav {
    -webkit-transition-property: all;
    -webkit-transition-duration: .4s;
    transition-property: all;
    transition-duration: .4s;
    position: absolute;
    zoom: 1;
    top: 21px;
    left: 0;
    width: 100%
}

.header-sticky .wrapper-navigation-i .header-nav {
    top: 11px
}

.wrapper-navigation-i .nav-item {
    position: absolute;
    zoom: 1;
    -webkit-transition-property: all;
    -webkit-transition-duration: .4s;
    transition-property: all;
    transition-duration: .4s;
    top: 100px;
    bottom: 0;
    right: 0;
    left: 80px;
    overflow-x: hidden;
    overflow-y: auto
}

.header-sticky .wrapper-navigation-i .nav-item {
    top: 80px
}

.lets-exp {

    font-weight: 400;
    font-size: 17px;
    line-height: 26px;
    color: var(--p-text);

}

.lets-exp_2 {

    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: var(--p-text);


}
.tran_form{transform: translate3d(115px, 0px, 0px)}
@media (max-width: 670px) {
    .lets-exp_2 {  font-size: 15px; line-height: 21px;}
    .tran_form{transform: translate3d(35px, 0px, 0px)}
}
.lets-exp_3 {

    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: var(--p-text);


}


#hero {
    color: var(--side-menu);
}

.display_none {
    display: none;
}

#ava_load {
    float: left;
}

.mrt_0 {
    margin-top: 0px !important;
}

.lets-exp_4 {

    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: var(--h-color);


}

.Header-subTitle {

    color: #32325d;
    display: block;

}

.path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
}

.circle {
    -webkit-animation: dash .9s ease-in-out;
    animation: dash .9s ease-in-out;
}

.line {
    stroke-dashoffset: 1000;
    -webkit-animation: dash .9s .35s ease-in-out forwards;
    animation: dash .9s .35s ease-in-out forwards;
}

.check {
    stroke-dashoffset: -100;
    -webkit-animation: dash-check .9s .35s ease-in-out forwards;
    animation: dash-check .9s .35s ease-in-out forwards;
}


.success {
    color: #56bca6;
}


@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 1000;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 1000;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes dash-check {
    0% {
        stroke-dashoffset: -100;
    }
    100% {
        stroke-dashoffset: 900;
    }
}

@keyframes dash-check {
    0% {
        stroke-dashoffset: -100;
    }
    100% {
        stroke-dashoffset: 900;
    }
}

@media (max-width: 670px) {
    .common-PageSubtitle, .common-PageTitle {

        margin-top: 15px;

    }
}

.common-PageSubtitle, .common-PageTitle {

    font-size: 21px;
    line-height: 35px;
    color: var(--h-color);

}

/*
.pin-UppercaseTitle {
    margin-bottom: 30px
}

 */
.buy-build__for-developers {
    margin-top: 30px
}


.lers-Button {
    font-family: Camphor, Segoe UI, Open Sans, sans-serif
}

.lers-Button {
    white-space: nowrap;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 14px;
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    background: #fff;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .025em;
    color: rgb(28, 139, 130);
    text-decoration: none;
    -webkit-transition: all .15s ease;
    transition: all .15s ease
}

.lers-Button:focus, .lers-Button:hover {
    color: #1cb39b;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08)
}

.lers-Button:active {
    color: #1cb39b;
    background-color: #f6f9fc;
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
    -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08)
}

.lers-Button--default {
    color: #fff;
    background: #3ecf8e
}

.lers-Button--default:focus, .lers-Button--default:hover {
    color: #fff;
    background-color: #1cb39b
}

.lers-Button--default:active {
    color: #e6ebf1;
    background-color: #3ecf8e
}

.lers-Button--default, .lers-Button--default:hover {
    background: #3ecf8e
}

.wa_logo {
    vertical-align: middle;
    width: 40px;
}

.spy {
    font-weight: 600;
    font-size: 21px;
    color: #fff;
    vertical-align: middle;
    text-transform: none !important;
    padding-top: 6px;
}

.spy2 {
    font-weight: 600;
    font-size: 21px;

    vertical-align: middle;
    text-transform: none !important;
    padding-top: 6px;
    margin-left: 3px;
}

.spy_mob {
    font-weight: 600;
    font-size: 21px;
    color: #64cf6a;
    vertical-align: middle;
    text-transform: none !important;
    padding-top: 6px;
}

.spy2_mob {
    font-weight: 600;
    font-size: 21px;
    color: #64cf6a;
    vertical-align: middle;
    text-transform: none !important;
    padding-top: 6px;
    margin-left: 3px;
}

.spy3 {
    font-weight: 600;
    font-size: 19px;
    color: var(--logo-colorize);
    vertical-align: middle;
    text-transform: none !important;
    padding-top: 6px;
}

.spy3_mob {
    font-weight: 600;
    font-size: 21px;
    color: #6eb4a7;
    vertical-align: middle;
    text-transform: none !important;
    padding-top: 6px;
}

.fz_19 {
    font-size: 19px !important;
}

.ApplePayWeb-availabilityMessage {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: var(--p-text)
}

@media (min-width: 670px) {
    .ApplePayWeb-availabilityMessage {
        display: inline-block;
        margin: 0;
        margin-top: 25px;
        float: left
    }
}

.w25 {
    width: 25px
}

.ApplePayWeb-playIcon {
    display: inline-block;
    margin-right: 5px;
    will-change: transform;
    pointer-events: none;
    position: relative;
    top: 6px
}

.ApplePayWeb-playIcon .fill {
    opacity: 0
}

.but_on {
    border: 1px solid #6ccc93;
    font-weight: 600;
    padding: 6px 6px 4px 6px;
    border-radius: 4px;
}

.but_en {
    border: 1px solid #153e80;
    font-weight: 600;
    padding: 6px 6px 4px 6px;
    border-radius: 4px;
    background-color: #3ecf8e;
}

.foreigner-banner {

    display: inline-block;

    padding: 6px 12px 5px 8px;
    background-color: hsla(0,0%,100%,0.2);
    border-radius: 16px;
    font-size: 14px !important;
    color: var(--button-white);
    line-height: 1.7em;
    margin-top: 9px;
    margin-bottom: 9px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
}

.foreigner-banner .badge {

    padding: 0px 3px 2px 7px;
    border-radius: 9px;
    margin-right: 6px;

    font-size: 15px !important;
    font-weight: 500;
    background-color: #179a8b;
    color: var(--button-white);

}

.common-IntroText {
    margin-top: 14px;
    margin-bottom: 14px;
    font-weight: 500;
    font-size: 18px;
    line-height: 31px;
    color: var(--h-color);

}

.BP-ComparisonTable tbody {

    display: table-row-group;

}

.BP-ComparisonTableSection .BP-ComparisonTableSection__data {

    display: table-row;
    width: auto;

}

.BP-ComparisonTable th {

    display: table-cell;

}


/* Menu Button */

.menu-btn {
    width: 100px;

    text-align: center;
    border: 0;
}

.menu-btn:hover {
    color: #FFF;
}

/*! menu_mobile - v1.1.0 - 2017-1-30
* menu_mobile is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/menu_mobile/
* by Christopher Yee */
/* Menu Appearance */

.amber_w {
    color: var(--side-menu)
}

.mobtext {
    font-size: 16px;
    color: #1cb39b;
}

.weight {

    width: 80%;
}

@media screen and (max-width: 880px) {
    .weight {
        margin-left: 4px;
        width: 100%;

    }

    .mobtext {
        font-size: 16px;
        color: #1cb39b;
    }
}

.menu__link::after, .menu__link:visited::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 16px;
    right: 16px;
    height: 1px;
    background: #e5e5e5;
}

.menu_mobile a span {

    text-transform: uppercase;
}

.Reveal-Icon {
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.Reveal__text--slate5 {

    color: #8898aa;

}

.Reveal-Icon > * {
    width: 100%
}

.Reveal-Icon--check {
    height: 23px;
    width: 23px
}

.Reveal-Icon--xxsmall {
    height: 12px;
    width: 12px
}

.Reveal-Icon--xsmall {
    height: 16px;
    width: 16px
}

.Reveal-Icon--small {
    height: 32px;
    width: 32px
}

.Reveal-Icon--medium {
    height: 48px;
    width: 48px
}

.Reveal-Icon--medium svg {
    width: 24px;
    height: 24px
}

.Reveal-Icon--large {
    height: 72px;
    width: 72px
}

.Reveal-Icon--large svg {
    width: 48px;
    height: 48px
}

.Reveal-Icon--xlarge {
    height: 80px;
    width: 80px
}

.Reveal-Icon--xlarge svg {
    width: 48px;
    height: 48px
}

.Reveal-Icon--circle {
    border-radius: 50%
}

.Reveal-Icon--full svg {
    width: 100%;
    height: 100%
}

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

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

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

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

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

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

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

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

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

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

.color_z {
    color: var(--waNav-colorize);
}


.Reveal-PageIntro {
    display: flex;
    padding: 90px 20px 140px;
    max-width: 1040px;
    margin: 0 auto 50px;
    flex-wrap: wrap
}

@media (min-width: 670px) {
    .Reveal-PageIntro {
        flex-wrap: nowrap;
        padding: 30px 0px 160px;
        margin: 0 auto 10px
    }
}

@media (min-width: 670px) {
    .Reveal-PageIntro > div {
        flex-basis: 45%
    }
}

.Reveal-PageIntro > div:last-of-type img {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.Reveal-PageIntro > div:first-of-type:last-of-type {
    flex-basis: 100%
}

@media (min-width: 880px) {
    .Reveal-PageIntro > div:first-of-type:last-of-type {
        flex-basis: 65%
    }
}

@media (min-width: 670px) {
    .Reveal-PageIntro.Reveal-PageIntro--hasImage .Reveal-PageIntro__content {
        flex-basis: 65%;
        margin-right: 30px
    }
}

.color_f {
    color: #fff;
}

.Reveal-PageIntro.Reveal-PageIntro--centerAligned .Reveal-PageIntro__content {
    text-align: center;
    max-width: 800px;
    margin: 0 auto
}

.Reveal-PageIntro.Reveal-PageIntro--centerAligned div:first-of-type:last-of-type {
    flex-basis: 100%
}

@media (min-width: 880px) {
    .Reveal-PageIntro.Reveal-PageIntro--centerAligned div:first-of-type:last-of-type {
        flex-basis: 100%
    }
}

.Reveal-PageIntro__image {
    flex: 100%;
    margin: 0 auto;
    position: relative;
    top: 40px
}

@media (min-width: 670px) {
    .Reveal-PageIntro__image {
        top: 60px;
        flex-basis: 40%
    }
}

@media (min-width: 670px) {
    .Reveal-PageIntro.Reveal-PageIntro--hasImage .Reveal-PageIntro__text {
        max-width: 90%
    }
}

.Reveal-PageIntro__title {
    margin-top: 10px
}

.Reveal-PageIntro__text {
    margin-top: 16px
}

.Reveal-PageIntro__buttons {
    margin-top: 30px;

    flex-wrap: wrap;

}

@media (min-width: 420px) {
    .Reveal-PageIntro__buttons {
        display: block;
        justify-content: space-evenly
    }
}

.Reveal-PageIntro__buttons a, .Reveal-PageIntro__buttons button {
    cursor: pointer
}

.Reveal-PageIntro__buttons > :not(:last-child) {
    margin-right: 12px
}


.Reveal-PageIntro__buttons > :not(:last-child) {
    margin: 10px 20px 12px 0
}


.Reveal-SectionIntro {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 50px 0px 0;
    margin-bottom: 50px;
    text-align: center
}

@media (min-width: 670px) {
    .Reveal-SectionIntro {
        padding: 80px 20px 0;
        margin-bottom: 40px
    }
}

.Reveal-SectionIntro__title {
    display: flex;
    align-items: center;
    margin: 16px auto
}

@media (min-width: 670px) {
    .Reveal-SectionIntro__title {
        margin-bottom: 20px
    }
}


.AspectRatioBox {
    position: relative
}

.AspectRatioBox:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: calc(var(--aspect-ratio) * 100%)
}

.AspectRatioBox > div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.CarouselColumns {
    --column-gap: 40px;
    --column-half-gap: calc(var(--column-gap) / 2)
}

@media (min-width: 880px) {
    .CarouselColumns--vertical {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .CarouselColumns--vertical .CarouselColumns__carousel, .CarouselColumns--vertical .CarouselColumns__columns {
        flex: 1 1 100%
    }

    .CarouselColumns--vertical .CarouselColumns__slider {
        flex: 0 0 auto
    }
}

.CarouselColumns__carousel .flickity-page-dots {
    display: none
}

@media (min-width: 880px) {
    .CarouselColumns--vertical .CarouselColumns__carousel {
        margin: 0 100px
    }

    .CarouselColumns--vertical .CarouselColumns__carousel .flickity-page-dots {
        display: block
    }
}

.CarouselColumns__slider {
    display: flex;
    position: relative;
    width: 100%;
    height: 3px;
    margin: 50px 0 25px;
    border-radius: 1.5px
}

.CarouselColumns__slider:before {
    display: block;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    background-color: #e6ebf1;
    content: ""
}

.CarouselColumns__slider:after {
    display: none;
    content: "horizontal"
}

@media (min-width: 670px) {
    .CarouselColumns--horizontal .CarouselColumns__slider {
        margin-top: 75px;
        padding: 0 var(--column-half-gap)
    }
}

@media (min-width: 880px) {
    .CarouselColumns--vertical .CarouselColumns__slider {
        align-self: stretch;
        width: 3px;
        height: auto;
        margin: calc(var(--column-gap) * 2) 0
    }

    .CarouselColumns--vertical .CarouselColumns__slider:after {
        content: "vertical"
    }
}

.CarouselColumns__slider-indicator {
    position: absolute;
    top: 0;
    left: 0;
    width: 33.3333%;
    height: 100%;
    border-radius: inherit;
    transition: transform .4s cubic-bezier(.215, .61, .355, 1)
}

.CarouselColumns__slider-indicator:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    background-color: #1cb39b;
    content: ""
}

@media (min-width: 670px) {
    .CarouselColumns--horizontal .CarouselColumns__slider-indicator:before {
        left: var(--column-half-gap);
        right: var(--column-half-gap)
    }
}

@media (min-width: 880px) {
    .CarouselColumns--vertical .CarouselColumns__slider-indicator {
        left: 0;
        width: 100%;
        height: 33.3333%;
        transform-origin: top center
    }
}

.CarouselColumns__columns {
    position: relative
}

.CarouselColumns__columns .flickity-viewport {
    width: 100%;
    overflow: visible
}

.CarouselColumns__columns:after {
    display: none;
    content: "flickity"
}

@media (min-width: 670px) {
    .CarouselColumns--horizontal .CarouselColumns__columns {
        display: flex;
        justify-content: space-between
    }

    .CarouselColumns--horizontal .CarouselColumns__columns:after {
        content: ""
    }
}

@media (min-width: 880px) {
    .CarouselColumns--vertical .CarouselColumns__columns {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin: calc(var(--column-gap) * 2) 0;
        align-self: stretch
    }

    .CarouselColumns--vertical .CarouselColumns__columns:after {
        content: ""
    }
}

.CarouselColumns__column {
    width: 100%;
    margin: 0 var(--column-half-gap)
}

@media (min-width: 670px) {
    .CarouselColumns--horizontal .CarouselColumns__column {
        width: 33.3333%;
        margin-left: 0;
        margin-right: 0;
        padding: 0 var(--column-half-gap)
    }
}

@media (min-width: 880px) {
    .CarouselColumns--vertical .CarouselColumns__column {
        width: auto;
        margin: 0 var(--column-gap);
        padding: var(--column-half-gap) 0
    }
}


.HeroGraphic {
    --border-radius: 8px;

    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    top: -50px
}

.HeroGraphic__container {
    height: 100%;
    width: 100%;
    position: relative;
    flex: 1;
    z-index: 1
}

.HeroGraphic__content, .HeroGraphic__shadow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: var(--border-radius)
}

.HeroGraphic__shadow {
    opacity: .5
}

.HeroGraphic__content {
    overflow: hidden;
    will-change: transform;
    background-color: #fff
}

.HeroGraphic__content img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    border-radius: 10px;
    top: 0;
    left: 0
}

.HeroGraphic__overlay {
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    background: transparent;
    opacity: 0
}

.HeroGraphic__left, .HeroGraphic__right {
    position: absolute
}

.HeroGraphic__left .HeroGraphic__shadow, .HeroGraphic__right .HeroGraphic__shadow {
    box-shadow: 0 7px 14px rgba(50, 50, 93, .14), 0 3px 6px rgba(0, 0, 0, .17)
}

.HeroGraphic__main {
    position: relative;
    max-width: 280px;
    margin: 0 auto
}

.HeroGraphic__main .HeroGraphic__shadow {
    box-shadow: 0 50px 100px rgba(50, 50, 93, .17), 0 15px 35px rgba(50, 50, 93, .21), 0 5px 15px rgba(0, 0, 0, .14)
}

.HeroGraphic__left {
    width: 45%;
    bottom: 60px;
    left: -8%;
    z-index: 1
}

@media (min-width: 670px) {
    .HeroGraphic__left {
        width: 50%;
        left: -12%
    }
}

.HeroGraphic__right {
    width: 55.6%;
    top: 60px;
    right: -15.5%
}

@media (min-width: 670px) {
    .HeroGraphic__right {
        width: 60.6%;
        right: -30%
    }
}

.HeroGraphic__caption {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100%;
    max-width: 292px;
    margin: 20px auto 0
}

.HeroGraphic__caption-text {
    text-align: center;
    font-size: 15px;
    line-height: 21px;
    transition: all .4s cubic-bezier(.55, .055, .675, .19);
    transform: translateX(-50%) translateY(100%) translateY(30px);
    color: #6b7c93;
    display: none;
}

.HeroGraphic__caption-text--out {
    opacity: 0;
    transform: translateX(-50%) translateY(100%) translateY(30px) scale(.9);
    transition: all .4s cubic-bezier(.215, .61, .355, 1)
}

.Hero {
    position: relative;
    max-width: 100vw;
    overflow: hidden
}

.fl_ex {
    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;
}

.HeroGraphic {
    margin-top: 30px
}

.flags {
    border-radius: 100px;
    vertical-align: middle;
    width: 17px;
    margin-right: 7px;


}

@media (max-width: 870px) {
    .flags {

        margin-bottom: -2px;

    }
}

.w_imp {
    width: 45px !important;

}

.setting {

    vertical-align: middle;
    margin-right: 3px;
}

.l_f {
    line-height: 29px !important;
}

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

.Hero .Reveal-PageIntro {
    padding-bottom: 60px
}

@media (min-width: 670px) {
    .Hero .Reveal-PageIntro {
        padding-bottom: 10px;
    }
}


{
    font-weight: 400
;
    font-size: 35px
;
    line-height: 48px
;
    max-width: 606px
}

@media (min-width: 880px) { {
    font-size: 43px;
    line-height: 68px
}
}


.TextRotator {
    color: #1cb39b;
    width: 190px;
    height: 54px;
    margin-top: -22px;
    top: 18px
}

@media (min-width: 880px) {

    .TextRotator {
        width: 286px;
        height: 74px;
        top: 22px
    }
}


.TextRotator:after,
.TextRotator:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(#f5f9fc, rgba(245, 249, 252, 0));
    height: 10px;
    width: 100%;
    z-index: 1
}


.TextRotator:after {
    bottom: 0;
    top: auto;
    background: linear-gradient(rgba(245, 249, 252, 0), #f5f9fc)
}

.Hero__logos {
    margin-top: 200px
}

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

.Hero__logos ul {
    padding-bottom: 20px;

    flex-wrap: wrap;
    justify-content: center
}

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

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

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

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

.max_w500 {
    max-width: 500px;
}

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

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


.WATrack_FooterNav {
    padding: 45px 0 5px;
    color: #aab9c9;
    line-height: 30px;
    font-size: 15px;
    white-space: nowrap;
    margin-top: 10px;
}

.WATrack_FooterNav ul {
    padding: 0;
    margin: 0
}

.WATrack_FooterNav li {
    list-style: none
}

.WATrack_FooterNav .container-lg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 880px) {
    .WATrack_FooterNav .container-lg {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.WATrack_FooterNav a {
    text-decoration: none;
    color: #9ba9bb;
    -webkit-transition: color .1s;
    transition: color .1s
}

.WATrack_FooterNav a:hover {
    color: #3498db
}

.WATrack_FooterNav .metaNav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-bottom: 20px
}

@media (min-width: 880px) {
    .WATrack_FooterNav .metaNav {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 0 20px
    }
}

.WATrack_FooterNav .metaNav > li {
    margin-right: 20px
}

.WATrack_FooterNav .metaNav .select {
    position: relative;
    -webkit-perspective: 2000px;
    perspective: 2000px;
    z-index: 499;
    margin-top: 20px;
}

@media (max-width: 670px) {
    .WATrack_FooterNav .metaNav .select {
        margin-top: 0px;
    }

    #intro ul.ul-banner-instal li {
        display: block !important;
        margin-top: 10px;
    }
}

.WATrack_FooterNav .metaNav .rootLink {

    font-weight: 600;
    cursor: pointer
}

.WATrack_FooterNav .metaNav .rootLink:hover {
    color: #3498db
}

.WATrack_FooterNav .metaNav .rootLink svg {
    display: inline-block;
    vertical-align: -1px;
    margin: 0 7px 0 -2px
}

.WATrack_FooterNav .metaNav .rootLink svg path {
    fill: currentColor
}

.WATrack_FooterNav .metaNav .select.globalPopupActive .rootLink {
    color: #1cb39b
}

@media (min-width: 880px) {
    .WATrack_FooterNav .metaNav .country {
        margin-bottom: 5px
    }
}

.WATrack_FooterNav .metaNav .space {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

.WATrack_FooterNav .metaNav .copyright {
    margin-right: 0;
    color: #cfd7df
}

.WATrack_FooterNav .siteNav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 880px) {
    .WATrack_FooterNav .siteNav {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }
}

.WATrack_FooterNav .siteNav .column {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;

}

@media (min-width: 670px) {
    .WATrack_FooterNav .siteNav .column {
        -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
        margin-right: 40px
    }
}

@media (min-width: 880px) {
    .WATrack_FooterNav .siteNav .column {
        margin-right: 20px
    }
}

@media (min-width: 1040px) {
    .WATrack_FooterNav .siteNav .column {
        margin-right: 10px
    }
}

.WATrack_FooterNav .siteNav .column:last-child {
    margin-right: 0
}

.WATrack_FooterNav .siteNav .splitColumn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.WATrack_FooterNav .siteNav li {
    margin-right: 30px
}

.WATrack_FooterNav .siteNav li.long-link {
    margin-right: 20px
}

.WATrack_FooterNav .siteNav .column:last-child li {
    margin-right: 0
}

.WATrack_FooterNav .siteNav h4 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .025em;
    margin: 0 0 15px
}


.WATrack_FooterNav .optionList {
    color: #525f7f;
    white-space: nowrap
}

.WATrack_FooterNav .optionList a {
    border-radius: 4px;
    display: block;
    line-height: 36px;
    padding: 0 15px;
    -webkit-transition: color .1s, background-color .1s;
    transition: color .1s, background-color .1s
}

.WATrack_FooterNav .optionList a:hover {
    color: var(--h-color);
    text-decoration: none;
    background-color: var(--bg-body);
}

.WATrack_FooterNav .optionList a:active {
    color: var(--h-color);
    text-decoration: none;
    background-color: var(--bg-body);
}

.WATrack_FooterNav .optionList .selected {
    font-weight: 600;
    color: #1cb39b
}

.WATrack_FooterNav .badge {
    font-size: 10px;
    line-height: 10px;
    color: #aab7c4;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .025em;
    font-style: normal;
    padding: 2px 3px 1px;
    border-radius: 4px;
    border: 1px solid #e6ebf1;
    display: inline-block;
    vertical-align: 1px;
    margin-left: 8px
}

.WATrack_FooterNav .languagePicker {
    padding: 10px 5px
}

.WATrack_FooterNav .countryPicker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.WATrack_FooterNav .countryPicker:before {
    background: #f6f9fc
}

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

    .WATrack_FooterNav .countryPicker:before {
        background: #fff
    }
}

.WATrack_FooterNav .columns, .WATrack_FooterNav .sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.WATrack_FooterNav .sidebar {
    background: #f6f9fc;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 670px) {
    .WATrack_FooterNav .sidebar {
        border-radius: 0 5px 5px 0
    }
}

.WATrack_FooterNav .sidebar .optionList a:hover {
    background-color: rgba(230, 235, 241, .5)
}

.WATrack_FooterNav .sidebar .optionList a:active {
    background-color: rgba(207, 215, 223, .5)
}

.WATrack_FooterNav .countryList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 25px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: calc(100vw - 40px);
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.WATrack_FooterNav .countryList h4 {
    margin: 0 0 5px
}

.WATrack_FooterNav .countryList h4 a {
    line-height: 36px;
    padding: 0 15px;
    text-transform: uppercase;
    color: #1cb39b;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .025em
}

.WATrack_FooterNav .countryList h4 a:hover {
    color: #1cb39b
}

.WATrack_FooterNav .countryList h4 a:after {
    font: normal 16px PrisIcons;
    content: "\2192";
    margin-left: 6px
}

.WATrack_FooterNav .globalLink {
    border-top: 2px solid #fff;
    padding: 30px 40px
}

.WATrack_FooterNav .globalLink:hover {
    color: #424770
}

.WATrack_FooterNav .globalLink:hover strong {
    color: #1cb39b
}

.WATrack_FooterNav .globalLink strong {
    display: block;

    font-weight: 500;
    -webkit-transition: color .1s;
    transition: color .1s
}

.WATrack_FooterNav .globalLink strong:after {
    font: normal 16px PrisIcons;
    content: "\2192";
    margin-left: 6px
}


section.ferst-block {
    position: relative;
    padding-top: 60px;
    padding-bottom: 120px
}

@media (min-width: 880px) {
    section.ferst-block {
        padding-top: 0;
        padding-bottom: 0px
    }
}

section.ferst-block .container-lg {
    position: relative
}

section.ferst-block .ferst-block-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.l-h40 {
    line-height: 40px;
}

.hurl_header {
    margin-top: 80px;
}

@media (max-width: 870px) {
    .hurl_header {
        margin-top: 61px;
    }
}
.mt-0 {margin-top: 0px!important;}
section.ferst-block .express-name {
    color: var(--h1-color);
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
    padding-bottom: 5px;

}

.express-account-headline {
    color: #3f8a7f;
    font-size: 27px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 15px;
    position: relative;
    left: -2px;
    margin-top: 20px;
}

.express-name_fts {
    font-size: 27px !important;
}

@media (max-width: 670px) {
    section.ferst-block .express-name {
        font-size: 24px;
    }
}

@media (max-width: 870px) {
    section.ferst-block .express-name {

        line-height: 32px;
    }

    .Hero__logos {
        display: none
    }

    section.ferst-block {
        padding-top: 0px;
        padding-bottom: 20px;
    }

    main > section + section {
        margin-top: 30px !important;
    }

    .Reveal-PageIntro {
        padding: 0px 20px 140px;

    }

    section.features {
        position: relative;
        padding: 0 20px 30px !important;
        margin-top: 10px;
    }

    section.gesture {

        margin-top: 60px !important;

    }

    .pap {
        margin: -50px 0px 0 0 !important;
    }
}

.fl_index {
    margin-right: 5px;
    width: 17px;
    border-radius: 100px;
height: 17px;
    vertical-align: middle;
}

.pap {
    margin: -50px 100px 0 0;
}

@media (max-width: 870px) {

    .cpy_4 {
        margin: -50px 0 0 0px !important;
    }
}

.cpy_4 {
    margin: -90px 0 0 0px
}

section.ferst-block .ferst-block-headline {
    color: #68d4f8;
    font-size: 32px;
    font-weight: 300;
    line-height: 40px;
    margin-bottom: 25px;
    position: relative;
    left: -2px
}

@media (min-width: 670px) {
    section.ferst-block .info-column {
        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;
        padding-right: 10px
    }
}

section.ferst-block .info-column svg {
    vertical-align: top;
}

section.ferst-block .ferst-block-copy {
    margin-bottom: 5px
}

@media (min-width: 670px) {
    section.ferst-block .ferst-block-copy {
        max-width: 465px
    }
}

section.ferst-block .epicalyx-column {
    display: none;
    padding-top: 50px
}

@media (min-width: 670px) {
    section.ferst-block .epicalyx-column {
        display: block;
        position: relative;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 40%;
        flex: 0 1 40%
    }

}

@media (min-width: 880px) {
    section.ferst-block .epicalyx-column {
        padding-top: 0;
        margin-bottom: 30px;
    }


}

@media (max-width: 670px) {
    .ApplePayWeb-availabilityMessage {
        margin-top: 20px !important;
    }
}

section.ferst-block .phone-make {
    max-width: 290px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    z-index: 1;

}


section.ferst-block .phone-make svg {
    max-width: 100%
}

section.ferst-block .phone-make .device-container {
    position: relative;
    -webkit-box-shadow: -27px 27px 27px 0 rgba(118, 146, 179, .03), inset 5px -5px 13px 0 rgba(145, 161, 181, .4);
    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%;
    border-radius: calc(5850 / 400)%
}

section.ferst-block .phone-make .device-container .screen-container {

    position: absolute;
    top: 9.66667%;
    top: calc(10500 / 900)%;
    left: 5.68182%;
    left: calc(2500 / 440)%;
    width: 88.63636%;
    width: calc(39000 / 440)%;
    height: 76.66667%;
    height: calc(69000 / 900)%;

    border-radius: 6px;
    -webkit-box-shadow: -1px 1px 6px 0 rgba(171, 183, 204, .2);
    box-shadow: -1px 1px 6px 0 rgba(171, 183, 204, .2);

}

.ferst-block-headline {

    color: #68d4f8;
    font-size: 40px;
    font-weight: 300;
    line-height: 50px;
    margin-bottom: 35px;
    position: relative;
    left: -2px;

}

section.ferst-block .phone-make .device-container .screen {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.86, 0, .07, 1);
    transition: -webkit-transform .5s cubic-bezier(.86, 0, .07, 1);
    transition: transform .5s cubic-bezier(.86, 0, .07, 1);
    transition: transform .5s cubic-bezier(.86, 0, .07, 1), -webkit-transform .5s cubic-bezier(.86, 0, .07, 1);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;

    width: 100%;
    background: url(/images/all-screens.png);
    background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 1.3),(-webkit-min-device-pixel-ratio: 1.25),(min-resolution: 120dpi) {
    section.ferst-block .phone-make .device-container .screen {
        background-image: url(/images/all-screens@2x.png)
    }
}

section.ferst-block .phone-make.image-1 .screen {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

section.ferst-block .phone-make.image-2 .screen {

}

section.ferst-block .phone-make.image-3 .screen {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: -1px
}

section.ferst-block .phone-make.image-4 .screen {
    -webkit-transform: translateX(-75%);
    transform: translateX(-75%);
    left: -1px
}

.account-section-link {

    font-size: 17px;
    line-height: 26px;
    display: block;

}

@media (min-width: 670px) {
    section.ferst-block .account-section-links {
        max-width: 465px
    }
}

section.ferst-block .phone-carousel-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 11.59951%;
    height: calc(calc(95 * 100) / 819)%;
    display: -webkit-box;
    display: -ms-flexbox;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 3;
    display: none;
}

section.ferst-block .phone-carousel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    position: absolute;
    bottom: 46px
}

section.ferst-block .phone-carousel-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    border: 2px solid #1cb39b;
    margin-right: 5px;
    padding: 0;
    cursor: pointer;
    background: transparent;
    outline: none
}

section.ferst-block .phone-carousel-button:last-child {
    margin-right: 0
}

section.ferst-block .phone-carousel-button.active {
    background: #1cb39b
}

.whaspy-background .whaspy,
.whaspy-foreground .whaspy {
    height: 195px;
    position: absolute
}

section.standard-account .whaspy-background {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(10%, rgba(10, 123, 204, .06)), to(rgba(10, 123, 204, 0)));
    background-image: linear-gradient(90deg, rgba(10, 123, 204, .06) 10%, rgba(10, 123, 204, 0));
    height: 195px;
    position: absolute;
    top: 185px;
    left: -40px;
    right: calc(50% + 450px);
    -webkit-transform: skewY(-12deg);
    transform: skewY(-12deg);
    display: none
}

@media (min-width: 670px) {
    section.standard-account .whaspy-background {
        display: block
    }
}

section.ferst-block .whaspy-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 50px;
    background: linear-gradient(-179deg, #fff, rgba(246, 249, 252, .5) 65%);
    -webkit-transform: skewY(-12deg);
    transform: skewY(-12deg);
    z-index: -2;
    display: none
}

@media (min-width: 670px) {
    section.ferst-block .whaspy-background {
        display: block
    }
}

section.ferst-block .whaspy.s1 {

    right: 0;
    left: calc(50% + 440px);
    top: 30px
}

section.ferst-block .whaspy.s2 {
    background: #0c6257;
    top: 290px;
    left: 0;
    right: calc(50% + 555px)
}

section.custom-account .whaspy-background {
    position: absolute;
    top: 12%;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: skewY(-12deg);
    transform: skewY(-12deg);
    display: none
}

@media (min-width: 880px) {
    section.custom-account .whaspy-background {
        display: block;
        top: 0
    }
}

section.custom-account .whaspy-background .whaspy.s1 {
    background-image: linear-gradient(251deg, rgba(135, 187, 253, .77) 3%, rgba(98, 207, 245, 0));
    top: 0;
    left: -940px;
    right: calc(50% + 300px)
}

section.custom-account .whaspy-background .whaspy.s2 {
    background: #1cb39b;
    top: 195px;
    left: 0;
    right: calc(50% + 555px)
}

section.ferst-block .gradient-background-container {
    -webkit-transform: skewY(-12deg);
    transform: skewY(-12deg);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: none
}

@media (min-width: 670px) {
    section.ferst-block .gradient-background-container {
        display: block
    }
}

section.ferst-block .gradient-background {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(92%, #f6f9fc));
    background-image: linear-gradient(0deg, #fff, #f6f9fc 92%);
    position: absolute;
    top: -140px;
    left: 0;
    right: 0;

}

@media (min-width: 880px) {
    section.ferst-block .gradient-background {
        top: -195px
    }
}

section.ferst-block .whaspy-foreground {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: skewY(-12deg);
    transform: skewY(-12deg);
    display: none
}

@media (min-width: 670px) {
    section.ferst-block .whaspy-foreground {
        display: block
    }
}

section.ferst-block .whaspy-foreground .whaspy.s1 {

    left: calc(50% - 90px);
    right: 0;
    top: auto;
    height: 110px;
    bottom: 30px
}

@media (min-width: 880px) {
    section.ferst-block .whaspy-foreground .whaspy.s1 {
        height: 195px;
        bottom: 0
    }
}

section.ferst-block .whaspy-foreground .whaspy.s2 {
    background: #0c6257;
    right: 0;
    left: calc(50% + 535px);
    top: auto;
    height: 110px;
    bottom: 30px
}

@media (min-width: 880px) {
    section.ferst-block .whaspy-foreground .whaspy.s2 {
        height: 195px;
        bottom: 0
    }
}

section.account-type-comparison .whaspy-background {
    background-image: linear-gradient(80deg, rgba(116, 228, 162, .77) 18%, rgba(116, 228, 162, 0));
    height: 195px;
    position: absolute;
    top: 385px;
    left: 0;
    right: calc(50% + 385px);
    -webkit-transform: skewY(-12deg);
    transform: skewY(-12deg)
}


main > section > .container-lg > .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-perspective: 1500px;
    perspective: 1500px
}

@media (min-width: 880px) {
    main > section > .container-lg > .content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

main > section > .container-lg > .content > aside {
    position: relative;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin: 30px 0 0
}

@media (min-width: 880px) {
    main > section > .container-lg > .content > aside {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        margin: 0
    }
}

.img_border {
    border-radius: 50%;
    -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) {
    main > section > .container-lg > .content > aside.quote {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 40%;
        flex: 1 0 40%;
        padding: 30px;
        margin-top: -120px
    }
}

.cls_1 {
    color: #4FC3F7 !important;
}

main > section > .container-lg > .content > aside.quote .source {
    font-size: 17px;
    line-height: 26px;
    font-style: normal;
    text-align: right;
    margin-top: 20px
}

main > section > .container-lg > .content > aside.quote .source .name {
    font-weight: 500
}

main > section > .container-lg > .content .copy {
    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
}

@media (min-width: 880px) {
    main > section > .container-lg > .content .copy {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin: -90px 0 0 50px;
    }
}

main > section > .container-lg > .content .copy header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;margin-top: 20px;
}

@media (min-width: 1040px) {
    main > section > .container-lg > .content .copy header {
        margin-left: -36px
    }
}

main > section > .container-lg > .content .copy header .icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: inline-block;
    position: relative;
    width: 72px;
    height: 72px
}

main > section > .container-lg > .content .copy header h2 {
    margin-left: 20px
}

main > section > .container-lg > .content .copy .flow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 5px 0
}

main > section > .container-lg > .content .copy .flow:before {
    content: "";
    position: absolute;
    height: 2px;
    top: 50%;
    margin-top: -1px;
    left: 10px;
    right: 10px;

}

main > section > .container-lg > .content .copy .flow .party {
    position: relative;
    height: 31px;
    border-radius: 16px;
    background-color: #d6facf;
    color: #24b47e;
    padding: 0 15px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    line-height: 32px
}

@media (min-width: 414px) {
    main > section > .container-lg > .content .copy .flow .party {
        padding: 0 20px
    }
}

main > section > .container-lg > .content .copy .flow .party.platform {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 31px;
    padding: 0;

    background-position: 50%;
    background-repeat: no-repeat;
    margin: 0 15px
}

main > section {
    position: relative
}

main > section + section {
    margin-top: 120px
}

@media (min-width: 880px) {
    main > section + section {
        margin-top: 120px
    }
}

main > section:nth-child(odd) > .whatsapp {
    top: 0
}

main > section:nth-child(odd) > .whatsapp:after,
main > section:nth-child(odd) > .whatsapp:before {
    right: 0
}

main > section > .container-lg > .content .copy .features li {
    position: relative;
    padding-left: 20px;
    margin-top: 9px;
}

main > section > .container-lg > .content .copy .features2 li {
    position: relative;

    margin-top: 4px;
}

main > section > .container-lg > .content .copy .features li:before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #68d4f8;
    top: 10px;
    left: -3px
}

main > section > .container-lg > .content .copy .features li + li {
    padding-top: 6px;
}

main > section > .container-lg > .content .copy .features2 li + li {
    padding-top: 6px;
}

main > section > .container-lg > .logos {
    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;
    margin: 40px 0 -20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 880px) {
    main > section > .container-lg > .logos {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 70px 0 0
    }
}

main > section > .container-lg > .logos .user-logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 10px 20px;
    -webkit-transform: scale(.75);
    transform: scale(.75)
}

@media (min-width: 880px) {
    main > section > .container-lg > .logos .user-logo {
        margin: 0;
        -webkit-transform: none;
        transform: none
    }

    main > section > .container-lg > .logos .user-logo + .user-logo {
        margin-left: 20px
    }
}

.cpy_2 {
    margin: 0px 30px 0 20px !important;
}

@media (max-width: 880px) {
    .cpy_2 {
        margin: 0px 0 0 20px !important;
    }
}

.cpy_3 {
    margin: 20px 20px 0 0px !important;
}

@media (max-width: 880px) {
    .cpy_3 {
        margin: 50px 0px 0 0px !important;
    }

    .m_t {
        margin-top: 0px !important;
    }

    .Hero .Reveal-PageIntro {
        padding-bottom: 10px !important;
    }
}

.m_t {
    margin-top: 50px;
}

section.process {
    position: relative;
    padding: 0px 0 0px;
    z-index: 1
}

.onetime-lifetime {
    margin-top: 30px;
}


.color_f {
    color: #fff !important;
}

.intro-copy {

    text-align: center;

}

.intro-copy {

    max-width: 840px;
    margin: 0 auto;

}

main h2[class^="common-Uppercase"] {

    margin-top: 20px;
    margin-bottom: 10px;

}

.pin-UppercaseTitle {

    color: #24b47e;

    font-size: 21px;

    font-weight: 600;
    text-transform: uppercase;
    line-height: 30px;
}

#CheckButton {
    display: none
}

.v_a {
    vertical-align: middle;
}

.mt_t30 {
    margin-top: 30px
}
.mt_t30_i {
    margin-top: 30px!important;
}

section.features {
    position: relative;
    padding: 0 0 120px;
    margin-top: 90px
}

section.features .intro-copy h2 {
    margin-bottom: 20px
}

section.features .columns .right {
    position: relative
}
section.features ul.feature-list {
    margin-top: 20px
}
@media (min-width: 1040px) {
    section.features ul.feature-list {
        margin-left: 45px;
        margin-top: 20px
    }
}

section.features ul.incorporation-features {
    display: block;
    position: relative;
    list-style-type: none;
    font-size: 17px;
    line-height: 26px;
    color: #6b7c93;
    background-color: #f6f9fc;
    border-radius: 6px;
    padding: 20px 25px 20px 55px;
    margin: 20px 0 10px
}

@media (min-width: 1040px) {
    section.features ul.incorporation-features {
        margin-left: -55px
    }
}

section.features ul.incorporation-features li {
    position: relative
}

section.features ul.incorporation-features li:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 18px;
    left: -32px;
    top: 4px;

}

section.features ul.incorporation-features li + li {
    margin-top: 15px
}

section.features .devices-container {
    position: relative
}

section.features .devices-dashboard {
    display: none;
    width: 1000px;
    height: 750px;
    position: absolute;
    z-index: -1;
    left: 30px;
    bottom: -140px;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease
}

.mask-fallback section.features .devices-dashboard * {
    display: none;
    background: none
}

section.features .devices-dashboard.loaded {
    opacity: 1
}

@media (min-width: 670px) {
    section.features .devices-dashboard {
        display: block;
        -webkit-transform: none;
        transform: none
    }
}

section.features .devices-dashboard div {
    position: absolute;
    width: 1000px;
    height: 750px;
    background-size: 100% 100%
}

section.features .devices-dashboard .screen {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    overflow: hidden;
    will-change: transform
}

section.features .devices-dashboard img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.llc section.features .bank-link:after {
    content: "\279C";
    font: normal 16px StripeIcons;
    margin-left: 4px
}

.columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 670px) {
    .columns {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.columns .left,
.columns .right {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

section.features {
    position: relative;
    padding: 0 0 40px;
    margin-top: 20px
}

section.features .intro-copy h2 {
    margin-bottom: 20px
}

section.features .columns .right {
    position: relative
}

@media (min-width: 1040px) {
    section.features ul.feature-list {
        margin-left: 30px
    }
}

.feature-block h3,
.feature-block p {
    margin-bottom: 10px
}

.feature-block h3:last-child,
.feature-block p:last-child {
    margin-bottom: 0
}

.feature-block .icon {
    width: 48px;
    height: 48px
}

.concrete-BodyTitle {

    font-weight: 600;
    font-size: 17px;
    line-height: 32px;
    color: var(--h-color);

}
.concrete-BodyTitle_n {

    font-weight: 600;
    font-size: 17px;
    line-height: 24px;
    color: #fff;

}
.Reveal__fill--yellow5 {
    fill: #365f56;
}
.common-BodyText {
    font-size: 15px;
    line-height: 23px;
}
.concrete-BodyTitle2 {

    font-weight: 600;
    font-size: 15px;
    line-height: 25px;
    color: var(--h-color);

}
.feature-block h3, .feature-block p {
    margin-bottom: 10px;
}
.feature-block {

    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 20px;

    position: relative;

}

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

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

    .lg-icon-left {
        padding-left: 20px
    }

    .lg-icon-left .icon {

        left: -24px;
        top: 7px
    }
}

.xs-icon-top .icon {

    margin: 10px 0 20px -3px;

}

.header .toogle-menu {

    display: block;

}

.header .toogle-menu {

    border: 0;
    background: 0;

    right: 0;
    bottom: 0;
    width: 22px;


}

.header .toogle-menu__i {

    background-color: var(--waNav-colorize);
    display: block;
    height: 3px;

}

.header-sticky .header .toogle-menu__i {

    background-color: #fff;
    display: block;
    height: 2px;

}

.header .toogle-menu__i + .toogle-menu__i {

    margin-top: 4px;

}


/* Menu Button */


.menu_mobile {
    position: fixed;
    width: 320px;
    height: 100%;
    top: 0;
    z-index: 9999;
    background: var(--bg-body);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    /* enables momentum scrolling in iOS overflow elements */
}

.menu_mobile a {
    display: block;
    color: var(--p-text);
    padding: 0px 25px;
    text-decoration: none;
    font-size: 14px;
    line-height: 45px;
    text-transform: uppercase;
    font-weight: 600;
}

.menu_mobile span span span {
    display: block;

    padding: 0px 25px;
    text-decoration: none;
    font-size: 13px;
    line-height: 45px;
    text-transform: uppercase;
    font-weight: 600;
}

.pusi {
    color: var(--p-text) !important;
}

.menu_mobile a:hover {
    color: var(--amber-wait);
    font-weight: 600;
}

.menu_mobile ul:first-child {
    margin-top: 10px;
}

.menu_mobile.menu_mobile-left {
    left: 0;
}

.menu_mobile.menu_mobile-right {
    right: 0;
}

.menu_mobile-content {
    visibility: hidden;
}

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

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

.menu_mobile-right {
    -webkit-transform: translate3d(320px, 0, 0);
    -ms-transform: translate3d(320px, 0, 0);
    transform: translate3d(320px, 0, 0);
}

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

.menu_mobile-open-left .menu_mobile,
.menu_mobile-open-right .menu_mobile {
    -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);

}

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

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

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

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

.menu_mobile-open-left .site-overlay,
.menu_mobile-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 */
.menu_mobile-submenu {
    /* Submenu Buttons */
    /* Submenu Icon */
}

.menu_mobile-submenu ul {
    padding-left: 15px;
    transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

.menu_mobile-submenu ul .menu_mobile-link {
    transition: opacity 0.2s ease-in-out;
}

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

.menu_mobile-submenu button:hover {
    color: #FFF;
}

.menu_mobile-content2 {
    width: 100%;
    color: #b3b3b1;
    padding: 15px 30px;
    text-align: left;
    background: transparent;
    border: 0;
    font-size: 14px;
}

.menu_mobile-content2 :hover {
    color: #FFF;
}

.menu_mobile-submenu > a,
.menu_mobile-submenu > button {
    position: relative;
}

.menu_mobile-submenu > a::after,
.menu_mobile-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 */
.menu_mobile-submenu-closed ul {
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
}

.menu_mobile-submenu-closed .menu_mobile-link {
    opacity: 0;
}

.menu_mobile-submenu-open {
    /* Submenu Icon */
}

.menu_mobile-submenu-open ul {
    max-height: 1000px;
    visibility: visible;
}

.menu_mobile-submenu-open .menu_mobile-link {
    opacity: 1;
}

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

.language-select-button {
    color: var(--waNav-colorize);
}

.header-sticky .language-select-button {
    color: #fff;
}

.pb_30 {
    padding-bottom: 30px;
}
.pt_30 {
    padding-top: 30px;
}
.moblogo {
    margin-top: 5px;

}


.weight {

    width: 80%;
}

.mobtext {
    font-size: 16px;
    color: #3498db;
}

@media screen and (max-width: 880px) {
    .weight {
        margin-left: 4px;
        width: 100%;

    }

    .mobtext {
        font-size: 16px;
        color: #3498db;
        font-weight: 600;
    }
}

.menu__link::after, .menu__link:visited::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 16px;
    right: 16px;
    height: 1px;
    background: #e5e5e5;
}


.btn.__imp, .btn.__important {

    background-color: #3dce8d;
    color: #fff;
    font-weight: 400;

}

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

    display: none;

}

.disclaimer-wr.more p:nth-child(1) {
    display: none;
}

.disclaimer-wr.more p:nth-child(2) {
    display: block;
}

.hs-image-widget {
    width: 100%
}

.split-feature {
    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
}

@media (min-width: 880px) {
    .split-feature {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width: 880px) {
    .feature-content, .feature-figure {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
}

.feature-content h1 {
    margin-bottom: 30px
}

.feature-content p {
    margin-top: 20px
}

.feature-content .icon {
    width: 72px;
    height: 72px;
    margin: -15px 0 20px -5px
}

.globalFooterCTA {

    border: none;
    padding: 80px 0
}

.globalFooterCTA .content {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%
}

.globalFooterCTA .buttons {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%
}

.globalFooterCTA {
    padding: 50px 0;
    border-bottom: 2px solid rgba(207, 215, 223, .25);

}

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

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

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

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

@media (max-width: 670px) {
    .globalFooterCTA .title {
        font-weight: 400;
        font-size: 24px;
        line-height: 35px;
        color: var(--h-color);
        margin: .75em 0
    }
}

.globalFooterCTA .subtitle {
    font-weight: 300;
    color: rgb(28, 139, 130);
    display: block
}

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

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

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

.globalFooterCTA--collect {
    padding-top: calc(50px + .75em)
}

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

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

.globalFooterCTA--collect .title {
    margin: 0;
    color: var(--amber-wait);
}

.ac_en {
    color: #3ecf8e;
    margin-left: 7px;
    vertical-align: top;
    font-weight: 500;
}

.img-circle {
    height: 50px;
    width: 50px;
    margin-left: 0px;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    border-radius: 50%;
}

.u-relative {

    position: relative;

}

.page {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.marvel-device .screen {
    text-align: left;

}


/* Status Bar */

.status-bar {
    height: 25px;
    background: #004e45;
    color: #fff;
    font-size: 14px;
    padding: 0 8px;
}

.status-bar:after {
    content: "";
    display: table;
    clear: both;
}

.status-bar div {
    float: right;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 0 0 8px;
    font-weight: 600;
}

/* Chat */


.color_p{color:var(--h-color)}

/* User Bar */

.user-bar {
    height: 55px;
    background: #005e54;
    color: #fff;
    padding: 0 8px;
    font-size: 24px;
    position: relative;
    z-index: 1;
}


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

.user-bar .actions {
    float: right;
    margin: 5px 0 0 10px;
}

.user-bar .actions img {
    height: 28px;
}

.user-bar .actions.more {
    margin: 0 12px 0 20px;
}

.user-bar .actions.attachment {
    margin: 0 0 0 20px;
}

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

.user-bar .avatar {
    margin: 0 0 0 5px;
    width: 36px;
    height: 36px;
}

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

.user-bar .name_ {
    font-size: 17px;
    font-weight: 600;
    text-overflow: ellipsis;
    letter-spacing: 0.3px;
    margin: 0 0 0 8px;
    overflow: hidden;
    white-space: nowrap;
    width: 110px;
}

.user-bar .status {
    display: block;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0;
}

/* Conversation */

.conversation {
    height: calc(100% - 12px);
    position: relative;
    background: url("/img/default-wallpaper3.png") repeat;
    z-index: 0;
}

.conversation ::-webkit-scrollbar {
    transition: all .5s;
    width: 5px;
    height: 1px;
    z-index: 10;
}

.conversation ::-webkit-scrollbar-track {
    background: transparent;
}

.conversation ::-webkit-scrollbar-thumb {
    background: #b3ada7;
}

.conversation .conversation-container {
    height: calc(100% - 68px);
    box-shadow: inset 0 10px 10px -10px #000000;
    overflow-x: hidden;
    padding: 0 16px;
    margin-bottom: 19px;
}

.conversation .conversation-container:after {
    content: "";
    display: table;
    clear: both;
}

/* Messages */

.message {
    color: #000;
    clear: both;
    line-height: 18px;
    font-size: 15px;
    padding: 8px;
    position: relative;
    margin: 8px 0;
    max-width: 85%;
    word-wrap: break-word;
    z-index: -1;
}

.message:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
}

.metadata {
    display: inline-block;
    float: right;
    padding: 0 0 0 7px;
    position: relative;
    bottom: -4px;
}

.metadata .time {
    color: rgba(0, 0, 0, .45);
    font-size: 11px;
    display: inline-block;
}

.metadata .tick {
    display: inline-block;
    margin-left: 2px;
    position: relative;
    top: 4px;
    height: 16px;
    width: 16px;
}

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

.metadata .tick svg:first-child {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: perspective(800px) rotateY(180deg);
    transform: perspective(800px) rotateY(180deg);
}

.metadata .tick svg:last-child {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
}

.metadata .tick-animation svg:first-child {
    -webkit-transform: perspective(800px) rotateY(0);
    transform: perspective(800px) rotateY(0);
}

.metadata .tick-animation svg:last-child {
    -webkit-transform: perspective(800px) rotateY(-179.9deg);
    transform: perspective(800px) rotateY(-179.9deg);
}

.message:first-child {
    margin: 16px 0 8px;
}

.message.received {
    background: #fff;
    border-radius: 0px 5px 5px 5px;
    float: left;
}

.message.received .metadata {
    padding: 0 0 0 16px;
}

.message.received:after {
    border-width: 0px 10px 10px 0;
    border-color: transparent #fff transparent transparent;
    top: 0;
    left: -10px;
}

.message.sent {
    background: #e1ffc7;
    border-radius: 5px 0px 5px 5px;
    float: right;
}

.message.sent:after {
    border-width: 0px 0 10px 10px;
    border-color: transparent transparent transparent #e1ffc7;
    top: 0;
    right: -10px;
}

/* Compose */

.conversation-compose {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    overflow: hidden;
    height: 40px;
    width: 100%;
    z-index: 2;
}

.conversation-compose div,
.conversation-compose input {
    background: #fff;
    height: 100%;
}

.conversation-compose .emoji {
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border-radius: 50% 0 0 50%;
    flex: 0 0 auto;
    margin-left: 8px;
    width: 38px;
    height: 38px;
}

.conversation-compose .input-msg {
    border: 0;
    flex: 1 1 auto;
    font-size: 14px;
    margin: 0;
    outline: none;
    min-width: 50px;
    height: 36px;
}

.conversation-compose .photo {
    flex: 0 0 auto;
    border-radius: 0 30px 30px 0;
    text-align: center;
    width: auto;
    display: flex;
    padding-right: 6px;
    height: 38px;
}

.conversation-compose .photo img {
    display: block;
    color: #7d8488;
    font-size: 24px;
    transform: translate(-50%, -50%);
    position: relative;
    top: 50%;
    margin-left: 10px;
}


.conversation-compose .send {
    background: transparent;
    border: 0;
    cursor: pointer;
    flex: 0 0 auto;
    margin-right: 8px;
    padding: 0;
    position: relative;
    outline: none;
    margin-left: .5rem;
}

.conversation-compose .send .circle {
    background: #008a7c;
    border-radius: 50%;
    color: #fff;
    position: relative;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.conversation-compose .send .circle i {
    font-size: 24px;
    margin-left: 1px;
}

/* Small Screens */

@media (max-width: 768px) {
    .marvel-device.nexus5 {
        border-radius: 0;
        flex: none;
        padding: 0;
        max-width: none;
        overflow: hidden;
        height: 100%;
        width: 100%;
    }

    .marvel-device > .screen .chat {
        visibility: visible;
    }

    .marvel-device {
        visibility: hidden;
    }

    .marvel-device .status-bar {
        display: none;
    }

    .screen-container {

        top: 0;
        left: 0;
        right: 0;
        bottom: 0;

    }

    .conversation {
        height: calc(50vh - -20px);
    }

    .conversation .conversation-container {
        height: calc(60vh - 120px);
    }

    .svg_index {
        width: 50px !important;
    }
}


@media (min-width: 670px) {
    #intro ul.ul-banner-instal {
        margin-top: 65px
    }
}

#intro li:first-child a {
    margin-right: 23px;
    color: #fff;
    background: #3ecf8e;
    text-shadow: 0 1px 3px rgba(36, 180, 126, .4)
}

#intro li:first-child svg {
    position: relative;
    top: 1px;
    margin-right: 5px
}


#intro ul.ul-banner-instal {
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px
}

@media (max-width: 670px) {
}

@media (min-width: 670px) {
    #intro ul.ul-banner-instal {
        margin-bottom: 25px
    }
}

@media (max-width: 470px) {
    #intro ul.ul-banner-instal {

        display: block !important;
    }
}

@media (min-width: 670px) {
    section.ferst-block .account-section-links {
        max-width: 465px
    }
}

.account-section-links {
    border-top: 1px solid #e6ebf1;
    padding-top: 15px
}

.account-section-link {
    font-size: 17px;
    line-height: 26px;
    display: block
}

section.basics .split .right {

    margin-left: 0px;
    -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);
    padding: 24px 20px 35px 22px;

    background-color: var(--bg-card_r);


}

.mt_t_m50{margin-top: -50px!important;}
section.basics .split .right ul li {
    margin:10px 0;
    padding-left:45px;

    background-repeat:no-repeat;
    background-position:0
}
@media (min--moz-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),(min-resolution:1.5dppx),(min-resolution:138dpi),all and (-webkit-min-device-pixel-ratio:1.5) {
    section.basics .split .right ul li {
        background-image:var(--check);
        background-size:21px 21px
    }
}
.color_z {
    color: #065e55;
}

.fdc {
    font-size: 45px;

    line-height: 60px;
}

.font-weight400 {
    font-weight: 400
}

@media (max-width: 670px) {
    .fdc {
        font-size: 32px;

        line-height: 40px;
    }
}

.Header_tool {
    margin: 0 auto;
    position: relative;
    padding-top: 60px
}

.WATrack_Background {
    top: calc(80% + 175px)
}

.WATrack_Background .whaspy {
    height: 155px
}

.WATrack_Background .s0 {
    height: 5000px;
    bottom: 10px;
    background: var(--Background-tool)
}

.WATrack_Background .s1 {
    bottom: 465px;
    right: 80%;
    background: linear-gradient(90deg, #bfd4ff, #d2f0f9);
    opacity: .2
}

.WATrack_Background .s2 {
    bottom: 310px;
    right: calc(50% + 260px);
    left: auto;
    width: 30%;
    min-width: 450px;
    background: linear-gradient(90deg, #6ed4bb, #12bf67);
    opacity: .75
}

.WATrack_Background .s3 {
    bottom: 155px;
    left: 75%;
    background: linear-gradient(90deg, #b6e3a8, #dbf0af)
}

.WATrack_Background .s4 {
    bottom: 0;
    background: linear-gradient(90deg, #d7f8b7, #0cbe62)
}

section.hero h1 {

    max-width: 740px;
    margin-top: 32px;
    font-weight: 400;

}

.common-SuperTitle {

    font-size: 45px;
    line-height: 60px;

}
@media (max-width: 670px){
    .common-SuperTitle {
        font-size: 35px!important;
        line-height: 50px;
    }}
.WATS_Background {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    transform: skewY(-12deg);
    pointer-events: none;
    z-index: -1;
}

.WATS_Background .WATS_ {
    position: absolute;
    top: auto;
    left: 0;
    right: 0
}

.WATS_Background .WATS_.pattern {
    overflow: hidden
}

.WATS_Background .WATS_.pattern:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1000px;
    top: -1000px;
    transform: skew(0, 12deg)
}

.WATS_Background {
    top: calc(80% + 175px)
}

.WATS_Background .WATS_ {
    height: 155px
}

.WATS_Background .s0 {
    height: 5000px;
    bottom: 10px;
    background: var(--Background-tool)
}

.WATS_Background .s1 {
    bottom: 465px;
    right: 80%;
    background: linear-gradient(90deg, #bfd4ff, #d2f0f9);
    opacity: .2
}

.WATS_Background .s2 {
    bottom: 310px;
    right: calc(50% + 260px);
    left: auto;
    width: 30%;
    min-width: 450px;
    background: linear-gradient(90deg, #6ed4bb, #12bf67);
    opacity: .75
}

.WATS_Background .s3 {
    bottom: 155px;
    left: 75%;
    background: linear-gradient(90deg, #b6e3a8, #dbf0af)
}

.WATS_Background .s4 {
    bottom: 0;
    background: linear-gradient(90deg, #d7f8b7, #0cbe62)
}

.WATrack_Background {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    transform: skewY(-12deg);
    pointer-events: none;
    z-index: -1;
}

.WATrack_Background .whaspy {
    position: absolute;
    top: auto;
    left: 0;
    right: 0
}

.WATrack_Background .whaspy.pattern {
    overflow: hidden
}

.WATrack_Background .whaspy.pattern:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1000px;
    top: -1000px;
    transform: skew(0, 12deg)
}

.lers-ButtonIcon {
    display: inline;
    margin: 0 5px 0 0;
    position: relative
}

.lers-ButtonGroup {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

}

.lers-ButtonGroup .lers-Button {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 10px
}

.mb_t {
    margin-top: 40px;

    margin-bottom: 20px;
}

.faq-list {

    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0
}

.ie-lt9 .faq-list {
    margin-left: 0 !important
}

body.rtl .faq-list {
    padding-right: 0
}

.ie-lt9 body.rtl .faq-list {
    margin-right: 0 !important
}

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

.faq-list__i {

    position: relative;
    counter-increment: post
}

.faq-list__i__title {
    color: var(--h-color);
    font-size: 15px;
    line-height: 1.5;
    font-weight: 500;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
    padding: 20px 50px 20px 50px;
    background-color: var(--bg-card_r);-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);
}


@media only screen and (max-width: 640px) {
    .faq-list__i__title {
        padding-right: 0;
        font-size: 15px
    }



    .faq-list__i__text {
        margin: 20px;
    }

    .faq-list__i::before {

        top: 30px !important;

        left: 20px !important;

    }

}

.faq-list__i__text {
    display: none;
    overflow: hidden;
    margin: 30px
}

.faq-list__i__text *:first-child {
    margin-top: 0
}

.faq-list__i__text *:last-child {
    margin-bottom: 0
}

.faq-list__i:before {
    position: absolute;
    top: 22px;
    left: 10px;
    z-index: 1;
    content: "";
    border-left: 4px solid #6bb3a7;
    border-bottom: 4px solid #6bb3a7;
    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
}


.faq-list__i.on:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

aside.important {

    background: #f6fff5;

    background-position-x: 0%;
    background-position-y: 0%;


    border: 1px solid rgba(58, 193, 51, .12);
    border-radius: 5px;
    display: block;
    padding: 13px 13px 13px 53px;
    background-image: url(/img/icon-aside-important.svg);
    background-size: 24px 24px;
    background-position: 15px 8px;
    background-repeat: no-repeat;

}

.c_f {
    counter-reset: listitem;

    list-style: none;
}

.c_f li {
    position: relative;

    margin: 5px 0;

    padding-left: 30px;
}

.c_f li::before {

    counter-increment: listitem;
    content: counter(listitem);
    background: #e3e8ee;

    color: #697386;
    font-size: 13px;
    font-weight: 500;
    line-height: 11px;
    text-align: center;
    padding: 4px 0;
    height: 11px;
    width: 19px;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 3px;

}

.chat ul {
    width: 100%;
    max-width: 500px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    list-style-type: none;
    padding: 20px;
    margin: 0;
}

.chat ul li {
    background: #FFF;
    color:#000;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
    padding: 10px 50px 10px 14px;
    border-radius: 0 10px 10px 10px;
    margin-bottom: 12px;
    position: relative;
    margin-left: 10px;
}

.chat ul li:before {
    content: '';
    position: absolute;
    left: -10px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 15px solid #FFF;
    border-left: 10px solid transparent;
}

.chat ul li .time {
    content: attr(data-time);
    position: absolute;
    right: 25px;
    bottom: 5px;
    font-size: 12px;
    opacity: .5;
}

.chat ul li .from {
    text-decoration: none;
    font-size: 90%;
    display: block;
    margin-bottom: 10px;
    color: #888;
}

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

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

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

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

.chat ul li.me {
    background: #dcf8c6;
    color:#000;
    align-self: flex-end;
    border-radius: 10px 0 10px 10px;
    padding-right: 75px;
    margin-left: 0;
    margin-right: 10px;
}

.chat ul li.me:before {
    left: auto;
    right: -10px;
    border-top: 15px solid #dcf8c6;
    border-right: 10px solid transparent;
    border-left: 0;
}

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

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

    color: #888;
}

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

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

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

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

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

.chat ul li .tick {
    position: absolute;

    right: 10px;
    display: inline-block;

    margin-left: 2px;


    bottom: 4px;

    height: 16px;

    width: 16px;
}

.svg_contact {
    position: absolute;
    margin-left: -25px;
    margin-top: 5px;
}

.svg_calls {
    float: left;
    margin-right: 7px;
    margin-top: 3px;
}

.fs_13 {
    font-size: 13px !important;

}

.color_k {
    color: #ff645b;
}

.text_progress {
    color: var(--side-menu);
    text-decoration: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
}

.bg_em {
    background-color: var(--bg-card);
    -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);
}

.html5-progress-bar {
    width: 70% !important;
    border-radius: 3px;
    margin-bottom: 15px;
}

@media (max-width: 870px) {
    .html5-progress-bar {
        width: 100% !important;
        border-radius: 3px;
        margin-bottom: 15px;
    }
}

.html5-progress-bar progress {
    background-color: #c9ccd1;
    border: 0;
    width: 85%;
    height: 18px;
    border-radius: 9px;
}

.html5-progress-bar progress::-webkit-progress-bar {
    background-color: #f3f3f3;
    border-radius: 9px;
}

.html5-progress-bar progress::-webkit-progress-value {
    background: #cbe98b;
    background: -moz-linear-gradient(top, #cbe98b 0%, #a5c956 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cbe98b), color-stop(100%, #a5c956));
    background: -webkit-linear-gradient(top, #cbe98b 0%, #a5c956 100%);
    background: -o-linear-gradient(top, #cbe98b 0%, #a5c956 100%);
    background: -ms-linear-gradient(top, #cbe98b 0%, #a5c956 100%);
    background: linear-gradient(to bottom, #cbe98b 0%, #a5c956 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cbe98b', endColorstr='#a5c956', GradientType=0);
    border-radius: 9px;
}

.html5-progress-bar progress::-moz-progress-bar {
    background: #cbe98b;
    background: -moz-linear-gradient(top, #cbe98b 0%, #a5c956 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cbe98b), color-stop(100%, #a5c956));
    background: -webkit-linear-gradient(top, #cbe98b 0%, #a5c956 100%);
    background: -o-linear-gradient(top, #cbe98b 0%, #a5c956 100%);
    background: -ms-linear-gradient(top, #cbe98b 0%, #a5c956 100%);
    background: linear-gradient(to bottom, #cbe98b 0%, #a5c956 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cdeb8e', endColorstr='#a5c956', GradientType=0);
    border-radius: 9px;
}

.html5-progress-bar .progress-value {

    line-height: 20px;
    margin-left: 5px;
    font-size: 1em;
    color: var(--h-color);

    height: 18px;
    float: right;
}

.progressbar-text {
    font-family: Camphor, Segoe UI, Open Sans, sans-serif;
    box-sizing: border-box;
    font-size: 16px;

    font-weight: 500;
    color: #24b47e;

    height: 40px;
    line-height: 20px;
    margin-top: 5px;
}

.progress-bar-wrapper {
    text-align: left;
}

.terminal_social{
    height: 250px
}
@media (min-width: 640px) {
    .terminal_social{
        height: 430px
    }
}

.map_cart_messenger{
    height: 300px
}
.map_cart_Movement_map_cart_messenger {
    height: 250px
}
.map_cart{
    height: 250px
}
.terminal_messenger{
    height: 255px
}
.terminal_messenger_Movement{
    height: 255px
}
@media (min-width: 640px) {
    .map_cart{
        height: 470px
    }
    .terminal_messenger{
        height: 255px
    }
    .map_cart_messenger{
        height: 300px
    }
    .map_cart_Movement_map_cart_messenger {
        height: 200px
    }
    .terminal_messenger_Movement{
        height: 160px
    }
}

.map_cart_Movement{
    height: 250px
}
@media (min-width: 640px) {
    .map_cart_Movement{
        height: 280px
    }
}


#downloaded, #total {
    color: #3498db;
}
#downloadSpeed{
    color: var(--downloadSpeed);
}
.display_none{
    display: none;
}
.text_progress {
    font-weight: 600;
    /* color: #2a5885; */
    font-size: 0.895rem;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}
.text_country{ font-weight: 600;
    /* color: #2a5885; */
    font-size: 0.895rem;

    margin-right: 0.25rem;}
.flag_progress {
    margin-left: 0.25rem;
    display: inline;
}
.provider_img {
    width: 1.3rem;
    height: 1.3rem;
    margin-left: 0.25rem;
    display: inline;

}
.provider_text, .text_brand {
    font-weight: 600;
    /* color: #2a5885; */
    font-size: 0.895rem;
    text-transform:capitalize;

}
.project_color{
    font-weight: 600;
    /* color: #2a5885; */
    font-size: 0.895rem;}

.animate-none {
    animation:none
}
.animate-spin {
    animation:spin 1s linear infinite
}
.animate-ping {
    animation:ping 1s cubic-bezier(0,0,.2,1) infinite
}
.link_text {
    color: #3498db;
    text-decoration: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.25rem;
}
#loader2-text, #loader2, #console, #term {
    color: rgb(0, 178, 0);
}
#type_text {
    line-height: 1.15rem;
}

#pass {
    color: rgba(156, 163, 175, var(--tw-text-opacity));
}
.animate-pulse {
    animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite
}
.animate-bounce {
    animation:bounce 1s infinite
}
.text-blue-500 {
    color: #3498db;
}
.primary {
    fill: #A5B3BB; }

.secondary {
    fill: #0D2B3E; }
.success{
    fill: #126d34;
}

.v_top {
    vertical-align: top;
}

.seen {
    color: #525f7f !important;
}

.star {
    width: 20px;
}

.TrackMessage {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    color: var(--side-menu);
}

.TrackMessage2 {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: var(--p-text)
}

@media (min-width: 670px) {
    .TrackMessage {
        display: inline-block;
        margin: 10px;

    }

    .TrackMessage2 {
        display: inline-block;
        margin: 10px;

    }
}

.pulse_a::after {

    content: "";
    border-radius: 50%;
    height: 30px;
    width: 30px;
    position: absolute;
    margin: -10px 0 0 -8px;
    -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;
    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 #d4dbe1;
    box-shadow: 0 0 1px 2px #065e55;
    -webkit-animation-delay: 1.1s;
    -moz-animation-delay: 1.1s;
    -o-animation-delay: 1.1s;
    -ms-animation-delay: 1.1s;
    animation-delay: 1.1s;

}

.ava_style {
    width: 25px;
    height: 25px;
    margin-right: 4px;
    background-size: cover;
    border-radius: 55%;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    float: left
}

.geo_block {
    width: 100%;
    height: 260px;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.35);

    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.35);

    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.35);
}

.geo_block_server {
    padding: 20px;
    font-size: 14px;
    width: 100%;
    height: 250px;
    position: relative;
    overflow-y: auto;
    -webkit-box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);

    box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);
    background: black;
}

#loader2 {
    color: #00b200;
}

.common-server {
    color: #24b47e;

    font-size: 15px;
    text-transform: uppercase;
}

#type_text {
    color: #848a93
}

.lang_r {
    color: var(--p-text) !important;
    font-size: 14px;
}

.common-fsr {
    font-weight: 400;


    line-height: 26px;

    color: #848a93;
}

#pass {
    color: #848a93;
}

.col_geo_text {
    color: #3498db;
    text-decoration: none;
    cursor: pointer;
    font-weight: 700;
    font-size: 14px;
}

.BodyText {
    font-size: 14px;
    line-height: 25px;
}

#remaining, #downloadSpeed, #downloaded {
    color: #3498db;

    font-weight: 600;
}

.z_p {

    color: #24b47e;
    font-size: 15px;

}

#total {
    color: #3498db;
    font-weight: 600;
}

.bag_r {
    background: #065e55;
    height: 30px;
    width: 100%;
}

.col_b {
    color: #fff;
    padding: 10px;
    font-size: 16px;
    font-weight: 600
}

.on-demand ul.ul-banner-instal {
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px
}

@media (min-width: 670px) {
    .on-demand ul.ul-banner-instal {
        margin-bottom: 25px
    }
}

.on-demand li:first-child a {

    margin-right: 23px;
    color: #fff;

    background: #3ecf8e;

    text-shadow: 0 1px 3px rgba(36, 180, 126, .4);

}

.im_flex {
    -ms-flex: 1 0 60% !important;
    flex: 1 0 60% !important;
}

.Foot_GTA {
    padding: 10px 0 !important;
}

.funnel-concept {
    -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);
    background: #fff;
}

.input-checkbox-box input {
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.input-checkbox-box input:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.input-checkbox-box span.error {
    pointer-events: none
}

.input-checkbox-box label {
    cursor: pointer;
    pointer-events: none;
    margin: 6px 0;
    padding: 0 0 0 20px;
    position: relative;
    display: inline-block;
    line-height: 1.2
}

.input-checkbox-box label a {
    color: #49bff3;
    pointer-events: all
}

.input-checkbox-box label:before {
    content: '';
    width: 14px;
    height: 14px;
    border: 1px solid #c2c7ca;
    margin: 0 10px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    border-radius: 2px;
    left: 0;
    top: 0
}

.input-checkbox-box label:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
    background: #323a45;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    border-radius: 1px
}

.input-radio-box {
    position: relative;
    margin: 5px 0
}

.input-radio-box input {
    height: 16px;
    width: 100%;
    opacity: 0;
    cursor: pointer
}

.input-radio-box input:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.input-radio-box label {
    cursor: pointer;
    pointer-events: none;
    margin: 6px 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 0 0 20px
}

.input-radio-box label:before {
    content: '';
    width: 14px;
    height: 14px;
    border: 1px solid #c2c7ca;
    margin: 0 10px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0
}

.input-radio-box label:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
    background: #323a45;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0
}

.list {
    position: relative
}

.title_light + .list {
    margin-top: 22px
}


.list__item {


}

.list__brand, .list__text {
    display: table-cell;
    height: 51px;
    padding: 8px 0px 0px 16px;

    vertical-align: middle;
    color: #becbdb;
}

.list__brand {
    text-align: left
}

.list__logo {
    max-width: 150px;
    max-height: 150px;
    vertical-align: bottom
}

.list_teext_r {
    color: var(--h-color);
    font-weight: 600;
    font-size: 17px
}

.list_price {
    color: var(--h-color);
    font-weight: 600;
}

.list_pay {

    height: 85px;

    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
    margin: 0% 0% 3% 0%;
    background: var(--bg-card_r);

}

.list__list {

    display: table;
    width: 100%;

}

.list_pay60 {

    text-align: left;
    line-height: 17px;
    float: left;

}

.list_pay40 {

    text-align: right;
    float: right;
    line-height: 17px;
    margin: 25px 15px 10px 0px;

}

.Foot_t {
    font-size: 13px;
    margin-bottom: 5px;
    color: #aab9c9
}

.express-name {
    color: var(--h-color)
}

.list__brand, .list__text {

    display: table-cell;
    height: 51px;
    padding: 28px 0px 0px 5px;
    vertical-align: middle;
    color: #becbdb;

}

.breadcrumbs {
    font-size: 13px;
    zoom: 1
}

.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 {
    color: #c9ced1
}

.breadcrumbs li span.amp {
    color: inherit
}

.breadcrumbs li::before {

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

}

.breadcrumbs li.right::before, .breadcrumbs li:first-child::before {
    content: none
}

.breadcrumbs li > ul {
    float: left
}

.breadcrumbs li > ul li::before {
    width: 4px;
    height: 4px;
    margin: 25px 18px;
    background: #c9ced1;
    border-radius: 50%
}

.breadcrumbs li.icon a {
    padding-left: 30px;
}

.breadcrumbs li.icon a::before {
    content: "";
    position: absolute;
    width: 29px;
    height: 29px;
    left: -3px;
    top: 50%;
    margin-top: -14px;
    opacity: .8;

}

.breadcrumbs li.accounting-and-taxes a:before {
    background-position: 0 0
}

.breadcrumbs li.disputes-and-fraud a:before {
    background-position: -29px 0;
}

.breadcrumbs li.charges-and-refunds a:before {
    background-position: -58px 0
}

.breadcrumbs li.international a:before {
    background-position: -87px 0
}

.breadcrumbs li.my-account a:before {
    background-position: -116px 0
}

.breadcrumbs li.connect a:before {
    background-position: -145px 0
}

.breadcrumbs li.subscriptions a:before {
    background-position: -174px 0
}

.breadcrumbs li.transfers-and-deposits a:before {
    background-position: -203px 0
}

@media (max-width: 670px) {
    body.buynow-splite h2.vis-mob {

        display: none !important;

    }

    body.buynow-splite .products-features .wr .head-features, body.buynow-splite .products-features .wr .features-box {

        display: none !important;

    }
}

.p_e {
    text-decoration: underline;
}

#tarifes {
    position: relative;
    z-index: 2;
}

#tarifes .card {
    width: 100%;
    padding: 0;
    overflow: hidden;
    margin-bottom: 30px;
}

@media (min-width: 670px) {
    #tarifes .card {
        display: grid;
        grid-template-columns:64% auto
    }
}

#tarifes .card > div {
    padding: 40px
}

@media (min-width: 880px) {
    #tarifes .card > div {
        padding: 60px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }
}

#tarifes div.standard {
    position: relative
}

@media (min-width: 880px) {
    #tarifes div.standard {
        padding-left: 120px
    }
}

#tarifes div.standard:before {
    content: "";
    display: block;
    margin: -15px 0 10px -5px;
    width: 110px;
    height: 110px;
    background: url(/images/svg/pricing.svg) 50%/100% 100%;
}

@media (min-width: 670px) {
    #tarifes div.standard:before {
        position: absolute;
        margin: 0;
        width: 130px;
        height: 130px;
        top: calc(50% - 65px);
        left: -35px
    }
}

#tarifes .fee {
    margin-top: 20px;
    white-space: nowrap
}

@media (min-width: 880px) {
    #tarifes .fee {
        text-align: right;
        margin: -30px 0 -30px 30px
    }
}

#tarifes .fee strong {
    display: block;
    font-size: 26px;
    font-weight: 400;
    color: #24b47e;
    margin-bottom: 3px
}

#tarifes .fee small {
    font-size: 15px;
    color: #8898aa
}

#tarifes .fee small + strong {
    margin-top: 15px
}

#tarifes .enterprise {
    background-color: var(--bs-ContentSection-footer);
    display: flex;
    align-items: center
}

#tarifes h3 {
    font-size: 19px;
    color: var(--p-text);
    margin-bottom: 5px
}

/*
#tarifes a {
    white-space:nowrap
} */
.common-Card {
    position: relative;
    background-color: var(--bg-card);
    border-radius: 8px;
    padding: 10px;
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

@media (min-width: 880px) {
    .common-Card {
        padding: 10px
    }
}

@media (min-width: 1040px) {
    .buy-build {
        padding-top: 0px;
        margin-top: 0px;
    }
}

.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: .1s;

    background: rgba(196, 240, 255, .5);

}

.buy-build h5 {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    color: #3ecf8e;
    position: relative;
    margin-bottom: 5px
}

.buy-build h5:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -7px;
    bottom: -7px;
    left: -10px;
    width: 50px;
    -webkit-transform: skewY(-12deg);
    transform: skewY(-12deg);
    background: #f2feef
}

.common-MediumBodyText {

    font-weight: 400;
    font-size: 17px;
    line-height: 32px;
    color: var(--p-text);

}

.hack_screen {

    -webkit-transition: -webkit-transform .5s cubic-bezier(.86, 0, .07, 1);
    transition: -webkit-transform .5s cubic-bezier(.86, 0, .07, 1);
    transition: transform .5s cubic-bezier(.86, 0, .07, 1);
    transition: transform .5s cubic-bezier(.86, 0, .07, 1), -webkit-transform .5s cubic-bezier(.86, 0, .07, 1);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url(/img/dovnloads.jpg);
    background-image: url("/images/all-screens.png");
    background-size: auto;
    background-size: 100% 100%;

}

.screen-container_r {

    position: absolute;
    top: 12.66667%;
    top: calc(10500 / 900)%;
    left: 11.68182%;
    left: calc(2500 / 440)%;
    width: 76.63636%;
    width: calc(39000 / 440)%;
    height: 70.66667%;
    height: calc(69000 / 900)%;
    border-radius: 6px;
    -webkit-box-shadow: -1px 1px 6px 0 rgba(171, 183, 204, .2);
    box-shadow: -1px 1px 6px 0 rgba(171, 183, 204, .2);

}

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

}

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

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

#observance .eu-guide .lets-exp {
    margin-top: 10px
}

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

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

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

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

@media (min-width: 880px) {
    #observance .pin-UppercaseTitle {
        padding-bottom: 15px;
        padding-top: 140px
    }

    #observance .container-lg {
        display: grid;
        grid: auto/1.2fr 1fr;
        grid-gap: 25px
    }

    #observance aside {
        margin-top: 1px
    }

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

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

    #observance .eu-guide .lers-Button--default {
        /*! margin-top:0; */
    }
}

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

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

.globalWhats .container-lg, .globalWhats .container-xl {

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px auto;
    padding: 0 5px;

}


.globalWhats .container-lg,
.globalWhats .container-xl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px auto;
    padding: 0 5px
}

a.globalWA_card,
div.globalWA_card {
    -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: 30px 30px 30px 100px;
    background-color: var(--bg-card_r);
    border-radius: 8px;
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);

    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    -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.globalWA_card:after,
div.globalWA_card: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.globalWA_card,
    div.globalWA_card {
        -ms-flex-preferred-size: 1%;
        flex-basis: 1%;
        padding-left: 100px
    }
}

@media (min-width: 880px) {
    a.globalWA_card,
    div.globalWA_card {
        padding-left: 120px
    }
}

a.globalWA_card:hover,
div.globalWA_card:hover {
    color: var(--amber-wait) !important;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

a.globalWA_card:active,
a.globalWA_card:hover,
div.globalWA_card:active,
div.globalWA_card:hover {

}

a.globalWA_card:active,
div.globalWA_card:active {
    -webkit-transform: translateY(2px);
    transform: translateY(2px)
}

a.globalWA_card:active:after,
div.globalWA_card:active:after {
    opacity: .15
}

a.globalWA_card img,
a.globalWA_card svg,
div.globalWA_card img,
div.globalWA_card svg {
    position: absolute;
    width: 130px;
    height: 130px;
    left: -35px;
    top: calc(50% - 65px)
}

@media (min-width: 670px) {
    a.globalWA_card img,
    a.globalWA_card svg,
    div.globalWA_card img,
    div.globalWA_card svg {
        left: -50px
    }
}

@media (min-width: 880px) {
    a.globalWA_card img,
    a.globalWA_card svg,
    div.globalWA_card img,
    div.globalWA_card svg {
        left: -35px
    }
}

a.globalWA_card.card-life-at-stripe svg,
div.globalWA_card.card-life-at-stripe svg {
    top: calc(50% - 62px)
}

a.globalWA_card svg .hover-fillDark,
a.globalWA_card svg .hover-fillLight,
a.globalWA_card svg .hover-fillMedium,
div.globalWA_card svg .hover-fillDark,
div.globalWA_card svg .hover-fillLight,
div.globalWA_card svg .hover-fillMedium {
    -webkit-transition: fill .15s;
    transition: fill .15s
}

a.globalWA_card svg .hover-strokeDark,
a.globalWA_card svg .hover-strokeLight,
div.globalWA_card svg .hover-strokeDark,
div.globalWA_card svg .hover-strokeLight {
    -webkit-transition: stroke .15s;
    transition: stroke .15s
}

a.globalWA_card:hover svg .hover-fillDark,
div.globalWA_card:hover svg .hover-fillDark {
    fill: #32325d
}

a.globalWA_card:hover svg .hover-fillMedium,
div.globalWA_card:hover svg .hover-fillMedium {
    fill: #525f7f
}

a.globalWA_card:hover svg .hover-fillLight,
div.globalWA_card:hover svg .hover-fillLight {
    fill: #8898aa
}

a.globalWA_card:hover svg .hover-strokeDark,
div.globalWA_card:hover svg .hover-strokeDark {
    stroke: #32325d
}

a.globalWA_card:hover svg .hover-strokeLight,
div.globalWA_card:hover svg .hover-strokeLight {
    stroke: #8898aa
}

a.globalWA_card h2,
div.globalWA_card h2 {
    margin: 0 0 5px;
    white-space: normal
}

a.globalWA_card p,
div.globalWA_card p {
    margin: 5px 0 0
}

.Reveal__fill--purple3 {

    fill: #3ecf8e;

}

.Reveal__text--purple4 {

    color: #3ecf8e;

}

.customized-callout {
    background: #065e55;
    padding: 30px 0 40px;
    position: relative;
    z-index: 2
}

.customized-callout .container-lg {
    display: grid;
    grid-template-columns:1fr;
    grid-gap: 30px
}

@media (min-width: 670px) {
    .customized-callout .container-lg {

        grid-gap: 60px;
        padding-top: 20px;
        padding-bottom: 30px
    }
}

.customized-callout .top-content {
    -ms-flex-item-align: center;
    align-self: center
}

.customized-callout .content h2.title {
    color: #9cdbff;
    font-weight: 400;
    font-size: 30px;
    line-height: 45px;
    margin: .75em 0
}

.customized-callout .content p.common-MediumBodyText {
    color: #cfd7df
}

.customized-callout .buttons {
    margin-top: 30px
}

.logo-row {
    position: relative;
    margin: 20px auto 0;
    -ms-flex-item-align: center;
    align-self: center
}

.logo-row ul {
    grid-gap: 20px 0;
    justify-items: center;
    grid-template-rows:repeat(4, 1fr);
    grid-template-columns:repeat(3, 1fr);
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 670px) {
    .logo-row ul {
        grid-gap: 35px 0
    }
}

.logo-row li {
    padding: 0 15px;
    min-width: 0
}

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

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

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

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

.logo-row img path,
.logo-row svg path {
    fill: #e6ebf1
}

@media (min-width: 670px) {
    .logo-row img,
    .logo-row svg {
        max-height: 60px
    }
}

.logo-row.header-logos:after {
    content: "";
    position: absolute;
    left: 20px;
    bottom: -40px;
    right: 20px;
    border-bottom: 2px solid #f6f9fc;
    pointer-events: none;
    display: none
}

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

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

.logo-row.header-logos > a span {
    color: #f6f9fc;
    font-weight: 500
}

.common-SectionTitle {
    font-size: 21px;
    color: var(--text-primary);
}

#observance {
    position: relative;
    z-index: 1
}

#observance .pin-UppercaseTitle {
    padding-top: 25px;
    text-align: center
}

#observance .pin-UppercaseTitle img {
    margin-left: auto;
    margin-right: auto
}

#observance aside {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;

    padding: 22px 20px 18px;
    border-radius: 4px;
    background: var(--bs-ContentSection-footer);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
}

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

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

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

#observance li:before {
    content: var(--check);
    position: absolute;
    top: 3px;
    left: 0;
    width: 19px
}

.pin-UppercaseTitle img {

    display: block;
    width: 72px;
    height: 72px;
    margin-bottom: 23px;

}

.m_30 {
    margin-top: 30px
}

.illustration_p {

    color: #6b7c93;
    font-size: 15px;
    line-height: 1.5;

}


.db-LivemodeSwitcher-switch {

    opacity: .8;

}

.Switch {
    display: -ms-flexbox;
    display: flex;
    height: 20px;
    margin: 14px 0px 0px 0px;
    padding: 0;
    width: 36px;
    border: 0;
    cursor: pointer;
    position: relative;
    float: left;
}

.Switch.Is--disabled {
    cursor: default;
    pointer-events: none
}

.Switch-source {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    pointer-events: none
}

.Switch-knob {
    left: 1px;
    position: absolute;
    top: 1px;
    z-index: 2;
    height: 18px;
    width: 18px;
    border-radius: 9px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25), 0 0 1px 0 rgba(0, 0, 0, .26);
    transition: transform .2s ease-in-out
}

.Switch-source:checked + .Switch-controls .Switch-knob {
    left: 1px;
    transform: translateX(16px)
}

.Switch-on {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    border-radius: 10px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .07);
    opacity: 0;
    transition: opacity .2s ease-in-out
}

.Switch-source:checked + .Switch-controls .Switch-on {
    opacity: 1
}

.Switch-off {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    border-radius: 10px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .07);
    opacity: 1;
    transition: opacity .2s ease-in-out
}

.Switch-source:checked + .Switch-controls .Switch-off {
    opacity: 0
}

.Switch--size--small {
    height: 14px;
    width: 24px
}

.Switch--size--small .Switch-bevel, .Switch--size--small .Switch-enabled {
    border-radius: 7px
}

.Switch--size--small .Switch-knob {
    height: 12px;
    width: 12px;
    border-radius: 6px
}

.Switch--size--small .Switch-source:checked + .Switch-controls .Switch-knob {
    transform: translateX(10px)
}

.Switch.Is--disabled {
    opacity: .5
}

.Box-background--orange400 {

    background-color: #6bb3a7;

}

.Box-background--surface {

    background-color: #e3e8ee;

}

.Box-background--white {

    background-color: #fff;

}

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

}

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

@media (max-width: 870px) {
    .header__userLink:before {
        margin-bottom: -2px;
    }
}

section.ml-guide {
    z-index: 2
}

section.ml-guide .common-Card {
    overflow: hidden
}

@media (min-width: 670px) {
    section.ml-guide .common-Card {
        display: grid;
        grid-template-columns:40px minmax(0, 600px) auto;
        grid-column-gap: 32px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

section.ml-guide svg {
    margin-bottom: 20px
}

@media (min-width: 670px) {
    section.ml-guide svg {
        margin-bottom: 0;
        justify-self: end
    }
}

section.ml-guide .copy {
    margin-bottom: 20px
}

@media (min-width: 670px) {
    section.ml-guide .copy {
        margin-bottom: 0
    }
}

section.ml-guide .common-Uppercase {
    color: #32325d
}

section.ml-guide p {
    margin-top: 10px
}

section.ml-guide a {
    justify-self: end
}

section.for-teams > .background {
    position: absolute;
    width: 100%;
    top: -60px;
    bottom: 0;
    background-color: #f6f9fc;
    overflow: hidden
}

@media (min-width: 880px) {
    section.for-teams > .background {
        top: -120px
    }
}

section.for-teams > .background:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    background-color: #edf2f7;
    -webkit-transform: skewY(-12deg);
    transform: skewY(-12deg)
}

section.for-teams .common-Card {
    padding: 0;

}

section.for-teams .common-Card > * {
    padding-left: 20px;

    padding-right: 30px;

    padding-bottom: 20px;
}

@media (min-width: 670px) {
    section.for-teams .common-Card > :first-child {
        padding: 20px 20px 10px
    }
}

@media (min-width: 670px) {
    section.for-teams .common-Card > :last-child {
        padding: 0px 30px 40px;
    }
}

section.for-teams header {
    background-color: var(--bg-card);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

section.for-teams header svg {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-bottom: 20px
}

@media (min-width: 670px) {
    section.for-teams header svg {
        margin-bottom: 0
    }
}

section.for-teams header .copy {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-bottom: 20px
}

@media (min-width: 670px) {
    section.for-teams header .copy {
        margin: -2px 40px 0 20px
    }
}

section.for-teams header .common-IntroText {
    margin-top: 6px
}

section.for-teams header a {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-top: 6px
}

@media (min-width: 880px) {
    section.for-teams .md-columns {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 1040px) {
    section.for-teams .md-columns {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

section.for-teams li {
    padding-left: 46px;
    background-image: url(/images/svg/check.svg);
    background-position: 0 4px;
    background-repeat: no-repeat
}

@media (min-width: 670px) {
    section.for-teams li {

        background-position: 13px 4px
    }
}

section.for-teams li:not(:last-child) {
    margin-bottom: 10px
}

@media (min-width: 670px) {
    section.for-teams .screenshot {
        margin: 30px 0 0 -20px
    }
}

@media (min-width: 880px) {
    section.for-teams .screenshot {
        margin: -10px -20px 0 30px;
    }
}

section.for-teams .screenshot:hover {
    --transform: rotate3d(0.5, -0.866, 0, 19deg) translateZ(30px);
    --shadow: 38.4px 70px 140px -28px rgba(50, 50, 93, .47), 23px 42px 84px -42px rgba(0, 0, 0, .57)
}

section.for-teams .screenshot:active {
    --transform: rotate3d(0.5, -0.866, 0, 19deg) translateZ(20px)
}

section.for-teams .screenshot .image-container {
    -webkit-transition-property: -webkit-transform, -webkit-box-shadow;
    transition-property: -webkit-transform, -webkit-box-shadow;
    transition-property: transform, box-shadow;
    transition-property: transform, box-shadow, -webkit-transform, -webkit-box-shadow;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.md-columns, .sm-columns {
    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
}

@media (min-width: 670px) {
    .sm-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
    }
}

@media (min-width: 880px) {
    .md-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
    }
}

.screenshot {
    max-width: 400px;
}

.lg-cols, .lg-grid, .lg-rows, .md-cols, .md-grid, .md-rows, .sm-cols, .sm-grid, .sm-rows, .xs-cols, .xs-grid, .xs-rows {
    display: -ms-flexbox;
    display: flex;

}

.feature-block {
    -ms-flex: 1;
    flex: 1;

    position: relative
}

.xs-cols {
    -ms-flex-direction: row;
    flex-direction: row
}

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

.xs-rows {
    -ms-flex-direction: column;
    flex-direction: column
}

.xs-rows .feature-block {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.xs-grid {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

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

@media (min-width: 670px) {
    .sm-cols {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .sm-cols .feature-block {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;padding: 10px;
    }

    .sm-rows {
        -ms-flex-direction: column;
        flex-direction: column
    }

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

    .sm-grid {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

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

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

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

    .md-rows {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

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

    .md-grid {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

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

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

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

    .lg-rows {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

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

    .lg-grid {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

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

.xs-icon-top .icon {
    margin: 10px 0 20px -3px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.small-benefits {
    margin-top: 30px
}

.online__invoice {
    background-color: var(--bg-card_r);
    padding: 40px 30px;
    text-align: center;
    position: relative;
    height: 570px;
    min-width: 473px;
    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-shadow: 1px 1px 5px 0 rgba(26, 26, 67, .05), 39px 62.5px 125px -25px rgba(50, 50, 93, .5), 23.4px 37.5px 75px -37.5px rgba(0, 0, 0, .6);
    box-shadow: 1px 1px 5px 0 rgba(26, 26, 67, .05), 39px 62.5px 125px -25px rgba(50, 50, 93, .5), 23.4px 37.5px 75px -37.5px rgba(0, 0, 0, .6);
    border-radius: 12px;
    max-width: 473px;
    margin: 0 auto;
    left: 50%;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    --regular-section-height: 45px;
    --extended-section-height: 163px;
    --header-height: 24px
}

@media (max-width: 520px) {
    .online__invoice {
        background: #fff;

        padding: 20px 15px;

        text-align: center;

        position: relative;

        height: 570px;

        min-width: 327px;

        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-shadow: 1px 1px 5px 0 rgba(26, 26, 67, .05), 39px 62.5px 125px -25px rgba(50, 50, 93, .5), 23.4px 37.5px 75px -37.5px rgba(0, 0, 0, .6);

        box-shadow: 1px 1px 5px 0 rgba(26, 26, 67, .05), 39px 62.5px 125px -25px rgba(50, 50, 93, .5), 23.4px 37.5px 75px -37.5px rgba(0, 0, 0, .6);

        border-radius: 12px;

        max-width: 327px;

        margin: 0 auto;

        left: 0%;

        -webkit-transform-origin: top center;

        transform-origin: top center;

        -webkit-user-select: none;

        -moz-user-select: none;

        -ms-user-select: none;

        user-select: none;

    }
}

@media (max-width: 520px) {
    .non {
        display: none !important;
    }
}

@media screen and (min-width: 523px) {
    .online__invoice {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        left: 2%
    }
}

@media (min-width: 1040px) {
    .online__invoice {
        padding: 50px 30px 20px;
        margin-top: -10px;

        margin: 0
    }
}

.interactive-invoice__title {
    font: 500 24px Camphor;
    color: #525f7f;
    line-height: 2
}

.interactive-invoice__date-wrapper {
    position: relative;
    width: 100%
}

.interactive-invoice__meta {
    font: 400 13px Camphor;
    color: #8898aa
}

.interactive-invoice__meta:first-child, .interactive-invoice__meta:last-child {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.interactive-invoice__meta:last-child {
    opacity: 0;
    -webkit-transform: translateX(20%);
    transform: translateX(20%)
}

.interactive-invoice__meta:nth-child(2) {
    visibility: hidden
}

.interactive-invoice__logo {
    background-color: var(--bg-card);
    width: 45px;
    height: auto;
    margin: 0 auto
}

@media (min-width: 1040px) {
    .interactive-invoice__logo {
        position: absolute;
        top: -45px;
        -webkit-box-shadow: 0 5px 15px 0 rgba(50, 50, 93, .05), 0 5px 15px 0 rgba(0, 0, 0, .07);
        box-shadow: 0 5px 15px 0 rgba(50, 50, 93, .05), 0 5px 15px 0 rgba(0, 0, 0, .07);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: var(--bg-card);
        left: calc(50% - 45px);
        width: 90px;
        height: 90px;
        border-radius: 100%
    }
}

.interactive-invoice__table {
    margin: 25px 0 0;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #6b7c93;
    position: relative
}

.interactive-invoice__row, .interactive-invoice__table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.interactive-invoice__row {
    text-align: left;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font: 13px Camphor
}

.interactive-invoice__row span {
    display: block
}

.interactive-invoice__row span:first-child {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}

.interactive-invoice__row span:nth-child(2), .interactive-invoice__row span:nth-child(3), .interactive-invoice__row span:nth-child(4) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    margin-left: 1em
}

.interactive-invoice__row span:last-of-type {
    text-align: right;
    white-space: nowrap
}

.interactive-invoice__row.interactive-invoice__row--indent {
    padding: 9px 0
}

.interactive-invoice__row.interactive-invoice__row--indent span:first-child {
    margin-left: 15px
}

.interactive-invoice__section {
    height: var(--regular-section-height);
    overflow: hidden;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    will-change: transform, opacity
}

.interactive-invoice__section .interactive-invoice__row {
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.interactive-invoice__section:after {
    content: "";
    background-color: #565F7F;
    -webkit-transform-origin: center left;
    transform-origin: center left;
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0
}

.interactive-invoice__section#one-time {
    -webkit-transform: translateY(var(--header-height));
    transform: translateY(var(--header-height))
}

.interactive-invoice__section#recurring {
    -webkit-transform: translateY(calc(var(--header-height) + 1 * var(--regular-section-height)));
    transform: translateY(calc(var(--header-height) + 1 * var(--regular-section-height)))
}

.interactive-invoice__section#usage {
    -webkit-transform: translateY(calc(var(--header-height) + 2 * var(--regular-section-height)));
    transform: translateY(calc(var(--header-height) + 2 * var(--regular-section-height)))
}

.interactive-invoice__section#tiered {
    -webkit-transform: translateY(calc(var(--header-height) + 3 * var(--regular-section-height)));
    transform: translateY(calc(var(--header-height) + 3 * var(--regular-section-height)))
}

.interactive-invoice__section#promotions {
    -webkit-transform: translateY(calc(var(--header-height) + 3 * var(--regular-section-height) + var(--extended-section-height)));
    transform: translateY(calc(var(--header-height) + 3 * var(--regular-section-height) + var(--extended-section-height)))
}

.interactive-invoice__section#promotions:after {
    display: none
}

.interactive-invoice__section--tiered {
    height: var(--extended-section-height);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 15px 0 6px;
    border-bottom: 1px solid #f6f9fc
}

.interactive-invoice__row--thick-border {
    border-bottom: 1px solid #e6ebf1
}

.interactive-invoice__row--bold {
    font: 600 13px Camphor
}

.interactive-invoice__row--top {
    text-transform: uppercase;
    font: 600 11px Camphor;
    padding-bottom: 10px
}

.interactive-invoice__row--subheader {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.interactive-invoice__row--subheader span:nth-child(2) {
    margin-left: calc(1em + 15px)
}

.interactive-invoice__row--subheader, .interactive-invoice__row--top, .interactive-invoice__row--total {
    color: var(--h-color)
}

.interactive-invoice__row--subheader span, .interactive-invoice__row--top span, .interactive-invoice__row--total span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.interactive-invoice__row--total {
    padding-top: 5px;
    margin-top: auto;
    border-top: 2px solid #e6ebf1;
    width: 100%
}

.col_er {
    color: #27a0eb
}

.Badge--variant {

    background-color: #cbf4c9;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 8px;
    padding-left: 8px;
    border-radius: 20px;

}

.Text-wrap--noWrap {

    color: #0e6245;
    font-size: 14px;
    font-weight: 500;

}

.method_s {
    font-size: 14px;
    color: #a6a6a6;
    line-height: 27px;
}


@media (max-width: 670px) {
    .text-align_670 {
        text-align: center;
    }
}

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


.gesture {
    margin-top: 170px;
}

.accordion a {
    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;
    background: var(--bg-card_r);
}


.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: var(--bg-card_r);
}

.accordion .content p {
    font-size: 15px;
    font-weight: 400;
}

.pad_20 {
    padding: 20px !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: var(--h-color);
    font-size: 15px;
    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: 3px solid #6bb3a7;

    border-bottom: 3px solid #6bb3a7;
    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;

}

@media (max-width: 640px) {
    .accordion-list__i__title {
        font-size: 15px;
    }
}

.frame {
    width: 320px;
    height: 350px;

    position: relative;
    margin: 50px auto;

    border-radius: 50px;

}

@media (max-width: 640px) {
    .frame {
        height: 500px;

    }
}

.frame-content {
    width: 292px;
    height: 552px;
    background: var(--bg-card);
    border: 16px solid #202020;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 47px;
}

.frame-content-header {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    height: 100px;
    background: var(--bg-card);
    /*linear-gradient(to top left,  #D0FBED,#FDD7EA , #f9f9f9); */
    border-radius: 32px 32px 0 0;
    border-bottom: 1px solid #ededed;
}

.frame-content-header .frame-header {
    position: absolute;
    width: 170px;
    height: 24px;
    top: -2px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #202020;
    border-radius: 0 0 23px 23px;
}

.frame-content-header .frame-header-speaker {
    margin-top: 6px;
    width: 40px;
    height: 4px;
    background-color: #404040;
    margin-left: auto;
    margin-right: auto;
}

.frame-content-header .frame-header-camera {
    position: absolute;
    width: 7px;
    height: 7px;
    right: 40px;
    top: 2px;
    background-color: #090A50;
    border: 3px solid #404040;
    border-radius: 50%;
}

.frame-content-header .header-bars {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    color: #404040;
}

.frame-content-header .header-bars .header-bars-block {
    margin-top: 3px;
}

.frame-content-header .header-bars .header-bars-block span {
    font-size: 11px;
    margin-left: 10px;
}

.frame-content-header .header-bars .header-bars-block i {
    font-size: 11px;
}

.frame-content-header .header-control {
    margin-top: 14px;
    display: flex;
    justify-content: space-between;
    color: #0083FF;
    font-size: 15px;
}

.frame-content-header .header-control .fas {
    cursor: pointer;
    transition: all .6s;
    display: inline-flex;
}

.frame-content-header .header-control .fas:hover {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}

.frame-content-header .header-control span {
    font-weight: normal;
    cursor: pointer;
}

.frame-content-header .header-title {
    margin-top: 12px;
}

.frame-content-header .header-title span {
    font-size: 25px;
    font-weight: 600;
    color: var(--h-color);
    font-family: Gotham;
}

.frame-content .frame-content-body {
    width: 100%;
}

.frame-content .frame-content-body .content-body-block {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    position: relative;

    transition: all .5s;
    cursor: pointer;
}

.frame-content .frame-content-body .content-body-block:hover {
    background-color: #f2f2f2;
}

.frame-content .frame-content-body .content-body-block .block-user-img {
    width: 37px;
    height: 37px;
}

.frame-content .frame-content-body .content-body-block .block-user-img img {
    width: 100%;
    border-radius: 50%;
    cursor: pointer;
    transform: scale(1);
    transition: all ease-in-out .2s;
}

.frame-content .frame-content-body .content-body-block .block-user-img img:hover {
    transform: scale(1.2);
    box-shadow: 0 0 5px .2px #c8c8c8;
}

.frame-content .frame-content-body .content-body-block .block-text {
    margin-left: 8px;
}

.frame-content .frame-content-body .content-body-block .block-text h4 {
    color: var(--h-color);
    font-size: 12px;
}

.frame-content .frame-content-body .content-body-block .block-text span {
    font-size: 9px;
    color: #c8c8c8;
}

.frame-content .frame-content-body .content-body-block .block-info {
    position: absolute;
    right: 0;
    width: 17px;
    height: 17px;
    border: 1px solid #0083FF;
    line-height: 17px;
    text-align: center;
    border-radius: 50%;
    color: #0083FF;
    font-size: 14px;
}

.frame-content .frame-content-nav {
    position: absolute;
    bottom: 28px;
    width: 100%;
    display: flex;
    justify-content: space-between;

    border-top: 1px solid #ededed;
}

.frame-content .frame-content-nav .nav-box {
    width: 20%;
    text-align: center;
    color: #999999;
    cursor: pointer;
    transition: all ease-in-out .3s;
}

.frame-content .frame-content-nav .nav-box:hover {
    color: #0083FF;
}

.frame-content .frame-content-nav .nav-box span {
    display: block;
    font-size: 8px;
}

.frame-content .frame-content-nav .nav-box i {
    margin-top: 5px;
    margin-bottom: 3px;
    font-size: 20px;
}

.frame-content .frame-content-nav .active {
    color: #0083FF;
}

.frame-content .frame-content-bottom {
    position: absolute;
    bottom: 0;
    height: 28px;
    width: 100%;

    border-radius: 0 0 30px 30px;
}

.frame-content .frame-content-bottom .bottom-shape {
    width: 110px;
    height: 4px;
    margin-top: 15px;

    margin-left: auto;
    margin-right: auto;
    border-radius: 3px;
    transition: all .3s;
    cursor: pointer;
}

.frame-content .frame-content-bottom .bottom-shape:hover {
    background-color: #323232;
}

.features-box {
    position: relative
}

.features-box .feature-i-box .wr,
.features-box .customers-slider .customers-slider-wr .inner,
.features-box .customers-slider .wr,
.features-box .customers-slider .customers-slider-wr .inner,
.features-box .customers-slider .slick-dots {
    padding: 0 20px 0 320px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1064px
}

.features-box .feature-i-box .wr.full-wr,
.features-box .customers-slider .customers-slider-wr .inner.full-wr,
.features-box .customers-slider .wr.full-wr,
.features-box .customers-slider .customers-slider-wr .inner.full-wr,
.features-box .customers-slider .slick-dots.full-wr {
    padding: 0 20px 0 0 !important
}

.features-box .feature-i-box .wr.full-wr.top-pad,
.features-box .customers-slider .customers-slider-wr .inner.full-wr.top-pad,
.features-box .customers-slider .wr.full-wr.top-pad,
.features-box .customers-slider .customers-slider-wr .inner.full-wr.top-pad,
.features-box .customers-slider .slick-dots.full-wr.top-pad {
    padding: 80px 0 0 0 !important
}

.features-box .main-steps-wr {
    text-align: left
}

.features-box .main-steps-wr .step-i {
    text-align: center
}

.features-box .main-steps-wr .step-i:before {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.features-box .main-steps .button-box {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.features-box .feature-i-box {
    padding: 65px 0
}

.features-box .feature-i-box .note {
    font-size: 16px;
    font-style: italic;
    margin: 20px 0 0 0
}

.features-box .feature-i-box .note b {
    font-weight: 700;
    font-style: normal
}

.features-box .feature-i-box .main-title {
    text-align: center
}

.features-box .feature-i-box.start-monitoring-now {
    background: #fff
}

.features-box .feature-i-box.start-monitoring-now .button-box {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.features-box .feature-i-box.start-monitoring-now .button-box > a {
    margin: 0 12px 0 0
}

.features-box .feature-i-box.customers-slider .customers-slider-wr .inner {
    text-align: center;
    padding: 0 40px 0 0
}

.features-box .feature-i-box.customers-slider .slick-dots {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.features-box .feature-i-head {
    background: #cdefe8;
    overflow: hidden;
    padding: 0
}

.features-box .feature-i-head .wr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 510px;
    padding-bottom: 20px
}

.features-box .feature-i-head h1 {
    padding: 120px 0 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #323a45;
    font-size: 30px;
    margin: 0 0 30px 0;
    font-weight: 600;
    line-height: 35px
}

.features-box .feature-i-head h1 i {
    margin: 0 20px 0 0
}

.features-box .feature-i-head h1 i svg {
    width: 40px;
    height: 40px
}

.features-box .feature-i-head h1 i svg path {
    fill: #49bff3
}

.features-box .feature-i-head p {
    color: #757f84;
    font-size: 18px;
    line-height: 1.55
}

.features-box .feature-i-head .l-side {
    -webkit-flex-basis: 60%;
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%
}

.features-box .feature-i-head .border-side {
    -webkit-flex-basis: 35%;
    -ms-flex-preferred-size: 35%;
    flex-basis: 35%;
    margin: 0 0 0 5%;
    font-size: 0;
    position: relative
}

.features-box .feature-i-head .border-side img {
    width: 100%
}

.features-box .feature-i-head .border-side .img-box {
    position: absolute;
    margin: 110px 0 0 0;
    width: 100%
}

.features-box .feature-i-head .border-side .img-box .inner {
    position: absolute;
    top: 11%;
    left: 4%;
    right: 4%;
    border: 1px solid #d4d5d6;
    overflow: hidden
}

.features-box .feature-i-head .border-side .img-box .inner svg {
    width: 100%
}

.features-box .feature-i-head .button-box {
    margin: 40px 0 0 0
}

.features-box .feature-i-cp {
    padding: 60px 0
}

.features-box .feature-i-cp img {
    width: 100%
}

.features-box .feature-case {
    background: #286057;
    color: #fff;
    line-height: 1.5
}

.features-box .feature-case .wr {
    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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.features-box .feature-case .box-title {
    font-size: 25px;
    max-width: 260px;
    margin: 0 0 30px 0
}

.features-box .feature-case .l-side {
    -webkit-flex-basis: 60%;
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%
}

.features-box .feature-case .l-side p {
    padding: 10px 0;
    font-size: 16px
}

.features-box .feature-case .l-side p em {
    font-style: italic
}

.features-box .feature-case .border-side {
    -webkit-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    text-align: center
}

.features-box .feature-case .border-side p {
    text-transform: uppercase;
    font-weight: 700
}

.features-box .feature-case .border-side .icons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 10px 0
}

.features-box .feature-case .border-side .icons li {
    margin: 0 10px
}

.features-box .feature-case .border-side .icons li:last-child {
    opacity: .5
}

.features-box .feature-case .border-side .icons li svg {
    width: 30px
}

.features-box .feature-case .border-side .icons li svg path {
    fill: #fff
}

.features-box .feature-case .border-side .big-icon {
    margin: 0 0 20px 0
}

.features-box .feature-case .border-side .big-icon.sec {
    color: #2a313c
}

.features-box .feature-case .border-side .big-icon li {
    position: relative;
    font-size: 0
}

.features-box .feature-case .border-side .big-icon li span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 60px
}

.features-box .feature-case .border-side .big-icon li span i {
    font-size: 30px
}

.features-box .feature-case .border-side .big-icon li svg {
    width: 150px
}

.features-box .feature-case .border-side .big-icon li img {
    max-width: 100%
}

.features-box .compatible-box {
    background: #f9f9fa;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #525252
}

.features-box .compatible-box > div {
    padding: 40px 30px 10px
}

.features-box .compatible-box .box-title {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0 25px 0;
    font-weight: 700
}

.features-box .compatible-box .l-side {
    -webkit-flex-basis: 45%;
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%
}

.features-box .compatible-box .l-side ul li {
    margin: 30px 0;
    padding: 0 0 0 25px;
    position: relative
}

.features-box .compatible-box .l-side ul li:before {
    content: '';

    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: -1px
}

.features-box .compatible-box .border-side {
    -webkit-flex-basis: 55%;
    -ms-flex-preferred-size: 55%;
    flex-basis: 55%
}

.features-box .compatible-box .border-side ul li {
    margin: 30px 0
}

.features-box .compatible-box .border-side ul li .title {
    font-weight: 700;
    margin: 0 0 15px 0
}

.features-box .compatible-box .border-side ul li p {
    line-height: 1.4
}

.features-box .compatible-box .border-side ul li a {
    color: #41bef5
}

.features-box .features-list svg {
    width: 46px;
    height: 46px
}

.features-box .features-list li {
    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;
    margin: 25px 0 0 0
}

.features-box .features-list li.features-list-sub {
    margin: 20px 0 0 20px
}

.features-box .features-list li.features-list-sub i {
    width: 36px;
    height: 36px;
    -webkit-flex-basis: 36px;
    -ms-flex-preferred-size: 36px;
    flex-basis: 36px
}

.features-box .features-list li.features-list-sub i svg {
    width: 36px;
    height: 36px
}

.features-box .features-list li.features-list-sub span {
    font-size: 14px
}

.features-box .features-list li i {
    width: 46px;
    height: 46px;
    font-size: 0;
    -webkit-flex-basis: 46px;
    -ms-flex-preferred-size: 46px;
    flex-basis: 46px;
    margin: 0 15px 0 0;
    overflow: hidden
}

.features-box .features-list li div {
    -webkit-flex-basis: 80%;
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%
}

.features-box .features-list li span {
    font-size: 16px;
    color: #383838;
    font-weight: 600;
    -webkit-flex-basis: 80%;
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%
}

.features-box .features-list li p,
.features-box .features-list li .features-list__small-text {
    display: block;
    color: #7c838d;
    font-size: 14px;
    line-height: 1.4;
    margin: 8px 0 0 0;
    font-weight: 400;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.features-box .feature-i {
    padding: 65px 0
}

.features-box .feature-i:nth-child(2n+1) {
    background: #f9f9fa
}

.features-box .feature-i:nth-child(2n+1) .border-side {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    margin: 0 10% 0 0
}

.main-title {

    color: #323a45;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1.4;
    font-weight: 700;
    text-align: center;
    margin: 0 0 35px 0;

}

.features-box .feature-i .wr {
    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
}

.features-box .feature-i h2 {
    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;
    color: #323a45;
    font-size: 30px;
    margin: 0 0 30px 0
}

.features-box .feature-i h2 i {
    margin: 0 20px 0 0
}

.features-box .feature-i h2 i svg {
    width: 40px;
    height: 40px
}

.features-box .feature-i h2 i svg path {
    fill: #49bff3
}

.features-box .feature-i p {
    margin: 20px 0;
    font-size: 16px;
    color: #757f84;
    line-height: 1.5
}

.features-box .feature-i a {
    color: #39c0f9;
    display: inline-block
}

.features-box .feature-i .compatibility {
    color: #ccd0d2;
    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
}

.features-box .feature-i .compatibility li {
    margin: 10px 15px 0 0;
    font-size: 28px
}

.features-box .feature-i .compatibility li svg {
    width: 27px;
    height: 27px;
    fill: currentColor
}

.features-box .feature-i .l-side {
    -webkit-flex-basis: 60%;
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%
}

.features-box .feature-i .border-side {
    -webkit-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    margin: 0 0 0 10%;
    font-size: 0
}

.features-box .feature-i .border-side img {
    width: 100%
}

.features-box .feature-i .border-side .img-box {
    position: relative
}

.features-box .feature-i .border-side .img-box .inner {
    position: absolute;
    top: 11%;
    left: 4%;
    right: 4%;
    border: 1px solid #d4d5d6;
    overflow: hidden
}

.features-box .feature-i .border-side .img-box .inner svg {
    width: 100%
}

.features-box .main-title {
    text-align: center
}

.features-box .get-started .button-box {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.features-box .get-started .button-box a {
    margin: 0 10px 0 0
}

.features-box .get-started .button-box a:last-child {
    margin: 0
}

.features-box .customers-slider {
    text-align: center
}

.features-box .customers-slider .slick-dots {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 60px auto 0;
    padding: 0 20px 0 0 !important
}

.features-box .customers-slider .slider-nav .wr {
    padding: 0 20px 0 0
}

.features-box .customers-slider .customers-slider-wr .inner {
    text-align: center
}

.features-box-head {

    background-position: center center;
    background-size: cover;
    padding: 0 !important
}

.features-box-head .wr {
    height: 430px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff
}

.features-box-head .wr h1 {
    font-size: 40px;
    line-height: 1.2
}

.features-box-head .wr p {
    font-size: 16px;
    line-height: 1.5;
    margin: 40px 0 0 0
}

.aside-box {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    pointer-events: none
}

.aside-box.fixed-position {
    position: fixed;
    top: auto;
    bottom: 20px;
    z-index: 2
}

.aside-box.fixed-position.position-bottom {
    position: absolute
}

.aside-box .features-aside {
    pointer-events: all;
    max-width: 298px;
    background: #f9f9fa;
    border-radius: 5px;
    border: 1px solid #d4d5d6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 60px 20px
}

.aside-box .features-aside .aside-title {
    color: #323a45;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 18px 0;
    text-transform: uppercase;
    padding: 0 20px
}

.aside-box .features-aside ul li {
    padding: 8px 10px
}

.aside-box .features-aside ul li.active {
    position: relative;

    border-radius: 4px 0 0 4px
}

.aside-box .features-aside ul li.active:before {
    content: '';
    left: 100%;
    top: 50%;
    width: 0;
    height: 0;

    border-width: 15px 0 15px 10px;

    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.aside-box .features-aside span {
    text-transform: uppercase;
    font-weight: 600;
    color: #757f84;
    margin: 16px 0 11px;
    display: inline-block;
    padding: 0 10px
}

.aside-box .features-aside a {
    color: #39c0f9
}

.features-box-head.features-box--fix-mobile .features-box__text {
    margin-bottom: 30px
}

@media only screen and (max-width: 800px) {
    .features-box-head.features-box--fix-mobile {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .features-box-head.features-box--fix-mobile .button-box {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (max-width: 480px) {
    .features-box-head.features-box--fix-mobile {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .features-box-head.features-box--fix-mobile .features-box__text {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .features-box-head.features-box--fix-mobile .button-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .features-box-head.features-box--fix-mobile .button-box > span {
        color: #fff
    }

    .features-box-head.features-box--fix-mobile .button-box .button,
    .features-box-head.features-box--fix-mobile .button-box .demo-link {
        margin: 5px 0
    }
}

.feature-i-box.seo-content h2,
.feature-i-box.seo-content h3 {
    text-align: center;
    color: #323a45;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1.4;
    font-weight: 700;
    margin: 25px 0
}

.feature-i-box.seo-content p {
    padding: 10px 0;
    font-size: 16px;
    line-height: 1.4
}

.feature-i-box.seo-content .features-list {
    padding-bottom: 30px
}

.feature-i-box.seo-content .features-list p {
    padding: 0
}

.feature-i-box .top-dangers ol {
    list-style: decimal;
    list-style-position: inside;
    font-weight: 700
}

.feature-i-box .top-dangers ol li {
    padding: 0 0 15px 0;
    text-transform: uppercase
}

.feature-i-box .top-dangers ol li li {
    padding: 0;
    text-transform: none
}

.feature-i-box .top-dangers ol p {
    font-weight: 400;
    text-transform: none
}

.feature-i-box .top-dangers ol ul {
    list-style: disc;
    list-style-position: inside;
    padding: 10px
}

.feature-i-box .top-dangers ol ul li {
    font-weight: 400;
    line-height: 1.6;
    font-size: 16px
}

.feature-i-box .feature-content {
    font-size: 14px;
    line-height: 20px;
    color: #323a45;
    margin-bottom: 40px
}

.feature-i-box .feature-content .main-title:not(:first-child) {
    margin-top: 40px
}

.feature-i-box .feature-content .main-title:not(:first-child).no-margin-top {
    margin-top: 0
}

.feature-i-box .feature-content img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto
}

.feature-i-box .feature-content .resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
    margin-bottom: 10px
}

.feature-i-box .feature-content .resp-container .resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.feature-i-box .feature-content p {
    margin-bottom: 10px;
    font-size: inherit;
    line-height: inherit;
    padding: 0
}

.feature-i-box .feature-content .feature-button-wrapper {
    text-align: center;
    margin: 40px auto
}

.feature-i-box .feature-content .button:not(.button-show-more) {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.feature-i-box .feature-content button {
    -webkit-appearance: button
}

.feature-i-box .feature-content strong {
    font-weight: 700
}

.feature-i-box .feature-content ul,
.feature-i-box .feature-content ol {
    list-style-type: disc;
    margin-left: 23px;
    margin-bottom: 10px
}

.feature-i-box .feature-content ul li:not(:last-child),
.feature-i-box .feature-content ol li:not(:last-child) {
    margin-bottom: 5px
}

.feature-i-box .feature-content ol {
    counter-reset: section;
    list-style-type: none;
    margin-left: 24px
}

.feature-i-box .feature-content ol li {
    position: relative
}

.feature-i-box .feature-content ol li:before {
    counter-increment: section;
    content: counters(section, ".") ".";
    position: absolute;
    left: -22px;
    width: 20px;
    text-align: right
}

.feature-i-box .feature-content ol li > ol {
    margin-left: 25px;
    margin-top: 5px;
    margin-bottom: 0
}

.feature-i-box .feature-content ol li > ol li:before {
    left: -26px
}

.feature-i-box .feature-content ol li.bottom-bullet:before {
    counter-increment: none;
    content: ' '
}

.feature-i-box .feature-content ol li.bottom-bullet p:before {
    counter-increment: section;
    content: counters(section, ".") ".";
    position: absolute;
    left: -22px;
    width: 20px;
    text-align: right
}

.feature-i-box .feature-content .custom-bullet {
    list-style-type: none
}

.feature-i-box .feature-content .custom-bullet li {
    position: relative
}

.feature-i-box .feature-content .custom-bullet li:before {
    content: '';
    display: inline-block;
    width: 14px;
    margin-left: -14px
}

.feature-i-box .feature-content .custom-bullet li:after {
    content: '';
    position: absolute;
    left: -17px;
    top: 7px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #000
}

.feature-i-box .feature-content .custom-bullet li.no-bullet:after {
    background-color: transparent
}

.feature-i-box .feature-content .feature-content-hidden {
    display: none
}

@media only screen and (max-width: 960px) {

    .aside-box .features-aside {
        max-width: 238px;
        padding: 30px 8px
    }

    .features-box .feature-i-box .wr,
    .features-box .customers-slider .customers-slider-wr .inner,
    .features-box .customers-slider .wr,
    .features-box .customers-slider .customers-slider-wr .inner,
    .features-box .customers-slider .slick-dots {
        padding: 0 20px 0 278px
    }

    .features-box .get-started .button-box {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .features-box .feature-i-head h1 {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .features-box .feature-i-head .border-side {
        display: none
    }

    .features-box .compatible-box > div {
        padding: 30px 12px 0
    }

    .features-box .feature-case .l-side p {
        padding: 5px 0;
        font-size: 14px
    }

    .features-box .features-box-head .wr h1 {
        font-size: 30px
    }

    .features-box .feature-i h2 {
        font-size: 24px
    }

    .features-box .feature-i h2 br {
        display: none
    }

    .feature-i-head {
        text-align: center
    }

    .feature-i-head .button-box {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .feature-i-head .button-box > * {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin: 10px 0
    }

    .features-box .feature-i-head p {
        font-size: 14px
    }

    .features-box .features-list li span {
        font-size: 14px;
        line-height: 1.3
    }

    .features-box .compatible-box {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .features-box .compatible-box .l-side {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin: 0
    }

    .features-box .compatible-box .border-side {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin: 0
    }

    .features-box .compatible-box > div {
        padding: 30px 12px 0
    }

    .features-box .feature-case .wr {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .features-box .feature-case .wr > div {
        -webkit-flex-basis: 100% !important;
        -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
        margin: 0 0 40px 0;
        text-align: center
    }

    .features-box .feature-case .wr > div:last-child {
        margin: 0
    }

    .features-box .feature-case .box-title {
        margin: 0 auto 30px
    }

    .features-box .feature-i-head .l-side {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 500px;
        margin: 0 auto
    }

    .features-box .feature-i-box .main-title {
        text-align: center
    }

    .features-box .feature-i-box .main-steps-wr {
        text-align: center
    }

    .features-box .feature-i-box .main-steps-wr .step-i:before {
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }

    .features-box .feature-i-box.customers-slider .customers-slider-wr .inner {
        text-align: center;
        padding: 0 20px
    }

    .features-box .feature-i-box.start-monitoring-now .button-box {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .features-box .feature-i-box.start-monitoring-now .button-box > a {
        margin: 10px 10px
    }


    .for-comp .feature-i .border-side .img-box {
        max-width: 220px;
        margin: 0 auto
    }

    .features-box .feature-i-head .wr {
        min-height: 0
    }

    .features-box .feature-case .border-side .big-icon li img {
        max-width: 220px
    }

    .features-box .feature-i-head {
        margin: 50px 0
    }

}

@media only screen and (max-width: 800px) {
    .features-box .feature-i-box .wr.full-wr {
        padding: 0 15px !important
    }

    .features-box .feature-i-box .wr.full-wr.top-pad {
        padding: 40px 0 0 0 !important
    }

    .features-box .customers-slider .customers-slider-wr .wr.full-wr {
        padding: 0 45px !important
    }

    .features-box .customers-slider .slider-nav .prev.slick-arrow {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .features-box .customers-slider .slider-nav .next.slick-arrow {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

}

@media only screen and (min-width: 800px) {
    .product-features-button,
    .button-box-mobile,
    .session-code-mobile {
        display: none
    }

}

@media only screen and (max-width: 800px) {

    .aside-box {
        display: none
    }

    .features-box .feature-i-box .wr,
    .features-box .customers-slider .customers-slider-wr .inner,
    .features-box .customers-slider .wr,
    .features-box .customers-slider .customers-slider-wr .inner,
    .features-box .customers-slider .slick-dots {
        padding: 0 20px
    }

    .features-box .main-title {
        text-align: center
    }

    .features-box .customers-slider .customers-slider-wr .inner {
        text-align: center
    }

    .features-box .feature-i .border-side {
        display: none
    }

    .features-box .get-started .button-box {
        display: block
    }

    .features-box .get-started .button-box a {
        margin: 10px 0
    }

    .features-box .features-box-head .wr h1 {
        font-size: 26px
    }

    .features-box .features-box-head .wr h1 br {
        display: none
    }

    .features-box .feature-i .l-side {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        text-align: center
    }

    .features-box .feature-i h2 {
        display: block;
        font-size: 24px
    }

    .features-box .feature-i h2 i {
        display: block;
        margin: 0 0 20px 0
    }

    .features-box .feature-i .compatibility {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .features-box .feature-case .box-title {
        margin: 0 auto 20px
    }

    .features-box .feature-case .border-side p {
        margin: 20px 0 0 0
    }

    .features-box .feature-i-head h1 {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 20px 0 0 0;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .features-box .feature-i-head h1 > * {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .features-box .feature-i-head h1 i {
        margin: 0 0 20px 0
    }


}

.mr_top60 {
    margin-top: 60px
}

@media (max-width: 870px) {
    .mr_top60 {
        margin-top: 0px
    }

    .pd_0 {
        padding: 0px;
    }

}

.button.button-green {

    background: #3ecf8e;
    border: 2px solid #3ecf8e;
    font-weight: 700;
    text-transform: uppercase;

}

.button {

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 15px;
    color: #fff;
    height: 42px;
    border-radius: 6px;
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer;
    outline: 0 !important;
    min-width: 220px;
    border: 2px solid;
    font-family: 'Open Sans', sans-serif;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

}

.button-box {

    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;

}

.button-box.with-demo > span {

    color: #8b8b8b;
    margin: 0 10px;
    font-weight: 700;

}

.button.button-green-empty {

    color: #3ecf8e;
    font-weight: 700;
    border: 2px solid #3ecf8e;
    text-transform: uppercase;

}

.button.button-green-empty:hover {
    background: #3ecf8e;
    color: #fff
}

.main-steps .main-steps-wr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 1.5
}

.main-steps .main-steps-wr .step-i {
    -webkit-flex-basis: 29%;
    -ms-flex-preferred-size: 29%;
    flex-basis: 29%;
    position: relative;
    padding: 70px 0 0 0
}

.main-steps .main-steps-wr .step-i em {
    display: block;
    padding: 10px 0;
    font-style: italic
}

.main-steps .main-steps-wr .step-i em span {
    font-style: normal;
    font-weight: 800
}

.main-steps .main-steps-wr .step-i:nth-child(1):before {
    content: '1'
}

.main-steps .main-steps-wr .step-i:nth-child(2):before {
    content: '2'
}

.main-steps .main-steps-wr .step-i:nth-child(3):before {
    content: '3'
}

.main-steps .main-steps-wr .step-i:before {
    content: '';
    position: absolute;
    width: 46px;
    height: 46px;
    border: 2px solid #3ecf8e;
    border-radius: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    background: #3ecf8e;
    font-size: 20px;
    font-weight: 600;
    top: 0
}

.main-steps .main-steps-wr .step-i div {
    color: #323a45;
    font-weight: 700;
    margin: 0 0 10px 0
}

.main-steps .main-steps-wr .step-i p {
    font-size: 13px;
    color: #757f84
}

.main-steps .button-box {
    margin: 40px 0 0 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 800px) {
    .main-steps .main-steps-wr {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .main-steps .main-steps-wr .step-i {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin: 10px 0;
        padding: 55px 0 0 0
    }

}

.Reveal-globalFooterCard {
    z-index: 499;
    z-index: calc(500 - 1);
    position: relative;
    display: block;
    overflow: hidden;
    padding: 20px 40px 20px 100px;
    margin: 5px;
    background-color: var(--bg-card_r);
    border-radius: 8px;
    box-shadow: 0 13px 27px -5px rgba(50, 50, 93, .25), 0 8px 16px -8px rgba(0, 0, 0, .3), 0 -6px 16px -6px rgba(0, 0, 0, .025);
    transition-property: color, background-color, box-shadow, transform;
    transition-duration: .15s
}

.Reveal-globalFooterCard:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #aab7c4;
    pointer-events: none;
    opacity: 0;
    transition: opacity .15s
}

@media (min-width: 670px) {
    .Reveal-globalFooterCard {
        width: calc(50% - 30px);
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-left: 100px;
        margin: 15px;
    }
}


.Reveal-globalFooterCard:hover {
    color: #32325d !important;
    transform: translateY(-2px)
}

.Reveal-globalFooterCard:active, .Reveal-globalFooterCard:hover {
    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)
}

.Reveal-globalFooterCard:active {
    transform: translateY(2px)
}

.Reveal-globalFooterCard:active:after {
    opacity: .15
}

.Reveal-globalFooterCard .Reveal-Icon {
    position: absolute;
    width: 130px;
    height: 130px;
    left: -35px;
    top: calc(50% - 65px)
}

@media (min-width: 670px) {
    .Reveal-globalFooterCard .Reveal-Icon {
        left: -50px
    }
}

@media (min-width: 880px) {
    .Reveal-globalFooterCard .Reveal-Icon {
        left: -35px
    }
}

.Reveal-globalFooterCard svg {
    max-width: 110px;
    max-height: 110px
}

.Reveal-globalFooterCard svg .hover-fillDark, .Reveal-globalFooterCard svg .hover-fillLight {
    transition: fill .15s
}

.Reveal-globalFooterCard svg .hover-strokeDark, .Reveal-globalFooterCard svg .hover-strokeLight {
    transition: stroke .15s
}

.Reveal-globalFooterCard:hover svg .hover-fillDark {
    fill: #32325d
}

.Reveal-globalFooterCard:hover svg .hover-fillLight {
    fill: #8898aa
}

.Reveal-globalFooterCard:hover svg .hover-strokeDark {
    stroke: #32325d
}

.Reveal-globalFooterCard:hover svg .hover-strokeLight {
    stroke: #8898aa
}

.Reveal-globalFooterCard h2 {
    margin: 0 0 5px;
    white-space: normal
}

.Reveal-globalFooterCard:hover h2 {
    color: #32325d
}

.Reveal-globalFooterCard p {
    margin: 5px 0 0
}

.line-hight-24 {
    line-height: 24px
}

.Reveal-globalFooterCard--certificate .Reveal-Icon {
    left: -25px;
    top: calc(50% - 60px)
}

.Reveal-globalFooterCard--certificate .Reveal-Icon svg {
    max-width: none;
    max-height: none;
    widht: 140px;
    height: 140px
}

.emergencyFooterCards .container-lg, .emergencyFooterCards .container-xl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.what-is {
    background-color: var(--bg-head);
    padding: 41px 0 24px;
    text-align: left;
    margin-top: 0px !important;
}

@media (min-width: 992px) {
    .what-is {
        text-align: center;
        padding-top: 30px;
        padding-bottom: 0;
        overflow: hidden;
        margin-top: 0px;
    }
}

.what-is__wrapper {
    max-width: 896px
}

.what-is__main-headline {
    color: #fff;
    margin-bottom: 25px
}

@media (min-width: 992px) {
    .what-is__main-headline {
        font-size: 32px;
        margin-bottom: 15px
    }
}

.what-is__text {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 30px;
    color: #fff
}

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

.what-is__text p:last-child {
    margin-bottom: 0
}

@media (min-width: 992px) {
    .what-is__text {
        font-size: 18px;
        line-height: 1.67;
        margin-bottom: 36px
    }
}

.what-is__img {
    display: block;
    margin: auto;
    width: 100%;
    max-width: 288px;
    height: auto
}

@media (min-width: 992px) {
    .what-is__img {
        max-width: 480px;
        margin-bottom: -45px
    }
}

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

.play-about {
    position: relative;
    font-size: 0
}

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

}

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

.play-about .play-video:hover {
    background: #40887f
}

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

.about-mission {

    color: #fff;
    text-align: center;

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.drop-seo-wr.open .drop-seo-text::before {
    opacity: 0;
    visibility: hidden
}

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

.drop-seo-wr.open .drop-seo__less {
    display: inline
}

.drop-seo-wr.open .drop-seo__more {
    display: none
}

.drop-seo-wr .drop-seo-head {
    min-height: 48px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;

    color: var(--text-primary);
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    margin: auto;
    background-color: var(--bg-card_r);
    -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);
}

@media (min-width: 992px) {
    .drop-seo-wr .drop-seo-head {
        -webkit-transition: border .4s ease-out;
        transition: border .4s ease-out
    }

    .drop-seo-wr .drop-seo-head:hover {
        background-color: var(--bg-accent);
        color:#fff
    }
}

.drop-seo-wr .drop-seo__less {
    display: none
}

.drop-seo-wr .drop-seo-text {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: .3s;
    transition: .3s;
    min-height: 170px;
    position: relative;
    margin-bottom: 25px
}

.drop-seo-wr .drop-seo-text::before {
    content: "";
    display: block;
    width: 100%;
    height: 50px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--field-background)));
    background-image: linear-gradient(transparent, var(--field-background));
    top: calc(100% - 50px);
    position: absolute;
    left: 0;
    z-index: 2;
    opacity: 1;
    visibility: visible;
    -webkit-transition: .4s;
    transition: .4s
}

@media (min-width: 992px) {
    .drop-seo-wr .drop-seo-text {
        min-height: 150px
    }
}

.drop-seo-wr .drop-seo-text .inner {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    -webkit-transition: .3s;
    transition: .3s;
    padding: 30px 0 40px;
    line-height: 1.5;

    margin: 0 auto
}

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

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

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

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

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

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

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

.drop-seo-wr .drop-seo-text .inner h3 {
    font-size: 1.2rem;
    margin: 15px 0 10px;
    font-weight: 500
}

.drop-seo-wr .drop-seo-text .inner p {
    padding: 10px 0;
    font-weight: 300;
    font-size: 15px;color:var(--text-primary)
}

.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;
    font-weight: 300;
}

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

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

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

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

.drop-seo-wr .drop-seo-text .button {
    margin: 10px auto;
    max-width: 250px
}

.list-f-top {
    color: #fefefd;
    font-size: 18px;
    line-height: 22px
}

.insta-spy-drop-seo .strong {
    font-weight: 700
}

.insta-spy-drop-seo ol {
    list-style: decimal;
    list-style-position: inside
}

.insta-spy-drop-seo li {
    margin: 0 0 10px 15px
}

.seo-info {
    padding-bottom: 40px;
    margin-top: -35px
}

.seo-info h1,
.seo-info h2,
.seo-info h3 {
    color: #323a45;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1.4;
    font-weight: 700;
    text-align: center;
    margin: 35px 0 35px
}

.seo-info p {
    line-height: 20px;
    color: #323a45;
    margin: 5px 0
}

.seo-info ul,
.seo-info ol {
    padding: 10px 0;
    padding-left: 20px
}

.seo-info ul li,
.seo-info ol li {
    line-height: 20px;
    margin: 5px 0
}

.seo-info ul {
    list-style: disc
}

.seo-info ol {
    list-style: decimal
}

.so-content h3 {
    font-size: 25px;
    max-width: 260px;
    margin: 0 auto 30px
}

#customer-logos {

    margin-top: 0px;
}

#customer-logos a {
    display: block;
    padding-top: 20px;
    padding-bottom: 10px
}

#customer-logos .common-Button {
    position: absolute;
    z-index: 1;
    left: 50%;
    transform: translate(-50%, 5px) scale(.95);
    opacity: 0;
    transition: .7s cubic-bezier(.19, 1, .22, 1)
}

#customer-logos ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

#customer-logos li {
    margin: 10px
}

@media (min-width: 880px) {
    #customer-logos a {
        padding-top: 70px;
        padding-bottom: 65px
    }

    #customer-logos ul {
        -ms-flex-pack: justify;
        justify-content: space-between;
        transition: 1s cubic-bezier(.19, 1, .22, 1);
        will-change: transform;
        filter: blur(0)
    }

    #customer-logos a:hover .common-Button {
        opacity: 1;
        transform: translate(-50%, -7px)
    }

    #customer-logos a:hover ul {
        opacity: .7;
        transform: scale(.95);
        filter: blur(10px)
    }

    #customer-logos li {
        margin: 0
    }
}

#customer-logos img {
    height: 20px;
    vertical-align: middle
}

#customer-logos [src$="visa-xxl.png"] {
    height: 54px
}

#customer-logos [src$="ya.png"] {
    height: 54px
}

#customer-logos [src$="btc.png"] {
    height: 54px
}

#customer-logos [src$="mastercard.png"] {
    height: 54px
}

#customer-logos [src$="maestro.png"] {
    position: relative;
    top: 2px;
    height: 54px
}

#customer-logos [src$="qiwi.png"] {
    position: relative;
    bottom: 1px;
    height: 54px
}

#customer-logos [src$="mir.png"], #customer-logos [src$="pinterest.svg"] {
    height: 54px
}

#customer-logos [src$="deliveroo.svg"] {
    height: 40px
}

#customer-logos [src$="drivy.svg"] {
    height: 24px
}

#customer-logos [src$="heetch.svg"] {
    height: 26px
}

#customer-logos [src$="elcorteingles.svg"] {
    height: 45px
}

#customer-logos [src$="chope.png"] {
    height: 40px
}

#customer-logos [src$="hipvan.png"] {
    height: 30px
}

.steps-section {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0
}

.steps-section__wrapper {
    text-align: center;
    padding-top: 48px;
    padding-bottom: 48px
}

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

.steps-section__main-headline {
    line-height: 32px;
    font-size: 24px;
    color: #3f8a7f;
}

@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: 26px;
    border-left: 1px solid #3f8a7f
}

@media (min-width: 992px) {
    .steps-section__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-left: 0;
        border-left: 0 none;
        margin-top: 90px;
        margin-left: 0
    }
}

.steps-section__step {
    position: relative
}

@media (min-width: 992px) {
    .steps-section__step {
        width: calc(100% / 3)
    }

    .steps-section__step + .steps-section__step {
        padding-left: 24px
    }

    .steps-section__step:before {
        content: ' ';
        position: absolute;
        left: 96px;
        top: -39px;
        width: calc(100% - 96px);
        height: 1px;
        background-color: #3f8a7f
    }

    .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: #3f8a7f;
    width: 24px;
    height: 24px;
    border: 1px solid #56c673;
    border-radius: 50%;
    background-color: var(--bg-main-2);
    -webkit-box-shadow: 0 0 0 16px #fff;
    box-shadow: 0 0 0 16px #fff
}

@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: 700;
    line-height: 25px;
    margin-bottom: 8px;
    color: #3f8a7f
}

@media (min-width: 992px) {
    .steps-section__headline {
        font-size: 18px;
        color: #3f8a7f;
        margin-bottom: 16px
    }
}

.steps-section__headline-superscript {
    font-size: 9px;
    vertical-align: super
}

.steps-section__text {
    line-height: 22px;
    font-size: 16px;
    color: var(--text-subhead);
}

.steps-section__text-italic {
    font-size: 12px;
    display: block;
    margin-top: 16px
}

@media (min-width: 992px) {
    .steps-section__text-italic {
        font-size: 14px
    }
}

#pricing {
    position: relative;
    z-index: 2;
}

#pricing .card {

    padding: 0;
    overflow: hidden;
    margin-bottom: 30px;
}

@media (min-width: 670px) {
    #pricing .card {
        display: grid;
        grid-template-columns:64% auto
    }
}

#pricing .card > div {
    padding: 40px
}

@media (min-width: 880px) {
    #pricing .card > div {
        padding: 40px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }
}

#pricing div.standard {
    position: relative
}

@media (min-width: 880px) {
    #pricing div.standard {
        padding-left: 120px
    }
}

#pricing div.standard:before {
    content: "";
    display: block;
    margin: -15px 0 10px -5px;
    width: 110px;
    height: 110px;
    background: url(/images/svg/pricing.svg) 50%/100% 100%
}

@media (min-width: 670px) {
    #pricing div.standard:before {
        position: absolute;
        margin: 0;
        width: 130px;
        height: 130px;
        top: calc(50% - 65px);
        left: -35px
    }
}

#pricing .fee {
    margin-top: 20px;
    white-space: nowrap
}

@media (min-width: 880px) {
    #pricing .fee {
        text-align: right;
        margin: -30px 0 -30px 30px
    }
}

#pricing .fee strong {
    display: block;
    font-size: 26px;
    font-weight: 400;
    color: #24b47e;
    margin-bottom: 3px
}

#pricing .fee small {
    font-size: 15px;
    color: #8898aa
}

#pricing .fee small + strong {
    margin-top: 15px
}

#pricing .enterprise {
    background-color: #ecf1f4;
    display: flex;
    align-items: center
}

#pricing h3 {
    font-size: 19px;
    color: #626d7a;
    margin-bottom: 5px
}

.product-head-top {

    position: absolute;
    background: #87de7f;
    color: #fff;
    font-size: 10px;
    padding: 8px 50px 7px;
    letter-spacing: .08em;
    right: 20px;
    top: 20px;
    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;

}

.ftsz_27 {
    font-size: 27px!important;
}

@media (max-width: 670px) {
    .ftsz_27 {
        font-size: 24px!important;
    }
}

.ftsz_25 {
    font-size: 25px!important;
    line-height: 35px!important;
}
.react-multi-carousel-list {
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative
}

.react-multi-carousel-track {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    position: relative;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform, transition
}

.react-multi-carousel-dot-list {
    position: absolute;
    bottom: 0;
    display: flex;
    left: 0;
    right: 0;
    justify-content: center;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.react-multi-carousel-dot button {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 1;
    box-shadow: none;
    transition: background .5s;
    border: 2px solid grey;
    padding: 0;
    margin: 0 6px 0 0;
    outline: 0;
    cursor: pointer
}

.react-multi-carousel-dot--active button,
.react-multi-carousel-dot button:hover:active {
    background: #080808
}

.react-multi-carousel-item {
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .react-multi-carousel-item {
        flex-shrink: 0 !important
    }

    .react-multi-carousel-track {
        overflow: visible !important
    }
}

@media (min-width: 768px) {
    .md\:-mx-64 {
        margin-left: -16rem !important;
        margin-right: -16rem !important
    }
}

@media (max-width: 768px) {
    .md\:-mx-64 {
        margin-left: -30rem !important;
        margin-right: -16rem !important
    }
}
.overflow-hidden {
    overflow: hidden !important;
}
.relative {
    position: relative !important;
}
.px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
.items-center {
    align-items: center !important;
}

.mb-3 {
    margin-bottom: .75rem !important;
}
.scale-90 {
    transform: scale(.9) !important;
}
.duration-500 {
    transition-duration: .5s !important;
}
.transition {
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform !important;
}
.scale-90 {
    --transform-scale-x: 0.9 !important;
    --transform-scale-y: 0.9 !important;
}
.opacity-25 {
    opacity: .25 !important;
}
.max-w-md {
    max-width: 28rem !important;
}
.w-2 {
    width: .5rem !important;
}
.m-1 {
    margin: .25rem !important;
}
.h-2 {
    height: .5rem !important;
}
.cursor-pointer {
    cursor: pointer !important;
}
.rounded-full {
    border-radius: 9999px !important;
}
.bg-gray-200 {
    background-color: #eee !important;
}
.text-xl {
    font-size: 14px !important;
    line-height: 25px;
    color:var(--text-primary)
}
.weight-b {color:var(--text-primary)}
.pb-8 {
    padding-bottom: 2rem !important;
}
.float-right {
    float: right;
}
.votee {
    color: #ffb800;
}

.iconWrapper {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0
}

.iconWrapper.titleIcon, .titleIcon {
    display: flex;
    margin-bottom: 15px
}

.section--center .titleIcon {
    display: flex;
    justify-content: center;
    margin: 0 auto 15px
}

.iconWrapper .backdrop {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%)
}

.iconWrapper .icon {
    margin: 0 !important
}

.iconWrapper.hexagon .icon {
    background-size: 50%
}

.iconWrapper svg.icon {
    max-width: 50%;
    max-height: 50%
}

.iconWrapper.circle .icon, .iconWrapper.rounded .icon {
    background-size: 60%
}

.iconWrapper.circle svg.icon, .iconWrapper.rounded svg.icon {
    max-width: 60%;
    max-height: 60%
}

.icon {
    position: relative;
    background-size: 100%;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.media img {
    display: block
}

.media--image {
    width: 100%
}

.media--image, .media--video {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%
}

.media--video.media--cover {
    object-fit: cover;
    width: auto;
    width: 100%;
    max-height: 100vh
}

.media--video.media--uploading {
    background-color: #fafafa;
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 5px;
    flex-grow: 1;
    text-align: center;
    font-weight: 500
}

.mediawrapper--cover img {
    object-fit: cover
}

.divider {
    pointer-events: none
}

.divider svg {
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100vw;
    min-width: 800px;
    z-index: 2
}

.divider--back, .divider--slantedTwo, .divider--tallWave {
    z-index: 0
}

.divider--curve svg {
    transform: translateX(-50%);
    left: 50%
}

.inlineFormWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 5px
}

.inlineFormWrapper.left, .inlineFormWrapper.right {
    align-items: flex-start
}

.inlineForm {
    position: relative;
    display: block
}

.inlineFormContent {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: -5px
}

.inlineFormWrapper.center .inlineFormContent {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

.inlineForm--a .btn, .inlineForm--a input {
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08)
}

.inlineForm--c .btn, .inlineForm--c input {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .171)
}

.inlineForm__legal {
    display: none;
    position: absolute;
    top: -11px;
    transform: translateY(-100%);
    background: #fff;
    color: #000;
    border-radius: 4px;
    right: 0;
    max-width: 400px;
    box-shadow: 0 4px 5px rgba(0, 0, 0, .11);
    font-size: 14px;
    line-height: 19px;
    text-align: left
}

.inlineForm__legal.show {
    display: block
}

.inlineForm__legal p {
    margin: 15px 15px 12px
}

.inlineForm__legal:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border: 8px solid transparent;
    border-top-color: #fff;
    bottom: -15px;
    right: 50px
}

.inlineForm__accept {
    display: block;
    padding: 10px 15px;
    margin-top: 8px;
    text-align: center;
    border-top: 1px solid #efefef;
    user-select: none
}

.inlineForm__accept.error {
    color: #d15353
}

.inlineForm__accept input {
    margin-right: 8px
}

.inlineForm__input {
    position: relative;
    display: inline-block;
    width: 220px;
    box-sizing: border-box;
    margin: 5px;
    min-width: 0;
    height: 40px;
    z-index: 2;
    border: none;
    padding: 0 12px;
    font-size: 1.1em;
    outline: none;
    box-shadow: none;
    -webkit-appearance: none
}

.inlineForm__input.error {
    box-shadow: inset 0 0 0 2px #ff470f
}

.inlineForm--a .inlineForm__input, .inlineForm--c .inlineForm__input {
    border-radius: 3px
}

.inlineForm--b .inlineForm__input {
    position: relative;
    padding-left: 16px;
    border-radius: 1.4em;
    border: 1px solid rgba(0, 0, 0, .1);
    -webkit-appearance: none
}

.inlineForm .btn {
    position: relative;
    display: block;
    height: 40px;
    margin: 5px;
    white-space: nowrap
}

.inlineForm .btn:hover {
    transform: none
}

@media only screen and (max-width: 750px) {
    .inlineFormContent, .inlineFormWrapper, .inlineFormWrapper.left, .inlineFormWrapper.right {
        align-items: center;
        justify-content: center
    }

    .inlineForm__input {
        text-align: center
    }
}

.pdx {
    display: flex;
    align-items: center;
    box-sizing: border-box
}

.pdx--noOverflow {
    overflow: hidden
}

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

.ft--center .pdxParent--smartphones {
    box-sizing: content-box;
    width: auto
}

.ft--bottom .pdxParent--smartphones, .ft--center .pdxParent--smartphones {
    max-height: 410px;
    align-items: flex-start
}

.pdxContent {
    position: absolute;
    overflow: hidden
}

.pdxItem--browser {
    width: 800px;
    min-width: 500px
}

.pdxItem--browser > .pdxContent {
    top: 5.7%;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0 0 5px 5px
}

.pdxItem--laptop, .pdxItem--laptop-smartphone {
    width: 100%;
    max-width: 840px;
    min-width: 200px
}

.pdxItem--laptop-smartphone > .pdxContent, .pdxItem--laptop > .pdxContent {
    top: 4.4%;
    left: 11.8%;
    right: 11.8%;
    bottom: 8.7%;
    border-radius: 7px
}

.pdxItem--laptop-smartphone-phone, .pdxItem--smartphones, .pdxItem--smartphones-thin {
    width: 100%;
    max-height: 540px;
    max-width: 270px
}

.pdxItem--laptop-smartphone-phone > .pdxContent, .pdxItem--nestedPhone > .pdxContent, .pdxItem--smartphones-thin > .pdxContent, .pdxItem--smartphones > .pdxContent {
    top: 2.1%;
    left: 4.4%;
    right: 4.4%;
    bottom: 2.1%;
    border-radius: 28px
}

.pdxItem--laptop-3d {
    width: 100%;
    max-width: 710px;
    min-width: 500px
}

.pdxItem--laptop-3d > .pdxContent {
    top: 4.5%;
    left: 15.2%;
    right: 14.9%;
    bottom: 28.4%;
    border-radius: 2px
}

.pdxItem--laptop-3d-half {
    width: 710px;
    min-width: 710px;
    perspective: 500px;
    perspective-origin: top
}

.pdxItem--laptop-3d-half > .pdxContent {
    top: -13%;
    left: 9.5%;
    right: 9.5%;
    bottom: 28.5%;
    transform: rotateX(-53.5deg);
    border-radius: 2px
}

.pdxItem--laptop-smartphone-phone {
    position: absolute;
    left: -10px;
    bottom: -20px;
    width: 25%
}

.ft--right .pdxItem--laptop-smartphone-phone {
    left: auto;
    right: -10px
}

.pdxItem--laptop-smartphone-phone .pdxContent {
    border-radius: 20px
}

.pdxItem--nestedPhone {
    position: absolute;
    width: 100%;
    left: 80%;
    top: 0;
    z-index: -1 !important;
    transform: scale(.9)
}

.ft--bottom .pdx--devices-2 .pdxItem--nestedPhone, .ft--center .pdx--devices-2 .pdxItem--nestedPhone {
    transform: scale(1) !important;
    right: 87% !important
}

.ft--right .pdxItem--nestedPhone {
    left: auto;
    right: 80%
}

.pdxItem--nestedPhone.two {
    left: 150%;
    z-index: -2 !important;
    transform: scale(.8)
}

.ft--right .pdxItem--nestedPhone.two {
    left: auto;
    right: 150%
}

.pdxItem--img-solid {
    overflow: hidden
}

.pdxItem--img-solid > img, .pdxItem--img-solid > video, .pdxItem--img-transparent > img, .pdxItem--img-transparent > video, .pdxItem--video > video {
    display: block;
    max-height: 500px;
    max-height: calc(var(--pdx-maxheight) * 500px);
    max-width: 100%
}

.pdxContent img, .pdxContent video {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top
}

.pdxItem svg {
    display: block;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    filter: drop-shadow(0 8px 16px #0005)
}

.ft--bottom .pdxItem {
    min-width: 0
}

.ft--bottom .pdxItem--laptop-smartphone-phone, .ft--center .pdxItem--laptop-smartphone-phone {
    bottom: -10px
}

.ft--bottom .pdxItem--nestedPhone.one, .ft--center .pdxItem--nestedPhone.one {
    left: auto;
    right: 60%;
    transform: scale(.8)
}

.ft--bottom .ft--right .pdxItem--nestedPhone.two, .ft--bottom .pdxItem--nestedPhone.two, .ft--center .ft--right .pdxItem--nestedPhone.two, .ft--center .pdxItem--nestedPhone.two {
    right: auto;
    left: 60%
}

.ft--bottom .pdx--devices-2 .pdxItem--smartphones, .ft--center .pdx--devices-2 .pdxItem--smartphones {
    transform: translate(43%)
}

@media only screen and (max-width: 1000px) {
    .ft--left .pdxItem--laptop-smartphone-phone > .pdxContent, .ft--right .pdxItem--laptop-smartphone-phone > .pdxContent {
        border-radius: 14px
    }

    .pdxItem--laptop-3d-half {
        width: 500px;
        min-width: 500px
    }

    .pdxItem--laptop-3d-half > .pdxContent {
        top: -22.6%;
        bottom: 19.8%;
        transform: rotateX(-61.5deg)
    }
}

@media only screen and (max-width: 750px) {
    .pdx {
        max-height: 500px
    }

    .pdxParent--smartphones {
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-height: 370px !important;
        align-items: flex-start !important
    }

    .pdxItem--smartphones {
        min-width: 0;
        transform: scale(.9)
    }

    .pdxItem--laptop-smartphone-phone {
        bottom: -10px
    }

    .pdxItem--laptop-smartphone-phone .pdxContent {
        border-radius: 14px
    }

    .pdx--devices-2 .pdxItem--nestedPhone {
        transform: scale(1) !important;
        right: 87% !important
    }

    .pdx--devices-2 .pdxItem--smartphones {
        transform: translate(43%)
    }

    .pdxItem--img-solid > img, .pdxItem--img-transparent > img {
        max-height: 400px
    }

    .pdxItem--nestedPhone.one {
        left: auto;
        right: 60%;
        transform: scale(.8)
    }

    .ft--right .pdxItem--nestedPhone.two, .pdxItem--nestedPhone.two {
        right: auto;
        left: 60%
    }
}



.ft {
    position: relative;
    display: flex;
    width: 100vw;
    text-align: left;
    min-height: 500px;
    min-height: var(--pdx-min-height);
    --pdx-pm: 1
}

.ft--noPdx {
    margin: 0 auto;
    max-width: var(--wr-max)
}

.section--hero .ft {
    min-height: 700px;
    min-height: var(--pdx-min-height)
}

.ft .section__subtitle, .ft .section__title {
    text-align: left;color:var(--text-primary)
}

.ft--bottom .hero__subtitle, .ft--bottom .hero__title, .ft--bottom .section__subtitle, .ft--bottom .section__title, .ft--center .hero__subtitle, .ft--center .hero__title, .ft--center .section__subtitle, .ft--center .section__title {
    text-align: center
}

.ft__half {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 50px 0;
    box-sizing: border-box
}

.ft--left .ft__half, .ft--right .ft__half {
    padding-bottom: calc(50px + var(--pdx-pb) * var(--pdx-pm) * 1px)
}

.ft--bottom .ft__half:first-child, .ft--center .ft__half:first-child, .ft--left .ft__half, .ft--right .ft__half {
    padding-top: calc(10px + var(--pdx-pt) * var(--pdx-pm) * 1px)
}

.ft--bottom .ft__half:last-child, .ft--center .ft__half:last-child {
    padding-bottom: calc(10px + var(--pdx-pb) * var(--pdx-pm) * 1px)
}

.ft--twoBg.ft--left .ft__half:not(.pdx) {
    padding-left: 0
}

.ft--bottom:not(.ft--twoBg):not(.ft--noPdx) .ft__half:first-child, .ft--center:not(.ft--twoBg):not(.ft--noPdx) .ft__half:first-child {
    padding-bottom: 0
}

.ft--noPdx .ft__half {
    padding-bottom: calc(50px + var(--pdx-pb) * var(--pdx-pm) * 1px)
}

.ft__half .ft__wrapper {
    z-index: 4
}

.ft__half .pdxItem {
    z-index: 3
}

.ft--center .ft__half .pdxItem--smartphones {
    z-index: 1
}

.ft--twoBg .ft__half, .ft__half.pdx {
    padding-left: 50px;
    padding-right: 50px
}

.ft__half:first-child .ft__wrapper {
    margin-left: 30px
}

.ft__half:last-child .ft__wrapper {
    margin-right: 30px
}

.ft--bottom .ft__wrapper, .ft--center .ft__wrapper {
    margin: 0 !important;
    max-width: none !important;
    padding: 0 30px
}

.ft__half:last-child {
    justify-content: flex-start
}

.ft__content, .ft__media {
    display: flex;
    flex-direction: column
}

.ft__media {
    justify-content: flex-start
}

.ft--noPdx .ft__wrapper {
    max-width: none !important
}

.ftPoint {
    display: flex;
    margin-top: 30px;
    max-width: 600px
}

.ftPoint .icon, .ftPoint .iconWrapper {
    margin-right: 15px;
    margin-top: 4px
}

.ftPoint .iconWrapper .icon {
    margin: 0
}

.ftPoint__meta {
    display: flex;
    flex-direction: column;
    max-width: calc(100% - 50px);
    text-align: left
}

.ftPoint__title {
    margin: 0;
    font-size: 1.25em
}


.ftPoint__description p {
    margin: 0
}

.ftChecks {
    display: flex;color:var(--p-text);
    flex-wrap: wrap;
    margin-top: 30px;
    font-size: 1.15em
}

.ftCheck {
    display: flex;
    align-items: center;
    margin-right: 18px;
    margin-bottom: 18px
}

.ftCheck:last-child {
    margin-right: 0
}

.ftCheck svg {
    margin-right: 5px
}

.ft--bottom, .ft--center {
    flex-direction: column;
    min-height: 0;
    text-align: center
}

.ft--bottom .ctas, .ft--center .ctas {
    justify-content: center
}

.ft .ctas {
    margin-top: 25px
}

.ft--bottom .ft__content, .ft--center .ft__content {
    width: 100%;
    max-width: 850px;
    align-items: center
}

.ft--bottom > div, .ft--center > div {
    width: 100%;
    justify-content: center !important
}

@media only screen and (max-width: 750px) {
    .ft {
        flex-direction: column;
        min-height: 0;
        text-align: center;
        --pdx-pm: 0.3
    }

    .ft--right {
        flex-direction: column-reverse
    }

    .ft--right .ft__half:first-child {
        padding-top: 50px
    }

    .ft--right .ft__half:last-child {
        padding-bottom: 50px
    }

    .ft:not(.ft--right):not(.ft--noPdx) .ft__half:last-child {
        padding-top: 50px
    }

    .ft:not(.ft--right):not(.ft--noPdx) .ft__half:first-child {
        padding-bottom: 50px
    }

    .section--hero .ft {
        min-height: 0
    }

    .ft__wrapper {
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 30px
    }

    .ft--right:not(.ft--twoBg):not(.ft--noPdx) .ft__half:last-child, .ft:not(.ft--twoBg):not(.ft--right):not(.ft--noPdx) .ft__half:first-child {
        padding-bottom: 0
    }

    .ft--twoBg .ft__half:not(.pdx), .ft__half {
        padding-left: 0;
        padding-right: 0
    }

    .ft--twoBg .ft__half.pdx, .ft__half.pdx {
        padding-left: 25px;
        padding-right: 25px
    }

    .ft--center .section__subtitle, .ft--center .section__title, .hero__subtitle, .hero__title {
        text-align: center
    }

    .ft--right > div, .ft > div {
        width: 100%;
        justify-content: center !important
    }

    .ft__half:last-child .pdxItem--smartphones {
        z-index: 2
    }
}

@media only screen and (max-width: 500px) {
    .ft > div.pdxParent--laptop-smartphone {
        justify-content: flex-start !important
    }
}

section.pricing ul {
    margin-top:20px
}
section.pricing li {
    padding-left:36px;
    background-image:var(--check);
    background-size:18px 18px;
    background-position:0 4px;
    background-repeat:no-repeat
}

section.pricing ul.requirements {
    list-style-type:disc
}
section.pricing ul.requirements li {
    background-image:none;
    color:#aab7c4;
    margin-left:20px;
    padding-left:14px
}
section.pricing .tiers {
    display:grid;
    grid:auto/1fr;
    grid-gap:30px
}
@media (min-width:670px) {
    section.pricing .tiers {
        grid:auto/48px 1fr minmax(auto,220px);
        grid-gap:50px
    }
}

section.express-account {
    position:relative;
    padding-top:60px;
    padding-bottom:0px
}
@media (min-width:880px) {
    section.express-account {
        padding-top:0;
        padding-bottom:0px
    }
}
section.express-account:before {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    content:'';
    transform:skewY(-12deg);
    transform-origin:0;

}
@media (min-width:670px) {
    section.express-account:before {
        display:none
    }
}
section.express-account .container-lg {
    position:relative
}
section.express-account .express-account-columns {
    display:-ms-flexbox;
    display:flex;
    position:relative
}
@media (max-width:670px) {
section.express-account .express-account-columns {

    display:block;
    position:relative
}

}

section.express-account .express-name {
    text-transform:uppercase;
    color:var(--text-comonbody);
    font-size:22px;
    font-weight:600;
    line-height:33px;
    margin-top:21px;
    margin-bottom:6px
}
section.express-account .express-account-headline {
    color:#68d4f8;
    font-size:32px;
    font-weight:300;
    line-height:50px;
    margin-bottom:35px;
    position:relative;
    left:-2px
}

section.express-account .info-column {
    -ms-flex:1 0;
    flex:1 0
}
@media (min-width:670px) {
    section.express-account .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-account .info-column svg {
    position:relative;
    left:-6px
}
section.express-account .express-account-copy {
    margin-bottom:25px
}
@media (min-width:670px) {
    section.express-account .express-account-copy {
        max-width:465px
    }
}
section.express-account .epicalyx-column {
    padding-top:50px
}
@media (min-width:670px) {
    section.express-account .epicalyx-column {
        display:block;
        position:relative;
        -ms-flex:0 1 40%;
        flex:0 1 40%
    }
}
@media (min-width:880px) {
    section.express-account .epicalyx-column {
        padding-top:0
    }
}
section.express-account .phone-illustration {
    max-width:350px;
    height:100%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-pack:end;
    justify-content:flex-end;
    position:relative;
    z-index:1
}
@media (min-width:670px) {
    section.express-account .phone-illustration {
        min-height:685px
    }
}

section.express-account .phone-illustration svg {
    max-width:100%
}
section.express-account .phone-illustration .device-container {
    position:relative;
    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-account .phone-illustration .device-container .screen-container {
    position:absolute;
    top:11.66667%;
    left:5.68182%;
    width:88.63636%;
    height:76.66667%;
    overflow:hidden;
    border-radius:6px;
    box-shadow:-1px 1px 6px 0 rgba(171,183,204,.2)
}
section.express-account .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:url(/images/all-screens.webp);
    background-size:100% 100%
}
@media (-webkit-min-device-pixel-ratio:1.3),(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi) {
    section.express-account .phone-illustration .device-container .screen {
        background-image:url(/images/all-screens.webp)
    }
}
section.express-account .phone-illustration.image-1 .screen {
    transform:translateX(0)
}
section.express-account .phone-illustration.image-2 .screen {
    transform:translateX(-25%);
    left:-1px
}
section.express-account .phone-illustration.image-3 .screen {
    transform:translateX(-50%);
    left:-1px
}
section.express-account .phone-illustration.image-4 .screen {
    transform:translateX(-75%);
    left:-1px
}
@media (min-width:670px) {
    section.express-account .account-section-links {
        max-width:465px
    }
}

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

    padding:10px
}
.features-section__wrapper {
    text-align:center;
    padding-top:48px;

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

        text-align:left
    }
}
.features-section__monitor-data {
    width:48px;
    height:48px;
    display:none
}
@media (min-width:992px) {
    .features-section__monitor-data {
        width:64px;
        height:64px;
        display:block;
        margin:0 auto 15px
    }
}
.features-section__main-headline {
    margin-bottom:16px;line-height: 35px;
    font-size:24px; font-weight: 500;color: var(--text-primary);
}
@media (min-width:992px) {
    .features-section__main-headline {
        font-size:27px;
        text-align:center;
        line-height:44px;

        margin-left:auto;
        margin-right:auto;
        margin-bottom:25px
    }
}
@media (min-width:992px) {
    .features-section__feature-list {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        margin:0 -24px 12px
    }
}
.features-section__feature-figure {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start;
    padding-bottom:16px;
    padding-left:53px;
    margin-bottom:13px;
    color:inherit;
    position:relative
}
.features-section__feature-figure::before {
    content:"";
    display:block;
    width:calc(100% - 17px);
    left:33px;
    bottom:0;
    height:1px;

    position:absolute
}
@media (min-width:992px) {
    .features-section__feature-figure {
        -webkit-box-flex:1;
        -webkit-flex:1 1 18%;
        -ms-flex:1 1 18%;
        flex:1 1 18%;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column;
        width:92px;
        padding:20px 0;
        margin:0 22px 0
    }
    .features-section__feature-figure .custom-icon {
        width:32px;
        min-width:32px;
        height:32px;
        margin-right:15px
    }
    .features-section__feature-figure::before {
        display:none
    }
}
.custom-icon {
    display: inline-block;
    width: 36px;
    height: 36px;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    -webkit-transition: color .225s ease,fill .255s ease;
    transition: color .225s ease,fill .255s ease;
}
.features-section__feature-text {
    text-align:left;
    width:100%;
    padding-right:42px;
    font-size:15px;
    line-height:1.5;
    -webkit-box-sizing:border-box;
    box-sizing:border-box; color: var(--p-text);
}
@media (min-width:992px) {
    .features-section__feature-text {
        padding-right:0
    }
}
.features-section__icon {
    position:absolute;
    top:3px;
    left:0;
    fill:#44cf8e
}
@media (min-width:992px) {
    .features-section__icon {
        position:relative;
        top:0
    }
}
.features-section__feature-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex
}
@media (min-width:992px) {
    .features-section__feature-wrap {
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        margin-bottom:10px
    }
}
.features-section__feature-caption {
    font-weight:500;
    font-size:16px;color:var(--text-primary);
    line-height:1.57;
    margin-bottom:5px
}
@media (min-width:992px) {
    .features-section__feature-caption {
        font-size:18px;
        font-weight:500;
        line-height:1.22;
        margin-bottom:0
    }
}
.features-section__icon-check {
    margin-left:auto;
    width:12px;
    height:12px;
    position:absolute;
    top:0;
    right:8px
}
@media (min-width:992px) {
    .features-section__icon-check {
        display:none
    }
}
.features-section__button {

    display: block;
    width: 100%;
    max-width: 288px;
    margin: auto;
}
@media (min-width:992px) {
    .features-section__button {
        display:block;
        width:100%;
        max-width:288px;
        margin:auto
    }
}
.group-primary {
    background: #275d53;
}
.font_s15 {
    font-size: 15px!important;
}
.color_black{color:var(--h-color)}
.BillingLifecycleCard {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:72px;
    -webkit-transform:translateY(calc(var(--index)*(72px + 16px)));
    transform:translateY(calc(var(--index)*(72px + 16px)))
}
.BillingLifecycleCard--active {
    --index:1;
    z-index:var(--index)
}
.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(--bg-main-2)
}
.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 500ms cubic-bezier(0.645,0.045,0.355,1.000);
    transition:opacity 500ms cubic-bezier(0.645,0.045,0.355,1.000);
    border-top-left-radius:8px;
    border-bottom-left-radius:8px
}
.BillingLifecycleCard__iconContainer:after,
.BillingLifecycleCard__iconContainer:before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.BillingLifecycleCard__iconContainer:before {
    background-color:#15be53
}
.BillingLifecycleCard__iconContainer:after {
    background-color:#15be53
}
.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 500ms cubic-bezier(0.645,0.045,0.355,1.000);
    transition:opacity 500ms cubic-bezier(0.645,0.045,0.355,1.000);
    overflow:hidden
}
.BillingLifecycleCard--inactive .BillingLifecycleCard__body {
    opacity:.35
}
.BillingLifecycleCard__label {
    width:100%;

    letter-spacing:.2px;
    color:var(--text-comonbody);
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
.BillingLifecycleCard__timestamp {

    letter-spacing:.2px
}

.BillingLifecycleAnimation {
    --lifecycleAnimationCardSize: 72px;
    --lifecycleAnimationSpacing: 16px;
    --lifecycleAnimationVisibleEvents: 3;
    --lifecycleAnimationShadowPadding: 12px;
    position: relative;
    height: calc(var(--lifecycleAnimationCardSize) * var(--lifecycleAnimationVisibleEvents) + var(--lifecycleAnimationSpacing) * (var(--lifecycleAnimationVisibleEvents) - 1))
}

.BillingLifecycleAnimation--animating {
    --transitionDuration: 500ms;
    --transitionEasing: cubic-bezier(0.645, 0.045, 0.355, 1.000)
}

.BillingLifecycleAnimation__masked {
    position: absolute;
    top: calc((var(--lifecycleAnimationCardSize) + var(--lifecycleAnimationSpacing)) * -1);
    left: calc(0 * var(--lifecycleAnimationShadowPadding));
    right: calc(0 * var(--lifecycleAnimationShadowPadding));
    bottom: 0;
    overflow: hidden;
    -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(25%, #000));
    -webkit-mask-image: linear-gradient(0deg, transparent 0, #000 25%);
    mask-image: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(25%, #000));
    mask-image: linear-gradient(0deg, transparent 0, #000 25%);
}

.BillingLifecycleAnimation__container {
    position: absolute;
    top: 0;
    left: var(--lifecycleAnimationShadowPadding);
    right: var(--lifecycleAnimationShadowPadding);
    height: 100%
}
.display_none {
    display: none;
}
.color_h {color: #6e6e6e; margin-top: 5px}
.map_card{    background-image: url(/images/map-loc.svg);
    background-repeat: no-repeat;}

.w_100{width: 100px}
.w_110{width: 110px}
.w_20{width: 20px}
.w_140{width: 140px}
.w_60{width: 60px}
.w_170{width: 170px}
@media (max-width: 870px) {
    .w_110{width: 70px}
    .w_20{width: 15px}
    .w_140{width: 90px}
    .w_100{width: 70px}
    .w_60{width: 35px}
    .w_170{width: 100px}
}
.line_hg_fo{font-size: 13px; margin-bottom: 25px;line-height: 18px;color: #aab9c9}

.backgr_android {
    background: url(/images/android_backgrnd.png)no-repeat 590px -20px;
    background-size: 460px;
}
@media (max-width: 670px) {
    .backgr_android {
        background: url(/images/android_backgrnd.png)no-repeat 0px -20px;
        background-size: 260px;
    }
}
.backgr_iphone {
    background: url(/images/iphone_backgrnd.png)no-repeat 630px -20px;
    background-size: 460px;
}
@media (max-width: 670px) {
    .backgr_iphone {
        background: url(/images/iphone_backgrnd.png)no-repeat 0px -20px;
        background-size: 280px;
    }
}

.Reveal-LayoutColumns {
    display: flex;
    flex-direction: column;
    max-width: 1040px;
    padding: 20px 20px 20px 20px;
    margin-left: auto;
    margin-right: auto
}

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

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

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

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

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

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

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

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

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

.collect-email-container {
    padding:30px 60px;
    background-color: var(--bg-card);
}
.common-PageTitle2 {color: #68d4f8 !important;}
@media (max-width:510px) {
    .collect-email-container {
        padding: 15px 20px;
    }}

.collect-email-container .cta-loggedin {
    display:grid;
    grid-template-rows:auto auto;
    grid-template-columns:1fr;
    grid-gap:0 10px;
    gap:0 10px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media(min-width:880px) {
    .collect-email-container .cta-loggedin {
        grid-template-rows:1fr;
        grid-template-columns:.8fr auto
    }
}
.collect-email-container .cta-loggedout {
    text-align:center
}

.collect-email.bottom,.collect-email.service-partner {
    position:relative;
    padding-bottom:20px
}
.collect-email.service-partner {
    text-align:left
}
.collect-email-partial .intro-copy {
    -ms-flex-align:center;
    -webkit-box-align:center;
    align-items:center;
    -ms-flex-negative:0;
    flex-shrink:0;
    max-width:none;
    width:100%;
    padding:0 20px;
    -webkit-scroll-snap-coordinate:0 0
}
.collect-header,.collect-success {
    position:relative;
    text-align:center
}
.collect-header .icon,.collect-success .icon {
    position:relative;
    right:auto;
    left:auto;
    margin-bottom:10px;
    width:50px
}
.collect-header h3.concrete-BodyTitle,.collect-success h3.concrete-BodyTitle {
    margin-top:0;
    padding-top:0;
    margin-bottom:5px
}
.collect-header .common-BodyText,.collect-success .common-BodyText {
    padding-top:0
}
.collect-header .common-Uppercase,.collect-success .common-Uppercase {
    color:#424770;
    font-size:19px;
    line-height:25px;
    margin:8px 0;
    text-transform:uppercase
}
.collect-header .collected-email,.collect-success .collected-email {
    color:#32325d
}
.collect-form {

    position:relative;
    min-height:70px
}
.common-BodyText {
    color:var(--p-text)
}
.collect-input {
    background:var(--bg-card);

    border-radius:4px;
    max-width:540px;
    margin-left:auto;
    margin-right:auto;
    font-size:16px;
    line-height:22px;
    color:#323232
}
.service-partner .collect-input.email {
    margin:0
}
.collect-input-success-wrapper {
    position:relative;
    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;
    margin-left: 15px;
}
.collect-input .spinner {
    display:inline-block;
    height:40px;
    line-height:24px;
    width:24px;
    margin-right:10px;
    display:none;
    opacity:0;
    -webkit-transition:opacity .25s ease;
    transition:opacity .25s ease;
    will-change:opacity
}
.collect-input .spinner.shown {
    opacity:1;
    display:block
}
.collect-input .spinner-svg {
    position:relative;
    top:7px
}
.collect-input .spinner-ellipse {
    fill:transparent;
    stroke:#aab7c4;
    stroke-width:1.5;
    stroke-linecap:round;
    stroke-dasharray:60;
    stroke-dashoffset:20;
    -webkit-animation:SpinnerAnimationTail 2.55s ease-in-out infinite,SpinnerAnimationRotation .7s linear infinite;
    animation:SpinnerAnimationTail 2.55s ease-in-out infinite,SpinnerAnimationRotation .7s linear infinite;
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%
}

.collect-input.methods {
    margin-bottom:20px;
    height:40px;
    overflow:hidden;
    -webkit-transition:height var(--collect-transition-duration) ease-in-out,-webkit-box-shadow .15s ease;
    transition:height var(--collect-transition-duration) ease-in-out,-webkit-box-shadow .15s ease;
    transition:height var(--collect-transition-duration) ease-in-out,box-shadow .15s ease;
    transition:height var(--collect-transition-duration) ease-in-out,box-shadow .15s ease,-webkit-box-shadow .15s ease
}
.collect-input.methods.active {
    -webkit-box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
}
.collect-input.methods .placeholder,.collect-input.methods label {
    white-space:nowrap;
    text-overflow:ellipsis;
    padding:9px 13px;
    display:block;
    cursor:pointer;
    overflow:hidden
}
.collect-input.email {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-transition:-webkit-box-shadow .15s ease;
    transition:-webkit-box-shadow .15s ease;
    transition:box-shadow .15s ease;
    transition:box-shadow .15s ease,-webkit-box-shadow .15s ease
}
@media (max-width:670px) {
.collect-input.email {
    display:block;
}
}
.collect-input.email.active {
    -webkit-box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
}
.collect-input.email .email-field {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    width:50%
}
.collect-input.email .submit-button {
    margin:0;
    border:none;
    outline:none;
    background:transparent;
    padding:9px 13px;
    font:inherit;
    font-size:15px;
    text-transform:uppercase;
    font-weight:600;
    letter-spacing:.025em;
    color:#6772e5;
    cursor:pointer;
    position:relative;
    -webkit-transition:all .15s ease;
    transition:all .15s ease;
    padding-left:15px
}
.collect-input.email .submit-button:before {
    content:"";
    position:absolute;
    left:0;
    top:7px;
    bottom:7px;
    width:2px;
    background:#f6f9fc
}
.collect-input.email .submit-button:focus {
    background-color:#f6f9fc
}
.collect-input.email .submit-button:hover {
    color:#7795f8
}
.collect-input.email .submit-button:active {
    color:#555abf;
    background-color:#f6f9fc
}
.collect-error {
    font-size:15px;
    line-height:22px;
    color:#6b7c93;
    display:none;
    max-height:40px;
    max-width:440px;
    margin:10px auto 0
}
.collect-error.shown {
    display:block
}
.collect-email-partial.form-submitted .intro-copy {
    -webkit-transform:translateX(100%);
    transform:translateX(100%)
}
.collect-email-partial.form-submitted .collect-success {
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
    opacity:1
}
.partner_link {
    box-shadow: 0 1px 3px rgba(50,50,93,.15),0 1px 0 rgba(0,0,0,.02);
    border-radius: 4px;
    margin-right: 15px;
    font-weight: 600;
    background: #fff;

    padding: 9px 13px;
    -webkit-box-shadow: 0 1px 3px rgba(50,50,93,.15),0 1px 0 rgba(0,0,0,.02);
}

.interacitve__options-wrapper {
    position:relative
}
.interacitve__options-wrapper:after {
    content:"";
    height:calc(100% - 20px);
    width:50px;
    right:0;
    top:0;
    position:absolute;
    background-color:red;
    background:-webkit-gradient(linear,left top,right top,from(rgba(246,249,252,0)),color-stop(70%,#f6f9fc));
    background:linear-gradient(90deg,rgba(246,249,252,0),#f6f9fc 70%);
    z-index:0
}
@media(min-width:1040px) {
    .interacitve__options-wrapper:after {
        display:none
    }
}
.interactive__options {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    position:relative;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    padding:0 20px 20px
}
.interactive__options li {
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    margin:0 10px 0 0;
    overflow:hidden
}
@media(min-width:1040px) {
    .interactive__options li {
        overflow:visible
    }
}
.interactive__options li:last-child {
    margin:0;
    padding-right:20px
}
.interactive__options:after,.interactive__options:before {
    content:"";
    position:absolute;
    display:none
}
.interactive__options:before {
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(233,237,241,.27)),to(#cfd7df));
    background:linear-gradient(rgba(233,237,241,.27),#cfd7df);
    height:100%;
    top:15px;
    left:10px;
    width:2px
}
.interactive__options:after {
    background-color:#cfd7df;
    width:8px;
    height:8px;
    border-radius:100%;
    position:absolute;
    bottom:-15px;
    left:7px
}
@media(min-width:1040px) {
    .interactive__options {
        padding:0;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        overflow-x:visible
    }
    .interactive__options:after,.interactive__options:before {
        display:block
    }
    .interactive__options:last-child {
        margin:0;
        padding-right:0
    }
}
.interactive-options__queue {
    position:absolute;
    width:100%;
    bottom:-80px;
    left:0;
    padding:0 6px;
    display:none
}
.interactive-options__queue p {
    line-height:1.6;
    color:#6b7c93;
    font-size:15px
}
@media(min-width:1040px) {
    .interactive-options__queue {
        display:block
    }
}
html[lang=ja] .interactive-options__queue {
    bottom:-100px
}
.interactive-options__title {
    display:block;
    padding:0 20px;
    margin:0 0 20px;
    width:100%;
    max-width:450px;
    position:relative;
    z-index:1
}
@media(min-width:1040px) {
    .interactive-options__title {
        display:none
    }
}
.interactive__option {
    cursor:pointer;
    display:block;
    position:relative;
    text-align:left;
    padding:5px 10px 5px 43px;
    border-radius:4px;
    border:2px solid #e6ebf1;
    -webkit-transition:all .4s cubic-bezier(.25,.46,.45,.94);
    transition:all .4s cubic-bezier(.25,.46,.45,.94)
}
@media(min-width:1040px) {
    .interactive__option {
        padding:10px 0 10px 40px;
        padding-left:40px;
        border:none
    }
}
.interactive__option .interactive-option__text span {
    display:block;
    z-index:5
}
.interactive__option .interactive-option__text span:first-child {
    font:600 17px Camphor;
    line-height:1.9;
    color:#32325d
}
.interactive__option .interactive-option__text span:last-child {
    font:17px Camphor;
    line-height:1.4;
    color:#525f7f;
    -webkit-transition-delay:.15s;
    transition-delay:.15s;
    display:none
}
@media(min-width:1040px) {
    .interactive__option .interactive-option__text span:last-child {
        display:block
    }
}
.interactive__option .interactive-option__icon {
    width:22px;
    height:22px;
    border-radius:100%;
    -webkit-box-shadow:0 1px 3px rgba(50,50,93,.15),0 1px 0 rgba(0,0,0,.02);
    box-shadow:0 1px 3px rgba(50,50,93,.15),0 1px 0 rgba(0,0,0,.02);
    position:absolute;
    top:9px;
    left:10px;
    -webkit-transition:-webkit-box-shadow .3s ease-in-out;
    transition:-webkit-box-shadow .3s ease-in-out;
    transition:box-shadow .3s ease-in-out;
    transition:box-shadow .3s ease-in-out,-webkit-box-shadow .3s ease-in-out;
    background-color:#fff;
    pointer-events:none;
    z-index:5
}
@media(min-width:1040px) {
    .interactive__option .interactive-option__icon {
        top:15px;
        left:0
    }
}
.interactive__option .interactive-option__icon span {
    width:12px;
    height:12px;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.interactive__option .interactive-option__icon span.plus svg {
    -webkit-transform-origin:center center;
    transform-origin:center center;
    -webkit-transform:scale(.7) rotate(-90deg);
    transform:scale(.7) rotate(-90deg);
    opacity:0
}
.interactive__option .interactive-option__icon span.check svg {
    -webkit-transform-origin:3px bottom;
    transform-origin:3px bottom
}
.interactive__option .interactive-option__icon span svg {
    width:100%;
    height:100%
}
.interactive__option .interactive-option__highlight {
    display:block;
    width:22px;
    height:22px;
    border-radius:100%;
    background-color:#fff;
    background-color:rgba(66,71,112,.16);
    position:absolute;
    z-index:0;
    left:10px;
    top:9px
}
@media(min-width:1040px) {
    .interactive__option .interactive-option__highlight {
        top:15px;
        left:0
    }
}
.interactive__option:hover .interactive-option__text>span {
    opacity:.75
}
.interactive__option--selected {
    background-color:#313844
}
@media(min-width:1040px) {
    .interactive__option--selected {
        background-color:transparent
    }
}
.interactive__option--selected .interactive-option__text>span:first-child {
    color:#159570
}


.pricing-faq {

    padding-bottom:40px;
    position:relative
}

.pricing-faq .pricing-faq__container {
    display:grid;
    grid-template-rows:auto auto;
    grid-gap:30px 0;
    gap:30px 0
}
@media(min-width:670px) {
    .pricing-faq .pricing-faq__container {
        grid-template-columns:1fr 1fr;
        grid-template-rows:auto;
        grid-gap:0 20px;
        gap:0 20px
    }
}
.pricing-faq .pricing-faq__container .pricing-faq__fees,.pricing-faq .pricing-faq__container .pricing-faq__volume {
    position:relative;
    padding-left:45px;
    padding-right:0
}
@media(min-width:420px) {
    .pricing-faq .pricing-faq__container .pricing-faq__fees,.pricing-faq .pricing-faq__container .pricing-faq__volume {
        padding-left:50px
    }
}
@media(min-width:670px) {
    .pricing-faq .pricing-faq__container .pricing-faq__fees,.pricing-faq .pricing-faq__container .pricing-faq__volume {
        padding-left:70px;
        padding-right:30px
    }
}
.pricing-faq .pricing-faq__container .pricing-faq__fees:before,.pricing-faq .pricing-faq__container .pricing-faq__volume:before {
    content:"";
    position:absolute;
    width:22px;
    height:22px;
    top:2px;
    left:0;
    background-image:var(--check);
    background-repeat:no-repeat;
    background-size:cover
}
@media(min-width:420px) {
    .pricing-faq .pricing-faq__container .pricing-faq__fees:before,.pricing-faq .pricing-faq__container .pricing-faq__volume:before {
        width:28px;
        height:28px;
        top:2px
    }
}
@media(min-width:670px) {
    .pricing-faq .pricing-faq__container .pricing-faq__fees:before,.pricing-faq .pricing-faq__container .pricing-faq__volume:before {
        top:1px;
        left:28px
    }
}
.pricing-faq .pricing-faq__container .pricing-faq__volume {
    padding-top:30px
}
.pricing-faq .pricing-faq__container .pricing-faq__volume:before {
    top:32px
}
@media(min-width:670px) {
    .pricing-faq .pricing-faq__container .pricing-faq__volume {
        border-top:none;
        padding-top:0
    }
    .pricing-faq .pricing-faq__container .pricing-faq__volume:before {
        top:2px
    }
}
  .intro_s {
    margin: 0 auto;
    padding: 20px 0 20px;
    text-align: center;
    will-change: transform;
    z-index: 1;
    position: relative;
}