.conf-header-topper-wrapper {
  background-color: #f3f2f1;
  height: 40px;
  width 100%;
  margin-bottom: 5px;
}

.conf-header-topper-info p {
 display: inline-block; 
  margin-top: 10px;
  margin-bottom: 0px;
  vertical-align: top;
  font-size: 13px;
  color: #182d4d;
}

.conf-header-topper-info {
 height: 40px;
    padding-left: 10px;
}


.conf-header-topper-info p.j12 {
 display: inline-block; 
 font-family: "TransportD-Bol";
 font-size: 19px;
  margin-top: 5px;
}


.conf-header-topper-vertical-rule {
 height: 40px;
 width: 1px;
 background-color: #182d4d; 
  display: inline-block;
  margin-left: 6px;
  margin-right: 6px;
}

.conf-header-topper-links {
  height: 40px;  
}

.conf-header-topper-links a.active  {
  float: right;
  height: 40px;
  background-color: #009EE2;
  font-size: 13px;
  text-decoration: none;
  color: #fff;
  transition: .3s;
}

.conf-header-topper-links a.active:hover  {
  background-color: #182d4d;
}

.conf-header-topper-links a  {
  float: right;
  height: 40px;
  color:#182d4d ;
  font-size: 13px;
  text-decoration: none;
  transition: .3s;
  padding: 11px 9px 0;
}
@media screen and (min-width: 768px) { .conf-header-topper-links a  { padding: 11px 16px 0; } }

.conf-header-topper-links a:hover  {
  background-color: #182d4d;
  color: #ececec;
}

@media only screen and (max-width: 767px) {
  .conf-header-topper-info {
   display:  none !important;
  }
}

.conf-header-topper-wrapper .page-center { padding: 0 }