@-webkit-keyframes slide-up {
  0%   { bottom: -100%; }
  100% { bottom: 20px; }
}
@-moz-keyframes slide-up {
  0%   { bottom: -100%; }
  100% { bottom: 20px; }
}
@-o-keyframes slide-up {
  0%   { bottom: -100%; }
  100% { bottom: 20px; }
}
@keyframes slide-up {
  0%   { bottom: -100%; }
  100% { bottom: 20px; }
}

#cookie-notice {
	-webkit-animation: slide-up 0.75s;
  	-moz-animation:    slide-up 0.75s;
  	-o-animation:      slide-up 0.75s;
  	animation:         slide-up 0.75s;
	background: #ABB2BC;
	bottom: 20px;
	box-shadow: 0 8px 13px rgba(30,30,30,0.35);
	max-width: calc(100% - 40px);
	padding: 10px 20px 20px;
	position: fixed;
	right: 20px;
	transition: bottom 0.75s;
	width: 400px;
	z-index: 10;
}

#cookie-notice.close {
	bottom: -100%;
}

#cookie-notice p {
	color: #fff;
}

#cookie-notice p a {
	text-decoration: underline;
}

#cookie-notice .cookie-close {
	background: #fff;
	display: block;
	padding: 10px;
	text-align: center;
}