.cc-cookies { 
	position:fixed; 
	width: 90%; 
	left: 0; 
	bottom: 0; 
	padding: 0.5em 5%; 
	background: rgba(86,86,86,0.95); 
	color: #000; font-size: 12px; 
	text-shadow: 0 -1px 0 rgba(255,255,255,0.35); 
	z-index: 99999; 
	text-align: center; 
	background-color: #efefef;
  	background-image: -moz-linear-gradient(top, #efefef, #d1d1d1);
  	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#d1d1d1));
  	background-image: -webkit-linear-gradient(top, #efefef, #d1d1d1);
  	background-image: -o-linear-gradient(top, #efefef, #d1d1d1);
  	background-image: linear-gradient(to bottom, #efefef, #d1d1d1);
  	background-repeat: repeat-x;
	border-top: 1px solid #ccc;
}

.cc-cookies a, .cc-cookies a:hover { 
	color: #000; 
	text-decoration: none; 
}

.cc-cookies a:hover { 
	text-decoration: none; 
	color: #666;
}

.cc-overlay { 
	height: 100%; padding-top: 25%; 
}

.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { 
	position: absolute;
	top: 0;
	right: 10px;
	color: #000; 
	text-decoration: none; 
	border-radius: 3px; 
	-o-transition: background 0.5s ease-in; 
	-webkit-transition: background 0.25s ease-in; 
	-moz-transition: background 0.25s ease-in; 
	font-size: 20px;
}

.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { 
	color: #666; 
}

@media screen and (max-width: 768px) {
.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; }
}

@media screen and (max-width: 480px) {
 /*.cc-cookies { position: relative; float: left; }*/
}