*{
    font-family: 'Prompt', sans-serif;
}

.masthead {
    height: 100vh;
    min-height: 500px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.h-60{
    height: 60%!important;
}

.h-15{
    height: 15%!important;
}

.border-right{  
    border-right: 1px solid black !important;
}

.col-menu-header{
    cursor: pointer;
}

.col-menu-header:hover{
    color: white;
}

.nav-link{
    color: black;
    font-size: 18px;
}

.nav-links:hover{
    border-radius: 8px;
    background: #555555;
    color: white;
}

.nav-links.active{
    border-radius: 8px;
    background: #555555;
    color: white;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: white;
    background-color: #555555;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #464d5a;
    color: white;
}

.dropdown-item.active i.fas{
    color: white;
}

.megamenu-li {
    position: static;
}

.megamenu {
    position: absolute;
    width: 50%;
    left: 0;
    right: 0;
    padding: 0px;
    border: 5px solid #464646;
    background: #e1e1e1;
}

.border-megamenu{
    border-right: 2px solid #464646;
}

.megamenu-link{
    cursor: pointer;
}

.megamenu-link:hover{
    background-color: rgba(90, 90, 90, 0.5)
}

.megamenu-link a{
    color: black;
    text-decoration: none;
}


.fab,.fas{
    color: black;
}

.fab:hover,.fas:hover{
    color: black;
    text-decoration: none;
}


.carousel-item2 {
    height: 40vh;
    min-height: 350px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.carousel-indicators li {
    background-color: black;
}

.bg-system{
    background: #464d5a;
}

.histroy{
    margin-top : 25%;
    margin-right: 10%;
    margin-bottom : 25%;
}

html {
    position: relative;
    min-height: 100%;
}
  
body {
    margin-bottom: 60px; 
}

#sticky-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 65px;
}


.page_name{
    margin-top: 3rem;
}
  
@media (min-width: 360px) {  
    h3{
        font-size: 25px;
    }

    h6{
        font-size: 14px;
    }
}


@media (min-width: 1200px) {  
    h3{
        font-size: 1.75rem;
    }

    h6{
        font-size: 1rem;
    }
}

a,a:hover{
    color: black;
    text-decoration: none;
}

.btn-sys , .btn-sys:hover{
    color: #fff;
    background-color: #464d5a;
    border-color: #464d5a;
}


@media (min-width: 768px){
    .pl-md-6, .px-md-6 {
        padding-left: 4rem!important;
    }
}