.header-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background-color: #054887;
  padding: 10px 37px 10px 28px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  height: 100px;
}

.mr-100 {
  margin-right: 100px;
}

@keyframes fadeInLeftHeader {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInRightHeader {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInLeftHeader {
  animation-name: fadeInLeftHeader;
  animation-duration: 1s;
  animation-fill-mode: both;
}

.fadeInRightHeader {
  animation-name: fadeInRightHeader;
  animation-duration: 1s;
  animation-fill-mode: both;
}