.section-hero{
    position: relative;
    height: 860px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;        
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 135px 0 108px 0;
    overflow: hidden;
    
}
.section-hero__row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    height: 100%;
}
.hero-row__col{
    width: 53%;
    min-width: 300px;
    max-width: 640px
}
.hero-row__col p{
    max-width: 513px;
    margin-bottom: 16px;
}

.section-hero_bg{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 56%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 62%;
    width: 100%;
    max-width: 828px;
    height: 100%;
    z-index: -1;
    -webkit-box-shadow: inset 0px 8px 247px -34px rgba(255,255,255,1);
    box-shadow: inset 0px 8px 247px -34px rgba(255,255,255,1);
}
.section-hero_bg-mob img{
    display: none;
}

.box_shadow_mask{
    -webkit-box-shadow: 
    inset 0px 140px 40px -11px #fff, 
    inset 0px -200px 140px -35px #fff; 
    box-shadow: 
    inset 0px 140px 40px -11px #fff, 
    inset 0px -200px 140px -35px #fff;
}
@media screen and (max-width:1024px){
    .section-hero{
        padding: 84px 0 64px 0;
    }
    .section-hero_bg{
        left: 52%!important;
    }
}


@media screen and (max-width:767px){
    .section-hero__row{
        padding: 36px 0;
    }
    .hero-row__col{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
                flex-flow: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    }
    .hero-headline .h1{
        text-align: center;
    }
    .hero-headline .secion-sub-title{
        display: block;
        text-align: center;
    }
    .hero-row__col p{
        text-align: center;
    }
    .hero-row__col{
        width: 100%;
    }
    .section-hero_bg{
        position: relative;
        top: 0;
        transform: translateY(0) translateX(12%);
        left: 0!important;
        width: 100%;
        max-width: 960px;
        height: 430px;
        z-index: 1;
    }
    .section-hero_bg.big-mob{
        transform: translateY(0) translateX(17%) scale(1.3);
    }
   .hero-row__col .btn-cta{
        margin: 0 auto;
    }

}
@media screen and (max-width: 720px){
    .section-hero {
        height: auto!important;
        padding: 144px 0 0;
    }
}
@media screen and (max-width:560px) {
    .section-hero_bg.section-hero_bg-mob{
        background: none!important;
        transform: translateY(0) translateX(0) scale(1)!important;
        overflow: hidden;
    }
    .section-hero_bg-mob::before{
        content: '';
        clear: both;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-box-shadow:  inset 0px 90px 60px -11px #fff, inset 0px -150px 76px -35px #fff;
        box-shadow:  inset 0px 90px 60px -11px #fff, inset 0px -150px 76px -35px #fff;
    }
    .section-hero_bg-mob img{
        display: block;
        width: 100%;
    }
    .box_shadow_mask{
        -webkit-box-shadow: inset 0px 125px 40px -11px #fff, inset 0px -150px 76px -35px #fff;
        box-shadow: inset 0px 125px 40px -11px #fff, inset 0px -150px 76px -35px #fff;

    }
}