.flex-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex; }

header {
  background: white;
  width: 100%;
  height: 81px;
  position: fixed;
  z-index: 90;
  border-bottom: 1px solid #efefef;
  top: 0; }
  @media (max-width: 1023px) {
  header {
    height: 51px; } }
  header .logo {
    height: auto;
    line-height: 80px;
    display: inline-block;
    padding-left: 25px; }
    @media (max-width: 1023px) {
  header .logo {
    transform: scale(0.85);
    transform-origin: left;
    line-height: 50px; } }
    header .logo img {
      vertical-align: middle;
      height: auto; }
  header .right_icons {
    font-size: 22px;
    display: inline-block;
    background: #fff; }
    header .right_icons a, header .right_icons span, header .right_icons ul, header .right_icons div {
      cursor: pointer;
      color: #000;
      font-size: 16px;
      font-weight: 600;
      text-decoration: none;
      display: inline-block;
      line-height: 80px; }
      header .right_icons a:not(:last-child), header .right_icons span:not(:last-child), header .right_icons ul:not(:last-child), header .right_icons div:not(:last-child) {
        margin: 0 25px; }
        @media (max-width: 1250px) {
  header .right_icons a:not(:last-child), header .right_icons span:not(:last-child), header .right_icons ul:not(:last-child), header .right_icons div:not(:last-child) {
    margin: 0 20px !important; } }
        @media (max-width: 1150px) {
  header .right_icons a:not(:last-child), header .right_icons span:not(:last-child), header .right_icons ul:not(:last-child), header .right_icons div:not(:last-child) {
    margin: 0 16px !important; } }
        @media (max-width: 1023px) {
  header .right_icons a:not(:last-child), header .right_icons span:not(:last-child), header .right_icons ul:not(:last-child), header .right_icons div:not(:last-child) {
    margin: 0; } }
      @media (max-width: 1023px) {
  header .right_icons a, header .right_icons span, header .right_icons ul, header .right_icons div {
    line-height: 50px; } }
    header .right_icons li i.fa {
      margin-left: 20px; }
    @media (max-width: 1023px) {
  header .right_icons {
    font-size: 20px; } }
    header .right_icons .menu_item {
      -webkit-transition: all 300ms ease-out;
      -moz-transition: all 300ms ease-out;
      -o-transition: all 300ms ease-out;
      -ms-transition: all 300ms ease-out;
      transition: all 300ms ease-out; }
      header .right_icons .menu_item:hover {
        color: #72725b; }
    header .right_icons .menu_active {
      color: #72725b; }
    header .right_icons div.dropdown {
      position: relative;
      border-left: 1px solid #efefef;
      /* &:hover {
				.dropdown_items {
					display: inline-block;
				}
			} */
      margin-right: 0 !important; }
      header .right_icons div.dropdown div.dropdown_items {
        position: absolute;
        top: -500%;
        right: 0;
        display: inline-block;
        list-style: none;
        background-color: #fff;
        box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.08);
        /* &:hover {
					display: inline-block;
				} */
        width: 100%; }
        header .right_icons div.dropdown div.dropdown_items a, header .right_icons div.dropdown div.dropdown_items div {
          display: block;
          padding-left: 35px;
          line-height: 50px;
          margin: 5px 5px 0 5px;
          font-weight: 500; }
          header .right_icons div.dropdown div.dropdown_items a:last-child, header .right_icons div.dropdown div.dropdown_items div:last-child {
            margin-bottom: 5px; }
          header .right_icons div.dropdown div.dropdown_items a:hover, header .right_icons div.dropdown div.dropdown_items div:hover {
            background-color: #f9f9f9; }
      header .right_icons div.dropdown .dropdown_active {
        display: inline-block !important; }
      header .right_icons div.dropdown .fa-chevron-down {
        -webkit-transition: all 100ms ease-out;
        -moz-transition: all 100ms ease-out;
        -o-transition: all 100ms ease-out;
        -ms-transition: all 100ms ease-out;
        transition: all 100ms ease-out; }
      header .right_icons div.dropdown .chevron_active {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg); }
      header .right_icons div.dropdown .fa-user {
        padding: 0 10px 0 25px; }

#navbar .greydiant {
  z-index: 92;
  display: none;
  background: rgba(33, 33, 38, .57);
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0px;
  top: 0px; }
  #navbar .navbar {
    left: 100%;
    top: 0px;
    max-width: 500px;
    width: 100%;
    height: 100%;
    background-color: white;
    position: fixed;
    z-index: 92; }
    #navbar .navbar .exit_navbar {
      right: 25px;
      top: 25px;
      position: absolute;
      font-size: 20px;
      cursor: pointer; }
    #navbar .navbar #nav {
      margin-top: 70px;
      border-top: 1px solid #efefef;
      list-style-type: none; }
      #navbar .navbar #nav .menus {
        border-bottom: 1px solid #efefef;
        padding: 20px 25px 20px 40px;
        list-style-type: none; }
        #navbar .navbar #nav .menus .submenu a, #navbar .navbar #nav .menus .submenu div {
          font-size: 16px;
          color: #636363; }
        #navbar .navbar #nav .menus .sub {
          display: none;
          list-style-type: none;
          padding-left: 20px;
          margin-top: 7px; }
          #navbar .navbar #nav .menus .sub li {
            padding: 3px 0px; }
        #navbar .navbar #nav .menus a, #navbar .navbar #nav .menus div {
          font-family: 'Roboto Slab';
          font-weight: 500;
          font-size: 20px;
          color: #414042;
          text-decoration: none; }
          #navbar .navbar #nav .menus a.openSubMenuMobiel, #navbar .navbar #nav .menus div.openSubMenuMobiel {
            float: right; }
            #navbar .navbar #nav .menus a.openSubMenuMobiel i, #navbar .navbar #nav .menus div.openSubMenuMobiel i {
              font-weight: bold; }
      #navbar .navbar #nav li:hover {
        cursor: pointer;
        background-color: #f9f9f9; }

@media (max-width: 1023px) {
    .hide_on_mobile {
      display: none; } }

@media (min-width: 1023px) {
    .hide_on_desktop {
      display: none; } }

@media (max-width: 1023px) {
    a.menu_mobile {
      white-space: nowrap;
      text-overflow: ellipsis; } }