@CHARSET "UTF-8";

.consent-cookie-directive { position: fixed; bottom:20px; left: 0; right: 0; text-align: center; z-index:9999; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";filter: alpha(opacity=95);-moz-opacity: 0.95;-khtml-opacity: 0.95;opacity: 0.9;}
.consent-cookie-directive > div { position:relative;display: inline-block; text-align: left;  background:#fff;padding:20px; color:#000; max-width:300px;-webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);-webkit-border-radius: 8px;-moz-border-radius: 8px;-ms-border-radius: 8px;-o-border-radius: 8px;border-radius: 8px;background-clip: padding-box; }
.consent-cookie-directive > div > div { float:left; min-width:300px; }
.consent-cookie-directive > div > div > div:before,
.consent-cookie-directive > div > div > div:after { content: " ";display: table; }
.consent-cookie-directive > div > div > div:after { clear: both; }
.consent-cookie-directive > div > div > div p { display:block; padding:5px; margin:0px; line-height:22px; letter-spacing: .3px }
.consent-cookie-directive > div > div > div a { cursor:pointer; color:#8e8e8e; }
.consent-cookie-directive > div > div > div a.action { font-size:14px; display:block; text-align:left; margin-right:0px; margin-left:5px; margin-bottom:5px; margin-top:20px; float:left; background:#8bc53f; padding:10px 15px 10px 15px; border:1px solid transparent; border-radius: 2px; }
.consent-cookie-directive > div > div > div a.action:hover { text-decoration:none; }
.consent-cookie-directive > div > div > div a.action.accept { display:none; color:#8bc53f; font-weight:bold; }
.consent-cookie-directive > div > div > div a.action.accept-all { color:#8bc53f; font-weight:bold; }
.consent-cookie-directive > div > div > div a.action.decline {  font-weight:bold; background:#000000; color:#fff; }
.consent-cookie-directive > div > div > div a.action.close { display:none; position:absolute; top:10px; right:10px; width:24px; height:24px; z-index:10000; margin:0px; background:none; margin:0px; padding:0px; }
.consent-cookie-directive > div > div > div a.action.customize { color:#8bc53f; font-weight:normal; }
.consent-cookie-directive label sup { display:inline-block; font-size:12px; color:#7f7f7f; }

.consent-cookie-directive .consent-logo { display:flex; align-items:center; justify-content:center; position:absolute; top:0px; left:0px; width:200px; height:calc(100%); overflow:hidden; padding:10px; }
.consent-cookie-directive .consent-logo svg { display:block; margin:auto; }

.consent-cookie-directive-customize { display:none; }

.consent-cookie-directive-segments { background:#f7f7f7; margin:10px -20px 10px -20px; padding:10px 25px 10px 25px; }
.consent-cookie-directive-segments > div { position:relative; padding:5px 0px 5px 0px; }

.consent-cookie-directive-segments > div input[type="checkbox"] { display: none; }
.consent-cookie-directive-segments > div input[type="checkbox"] + label { display: block; position: relative; padding-left: 35px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.consent-cookie-directive-segments > div input[type="checkbox"] + label:before { content: ''; display: block; width: 20px; height: 20px; border: 1px solid #000; position: absolute; left: 0; top: 0; opacity: 1; -webkit-transition: all .12s, border-color .08s; transition: all .12s, border-color .08s; }
.consent-cookie-directive-segments > div input[type="checkbox"]:checked + label:before { width: 10px;top: -5px;left: 5px;border-radius: 0;opacity: 1;border-top-color: transparent;border-left-color: transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

.consent-cookie-directive-segments > div:first-child input[type="checkbox"] + label:before { opacity: 0.5;}
.consent-cookie-directive small { display:block; padding:20px 20px 20px 5px; font-size:12px; }
.consent-cookie-directive .consent-cookie-directive-segments small { display:block; padding:20px 20px 20px 60px; font-size:12px; max-height: 200px; overflow-y:auto; margin-right: 20px;  scrollbar-width: thin;  }

.consent-cookie-entity  { display: table; }
.consent-cookie-entity > div { display: table-row; }
.consent-cookie-entity > div > div { display: table-cell; padding-right:10px; padding-bottom:10px; }
.consent-cookie-entity > div > div:first-child { width:300px; font-weight: bold; }

.consent-cookie-directive > div > div > div .consent-cookie-directive-note { display:none; margin:0px -25px 0px -25px; }
.consent-cookie-directive > div > div > div .consent-cookie-directive-note-toggle { display:block; margin:5px 0px 5px 35px; color:#8bc53f; font-size:12px; cursor:pointer; }
.consent-cookie-directive > div > div > div .consent-cookie-directive-note.consent-cookie-directive-note-consent { font-weight:bold;  }

.consent-cookie-directive-customize { display:none; }
.consent-cookie-directive-customize-toggle { position:relative; display:block; margin:10px 0px 10px 5px; font-size:12px; cursor:pointer; }

main .consent-cookie-directive { position:relative; }
main .consent-cookie-directive > div { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow: none; max-width:100%; padding:0px; }
main .consent-cookie-directive-segments { margin:10px 0px 20px 0px; background:none; padding:0px; }

@media (max-width:480px)  
{ 
	.consent-cookie-directive > div  { width:90%; max-width: 400px; }
	.consent-cookie-directive > div p { font-size:12px; }
	.consent-cookie-directive > div > div > div a.action { font-size:12px; margin:5px;  }
	
	.consent-cookie-directive .consent-logo { display:none; }
	.consent-cookie-directive > div > div > div { padding-left: 0px; }

	.consent-cookie-directive-segments { margin:0px; padding:0px; }

	.consent-cookie-entity > div,
	.consent-cookie-entity > div > div,
	.consent-cookie-entity > div > div:first-child { display: block; float:none; }
}

@media (max-width:768px)  
{ 
	.consent-cookie-directive > div  { width:90%; max-width:600px; }
	.consent-cookie-directive > div > div > div a.action {  margin:5px; }
}

@media (min-width: 768px) 
{
	.consent-cookie-directive > div  { width:90%; max-width:600px; }
	.consent-cookie-directive > div > div { min-width:500px; }
	.consent-cookie-directive > div > div > div a.action {  margin:5px; }
}  


@media (min-width: 1200px) 
{
	.consent-cookie-directive > div  { max-width:1000px; }
	.consent-cookie-directive > div > div { min-width:500px; }
	
	main .consent-cookie-directive { max-width:100%;}
}

@media (max-width: 1200px) 
{
	.consent-cookie-directive > div > div { float:left; min-width:200px; }
}