.main-menu {
  align-self: end;
}

.main-menu#bhMenu ul:not(.dropdown) {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  box-shadow: rgb(0 0 0 / 50%) 0px 5px 15px;
}

.main-menu ul li a {
  display: block;
  font-size: 14px;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
}

.main-menu ul li.dropdown-parent ul.dropdown li a {
  text-transform: uppercase;
}

.main-menu ul li a {
  position: relative;
}

/*.main-menu ul li a.active::after {*/
/*  content: '';*/
/*  position: absolute;*/
/*  width: 80%;*/
/*  bottom: 5px;*/
/*  left: 10%;*/
/*  background: white;*/
/*  height: 2px;*/
/*}*/

#mainMenu ul li a:hover::after,
#mainMenu ul li a.hover::after {
  content: '';
  position: absolute;
  width: 80%;
  bottom: 5px;
  left: 10%;
  background: linear-gradient(90deg, rgba(215, 172, 82,1) 0%, rgba(255, 255, 255,1) 50%, rgba(215, 172, 82,1) 100%);
  height: 2px;
}

#mainMenu ul.dropdown li a:hover::after {
  display: none;
}

.main-menu ul li.dropdown-parent a.active {
  color: #C4942F;
}

.main-menu ul li.dropdown-parent a.active::after {
  display: none;
}

.menu-opener-wrapper {
  display: none;
}

@media (max-width: 992px) {
  .menu-opener-wrapper p {
    display: none;
  }
}

@media (max-width: 992px) {

  /* 2) Make sure the toggle wrapper sits above everything else */
  .menu-opener-wrapper {
    position: relative;
    z-index: 1002;
  }

  /* 3) Push the sliding menu panel just below the header */
  #mainMenu {
    position: absolute;
    top: 100%;             /* immediately under the header */
    left: 0;
    background: #121212; 
    right: 0;
    z-index: 1000;         /* below the header & toggle */
  }
}


.mobile-lang-switcher{
  display:none;
}

.mobile-lang-switcher .lang-switcher-dd{
  width:100%;
}

.mobile-lang-switcher .lang-dd-menu{
  left:0;
  right:auto;
}

.mobile-lang-switcher .lang-dd-item{
  width:100%;
}

@media (max-width: 992px) {
  .mobile-lang-switcher {
    display: block;
    padding: 12px 15px 4px;
  }

  .menu-opener-wrapper {
    display: block;
    width: 100%;
    padding: 6px 0 2px;
    text-align: right;
  }

  .menu-opener-wrapper button {
    display: inline-block;
    border: none;
    cursor: pointer;
    background-color: transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }

  .menu-opener-wrapper #menuOpenerBh {
    padding: 0;
    margin: 0;
    display: none;
  }

  .menu-opener-wrapper button .bar {
    display: block;
    width: 30px;
    height: 4px;
    background-color: #ffffff;
    margin: 5px 0;
    transition: 0.4s;
  }

  .menu-opener-wrapper button.active .bar:nth-child(1) {
    -webkit-transform: rotate(-45deg) translate(-8px, 6px);
    transform: rotate(-45deg) translate(-8px, 6px);
  }

  .menu-opener-wrapper button.active .bar:nth-child(2) {
    opacity: 0;
  }

  .menu-opener-wrapper button.active .bar:nth-child(3) {
    -webkit-transform: rotate(45deg) translate(-7px, -7px);
    transform: rotate(45deg) translate(-7px, -7px);
  }

  /* menu */
  .main-menu {
    display: none;
    width: 100%;
    position: relative;
    z-index: +9999;
  }

  .main-menu .container {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }

  .main-menu ul {
    /*background-color: rgba(71, 71, 71, 0.4);*/
  }

  .main-menu ul li {
    position: relative;
    display: block;
    list-style: none;
  }

  .main-menu ul li a {
    display: block;
    padding: 15px 15px;
  }

  .main-menu ul li a i {
    display: none;
  }

  .main-menu ul li a.dropdown-opener {
    position: absolute;
    display: inline-block;
    width: 30px;
    height: 30px;
    top: 10px;
    right: 0;
    background-color: transparent;
    border-bottom: none;
  }

  .main-menu ul li a.dropdown-opener i {
    display: block;
    transition: 0.4s;
  }

  .main-menu ul li a.dropdown-opener.active i {
    transform: rotate(180deg) translate(50%, 50%);
  }

  .main-menu ul li.dropdown-parent ul.dropdown {
    display: none;
    padding: 0 0 0 10px;
  }
}

@media(max-width:992px) {
   #mainMenu {
    position: absolute;
    top: 100%;             /* immediately under the header */
    left: 0;
    right: 0;
     background: #121212; 
    z-index: 1000;         /* below the header & toggle */
  }
}


@media (min-width: 993px) {
  .mobile-lang-switcher {
    display: none;
  }

  .main-menu {
    display: block !important;
  }

  .main-menu ul {
    display: inline-block;
  }

  .main-menu ul li {
    display: inline-block;
    float: left;
    list-style: none;
  }

  .main-menu ul li a {
    padding: 7px 5px;
    letter-spacing: 1px;
  }

  .main-menu ul li a:hover {
    color: #C4942F;
    text-decoration: none;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  .main-menu ul li a i {
    margin: 3px 0 0 0;
  }

  .main-menu ul li.dropdown-parent {
    position: relative;
  }

  .main-menu ul li.dropdown-parent a.parent-link.active {
    position: relative;
  }
  
  .main-menu ul li.dropdown-parent a.parent-link.active::after {
    content: '';
    position: absolute;
    width: 80%;
    bottom: 5px;
    left: 10%;
    background: white;
    height: 2px;
  }

  .main-menu ul li.dropdown-parent ul.dropdown {
    display: none;
    position: absolute;
    min-width: 250px;
    top: 0;
    left: 252px;
    background-color: #000;
    z-index: 9999;
    -webkit-box-shadow: 0 2px 4px 1px rgba(147, 147, 147, 0.4);
    -moz-box-shadow: 0 2px 4px 1px rgba(147, 147, 147, 0.4);
    box-shadow: 0 2px 4px 1px rgba(147, 147, 147, 0.4);
  }

  .main-menu ul li.dropdown-parent ul.dropdown::after {
    content: '';
    position: absolute;
    width: 100%;
    bottom: -3px;
    left: 0;
    background: linear-gradient(90deg, rgba(215, 172, 82,1) 0%, rgba(255, 255, 255,1) 50%, rgba(215, 172, 82,1) 100%);
    height: 3px;
    box-shadow: rgb(0 0 0 / 50%) 0px 5px 15px;
  }

  .main-menu ul li.dropdown-parent ul.dropdown.first-child {
    top: 31px;
    left: 0;
    border: none;
  }

  #bhMenu ul li.dropdown-parent ul.dropdown.first-child {
    top: 43px;
  }

  .main-menu ul li.dropdown-parent ul.dropdown li {
    display: block;
    float: none;
    border-top: 1px solid black;
  }

  .main-menu ul li.dropdown-parent ul.dropdown li a {
    padding: 7px 10px;
    letter-spacing: 1px;
  }

  .main-menu ul li.dropdown-parent ul.dropdown li a i {
    transform: rotate(270deg);
  }

  .main-menu ul li a.dropdown-opener {
    display: none;
  }
}

#bhMenu ul li a.active {
  color: #C4942F;
}
@media (max-width: 992px) {
  .menu-opener-wrapper { display: block; /* shows the button */ }
  .main-menu        { display: none;  /* hides the menu */ }
  /* and your JS will slideToggle() .main-menu on #menuOpener click */
}

@media (min-width: 993px) {
  .main-menu { display: block !important; /* always show on desktop */ }
}


/*#bhMenu ul li a.active::after,*/
/*#bhMenu ul li a:hover::after,*/
/*#bhMenu ul li a.hover::after {*/
/*  content: '';*/
/*  position: absolute;*/
/*  width: calc(100% + 2px);*/
/*  bottom: -6px;*/
/*  left: -1px;*/
/*  background: linear-gradient(90deg, rgba(215, 172, 82,1) 0%, rgba(255, 255, 255,1) 50%, rgba(215, 172, 82,1) 100%);*/
/*  height: 5px;*/
/*  box-shadow: rgb(0 0 0 / 50%) 0px 5px 15px;*/
/*}*/

#bhMenu ul.dropdown li a:hover::after {
  display: none;
}

#bhMenu.main-menu ul li.dropdown-parent ul.dropdown::after {
  height: 5px;
}

/* #bhMenu ul li a.active::after {
  display: none;
} */

#bhMenu ul li {
  width: 25%;
  text-align: center;
  background: linear-gradient(90deg, rgba(35,35,36,1) 0%, rgba(65,67,69,1) 50%, rgba(35,35,36,1) 100%);
  border: 1px solid gray;
}

#bhMenu ul.dropdown li {
  width: 100%;
  background: black;
  border: none;
}

#bhMenu ul.dropdown li a {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  text-align: left;
}

#footerMenu {
  margin-top: 15px;
}

#footerMenu ul li {
  display: block;
  float: none;
}

#footerMenu ul li a {
  text-transform: none;
  padding: 5px 0;
}