/* Nav Demo Styles -------------------- */

.main-nav,
.drop-nav {
  background: #2c3e50;
}
.main-nav {
  float: right;
  border-radius: 4px;
  margin-top: 8px;
  border: solid 1px #1e2a36;
}
  .main-nav > li {
    float: left;
    border-left: solid 1px #1e2a36;
  }
  .main-nav li:first-child {
    border-left: none;
  }
  .main-nav a {
    color: #fff;
    display: block;
    padding: 10px 30px;
    text-decoration: none;
  }
.dropdown,
.flyout {
  position: relative;
}
.dropdown:after {
  
  font-size: .5em;
  display: block;
  position: absolute;
  top: 38%;
  right: 12%;
}
.drop-nav,
.flyout-nav {
  position: absolute;
  display: none;
  padding: unset !important;
}
.drop-nav li {
  border-bottom: 1px solid rgb(37 55 69);
  border-left: 1px solid rgb(37 55 69);
  border-right: 1px solid rgb(37 55 69);
  background: #efe2e2;
  padding: 1em;
  transform: translateY(20px);
  display: block;
  width: unset;
  padding: 24px 40px 25px;
  background-color: var(--global--color-white);
  
}

.drop-nav li:last-child {
   border-radius: 0px 0px 8px 8px;
}

.drop-nav li a {
  -webkit-transition: 0.3s ease-in-out;
      -o-transition     : 0.3s ease-in-out;
      transition        : 0.3s ease-in-out;
      position          : relative;
      font-family       : var(--global--font-body);
      color             : var(--global--color-body);
      padding           : 10px 0px 9px 0;
      display           : block;
      font-size         : 14px;
      font-weight       : 400;
      -webkit-transition: all 300ms ease-in-out;
      -o-transition     : all 300ms ease-in-out;
      transition        : all 300ms ease-in-out;
      text-transform    : capitalize;
      border-radius     : 0;
      border-bottom     : 1px solid #eaeaea;
      position          : relative;
}

.drop-nav li a::before {
      content: '\e905';
      color             : var(--global--color-primary);
      font-family       : 'energia';
      position          : absolute;
      top               : 50%;
      left              : -22px;
      font-size         : 12px;
      opacity           : 0;
      visibility        : hidden;
      -webkit-transform : translate(-5px, -50%);
      -ms-transform     : translate(-5px, -50%);
      transform         : translate(-5px, -50%);
      -webkit-transition: 0.3s ease-in-out;
      -o-transition     : 0.3s ease-in-out;
      transition        : 0.3s ease-in-out;
}

.dropdown:hover > .drop-nav,
.flyout:hover > .flyout-nav {
  display: block;
}
.flyout-nav {
  left: 100%;
  top: 0;
}
.flyout:hover a,
.flyout-nav {
      background: transparent;
}



.navbar-nav>li.has-dropdown>ul.dropdown-menu .flyout a::before {
   font-size: 0px !important;
}

.right-arrow::after {
      content           : '\e905';
      color             : var(--global--color-primary);
      font-family       : 'energia';
      position          : absolute;
      top               : 50%;
      left              : -22px;
      font-size         : 12px;
      opacity           : 0;
      visibility        : hidden;
      -webkit-transform : translate(-5px, -50%);
      -ms-transform     : translate(-5px, -50%);
      transform         : translate(-5px, -50%);
      -webkit-transition: 0.3s ease-in-out;
      -o-transition     : 0.3s ease-in-out;
      transition        : 0.3s ease-in-out;
}

.arrow-next{
   font-size: 17px;
   font-weight: 900;
}