/*Do not modify anything beyond here!*/
.balfbar.fixed_menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.balfbar * {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.balfbar {
  height: 60px;
  position: relative;
  color: #ddd;
  z-index: 1000;
}

.balfbar_no_overflow,
.balfbar_no_overflow body {
  overflow: hidden;
}

.balfbar_pushmenu_container {
  position: relative;
}

.balfbar .menu {
  position: relative;
  width: 100%;
  height: 100%;
  background: #2F2F33;
}

.balfbar .menu:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.balfbar .menu > .brand {
  display: table;
  color: #ddd;
  font-size: 16px;
  font-weight: 700;
  float: left;
  margin-right: 3px;
  height: 50px;
}

.balfbar .menu > .brand img {
  height: 43px;
  width: auto;
  min-height: 43px;
  max-height: 43px;
  margin-top:8px;
  margin-left:8px;
}

.balfbar .menu > .brand a {
  display: block;
  float: left;
}

.balfbar .menu > .brand > .text {
  padding: 0 5px;
}

.balfbar .menu > .brand > * {
  display: table-cell;
  vertical-align: middle;
}

.balfbar .menu_button {
  float: left;
  height: 60px;
  font-size: 20px;
  cursor: pointer;
  padding: 0 7px;
  text-align: center;
  min-width: 40px;
  color: #fff;
  position: relative;
  display: table;
}

.balfbar .menu_button > * {
  display: table-cell;
  vertical-align: middle;
}

.balfbar .menu_button .text {
  text-transform: uppercase;
}

.balfbar .menu_button > .select {
  width: 40px;
}

.balfbar .menu_button > .select div div {
  background: #fff;
  height: 3px;
  margin: 3px 6px;
  margin-top: 0;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  position: relative;
}

.balfbar .menu ul.items {
  margin: 0;
  padding: 0;
}

.balfbar .menu ul.items * {
  -moz-text-size-adjust: 110%;
  -webkit-text-size-adjust: 110%;
  -ms-text-size-adjust: 110%;
  -o-text-size-adjust: 110%;
  text-size-adjust: 110%;
}

.balfbar .menu ul.items li {
  list-style: none;
  cursor: pointer;
  position: relative;
}

.balfbar .menu ul.items > li > a,
.balfbar .menu ul.dropdown > li > a,
.balfbar .menu div.megamenu ul > li > a {
  display: block;
  text-decoration: none;
  cursor: pointer;
  color: #ccc;
}

.balfbar .menu ul.items li.full_width {
  position: static;
}

.balfbar .menu ul.items li.full_width .megamenu {
  left: 0;
  right: 0;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

.balfbar div.megamenu > ul {
  margin: 0;
  padding: 0;
}

.balfbar div.megamenu ul ul {
  margin: 0;
  padding: 0;
  max-height: 300px;
  overflow: auto;
}

.balfbar .menu ul.items .dropdown li.open > a,
.balfbar .menu ul.items .megamenu li.open > a {
  color: #007EFE;
}

.balfbar .menu ul.items > li.open > a {
  background: transparent;
  color: inherit;
}

.balfbar .menu ul.items .megamenu li.open > a span {
  color: #fff;
}

.balfbar .menu ul.items > li:hover > a,
.balfbar .menu ul.items .dropdown li:hover > a {
  color: #007EFE;
}

.balfbar .menu ul.items > li:hover > a {
  background: transparent;
  color: inherit;
}

.balfbar .menu ul.items > li > a span {
  display: inline-block;
}

.balfbar .menu ul.items ul.dropdown > li > a,
.balfbar .menu ul.items .megamenu li > a {
  padding: 10px 20px;
  white-space: nowrap;
  height: 40px;
}

.balfbar .menu ul.items div.megamenu ul > li > a,
.balfbar div.megamenu div.title {
  padding: 5px 20px;
  white-space: nowrap;
}

.balfbar ul.items ul.dropdown,
.balfbar ul.items div.megamenu {
  display: none;
  padding: 0;
  font-size: 14px;
}

.balfbar ul.items > li.active > a {
  font-weight: 900;
  color: #007EFE;
}

.balfbar .menu ul.items .open > .dropdown {
  display: block;
}

.balfbar ul.dropdown > li > a > img,
.balfbar ul.dropdown > li > a > .menu_img {
  float: left;
  width: 34px;
  height: 34px;
  margin-left: -5px;
  margin-top: -8px;
  margin-right: 15px;
}

.balfbar .divider {
  border-bottom: 1px #ddd solid;
}

.balfbar *::-webkit-scrollbar {
  height: 0;
  width: 0;
  background: #000;
}

.balfbar ul.items li > a .icon {
  font-size: 14px;
  display: inline-block;
  margin-right: 5px;
}

.balfbar ul.items li > a img.icon {
  height: 14px;
}

.balfbar ul.items li > a * {
  vertical-align: middle;
}

@media only screen and (min-width: 921.1px) {
  .balfbar .menu_button, .balfbar .menu > .brand {
    text-align: left;
  }

  .balfbar .menu ul.items li > ul.dropdown > li ul.dropdown.left_menu {
    left: auto !important;
    right: 100%;
  }

  .balfbar .menu ul.items > li > a {
    padding: 15px;
  }

  .balfbar .menu ul.dropdown > li > a,
.balfbar .menu div.megamenu ul > li > a {
    background: #222;
    margin: 0;
  }

  .balfbar .menu .item_holder {
    opacity: 1 !important;
  }

  .balfbar .menu ul.items > li > a .icon {
    display: none;
  }

  .balfbar ul.items li > a .icon {
    font-size: 28px;
  }

  .balfbar ul.items li > a img.icon {
    height: 28px;
  }

  .balfbar .menu ul.items {
    margin: 0;
    padding: 0;
    float: left;
  }

  .balfbar .menu_button {
    display: none;
  }

  .balfbar .menu ul.items > li {
    float: left;
  }

  .balfbar .menu ul.items > li {
    position: relative;
  }

  .balfbar .menu ul.items > li > ul.dropdown,
.balfbar .menu ul.items > li > div.megamenu {
    position: absolute;
    top: 50px;
    left: 0;
    z-index: -1;
  }

  .balfbar div.megamenu ul ul {
    min-width: 250px;
    max-width: 250px;
  }

  .balfbar .menu ul.items .open > .dropdown,
.balfbar .menu ul.items .open > .megamenu {
    animation: drop_down 0.5s ease;
  }

  .balfbar.top_down ul.items {
    max-height: 250px;
    overflow: auto;
  }

  .balfbar.top_down .brand,
.balfbar.top_down .menu ul.items,
.balfbar.top_down .menu ul.items > li {
    float: none;
  }

  .balfbar.desktop_sidebar {
    height: auto;
  }

  .balfbar.desktop_sidebar .brand,
.balfbar.desktop_sidebar .item_holder > .items {
    float: none;
  }

  .balfbar.desktop_sidebar .brand {
    padding: 15px;
  }

  .balfbar.desktop_sidebar .menu ul.items li > ul.dropdown,
.balfbar.desktop_sidebar .menu ul.items li > .megamenu {
    position: static;
  }

  .balfbar.desktop_sidebar .menu ul.items > li {
    float: none;
  }

  .balfbar.top_down .menu ul.items > li > ul.dropdown,
.balfbar.top_down .menu ul.items > li > div.megamenu {
    position: static;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    margin: 0;
    border: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
  }

  .balfbar .menu ul.items ul.dropdown,
.balfbar .menu ul.items div.megamenu {
    padding: 0;
  }

  .balfbar .menu ul.items div.megamenu ul > li > a {
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    margin: 0 5px;
  }

  .balfbar .menu ul.items div.megamenu > ul {
    display: table;
    table-layout: fixed;
  }

  .balfbar .menu ul.items .open > div.megamenu {
    display: block;
    overflow: auto;
  }

  .balfbar .menu div.megamenu > ul > li {
    display: table-cell;
    vertical-align: top;
    padding: 5px;
    padding-bottom: 0;
    cursor: default;
  }

  .balfbar .menu div.megamenu > .bottom {
    display: block;
    background: #222;
    color: #ddd;
    max-width: 100%;
    min-width: 0;
  }

  .balfbar div.megamenu {
    background: #222;
    position: absolute;
    padding: 0;
  }

  .balfbar div.megamenu {
    margin-left: -100px;
  }

  .balfbar div.megamenu.no_shift {
    margin-left: 0;
  }

  .balfbar div.megamenu.left_shift {
    margin-left: -150px;
  }

  .balfbar div.megamenu.big_left_shift {
    margin-left: -250px;
  }

  .balfbar div.megamenu.right_shift {
    right: -50px;
    left: auto !important;
  }

  .balfbar .megamenu > ul {
    overflow: hidden;
  }

  .balfbar .megamenu ul ul {
    overflow-y: auto;
  }

  .balfbar .menu ul.items li > ul.dropdown > li ul.dropdown {
    position: absolute;
    left: 100%;
  }

  .balfbar .menu ul.items li > ul.dropdown > li ul.dropdown:not(.modified_top) {
    margin-top: -40px;
  }

  .balfbar ul.dropdown {
    padding: 0;
    min-width: 200px;
    background: #222;
  }

  .balfbar ul.dropdown,
.balfbar div.megamenu,
.balfbar .menu ul li a {
    color: #ddd;
  }

  .balfbar .menu ul.items > li > div.megamenu img.preview {
    display: block;
  }

  .balfbar .scrollable {
    overflow: auto;
  }
}
.balfbar .menu ul.item > li:hover > a .icon {
  color: #fff;
}

.balfbar ul.items li > a .icon {
  line-height: 0 !important;
}

.balfbar .menu ul.items li > a .icon:before,
.balfbar .menu ul.items li > a .icon:after,
.balfbar .menu ul.items li > a .icon *:before,
.balfbar .menu ul.items li > a .icon *:after {
  color: inherit !important;
}

.balfbar .menu ul.items li:hover > a .icon {
  color: inherit !important;
}

@media only screen and (max-width: 921px) {
  .balfbar {
    opacity: 1 !important;
  }

  .balfbar .menu ul.items {
    overflow: auto;
    overflow-x: hidden;
  }

  .balfbar ul.items div.megamenu .title {
    text-transform: uppercase;
  }

  .balfbar div.megamenu ul ul {
    overflow: hidden;
  }

  .balfbar .menu ul.items div.megamenu ul > li > a,
.balfbar .menu ul.items div.megamenu ul > li > a {
    padding: 10px 20px;
  }

  .balfbar.mobile_pushmenu .menu ul.items,
.balfbar.mobile_sidebar .menu ul.items {
    height: 100%;
  }

  .balfbar .menu > .brand {
    position: absolute;
    left: 55px;
  }

  .balfbar .menu ul.items {
    -moz-text-size-adjust: 130%;
    -webkit-text-size-adjust: 130%;
    -ms-text-size-adjust: 130%;
    -o-text-size-adjust: 130%;
    text-size-adjust: 130%;
  }

  .balfbar .menu ul.items > li:hover > a,
.balfbar .menu .megamenu li:hover > a {
    background: "none";
    color: #007EFE;
  }

  .balfbar .menu ul.items > li.open > a,
.balfbar .menu .megamenu li.open > a,
.balfbar .menu .megamenu li:hover > a {
    color: #007EFE;
  }

  .balfbar.mobile_sidebar .menu .item_holder > ul,
.balfbar.mobile_pushmenu .menu .item_holder > ul {
    background: black;
  }

  .balfbar.mobile_dropdown .menu .item_holder {
    overflow-y: auto;
  }

  .balfbar .menu .item_holder {
    -moz-box-shadow: 0 3px 4px #000;
    -webkit-box-shadow: 0 3px 4px #000;
    -ms-box-shadow: 0 3px 4px #000;
    -o-box-shadow: 0 3px 4px #000;
    box-shadow: 0 3px 4px #000;
  }

  .balfbar.mobile_dropdown .menu .item_holder {
    position: absolute;
    right: 0;
    left: 0;
    height: 0;
    border-bottom: 0 #fff solid;
    max-height: 300px;
    z-index: -1;
    top: 0;
  }

  .balfbar.mobile_sidebar .menu .item_holder {
    position: fixed;
    bottom: 0;
    left: -20%;
    opacity: 0;
    width: 70%;
    border-right: 0 #fff solid;
    z-index: 1000;
    top: 50px;
    max-width: 250px;
    right: 0;
    display: none;
  }

  .balfbar.mobile_pushmenu .menu .item_holder {
    position: fixed;
    bottom: 0;
    left: -100%;
    border-right: 0 #fff solid;
    z-index: 1000;
    top: 50px;
    width: 300px;
    display: none;
  }

  .balfbar.out.mobile_sidebar .menu .item_holder,
.balfbar.out.mobile_pushmenu .menu .item_holder {
    display: block;
  }

  .balfbar .menu ul.items .open > .megamenu {
    display: block;
  }

  .balfbar .media_tester {
    display: none;
  }

  /*
    This is a set of items that will appear after loading the menu fully
  */
  .balfbar .menu ul.items li {
    border-bottom: 0;
  }

  .balfbar .menu ul.items > li > a > span {
    padding: 10px 8px;
  }

  .balfbar.mobile_sidebar .mask,
.balfbar.mobile_pushmenu .mask {
    background: #222;
    opacity: 0.8;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
  }

  .balfbar.mobile_sidebar.out .mask,
.balfbar.mobile_pushmenu.out .mask {
    display: block;
  }

  .balfbar .menu .item_holder .items::-webkit-scrollbar {
    height: 0;
    width: 0;
    background: transparent;
  }

  .balfbar ul.items > li .megamenu {
    padding: 0;
    margin: 0;
  }

  .balfbar ul.items > li > a span {
    padding: 10px 15px;
  }

  .balfbar .menu ul.items > li > ul.dropdown li > a,
.balfbar .menu ul.items > li > div.megamenu li > a {
    padding-left: 40px;
  }

  .balfbar .menu ul.items > li > ul.dropdown li > ul.dropdown > li > a {
    padding-left: 60px;
  }

  .balfbar .menu ul.items > li > ul.dropdown li > ul.dropdown > li > ul.dropdown > li > a {
    padding-left: 80px;
  }

  .balfbar .menu ul.items > li > div.megamenu img.preview {
    display: none;
  }
}
.balfbar .right_zone {
  float: right;
  height: 100%;
}

.balfbar.fixed_menu .right_zone {
  display: block;
}

/*No JS*/
.balfbar:not(.loaded) ul.items li:hover > ul.dropdown,
.balfbar:not(.loaded) ul.items li:hover > div.megamenu {
  margin-top: -1px;
  display: block;
  animation: drop_down 0.5s ease;
}

@keyframes drop_down {
  0% {
    margin-top: -50px;
  }
  100% {
    margin-top: -1px;
  }
}