#cookies { display:none; position:fixed; bottom:0; left:0; z-index:99; width:100%; border-top:1px solid #ddd; background:#eee; color:#404040; padding:15px 0; }
#cookies a { text-decoration: underline; }
#cookies div.inside { width: 990px; margin: 0 auto; }
#cookies button.button { display:inline-block; height:auto; line-height:1; padding:10px; margin: 0; margin-top:10px; font-size:12.5px; }
#cookies button.button.prev { background:#ddd; border-color:#c4c4c4; }
#cookies button.button.prev:hover { background:#c4c4c4; }
#cookies #cookies_info { text-align:center; font-size:12.5px; }
#cookies #cookies_settings { display:none; margin-top:10px; }
#cookies #cookies_settings div.box { padding:10px 0; border-top:1px solid #ddd; }
#cookies #cookies_settings div.box:nth-of-type(4) { border-bottom:1px solid #ddd; }
#cookies #cookies_settings div.box label { display:inline-block; margin-left:3px; font-weight:bold; cursor:pointer; }
#cookies #cookies_settings div.box input { margin: 0 3px 0 0; }
#cookies #cookies_settings div.box p { font-size:10px; margin-bottom: 0; }
#cookies.active { display:block; }

#cookies_closed { display:none; position:fixed; bottom:0; left:0; z-index: 99; border-top:1px solid #ddd; border-right:1px solid #ddd; background:#eee; padding:5px 10px; font-size:10px; cursor:pointer; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s; }
#cookies_closed:hover { background:#ddd; }
#cookies_closed.active { display:block; }

.cc_consent { display: none; }
.cc_consent.cc_granted { display: block; }

@media screen and (max-width: 800px) {
	#cookies div.inside { width: 100% !important; padding-left: 5% !important; padding-right: 5% !important; }
	#cookies #cookies_settings { max-height: 300px; overflow: auto; }
}