.helloBar {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background-color: #273746;
  z-index: 10;
  display: none;
  color: #fff
}
.helloBar * {
  font-size: 94% !important
}
.helloBar .helloBar-valign {
  display: table;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  height: 100%
}
.helloBar .helloBar-valign .hbv {
  display: table-cell;
  vertical-align: middle;
  padding: 8px 30px
}
.helloBar .helloBar-valign .hbv p {
  margin: 0
}
.helloBar .helloBar-valign .hbv a {
  color: inherit;
  border-bottom: 1px solid #7e7a7a;
  padding: 1px 0;
  margin: 2px;
  white-space: nowrap;
  display: inline-block;
  letter-spacing: .07em;
  text-decoration: none
}
.helloBar .btn-hellobar, .helloBar .btn-hellobar-plain {
  border: 1px solid #e9e9e9;
  text-decoration: none;
  color: #fff !important;
  padding: 3px 9px;
  white-space: nowrap;
  border-radius: 4px;
  margin: 2px 6px;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: .04em
}
.helloBar .btn-hellobar-plain {
  border: none;
  border-bottom: 1px solid #e9e9e9;
  border-radius: 0;
  padding: 0 0 1px
}
.helloBar .helloBar-close {
  position: absolute;
  top: 50%;
  right: 4px;
  margin-top: -20px;
  font-size: 24px !important;
  width: 40px;
  height: 40px;
  cursor: pointer
}
.helloBar-push {
  position: absolute;
  top: 0;
  left: 0
}
@media(max-width:992px) {
  .helloBar {
    font-size: 14px
  }
}
@media(max-width:766px) {
  .helloBar {
    font-size: 12px
  }
  .helloBar .helloBar-valign .hbv {
    padding: 9px 22px 9px 9px
  }
}