/* ================= MENU ================= */
header {
  margin: 0 6%;
}
header .logo-site {
  max-width: 100%;
}
.header-left {
  width: 46%;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background: linear-gradient(67deg, rgba(38, 76, 93, 1) 0%, rgba(1, 1, 18, 1) 42%, rgba(38, 76, 93, 1) 54%, rgba(38, 76, 93, 1) 81%, rgba(1, 6, 9, 1) 100%);
}
.input-group {
  max-width: 250px;
}
.menu-wrapper {
  position: relative;
}

.hover-bridge {
  position: absolute;
  top: 40px;
  right: -10px;
  width: 100%;
  height: 28px;
  z-index: 2;
}

.submenu {
  border: 1px solid #ccc;
  border-radius: 10px;
  position: absolute;
  top: 63px;
  right: -10px;
  background: #fff;
  width: 303px;
  display: none;
  padding: 5px 0;
  z-index: 2;
  list-style: none;
  border-radius: 10px;
  font-size: 14px;
}

.submenu li a {
  color: #264c5d;
  padding: 6px 10px;
  display: block;
  font-size: 14px;
  border-radius: 10px;
  margin: 0 5px;
  font-weight: 500;
  margin-right: 10px;
  cursor: pointer;
}

.submenu li a:hover {
  background-color: #f1f1f1;
}

.menu-wrapper:hover .submenu,
.menu-wrapper:hover .hover-bridge,
.hover-bridge:hover + .submenu {
  display: block;
}

.submenu li ul {
  position: absolute;
  top: -20px;
  left: 100%;
  margin-left: 5px;
  width: 200px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
  display: none;
  padding: 5px 0;
  z-index: 1000;
}
.submenu li ul::before {
    content: "";
    position: absolute;
    top: 0;
    left: -5px; 
    width: 5px; 
    height: 100%;
    background: transparent;
}
.submenu li:hover > ul {
  display: block;
}
.submenu li.right-ar:after {
  background: url(../images/right-arrow.png) no-repeat right;
  background-size: 8px;
  content: "";
  position: absolute;
  right: 20px;
  top: 11px;
  height: 8px;
  width: 8px;
}

.menu-mobile {
  display: none;
}

.z-1050 {
  z-index: 1050;
}