@charset "utf-8";

.cookie_banner {
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
    box-sizing: border-box;
	background-color: #fff;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.1);

	transform: translateY(100%);
	animation: transin 1s forwards;
	z-index: 100000000;
	font-size: 12px;
}
@keyframes transin{
	0%{transform: translateY(100%);}
	100%{transform: translateY(0%);}
}
p.cookie_banner_left {
	font-weight:400;
	color:#222;
	letter-spacing:0.05em;
}
p.cookie_banner_left span.cookie_banner_text a {
	color:#222;
}
p.cookie_banner_right span.cookie_banner_btn a {
	display:block;
	text-align:center;
	width:100%;
	color:#fff;
	text-decoration:none;
	font-weight:500;
	letter-spacing:0.05em;
	background-color:#3671d7;
}
#cookieBnr{
	display:none;
}
#cookieBnr.cookiebanner-bactive{
	display: block;
}

@media screen and (max-width: 39.9375em) {
	.cookie_banner {
		padding:16px 8%;
	}
	p.cookie_banner_left {
		line-height:1.5;
	}
	p.cookie_banner_left span.cookie_banner_link {
		display:none;
	}

	p.cookie_banner_right {
		width:100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		margin-top:10px;
	}
	p.cookie_banner_right span.cookie_banner_link a.arrow {
		color:#222;
	    position: relative;
	    display: inline-block;
	    padding: 0 0 0 14px;
	    color: #000;
	    vertical-align: middle;
	}
	p.cookie_banner_right span.cookie_banner_link a.arrow::before,
	p.cookie_banner_right span.cookie_banner_link a.arrow::after{
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    margin: auto;
	    content: "";
	    vertical-align: middle;
	}
	p.cookie_banner_right span.cookie_banner_link a.arrow_style::before{
	    left: 3px;
	    width: 4px;
	    height: 4px;
	    border-top: 1px solid #222;
	    border-right: 1px solid #222;
	    -webkit-transform: rotate(45deg);
	    transform: rotate(45deg);
	}

	p.cookie_banner_right span.cookie_banner_btn a {
		width:120px;
		padding:15px 0;
		border-radius:50px;
	    -webkit-border-radius:50px;
	    -moz-border-radius:50px;
	}
}
@media screen and (min-width: 40em) {
	#cookieBnr.cookiebanner-bactive{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}
	.cookie_banner {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		align-items: center;
		padding:15px 6%;
	}
	p.cookie_banner_left {
		flex:1;
		line-height:1.6;
		padding-right:40px;
	}
	p.cookie_banner_left span.cookie_banner_link {
		margin-left:15px;
	}
	p.cookie_banner_left span.cookie_banner_link a.arrow {
		color:#222;
	    position: relative;
	    display: inline-block;
	    padding: 0 0 0 14px;
	    color: #000;
	    vertical-align: middle;
	}
	p.cookie_banner_left span.cookie_banner_link a.arrow::before,
	p.cookie_banner_left span.cookie_banner_link a.arrow::after{
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    margin: auto;
	    content: "";
	    vertical-align: middle;
	}
	p.cookie_banner_left span.cookie_banner_link a.arrow_style::before{
	    left: 3px;
	    width: 4px;
	    height: 4px;
	    border-top: 1px solid #222;
	    border-right: 1px solid #222;
	    -webkit-transform: rotate(45deg);
	    transform: rotate(45deg);
	}

	p.cookie_banner_right {
		width:120px;
	}
	p.cookie_banner_right span.cookie_banner_link {
		display:none;
	}
	p.cookie_banner_right span.cookie_banner_btn a,a:link a:visited {
		padding:15px 0;
		border-radius:50px;
	    -webkit-border-radius:50px;
	    -moz-border-radius:50px;
	}
	p.cookie_banner_right span.cookie_banner_btn a:hover {
		background-color:#5996f1;
	}
}
@media screen and (min-width: 64em) {
	#cookieBnr.cookiebanner-bactive,
	.cookie_banner {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		align-items: center;
		padding:15px 10%;
	}
	p.cookie_banner_left {
		flex:1;
		line-height:1.6;
		padding-right:40px;
	}
	p.cookie_banner_left span.cookie_banner_link {
		margin-left:20px;
	}
	p.cookie_banner_left span.cookie_banner_link a.arrow {
		color:#222;
	    position: relative;
	    display: inline-block;
	    padding: 0 0 0 14px;
	    color: #000;
	    vertical-align: middle;
	}
	p.cookie_banner_left span.cookie_banner_link a.arrow::before,
	p.cookie_banner_left span.cookie_banner_link a.arrow::after{
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    margin: auto;
	    content: "";
	    vertical-align: middle;
	}
	p.cookie_banner_left span.cookie_banner_link a.arrow_style::before{
	    left: 3px;
	    width: 4px;
	    height: 4px;
	    border-top: 1px solid #222;
	    border-right: 1px solid #222;
	    -webkit-transform: rotate(45deg);
	    transform: rotate(45deg);
	}

	p.cookie_banner_right {
		width:120px;
	}
	p.cookie_banner_right span.cookie_banner_link {
		display:none;
	}
	p.cookie_banner_right span.cookie_banner_btn a,a:link a:visited {
		padding:15px 0;
		border-radius:50px;
	    -webkit-border-radius:50px;
	    -moz-border-radius:50px;
	}
	p.cookie_banner_right span.cookie_banner_btn a:hover {
		background-color:#5996f1;
	}
}