#header-nav {
    background-color: rgba(000,000,000,0.5);
  /*height: 50px;*/
  position: fixed;
  top:0px;
  padding-top: 9px;
  transition: top 0.2s ease-in-out;
  width: 100%;
  text-align: center; z-index:9998;
}

.inner-header { position:relative; }
.inner-menu {padding-left: 130px;padding-top:24px;}
.inner-header .logo { text-align:left !important; padding-top:24px;padding-bottom: 10px;}

.nav-up {top: 0px !important;background-color: rgba(0,0,0,0.5);transition: 0.2s;}
.nav-up .fixed-logo {top: 6px;transition: 0.2s;}
.nav-up .logo,.nav-up .inner-menu { padding-top:6px;transition: 0.2s;}



/*MENU

.menu-area{background: #563d7c}
.dropdown-menu{padding:0;margin:0;border:0 solid transition!important;border:0 solid rgba(0,0,0,.15);border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important}
.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a , .navbar-expand-lg .navbar-nav .nav-link{color:#fff;font-size:16px;text-transform:capitalize;padding:16px 30px;font-family: 'Conv_Myriad Pro-Bold'; font-weight:700;display: block !important;text-transform: uppercase;
    font-size: 14px;}
.mainmenu .active a,.mainmenu .active a:focus,.mainmenu .active a:hover,.mainmenu li a:hover,.mainmenu li a:focus ,.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover{color: #fff;background: utline: 0;}

.mainmenu .collapse ul > li:hover > a{background:#1565C0;}
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover{background: #1f5ea7;}
.mainmenu .collapse ul ul ul > li:hover > a{background: #4CAF50;}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background:#1565C0;}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background:#1E88E5}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background:#64B5F6}


.mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;min-height:20px;width: 100%;}
@media only screen and (min-width: 767px) {
.mainmenu .collapse ul li:hover> ul{display:block}
.mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:268px;display:none}

.mainmenu .collapse ul ul li{position:relative}
.mainmenu .collapse ul ul li:hover> ul{display:block}
.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}

.mainmenu .collapse ul ul ul li{position:relative}
.mainmenu .collapse ul ul ul li:hover ul{display:block}
.mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}

}
@media only screen and (max-width: 767px) {
.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 35px}
.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 45px}
}*/



/**/

@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 480px) { 
.inner-menu {padding-left: 0;padding-top: 0;position: fixed;top:0px;right: 0px;width: 100%;}

.inner-menu .navbar-light .navbar-toggler {
    color: rgba(251, 251, 251, 1);
    border-color:transparent;
    position: absolute;
    right: 15px;
    top: 21px;
	z-index: 9999;
}

.navbar-collapse { background-color:#002b45;}
.navbar-nav {padding-top: 100px;text-align: left; height:100vh;}
.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a, .navbar-expand-lg .navbar-nav .nav-link { font-size:18px; padding: 24px 15px;}
.navbar-nav li { border-bottom:solid 1px #FFF; }

.navbar-light .navbar-toggler-icon { background-image:none; width: 30px;height: 22px;}
.navbar-toggler {background-image:url(../images/closed-menu.png); background-repeat:no-repeat; background-position:center center;}
.navbar-toggler.collapsed {background-image:url(../images/menu.png); background-repeat:no-repeat; background-position:center center}
button:focus { outline:none; border:none; }


#header-nav { height:80px; }
.nav-up {
    top: 0 !important;
    background-color: #002b45;
}

.nav-up .inner-header .logo {padding-top: 13px; transition:0.3s;}
.nav-up .fixed-logo {top: 16px;}

}