div#block-notificationblock.closing-notification {
  visibility: hidden;
  height: 0;
  padding: 0;
}

div#block-notificationblock .body.hidden_notification {
  display: none;
  height: 0;
}

div#block-notificationblock.closing-notification .body {
  min-height: 62px;
  height: auto;
}


div#block-notificationblock .body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
}

div#block-notificationblock .body a {
  display: inline-block;
  margin-left: 15px;
  color: #ffffff;
  border-radius: 5px;
  padding-left: 20px;
  padding-right: 20px;
}

div#block-notificationblock .body a,
div#block-notificationblock .body p {
  font-size: 15px;
  text-transform: uppercase;
  font-weight: bold;
}

div#block-notificationblock.notification-open.closing-notification {
  position: fixed;
  background: #d34727;
  height: auto;
  visibility: visible;
  width: 100%;
  z-index: 99999;
  left: 0;
  color: #ffffff;
  text-align: center;
}

div#block-notificationblock {
  position: static;
  height: auto;
  visibility: visible;
  width: 100%;
  z-index: 0;
  left: 0;
  color: #ffffff;
  text-align: center;
  background: #d34727;
  /*padding: 5px 20px;*/
}

div#block-notificationblock p {
  color: #ffffff;
  margin: 0;
}

div#block-notificationblock .close {
  position: absolute;
  right: 20px;
  top: 10px;
  width: 32px;
  height: 32px;
  opacity: 0.3;
}
div#block-notificationblock .close:hover {
  opacity: 1;
}
div#block-notificationblock .close:before,
div#block-notificationblock .close:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 33px;
  width: 2px;
  background-color: #ffffff;
}
div#block-notificationblock .close:before {
  transform: rotate(45deg);
}
div#block-notificationblock .close:after {
  transform: rotate(-45deg);
}