@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
header {
  position: absolute;
  z-index: 3;
  width: 100%; }
  header .desktop-navigation, header .loop-navigation, header .navbar-nav {
    height: 100%; }
  header.affix .bottom-header {
    position: fixed;
    width: 100%;
    top: 0px; }
  header svg {
    width: 20px;
    height: 20px;
    margin-right: 10px; }
    header svg path {
      fill: var(--w-color); }
  header .row-header {
    width: 100%;
    display: flex;
    justify-content: space-between; }
  header .top-header {
    display: flex;
    justify-content: space-between;
    background-color: #f3f3f3;
    color: #000;
    width: 100%;
    padding: 10px 0px; }
    header .top-header svg {
      width: 10px;
      height: 10px;
      margin-right: 5px; }
    header .top-header a {
      color: #000;
      font-size: 11px; }
    header .top-header > * {
      display: flex; }
  header .bottom-header {
    background-color: white;
    transition-duration: .5s;
    animation: fadeInDown .5s; }
    header .bottom-header .navigation {
      display: flex;
      align-items: center; }
      header .bottom-header .navigation .navbar-nav > li ~ li {
        margin-left: 20px; }
      header .bottom-header .navigation .navbar-nav li {
        position: relative;
        display: flex;
        align-items: center;
        transition-duration: .5s;
        border-bottom: solid 2px transparent; }
        header .bottom-header .navigation .navbar-nav li:hover {
          border-bottom: solid 2px var(--w-color); }
        header .bottom-header .navigation .navbar-nav li.active {
          border-bottom: solid 1px #fff;
          display: flex;
          align-items: center;
          border-bottom: solid 2px var(--w-color); }
          header .bottom-header .navigation .navbar-nav li.active > a {
            color: var(--w-color);
            font-weight: 700; }
        header .bottom-header .navigation .navbar-nav li.dropdown:hover {
          border-bottom: solid 2px transparent; }
        header .bottom-header .navigation .navbar-nav li.dropdown:hover ul.dropdown-menu {
          max-height: 400px; }
        header .bottom-header .navigation .navbar-nav li.dropdown ul.dropdown-menu {
          max-height: 0px;
          overflow: hidden;
          transition-duration: .5s;
          display: block;
          position: absolute;
          background: rgba(255, 255, 255, 0.5);
          border: none;
          padding: 0px;
          margin: 0px;
          border-radius: 0px; }
          header .bottom-header .navigation .navbar-nav li.dropdown ul.dropdown-menu li {
            border-bottom: solid 1px #f3f3f3;
            transition-duration: .5s;
            background: rgba(255, 255, 255, 0); }
            header .bottom-header .navigation .navbar-nav li.dropdown ul.dropdown-menu li:hover {
              background: white; }
            header .bottom-header .navigation .navbar-nav li.dropdown ul.dropdown-menu li a {
              padding: 5px 15px; }
              header .bottom-header .navigation .navbar-nav li.dropdown ul.dropdown-menu li a:hover {
                background-color: transparent; }
        header .bottom-header .navigation .navbar-nav li a {
          color: #000;
          text-transform: uppercase;
          font-size: 14px;
          font-weight: 500;
          border-bottom: solid 2px transparent; }
    header .bottom-header .logo {
      max-width: 180px;
      padding: 0px;
      padding-right: 30px;
      border-right: solid 1px #f3f3f3; }
    header .bottom-header ul#menu-main-menu {
      flex-direction: row; }
    header .bottom-header ul.social-media {
      display: flex;
      list-style-type: none;
      padding: 0px;
      margin: 0px;
      align-items: center;
      justify-content: flex-end;
      flex-wrap: wrap;
      padding-left: 30px;
      border-left: solid 1px #f3f3f3; }
      header .bottom-header ul.social-media li ~ li {
        margin-left: 20px; }

@media (max-width: 991px) {
  .desktop-navigation {
    display: none; }

  .row-header .social-media {
    order: 2; }
  .row-header .navigation {
    order: 3; }
  .row-header .logo {
    border-right: none !important; }

  nav.mobile-menu-container {
    position: fixed;
    left: -70vw;
    width: 70vw;
    height: 100%;
    top: 0;
    background: #fff;
    z-index: 10;
    display: flex;
    align-items: center;
    padding: 30px;
    transition-duration: .5s; }
    nav.mobile-menu-container ul li a {
      color: #000; }
    nav.mobile-menu-container.active {
      left: 0vw; } }

/*# sourceMappingURL=style.css.map */