/* ==========================================================================
	Cookies header
========================================================================= */
.cookies-header {
	height: 0;
    padding: 0;
    overflow: hidden;
	background-color: #fdfdfd;
	transition: all 0.7s ease-in-out;
}
.cookies-header.active {
	padding: 15px 0;
	height: 150px;
}
.cookies-header a {
	color: #0153A0;
}
@media (min-width:821px) and (max-width:991px) {
	.cookies-header.active {
		height: 210px;
	}	
	#header {
		min-height: 210px;
	}
}
@media (min-width:505px) and (max-width:820px) {
	.cookies-header.active {
		height: 265px;
	}	
	#header {
		min-height: 265px;
	}
}
@media (max-width:504px) {
	.cookies-header.active {
		height: 310px;
		overflow: auto;
	}	
}
.cookies-header .container {
	display: flex;
	align-items: center;
}
.cookies-header .content {
	display: flex;
}
.cookies-header .icon {
	padding: 0 20px;
}
.cookies-header .info {
	font-size: 0.8em;
}
.cookies-header .info h5 {
	font-size: 1.1em;
	text-transform: none;
	margin-bottom: 10px;
}
.cookies-header .buttons {
	display: flex;
	padding: 0 10px;
}
.cookies-header .btn-cookies {
	display: block;
	width: 135px;
	padding: 7px 12px;
	text-align: center;
	font-size: 0.9em;
}
.cookies-header .btn-change {
	background-color: #ebb112;
	color: #004896;
	margin-right: 10px;
}
.cookies-header .btn-accept {
	background-color: #004896;
	color: #ffffff;
}
@media (max-width:820px) {
	.cookies-header .container {
		flex-direction: column;
	}
	.cookies-header .content {
		margin-bottom: 15px;
	}
}