        .bg-blue {
        background: #070D29;
        }

        .navbar-toggler {
        padding: .25rem .75rem;
        font-size: 1.25rem;
        line-height: 1;
        background-color: #ffffff;
        border: 1px solid #ffffff;
        border-radius: .35rem;
        }

        .mainfooter ul {
        padding: 0;
        margin: 0;
        }

        .mainfooter ul li {
        list-style: none;
        }

        .footersocial {
        text-align: right;
        }

        .footersocial ul {
        padding: 0;
        margin: 0;
        text-align: right;
        }

        .footersocial ul li {
        list-style: none;
        padding: 6px;
        display: inline-block;
        }

        /* bx-wrapper Styling */
        .bx-wrapper {
        box-shadow: none !important;
        border: none !important;
        background: #fff !important;
        margin: auto !important;

        }

        .bx-wrapper .bx-caption {
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        background: rgba(80, 80, 80, 0.5) !important;
        width: 100% !important;

        }

        .bx-wrapper .bx-caption span {
        color: #fff !important;
        font-family: Arial !important;
        display: block !important;
        font-size: 8px !important;
        padding: 10px !important;

        text-align: center;
        }

        .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 50%;
        margin-top: -16px;
        outline: 0;
        width: 32px;
        height: 32px;
        text-indent: -9999px;
        z-index: 9999;

        }

        .bx-wrapper .bx-prev {
        left: 10px;
        background: url(images/controls.png) no-repeat 0 -32px;
        }

        .bx-wrapper .bx-next {
        right: 10px;
        background: url(images/controls.png) no-repeat -43px -32px;
        }

        /* End bx-wrapper Styling */

        .logosImgs {
        display: -webkit-flex;
        display: flex;
        justify-content: center;

        }

        .logosImgs img {
        max-height: 100%;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        opacity: .65;
        transition: all .5s;
        border-radius: 50%;
        }

        .logosImgs img:hover {
        opacity: 1;
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        }


        @media screen and (max-width: 800px) {
        .logosImgs img {
        max-width: 70px;
        max-height: 100%;
        margin: 5px 8px;
        }
        }

        @media screen and (max-width: 560px) {
        .logosImgs img {
        max-width: 70px;
        max-height: 100%;
        margin: 3px 5px;
        }
        }
