.nav-menu, .nav-menu * {margin: 0;padding: 0;list-style: none}
.nav-menu ul {position: absolute;display: none;top: 100%;right: 0;z-index: 99}
.nav-menu li {position: relative;white-space: nowrap}
.nav-menu li:hover > ul, .nav-menu li.sfHover > ul {display: block}
.nav-menu ul ul {top: 0;right: 100%}
.nav-menu ul li {min-width: 180px}
.sf-arrows .sf-with-ul {padding-right: 30px}
.sf-arrows .sf-with-ul:after {content: "\ea48";position: absolute;right: 15px;font-family: 'boxicons' !important;font-style: normal;font-weight: normal}
.sf-arrows ul .sf-with-ul:after {content: "\ea4f"}
.nav-menu a {text-decoration: none;display: inline-block;color: #fff;font-size: 1.5rem;outline: none;text-shadow: 0px 0px 3px rgba(0,0,0,0.8);}
.nav-menu li:hover > a,
.nav-menu li.active > a {color: #F06022 !important;}
.nav-menu ul {margin: 14px 0 0 0;padding: 10px;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);background: #fff}
.nav-menu ul li {transition: 0.3s}
.nav-menu ul li a {padding: 5px 10px;color: #353e60;transition: 0.3s;display: block;font-size: 16px;text-transform: none}
.nav-menu ul li:hover > a {color: #ddd}
.nav-menu ul ul {margin-right: 10px;margin-top: 0}
#mobile-nav-toggle {border: 0;background: none;font-size: 36px;display: none;transition: all 0.4s;outline: none;cursor: pointer;position: absolute;right: 15px;z-index: 11;}
.mobile-nav-active #mobile-nav-toggle{right: 280px;background: #000;z-index: 998;}
#mobile-nav-toggle i {color: #fff;}
@media (min-width: 992px){
  .m-menu-item{display: none;}
}
@media (max-width: 991.98px) {
  #mobile-nav-toggle {display: inline} 
  #nav-menu-container {display: none}
  .nav-menu-container p{display: none;}
  .menu{display: none;}
}
#mobile-nav {position: fixed;top: 0;padding-top: 0px;bottom: 0;z-index: 998;background: #2a2a2a;right: -280px;width: 280px;overflow-y: auto;transition: 0.4s;max-width: 280px;}
#mobile-nav ul {padding: 0;margin: 0;list-style: none}
#mobile-nav ul li {position: relative}
#mobile-nav ul li a {color: #fff;font-size: 1.25rem;text-transform: uppercase;overflow: hidden;padding: 10px 22px 10px 15px;position: relative;text-decoration: none;width: 100%;display: block;outline: none;font-weight: 400;border-bottom: 1px solid #363636;letter-spacing: 1px;}
#mobile-nav ul li a:hover,
#mobile-nav ul li.active a {color: #F06022}
#mobile-nav ul li li {padding-left: 30px}
#mobile-nav ul .menu-has-children i {position: absolute;right: 0;z-index: 99;padding: 15px;cursor: pointer;color: #fff}
#mobile-nav ul .menu-has-children i.fa-chevron-up {color: #ddd}
#mobile-nav ul .menu-has-children li a {text-transform: none}
#mobile-nav ul .menu-item-active {color: #ddd}
#mobile-body-overly {width: 100%;height: 100%;z-index: 997;top: 0;left: 0;position: fixed;background: rgba(0, 0, 0, 0.7);display: none}
body.mobile-nav-active {overflow: hidden;height: 100vh;}
body.mobile-nav-active #mobile-nav {right: 0}
body.mobile-nav-active #mobile-nav-toggle {color: #fff}

.nav-head{background-image: url(../images/header-bg.jpg);background-size: cover;background-position: center;padding: 1rem 0;margin-bottom: 30px;}
.nav-head img{max-width: 120px;}

.m-menu-item{background-color: #313131;padding: 10px 0;}
.m-menu-item .child{padding: 7px 15px;display: block;}
.m-menu-item .child.social-list a{font-size: 2rem;}