@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){ .menu-item-has-children > a::after{ line-height:22px; } }
button.sub-menu-toggle { display: none; }

@media (min-width: 992px){
.navbar-collapse ul {margin:0;padding: 0px;}
.navbar-collapse .menu-top-menu-container > ul > li {     list-style: none; position: relative;margin: 0px 34px; padding: 0 0 0 0; display: inline-block;
  font-family: 'Inter', sans-serif; font-style: normal;font-weight: 400; font-size: 14px;line-height: 20px; color: #2f2f2f; text-transform: uppercase;
  letter-spacing: 1px;}
.navbar-collapse ul li a { vertical-align: middle; margin: 0 0px; display: block; padding: 15px 0; color: #2f2f2f; z-index: 1; }
.navbar-collapse .menu-top-menu-container>ul li:last-child a::before{display: none;}
.navbar-collapse .menu-top-menu-container>ul li:hover a, .navbar-collapse .menu-top-menu-container>ul li.current-menu-item a {color: #111;  }
.navbar-collapse.collapse { display: block!important; }
.navbar-toggle { display: none; }
.navbar-collapse .menu-top-menu-container > ul > li a{position: relative;}
.menu-item-has-children > a:after { content: "\f107"; font-family: 'FontAwesome'; color: #000; font-size: 18px; margin-left: 5px; margin-top: 0px; transition: 1s; text-align: center; position: relative; top: 1px;    line-height: 13px;}
.menu-item-has-children > ul > li.menu-item-has-children > a:after {content:"\f105";font-family: 'FontAwesome';margin-left: 0;font-size: 16px;float: right;margin-top: 0;width: auto;height: auto;background: none;color: #2f2f2f;position: absolute;right: 15px;top: 13px;bottom: auto;left: auto;}
.navbar-collapse > ul > li.menu-item-has-children:hover > a::after { content: "\f106"; color: #000; }
.menu-item-has-children:hover > a:after{color: #272A6F;}
.menu-item-has-children ul { position: absolute; width: 240px; list-style: none; text-align: left; z-index: 999; top: 110%; display: block !important; padding: 0 0 0; left: 0px; visibility: hidden;     transform: scale(1, 0); transition: all 0.5s; transform-origin: top center; opacity: 0;  }
.menu-item-has-children ul li {position: relative;width: 100%;float: left;padding: 0 !important;text-align: left;margin: 0px 0 0 !important;border-bottom: 1px solid #373c40;transition: 1s;border-right: none;border-radius: 0;background: #a6a182;}
.menu-item-has-children ul li:last-child{ border-bottom: none; border-radius: 0 0 5px 5px;}
.menu-item-has-children ul li:last-child a{border-radius: 0 0 5px 5px;}
.menu-item-has-children ul li.active >a{ color:#fff !important; }
.menu-item-has-children ul li a {margin-left: 0;color: #2f2f2f !important;white-space: normal;width: 100%;float: none;text-decoration: none;text-align: left;padding: 10px 15px 10px 15px;display: block;-webkit-transition: all 0.3s ease-in 0s;transition: all 0.3s ease-in 0s;transition: all 0.3s ease-in 0s;font-size: 16px;font-weight: 400;background-color: #dfdfdf !important;font-family: 'Inter', sans-serif; line-height: normal;}
.menu-item-has-children ul li a:before{ border-left: none; border-right: none; display: none; }
.menu-item-has-children ul ul{position: absolute;list-style: none;text-align: left;padding-left: 0;z-index: 999;display: block;padding:0px 0 0 0px;left: 100%;top: 0px !important;}
.menu-item-has-children ul ul li { position: relative; width: 100%; float: left; }
.menu-item-has-children ul ul li a:hover {color: #fff !important;position: relative;background-color: #000;}
.menu-item-has-children ul li:hover ul{ opacity: 1; visibility: visible; }
.menu-item-has-children:hover > ul {top: 100%;transform: scale(1); opacity: 1; visibility: visible;}
.menu-item-has-children ul li a:hover {background: #000 !important;color: #fff !important;padding-left: 20px;}
.menu-item-has-children ul li:hover > a::after { color: #fff !important; }
.menu-item-has-children>ul li:hover a::after, .navbar-collapse .menu-item-has-children>ul li.current-menu-item a::after{ color: #fff !important; }
.menu-item-has-children ul li:hover>a{color: #fff !important;    background-color: #000 !important;}
.navbar-collapse .menu-top-menu-container > ul > li:last-child{margin-right: 0;border: none;}
.menu-item-has-children ul li:last-child::before{display: none;}


}

@media (max-width: 1199px){
.navbar-collapse .menu-top-menu-container > ul > li { font-size: 14px; line-height: 22px; }
.menu-item-has-children ul li a { padding: 10px 15px 10px 15px;}
.navbar-collapse .menu-top-menu-container > ul > li {
  margin: 0px 23px;}
}
@media (max-width: 1024px){
.navbar-collapse .menu-top-menu-container > ul > li {
  margin: 0px 18px;
}

}
@media (max-width: 991px){
  .navbar-collapse .menu-top-menu-container > ul > li {
    margin: 0;
}
.mobile-logo {display: block !important; width: 225px; padding: 0px 0px 20px; margin-left: 20px; text-align: left; }
.mobile-logo a img { max-width: 90px;     filter: invert(1);}
.navbar-collapse .menu-top-menu-container > ul > li:first-child { margin-left: 0px; }
div#myNavbar.collapse.show { right: 0; }
button:focus { outline: 0px dotted; outline: 0px auto -webkit-focus-ring-; }
.menu-item-has-children > a:after { font-size: 15px; display: none; }
.main_navigation .navbar-inverse{position: unset;}
.navbar-header { position: absolute; top: 28px; right: 15px; z-index: 999; display: block; } 
.navbar-toggle.collapsed .icon-bar{background-color: #ffae00 !important; width: 30px;height: 3px;float: left;}
.navbar-toggle .icon-bar{background-color: #fff !important;width: 40px;height: 4px;}
.navbar-toggle .icon-bar+.icon-bar {margin-top: 6px;}
div#navbarOpened.openMenu {width: 100%;height: 100%;top: 0;left: 0;position: fixed;background: rgba(0, 0, 0, 0.47); z-index: 99;}
.navbar-toggle {height: 40px;cursor: pointer;width: 35px;background: none;right: 15px;float: right;padding: 0px 0px;margin: 0;z-index: 999999;position: fixed;top: 18px;transform: scale(0.7);-webkit-transform: scale(0.7);-moz-transform: scale(0.7);border: none;border-radius: 4px;display: block;border-color: transparent;}
.navbar-toggle.collapsed {position: static;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);height: 30px; width: 30px;}
div#myNavbar {position: fixed;  width: 300px; height: 100vh !important; z-index: 99; bottom: 0; top: 0; right: -100%; left: inherit; padding: 20px 0 20px; display: block !important; overflow-y: auto; background: #000;}
div#myNavbar.navbar-collapse.show {right: 0;}
/* div#myNavbar::after {background: rgba(68, 68, 68, 0.9);top: 0;bottom: 0;width: 100%;height: 100%; position: fixed;} */
.collapse.show ul{text-align: left;margin:0;display: block;padding: 0;position: relative;z-index: 9;float: left;width: 100%;}
.navbar-collapse ul > li { display: block; float: left; width: 100%; margin-left: 0px !important; margin-top: 0px !important; padding: 0; border-right: none;   margin: 0;}
.navbar-collapse ul >li + li {border-top: solid 1px #383c43;}
.navbar-collapse ul > li > a {font-size: 16px;padding: 9px 20px;font-weight: 500;text-align: left;transform: skew(0deg);margin: 0px;color: #fff;display: block;
    font-family: 'Inter', sans-serif;}
.navbar-collapse ul > li > a:hover, .navbar-collapse ul > li.current-menu-item > a {color: #fff;background: #ffae00;}
.navbar-collapse ul > li > a:focus { color: #fff; }
.navbar-toggle.collapsed .icon-bar:first-child{transform: rotate(0deg);margin-top: 0px;}
.navbar-toggle.collapsed .icon-bar:last-child{transform: rotate(0deg);margin-top: 6px;}
.navbar-toggle .icon-bar:first-child{transform: rotate(45deg);margin-top: 6px;    float: left;}
.navbar-toggle .icon-bar:last-child{transform: rotate(-45deg);margin-top: -5px;    float: left;}
.navbar-toggle .icon-bar:nth-child(2){display: none;}
.navbar-toggle.collapsed .icon-bar:nth-child(2){display: block;margin-top: 6px; width: 30px;}
.menu-item-has-children .subItem { width: 43px; position: absolute; margin-top: 0; right: 0; z-index: 999; text-align: center; cursor: pointer; height: 40px; }
.menu-item-has-children .subItem:before {content: '\f107';font-family: 'FontAwesome';font-size: 20px;float: left;width: 100%;color: #fff;position: relative;top: 50%;transform: translateY(-50%);}
.menu-item-has-children.parentMenuActive > .subItem:before{content:'\f106';color: #fff;}
.navbar-collapse .menu-item-has-children ul li a {background: #323233;}
.navbar-collapse .menu-item-has-children ul li a:hover{background: #ffae00;}
.navbar-collapse .menu-item-has-children ul li ul li a {background: #323233;color: #fff;}
.navbar-collapse .menu-item-has-children ul li ul li a:hover{background: #ffae00;}
.menu-item-has-children{position: unset;}
.menu-item-has-children:hover > a:before{display: none;}
.menu-item-has-children ul li {display: block;float: left;width: 100%;padding: 0; border:none;}
.menu-item-has-children ul li + li{border-top: solid 1px #373c40;}
.menu-item-has-children ul li.active >a {color: #fff !important;}
.menu-item-has-children ul li ul{    background: #232323;left:0;}

body.open-menu div#myNavbar { animation: slide-in-right 0.6s forwards; }

@keyframes slide-in-right{ 

  0%		{ right:-100%; }

  100%	{ right:0px; }

}

@keyframes slide-out-right{

  0%		{ right:0px; }

  100%	{ right:-100%; }

}

}
@media (max-width: 812px ){
.navbar-header {
  top: 20px;
}

}

@media (max-width: 767px ){
  div#myNavbar {width: 100%;}
}

@media (max-width: 480px ){
.navbar-inverse .navbar-collapse.collapse{top: 53px;}


}