@import url(reset.css);
@import url(fonts.css);
@import url(desktop/style.css) screen and (min-width:768px);
@import url(desktop/order.css) screen and (min-width:768px);
@import url(mobile/style.css) screen and (max-width:767px);
@import url(mobile/order.css) screen and (max-width:767px);

#cookies-notice.cookies-notice {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10000000000000;
	padding-top: 10px;
	padding-bottom: 10px;
	background: rgba(255,255,255,.85);
	border-top: 1px solid #adadad;
}

.cookies-notice__text {
	margin: 0;
	padding-right: 15px;
	font-size: 0.75rem;
	line-height: 1;
	color: #222;
}

.cookies-notice__text a {
	color: #0062BF;
}

.cookies-notice__text a:hover {
	color: rgb(0, 64, 164);
}

.cookies-notice__close {
	display: block;
	position: absolute;
	top: calc(50% - 10px);
	right: 5px;
	padding: 0;
	width: 20px;
	height: 20px;
	background: none;
	border: none;
	cursor: pointer;
}

.cookies-notice__close::before,
.cookies-notice__close::after {
	content: '';
	display: block;
	position: absolute;
	top: 8px;
	left: -3px;
	width: 24px;
	height: 2px;
	background-color: #777;
}

.cookies-notice__close:hover::before,
.cookies-notice__close:hover::after {
	background-color: #0054A4;
}

.cookies-notice__close::before {
	-webkit-transform: rotateZ(45deg);
	   -moz-transform: rotateZ(45deg);
	    -ms-transform:  rotate(45deg);
	     -o-transform: rotateZ(45deg);
	        transform: rotateZ(45deg);
}

.cookies-notice__close::after {
	-webkit-transform: rotateZ(-45deg);
	   -moz-transform: rotateZ(-45deg);
	    -ms-transform:  rotate(-45deg);
	     -o-transform: rotateZ(-45deg);
	        transform: rotateZ(-45deg);
}