#consentButton {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: fixed;
	bottom: 15px;
	right: 15px;
	width: 50px;
	height: 50px;
	border-radius: 30px;
	background-color: #0b8154;
	box-shadow: 1px 1px 10px #00000026;
	z-index: 2;
}

@media screen and (max-width: 800px) {
	#consentButton {
		bottom: 75px;
	}
}

@media screen and (max-width: 400px) {
	#consentButton {
		bottom: 65px;
	}
}

@media screen and (max-width: 360px) {
	#consentButton {
		bottom: 60px;
	}
}

#consentButton::before {
	content: '';
	display: block;
	width: 26px;
	height: 26px;
	background-image: url('data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyBoZWlnaHQ9IjY0cHgiIHdpZHRoPSI2NHB4IiB2ZXJzaW9uPSIxLjEiIGlkPSJfeDMyXyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGZpbGw9IiMwMDAwMDAiPgoNPGcgaWQ9IlNWR1JlcG9fYmdDYXJyaWVyIiBzdHJva2Utd2lkdGg9IjAiLz4KDTxnIGlkPSJTVkdSZXBvX3RyYWNlckNhcnJpZXIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgoNPGcgaWQ9IlNWR1JlcG9faWNvbkNhcnJpZXIiPiA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPiAuc3Qwe2ZpbGw6I2ZmZmZmZjt9IDwvc3R5bGU+IDxnPiA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDU0LjgyMSwyNTMuNTgyTDI3My4yNTYsNDM1LjE0Yy0xMS42OTcsMTEuNjk3LTI1LjEyNCwyMC40MTEtMzkuNDg0LDI2LjIzNSBjLTIxLjUyOSw4LjcyOS00NS4xNjUsMTAuOTI4LTY3Ljc1NSw2LjU1Yy0yMi41OTctNC4zNzgtNDQuMDU0LTE1LjI1LTYxLjU5Ny0zMi43ODRjLTExLjY5LTExLjY5LTIwLjM5Ni0yNS4xMTgtMjYuMjI3LTM5LjQ4NCBjLTguNzI5LTIxLjUyOS0xMC45MjktNDUuMTY1LTYuNTUtNjcuNzQ4YzQuMzg2LTIyLjU5NywxNS4yNS00NC4wNTUsMzIuNzc4LTYxLjU5NmwyMDMuMTMtMjAzLjEzIGM3LjE0MS03LjEzNCwxNS4yOTktMTIuNDMsMjQuMDM1LTE1Ljk2OWMxMy4xLTUuMzE4LDI3LjUxNi02LjY1Niw0MS4yNjMtMy45OTRjMTMuNzY5LDIuNjc3LDI2Ljc5OCw5LjI3LDM3LjQ5OCwxOS45NjMgYzcuMTMzLDcuMTM0LDEyLjQyMywxNS4yOTIsMTUuOTY4LDI0LjAzNWM1LjMxOCwxMy4wOTIsNi42NTcsMjcuNTAyLDMuOTg3LDQxLjI2NGMtMi42NywxMy43NjItOS4yNjIsMjYuNzgzLTE5Ljk1NSwzNy40OTggTDIxMy4yNjEsMzYzLjA2NGMtMi41MzQsMi41MjgtNS4zNzUsNC4zNjQtOC40MzYsNS42MWMtNC41NzEsMS44NTEtOS42NjEsMi4zMzUtMTQuNDk1LDEuMzk2IGMtNC44NDgtMC45NTQtOS4zNTUtMy4yMjUtMTMuMTUtNy4wMDZjLTIuNTM0LTIuNTM0LTQuMzY0LTUuMzY4LTUuNjAzLTguNDI5Yy0xLjg2NS00LjU3MS0yLjM0Mi05LjY2OC0xLjQwMi0xNC40OTUgYzAuOTQ3LTQuODQxLDMuMjI1LTkuMzU1LDcuMDA1LTEzLjE0OWwxNzUuNTIxLTE3NS41MjhsLTI5LjYxNi0yOS42MTdsLTE3NS41MjgsMTc1LjUyYy02LjUzNiw2LjUzNi0xMS41MDUsMTQuMTgyLTE0LjgwMSwyMi4zMTMgYy00Ljk0MSwxMi4xOTUtNi4xNjYsMjUuNDczLTMuNzAyLDM4LjIwMmMyLjQ0OSwxMi43Myw4LjY4NiwyNC45ODksMTguNTAzLDM0Ljc5OWM2LjU0Myw2LjU1LDE0LjE4MiwxMS41MTksMjIuMzA1LDE0LjgwOSBjMTIuMjAyLDQuOTQ4LDI1LjQ3Myw2LjE2NSwzOC4yMSwzLjcwMmMxMi43MjItMi40NDksMjQuOTg5LTguNjc4LDM0LjgwNi0xOC41MTFMNDM5Ljk3LDE5NS42MDIgYzExLjE0Mi0xMS4xNDksMTkuNTcxLTI0LjExMywyNS4xNjctMzcuOTE3YzguMzk0LTIwLjcxNywxMC40OC00My4zMTQsNi4yOTQtNjQuOTcxYy00LjE3OS0yMS42NDMtMTQuNzMtNDIuNDMyLTMxLjQ2LTU5LjE1NSBjLTExLjE0OS0xMS4xNDItMjQuMTE0LTE5LjU3MS0zNy45MTgtMjUuMTY2Yy0yMC43MTctOC40MDEtNDMuMzE0LTEwLjQ4LTY0Ljk3MS02LjMwMWMtMjEuNjQzLDQuMTg2LTQyLjQzMSwxNC43MzctNTkuMTU1LDMxLjQ2OCBMNzQuODAzLDIzNi42OTVjLTE1LjcxMywxNS42OTEtMjcuNTUyLDMzLjkzMS0zNS40MjYsNTMuMzUyYy0xMS44MTcsMjkuMTU0LTE0Ljc2NSw2MC45Ny04Ljg2Myw5MS40NjIgYzUuODg4LDMwLjQ3OCwyMC43MTcsNTkuNjk2LDQ0LjI5LDgzLjI1NGMxNS42OTgsMTUuNzEzLDMzLjkzMSwyNy41NTIsNTMuMzYsMzUuNDI2YzI5LjE0NiwxMS44MTEsNjAuOTcsMTQuNzU4LDkxLjQ1NSw4Ljg2MyBjMzAuNDc4LTUuODk1LDU5LjY5Ni0yMC43MTcsODMuMjU0LTQ0LjI5bDE4MS41NjYtMTgxLjU2NEw0NTQuODIxLDI1My41ODJ6Ii8+IDwvZz4gPC9nPgoNPC9zdmc+');
	background-size: contain;
	background-repeat: no-repeat;
}

#consentContainer {
	background-color: #00000040;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
    align-items: flex-start;
    justify-content: center;
	z-index: 1002;
	padding: 50px 20px;
	overflow: hidden;
	overflow-y: auto;
	font-family: 'Roboto';
}

.mobileBody #consentContainer {
	padding: 30px 10px 70px 10px;
}

@media screen and (max-width: 500px) {
	#consentContainer {
		padding: 30px 10px 70px 10px;
	}
}

#consentContainer.active {
	display: flex;
}

#consentLayer {
	max-width: 900px;
	width: 100%;
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 32px 68px rgba(0, 0, 0, .3);
	box-sizing: border-box;
	color: #141414;
	font-size: 15px;
	line-height: 150%;
}

	#consentLayer .consentLayer-top {
		padding: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-bottom: 1px solid #d6d6d6;
	}

		#consentLayer .consentLayer-top svg {
			height: 50px;
			width: auto;
		}

			#consentLayer .consentLayer-top svg * {
				fill: #E86F68;
			}

	#consentLayer .consentLayer-navigation {
		display: flex;
		align-items: center;
		justify-content: center;
		border-bottom: 1px solid #d6d6d6;
		width: 100%;
	}

		#consentLayer .consentLayer-navigation .navigate {
			display: flex;
			align-items: center;
			justify-content: center;
			flex-shrink: 0;
			flex-grow: 0;
			font-weight: bold;
			width: 33.33%;
			padding: 20px 10px;
			text-align: center;
			cursor: pointer;
			border-bottom: 3px solid transparent;
			box-sizing: border-box;
		}

		#consentLayer .consentLayer-navigation .navigate:hover {
			color: #0b8154;
		}

		#consentLayer.step1 .consentLayer-navigation .navigate:nth-child(1),
		#consentLayer.step2 .consentLayer-navigation .navigate:nth-child(2),
		#consentLayer.step3 .consentLayer-navigation .navigate:nth-child(3) {
			color: #0b8154;
			border-color: #0b8154;
		}

	#consentLayer .consentLayer-step {
		display: none;
	}

	#consentLayer.step1 .consentLayer-step-1 {
		display: block;
	}

	#consentLayer.step2 .consentLayer-step-2 {
		display: block;
	}

	#consentLayer.step3 .consentLayer-step-3 {
		display: block;
	}

	#consentLayer .consentLayer-content {
		padding: 20px;
		display: block;
		border-bottom: 1px solid #d6d6d6;
	}

		#consentLayer .consentLayer-content .title {
			font-weight: bold;
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 15px;
		}

		#consentLayer .consentLayer-content p {
			font-size: 15px;
		}

		@media screen and (max-width: 500px) {
			#consentLayer .consentLayer-content p {
				font-size: 14px;
			}
		}

			#consentLayer .consentLayer-content p a {
				color: inherit;
				text-decoration: underline;
			}

		#consentLayer .consentLayer-content .checkbox {
			display: flex;
			flex-shrink: 0;
			height: 32px;
			position: relative;
			width: 57px;
		}

			#consentLayer .consentLayer-content .checkbox input {
				background: transparent;
				box-sizing: border-box;
				margin: 0;
				outline: 0;
				padding: 0;
				opacity: 0;
				width: 100%;
				height: 100%;
				cursor: pointer;
			}

			#consentLayer .consentLayer-content .checkbox span {
				background-color: #141414;
				border-radius: 32px;
				bottom: 0;
				left: 0;
				pointer-events: none;
				position: absolute;
				right: 0;
				top: 0;
				transition: background-color .4s;
			}

			#consentLayer .consentLayer-content .checkbox input:checked + span {
				background-color: #0b8154;
			}

			#consentLayer .consentLayer-content .checkbox span::before {
				background-color: #ffffff;
				border-radius: 50%;
				bottom: 4px;
				content: "";
				height: 24px;
				left: 4px;
				position: absolute;
				transition: transform .4s;
				width: 24px;
			}

			#consentLayer .consentLayer-content .checkbox input:checked + span::before {
				background-color: #ffffff;
				transform: translateX(26px);
			}

		#consentLayer .consentLayer-content .item {
			padding: 20px 0;
			border-top: 1px solid #d6d6d6;
		}

		#consentLayer .consentLayer-content .item:first-child {
			border-top: 0;
		}

	#consentLayer .consentLayer-buttons {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 15px;
		padding: 20px;
	}

	@media screen and (max-width: 600px) {
		#consentLayer .consentLayer-buttons {
			flex-direction: column;
		}
	}
		#consentLayer .consentLayer-buttons .button {
			display: flex;
			align-items: center;
			justify-content: center;
			background-color: #0b8154;
			width: calc(33% - 10px);
			padding: 15px;
			color: #fff;
			font-weight: bold;
			box-sizing: border-box;
			cursor: pointer;
		}

		@media screen and (max-width: 600px) {
			#consentLayer .consentLayer-buttons .button {
				width: 100%;
			}
		}

		#consentLayer .consentLayer-buttons .button:hover {
			opacity: 0.8;
		}

		#consentLayer .consentLayer-buttons .button.changeStep,
		#consentLayer .consentLayer-buttons .button.allowSelection {
			display: none;
		}

		#consentLayer.step1 .consentLayer-buttons .button.changeStep,
		#consentLayer.step3 .consentLayer-buttons .button.changeStep {
			display: flex;
		}

		#consentLayer.step2 .consentLayer-buttons .button.allowSelection {
			display: flex;
		}