.body__inner {

    overflow: hidden;    

    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 2'%3E%3Cpath opacity='0.15' d='M0 0v2L1 1z' fill='url(%23g)'/%3E%3ClinearGradient id='g' x1='0' x2='1' y1='1' y2='0'%3E%3Cstop offset='0%' stop-color='%230084b4'/%3E%3Cstop offset='100%' stop-color='%2352babb'/%3E%3C/linearGradient%3E%3C/svg%3E") no-repeat;

    background-position: 0 2%;

    background-size: auto 245px;

    position: relative;

    top: -80px;

}



.freezeHeader .body__inner {

    top: 0;

}



.body--home .body__inner {

    background-position: 0 600px;

    background-size: 300px auto

}



.container--medium {

    z-index: 2;

    position: relative;

    top: 180px;

    left: 70px;

}



.hero--left {

    height: 330px;

}



.js-hero-image

{

    z-index: 1 !important;

}



.body--blog_index .body__inner {

    background: 0 0

}



@media (max-width:767px) {

    .body__inner {

        background: 0 0

    }

}



@media (max-width:1299px) {

    .body__inner {

        padding-top: 80px

    }

}



@media (max-width:359px) {

    .body__inner {

        padding-top: 70px

    }

}



.body__inner::after {

    content: '';    

    display: block;

    position: absolute;

    z-index: -1;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0px;

    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath vector-effect='non-scaling-stroke' d='M0 0L1 1M1 0L0 1' fill='none' stroke='%231d327f'/%3E%3C/svg%3E") no-repeat;

    background-size: auto 100%;

    opacity: .06

}



@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {

    .body__inner::after {

        display: none

    }

}



@supports (-ms-ime-align:auto) {

    .body__inner::after {

        display: none

    }

}





.alfa {

    font-size: 30px;

    font-weight: 400;

    line-height: 1.4;

    letter-spacing: .2em;

    text-transform: uppercase;

    color: #1d327f

}



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

    .alfa {

        font-size: calc(30px + 35 * (100vw - 320px)/ 1080)

    }

}



@media screen and (min-width:1400px) {

    .alfa {

        font-size: 65px

    }

}



.site-header__lines {

    position: absolute;

    z-index: 3;

    top: 0;

    bottom: 0;

    left: calc(50% - 680px);

    width: calc(50% + 680px);

    background: url(../images/lines.svg) top left no-repeat;

    background-size: 3536px auto;

    opacity: .1;

    mix-blend-mode: multiply;

    pointer-events: none

}



@media (max-width:1599px) {

    .site-header__lines {

        width: 100%;

        left: 50px;

        background-size: 225.70213% auto

    }

}



@media (max-width:1299px) {

    .site-header__lines {

        top: 80px

    }

}



@media (max-width:991px) {

    .container--medium {

        left: 0px;

        top: 65px;

    }

    .container--medium h1 {

        margin-bottom: 3px;

    }

    .hero--left

    {

        height: 200px;

    }

}



@media (max-width:767px) {

    .site-header__lines {

        left: 25px

    }

    .hero--left {

        height: 200px;

    }

}



.hero--left .alfa {

    width: 55%

}



@media (max-width:699px) {

    .hero--left .alfa {

        width: 80%

    }

    .hero--left {

        height: 175px;

    }

}



@media (max-width:567px) {

    .hero--left {

        height: 150px;

    }

}



@media (max-width:359px) {

    .site-header__lines {

        top: 70px

    }

    .hero--left {

        height: 150px;

    }

}



.hero p a {

    color: #52babb;

    text-decoration: none

}



    .hero p a:hover {

        text-decoration: underline

    }



.hero--left p {

    max-width: 500px

}



.hero-image,

.hero-video {

    width: 1880px;

    position: absolute;

    z-index: -2;

    top: 0;

    left: calc(50% - 350px)

}



    .hero-image::before,

    .hero-video::before {

        content: '';

        display: block

    }



    .hero-image img,

    .hero-image svg,

    .hero-image video,

    .hero-video img,

    .hero-video svg,

    .hero-video video {

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

    }



    .hero-image svg,

    .hero-video svg {

        /* pointer-events:none */

    }



@media (max-width:1599px) {

    .hero-image,

    .hero-video {

        width: 120%;

        left: calc(20.4% + 50px)

    }

}



@media (max-width:1299px) {

    .hero-image,

    .hero-video {

        /*top: 80px*/

    }

}



@media (max-width:359px) {

    .hero-image,

    .hero-video {

        top: 70px

    }

}



@media (max-width:767px) {

    .hero-image,

    .hero-video {

        left: calc(20.4% + 25px)

    }

}



.hero-image::before {

    padding-top: 50%

}



.hero-image__1-1,

.hero-image__1-2,

.hero-image__2-1,

.hero-image__2-2,

.hero-image__3-1 {

    opacity: 0;

    transition: opacity 1s

}



.hero-image.is-visible .hero-image__1-1,

.hero-image.is-visible .hero-image__1-2,

.hero-image.is-visible .hero-image__2-1,

.hero-image.is-visible .hero-image__2-2,

.hero-image.is-visible .hero-image__3-1 {

    opacity: 1

}



.hero-image__1-1 {

    transition-delay: .2s

}



.hero-image__1-2 {

    transition-delay: .8s

}



.hero-image__2-1 {

    transition-delay: .6s

}



.hero-image__2-2 {

    transition-delay: .4s

}



.hero-image__3-1 {

    transition-delay: 0s

}





.hero__white {

    fill: #fff;

    transition: opacity 1s

}



.hero__white--1 {

    transition-delay: 0s

}



.hero__white--2 {

    transition-delay: .2s

}



.hero__white--3 {

    transition-delay: .4s

}



.hero__white--4 {

    transition-delay: .6s

}



.hero__white--5 {

    transition-delay: .8s

}



.hero-image.is-visible .hero__white,

.hero-video.is-visible .hero__white {

    opacity: 0

}