/* To be used with cookieCuttr by Chris Wharton (http://cookiecuttr.com) */

/*.cc-cookies:before {
	content: '';
	display: block;
	
	margin:auto; 
	width: 100%; 
	height: 100%; 
	opacity:0.10;
	background-color: #00f;
}*/

.bgContainer {
    position: fixed;
    z-index: 4000;
    width: 100%;
    height: 100%;
    top:0;
    background: url(../img/transp-bg.png);
}


.cc-cookies { position:fixed; display: flex; display: -webkit-flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; border:6px solid #333; margin:auto!important; max-width: 50%;  min-height:50%; height:60%; opacity:0.95; left: 2.5%; right:2.5%; top: 20%!important; bottom:20%!important; padding: 20px 40px 20px 40px!important; background: #c6c6c6; color: #000; font-family:'Verdana' !important; font-size: 16px; font-weight: normal; z-index: 5000; text-align: center; }
.cc-cookies a, .cc-cookies a:hover {  margin-top:15px;color: #000; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }

.cc-cookies p {
	display: block!important;
	margin:0px auto 40px auto!important;
	max-width: 700px;
	font-size:20px!important;
}
.cc-cookies p a {
	display: block!important;
}



.cc-cookies-buttons {
	display: block;
}

.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 { display: inline-block!important; margin:15px 0px 0px 4px; color: #fff!important; text-decoration: none; background: #0075cc; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { color: #eee; background: #62b0de; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b99; }
.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  { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }

.cc-cookies a:nth-child(1) {
	
}

a.cc-cookie-accept, a.cc-cookie-decline {
	
}

@media screen and (max-height: 676px) {
	.cc-cookies { max-width: 70%; height:70%; }
}

@media screen and (max-width: 768px) {
.cc-cookies { max-width: 90%; height:90%; }
.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin: 1em 0; }
.cc-cookies p { font-size:12px!important; }
}

@media screen and (max-width: 480px) {
.cc-cookies { /*position: relative; float: left;*/  padding: 20px 15px 20px 15px!important; font-size:14px; }
.cc-cookies a, .cc-cookies a:hover {  margin-bottom:15px; }
.cc-cookies a:nth-child(3) , .cc-cookies a:last-child {  margin-bottom:0px!important; }
.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 {  margin-top:5px; }
}

@media screen and (max-width: 320px) {
.cc-cookies { /*position: relative; float: left;*/ font-size:12px; }
.cc-cookies a, .cc-cookies a:hover {  margin-bottom:15px; }
.cc-cookies a:nth-child(3) , .cc-cookies a:last-child {  margin-bottom:0px!important; }
.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 {  margin-top:2px; }
}