/* variables */
/* link color: #09e; rgb: 0,153,238 */

:root {
	--cookies-bar-bg: rgba(0,0,0,.8);
	--cookies-bar-txt: #fff;
	--cookies-bar-link: #09e;
	--cookies-bar-hover: #fff;
	--cookies-bar-btn-underline-link: #09e;
	--cookies-bar-btn-underline-hover: #fff;
	--cookies-bar-btn-accept-link: #fff;
	--cookies-bar-btn-accept-bg: #09e;
	--cookies-bar-btn-accept-hover: #000;
	--cookies-bar-btn-accept-bg-hover: #fff;

	--cookies-tabs-content-p-link: #09e;
	--cookies-tabs-content-p-hover: #09e;

	--btn-modal-cookies-footer-link: #fff;
	--btn-modal-cookies-footer-hover: #fff;
	--btn-modal-cookies-footer-bg: #09e;
	--btn-modal-cookies-footer-bg-hover: #666;
}

.switch-container input[type=checkbox] {
	--active: #09e;
	--active-inner: #fff;
	--focus: 2px rgba(0,153,238,.3);
	--border: #ccc;
	--border-hover: #09e;
	--background: #fff;
	--disabled: #F6F8FF;
	--disabled-inner: #E1E6F9;
}

.cookies-bar { position: fixed; left: 0; bottom: 0; display: block; width: 100%; padding: 20px; box-sizing: border-box; background-color: var(--cookies-bar-bg); z-index: 2000000001; /*position: absolute;*/}
.cookies-bar .info-cookies-bar { float: left; display: block; width: 55%; font-size: 14px; line-height: 20px; color: var(--cookies-bar-txt); }
.cookies-bar .info-cookies-bar p { padding: 0 10px; box-sizing: border-box; }
.cookies-bar .info-cookies-bar a:link, .cookies-bar .info-cookies-bar a:visited { color: var(--cookies-bar-link); text-decoration: underline; }
.cookies-bar .info-cookies-bar a:hover { color: var(--cookies-bar-hover); text-decoration: none; }

.cookies-bar .btn-cookies-bar { float: left; width: 15%; padding: 0 10px; box-sizing: border-box; }

.cookies-bar .btns-cookies-bar { float: left; width: 30%; padding: 0 10px; box-sizing: border-box; text-align: right; }

a.btn-cookies-underline:link, a.btn-cookies-underline:visited { display: inline-block; padding: 15px; box-sizing: border-box; font-size: 16px; font-weight: normal; line-height: 26px; text-align: center; text-transform: uppercase; color: var(--cookies-bar-btn-underline-link); text-decoration: underline; }
a.btn-cookies-underline:hover { color: var(--cookies-bar-btn-underline-hover); text-decoration: none; }

a.btn-cookies-accept:link, a.btn-cookies-accept:visited { display: block; width: 100%; padding: 15px; box-sizing: border-box; color: var(--cookies-bar-btn-accept-link); background-color: var(--cookies-bar-btn-accept-bg); text-align: center; text-transform: uppercase; text-decoration: none; font-weight: 500; }
a.btn-cookies-accept:hover { color: var(--cookies-bar-btn-accept-hover); background-color: var(--cookies-bar-btn-accept-bg-hover); }

#full-filter { position: fixed; left: 0; top: 0; right: 0; bottom: 0; display: none; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); z-index: 9998; }
.modal-cookies-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; display: none; background-color: var(--cookies-bar-bg); z-index: 2000000002; }
.modal-cookies-header { position: relative; display: block; width: 100%; background-color: #f2f2f2; border-bottom: 1px solid #ccc; }
.modal-cookies-header .title-modal-cookies-header { display: block; width: 100%; padding: 15px; box-sizing: border-box; font-size: 22px; font-weight: 800; color: #000; line-height: 47px; }
a.close-modal-cookies:link, a.close-modal-cookies:visited { position: absolute; right: 15px; top: 15px; display: block; width: 20px; height: 20px; font-size: 10px; font-weight: 500; line-height: 18px !important; text-decoration: none; text-align: center; color: #666; border: #666 1px solid; border-radius: 50%; }
a.close-modal-cookies:hover { color: #fff; background-color: #666; }

.modal-cookies-footer { position: relative; display: block; width: 100%; padding: 15px; box-sizing: border-box; background-color: #f2f2f2; border-top: 1px solid #ccc; }
.btn-modal-cookies-footer { display: block; width: 100%; text-align: right; }
.btn-modal-cookies-footer li { display: inline-block; margin-left: 10px; }
.btn-modal-cookies-footer li a:link, .btn-modal-cookies-footer li a:visited { display: inline-block; padding: 10px 30px; font-size: 10px; font-weight: 700; text-decoration: none; text-transform: uppercase; color: var(--btn-modal-cookies-footer-link); background-color: var(--btn-modal-cookies-footer-bg); }
.btn-modal-cookies-footer li a:hover { color: var(--btn-modal-cookies-footer-hover); background-color: var(--btn-modal-cookies-footer-bg-hover); }
a#modal-cookies-save:link, a#modal-cookies-save:visited { background-color: #acacac !important; }
a#modal-cookies-save:hover { background-color: #666 !important; }

.modal-cookies-content { width: 90%; max-width: 700px; margin: 0 auto; padding-top: 100px; }
.cookies-tabs { position: relative; display: block; width: 100%; background-color: #fff; }
.cookies-tabs li:last-child > label { border-bottom: 0 !important; }
.cookies-tabs .tab { display: block; width: 25%; }
.cookies-tabs .tab > input[type=radio] { position: absolute; top: -9999px; left: -9999px; }
.cookies-tabs .tab > label { position: relative; display: block; padding: 20px; box-sizing: border-box; font-size: 12px; font-weight: 700; line-height: 20px; color: #666; background: #f2f2f2; border-bottom: 1px solid #ccc; cursor: pointer; }
.cookies-tabs .content { position: absolute; left: 25%; top: 0; width: 75%; max-height: 408px; padding: 15px; box-sizing: border-box; background: #fff; color: #000; opacity: 0; z-index: 0; overflow-Y: auto; }
.cookies-tabs .content h3 { display: block; margin-bottom: 10px; font-size: 16px; font-weight: 700; line-height: 20px; color: #000; }
.cookies-tabs .content p { font-size: 12px; line-height: 20px; text-align: justify; text-justify: inter-word; color: #666; }
.cookies-tabs .content p a:link, .cookies-tabs .content p a:visited { text-decoration: underline; color: var(--cookies-tabs-content-p-link); }
.cookies-tabs .content p a:hover { text-decoration: none; color: var(--cookies-tabs-content-p-hover); }

.cookies-tabs > .tab > [id^=tab]:checked + label { top: 0; background: #fff; color: #666; }
.cookies-tabs > .tab > [id^=tab]:checked ~ [id^=tab-content] { z-index: 1; opacity: 1; }

.switch { position: relative; display: block; width: 100%; height: 30px; }
.switch-container { position: absolute; right: 0px; top: 14px; }
.switch-container p { padding-right: 15px; color: #86bc25 !important; }
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
	.switch-container input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; height: 21px; outline: none; display: inline-block; vertical-align: top; position: relative; margin: 0; cursor: pointer; border: 1px solid var(--bc, var(--border)); background: var(--b, var(--background)); transition: background 0.3s, border-color 0.3s, box-shadow 0.2s; }
	.switch-container input[type=checkbox]:after { content: ""; display: block; left: 0; top: 0; position: absolute; transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s); }
	.switch-container input[type=checkbox]:checked { --b: var(--active); --bc: var(--active); --d-o: .3s; --d-t: .6s; --d-t-e: cubic-bezier(.2, .85, .32, 1.2); }
	.switch-container input[type=checkbox]:disabled { --b: var(--disabled); cursor: not-allowed; opacity: 0.9; }
	.switch-container input[type=checkbox]:disabled:checked { --b: var(--disabled-inner); --bc: var(--border); }
	.switch-container input[type=checkbox]:disabled + label { cursor: not-allowed; }
	.switch-container input[type=checkbox]:hover:not(:checked):not(:disabled) { --bc: var(--border-hover); }
	.switch-container input[type=checkbox]:focus { box-shadow: 0 0 0 var(--focus); }
	.switch-container input[type=checkbox].switch { width: 38px; border-radius: 11px; }
	.switch-container input[type=checkbox].switch:after { left: 2px; top: 2px; border-radius: 50%; width: 15px; height: 15px; background: var(--ab, var(--border)); transform: translateX(var(--x, 0)); }
	.switch-container input[type=checkbox].switch:checked { --ab: var(--active-inner); --x: 17px; }
	.switch-container input[type=checkbox].switch:disabled:not(:checked):after { opacity: 0.6; }
}

@media (max-width: 1199px) {
	.cookies-bar .info-cookies-bar { float: none; display: block; width: 100%; margin-bottom: 20px; text-align: center; }
	.cookies-bar .btn-cookies-bar, .cookies-bar .btns-cookies-bar { width: 100%; }
	.cookies-bar .btns-cookies-bar {text-align: center;}
	.modal-cookies-header .title-modal-cookies-header { padding-right: 40px; font-size: 18px; line-height: 22px; }
	.cookies-tabs .tab { width: 35%; }
	.cookies-tabs .tab > label { font-size: 12px; line-height: 17px; }
	.cookies-tabs .content { left: 35%; width: 65%; }
	.modal-cookies-content { padding-top: 15px; }
	.cookies-tabs #tab-content2 h3 { padding-top: 30px; }
	.cookies-tabs .content p { font-size: 10px; line-height: 14px; }
	.btn-modal-cookies-footer li a:link, .btn-modal-cookies-footer li a:visited { padding: 10px 20px; }
}

@media (min-width: 1200px) {
	.cookies-bar .info-cookies-bar {width: calc(100% - 520px); padding-right: 15px; box-sizing: border-box}
	.cookies-bar .btn-cookies-bar {width: 175px;}
	.cookies-bar .btns-cookies-bar {width: 345px;}
}