@charset "utf-8";

/* CSS Document */

.cc_banner-wrapper
{
	z-index:9999;
	position:relative
}

.cc_container .cc_btn
{
	cursor:pointer;
	text-align:center;
	font-size:0.6em;
	transition:font-size 200ms;
	line-height:1em
}

.cc_container .cc_message
{
	font-size:0.6em;
	transition:font-size 200ms;
	margin:0;
	padding:0;
	line-height:1.5em
}

.cc_container .cc_logo
{
	display:none;
	text-indent:-1000px;
	overflow:hidden;
	width:100px;
	height:22px;
	background-size:cover;
	background-image:url(https://s3-eu-west-1.amazonaws.com/assets.cookieconsent.silktide.com/cookie-consent-logo.png);
	opacity:0.9;
	transition:opacity 200ms
}

.cc_container .cc_logo:hover,
.cc_container .cc_logo:active
{
	opacity:1
}

@media screen and (min-width: 500px) 
{
	.cc_container .cc_btn
	{
		font-size:0.8em
	}
	
	.cc_container .cc_message
	{
		font-size:0.8em
	}
}

@media screen and (min-width: 768px) 
{
	.cc_container .cc_btn
	{
		font-size:1em
	}
	
	.cc_container .cc_message
	{
		font-size:1em;
		line-height:1.2em
	}
}

@media screen and (min-width: 992px) 
{
	.cc_container .cc_message
	{
		font-size:1em
	}
}

@media print 
{
	.cc_banner-wrapper,
	.cc_container
	{
		display:none
	}
}

.cc_container
{
	position:relative;
	left:0;
	right:0;
	overflow:hidden;
	padding:10px;
	top: 0px;
}

.cc_container .cc_btn
{
	padding:8px 10px;
	background-color:#e30010;
	cursor:pointer;
	transition:font-size 200ms;
	text-align:center;
	font-size:0.8em;
	display:block;
	width:33%;
	margin-left:10px;
	float:right;
	max-width:120px
}

.cc_container .cc_message
{
	transition:font-size 200ms;
	font-size:0.8em;
	display:block
}
 
@media screen and (min-width: 500px) 
{
	.cc_container .cc_btn
	{
		font-size:1em
	}
	
	.cc_container .cc_message
	{
		margin-top:0.5em;
		font-size:0.8em
	}
}

@media screen and (min-width: 768px) 
{
	.cc_container
	{
		padding:8px 10px 8px
	}
	
	.cc_container .cc_btn
	{
		font-size:1.2em;
		padding:6px 12px
	}
	
	.cc_container .cc_message
	{
		font-size:1em
	}
}

@media screen and (min-width: 992px) 
{
	.cc_container .cc_message
	{
		font-size:1em
	}
}

.cc_container
{
	background-color:#F9F1D9;
	color:#333;
	font-size:11px;
	box-sizing:border-box
}

.cc_container ::-moz-selection 
{
	background:#ff5e99;
	color:#fff;
	text-shadow:none
}

.cc_container .cc_btn,
.cc_container .cc_btn:visited
{
	color:#FFF;
	background-color:#C2A66B;
	transition:background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
	-webkit-transition:background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
	border-radius:2px;
	-webkit-border-radius:2px
}

.cc_container .cc_btn:hover,
.cc_container .cc_btn:active
{
	background-color:#000;
	color:#FFF
}

.cc_container a,
.cc_container a:visited
{
	text-decoration:none;
	color:#31a8f0;
	transition:200ms color
}

.cc_container a:hover,
.cc_container a:active
{
	color:#b2f7ff
}
@-webkit-keyframes slideUp
{
0% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}

100% {
	-webkit-transform:translateY(66px);
	transform:translateY(66px)
}
}

@keyframes slideUp
{

0% {
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}

100% {
	-webkit-transform:translateY(66px);
	-ms-transform:translateY(66px);
	transform:translateY(66px)
}
}

.cc_container,
.cc_message,
.cc_btn
{
	animation-duration:0.3s;
	-webkit-animation-duration:0.3s;
	-moz-animation-duration:0.3s;
	-o-animation-duration:0.3s;
	/*-webkit-animation-name:slideUp;
	animation-name:slideUp*/
}
