.cookie-bar {
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	background-color: rgba(51, 51, 51, 0.9);
	position: fixed;
	color: rgba(255, 255, 255, 0.9);
	width: 400px;
	z-index: 1000;
}
.cookie-bar.bottom-left {
	bottom: 50px;
	left: -400px;
}
.cookie-bar.bottom-left .cookie-bar-button {
	text-align: right;
}
.cookie-bar.bottom-right {
	bottom: 50px;
	right: -300px;
}
.cookie-bar.top-left {
	top: 50px;
	left: -400px;
}
.cookie-bar.top-left .cookie-bar-button {
	text-align: right;
}
.cookie-bar.top-right {
	top: 50px;
	right: -300px;
}
.cookie-bar .cookie-bar-gutter {
	padding: 20px;
	text-align: left;
}
.cookie-bar a {
	color: #ffffff;
	text-decoration: underline;
}
.cookie-bar a:hover,
.cookie-bar a:focus,
.cookie-bar a:active {
	color: rgba(255, 255, 255, 0.7);
}
.cookie-bar .cookie-bar-text {
	font-size: 14px;
}
.cookie-bar .cookie-bar-text p {
	line-height: 1.3;
}
.cookie-bar .cookie-bar-button {
	margin-top: 15px;
}
.cookie-bar .cookie-bar-button a {
	display: inline-block;
	background-color: rgba(0, 217, 90, 0.5);
	color: #ffffff;
	padding: 5px 10px;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	-webkit-transition: background-color 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
	margin-right: 10px;
}
.cookie-bar .cookie-bar-button a:hover,
.cookie-bar .cookie-bar-button a:focus,
.cookie-bar .cookie-bar-button a:active {
	text-decoration: none;
	color: #ffffff;
	background-color: rgba(0, 217, 90, 1);
}
.cookie-open {
	visibility: visible;
}
.cookie-open.bottom-left,
.cookie-open.top-left {
	left: 0;
}
.cookie-open.bottom-right,
.cookie-open.top-right {
	right: 0;
}
.cookie-close {
	visibility: hidden;
}
.cookie-close.bottom-left,
.cookie-close.top-left {
	left: -400px;
}
.cookie-close.bottom-right,
.cookie-close.top-right {
	right: -400px;
}