@charset "UTF-8";

/*******************************/
/*******************************/
/********** ANIMATION **********/
/*******************************/
/*******************************/

.cookie-overlay,
.cookie-overlay .close,
.cookie-overlay .close:before,
.cookie-overlay .close:after {
	-webkit-transition:all .15s cubic-bezier(.75,0,.25,1);
	-moz-transition:all .15s cubic-bezier(.75,0,.25,1);
	-o-transition:all .15s cubic-bezier(.75,0,.25,1);
	-ms-transition:all .15s cubic-bezier(.75,0,.25,1);
	transition:all .15s cubic-bezier(.75,0,.25,1);
}

/*****************************/
/*****************************/
/********** OVERLAY **********/
/*****************************/
/*****************************/

.cookie-overlay {
	position:fixed;
	z-index:10000;
	left:0;
	right:0;
	bottom:0;
	display:block;
	max-height:100%;
	opacity:0;
	visibility:hidden;
	overflow-x:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
}
.cookie-overlay.active {
	opacity:1;
	visibility:visible;
	cursor:pointer;
}

/********** OVERLAY CONTENT **********/

.cookie-overlay .overlay-content {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	   -moz-box-pack:justify;
	    -ms-flex-pack:justify;
			justify-content:space-between;
	-webkit-box-align:center;
	-webkit-align-items:center;
		-moz-box-align:center;
		-ms-flex-align:center;
			align-items:center;
	font-size:1.25rem;
	padding:.75rem;
	background:rgb(245,245,245);
}
.cookie-overlay .close {
	position:relative;
	font-size:0;
	color:rgb(255,255,255);
	background:rgb(65,65,65);
	display:block;
	height:.75rem;
	width:.75rem;
	padding:.75rem;
	margin-left:.75rem;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
}
.cookie-overlay .close:before,
.cookie-overlay .close:after {
	position:absolute;
	top:50%;
	left:50%;
	content:'';
	height:.75rem;
	width:.0625rem;
	background:rgb(255,255,255);
}
.cookie-overlay .close:before {
	-webkit-transform:translate(-50%,-50%) rotate(45deg);
	   -moz-transform:translate(-50%,-50%) rotate(45deg);
	    -ms-transform:translate(-50%,-50%) rotate(45deg);
	     -o-transform:translate(-50%,-50%) rotate(45deg);
	        transform:translate(-50%,-50%) rotate(45deg);
}
.cookie-overlay .close:after {
	-webkit-transform:translate(-50%,-50%) rotate(-45deg);
	   -moz-transform:translate(-50%,-50%) rotate(-45deg);
	    -ms-transform:translate(-50%,-50%) rotate(-45deg);
	     -o-transform:translate(-50%,-50%) rotate(-45deg);
	        transform:translate(-50%,-50%) rotate(-45deg);
}
.cookie-overlay .close:hover {
	color:rgb(65,65,65);
	background:rgb(255,255,255);
}
.cookie-overlay .close:hover:before,
.cookie-overlay .close:hover:after {
	background:rgb(65,65,65);
}