html,
body {
    overflow-x: hidden;
}

.col-lg-5,
.col-lg-7,
.col-md-12 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.order-first {
    -ms-flex-order: -1;
    order: -1;
}

@media (min-width:768px) {
    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width:992px) {
    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .order-lg-first {
        -ms-flex-order: -1;
        order: -1;
    }
}

.shape {
    position: absolute;
    height: auto;
    z-index: -2;
}

.round-shape {
    position: absolute;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background-color: rgba(5, 87, 177, 0.3);
}

.round-shape-md {
    width: 110px;
    height: 110px;
}

.round-shape-lg {
    width: 160px;
    height: 160px;
}

.banner-content {
    position: relative;
    padding-top: 100px;
}

.header-txt {
    text-align: center;
}

.header-txt h1 {
    font-size: 2em;
}

.header-txt p {
    font-size: 1.25em;
    line-height: 1.27;
    padding: 5px 0;
}

.header-image-lg {
    width: 100%;
    padding-bottom: 30px;
}

.header-shape-1 {
    width: 700px;
    top: 0;
    right: calc(50% - 1250px);
}

.header-shape-2 {
    top: 100px;
    left: calc(50% - 650px);
    animation: fadeInRight 7s linear .5s infinite alternate;
}

.header-shape-3 {
    top: 120px;
    left: calc(50% - 620px);
    animation: fadeInLeft 7s linear .5s infinite alternate;
}

.header-shape-4 {
    background-color: rgba(255, 255, 255, 0.1);
    top: 120px;
    right: calc(50% - 650px);
    animation: fadeInLeft 7s linear .5s infinite alternate;
}

.header-shape-5 {
    background-color: rgba(255, 255, 255, 0.2);
    top: 220px;
    right: calc(50% - 650px);
    animation: fadeInLeft 9s linear .5s infinite alternate;
}

.header-shape-6 {
    background-color: rgba(255, 255, 255, 0.2);
    top: 400px;
    right: calc(50% - 800px);
    animation: fadeInLeft 8s linear .5s infinite alternate;
}

.header-shape-7 {
    background-color: rgba(255, 255, 255, 0.1);
    top: 700px;
    right: calc(50% - 700px);
    animation: fadeInLeft 7s linear .5s infinite alternate;
}

.header-shape-8 {
    background-color: rgba(255, 255, 255, 0.1);
    top: 730px;
    right: calc(50% - 750px);
    animation: fadeInLeft 9s linear .5s infinite alternate;
}

@media all and (min-width: 992px) {
    .banner-content {
        padding-top: 150px;
        padding-bottom: 150px;
    }
    .header-txt {
        text-align: left;
    }
    .header-txt h1 {
        font-size: 4.5em;
    }
    .header-txt p {
        font-size: 2.25em;
        padding: 20px 0;
    }
    .header-image-lg {
        width: 800px;
        padding-bottom: 0;
    }
    .header-shape-1 {
        top: 100px;
        width: 1300px;
    }
}