.cookie-agreement {
  z-index: 100;
  position: fixed;
  bottom: 42px;
  right: 42px;
  top: auto;
  left: auto;
  display: inline-block;
  background: #FAFAFA;
  border: 1px solid #E0E0E0;
  padding: 16px 57px 16px 16px;
  color: #212121;
  font-family: "Open Sans", Serif;
  font-size: 14px;
  line-height: 22px;
  animation: 2s ease 0s 1 slideInFromLeft;
  -webkit-animation: 2s ease 0s 1 slideInFromLeft;
  -moz-animation: 2s ease 0s 1 slideInFromLeft;
  -ms-animation: 2s ease 0s 1 slideInFromLeft;
}
@media (max-width: 400px) {
  .cookie-agreement {
    width: 90%;
    right: auto;
    left: 5%;
  }
}
.cookie-agreement a,
.cookie-agreement a:link,
.cookie-agreement a:visited,
.cookie-agreement a:focus {
  color: #0021A1;
}
.cookie-agreement .close {
  float: none;
  position: absolute;
  right: 14px;
  top: 15px;
  width: 24px;
  height: 24px;
  display: block;
  opacity: 1;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAN1JREFUSA3tksENwyAQBA1FpADsH1XEVaSJVJMmUkVchZ9uIEVAmMRICHHwIT+QkO3bvd1j8TSNNRL4WwLLslhjzGue54tkAgYHrsTREuCce3jvr2EXTRAHgwNX0hENlFK3sPcgYHOTRNzCgSsZKAmgXhBaqZ+TR/H1OI439dKqGtCQm1DjVOfkVXG4TQNIqcm36RdLUxyueAeAPVbzBOn0xIJpt4hy8WDQ75JL4vFvqWF5rOIdhBieUhQYcRoigwM3F47fooHW+h4ENoTi5LGJZ2KywU2x8T4S6JvAB6BuuIWg2hDZAAAAAElFTkSuQmCC') center center no-repeat;
  cursor: pointer;
}
@-webkit-keyframes slideInFromLeft {
  0% {
    transform: translateX(300%);
    opacity: 0;
  }
  50% {
    transform: translateX(300%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@-moz-keyframes slideInFromLeft {
  0% {
    transform: translateX(300%);
    opacity: 0;
  }
  50% {
    transform: translateX(300%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@-ms-keyframes slideInFromLeft {
  0% {
    transform: translateX(300%);
    opacity: 0;
  }
  50% {
    transform: translateX(300%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@-o-keyframes slideInFromLeft {
  0% {
    transform: translateX(300%);
    opacity: 0;
  }
  50% {
    transform: translateX(300%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slideInFromLeft {
  0% {
    transform: translateX(300%);
    opacity: 0;
  }
  50% {
    transform: translateX(300%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}