@charset "utf-8";
*{
margin:0;
padding:0;
}

.cookie-consent {
	position: fixed;
	bottom: 0;
	width: 100%;
	font-size: 0.9em;
	color: #fff;
	background: rgb(76,76,76);
	padding: 1% 2%;
	box-sizing: border-box;
}
.cookie-consent a {
	color: #fff;
	text-decoration: underline;
}

.cookie-consent a:visited {
	color: #fff;
	text-decoration: underline;
}

.cookie-consent a:hover {
	color: #00FFFF;
}
#cookie-button1, #cookie-button2 {
	background-color: #EFEFEF;
	color: #000000;
	cursor: pointer;
	min-width: 100%;
}
#cookie-button1:hover, #cookie-button2:hover {
	background-color: #E5E5E5;
	color: #000000;
}
#cookie-button1 {
	margin:0 0 10px 0;
}
#cookie-button2 {
	margin:0 0 20px 0;
}

@media screen and (min-width: 480px) {
	.cookie-button {
		display: flex;
		justify-content: flex-end;
		font-size: 0.9em;
		text-align: center;
		padding: 1.5em;
	}
	#cookie-button1, #cookie-button2 {
		width: 25%;
		min-width: 200px;
		max-width: 25%;
	}
	#cookie-button1 {
		margin:0 20px 20px 0;
	}
}

@media screen and (min-width: 800px) {
	.cookie-consent {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#cookie-button1, #cookie-button2 { 
		margin-bottom: 0;
	}
}

#infocookie_modal {
	display: block;
	position: fixed; 
	bottom: 0;
	z-index: 11000;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	-ms-overflow-style: none;
}

#infonotes_modal_background {
	display: none;
	position: fixed;
	top: 0;
	z-index: 12000;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.7);
}

#infonotes_modal_background a {
	text-decoration: underline;
}

#infonotes_modal_background div#infonotes_modal {
	display: none;
	position: absolute;
	margin: 0 auto;
	padding: 0.9em;
	background-color: #ffffff;
	font-size: 0.8em;
	top: 50%;
	left: 50%;
	height: 80%;
	min-width: 90%;
	transform: translateY(-50%);
	transform:translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
}

@media screen and (min-width: 480px) {
	#infonotes_modal_background div#infonotes_modal {
		min-width: 450px;
	}
}

#close-button {
	display: block;
	position: absolute;
	top: -35px;
	left: 91%;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

@media screen and (min-width: 480px) {
	#close-button {
		left: 94%;
	}
}

@media screen and (min-width: 800px) {
	#close-button {
		left: 96%;
	}
}

#close-button::before, #close-button::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 5px;
	height: 30px;
	background: rgb(255,255,255);
	border-radius: 2.5px;
}

#close-button::before {
	transform: translate(-50%,-50%) rotate(45deg);
}

#close-button::after {
	transform: translate(-50%,-50%) rotate(-45deg);
}