/*BANNER TRIAL*/

.ctaFullTrial:after {
    background: url(../images/bg-trial.png) no-repeat top left;
    background-size: contain;
    content: "";
    width: 100%;
    height: 100%;
    max-width: 700px;
    height: 564px;
    position: absolute;
    top: -62px;
    z-index: -1;
    left: 0;
}

.ctaFullTrial {
    background: url(../images/bg-block-trial.png) no-repeat top  center transparent;
    padding: 100px 0;
    display: block;
    clear: both;
    /*background-size: cover;*/
    width: 100%;
    min-height: 460px;
    margin:  20px  auto;
    position: relative;
}

.ctaFullTrial .cta {
    background-image: linear-gradient(180deg, #009eff 0%, #0084ff 100%);
    border-radius: 8px;
    line-height: 63px;
    color: #fff;
    display: inline-block;
    font-family: "CircularStd-Bold";
    padding: 0 23px;
    font-weight: 500;
}

.ctaFullTrial h2 {
    font-size: 46px;
    letter-spacing: -0.7px;
    font-family: "CircularStd-Bold";
    max-width: 560px;
    margin: 0 auto;

    color: #2a3135;
}

.ctaFullTrial h4 {
    font-size: 18px;
    color: #637178;
    font-family: "CircularStd-Book";
    letter-spacing: -0.27px;
    font-weight: 300;
}



@media screen and (max-width: 678px ) {

    .ctaFullTrial {
        background: url(../images/bg-block-trial-mobile.png) no-repeat top  center transparent;
          background-size:cover;
        padding: 300px  0 100px 0 ;
    }

}


@media screen and (max-width: 478px ) {

    .ctaFullTrial {
        background: url(../images/bg-block-trial-mobile.png) no-repeat top  center transparent;
        background-size:cover;
        padding: 230px  0 100px 0 ;
    }
    .ctaFullTrial .wpb_wrapper h2 { max-width: 80%; margin: 0 auto;  font-size:35px; }

}