/* normal nav menu */

.nav_first {
float:right;
margin-top:10px;
margin-bottom:10px;
}

/* hide nav menu for mobile */

@media screen and (max-width: 600px) {

#navbar {
display:none !important;
}

}

/* hide nav menu for horizontal mobile */

@media screen and (max-width: 600px) {

#navbar {
display:none !important;
}

}

/* fixed nav menu after scroll */

.nav_next {
position:fixed;
height:60px;
top:-50px;
margin:0 auto;
left:0px;
right:0px;
float:clear;
background:#fff;
padding:12px;
box-shadow: 0 10px 10px -10px #000000, inset 0 -1px 1px -1px #000000;
transition: top 0.8s;
}

/* add/remove contact link */

.no_show {
display:none !important;
}

.show {
display:inline !important;
}

/* fontawesome icons */

.fas, .far {
font-size:14pt;
}

.menu_fas {
margin-right:4px;
}

.sub_menu_fas {
margin-right:4px;
font-size:11pt;
}

.main_fas {
color:#4DADCD;
}

.down_fas {
color:#F0F6F8;
}

.right_fas {
float:right;
margin-top:2px;
}

.sub_fas {
color:#8199A9;
}

.nav-menu,.nav-menu ul,.nav-menu li,.nav-menu ul li ul,.nav-menu li ul li,.nav-menu a { margin: 0; padding: 0; line-height: normal; list-style: none; display: block; position: relative; }
.nav-menu ul { opacity: 0; position: absolute; top: 100%; left: -9999px; z-index: 999; -webkit-transition: opacity .3s; transition: opacity .3s; }
.nav-menu ul li ul{ opacity: 0; position: absolute; top: 100%; left: -9999px; z-index: 999; -webkit-transition: opacity .3s; transition: opacity .3s; }
.nav-menu li:hover > ul { left: 0; opacity: 1; z-index: 1000; }
.nav-menu ul li:hover > ul { top: 0; left: 100%; }
.nav-menu ul li ul li:hover > ul { top: 0; left: 100%; }
.nav-menu li { cursor: default; float: left; white-space: nowrap; }
.nav-menu ul li { float: none; }
.nav-menu ul li ul li{ float: none; }

/* sub width */
.nav-menu ul {
min-width: 12em;
}

/* center */
.nav-center { float: right; right: 50%; }
.nav-center > li { left: 50%; }

/* root */
.nav-menu a {
  padding: 0 10px;
  color: #fff;
  font-weight: normal;
  font-size: 16px;
  text-decoration: none;
cursor:pointer;
XXXfont-weight:600;
XXXtext-shadow:1px 1px #000;
text-shadow: 1px 1px 2px black, 0 0 25px #000, 0 0 5px #FFF;
}


/* make shorter border */

.leftborder {
	position: relative;
}

.leftborder:after {
	content: '';
	position: absolute;
	top: 15%;
	left: 0%;
	height: 60%;
	border-left: 1px solid #fff;
}

/* make shorter border */

/* for horizontal mobile */

@media (max-height: 450px) {
.nav-menu a {
font-size:14px;
}

.nav_first {
margin-top:20px;
}

}

.nav-menu li:first-child a {
    border-left: none;
}

.nav-menu li ul li a {
color:#6B6B6B !important;
border-left: none;
font-weight:normal !important;
text-shadow:none !important;
}



.nav-menu li ul li:first-child {
border-top-left-radius:8px !important;
border-top-right-radius:8px !important;
}

.nav-menu li ul li:last-child {
border-bottom-left-radius:8px !important;
border-bottom-right-radius:8px !important;
}

/* root: active */
.nav-menu > li > .nav-active {  }

/* root: hover/persistence */
.nav-menu a:hover,.nav-menu a:focus,.nav-menu li:hover a {
color: #fff;
}

/* 2 */

.nav-menu li ul li {
  padding: 8px 10px;
  background: #fff;
  color: #6B6B6B;
  font-size: 12px;
  line-height: normal;
}

.nav-menu li ul li:hover {
  padding: 8px 10px;
  background: #F0F0F0;
  color: #6B6B6B;
  font-size: 12px;
  line-height: normal;
}

.nav-menu li li a,.nav-menu li:hover li a {
  padding: 8px 10px;
  font-size: 12px;
  line-height: normal;
}

/* 2: hover/persistence */
.nav-menu li:hover li a:hover,.nav-menu li:hover li a:focus,.nav-menu li:hover li:hover a {

}

/* 3 */
.nav-menu li:hover li:hover li a {

}

/* 3: hover/persistence */
.nav-menu li:hover li:hover li a:hover,.nav-menu li:hover li:hover li a:focus,.nav-menu li:hover li:hover li:hover a {

}

/* 4 */
.nav-menu li:hover li:hover li:hover li a {

}

/* 4: hover */
.nav-menu li:hover li:hover li:hover li a:hover,.nav-menu li:hover li:hover li:hover li a:focus {

}

/* vertical */
.nav-vertical { max-width: 220px; }
.nav-vertical ul { top: 0; left: -9999px; }
.nav-vertical li { width: 100%; float: none; }
.nav-vertical li:hover > ul { left: 100%; }

.cool-link {
    display: inline-block;
    color: #6B6B6B;
    text-decoration: none;
}

.cool-link::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #fff;
    transition: width .3s;
}

.cool-link:hover::after {
    width: 100%;
    //transition: width .3s;
}


.cool-link-white {
    display: inline-block;
    color: #fff;
    text-decoration: none;
padding-left:15px;
padding-right:15px;
}

.cool-link-white::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #fff;
    transition: width .3s;
}

.cool-link-white:hover::after {
    width: 100%;
    //transition: width .3s;
}

.menu_sub {
font-size:8pt;
color:#fff;
line-height:1;
padding:0;
padding-bottom:5px;
margin:0;
font-weight:normal;
}

.sublinks li {
border-left-top-radius: 6px;
border-right-top-radius: 6px;
}