@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
.nav_div {width: 100%;text-align: right;}
.navbar {padding: 15px 0 0 0 !important;display:inline-block !important }
.navbar ul {margin: 0;padding: 0;display: flex;list-style: none;align-items: center;}
.navbar li {position: relative;}
.navbar>ul>li {white-space: nowrap;padding: 10px 13px 10px 13px;text-transform: uppercase;}
.navbar a, .navbar a:focus {display: flex;align-items: center;justify-content: space-between;color: #000000;font-family: 'Bahnschrift-Light';font-size: 16px;line-height: 20px;white-space: nowrap;transition: 0.3s;position: relative;padding: 6px 4px;}

.navbar a i, .navbar a:focus i {font-size: 12px;line-height: 0;margin-left: 5px;}

/*.navbar>ul>li>a:before {content: "";position: absolute;width: 0;height: 3px;bottom: -6px;left: 0;background-color: #8383fb;visibility: hidden;transition: all 0.3s ease-in-out 0s;}*/
.navbar a:hover:before, .navbar li:hover>a:before, .navbar .active:before {visibility: visible;width: 100%;text-decoration: none;}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover>a {color: #000000;text-decoration: none;}

.navbar .dropdown ul {display: block;position: absolute;left: 12px;top: calc(100% + 30px);margin: 0;padding: 10px 0;z-index: 99;opacity: 0;visibility: hidden;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);transition: 0.3s;}

.navbar .dropdown ul li {min-width: 200px;}
.navbar .dropdown ul a {padding: 8px 15px;font-size: 16px;text-transform: none;color: #060c22;}
.navbar .dropdown ul a i {font-size: 12px;}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {color: #0772bb;text-decoration: none;}

.navbar .dropdown:hover>ul {opacity: 1;top: 100%;visibility: visible;}
.navbar .dropdown .dropdown ul {top: 0;left: calc(100% - 30px);visibility: hidden;}
.navbar .dropdown .dropdown:hover>ul {opacity: 1;top: 0;left: 100%;visibility: visible;}

@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {left: -90%;}
  .navbar .dropdown .dropdown:hover>ul {left: -100%;}
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {display: none;position: absolute; right: 63px!important;/*bottom: 5px;*/z-index: 9999; cursor: pointer;transition: 0.5s;color: #000080;font-size:40px;line-height: 0;}
.addmobilenav { display:none;}

@media (max-width: 1280px) {
.navbar>ul>li {padding: 10px 8px 10px 8px;}
}

@media (max-width: 1024px) {
.mobile-nav-toggle {display: block;position: relative}
.navbar ul {display: none;}
.navbar>ul>li {padding: 10px 8px 10px 22px;}
.navbar>ul>li span{display: contents}
.addmobilenav { display:block; padding-top: 60px;}
.addmobilenav li{padding-left: 22px;padding-bottom: 10px;}
#header.header-scrolled .mobile-nav-toggle {color: #FFFFFF}
}

@media (max-width: 767px) {
.mobile-nav-toggle {position: absolute; bottom: 4px;}
}

@media (max-width: 480px) {
/*.mobile-nav-toggle {right: 0!important;}*/
.navbar-mobile a, .navbar-mobile a:focus {padding: 14px 25px;}
}

.navbar-mobile {position: fixed !important;overflow: hidden;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0, 0, 0, 0.6);transition: 0.3s;z-index: 999;}
.navbar-mobile .mobile-nav-toggle {position: absolute;top: 15px;right: 15px!important;}
.bi-x { font-size:40px;color: #FFFFFF}
.navbar-mobile ul {width: 100%;display: block;position: absolute;top: 0px;right: 0px;bottom: 0px;/* left: 15px; */padding: 60px 0px 0px 0px;background-color: #001c40;overflow-y: auto;transition: 0.3s;}
.navbar-mobile>ul>li {padding: 0;}
.navbar-mobile a:hover:before,
.navbar-mobile li:hover>a:before,
.navbar-mobile .active:before {visibility: hidden;}
.navbar-mobile a, .navbar-mobile a:focus {padding: 10px 20px;font-size: 15px;color: #fff;}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover>a {color: #e766a7;}
.navbar-mobile .getstarted, .navbar-mobile .getstarted:focus {margin: 15px;}

.navbar-mobile .dropdown ul {position: static;display: none;margin: 10px 20px;padding: 10px 0;z-index: 99;opacity: 1;visibility: visible;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);}
.navbar-mobile .dropdown ul li {min-width: 200px;}
.navbar-mobile .dropdown ul a {padding: 10px 20px;}
.navbar-mobile .dropdown ul a i {font-size: 12px;}
.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {color: #f82249;}
.navbar-mobile .dropdown>.dropdown-active {display: block;}