/*--------------------------------------------------------------

# Navigation Menu

--------------------------------------------------------------*/

/* Desktop Navigation */

.nav-menu ul {
margin: 0;
padding: 0;
list-style: none;

}



.nav-menu > ul {
display: flex;

}



.nav-menu > ul > li {
position: relative;
white-space: nowrap;
padding: 10px 0 10px 28px;

}



.nav-menu a {
display: block;
position: relative;
color: #003874;
transition: 0.3s;
font-size: 100%;
text-transform: uppercase;
font-weight:bold;

}



.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
color: #66c7f0;

}



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

}



.nav-menu .drop-down:hover > ul {
opacity: 1;
top: 100%;
visibility: visible;

}



.nav-menu .drop-down li {
min-width: 180px;
position: relative;

}



.nav-menu .drop-down ul a {
padding: 10px 20px;
font-size: 14px;
font-weight: 500;
text-transform: none;
color: #0f394c;
text-transform: uppercase;

}



.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {
color: #49b5e7;

}



.nav-menu .drop-down > a:after {
content: "\ea99";
font-family: IcoFont;
padding-left: 5px;

}



.nav-menu .drop-down .drop-down ul {
top: 0;
left: calc(100% - 30px);

}



.nav-menu .drop-down .drop-down:hover > ul {
opacity: 1;
top: 0;
left: 100%;

}



.nav-menu .drop-down .drop-down > a {
padding-right: 35px;

}



.nav-menu .drop-down .drop-down > a:after {
content: "\eaa0";
font-family: IcoFont;
position: absolute;
right: 15px;

}



@media (max-width: 1366px) {
.nav-menu .drop-down .drop-down ul {
  left: -90%;
}
.nav-menu .drop-down .drop-down:hover > ul {
  left: -100%;
}
.nav-menu .drop-down .drop-down > a:after {
  content: "\ea9d";
}

}



/* Mobile Navigation */

.mobile-nav-toggle 

{
position: fixed;
top:20px;
right: 10px;
z-index: 9998;
border: 0;
background: none;
font-size: 30px;
transition: all 0.4s;
outline: none !important;
line-height: 1;
cursor: pointer;
text-align: right;

}





.mobile-nav-toggle i {
color: #49b5e7;

}



.mobile-nav {
position: fixed;
top:75px;
right: 15px;
bottom: 15px;
left: 15px;
z-index: 9999;
overflow-y: auto;
background: #fff;
transition: ease-in-out 0.2s;
opacity: 0;
visibility: hidden;
border-radius: 10px;
padding: 10px 0;

}



.mobile-nav * {
margin: 0;
padding: 0;
list-style: none;

}



.mobile-nav a {
display: block;
position: relative;
color: #0f394c;
padding: 10px 20px;
font-weight: 500;
outline: none;

}



.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
color: #49b5e7;
text-decoration: none;

}



.mobile-nav .drop-down > a:after {
content: "\ea99";
font-family: IcoFont;
padding-left: 10px;
position: absolute;
right: 15px;

}



.mobile-nav .active.drop-down > a:after {
content: "\eaa1";

}



.mobile-nav .drop-down > a {
padding-right: 35px;

}



.mobile-nav .drop-down ul {
display: none;
overflow: hidden;

}



.mobile-nav .drop-down li {
padding-left: 20px;

}



.mobile-nav-overly {
width: 100%;
height: 100%;
z-index: 9997;
top: 0;
left: 0;
position: fixed;
background: rgba(7, 25, 33, 0.6);
overflow: hidden;
display: none;
transition: ease-in-out 0.2s;

}



.mobile-nav-active {
overflow: hidden;

}



.mobile-nav-active .mobile-nav {
opacity: 1;
visibility: visible;

}



.mobile-nav-active .mobile-nav-toggle i {
color: #fff;

}