/* Base styles */
.hue-cookie-optin {
	position: fixed;
	left: 0;
	width: 100%;
	height: auto;
	background-color: white;
	z-index: 99999;
	-webkit-transition:	all 0.4s ease-in-out;
	-moz-transition:	all 0.4s ease-in-out;
	-o-transition:		all 0.4s ease-in-out;
	transition:			all 0.4s ease-in-out;
	pointer-events: none;
}
.hue-cookie-optin.active {
	pointer-events: auto;
}

/* Cookiebar Styles */
.hue-cookie-optin.static {
	display: none;
}
.hue-cookie-optin.static.active {
	display: block;
}
.hue-cookie-optin.fade {
	opacity: 0;
	
}
.hue-cookie-optin.fade.active {
	opacity: 1;
}
.hue-cookie-optin.top.slide {
	-webkit-transform:	translateY(-100%);
	-moz-transform:		translateY(-100%);
	-ms-transform:		translateY(-100%);
	-o-transform:		translateY(-100%);
	transform:			translateY(-100%);
}
.hue-cookie-optin.bottom.slide {
	-webkit-transform:	translateY(100%);
	-moz-transform:		translateY(100%);
	-ms-transform:		translateY(100%);
	-o-transform:		translateY(100%);
	transform:			translateY(100%);
}
.hue-cookie-optin.top.slide.active, .hue-cookie-optin.bottom.slide.active {
	-webkit-transform:	translateY(0);
	-moz-transform:		translateY(0);
	-ms-transform:		translateY(0);
	-o-transform:		translateY(0);
	transform:			translateY(0);
}

/* Cookiebar Positions */
.hue-cookie-optin.top {
	top: 0;
}
.hue-cookie-optin.bottom {
	bottom: 0;
}