body {
    margin: 0;
    /*font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;*/
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
}

p {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-size: 18px;
}

hr.small {
    max-width: 150px;
}

.img-responsive {
    margin: 0 auto;
}

.margin {
    margin-bottom: 45px;
}

.bg-2 {
    background-color: #ffffff; /* White */
    color: #1abc9c;
}

.bg-3 {
    background-color: #60cdb5; /* Blue */
    color: #ffffff;
}

.bg-4 {
    background-color: #e7e7e7; /* Black Gray */
    color: #777;
}

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}


.navbar {
    padding-top: 15px;
    padding-bottom: 15px;
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
    font-size: 14px;
    letter-spacing: 1px;
}

.navbar-nav li a:hover {
    color: #1abc9c !important;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    color: #1abc9c;
    background-color: initial;
}

.navbar-nav > li > a {
    padding-right: 10px;
    padding-left: 10px;
}

.homepage-navbar .navbar-brand {
    cursor: pointer;
    text-transform: uppercase;
    color: white;
    font-weight: 500;
    font-size: 14pt;
    font-weight:700;
    padding:0;
    height:50px;
    width:200px;
    line-height:1.2;
}
.homepage-navbar > div > ul > li > a {
    text-decoration: none;
    color: darkblue;
    font-size: 14pt;
}
.homepage-navbar > div > ul > li > a:hover{
    color:blue !important;
}

.nav-link{
    padding-bottom:5px;
}

/*a:hover {
    color: #1abc9c !important;
}

a.click:hover {
    color: #ffffff !important
}*/
a.khoahoc:hover {
    color: #1abc9c !important
}

a.khoahoctron:hover {
    color: white !important
}

p.linep {
    line-height: 1;
    margin-bottom: 0px;
}

a.btnxemthem:hover, a.btnxemthem:focus {
    background-color: inherit !important;
    color: #ffffff !important;
    border: 1px solid #ffffff;
    border-radius: 1px;
}

a.hovera:hover {
    color: #ffffff !important;
}

.img-type-index {
    max-width: 445px;
    max-height: 267px;
    overflow: hidden;
    border-radius: 15px;
}

    .img-type-index img {
        max-width: 100%;
        max-height: auto;
        transition: transform .5s ease;
        border-radius: 15px;
    }

    .img-type-index:hover img {
        transform: scale(1.2);
    }

.img-bd-index {
    overflow: hidden;
    border-radius: 15px;
}

    .img-bd-index img {
        max-width: 100%;
        max-height: auto;
        transition: transform .5s ease;
        border-radius: 15px;
    }

    .img-border-index {
        border-radius: 15px;
        background-color:white
    }

    .img-bd-index:hover img {
        transform: scale(1.2);
    }


.img-bd-news img {
    border-radius: 15px 15px 0 0;
}

.img-kn-index {
    max-width: 100%;
    max-height: auto;
    overflow: hidden;
    border-radius: 15px;
}

    .img-kn-index img {
        max-width: 100%;
        max-height: auto;
        transition: transform .5s ease;
        border-radius: 15px;
    }

    .img-kn-index:hover img {
        transform: scale(1.2);
    }

.img-news-index {
    min-width: 100%;
    max-height: 360px;
    overflow: hidden;
    border-radius: 15px;
}

    .img-news-index img {
        min-width: 100%;
        max-height: 360px;
        transition: transform .5s ease;
        border-radius: 15px;
    }

    .img-news-index:hover img {
        transform: scale(1.2);
    }

.img-news-sub-index {
    width: 100%;
    overflow: hidden;
    border-radius: 15px;
}

    .img-news-sub-index img {
        width: 100%;
        transition: transform .5s ease;
        border-radius: 15px;
    }

    .img-news-sub-index:hover img {
        transform: scale(1.2);
    }
.navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent
}
.navbar-nav .open .dropdown-menu {
    background-color: white
}
/*dropdown navbar*/
.dropdown-nav {
    min-height: 50px;
    display: flex;
    align-items: center;
    padding-left: 10px;
}
    .dropdown-nav > a {
        color: black;
        font-family: montserrat-medium_0;
    }

/*tab thông tin chung*/
#nav-ttc > .nav-tabs > li > a:hover {
    background-color: #1d2e9a;
    color:white;
}
#nav-ttc > .nav-tabs > li:hover{
    cursor:pointer
}
.glass-shine-effect {
    background-color: rgba(255, 255, 255, 0.15);
    box-shadow: 0 8px 32px 0 rgba(107, 107, 107, 0.37);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 136px;
    max-width: 230px;
    cursor: pointer;
    position: relative;
    transition: transform 200ms ease;
    overflow: hidden;
}

    .glass-shine-effect:before {
        content: "";
        position: absolute;
        height: 150%;
        width: 50px;
        transform: rotate(30deg);
        background-color: rgba(255, 255, 255, 0.2);
        left: -100px;
    }

    .glass-shine-effect:hover {
        transform: scale(1.1);
    }

        .glass-shine-effect:hover:before {
            transition: left 300ms ease;
            left: 270px;
        }

/*---------------------------------------------------------*/
header.masthead {
    /*background: url('https://unsplash.it/1900/1080?image=304') no-repeat center center scroll;*/
    background-size: cover;
}

.text-white {
    color: #fff !important;
}

header.masthead > .overlay {
    padding: 5rem 0;
    text-align: center;
}

@media (min-width: 992px) {
    header.masthead > .overlay {
        padding: 10rem 0;
    }
}

@media (min-width: 992px) {
    header.masthead > .overlay {
        padding: 10rem 0;
    }
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.1;
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.1;
}
.radius-elements{
    border-radius:15px;
}
/*---------------------------------------------*/

/*Go up and Go Down*/

#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #1abc9c;
    color: #f8f8f8;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px;
}

    #myBtn:hover {
        background-color: #f8f8f8;
        color: #1abc9c;
    }
/*End: Go up and Go Down*/


/*@media screen and (max-width: 768px) {
    .navbar-fixed-top {
        position: initial;
    }
}*/