html {
    width: 100%;
    height: 100%;
}

body {
    width: 100%;
    height: 100%;
    /*background: #7a7a7a !important;*/
    /*background: #344058 !important;*/
    /*background: #144771;*/
    background: #104068;
    overflow-x: hidden !important;
}

/*--------------------------------------------THIS IS FOR THE NAVBAR--------------------------------------------*/
.navbar {
    width: 100% !important;
    min-height: 50px;
    background: -webkit-linear-gradient(left, #104068, #3a85c4, #5cb3fc) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #104068, #3a85c4, #5cb3fc) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #104068, #3a85c4, #5cb3fc) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #104068, #3a85c4, #5cb3fc) !important;
    background: radial-gradient(to right, #104068, #3a85c4, #5cb3fc) !important;
    border: none !important;
}

#imageLogo {
    width: 150px;
    padding: 7px 15px 7px;
}

/*.navbar ul li a {
    text-shadow: 1px 1px black;
}*/

.navbar-header {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.navbar li a {
    font-size: 1.2em;
}


#topnavbar {
    position: absolute !important;
    width: 100% !important;
}

    #topnavbar.affix {
        position: fixed;
        top: 0;
        width: 100%;
    }

#navbar ul li a {
    color: #ffffff !important;
}

#navbar2 ul li a {
    color: #ffffff !important;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: #275780 !important;
}

.navbar-default .navbar-nav a:hover {
    background: #2b73b0 !important;
}

/*--------------------------------------------THIS IS FOR THE NAVBAR--------------------------------------------*/



/*--------------------------------------------THIS IS FOR THE MAIN--------------------------------------------*/
    /*.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
        width: 100%;
    }*/


@media(min-width: 1600px) {
    .ads_heading {
        width: 2000px;
    }

    .item img {
        width: 2000px;
    }
}

/*.mainContent {
    width: 100%;
    min-height: 100%;
    position: relative !important;
    top: 50px;
    bottom: 35%;
    left: 0;
    right: 0;
}*/

.mainContent {
    padding-top: 50px;
    background: #ffffff;
}



/*.carousel-indicators {
    left: 31%;
    width: 10%;
}

    .carousel-indicators img {
        height: 40px;
        width: 100px;
    }

    .carousel-indicators li {
        display: inline-block;
        width: auto;
        height: auto;
        text-indent: 0;
        border-radius: 0px;
        border: none;
        transition: all .2s ease-in-out;
    }

    .carousel-indicators .active {
        width: auto;
        height: auto;
    }

    .carousel-indicators li:hover {
        transform: scale(1.5, 1.5);
    }*/

.application-container {
    background: #ffffff;
}

.no-padding-col {
    padding: 0px !important;
}

.application-container table {
    width: 100%;
}

    .application-container table tr td {
        border-collapse: collapse;
        text-align: center;
        width: 12.5% !important;
        padding: 5px;
    }

.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.application-container table tr td a {
}

    .application-container table tr td a img {
        width: 100%;
    }

        .application-container table tr td a img:hover {
            box-shadow: 0 0 10px #324455;
        }

/*--------------------------------------------THIS IS FOR THE MAIN--------------------------------------------*/



/*--------------------------------------------THIS IS FOR THE FOOTER--------------------------------------------*/

.footer {
    /*background: #7a7a7a !important;*/
    /*background: #344058 !important;*/
    /*background: #144771;*/
    background: #104068;
    padding-bottom: 20px;
}

@media(min-width: 991px) {
    .footer img {
        margin-top: 50px;
        width: 80%;

    }

}

/*@media(max-width: 990px) and (min-width: 770px) {
    .navcon{
        width: 990px;
    }
}*/

@media(max-width: 991px) and (min-width: 520px) {
    .footer img {
        width: 30%;
    }


}

@media(max-width: 520px) {
    .footer img {
        margin-top: 50px;
        width: 60%;
    }


}

@media(max-width: 768px)and (min-width: 520px) {
        .footer-menu {
        height: 150px !important; 
    }


}

@media(max-width: 520px) {
        .footer-menu {
        width: 100%;

    }
}

.footer h4 {
    text-shadow: 1px 0 0 #000000;
}

    .footer h4 a {
        color: #ffffff;
    }

.footer h5 a {
    color: #ffffff;
}

.footer-pages {
    /*width: 70%;*/
}

.footer-menu {
    padding-top: 3px;
   
}

    .footer-space {
         padding-top: 3px;
   
    }

    .footer-menu h4,
    .footer-menu h5 {
        width: 120px;
        margin-left: auto;
        margin-right: auto;
    }



.footer-image {
    text-align: center;
    /*width: 30%;*/
}



    .footer-image img {
        margin-top: 20px;
    }

.external-links {
    width: 70%;
    height: 80%;
    float: right;
    padding-left: 5%;
    display: block;
}

.footer-links-container {
    padding-top: 30px;
}



.footer-links {
    text-align: center;
    color: #ffffff;
}



/*table td {
    padding-right: 5%;
}*/


/*media for footer contents*/
/*@media(min-width: 1200px) {
    .image-holder {
        padding: 2%;
        width: 30%;
        height: 80%;
        float: left;
    }

    .external-links {
        width: 70%;
        height: 80%;
        float: right;
        padding-left: 5%;
        display: block;
    }

    .bottom-links {
        text-align: right;
        font-size: 14px;
        padding-top: 20px;
    }
}*/

/*@media(max-width: 1199px) {
    .footer {
        padding-top: 5%;
    }

    .image-holder {
        padding: 2%;
        width: 100%;
        height: 80%;
        float: left;
    }

    .external-links {
        width: 100%;
        height: 80%;
        float: right;
        padding-left: 5%;
        padding-top: 5%;
    }

    .bottom-links {
        text-align: right;
        font-size: 14px;
    }

        .bottom-links table tr td {
            padding-top: 20px;
        }
}*/


/*--------------------------------------------THIS IS FOR THE FOOTER--------------------------------------------*/