/**
 * *************************************************************************************************
 * Add your own custom CSS styles here to override supplied
 * *************************************************************************************************
 */

body {
      font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5 {

}

.banner-btmg1,
.w3layouts-reg-form {
    background: #031f9a;
    padding: 2.5em;
    width: 45%;
}

.banner-subg1 {
    background: #031f9a;
    padding: 4em 2em;
    position: relative;
    text-align: center;
    margin-bottom: 2.6em;
}

.banner-btmg1 h3 {
    font-size: 24px;
    color: #febf00;
}

.banner-btmg1 ul li {
    color: #FFF;
    font-size: 14px;
    margin-bottom: 15px;
}

.banner-subg1 ul li {
    color: #FFF;
	margin-bottom: 5px;
	font-size: 14px;
}

.banner-subg1 h3,
.about-bottom h5 {
    color: #febf00;
    font-size: 25px;
    text-transform: capitalize;
}

.about-bottom h5 {
    color: #FFF;
}

.w3ls-about-bottom h5 {
    color: #031f9a;
    font-weight: 600;
}

.banner-grid2 {
    margin: 0 0 0 2.6em;
    padding: 0;
}

.banner-grid2:last-child {
    margin: 0 0 0 2em;
}

.banner-subg1:last-child {
    margin-bottom: 0;
}

.banner-subg1 span.fa {
    font-size: 90px;
    color: #ffffff;
    opacity: 0.1;
    position: absolute;
    top: 38px;
    left: 8%;
}

.banner-subg1 p {
    color: #fff;
    width: 86%;
    margin: 26px auto;
	font-size: 14px;
}

.form-text {
    position: relative;
}

.banner-btmg1 img {
    position: absolute;
    right: -30px;
    width: 28%;
    top: -1px;
	webkit-animation: tada 5000ms infinite;
    animation: tada 5000ms infinite;
}

.form-text p {
    color: #fff;
    margin-top: 5px;
}


@media screen and (min-width: 992px) {
    .banner-bottom-main,
    .banner-btm-grid2 {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .banner-btmg1,
    .banner-grid2 {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .banner-btm-grid2 {
        -webkit-box-flex: 2;
        -moz-box-flex: 2;
        -webkit-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }
}

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

    .banner-btmg1 img {
        right: -26px;
        top: 21px;
    }

    .banner-grid2 {
        margin: 0 0 0 2em;
    }

    .banner-subg1 {
        margin-bottom: 2em;
    }

    .banner-subg1 p {
        margin: 28px auto;
    }
}

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

    .banner-btmg1 {
        width: 100%;
    }

    .banner-btmg1 img {
        right: -54px;
        top: -97px;
    }

    .banner-info h3 {
        font-size: 44px;
    }

    .banner-top,
    .banner-top1,
    .banner-top2 {
        min-height: 445px;
    }

    .banner-info {
        padding: 11em 0 0em;
    }

    .banner-grid2 {
        margin: 2em 0;
    }

    .banner-grid2:last-child {
        margin: 0;
    }

    .banner-subg1 {
        width: 48%;
        float: left;
        margin: 0;
    }

    .banner-subg1:nth-child(even) {
        margin: 0 0 2em 2em
    }

    .about-left,
    .about-main-bg {
        min-height: 400px;
    }

    .about-main-bg {
        padding-top: 125px;
    }

}

@media screen and (max-width: 768px) {
    .banner-btmg1 img {
        right: -49px;
        top: -75px;
        width: 25%;
    }
}

@media screen and (max-width: 736px) {
    .header-grid-left-wthree {
        width: 45%;
    }

    .banner-btmg1 img {
        right: -45px;
        top: -65px;
    }

    .agileinfo-subscribe-grid {
        padding: 20px 0 40px;
    }

    .about-left,
    .about-main-bg {
        min-height: 330px;
    }

    .about-main-bg {
        padding-top: 94px;
    }

    .banner-subg1:nth-child(even) {
        margin: 0 0 1.9em 1.9em;
    }

    .banner-top,
    .banner-top1,
    .banner-top2 {
        min-height: 415px;
    }

}

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

    .banner-info h3 {
        font-size: 38px;
    }

    .banner-btmg1 img {
        right: -41px;
        top: -44px;
    }

    .banner-subg1 {
        width: 47.78%;
    }

}

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

    .banner-btmg1 img {
        top: -35px;
    }

    .banner-subg1 {
        width: 47.7%;
    }

    .banner-bg2 {
        min-height: 315px;
    }

    .banner-bg2 {
        min-height: 295px;
    }

}

@media screen and (max-width: 600px) {
    .banner-info {
        padding: 9em 0 0em;
    }

    .banner-subg1 {
        width: 47.5%;
    }

    .banner-btmg1 img {
        top: -24px;
        right: -37px;
    }

    .banner-btmg1 img {
        top: -25px;
        right: -38px;
    }

    .banner-bg2 {
        min-height: 275px;
    }
}


@media screen and (max-width: 568px) {
    .banner-info {
        padding: 8em 0 0em;
    }

    .banner-bg2 {
        min-height: 260px;
    }

    .banner-btmg1 img {
        top: -15px;
        right: -35px;
    }

    .banner-subg1 {
        width: 47.4%;
    }


}

@media screen and (max-width: 480px) {
    .banner-subg1 {
        width: 100%;
    }

    .banner-info h3 {
        margin-bottom: 5px;
    }

    .banner-bg2 {
        min-height: 240px;
    }

    .banner-info.bg3.inner {
        padding-top: 6.5em;
    }

    .banner-subg1:nth-child(even) {
        margin: 1em 0em;
    }

    .banner-btmg1 img {
        top: 9px;
        right: -29px;
    }

}

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

    .banner-info h3 {
        font-size: 31px;
    }


    .banner-info p {
        font-size: 14px;
        letter-spacing: 3px;
    }

    .banner-btmg1 img {
        top: 29px;
        right: -24px;
    }

    .serv-grid1 {
        padding: 64px 35px 0;
        min-height: 194px;
    }


}


@media screen and (max-width: 384px) {
    .banner-btmg1 img {
        top: 38px;
        right: -21px;
    }

    .banner-btmg1 h3 {
        font-size: 22px;
    }

    .banner-subg1 {
        padding: 3em 2em;
    }

    .banner-info h3 {
        font-size: 28px;
    }

    .banner-info {
        padding: 6em 0 0em;
    }


}