﻿

@keyframes moving {
    0% {
        transform: translate3d(0,0,0);
    }

    10% {
        transform: translate3d(0,-7px,0);
    }


    20% {
        transform: translate3d(0,0,0);
    }

    100% {
        transform: translate3d(0,0,0);
    }
}


@keyframes fade {
    0% {
        opacity: 0.2;
        transform: scale(0.85);
    }


    100% {
        opacity: 1;
        transform: scale(1.1);
    }
}




.navmain > ul > li .hasdrop-a:after
{
    margin-left: 6px;
}


.started-hint {
    color: white;
    max-width: 285px;
    margin-top: 128px;
    font-size: 15px;
    margin: 9px auto;
}

.particles
{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #0000003b;
    opacity: 0.6;
}


/* video common settings */
.hero-video img
{
    width: 100%;
    z-index: 2;
    position: relative;
}

.hero-video .img-wrapper
{
    position: relative;
    padding: 0 12px;
}

.hero-video .vid
{

}


.hero-text
{
    margin-top: 40px;
}


.hero-video
{
    margin-top: 40px;
}

.hero-video .vid
{
    position: absolute;
    left: 5%;
    right: 5%;
    top: 6%;
}

.hero-video .vid .ratio
{
    margin-top: 57%;
}

.hero-video .vid .youtube
{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #e7eeff;
    top: 0;
    left: 0;
    z-index: 1;
}




/* two-col layout */
@media (min-width: 1100px) {
    .container.content:after {
        content: '';
        display: block;
        clear: both;
    }

    .hero-text {
        float: left;
        width: 47% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 143px;
        text-align: left;
    }

    .hero-video {
        float: right;
        width: 50%;
        margin-top: 144px;
    }

    .started-hint {
        margin: 9px 0 0 0;
        text-align: left;
    }

    [data-page=index] section.hero .get-started-email
    {
        display: block;
    }

    [data-page=index] section.hero .get-started-email button {
        margin-left: 0;
    }
}




@media (min-width: 768px) {
    .page-content[data-page=index] section.hero {
        /*min-height: 1100px !important;*/
        min-height: 1000px !important;
        height: auto !important;
    }


/* 
    after some moment height of container was 1100,
    so padding was like not needed. Because no content in there.
    But we added some content. So lets keep the padding
    and even bigger, due to margin of following elements
*/
    .container.content {
        /*padding: 0 30px 194px !important;*/
    }


}



/* due to custom page structure */
.marketing-page.page-content .gray-wrapper {
    background-color: #f0f4f7;
}

/* due to custom page structure */
/*[data-page=index] section.product-analytics
{
    padding-top: 100px !important;
}*/


/* custom work with us blocks */
.intro-box .three-col .col {
    /*width: 29.33%;*/
    width: 280px;
    margin: 0 8px 21px;
    border-radius: 24px;
    padding: 20px 23px 1px 26px;
    border: 2px solid rgba(0, 0, 0, 0.05);
}

    .intro-box .three-col .col.base
    {
        width: 354px;
    }

    .intro-box .three-col .col.reports
    {
        width: 375px;
    }

    .intro-box .three-col .col.ctor {
        width: 312px;
    }



    @media (max-width: 400px) {
        .intro-box .three-col .col
    {
        width: 100%;
    }
}



/* no flex */
.intro-box .three-col
{
    display: block !important;
    /*white-space: nowrap;*/
    /*overflow: hidden;*/
}

.intro-box .three-col .col
{
    /*display: inline-block;*/
    /*white-space: normal;*/
}

.slick-prev:before, .slick-next:before
{
    color: #b5b5b5 !important;
}


.three-col .slick-slide img {
    display: inline;
}

@media (min-width: 1025px)
{
    .slick-prev {
        left: -36px !important;
    }

    .slick-next {
        right: -36px !important;
    }
}

@media (max-width: 1024px)
{
    /* on small screens */
    .intro-box {
        padding-left: 50px;
        padding-right: 50px;
    }

}






/* pricing */
#pricing_content .section .plan-type-info {
    background-color: #fafdff;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 7px 16px 0 rgba(57,76,93,.13);
    color: #6b7c93;
    display: block;
    font-size: 16px;
    line-height: 28px;
    padding: 25px 0;
    transition: border-color .3s;
}



#pricing_content .section .plan-list .plan
{
    width: 25%;
    padding-left: 1%;
    padding-right: 1%;
}

#pricing_content .section .plan-list .plan .plan-info p
{
    margin-left: 0;
    text-align: center;
}


#pricing_content .section .plan-list .plan .plan-info-hover, #pricing_content .section .plan-list .plan .plan-info-show
{
    left: 5px;
    right: 5px;
    width: auto;
}


#pricing_content .section .plan-list .plan .action
{
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
}


#pricing_content .section .plan-list .plan .action-button
{
    max-width: 190px;
    margin: 0 auto;
    line-height: 41px;
}

    #pricing_content .section .plan-list .plan .action-button.downgrade, #pricing_content .section .plan-list .plan .action-button.free {
        line-height: 41px;
    }



    #pricing_content .section #events-pricing-table, #pricing_content .section .plan-list {
        margin-left: auto;
        margin-right: auto;
        max-width: 1200px;
    }




#pricing_content .section .hero .all-tabs {
    border: 3px solid rgba(255, 255, 255, 0.31);
    width: 360px;
    display: none;
}

#pricing_content .btn-white {
    margin-top: 34px;
    display: inline-block;

    transition: background .25s ease;
    display: inline-block;
    font-family: brandon-grotesque,Helvetica,sans-serif;
    font-weight: 900;
    color: #1681dc;
    min-width: 156px;
    padding: 17px 26px 16px;
}

    #pricing_content .btn-white:after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 11px;
        height: 10px;
        margin-left: 16px;
        position: relative;
        top: -1px;
        background: url(/wp-content/themes/robotmia/assets/fonts/arrow-right_1.svg) 0 0/10px 10px no-repeat;
    }

    #pricing_content .btn-white:hover {
        background: #f7f7f7;
    }


    #pricing_content .pricing-table-container {
        margin-top: 55px;
    }


@media (max-width: 767px) {
    #pricing_content .section .hero .all-tabs {

        width: auto;

    }

}




    .plan-info-hover {
        display: none !important;
    }


#pricing_content .section .plan-list .plan .plan-info
{
    opacity: 1 !important;
}


    #pricing_content .section .plan-list .plan .plan-info p {
        margin: 9px 0 !important;
        line-height: 19px;
    }


.try_call {
    color: #3b99f0;
    font-weight: 600;
    
}


.inline-block
{
    display: inline-block !important;
}





/*#pricing_content .section .plan-list .plan .action-button.downgrade, #pricing_content .section .plan-list .plan .action-button.free {
    border-color: #3b99f0;
}*/




[data-page=index] section.hero .get-started-email button.started
{
    font-size: 15px;
}







.navmain > ul .login a:before {
    background: url(../images/coin-money-1.svg) 0 0/13px 13px no-repeat;
}

.header-sticky .navmain > ul .login a:before,
.navmain-active .navmain > ul .login a:before {
    background-image: url(../images/coin-money-1-black.svg);
}





#pricing_content .section .hero .all-tabs .tab.selected
{
    border-color: transparent;
}













/* iphone pic */
[data-page=people2] section.hero .hero-img {
    float: right;
    margin-top: -35px;
    margin-right: 135px;
}

[data-page=people2] section.hero .hero-img {
    /*max-width: 37%;*/
    margin-right: 103px;
}





@media (max-width:767px) {
    [data-page=people2] section.hero .hero-img {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        position: static !important;
    }

}



@media (max-width:1199px) {


    [data-page=people2] section.hero .hero-img {
        max-width: 43%;
    }
}


@media (max-width:1279px) {
    [data-page=people2] section.hero .hero-img {
        margin-right: 68px;
    }
}

@media (max-width:1023px) {
    [data-page=people2] section.hero .hero-img {
        margin: 49px -12px 0 -50px;
        max-width: 47%;
    }


}

@media (max-width:767px) {
    [data-page=people2] section.hero .hero-img {
        margin: 47px auto -281px;
        display: block !important;
        float: none;
        max-width: 415px;
    }


}

/* iphone small screen problem */
/*@media (max-width:449px) {
    [data-page=people2] section.hero .hero-img {
        max-width: 268px;
    }
}*/






@media (max-width: 1279px) {
    [data-page=people2] section.hero {
        height: 670px;
        padding-bottom: 80px;
    }
}


[data-page=people2] section.hero .loud-title
{
    font-size: 58px;
}


.hero-title br
{
    display: block !important;
}



[data-page=segmentation2] section.features-footer {
    background-image: -webkit-linear-gradient(left top,#35115a 20%,#84355a 45%,#d25959 62%,#e67e53 83%,#f9a24d 100%);
    background-image: linear-gradient(to right bottom,#35115a 20%,#84355a 45%,#d25959 62%,#e67e53 83%,#f9a24d 100%);
}


.loud {
    background: -webkit-linear-gradient(left,#e6554f,#f9a044);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}



[data-page=jql] section.three .container
{
    padding-top: 1px;
}



[data-page=jql] section.three .group-2
{
    margin-top: 73px;
}




[data-page=jql] section.three
{
    background: #f2f6fc;
}


    [data-page=jql] section.three .container
    {
        height: auto;
    }


[data-page=jql] section.three
{
    height: auto;
}


.partner-program {
    padding-top: 34px;
    background: #f2f6fc;
}




[data-page=jql] section.three .group-2
{
    padding: 0;
}










.case_pic {
    margin: -25px -33px 0 -33px;
    height: 176px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.case_brand_name {
    font-family: brandon-grotesque, Helvetica, sans-serif;
}



.box-partner .logo {
    margin: 3px 0 0;
    font-size: 27px;
    font-weight: 600;
    color: black;
}



.list-pcard .table {
    display: table;
}

.list-pcard .tr {
    display: table-row;
}

.list-pcard .td
{
    display: table-cell;
    padding: 5px 20px 0 0;
    font-size: 15px;
    vertical-align: middle;
}

    .list-pcard .td:first-child {
        width: 165px;
    }


    .list-pcard .td:last-child {
        font-weight: 600;
    }


.box-partner .more {
    opacity: 1;
}



.player_container
{

}

.player
{
    margin-left: 60px;
}

.player_button
{
    float: left;
    width: 50px;
    height: 50px;
    margin: 39px 0 0 0px;
}


.player_button img
{
    width: 100%;
}


.player_button .pause_pic
{
    display: none;
}

    .player_button.play .play_pic {
        display: none;
    }

    .player_button.play .pause_pic
    {
        display: inline-block;
    }


.player_hint {
    font-size: 15px;
    margin: 30px 0 -23px 0;
    text-align: center;
    font-weight: 600;
}

.box-partner .more
{
    cursor: pointer;

}


.slider_container
{
    /*position: relative;*/
    height: 100%;
    width: 200%;
    margin-right: -100%;
    display: table;
}


    .slider_container .slider_second
    {
        /*position: absolute;
        top: 0;
        left: 100%;
        width: 100%;
        bottom: 0;*/
        opacity: 0;
    }


    .slider_container .slider_second p
    {
        height: 300px;
    }


    .slider_container.moved .slider_second p
    {
        height: auto;
    }



.partner-program .list-pcard > li
{
    overflow: hidden;
    margin-top: 30px;
    padding-bottom: 30px;
}


.slider_container.moved {
    /*transform: translate3d(-100%,0,0);*/
    transform: translate3d(-50%,0,0);
    transition: transform 0.5s ease;
}

.slider_container .slider_first,
.slider_container .slider_second {
    transition: opacity 0.5s ease;
    display: table-cell;
    width: 50%;
}


    .slider_container.moved .slider_first {
        opacity: 0;
    }

.slider_container.moved .slider_second
{
    opacity: 1;
}







.box-partner .more.back:after {
    transform: rotate(180deg);
    position: absolute;
    left: -20px;
    top: 7px;
    width: 14px;
    height: 10px;
    background: url(/wp-content/themes/robotmia/assets/images/partner/partner-sprite.png) 0 -14px no-repeat;
}


.hero_iphone,
[data-page=people2] section.hero .hero-img {
    position: relative !important;
}



    .hero_iphone .hints {
        position: absolute;
        top: 27%;
        left: 18%;
        right: 18%;
        text-align: center;
    }


        .hero_iphone .hints br
        {
            display: block !important;
        }




        .hero_iphone .hints .hint1 {
            color: white;
            text-align: center;
            font-family: brandon-grotesque,Helvetica,sans-serif;
            font-weight: 300;
            /*font-size: 18px;*/
            font-size: 28px;
        }



        .hero_iphone .hints img.play {
            width: 70px;
            margin-top: 60px;
            cursor: pointer;

            animation: fade 0.75s ease-out 0s alternate infinite none running;
        }



        .hero_iphone .hints .hint2 {
            color: white;
            text-align: center;
            font-family: brandon-grotesque,Helvetica,sans-serif;
            font-weight: 500;
            margin-top: 5px;
            cursor: pointer;
            
        }



/* tuning */
@media (max-width: 450px) {
    [data-page=people2] section.hero .hero-img {
        
        /*margin: 47px auto -85%;*/
        /*margin: 53px auto -85%*/
        margin: 40px auto -85%;


        display: block !important;
        float: none;
        max-width: 415px;
    }

    .hero_iphone .hints {
        top: 23%;
    }

        .hero_iphone .hints .hint1 {
            font-size: 20px;
        }

        .hero_iphone .hints img.play {
            margin-top: 20px;
        }



        .hero_iphone .hints .hint2
        {
            font-size: 15px;
        }

}


@media (max-width: 767px) 
{
    [data-page=people2] section.hero .intro {
        margin-bottom: 59px !important;
    }

}





[data-page=index] section.product-analytics .product-text
{
    max-width: 620px;
}





[data-page=funnels2] section.four .icons
{
    width: auto;
    display: inline-block;
}

.center_aligner
{
    text-align: center;
}



[data-page=funnels2] section.four .icon
{
    margin: auto;
}





[data-page=funnels2] section.four .graphic {
    margin-bottom: 32px;
}




[data-page=funnels2] section.four
{
    height: auto;
}


.partner-program .list-programs > li
{
    width: 31.5%;
}


@media (max-width: 767px) {
    .partner-program .list-programs > li {
        width: 100%;
    }
}





.partner-bottom
{
    display: none;
}



.partner-program .foo-btns
{
    margin-bottom: 0;

}



.partner-page .btn-blue:after, .partner-page .btn-white:after
{
    /*margin-left: 0;
    width: 0;*/
}



[data-page=segmentation2] section.retention .retention-image img
{
    position: relative;
}




.partner-program .heading {
    max-width: 637px;
}



.partner-program .list-programs
{
    max-width: 977px;
}






.getting-started.blue {
    background: radial-gradient(ellipse farthest-side at 100% 100%,#97c9d5 5%,#1b5494 60%,#1f2e5a 120%);
}

.getting-started.green {
    background-image: linear-gradient(166deg,#1f6f74 0,#41c071 63%,#ecfda6 100%);
}

.getting-started.red {
    background-image: linear-gradient(159deg,#e53a83 0,#e53a83 13%,#ffcc30 100%);
}




[data-page=funnels2] section.getting-started.red .arrow-button path {
    fill: #fdc431;
}



[data-page=funnels2] section.getting-started.green .arrow-button path {
    fill: #9aff02;
}



section.demo {
    padding: 40px 0 26px 0;
}




    section.demo form.mktoForm .mktoButton, section.demo form.mktoForm#mktoForm_1089 .mktoButton
    {
        margin: 18px auto 23px auto !important;
    }




.features-footer .learn-more
{
    font-size: 16px;
}



.blue-button.yellow {
    /*background: linear-gradient(#ff8b32, #ecc838);*/
    background: linear-gradient(to right bottom, #e88153, #f9bc4e);
}


section.getting-started-robotmia-2
{
    height: auto;
    overflow: hidden;
}

section.getting-started-robotmia-2.for_long_text 
{
    padding-bottom: 75px;
}


    section.getting-started-robotmia-2.for_long_text .register-button
    {
        margin-top: 100px;
    }









/* getting started line */



    section.getting-started-robotmia-2 .text
    {
        width: 78%;
    }


    .page-content[data-page=index] section.getting-started-robotmia-2 a.register-button {
        width: 223px;
    }


@media (max-width: 1023px) {
    .page-content[data-page=index] section.getting-started-robotmia-2 > .text {
        width: 67%;
        padding-right: 15px;
        font-size: 23px;
    }

    .page-content[data-page=index] section.getting-started-robotmia-2 a.register-button {
        float: right;
        width: 31%;
    }

    

}


@media (max-width: 767px) {
    .page-content[data-page=index] section.getting-started-robotmia-2 > .text {
        width: 63%;
        padding-right: 15px;
        font-size: 22px;
    }

    .page-content[data-page=index] section.getting-started-robotmia-2 a.register-button {
        float: right;
        width: 37%;
    }
}


@media (max-width: 655px) 
{
    .page-content[data-page=index] section.getting-started-robotmia-2 > .text {
        font-size: 20px;
        width: 100%;
        text-align: center;
        padding: 0 !important;
    }


    .page-content[data-page=index] section.getting-started-robotmia-2 a.register-button {
        width: 100%;
        margin-bottom: 10px !important;
        margin-top: 10px !important;
    }

}











@media (max-width: 767px) 
{
    .page-content[data-page=index] section.product-analytics .product-analytics-right .product-text {
        padding-top: 0px;
    }
}





@media (max-width: 381px) 
{
    .container {
        padding-left: 22px;
        padding-right: 22px;
    }
}




[data-page=funnels2] section.four.smaller_padding {

    padding-top: 50px;

}





@media (max-width: 410px) 
{
    [data-page=funnels2] section.four .separator {
        margin: 36px 2px 0;
        width: 10px;
    }
}







@media (max-width: 410px) 
{
    .features-footer .feature-icon {
        float: none;
        margin-left: 16px;
        margin-bottom: 19px;

    }

    .features-footer .feature-info
    {
        width: 100%;
    }

    .features-footer .feature-text
    {
        font-size: 15px;
    }


}






.partner-page p.bigger
{
    font-size: 19px;
}



.partner-program .list-pcard > li {
    max-width: 416px;
}


.list-pcard .table
{
    /*max-width: 246px;*/
}







.getting-started.blue p
{
    max-width: 919px;
    margin-left: auto;
    margin-right: auto;
}




.getting-started .pre_header
{
    text-align: center;
    margin-top: -43px;
    margin-bottom: 10px;
}


.getting-started .pre_header img
{
    /*width: 105px;*/
}




section.demo .demo-text.smaller_padding {
    margin: 8px auto 41px;
}

section.demo .demo-title-text.smaller_padding {
    margin: 0 auto 9px;
}

.just_center
{
    justify-content: center;
}


@media (max-width: 767px) {
    .partner-program .list-pcard > li {
        width: 100%;
    }
}









#pricing_content .section .hero:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    /*background-image: linear-gradient(159deg,#030d50 22%,#2eccb2 79%,#f1fdb0),linear-gradient(#4e1b4e,#4e1b4e);*/
    background: #f0f4f7;
    height: 100%;
    z-index: -2;
}




.faq_questions_holder {
    max-width: 821px;
    margin: 30px auto;
    margin-bottom: 103px;
}





    .faq_questions_holder .faq_question {
        width: 100%;
        /*border: 1px solid #d3d3d3;*/
        margin: 16px 0;
        
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
    }


        .faq_questions_holder .faq_question.expanded {
            margin: 50px 0;
            /*background-color: #fff;
            border-radius: 5px;
            box-shadow: 0 4px 9px 0 rgba(23,28,33,.06);*/
        }

            .faq_questions_holder .faq_question.expanded .faq_header {
                color: #47495a;
            }

            .faq_questions_holder .faq_question div {
                width: 100%;
            }


        .faq_questions_holder .faq_question .faq_header {
            /*background-color: #d3d3d3;*/
            padding: 2px;
            cursor: pointer;
            font-weight: bold;
            /* font-size: 19px; */
            font-weight: 600;
            /*font-size: 18px;*/
            font-size: 21px;
        }

        .faq_questions_holder .faq_question .faq_content {
            display: none;
            padding: 5px 0;
            
            
            color: #6b7c93;
        }



        .faq_questions_holder .faq_question .faq_header:hover {
            color: #47495a;
        }






.blue-button
{
    display: inline-block;
}






[data-page=segmentation2] section.retention {
    padding-top: 20px;
    height: auto;
    background: #fefeff;
    align-items: flex-start;
    padding-bottom: 38px;
}







    [data-page=segmentation2] section.retention .retention-text
    {
        width: 460px;
    }






#pricing_content .btn-white {
    animation: moving 2s ease-out 0s alternate infinite none running;
}










.partner-program .heading h2
{
    margin-bottom: 23px;
}






@media (min-width: 768px) and (max-width: 868px)
{
    .tariff_header_button {
        display: none !important;
    }
}




@media (min-width: 768px) and (max-width: 930px)
{
    [data-page=people2] section.hero .container .left
    {
        width: 53%;
    }

    [data-page=people2] section.hero
    {
        padding-top: 140px;
    }

}




.navmain > ul > .contact a {
    padding-left: 0;
    border-bottom: 1px dashed #afafaf;
    padding-right: 0;
    margin-left: 7px;
    margin-right: 7px;
}


.navmain > ul .contact a:before {
    background: url(../images/call3.svg) 0 0/15px 13px no-repeat;
    width: 15px;
    height: 13px;
    margin-right: 5px;
}


.header-sticky .navmain > ul .contact a:before,
.navmain-active .navmain > ul .contact a:before {
    background-image: url(../images/call3-black.svg);
}



.navmain-active .navmain > ul > .contact a {
    margin-left: 0;
    margin-right: 0;
    border-bottom: none;
    padding: 20px 40px 21px 20px;
}



.navmain > ul > .contact a .mobile
{
    display: none;
}


.navmain-active .navmain > ul > .contact a .mobile {
    display: inline;
}

.navmain-active .navmain > ul > .contact a .desktop
{
    display: none;
}




@keyframes blink {
    0% {
        opacity: 1;
        /*transform: scale(0.85);*/
    }

    7% {
        opacity: 0.2;
        /*transform: scale(1.1);*/
    }

    14% {
        opacity: 1;
        /*transform: scale(0.85);*/
    }

    21% {
        opacity: 0.2;
        /*transform: scale(1.1);*/
    }

    28% {
        opacity: 1;
        /*transform: scale(0.85);*/
    }

    100% {
        opacity: 1;
        /*transform: scale(1.1);*/
    }
}


/* animation */
[data-page=funnels2] section.four .icon.blink {
    animation: blink 2s ease-out 0s infinite none running;
}



.signup-form_success
{

    font-family: brandon-grotesque,sans-serif;
    font-size: 13px;
    margin-bottom: 100px;
    font-weight: 900;
    margin-top: 100px;
    text-transform: uppercase;

    position: absolute;
    bottom: -9999px;
    visibility: hidden;
    z-index: -999;
}


.form_sent .signup-form_success
{
    position: static;
    bottom: 0;
    visibility: visible;
    z-index: auto;
}


.form_sent .signup-form
{
    display: none;
}


.arrow-button:visited
{
    color: white;
}












.marketo-form_success
{

    
    font-size: 15px;
    margin-bottom: 100px;
    
    margin-top: 100px;
    
    max-width: 531px;
    margin-left: auto;
    position: absolute;
    text-align: center;
    bottom: -9999px;
    margin-right: auto;
    visibility: hidden;
    z-index: -999;

}


.form_sent .marketo-form_success
{
    position: static;
    bottom: 0;
    visibility: visible;
    z-index: auto;
}



.form_sent .marketo-form
{
    display: none;
}


input.mktoField.error
{
    background: rgba(134, 29, 49, 0.6) !important;
}


section.demo
{
    overflow: hidden;
}



.continue-signup
{
    text-align: center;
}




/* arrow button kb */
.arrow_button_container
{
    text-align: center;
    margin-bottom: 72px;
}

.arrow-button.kb_button
{
    color: #424242;
    border: 2px solid rgba(0, 0, 0, 0.17);
}

.arrow-button.kb_button:hover
{
    border-color: #5f5f5f;
}

.arrow-button.kb_button path
{
    fill: #05b4fc;
}







/*new tariff*/
#pricing_content .section .plan-list .plan .av_hint
{
    font-size: 15px;
    margin-top: -8px;
}



#pricing_content .section .plan-list .plan .data-points .data-points-strong.block
{
    font-size: 15px;
}


#pricing_content .section .plan-list .plan .data-points
{
    margin: 12px 0 42px;
}







/* B2B OVERRIDE */


[data-page=people2] section.hero .container .left {
    float: none;
    width: auto;
}

[data-page=people2] .hero .content
{
    text-align: center;
}

[data-page=people2] section.hero .intro {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.underline
{
    text-decoration: underline;
}



.navmain > ul .login a:before {
    background: url(../images/clock.svg) 0 0/13px 13px no-repeat;
}

.header-sticky .navmain > ul .login a:before,
.navmain-active .navmain > ul .login a:before {
    background-image: url(../images/clock-black.svg);
}


.navmain > ul .language a:before {
    background: url(../images/globe2-white.svg) 0 0/13px 13px no-repeat;
}

.header-sticky .navmain > ul .language a:before,
.navmain-active .navmain > ul .language a:before {
    background-image: url(../images/globe2-black.svg);
}


.client_logo_container
{
    text-align: center;
}

.client_logo_container img
{
    width: 184px;
}


.page-content[data-page=index] section.product-analytics .product-analytics-right > .text-block
{
    padding-left: 0;
}


@media (min-width: 768px) {

.video-content
{
    margin-top: 44px;
}

}



section.getting-started-robotmia-2 .register-button-na {
    cursor: pointer;
    float: right;
    font-family: brandon-grotesque,Helvetica,sans-serif;
    font-size: 13px;
    height: 48px;
    margin-top: 81px;
    opacity: .9;
    text-align: center;
    text-transform: uppercase;
    width: 200px;
}

section.getting-started-robotmia-2.for_long_text .register-button-na {
    margin-top: 100px;
}


.page-content[data-page=index] section.getting-started-robotmia-2 a.register-button-na {
    width: 223px;
}

.calc_container
{
    margin-left: auto;
    margin-right: auto;

    max-width: 700px;
}

.total_line
{
    border-bottom: 1px solid #e4e9ee;
    /*margin: 50px 0 50px 0;*/
    margin: 36px 0 31px 0;
}


.total_sum
{
    text-align: right;
}

.total_sum .label
{
    color: #6b7a82;
    font-size: 17px;
    font-weight: 600;
}

.total_sum .value
{
    color: #47495a;
    font-weight: 800;
    font-size: 20px;
}


form.mktoForm .mktoFormRow
{
    float: none !important;
    clear: both !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    margin-bottom: 22px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


.agree_message
{
    color: rgba(255, 255, 255, 0.78);
    width: 74%;
    margin: 5px auto 13px !important;
    text-align: center !important;
    font-family: Lato,Helvetica,sans-serif !important;
}

.agree_message a
{
    text-decoration: underline;
}





.navmain>ul .language a:before {
    width: 13px;
    height: 13px;
}



.navmain>ul .language a:before {
    content: '';
    display: inline-block;
    margin: 2px 8px 0 0;
    vertical-align: top;
    opacity: 1;
}

