.cookies {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	z-index: 999999;
	overflow: hidden;
}
.cookies.show .cookies__alert {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0,0,0);
}
	.cookies.show .cookies__alert.cookies__alert--posh-center {
		transform: translate3d(-50%,0,0);
	}
	.cookies.show .cookies__alert.cookies__alert--posv-center {
		transform: translate3d(0,-50%,0);
	}
	.cookies.show .cookies__alert.cookies__alert--posv-center.cookies__alert--posh-center {
		transform: translate3d(-50%,-50%,0);
	}
.cookies.show.out .cookies__alert {
	opacity: 0;
	visibility: hidden;
	transform: translate3d(0,0,0);
	transition: visibility 400ms ease, opacity 400ms ease;
}
.cookies--overlay {
	pointer-events: all;
	visibility: hidden;
	transition: visibility 1200ms linear, background 1200ms ease;
}
.cookies--overlay .cookies__alert {
	transition-delay: 600ms;
}
.cookies--overlay.show {
	visibility: visible;
}
.cookies--overlay.show.out {
	visibility: hidden;
	transition: visibility 400ms linear, background 400ms ease;
}
	.cookies--overlay .cookies__alert {box-shadow: none;}
	.cookies__alert {
		background: #FFF;
		position: absolute;
		pointer-events: all;
		opacity: 0;
		visibility: hidden;
		transform: translate3d(0,50%,0);
		will-change: opacity, transform;
		transition: visibility 950ms ease 250ms, opacity 950ms ease 250ms, transform 1200ms ease;
	}
	/* Styles */
	.cookies__alert--banner {
		left: 0;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
	}
		/* Banner Positions */
		.cookies__alert--banner-top {top: 0;}
		.cookies__alert--banner-bottom {bottom: 0;}
	.cookies__alert--pop {
		width: 400px;
		max-width: calc(100% - 64px);
		border-radius: 4px;
		box-shadow: 0 10px 20px rgba(5,42,56,.33);
	}
		/* Popup Positions */
		.cookies__alert--posv-top {top: 32px;}
		.cookies__alert--posv-center {
			top: 50%;
			transform: translate3d(0,0,0);
		}
		.cookies__alert--posv-bottom {bottom: 32px;}
		.cookies__alert--posh-left {left: 32px;}
		.cookies__alert--posh-center {
			left: 50%;
			transform: translate3d(-50%,50%,0);
		}
		.cookies__alert--posh-right {right: 32px;}
		.cookies__alert--posv-center.cookies__alert--posh-center {transform: translate3d(-50%,0,0);}

	/* Layouts */
	.cookies__alert--row {
		display: flex;
		align-items: center;
		width: auto;
	}
		.cookies__alert--row .cookies__alert__msg {
			max-width: 320px;
		}
		.cookies__alert--banner .cookies__alert__icon + .cookies__alert__msg,
		.cookies__alert--banner .cookies__alert__msg + .cookies__alert__actions,
		.cookies__alert--row .cookies__alert__icon + .cookies__alert__msg,
		.cookies__alert--row .cookies__alert__msg + .cookies__alert__actions {
			margin-left: 0;
		}
		.cookies__alert__icon {
			margin: 40px;
		}
			.cookies__alert__icon svg {
				height: 40px;
				width: auto;
				margin: 0 auto;
				display: block;
				fill: #042a38;
			}
		.cookies__alert__msg {
			margin: 40px;
		}
			.cookies__alert__msg p {
				line-height: 1.3em;
				margin: 0 0 1rem;
				color: rgba(5,42,56,.85);
			}
				.cookies__alert__msg p a {
					text-decoration: underline;
					color: rgba(5,42,56,.85);
				}
				.cookies__alert__msg p a:hover {
					color: rgb(5,42,56);
				}
		.cookies__alert__actions {
			display: flex;
			align-items: center;
			justify-content: flex-end;
			margin: 40px;
		}
			.cookies__alert__actions__text {
				transition: color .3s ease;
				color: #173a47;
				font-size: 1.6rem;
				border: none;
				background: transparent;
				padding: 1.4rem;
				cursor: pointer;
				/*text-decoration: underline;*/
			}
				.cookies__alert__actions__text:hover {
					color: #042a38;
				}
			.cookies__alert__actions__btn {
				border-radius: 4px;
				background: #042a38;
				transition: background .3s ease;
				color: #FFF;
				border: none;
				font-size: 1.6rem;
				padding: 1.4rem 2rem;
				min-width: 160px;
				text-align: center;
				cursor: pointer;
			}
				.cookies__alert__actions__btn:hover {
					background: #173a47;
				}
			.cookies__alert__actions button + button {margin-left: 1rem;}
@media only screen and (max-width: 992px) {
	.cookies__alert__icon,
	.cookies__alert__msg,
	.cookies__alert__actions {margin: 30px;}
}
@media only screen and (min-width: 783px) {
	#cookies_allow {order: 2;}
	#cookies_decline {order: 1;}
}
@media only screen and (max-width: 782px) {
	.cookies__alert--pop {
		bottom: 20px;
		right: 20px;
		max-width: calc(100% - 40px);
	}
	.cookies__alert__icon,
	.cookies__alert__msg,
	.cookies__alert__actions {margin: 20px;}
	.cookies__alert--banner .cookies__alert__actions,
	.cookies__alert--row .cookies__alert__actions {
		flex-direction: column;
	}
	.cookies__alert__actions__btn {min-width: 120px;}
	#cookies_allow {order: 1;}
	#cookies_decline {order: 2;}
}
@media only screen and (max-width: 600px) {
	.cookies__alert__icon svg {height: 30px;}
}
@media only screen and (max-width: 450px) {
	.cookies__alert--banner,
	.cookies__alert--row {
		flex-direction: column;
	}
	.cookies__alert--pop {
		width: 100%;
	}
	.cookies__alert__msg {text-align: center;}
	.cookies__alert--banner .cookies__alert__actions,
	.cookies__alert--row .cookies__alert__actions {
		flex-direction: row;
	}
	.cookies__alert--banner .cookies__alert__icon + .cookies__alert__msg,
	.cookies__alert--banner .cookies__alert__msg + .cookies__alert__actions,
	.cookies__alert--row .cookies__alert__icon + .cookies__alert__msg,
	.cookies__alert--row .cookies__alert__msg + .cookies__alert__actions {
		margin: 0 20px 20px;
	}
	#cookies_allow {order: 2;}
	#cookies_decline {order: 1;}
}