/*----COOKIE BAR--------------------------------------*/

.cookieBar              {width:900px; max-width:100%; background-color:#ffffff; text-align: left; z-index: 9999; box-sizing:border-box; text-align: center; padding: 30px 100px 40px}
.cookieBar p a			{color:#333; font-weight: 700}
.cookieBar p a:hover	{text-decoration: underline;}

.cookie-buttons					{display: flex; justify-content: center; margin-top: 20px;}
.cookie-buttons a, .accept		{font-size: 20px; display: block; padding: 8px 20px; background-color: #814596; color:#ffffff; text-decoration: none; margin:0 5px; font-weight: 700;}
.cookie-buttons a.manage		{background-color: transparent; color:#814596; font-weight: 400}

.accept-2:hover,
.cookie-buttons .accept:hover	{background-color: #6e4a72}
.cookie-buttons a.manage:hover	{background-color: #ffffff}

.close-cookies				{width:13px; height: 13px; position: absolute; right:10px; top:10px;}
.close-cookies img			{width:100%;}

.cookie-popup-outer				{background-color: rgba(0,0,0,.65); /*-webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);*/ position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 99999; padding: 40px; opacity: 1; visibility: visible; transform: translateY(0); transition: 0.2s ease-out;}
.cookie-popup-outer h2			{color: #814596; font-size: 24px; font-weight: 700; margin-bottom: 0.5em}
.cookie-popup-outer h3			{color: #814596; font-size: 20px; font-weight: 700; margin-bottom: 0em}
.cookie-popup-outer p			{padding: 10px 0; margin: 0 auto; font-size: 20px; color:#707070; line-height: 1.4em;}


.cookie-popup-container			{width:900px; background-color:#ffffff; display: none; padding: 40px 118px; text-align: center}

.cookie-popup-container.active		{display: block}

.cookie-popup-container-top					{position: relative; border-bottom: 1px solid #814596; padding-bottom: 10px;}
.cookie-popup-container-top .close-cookies	{width:17px; height: 17px; right: 0; top:0;}

.cookie-popup-container-middle	{text-align: left;}

.cookie-text-box			{word-break: break-word; word-wrap: break-word; padding-top: 20px; padding-right: 16px; padding-bottom: 15px; position: absolute; top:0; left: 30%; width: 65.3333333333%; margin-left: 4%;}
.cookie-text-box h3			{margin-bottom: 1em; font-size: 15px;}
.cookie-text-box p			{font-size: 13px; line-height: 1.4em; margin-bottom: 1em;}
.cookie-text-box p a		{color:#333333; font-weight: 600}

.cookie-tab-btn    			{width: 30.6666666667%; cursor: pointer; border-left: 10px solid transparent; background-color: #f4f4f4; border-bottom: 1px solid #d7d7d7; padding-top: 16px; padding-right: 5px; padding-bottom: 16px; padding-left: 12px; font-weight: 700; line-height: 1.3em;}
.cookie-tab-btn.active		{background-color:#ffffff; border-left-color:#501651}

.bottom-container			{padding: 30px; border-top: 1px solid #d8d8d8; display: flex; justify-content: flex-end;}
.save-settings				{font-size: 20px; display: block; padding: 8px 20px; background-color: #ffffff; color:#814596; border:1px solid #814596; text-decoration: none; margin:30px auto; font-weight: 700;}
.save-settings:hover		{background-color: #814596; color: #ffffff}

.accept-2					{margin: 20px auto !important}

.cookie-row			{display: flex; margin: 20px 0}
.cookie-row-text	{padding-left: 20px;}
.cookie-row-text p	{font-size: 16px;}


.cookie-popup-container .switch.on-diabled .slider.round:before {-webkit-transform: translateX(56px); -ms-transform: translateX(56px); transform: translateX(56px);}
.cookie-popup-container .switch.on-diabled .slider				{background-color: #d7cadf; cursor: not-allowed}
.cookie-popup-container .switch.on-diabled:before				{display: none !important}
.cookie-popup-container .switch.on-diabled:after				{color: #9d7baf; cursor: not-allowed}

/* SWITCH */
.cookie-switch											{position: relative; width: 90px; height: 34px; flex-shrink: 0}
.cookie-popup-container .switch 						{display: inline-block; width: 40px; height: 24px;}
.cookie-popup-container .switch input 					{opacity: 0; width: 0; height: 0;}
.cookie-popup-container .slider 						{position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;}
.cookie-popup-container .slider:before 					{position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s;}
.cookie-popup-container input:checked + .slider 		{background-color: #814596;}
.cookie-popup-container input:focus + .slider 			{box-shadow: 0 0 1px #814596;}
.cookie-popup-container input:checked + .slider:before 	{-webkit-transform: translateX(56px); -ms-transform: translateX(56px); transform: translateX(56px);}
.cookie-popup-container .slider.round 					{border-radius: 24px;}
.cookie-popup-container .slider.round:before 			{border-radius: 50%;}

.cookie-popup-container .switch:before	{content: 'Off'; position: absolute; z-index: 5; right: 10px; font-size: 13px; top: 10px; color: #fff;}
.cookie-popup-container .switch:after	{content: 'On';  position: absolute; z-index: 5; left: 10px; font-size: 13px; color: #ffffff; top: 10px;}

@media (max-width:700px) {
	
	.cookieBar		{padding-left: 50px; padding-right: 50px;}
	
	.cookie-popup-container			{height: 100%; padding: 40px;}
	.cookie-tab-btn					{width:100%;}
	.cookie-text-box				{position: relative; width:100%; margin: 0; padding: 20px 16px 20px 22px; left: auto}
	
	.cookie-popup-container-top h2				{font-size: 20px;}
	.cookie-popup-container-top img.cookie-logo	{margin: 0 20px 0 0;}
	
	.save-settings			{width:100%; text-align: center;}
	
	.cookie-popup-outer p,
	.cookie-buttons a, .accept	{font-size: 16px;}
	
}