.fp-hero {
    position: relative;
    padding-top: 80px;
    overflow: hidden;
}

@media (min-width: 992px) {
    .fp-hero {
        /*margin-top: -97px;*/
        min-height: 800px;
        padding-top: 180px;
    }
}

.fp-hero__img {
    margin-top: -52px;
}

@media (max-width: 767px) {
    .fp-hero {
        background: #fff !important;
    }
}

.fp-hero .container {
    position: relative;
    z-index: 1;
}

@media (min-width: 1500px) {
    .fp-hero .container {
        max-width: 1465px;
    }
}

.fp-hero__title h1,
.fp-hero__title h2 {
    font-size: 36px;
    font-weight: 900;
    line-height: 41px;
    letter-spacing: 0.03em;
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .fp-hero__title h1,
    .fp-hero__title h2 {
        font-size: 53px;
        line-height: 82px;
    }

    .fp-hero__title h1 > span {
        position: relative;
        display: inline-block;
    }

    .fp-hero__title h1 > span:before {
        position: absolute;
        left: 0;
        display: block;
        content: '';
        background: #FFF;
        opacity: .75;
        width: calc(100% + 20px);
        height: 78px;
        z-index: -1;
    }

    .fp-hero__title h1 > span:after {
        position: absolute;
        left: 0;
        display: block;
        content: '';
        background: #fff;
        opacity: .75;
        height: 78px;
        z-index: -1;
        transform: translateX(-100%);
        top: 0;
        width: 100%;
    }
}