/* -- Navigation bar -------------------------------------------------------- */

.header_inner {
  margin-left: -15px;
  margin-right: -15px;
}

.header_inner_left {
  line-height: 1;
  left: 0 !important;
}

.header_bottom {
  background: transparent;
  margin: 0 auto;
  padding: 0;
  width: 90%;
}

@media only screen and (max-width: 650px) {
  .header_bottom {
    width: 80%;
  }
}

.header_bottom .qode_icon_font_elegant {
  margin: 4px 0 0 0;
  font-size: 32px;
}

.main_menu li a,
nav.mobile_menu ul li a {
  color: #184DC8 !important;
  font-family: 'NHaasGroteskDSPro-65Md';
  letter-spacing: 2.75px !important;
  text-transform: uppercase;
}

.main_menu li a {
  font-size: 12px !important;
  line-height: 56px !important;
}

nav.mobile_menu ul li a {
  font-size: 18px !important;
  line-height: 36px !important;
}


.main_menu li a:hover {
  color: #004dff !important;
}

header {
  background: transparent;
  position: fixed !important;
  padding: 30px 0;
  -moz-transition: left 250ms linear, transform 250ms linear, -moz-transform 250ms linear, background 250ms linear !important;
  -ms-transition: left 250ms linear, transform 250ms linear, -ms-transform 250ms linear, background 250ms linear !important;
  -o-transition: left 250ms linear, transform 250ms linear, -o-transform 250ms linear, background 250ms linear !important;
  -webkit-transition: left 250ms linear, transform 250ms linear, -webkit-transform 250ms linear, background 250ms linear !important;
  transition: padding 250ms linear, left 250ms linear, transform 250ms linear, -moz-transform 250ms linear, -ms-transform 250ms linear, -o-transform 250ms linear, -webkit-transform 250ms linear, background 250ms linear !important;
  -webkit-backface-visibility: hidden;
}

header .q_logo a,
header .q_logo img {
  height: 45px !important;
  width: 45px !important;
}

@media only screen and (max-width: 1000px) {
  header {
    background: #fff;
    margin: 0;
  }

  header .q_logo a,
  header .q_logo img {
    height: 32px !important;
    width: 32px !important;
  }

  .header_bottom {
    padding: 0;
  }

  .header_bottom.open nav.mobile_menu ul {
    background: #184DC8 !important;
  }

  .header_bottom.open .qode_icon_font_elegant {
    color: #fff !important;
  }

  .header_bottom .container::before {
    content: initial;
    /* display: initial; */
  }

  .header_bottom .container::after {
    clear: initial;
    content: initial;
    /* display: initial; */
  }
  
  .header_inner_right {
    height: 0;
  }


  .logo_wrapper {
    display: inline-block;
    height: initial !important;
    left: initial;
    position: initial;
    width: 90%;
  }

  .mobile_menu_button {
    display: inline-block;
    float: initial;
    height: initial;
    margin: initial;
    text-align: right;
    width: 10%;
  }

  .mobile_menu_button span {
    display: initial;
    font-size: 26px;
    position: initial;
  }

  .q_logo a {
    left: initial;
    width: initial;
  }

  nav.mobile_menu {
    background-color: #fff !important;
    background-color: transparent !important;
    float: initial;
    top: initial;
  }

  nav.mobile_menu ul {
    background-color: transparent;
    padding: 0 0 20px;
    text-align: center;
    width: auto;
  }

  nav.mobile_menu ul li,
  nav.mobile_menu ul li ul li {
    border: none;
  }

  nav.mobile_menu ul li a {
    padding: 4px 0;
  }
}

@media only screen and (min-width: 321px) and (max-width: 768px) {
  .main_menu li a,
  nav.mobile_menu ul li a {
    font-size: 11px;
    letter-spacing: 2.52px;
    line-height: 13px;
  }
}

@media only screen and (max-width: 320px) {
  .main_menu li a,
  nav.mobile_menu ul li a {
    font-size: 11px;
    letter-spacing: 2.52px;
    line-height: 13px;
  }
}