* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

header {
  height: 120px;
  background-color: #1c2031; }

.bg-navyblue {
  background-color: #0c101a; }

.navbar {
  min-height: 40px !important; }
  .navbar .nav-link {
    font-family: Roboto;
    color: #fff !important; }
  .navbar .dropdown-menu {
    background-color: #1c2031 !important;
    top: 46px;
    border: none;
    border-radius: 0; }
    .navbar .dropdown-menu .dropdown-item {
      font-family: Roboto;
      color: #fff; }
      .navbar .dropdown-menu .dropdown-item:hover {
        background-color: #1c2031 !important; }

.banner_logo-wrapper {
  width: 180px;
  z-index: 99 !important; }

.banner_login-wrapper {
  width: calc(100% - 180px); }

.banner_logo {
  height: 120px;
  position: relative;
  text-align: center;
  width: 100%;
  background-color: #0099cc;
  padding: 14px 0;
  display: inline-block; }

.banner_login {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #1c2031; }
  .banner_login .banner_login-form {
    width: 90%; }

.form-inline {
  margin-bottom: 5px !important; }

@media (max-width: 575.98px) {
  .banner_logo {
    height: 120px;
    position: relative;
    text-align: center;
    width: 100%;
    background-color: #0099cc;
    padding: 14px 0;
    display: inline-block; }
    .banner_logo:after {
      height: 0; } }

@media (max-width: 767.98px) {
  .banner_toggler {
    display: flex;
    width: 100%;
    height: 50%;
    align-items: center;
    justify-content: center; }
    .banner_toggler button {
      background: none;
      border: none;
      outline: none;
      color: #fff;
      font-family: Roboto;
      cursor: pointer; }
  .banner_menu {
    position: absolute;
    width: 100vw;
    top: 120px;
    left: 0;
    right: 0;
    min-height: 0;
    max-height: 0;
    overflow: hidden;
    pointer-events: none;
    /*min-height:20px;
        height:auto;*/
    background-color: #121828;
    -webkit-transition: min-height 0.5s ease;
    -moz-transition: min-height 0.5s ease;
    transition: min-height 0.5s ease; }
    .banner_menu.toggled {
      z-index: 999 !important;
      min-height: 225px;
      height: auto;
      pointer-events: auto; }
    .banner_menu a {
      display: block;
      width: 100%;
      height: 50px !important; } }