/* Google Fonts */
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700display=swap');
@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:200,300,400,600,700display=swap');
/* libs */
@import url('https://cdn.jsdelivr.net/npm/owl.carousel@2.3.4/dist/assets/owl.carousel.min.css');
@import url('owl.theme.default.min.css');
/* preloader */
#preloader {top: 0; right: 0;bottom: 0;width: 100%;height: 100%;left: 0;position: fixed;z-index: 1999}
#preloader img {margin: auto;display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0}
/*backtop*/
.backtop {background-color: rgba(248,249,250,.8);width: 2.5rem;height: 2.5rem;padding: .5rem;margin: 0;position: fixed;bottom: 1.5rem;right: 1.5rem;z-index: 99}
.backtop i {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
/* custom */
.nav-item.has-sub .nav-dropdown-link::after{border-color: #002856 !important}
.nav-item:not(.no-hover):hover{background: rgba(0, 0, 0, 0.1) !important}
button, a.btn{font-weight:bold !important}
/* main */
.bg-blur{background: rgba(255, 255, 255, 0.46);backdrop-filter: blur(7px);-webkit-backdrop-filter: blur(7px)}
/* scrollbar */
*::-webkit-scrollbar {width: 5px;width: 5px} /*chrome, edge and safari*/
*::-webkit-scrollbar-track{background-color:transparent;border-radius: 1em}
*::-webkit-scrollbar-track:hover {background-color:#eee;opacity: 0.3}
*::-webkit-scrollbar-track:active {background-color:#eee;opacity: 0.3}
*::-webkit-scrollbar-thumb {background-color:grey; border-radius: 1em}
*::-webkit-scrollbar-thumb:hover {background-color:#002856}
*::-webkit-scrollbar-thumb:active {background-color: grey}
/* query */
@media screen and (max-width: 640px) {
  .list-dropdown .menu {top: 0% !important}
}
@media screen and (max-width: 768px) {
  .tree-nav-body .tree-nav-header {
    display: -webkit-flex;
    display: flex;
    position: fixed;
    top: 8rem;
  }
  .tree-nav-header {
    position: fixed;
    width: 2.5rem;
    height: 4rem;
  }
}
@media screen and (min-width: 1024px) {
  .header-brand { margin-bottom: -1.5em}
}
@media screen and (min-width: 1280px) {
  .header-brand {margin-bottom: -1.5em}
}