body.header {
	padding-top: 110px;
}

.cookie-notice {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 9999;
	background: rgb(204,204,204);
	background: -moz-linear-gradient(0deg, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(0deg, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc",endColorstr="#ffffff",GradientType=1);	position: absolute;
	width: 100%;
	height: 110px;
}

.cookie-wrapper {
	display: flex;
	align-items: center;
	max-width: 1024px;
	width: calc(100% - 40px);
	margin: 0 auto;
	padding: 20px;
	height: 70px;
	box-sizing: content-box;
}

.cookie-wrapper p {
	padding: 0 25px 0 0;
	margin: 0;
	font-size: 13px;
}

	.rtl .cookie-wrapper p {
		padding: 0 0 0 25px;
	}

.cookie-wrapper p a {
	text-decoration: underline;
	color: #000;
}

.cookie-wrapper div + div a.secondary.button {
	font-size: 14px;
	color: #fff;
	background-color: #cc0000;
	box-shadow: none;
}

.cookie-wrapper div + div a.secondary.button:hover {
	background-color: #a30000;
}

@media (max-width: 500px) {
	.cookie-wrapper div + div a.secondary.button span.button-mobile {
		display: inline;
	}
	.cookie-wrapper div + div a.secondary.button span.button-desktop {
		display: none;
	}
}

.cookie-wrapper .button::-moz-focus-inner {
	padding: 0 !important;
	border: 0 none !important;
}

@media (min-width: 1025px) {
	html body.gdpr {
		margin-top: 110px;
		background-position: 0px 110px;
	}
    
    html body.gdpr .menu-backdrop {
		top:196px;
	}
	
	.cookie-wrapper div + div a + a {
		display: none;
	}

	.cookie-wrapper span.button-mobile {
		display: none;
	}
}

@media (max-width: 1024px) {
	.cookie-wrapper span.button-desktop {
		display: none;
	}
	
 	body.gdpr {
		background-position: 0px 150px;
	} 
	
	.cookie-mask {
/* 		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background-color: #000;
		z-index: 9998;
		opacity: 0.8 */
	}
	
	.cookie-notice {
		width: calc(98% - 4px);
		top: auto;
		bottom:5px;
		left: calc(1% + 1px);
		height: auto;
		background: white;
		position: fixed;
		border-radius:4px;
		border:solid 1px #ccc;
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.08);
	}

	.cookie-wrapper {
		height: auto;
		display: block;
		width: 100%;
		padding: 0;
	}
	
	.cookie-wrapper div {
		padding: 15px;
	}
	
	.cookie-wrapper div + div {
		background-color: #eee;
		border-radius: 0 0 4px 4px;
		border-top: solid 1px #ccc
	}
	
	.cookie-wrapper div + div a {
		float: right;
		color: #3366BB;
		padding-top: 10px;
	}
	
	.rtl .cookie-wrapper div + div a {
		float: left;
	}
	
	 .cookie-wrapper div + div a.button {
		float:none;
	 }
	
	.cookie-wrapper p {
		padding: 0 10px 0 0;
		background: #fff;
	}
}

@media (max-width: 500px) {
	.cookie-wrapper div + div a.button {
		float: none;
		display: block;
		margin:0px;
	}

	.cookie-wrapper div + div a,
	.rtl 	.cookie-wrapper div + div a{
		float: none;
		display: block;
		text-align: center;
	}
	
}