@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto-Light.ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto-Regular.ttf');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto-Medium.ttf');
    font-weight: 500 600;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto-Bold.ttf');
    font-weight: 800;
    font-style: normal;
}

body {
    font-family: Roboto, Arial, sans-serif !important;
    /*font-display:swap;*/
    width: 100%;
    min-width: 320px;
    min-height: 100%;
    /*display: inline-block;*/
    box-sizing: border-box;
    margin: 0px;
    font-weight: normal;
    overflow-x:hidden;
}

.wrap {
    margin: auto;
    box-sizing: border-box;
    height: 100%;
}
.head {
    position: fixed;
    top: 0px;
    border-bottom: 1px solid #000;
    width: 100%;
    box-sizing: border-box;
    background:#fff;
}
    .head .logo {
        background-image: url(/img/logo/a2b_logo.svg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        float: left;
    }
    .head .title {
        display: none;
    }
    .head .phone {
        float: right;
        text-align: left;
        margin-left: 30px;
    }
        .head .phone a.call {
            /*font-family: GeometriaBold;*/
            font-weight:500;
            color: #000;
            text-decoration: none;
        }
        .head .phone a.reg {
            display: none;
        }
.galka {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/outpages/landingpages/img/galochka_01.svg);
    height: 35px;
    width: 35px;
    margin: 30px 0px;
    float: left;
    clear: both;
}
.service {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 35px;
    width: 35px;
    margin: 30px 0px;
    float: left;
    opacity:0.68;
}
    .service.m11 {
        background-image: url(/img/d2/menu/portal.svg);
    }
    .service.m7 {
        background-image: url(/img/d2/menu/projects.svg);
    }
    .service.m10 {
        background-image: url(/img/d2/menu/ideas.svg);
    }
    .service.m5 {
        background-image: url(/img/d2/menu/crm.svg);
    }
    .service.m8 {
        background-image: url(/img/d2/menu/orders.svg);
    }
    .service.m13 {
        background-image: url(/img/d2/menu/sed.svg);
    }
.ll {
    float: left;
}
.grey {
    background: #F2F4F8;
}
.registrate {
    float: right;
    color: #008dd2;
    border: 1px solid #008dd2;
    border-radius: 25px;
    /*font-family: GeometriaBold;*/
    font-weight:500;
    margin: 4px 0px 4px 0px;
    cursor: pointer;
    text-decoration: none;
    display:block;
    
}
    .registrate.full {
        background: #008dd2;
        border: 0px;
        color: #fff;
        padding: 12px 40px;
        font-size: 19px;
        float: none;
        margin: 30px auto;
    }

.footer {
    background: #000;
    color: #fff;
    width: 100%;
    padding: 0px 0px;
    box-sizing: border-box;
    font-size: 14pt;
}
    .footer .title {
        float: left;
    }
    .footer .mobil {
        float: left;
    }
    .footer .phone {
        float: right;
        text-align: right;
    }
        .footer .phone span {
            float: left;
            width: 100%;
        }
    .footer .appstope {
        float: left;
        background-image: url(/img/Download_on_the_App_Store_Badge_RU_wht_100317.png);
        background-position: right center;
        background-size: contain;
        background-repeat: no-repeat;
        height: 35px;
        cursor: pointer;
        margin: 7px 0px;
        width: calc(50% - 20px);
        margin-right: 20px;
        box-sizing: border-box;
    }
    .footer .googleplay {
        float: left;
        background-image: url(/img/google-play-badge.png);
        background-position: 0 center;
        background-size: contain;
        background-repeat: no-repeat;
        height: 35px;
        cursor: pointer;
        width: 50%;
        margin: 7px 0px;
    }
.content {
    display: inline-block;
    width: 100%;
}


.mainraw.bl1 {
    height: calc(100vh - 60px);
    /*background-image: url(/outpages/landingpages/img/background.svg);*/
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

    .mainraw.bl1:before {
        content: "";
        top: 0;
        left: 0;
        position: absolute;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 100%;
        z-index: -1;
        /*background: linear-gradient( 137deg, #e2edff 33%, #e5fff0 66%, #f1edff 100%);*/
        background: linear-gradient( 180deg, #ffffff 80%, #F2F4F8 100%);
    }

#bodyIdContent:not(.mobile) .mainraw.bl1:before {
    /*height: 834%;*/
    /*background: linear-gradient( 137deg, #e2edff 0%, #e5fff0 15%, #f1edff 30%, #e2edff 45%, #e5fff0 60%, #f1edff 75%, #e2edff 90%, #e2edff 100%);*/
    /*animation: landing-background-anim 10s linear infinite;*/
}

/*#bodyIdContent:not(.mobile) .mainraw.bl1.mbl1-anim-showed:before {
    animation: landing-background-anim 10s linear infinite;
}*/

@keyframes landing-background-anim {
    0% {
        transform: translateY(0%);
    }

    100% {
        transform: translateY(-56%);
    }
}

    /*.mainraw.bl1:before {
        content: "";
        position: absolute;
        background-repeat: no-repeat;
        background-size: contain;
        width: 50%;
        height: 80%;
        left: 0;
        top: 50%;
        box-sizing: border-box;
        background-position: left center;
        -webkit-filter: blur(12px);
        -moz-filter: blur(12px);
        -o-filter: blur(12px);
        -ms-filter: blur(12px);
        filter: blur(12px);
        display: table-row-group;
        transform: translate(10%, -50%);
    }

    .mainraw.bl1.b-i-idea:before {
        background-image: url(/img/d2/menu/white/ideas.svg);
    }

    .mainraw.bl1.b-i-portal:before {
        background-image: url(/img/d2/menu/white/portal.svg);
    }*/

.mainraw.bl1 .image1 {
    opacity: 0;
    transform: translateX(15px) scale(0.99);
    transition: transform 0.15s cubic-bezier(0.4,0.0,0.2,1), opacity 0.15s linear;
    will-change: transform, opacity;
    /*transition: opacity 0.15s linear;*/
}
    .mainraw.bl1 .image1.bl1-img-showed {
        opacity: 1;
        transform: translateX(0px) scale(1);
    }

@media screen and (min-width: 1346px) {
    .content {
        min-height: calc(100vh - 178px);
        margin-top: 113px;
    }

    .mainraw.bl7 {
        padding-bottom: 50px;
    }

    .wrap {
        width: 1210px;
        padding: 0px 20px;
    }

    .head {
        padding: 27px 0px;
        height: 115px;
    }

        .head.scroll {
            padding: 5px 0px;
            height: 70px;
        }

        .head .logo {
            height: 60px;
            width: 190px;
        }

        .head .title {
            height: 60px;
            width: 250px;
            float: left;
            font-size: 17pt;
            margin-left: 20px;
            display: block;
        }

        .head .phone {
            width: 201px;
            font-size: 15pt;
        }

            .head .phone span {
                float: left;
                width: 100%;
            }

                .head .phone span.call {
                    font-size: 19pt;
                }

        .head .registrate {
            font-size: 14pt;
            padding: 12px 38px;
        }

    .footer {
        height: 65px;
    }

        .footer .title {
            font-size: 18px;
            padding: 21px 0px;
            width: 511px;
        }

        .footer .mobil {
            width: calc(100% - 706px);
            padding: 7px;
        }

        .footer .phone {
            width: 175px;
            font-size: 12pt;
            padding: 9px 0px;
        }

            .footer .phone span.call {
                /*font-family: GeometriaBold;*/
        font-weight: 500;
        font-size: 16pt;
    }
}

@media screen and (min-width: 720px) and (max-width: 1345px) {
    .content {
        min-height: calc(100vh - 199px);
        margin-top: 103px;
    }

    .wrap {
        min-width: 620px;
        padding: 0px 30px;
    }

    .head {
        padding: 27px 0px;
        height: 104px;
    }

        .head.scroll {
            padding: 5px 0px;
            height: 60px;
        }

        .head .logo {
            height: 55px;
            width: 150px;
        }

        .head.scroll .logo {
            margin-top: -4px;
        }

        .head .phone {
            width: 170px;
            font-size: 13pt;
        }

            .head .phone span {
                float: left;
                width: 100%;
            }

                .head .phone span.call {
                    font-size: 16pt;
                }

        .head .registrate {
            font-size: 12pt;
            padding: 10px 20px;
        }

    .footer {
        height: 95px;
    }

        .footer .title {
            font-size: 13pt;
            padding: 27px 0px;
            width: 300px;
        }

        .footer .mobil {
            width: calc(100% - 450px);
            padding: 13px 5px;
            vertical-align: middle;
            height: 100%;
            box-sizing: border-box;
        }

        .footer .phone {
            width: 150px;
            font-size: 17px;
            padding: 26px 0px;
        }

            .footer .phone span.call {
                /*font-family: Geometria;*/
                font-size: 18px;
            }

        .footer .appstope {
            width: 100%;
            height: 35px;
            margin: 0px;
            background-position: center;
        }

        .footer .googleplay {
            width: 100%;
            height: 45px;
            background-position: center;
        }
}

@media screen and (max-width: 719px) and (min-width: 320px) {

    .hidden_for_mobile {
        display: none;
    }
    
    .content {
        min-height: calc(100vh - 316px);
        margin-top: 83px;
    }

    .desc {
        font-size: 18px !important;
    }

    .news_fio, .news_rank, .news_body {
        font-size: 18px !important;
    }

    .wrap {
        min-width: 320px;
        padding: 0px 15px;
    }

    .head {
        padding: 10px 0px;
        height: 84px;
    }

        .head.scroll {
            padding: 0px 0px;
            height: 65px;
        }

        .head .logo {
            height: 65px;
            width: 84px;
        }

        .head .phone {
            width: 160px;
            font-size: 11pt;
        }

            .head .phone span {
                float: left;
                width: 100%;
            }

            .head .phone a.call {
                font-size: 14pt;
            }

            .head .phone a.reg {
                font-size: 11pt;
                color: #008dd2;
                /*font-family: GeometriaBold;*/
                font-weight: 500;
                text-decoration: underline;
                display: block;
            }

        .head .registrate {
            display: none;
        }

    .footer {
        height: 233px;
    }

        .footer .title {
            font-size: 12pt;
            padding: 20px 0px;
            text-align: center;
            width: 100%;
        }

        .footer .mobil {
            width: calc(100%);
            padding: 10px 0px;
        }

        .footer .phone {
            height: 60px;
            width: 250px;
            float: left;
            font-size: 11pt;
            text-align: center;
            width: 100%;
        }

            .footer .phone span.call {
                /*font-family: Geometria;*/
                font-size: 16pt;
            }
}

.mainraw {
    float: left;
    width: 100%;
    padding: 20px 0px;
    box-sizing: border-box;
    display: table;
    /*table-layout: fixed;*/
}

    .mainraw h2 {
        /*font-family: GeometriaBold;*/
        font-weight: 500;
        margin: 0px;
        box-sizing: border-box;
        display: block;
    }
    .mainraw h1 {
        /*font-family: GeometriaBold;*/
        font-weight: 500;
        margin: 0px;
        box-sizing: border-box;
        display: block;
    }

.bl1 .image1 {
    background-image: url(/outpages/landingpages/img/orders/1n.png);
    background-position-x: right;
    background-position-y: center;
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: contain;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    background-color: transparent;
}

.bl1 .left {
    display: table-cell;
    vertical-align: middle;
    padding-right: 30px;
    position:relative;
}

    .bl1 .left .sub {
        font-size: 24px;
        font-weight:normal;
        /*font-family: Geometria;*/
        width: 100%;
        margin: 13px 0px 20px 0px;
    }
    h2.sub{
        line-height:normal!important;
    }

.bl1 .left .free {
    /*font-size: 20px;
    font-weight: bold;*/
    width: 100%;
}

    .bl1 .left .halfwrap {
        float: right;
        text-align: left;
        box-sizing: border-box;
    }

    .bl1 .left .registrate {
        margin-left: 0px;
        /*width: 210px;*/
        display:inline-block;
    }

.bl2 .pr {
    height: 100%;
    float: left;
    width: 50%;
    padding: 20px 20px;
    box-sizing: border-box;
}
h2.hcenter {
    width: 100%;
    /* padding: 20px 150px 40px 15px;*/
    padding: 20px 40px;
    text-align: center;
}
.bl2 h2,
.bl2 h1 {
    width: 100%;
   /* padding: 20px 150px 40px 15px;*/
    padding: 20px 40px;
    text-align: center;
}
.bl2 .block,
.bl21 .block {
    float: left;
    width: 100%;
    box-sizing: border-box;
}

    .bl2 .block .raw {
        /*float: left;
        width: 100%;
        margin: 15px 0px;*/
        /*text-align: center;
        background: #fff;
        box-sizing: border-box;*/
    }

        /*.bl2 .block .raw:first-child {
            padding: 5px 50px;
            margin-top: 0px;
        }*/

    .bl2 .pr[number] .img {
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        float: left;
        width: 100%;
        height: 150px;
    }

    .bl2 .pr[number='1'] .img {
        background-image: url(/outpages/landingpages/img/advantages/preimush-01.svg);
    }

    .bl2 .pr[number='2'] .img {
        background-image: url(/outpages/landingpages/img/advantages/preimush-02.svg);
    }

    .bl2 .pr[number='3'] .img {
        background-image: url(/outpages/landingpages/img/advantages/preimush-03.svg);
    }

    .bl2 .pr[number='4'] .img {
        background-image: url(/outpages/landingpages/img/advantages/preimush-04.svg);
    }

    .bl2 .pr .title {
        width: 100%;
        /*height: 130px;*/
        text-align: center;
        font-size: 23px;
        /*font-family: GeometriaMedium;*/
        float: left;
        padding-top: 20px;
    }

.bl3 h2 {
    width: 100%;
    /*padding: 20px 150px 40px 15px;*/
    text-align: center;
}

.bl5 h2 {
    width: 100%;
    /*margin: 20px 150px 40px 15px;*/
}

.bl3 .block {
    float: left;
    width: 100%;
    box-sizing: border-box;
}

    .bl3 .block .raw {
        float: left;
        width: 100%;
        margin: 15px 0px;
        text-align: center;
        background: #F2F4F8;
        box-sizing: border-box;
        border-radius: 10px;
    }

        .bl3 .block .raw:first-child {
            background: #fff;
            padding: 5px 50px;
            margin-top: 0px;
        }

        .bl3 .block .raw .line {
            height: 2px;
            width: calc(50% - 65px);
            float: left;
            margin: 25px 0px;
        }

    .bl3 .block.l .raw .line {
        background: #d81747;
    }

    .bl3 .block.r .raw .line {
        background: #23CE70;
    }

    .bl3 .block .raw .point {
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        height: 50px;
        width: 50px;
        float: left;
        margin: 0px 30px;
    }

    .bl3 .block.l .raw .point {
        background-image: url(/outpages/landingpages/img/yes_no/no_01.svg);
    }

    .bl3 .block.r .raw .point {
        background-image: url(/outpages/landingpages/img/yes_no/yes_02.svg);
    }

.bl4 .image2 {
    /*background-image: url(/outpages/landingpages/img/orders/2.png);
    background-position-x: 100%;
    background-position-y: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;*/
    background-image: url(/outpages/landingpages/img/orders/2n.png);
    background-position-x: left;
    background-position-y: 0;
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    height: 100%;
}

.bl4 .h2wrap {
    float: right;
    width: 100%;
    box-sizing: border-box;
}

    .bl4 .h2wrap h2 {
        float: left;
        width: 100%;
    }

.bl4 .right {
    float: left;
    box-sizing: border-box;
}

    .bl4 .right .halfwrap {
        float: left;
        text-align: left;
        box-sizing: border-box;
    }

        .bl4 .right .halfwrap .reason {
            float: left;
            width: 100%;
            height: auto; /*120px;*/
            padding: 0px;
        }

            .bl4 .right .halfwrap .reason .img {
                background-position-x: 0px;
                background-position-y: center;
                background-repeat: no-repeat;
                background-size: contain;
                float: left;
            }

            .bl4 .right .halfwrap .reason[item='1'] .img {
                background-image: url(/outpages/landingpages/img/reasons/prichini-01.svg);
            }

            .bl4 .right .halfwrap .reason[item='2'] .img {
                background-image: url(/outpages/landingpages/img/reasons/prichini-02.svg)
            }

            .bl4 .right .halfwrap .reason[item='3'] .img {
                background-image: url(/outpages/landingpages/img/reasons/prichini-03.svg)
            }

            .bl4 .right .halfwrap .reason[item='4'] .img {
                background-image: url(/outpages/landingpages/img/reasons/prichini-04.svg)
            }

            .bl4 .right .halfwrap .reason[item='5'] .img {
                background-image: url(/outpages/landingpages/img/reasons/prichini-05.svg)
            }
            .bl4 .right .halfwrap .reason[item='6'] .img {
                background-image: url(/outpages/landingpages/img/reasons/prichini-06.svg)
            }

            /*.bl4 .right .halfwrap .reason[item='1'] .title {
                padding-top: 30px;
            }

            .bl4 .right .halfwrap .reason[item='2'] .title {
                padding-top: 10px;
            }

            .bl4 .right .halfwrap .reason[item='3'] .title {
                padding-top: 30px;
            }

            .bl4 .right .halfwrap .reason[item='4'] .title {
                padding-top: 10px;
            }

            .bl4 .right .halfwrap .reason[item='5'] .title {
                padding-top: 10px;
            }*/
            .bl4 .right .halfwrap .reason[item] .title {
                padding-top: 10px;
            }

.bl5 > h2 {
    width: 100%;
    text-align: left;
    padding: 45px 0px 20px 0px;
}

.bl5 .desc {
    font-size: 23px;
    padding: 00px 0px;
    width: 100%;
}

.bl5 .raw {
    width: 100%;
    box-sizing: border-box;
    padding-top: 20px;
}

    .bl5 .raw .ll .title {
        font-size: 25px;
        /*font-family: GeometriaBold;*/
        font-weight: 500;
    }

    .bl5 .raw .ll .descr {
        font-size: 25px;
    }

.bl5 .priceraw {
    width: 100%;
    height: 200px;
    box-sizing: border-box;
    padding-top: 30px;
}

    .bl5 .priceraw .price {
        box-sizing: border-box;
        float: left;
    }

        .bl5 .priceraw .price h2 {
            font-size: 48px;
            /*font-family: GeometriaBold;*/
            font-weight: 500;
            margin: 0px;
        }

            .bl5 .priceraw .price h2:after {
                content: "\20BD";
            }

        .bl5 .priceraw .price .title {
            font-size: 20px;
        }

        .bl5 .priceraw .price .descr {
            font-size: 17px;
            color: #555;
        }

.bl5 .price {
    box-sizing: border-box;
    float: left;
    border-radius: 10px;
}

            .bl5 .price h2 {
                /*font-size: 48px;*/
                /*font-family: GeometriaBold;*/
                font-weight: 500;
                margin: 0px;
            }

            .bl5 .price h2:after {
                /*content: "\20BD";*/
            }


            .bl5 .price .descr {
                font-size: 17px;
                color: #555;
            }

.bl6 h2 {
    /*width: 550px;*/
    padding: 20px 0px 25px;
    margin: auto;
    text-align: center;
}

.bl6 .image3 {
    /*background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/outpages/landingpages/img/orders/3v2.png);
    height: 710px;
    width: 100%;
    margin: 0px;
    float: left;*/
    margin-bottom: 45px;
    height: 640px;
    width: 100%;
    background-image: url(/outpages/landingpages/img/orders/3n.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
}

.bl6 .raw {
    width: 100%;
    display: inline-block;
}

.bl6 .block {
    box-sizing: border-box;
    float: left;
    width: calc(25% - 50px);
}

    .bl6 .block .box {
        border: 1px solid #CDD4D5;
        box-sizing: border-box;
    }

    .bl6 .block .steps {
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        height: 80px;
        width: 100%;
    }

        .bl6 .block .steps[index='1'] {
            background-image: url(/outpages/landingpages/img/steps/shagi-01.svg);
        }

        .bl6 .block .steps[index='2'] {
            background-image: url(/outpages/landingpages/img/steps/shagi-02.svg);
        }

        .bl6 .block .steps[index='3'] {
            background-image: url(/outpages/landingpages/img/steps/shagi-03.svg);
        }

        .bl6 .block .steps[index='4'] {
            background-image: url(/outpages/landingpages/img/steps/shagi-04.svg);
        }

    .bl6 .block .text {
        float: left;
        box-sizing: border-box;
    }

        .bl6 .block .text .title {
            font-size: 20px;
            /*font-family: GeometriaBold;*/
            font-weight: 500;
        }

        .bl6 .block .text .descr {
            font-size: 20px;
        }

.bl7 .image4 {
    width: 50%;
    /*height: 780px;*/
    background-image: url(/outpages/landingpages/img/orders/4v2.png);
    background-position-x: 0px;
    background-position-y: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 120px 0px 0px 0px;
    float: right;
}

.bl7 .left {
    float: right;
    width: 50%;
    box-sizing: border-box;
}

    .bl7 .left h2 {
        padding-top: 20px;
    }
    .bl7 .left .desc {
        font-size: 23px;
        padding: 00px 0px;
        width: 100%;
    }

    .bl7 .left .title {
        font-size: 22px;
        /*font-family: GeometriaBold;*/
        font-weight: 500;
        float: left;
        padding-left: 20px;
        height: 40px;
    }
    .bl7 .left .title a{
        color: black;
        text-decoration:none;
    }

    .bl7 .left .raw {
        padding: 40px 0px 0px 0px;
        float: left;
    }

    .bl7 .left ul {
        font-size: 20px;
        float: left;
        padding-left: 80px;
        margin: 0px;
        width: 100%;
        box-sizing: border-box;
    }

    .bl7 .left .halfwrap {
        float: right;
        text-align: left;
        width: 100%;
    }

.bl8 h2 {
    width: 100%;
    padding: 30px 0px 20px 20px;
}

.bl8 .client {
    height: 100px;
    /*background-position: center;*/
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: cover;
    background-image: url(/outpages/landingpages/img/clients/sprite.png);
    margin: 20px;
    float: left;
    width: 250px;
}
.page-wrapper:not(.mobile) .picturefull,
.page-wrapper.mobile .picturemobile {
    display: block;
}

.page-wrapper:not(.mobile) .picturemobile,
.page-wrapper.mobile .picturefull {
    display: none;
}

    .bl8 .client[index='1'] {
        /*background-image: url(/outpages/landingpages/img/clients/1.png);*/
        background-position:0px 0px;
    }

    .bl8 .client[index='2'] {
        /*background-image: url(/outpages/landingpages/img/clients/2.png);*/
        background-position: -305px 0px;
    }

    .bl8 .client[index='3'] {
        /*background-image: url(/outpages/landingpages/img/clients/3.png);*/
        background-position: -465px 0px;
    }

    .bl8 .client[index='4'] {
        /*background-image: url(/outpages/landingpages/img/clients/4.png);*/
        background-position: -555px 0px;
    }

    .bl8 .client[index='5'] {
        /*background-image: url(/outpages/landingpages/img/clients/5.png);*/
        background-position: -650px 0px;
    }

    .bl8 .client[index='6'] {
        /*background-image: url(/outpages/landingpages/img/clients/6.png);*/
        background-position: -865px 0px;
    }

    .bl8 .client[index='7'] {
        /*background-image: url(/outpages/landingpages/img/clients/7.png);*/
        background-position: -988px 0px;
    }

    .bl8 .client[index='8'] {
        /*background-image: url(/outpages/landingpages/img/clients/8.png);*/
        background-position: -1065px 0px;
    }

    .bl8 .client[index='9'] {
        /*background-image: url(/outpages/landingpages/img/clients/9.png);*/
        background-position: -1285px 0px;
    }

    .bl8 .client[index='10'] {
        /*background-image: url(/outpages/landingpages/img/clients/10.png);*/
        background-position: -1365px 0px;
    }

    .bl8 .client[index='11'] {
        /*background-image: url(/outpages/landingpages/img/clients/11.png);*/
        background-position: -1550px 0px;
    }

    .bl8 .client[index='12'] {
        /*background-image: url(/outpages/landingpages/img/clients/12.png);*/
        background-position: -1820px 0px;
    }

    .bl8 .client[index='13'] {
        /*background-image: url(/outpages/landingpages/img/clients/13.png);*/
        background-position: -1897px 0px;
    }

    .bl8 .client[index='14'] {
        /*background-image: url(/outpages/landingpages/img/clients/14.png);*/
        background-position: -2005px 0px;
    }

    .bl8 .client[index='15'] {
        /*background-image: url(/outpages/landingpages/img/clients/15.png);*/
        background-position: -2132px 0px;
    }

.bl8 .Left_arr,
.bl8 .Right_arr {
    display: none;
}

.bl9 h2 {
    width: 100%;
    text-align: left;
    padding: 45px 0px 40px 0px;
    text-align:center;
}

.bl9 .col {
    width: 100%;
    float: left;
    padding: 20px 10px;
}
    .bl9 .col .text {
        float:left;
        width: calc(100% - 140px);
    }
        .bl9 .col .text .desc {
            font-size: 22px;
            padding: 00px 0px;
            width: 100%;
            float:left;
        }
        .bl9 .col .text .title {
            font-size: 22px;
            /*font-family: GeometriaBold;*/
            font-weight: 500;
            float: left;
            padding-left: 20px;
            /* height: 40px; */
            width: 100%;
        }
        .bl9 .col .text ul {
            font-size: 22px;
            float: left;
        }
    .bl9 .col .pic {
        width: 120px;
        height: 120px;
        float: left;
        background-repeat: no-repeat;
        background-position: center top;
        background-size: contain;
        margin-bottom: 40px;
    }
        .bl9 .col[item='1'] .pic {
            background-image: url(/outpages/landingpages/img/implement/already.png);
        }
        .bl9 .col[item='2'] .pic {
            background-image: url(/outpages/landingpages/img/implement/teach.png);
        }
        .bl9 .col[item='3'] .pic {
            background-image: url(/outpages/landingpages/img/implement/config.png);
        }

@media screen and (min-width: 1346px) {
    .mainraw h2 {
        font-size: 34px;
        line-height: 40px;
    }
    .mainraw h1 {
        font-size: 34px;
        line-height: 40px;
    }
    .bl1 .left h2 {
        width: 650px;
        /*padding-top: 255px;*/
    }
    .bl1 .left h1 {
        width: 650px;
        /*padding-top: 255px;*/
    }
    .bl1 .left .sub {
        /*width: 400px;*/
    }
    .bl1 .left .free {
        width: 600px;
    }
    .bl1 .left .halfwrap {
        width: 635px;
    }
    .bl2 .pr {
        width: 25%;
    }
        .bl2 .pr .title {
            font-size: 23px;
        }
    .bl21 .block {
        width: 50%;
    }
        .bl21 .block.l {
            padding-right: 20px;
        }
        .bl21 .block.r {
            padding-left: 20px;
        }
        .bl21 .block .raw {
            /* height: 80px; */
            font-size: 22px;
            /* line-height: 30px; */
            padding: 15px 0px;
        }
    .bl3 .block {
        width: 50%;
    }
        .bl3 .block.l {
            padding-right: 20px;
        }
        .bl3 .block.r {
            padding-left: 20px;
        }
        .bl3 .block .raw {
            height: 80px;
            font-size: 18px;
            padding: 15px 50px;
        }
    .bl4 .image2 {
        width: calc(50% - 300px);
        height: 485px;
        margin: 50px 0px 50px 0px;
    }
    .bl4 .h2wrap {
        width: calc(50% + 300px);
    }
        .bl4 .h2wrap h2 {
            width: 800px;
            padding: 20px 0px 20px 150px;
        }
    .bl4 .right {
        width: calc(50% + 300px);
        padding: 0px 40px;
    }
        .bl4 .right .halfwrap {
            width: 880px;
            padding-left: 95px;
            padding-top: 20px;
        }
            .bl4 .right .halfwrap .reason {
                width: 220px;
                height: auto; /*200px;*/
                padding: 10px 20px;
                min-height: 225px;
            }
                .bl4 .right .halfwrap .reason .img {
                    height: 60px;
                    width: 100%;
                    margin: 20px 0px 15px;
                }
                .bl4 .right .halfwrap .reason[item] .title {
                    padding-top: 0px;
                    clear:both;
                }
                .bl4 .right .halfwrap .reason .title {
                    float: left;
                    font-size: 20px;
                    /*font-family: GeometriaMedium;*/
                }
                .bl4 .right .halfwrap .reason .descr {
                    float: left;
                    font-size: 20px;
                    /*font-family: Geometria;*/
                }
    .bl5 .raw {
        /*height: 160px;*/
        clear: both;
        display: inline-block;
        padding: 28px 0;
    }
        .bl5 .raw .ll {
            padding: 30px 20px 10px 20px;
            width: 400px;
        }
    .bl5 .priceraw .price {
        width: 267px;
        height: 170px;
        padding: 25px 27px;
        margin-right: 34px;
    }
        .bl5 .priceraw .price:last-child {
            margin-right: 0px;
        }
    .bl5 .price {
        width: 340px;
        /*height: 140px;*/
        padding: 25px 27px;
        margin-right: 34px;
    }
        .bl5 .price:last-child {
            margin-right: 0px;
        }
    .bl6 h2 {
        width: 550px;
    }
    .bl6 .block {
        /*height: 330px;*/
    }
        .bl6 .block .box {
            width: 100%;
            height: 150px;
            float: left;
            padding: 30px;
        }
    .bl6 .line {
        width: 66px;
        height: 1px;
        float: left;
        background: #CDD4D5;
        margin: 74px 0px;
        box-sizing: border-box;
    }
        .bl6 .block .text {
            width: 100%;
            /*height: 150px;*/
            padding-top: 20px;
        }
    .bl7 .left ul li {
        line-height: 35px;
    }
    .bl7 .left .halfwrap {
        width: 580px;
        margin-right: 36px;
    }
    .bl8 {
        /*border-top: 1px solid #000;*/
    }
    /*.bl8 .client[index='1'] {
            width: 290px;
        }

        .bl8 .client[index='2'] {
            width: 150px;
        }

        .bl8 .client[index='3'] {
            width: 85px;
        }

        .bl8 .client[index='4'] {
            width: 90px;
        }

        .bl8 .client[index='5'] {
            width: 210px;
        }

        .bl8 .client[index='6'] {
            width: 120px;
        }

        .bl8 .client[index='7'] {
            width: 70px;
        }

        .bl8 .client[index='8'] {
            width: 220px;
        }

        .bl8 .client[index='9'] {
            width: 73px;
        }

        .bl8 .client[index='10'] {
            width: 185px;
        }

        .bl8 .client[index='11'] {
            width: 270px;
        }

        .bl8 .client[index='12'] {
            width: 79px;
        }

        .bl8 .client[index='13'] {
            width: 105px;
        }

        .bl8 .client[index='14'] {
            width: 128px;
        }

        .bl8 .client[index='15'] {
            width: 120px;
        }*/
    .bl9 .col {
        width: 30%;
        float: left;
        padding: 20px 10px;
    }
        .bl9 .col .text,
        .bl9 .col .pic {
            width: 100%;
        }
}
.bl8 .clientwrap.picturemobile {
    overflow-x: scroll;
    width: calc(100vw - 30px);
    max-width: 100%;
    height: 150px;
    white-space: nowrap;
    position: static;
    overflow-y: hidden;
    float: left;
}


@media screen and (min-width: 720px) and (max-width: 1345px) {
    .bl8 .clientwrap.picturemobile {
        width: calc(100vw - 54px);
    }

    .mainraw h2 {
        font-size: 34px;
        line-height: 40px;
    }

    .mainraw.bl7 {
        padding-bottom: 50px;
    }

    /*.bl1 .image1 {
        height: 580px;
    }*/

    .bl1 .left h2 {
        width: 100%;
        /*padding-top: 110px;*/
    }

    .bl1 .left h1 {
        width: 100%;
        /*padding-top: 110px;*/
    }

    .bl1 .left .halfwrap {
        width: calc(100% - 30px);
    }

    .bl2 .pr {
        /*height: 340px;*/
    }

    .bl21 .block .raw {
        /*height: 80px;*/
        font-size: 18px;
        /* line-height: 30px; */
        padding: 15px 0px;
    }

    .bl2 h2 {
        padding: 20px 0px;
    }

    .bl3 h2 {
        padding: 20px 0px;
    }

    .bl3 .block .raw {
        height: 80px;
        font-size: 18px;
        padding: 18px 50px;
    }

    .bl4 .image2 {
        width: calc(50% - 100px);
        height: 410px;
        margin: 30px 0px 30px 0px;
    }

    .bl4 .h2wrap {
        padding: 20px 30px 20px 30px;
    }

    .bl4 .right {
        width: calc(50% + 100px);
        padding: 0px 20px 0px 40px;
    }

        .bl4 .right .halfwrap {
            width: 100%;
            padding-left: 0px;
            padding-top: 20px;
        }

            .bl4 .right .halfwrap .reason .img {
                height: 100%;
                width: 80px;
                margin: 0px 8px 19px 0px;
            }

            .bl4 .right .halfwrap .reason[item] .title {
                padding-top: 10px;
            }

            .bl4 .right .halfwrap .reason .title {
                float: left;
                font-size: 20px;
                /*font-family: GeometriaMedium;*/
                width: calc(100% - 100px);
                text-overflow: ellipsis;
                overflow: hidden;
            }

            .bl4 .right .halfwrap .reason .descr {
                float: left;
                font-size: 20px;
                width: calc(100% - 100px);
            }

    .bl5 .raw {
        /*height: 180px;*/
        float: left;
        clear: both;
        display: inline-block;
        padding: 28px 0;
    }

        .bl5 .raw .ll {
            padding: 30px 20px 10px 20px;
            width: 280px;
            max-width: calc(50% - 60px);
        }

    .bl5 .priceraw {
        height: 420px;
    }

        .bl5 .priceraw .price {
            width: calc(50% - 13px);
            height: 170px;
            padding: 25px 27px;
            margin-right: 0px;
            margin-bottom: 25px;
        }

            .bl5 .priceraw .price:first-child {
                margin: 0px 25px 25px 0px;
            }

            .bl5 .priceraw .price:last-child {
                margin: 0px 0px 25px 25px;
            }

    .bl5 .price {
        width: 300px;
        max-width: calc(50% - 60px);
        /*height: 140px;*/
        padding: 25px 27px;
        margin-right: 20px;
        margin-bottom: 25px;
    }

        .bl5 .price:first-child {
            margin: 0px 25px 25px 0px;
        }

        .bl5 .price:last-child {
            margin: 0px 0px 25px 25px;
        }

    .bl6 h2 {
        width: 550px;
    }

    .bl6 .image3 {
        height: 400px;
    }

    .bl6 .raw {
        padding-top: 20px;
    }

    .bl6 .block {
        /*height: 330px;*/
        width: 50%;
    }

        .bl6 .block .box {
            width: 200px;
            height: 150px;
            padding: 30px;
            margin: auto;
        }

        .bl6 .block .line {
            display: none;
        }

        .bl6 .block .text {
            width: 100%;
            height: 150px;
            padding-right: 30px;
            padding-top: 20px;
            text-align: center;
        }

    .bl7 .image4 {
        display: none;
    }

    .bl7 .left {
        width: 100%;
        padding: 0px 27px;
    }

        .bl7 .left .raw {
            width: 100%;
        }

        .bl7 .left ul li {
            line-height: 35px;
        }

    .bl8 {
        /*border-top: 1px solid #000;*/
    }

        .bl8 .client {
            width: calc(33% - 40px);
        }

    .bl9 .col .pic {
        width: 80px;
    }
}

@media screen and (max-width: 719px) and (min-width: 320px) {
    .mainraw h2 {
        font-size: 22px;
        line-height: 25px;
    }
    .mainraw h1 {
        font-size: 22px;
        line-height: 25px;
    }

    .bl1 .image1 {
        display: none;
    }

    .bl1 .left {
        width: 100%;
        padding-right: 0;
    }

        .bl1 .left h2 {
            width: 100%;
            /*padding-top: 40px;*/
        }
        .bl1 .left h1 {
            width: 100%;
            /*padding-top: 40px;*/
        }

        .bl1 .left .sub {
            font-size: 18px;
        }

        .bl1 .left .halfwrap {
            width: 100%;
            padding: 0px 15px;
            text-align: center;
        }

            .bl1 .left .halfwrap .registrate {
                margin: 30px auto 0px;
            }

    .bl2 .pr {
        /*height: 250px;*/
    }

        .bl2 .pr[number] .img {
            height: 80px;
        }

        .bl2 .pr .title {
            font-size: 15px;
        }
    .bl21 .block .raw {
        /*height: 80px;
        */ font-size: 16px;
        /* line-height: 30px; */
        padding: 15px 0px;
    }
    .bl2 h2 {
        padding: 20px 0px;
    }

    .bl3 h2 {
        padding: 20px 0px;
    }

    .bl3 .block .raw {
        font-size: 16px;
        padding: 28px 50px;
    }

        .bl3 .block .raw:first-child {
            padding: 5px 0px;
        }

    .bl4 {
        /*display: inline-block;*/
        /*padding-bottom: 20px;*/
    }

        .bl4 .image2 {
            display: none;
        }

        .bl4 .h2wrap {
            padding: 20px 15px 0px 15px;
            text-align: center;
        }

        .bl4 .right {
            width: 100%;
            padding: 0px 15px 0px 15px;
        }

            .bl4 .right .halfwrap {
                width: 100%;
                padding-left: 0px;
                padding-top: 20px;
            }

                .bl4 .right .halfwrap .reason .img {
                    height: 100%;
                    width: 80px;
                    margin: 0 0 20px 0;
                }

                .bl4 .right .halfwrap .reason[item] .title {
                    padding-top: 10px;
                }

                .bl4 .right .halfwrap .reason .title {
                    float: left;
                    font-size: 20px;
                    /*font-family: GeometriaMedium;*/
                    width: calc(100% - 100px);
                    text-overflow: ellipsis;
                    overflow: hidden;
                    font-size: 20px !important;
                }

                .bl4 .right .halfwrap .reason .descr {
                    float: left;
                    font-size: 16px;
                    /*font-family: Geometria;*/
                    width: calc(100% - 100px);
                }

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

    .bl5 .desc {
        font-size: 18px;
        padding: 00px 0px;
        width: 100%;
    }

    .bl5 .raw {
        /*height: 160px;*/
        clear: both;
        display: inline-block;
        padding: 28px 0;
    }

        .bl5 .raw .ll {
            padding: 20px 20px 10px 20px;
            max-width: calc(100% - 10px);
            box-sizing: border-box;
            width: 255px;
        }

            .bl5 .raw .ll .title {
                font-size: 20px;
            }

            .bl5 .raw .ll .descr {
                font-size: 20px;
            }

    .bl5 .priceraw {
        height: 300px;
        padding-top: 0px;
    }

        .bl5 .priceraw .price {
            width: calc(50% - 13px);
            padding: 20px 20px;
            margin-right: 0px;
            margin-bottom: 25px;
            word-wrap: break-word;
        }

            .bl5 .priceraw .price:first-child {
                margin: 0px 25px 25px 0px;
            }

            .bl5 .priceraw .price:last-child {
                margin: 0px 0px 25px 25px;
            }

            .bl5 .priceraw .price h2 {
                font-size: 22px;
                padding-bottom: 10px;
            }

            .bl5 .priceraw .price .title {
                font-size: 18px;
            }

            .bl5 .priceraw .price .descr {
                font-size: 15px;
            }
    .bl5 .price {
        width: 250px;
        max-width:calc(100% - 60px);
        padding: 20px 20px;
        margin-right: 0px;
        margin-bottom: 25px;
        word-wrap: break-word;
    }
            .bl5 .price:first-child {
                margin: 0px 25px 25px 0px;
            }

            .bl5 .price:last-child {
                margin: 0px 0px 25px 25px;
            }

            .bl5 .price h2 {
                font-size: 22px;
                padding-bottom: 10px;
            }


            .bl5 .price .descr {
                font-size: 15px;
            }

    .bl6 h2 {
        width: 100%;
    }

    .bl6 .image3 {
        height: 315px;
    }

    .bl6 .block {
        height: 120px;
        padding: 15px 0px 15px 0px;
        width: 100%;
    }

        .bl6 .block .box {
            width: 80px;
            height: 60px;
            float: left;
            padding: 16px;
        }

        .bl6 .block .line {
            display: none;
        }

        .bl6 .block .steps {
            height: 28px;
        }

        .bl6 .block .text {
            width: calc(100% - 80px);
            height: 100%;
            padding-right: 0px;
            text-align: left;
            padding-left: 20px;
        }

            .bl6 .block .text .title {
                font-size: 18px;
            }

            .bl6 .block .text .descr {
                font-size: 16px;
            }

    .bl7 .image4 {
        display: none;
    }

    .bl7 .left {
        width: 100%;
        padding: 0px 15px;
    }

        .bl7 .left .title {
            font-size: 18px;
            width: calc(100% - 60px);
        }

        .bl7 .left .raw {
            width: 100%;
        }

        .bl7 .left ul {
            font-size: 16px;
            padding-top: 20px;
        }

            .bl7 .left ul li {
                line-height: 25px;
            }

    .bl8 h2 {
        padding: 40px 0px 20px 0px;
    }

    .bl8 .client {
        height: 100px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #fff;
        background-size: cover;
        margin: 0px;
        display: inline-block;
        width: 100%;
        float: none;
    }
        .bl8 .client[index='1'] {
            width: 290px;
        }

        .bl8 .client[index='2'] {
            width: 150px;
        }

        .bl8 .client[index='3'] {
            width: 85px;
        }

        .bl8 .client[index='4'] {
            width: 90px;
        }

        .bl8 .client[index='5'] {
            width: 210px;
        }

        .bl8 .client[index='6'] {
            width: 120px;
        }

        .bl8 .client[index='7'] {
            width: 70px;
        }

        .bl8 .client[index='8'] {
            width: 220px;
        }

        .bl8 .client[index='9'] {
            width: 73px;
        }

        .bl8 .client[index='10'] {
            width: 185px;
        }

        .bl8 .client[index='11'] {
            width: 270px;
        }

        .bl8 .client[index='12'] {
            width: 79px;
        }

        .bl8 .client[index='13'] {
            width: 105px;
        }

        .bl8 .client[index='14'] {
            width: 128px;
        }

        .bl8 .client[index='15'] {
            width: 120px;
        }
    /*.bl8 .clientwrap {
        width: 100%;
        overflow-x: scroll;
        width: calc(100% - 140px);
        height: 150px;
        white-space: nowrap;
        position: static;
        overflow-y: hidden;
        float: left;
        margin: 0px 20px;
    }*/

    .bl8 .Left_arr,
    .bl8 .Right_arr {
        display: block;
        height: 150px;
        width: 50px;
        background-position: center;
        background-repeat: no-repeat;
        float: left;
        cursor: pointer;
    }

    .bl8 .Left_arr {
        background-image: url(/outpages/landingpages/img/next.svg);
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
    }

    .bl8 .Right_arr {
        background-image: url(/outpages/landingpages/img/next.svg);
    }
    .bl9 .col .text .desc {
        font-size: 16px;
    }

    .bl9 .col .text .title {
        font-size: 16px;
    }

    .bl9 .col .text ul {
        font-size: 16px;
    }
    .bl9 .col .pic {
        width:40px;
    }
    .bl9 .col .text {
        width: calc(100% - 50px);
    }
    .mainraw.bl1 {
        height: unset;
        padding: 45px 0;
    }
}

@media screen and (max-width:1220px){
     .key_features_body .img{
                margin-top:17px!important;
                clear:both;
            }
            /*.key_features_body .crm_img {
                margin-top:37px!important;
            }*/
            .key_features_body .reason {
                clear:both;
                margin-bottom:10px;
            }        
            .key_features_body .halfwrap{
                display:flex;
                flex-direction:column;
            }
            /*.key_features_body .notification_img{
                margin-top:40px!important;
            }*/
} 
@media screen and (max-width:700px){
    .col_for_mobile{
        flex-direction:column;
    }
}


/*#mouse_dn_animated {
    width: 26px;
    height: 52px;
    border-radius: 1000px;
    border: 2px solid #212121;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 20px;
    cursor: pointer;
    opacity: 0.6;
}

    #mouse_dn_animated:before {
        content: '';
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #212121;
        position: absolute;
        left: 50%;
        margin-left: -2px;
        top: 30%;
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-name: goDown;
        animation-name: goDown;
        animation-timing-function: cubic-bezier(0.4,0.0,0.2,1);
    }

    #mouse_dn_animated:hover:before {
        background: #008DD2;
    }*/

#mouse_dn_animated {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    position: absolute;
    right: -23px;
    margin-left: -23px;
    bottom: 0;
    cursor: pointer;
    background-image: url(/img/d2/arrow/arrow_down.svg);
    background-position: center 19px;
    background-repeat: no-repeat;
    background-size: 20px;
    opacity: 0.8;
    z-index: 1;
}


body:not(.mobile) #mouse_dn_animated:hover {
    background-color: #fff;
    opacity: 1;
}

    #mouse_dn_animated:active {
        background-color: #fff;
        opacity: 1;
    }

/*@keyframes goDown {
    0% {
        top: 20%;
    }

    100% {
        top: 36%;
    }
}*/


#a2bW1 {
    float:left;
}

    #a2bW1 [a2bw_id="a2bW_HIDE_BODY_BUTTON"] {
        height: 45px;
        line-height: 45px;
        border-radius: 25px;
        background-color: #018DD2;
        border-color: #018DD2;
        padding: 0px 40px;
    }


.part-line {
    height: 1px;
    /*background: linear-gradient(90deg, rgba(0,0,0,0) 0%, #DDDFE3 20%, #DDDFE3 80%, rgba(0,0,0,0) 100%);*/
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, #E1E8E9 20%, #E1E8E9 80%, rgba(0,0,0,0) 100%);
    width: 100%;
    clear: both;
}

.part-line-2 {
    height: 1px;
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, #E1E8E9 10%, #E1E8E9 90%, rgba(0,0,0,0) 100%);
    width: 100%;
    clear: both;
    /*box-shadow: 0px 0px 10px 0px rgba(0, 20, 50, 0.2);*/
}

.button-center-fix {
    display:inline-block;
    position:relative;
    left:50%;
    transform:translateX(-50%);
}
.raw-head {
    display: flex !important;
    justify-content: center;
    font-size: 20px !important;
    line-height: normal !important;
    padding: 5px !important;
    font-weight:normal!important;
}
h2.text-title {    
    font-size: 20px !important;
    line-height: normal !important;
    /*padding: 5px !important;*/
    font-weight: normal !important;
}
.raw.links a{
    text-decoration:none;
    color:inherit;
}
.text-block {
    max-height: 167px;
    overflow: hidden;
    text-overflow: ellipsis;
    content: "";
    position: relative;
}

    .text-block:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: linear-gradient(transparent 40px, white);
    }
.link {
    color: rgb(0, 145, 216);
    cursor: pointer;
}

.blprices-c {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 0 20px 0;
    clear: both;
    justify-content:center;
}

.blprices-f {
    display: flex;
    flex-wrap: wrap;
    padding: 5px 0 15px;
    justify-content: center;
}

.blprices-cb {
    text-align: center;
    line-height: 22px;
    margin: 20px 10px 0 10px;
    border-radius: 14px;
    padding: 26px;
    display: flex;
    flex-direction: column;
    color: #222d38;
    border: 1px solid #E3EAEB;
    box-shadow: 0px 1px 10px 0px rgba(0,7,8,0.12);
    background: linear-gradient( 180deg, transparent calc(100% - 12px), #F6F8FC 100%);
}

.blprices-cb2 {
    font-weight: 500;
    font-size: 18px;
}

.blprices-cbr {
    font-weight: 500;
    font-size: 24px;
    padding: 5px 0;
}

    .blprices-cbr span {
        font-size: 16px;
    }


.blprices-cb3 {
    padding-top: 15px;
}

.blprices-cbb {
    color: #fff;
    background-color: #018dd2;
    font-weight: 500;
    font-size: 18px;
    border-radius: 30px;
    padding: 6px 10px;
    margin-top: 10px;
    cursor:pointer;
}

.blprices-cbrsp {
    background-color: #ADE8D2;
    border-radius: 18px;
    width: 116px;
    padding: 0px;
    line-height: 25px;
    margin: auto;
    margin-top: 5px;
    font-size: 14px;
    display: none;
}

    .blprices-cbrsp span {
        font-size: 12px;
        line-height: 12px;
    }

[type="0"] .blprices-cbrsp {
    width: 150px;
}

.blprices-cbrs {
    color: #ADB5BD;
    padding-top: 3px;
    display: none;
    position: relative;
}

.blprices-cbrs::after {
    content: "";
    position: absolute;
    height: 2px;
    background-color: #23ce70;
    width: calc(100% + 4px);
    left: -2px;
    top: 13px;
    opacity: 0.6;
    border-radius: 3px;
}

.blprices-cbrs span {
    font-size:14px;
}

.blprices-cb-body {
    flex-basis: 100%;
    min-height: 150px;
}

.bc-skidka .blprices-cbrs {
    display: inline-block;
}

.bc-skidka .blprices-cbrsp {
    display:block;
}

.manage_button.variants {
    background-color: #fff;
    border-radius: 20px;
    color: #23CE70;
    font-weight: 500;
    padding: 7px 15px;
    border: 1px solid #23CE70;
    cursor: pointer;
    font-size: 17px;
    width: 72px;
    margin: 0 5px;
    text-align: center;
}

    .manage_button.variants.select {
        background-color: #23CE70;
        color: #fff;
    }

.manage_button_c {
    padding: 15px 0 5px 0;
    display: flex;
    justify-content: center;
}



#a2bW50 {
    box-shadow: 0px 1px 10px 0px rgba(0, 7, 8, 0.12);
    border-radius: 14px;
}

    #a2bW50 [a2bW_id="a2bW_BODY"] {
        background: linear-gradient( 180deg, #fff calc(100% - 12px), #F6F8FC 100%);
    }

.a2bW_input {
    border-radius: 5px;
    padding: 5px 8px;
}

#a2bW50 [a2bW_id="a2bW_TITLE"] {
    font-size: 18px;
    line-height: 40px;
}

#a2bW50 [a2bW_id="a2bW_BUTTON_SEND"] {
    float: right;
    padding: 0 50px;
    font-size: 18px;
}
.pic_cols .title{
   margin-bottom: 35px;
}
.pic_cols .text li {
    margin-bottom: 20px;
}
.pic_cols .text ul {
    margin-right: 20px;
}
.additional-text {
    padding-left: 20px;
    line-height: 2;
}
@media screen and (min-width: 720px){
    .additional-text {
        font-size: 22px;
        line-height: 40px;
    }
} 

@media screen and (max-width: 719px) and (min-width: 320px) {
    .pic_cols .title {
        margin-top: 10px;
    }
}
@media screen and (min-width: 720px) and (max-width: 1345px){
    .pic_cols .title {
        margin-top: 30px;
    }
}