body {
    font-family: 'lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    position: relative;
    width: 100%;
    height: 100%;
    color: #5a5a5a;
    /*background-color: black;*/
    background-color: #f8f9fa !important;
    display: flex;
    flex-direction: column;
}

/* BUTTONS */
a {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #3d71ab;
}

    a:focus {
        text-decoration: none;
        color: #305a88;
    }

    a:hover {
        text-decoration: none;
        color: #305a88;
    }

    a:active {
        text-decoration: none;
        color: #3d71ab;
    }

.btn-primary {
    color: #fff !important;
    background-color: #3d71ab;
    border-color: #3d71ab;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #305a88;
        border-color: #305a88;
    }

    .btn-primary.disabled, .btn-primary:disabled {
        background-color: #305a88;
        border-color: #305a88;
    }

    .btn-primary:active {
        background-color: #305a88;
        border-color: #305a88;
    }

    .btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #305a88;
        border-color: #305a88;
        box-shadow: 0 0 0 0.2rem #3d71ab;
    }

.btn-danger {
    color: #fff;
    background-color: #dc427b;
    border-color: #dc427b;
}

a.dropdown-item:active {
    color: #fff;
    background-color: #3d71ab;
    border-color: #3d71ab;
}


/* CAROUSEL */
.carousel {
    margin-bottom: 4rem;
}

.carousel-caption {
    bottom: 3rem;
    z-index: 10;
}

.carousel-item {
    height: 32rem;
}

    .carousel-item > img {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100%;
        height: 32rem;
    }

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
    margin-bottom: 1.5rem;
    text-align: center;
}

.marketing h2 {
    font-weight: 400;
}

.marketing .col-lg-4 p {
    margin-right: .75rem;
    margin-left: .75rem;
}

/* Featurettes */

.featurette-divider {
    /* margin: 5rem 0; Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
    font-weight: 300;
    line-height: 1;
    letter-spacing: -.05rem;
}


/* RESPONSIVE CSS */

@media (min-width: 40em) {
    /* Bump up size of carousel content */
    .carousel-caption p {
        margin-bottom: 1.25rem;
        font-size: 1.25rem;
        line-height: 1.4;
        width: 70% !important;
    }

    .featurette-heading {
        font-size: 50px;
    }



}

@media (min-width: 62em) {
    .featurette-heading {
        margin-top: 7rem;
    }

    .carousel-caption p {
        width: 70% !important;
    }
}


/*NAV BAR*/

#mainNav .mwh-user-nav .dropdown-item.active .dropdown-item:active {
    outline: none;
    /*background-color: #3d71ab !important;*/
}

#mainNav, .loaderNav {
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin-bottom: 0;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    background-color: #f8f9fa;
}

    #mainNav .navbar-toggler {
        font-size: 14px;
        padding: 11px;
        color: black;
        /*border: 1px solid white;*/
    }

    #mainNav .navbar-brand, .loaderNav .navbar-brand {
        font-weight: 700;
    }

    #mainNav .mwh-public-nav a {
        color: black;
    }

    #mainNav .mwh-user-nav a {
        color: black;
    }

    #mainNav .dropdown-item.active .dropdown-item:active {
        outline: none;
        /*background-color: #3d71ab !important;*/
    }

    #mainNav .navbar-nav .nav-item:hover {
        color: fade(white, 80%);
        outline: none;
        background-color: transparent;
    }

    #mainNav .navbar-nav .nav-item:active, #mainNav .navbar-nav .nav-item:focus {
        outline: none;
        background-color: transparent;
    }

    #mainNav .dropdown-toggle:after {
        content: none
    }

@media (min-width: 992px) {

    #mainNav, .loaderNav {
        padding-top: 20px;
        padding-bottom: 20px;
        -webkit-transition: background 0.3s ease-in-out, padding-top 0.3s ease-in-out, padding-bottom 0.3s;
        -moz-transition: background 0.3s ease-in-out, padding-top 0.3s ease-in-out, padding-bottom 0.3s;
        transition: background 0.3s ease-in-out, padding-top 0.3s ease-in-out, padding-bottom 0.3s;
        letter-spacing: 1px;
        border-bottom: none;
        background: transparent;
    }

        #mainNav.navbar-shrink {
            padding-top: 10px;
            padding-bottom: 10px;
            border-bottom: 1px solid #ced4da;
            background-color: #f8f9fa
        }

            #mainNav.navbar-shrink a {
                color: black;
            }

        #mainNav .mwh-public-nav .nav-link.active {
            outline: none;
            background-color: rgba(255, 255, 255, 0.3);
        }

        #mainNav .mwh-user-nav .nav-link.active .dropdown-item.active .dropdown-item:active {
            outline: none;
            /*background-color: #3d71ab !important;*/
        }

        #mainNav .mwh-public-nav .nav-link.active:hover {
            color: white;
        }

        #mainNav .mwh-user-nav .nav-link.active:hover {
            color: black;
        }


   


}

@media (max-width: 992px) {

    #mainNav .mwh-public-nav a {
        color: black;
    }

    .topM {
        padding-top: 100px !important;
    }



}


/*FOOTER*/

footer {
    padding: 10px 0;
    color: white;
    background-color: #3d71ab;
}

    footer p {
        font-size: 14px;
        margin: 0;
    }




.btn-light {
    color: white;
    /*background-color: #e2e6ea;*/
    background: rgba(61, 113, 171, 1) ;
    border-color: #dae0e5;
    border-radius: 25px;
    padding: 15px;
}
    .btn-light:hover {
        color: white;
        /*background-color: #e2e6ea;*/
        border-color: #dae0e5;
        border-radius: 25px;
        background: rgba(61, 113, 171, 1)
    }



/*footer from some where  ----------------------------------------------------------------------------------------------------------------------------------------------------------*/
.col_white_amrc {
    color: #FFF;
}

footer {
    width: 100%;
    /*background-color: #263238;*/
    min-height: 250px;
    padding: 10px 0px 25px 0px;
}

.pt2 {
    padding-top: 40px;
    margin-bottom: 20px;
}

footer p {
    font-size: 13px;
    color: #CCC;
    padding-bottom: 0px;
    margin-bottom: 8px;
}

.mb10 {
    padding-bottom: 15px;
}

.footer_ul_amrc {
    margin: 0px;
    list-style-type: none;
    font-size: 14px;
    padding: 0px 0px 10px 0px;
}

    .footer_ul_amrc li {
        padding: 0px 0px 5px 0px;
    }

        .footer_ul_amrc li a {
            color: #CCC !important;
        }

            .footer_ul_amrc li a:hover {
                color: #fff !important;
                text-decoration: none;
            }

.fleft {
    float: left;
}

.padding-right {
    padding-right: 10px;
}

.footer_ul2_amrc {
    margin: 0px;
    list-style-type: none;
    padding: 0px;
}

    .footer_ul2_amrc li p {
        display: table;
    }

    .footer_ul2_amrc li a:hover {
        text-decoration: none;
    }

    .footer_ul2_amrc li i {
        margin-top: 5px;
    }

.bottom_border {
    /*border-bottom: 1px solid #323f45;
    border-bottom: 1px solid rgba(0,0,0,.1);*/
    padding-bottom: 20px;
}

.foote_bottom_ul_amrc {
    list-style-type: none;
    padding: 0px;
    display: table;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
}

    .foote_bottom_ul_amrc li {
        display: inline;
    }

        .foote_bottom_ul_amrc li a {
            color: #999;
            margin: 0 12px;
        }

.social_footer_ul {
    display: table;
    margin: 15px auto 0 auto;
    list-style-type: none;
}

    .social_footer_ul li {
        padding-left: 20px;
        padding-top: 10px;
        float: left;
    }

        .social_footer_ul li a {
            color: #CCC;
            border: 1px solid #CCC;
            padding: 8px;
            border-radius: 50%;
        }

        .social_footer_ul li i {
            width: 20px;
            height: 20px;
            text-align: center;
        }