#cookies-agreement-s1 {
    display: none;
}
#cookies-agreement-s1.cookie-active {
	display:flex;
	border: 2px solid var(--color-akcent);
	background-color: #fff;
	width:100%;
	max-width: 1200px;
	position:fixed;
	bottom:0;
	left:calc(50% - 600px);
	padding: 1rem;
	z-index: 99;
	border-radius: 20px;
}
@media (max-width: 1200px) {
	#cookies-agreement-s1.cookie-active {
		left:0;
	}
}
.cookie-active>div:nth-child(1) {
	margin: auto;
	max-width: 1408px;
	padding: 0 20px;
	text-align: justify;
}
.cookie-active>div.cookie-accept {
	cursor: pointer;
}
.cookie-active .cookie-buttons {
	/*width:100%;*/
	text-align: center;
}
.cookie-active .cookie-accept {
	width:140px;
	margin:0.5rem 10px 0.5rem 0;
	background-color: var(--color-akcent);
	border:1px solid var(--color-akcent);
	padding: .5rem;
	cursor: pointer;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	-webkit-transition: background-color .3s ease;
	border-radius: 10px;
}

.cookie-active .cookie-refuse {
	width:140px;
	margin:0.5rem 0;
	background-color: #fff;
	border:1px solid var(--color-akcent);
	padding: .5rem;
	cursor: pointer;
	color: var(--color-akcent);
	text-transform: uppercase;
	text-decoration: none;
	transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	-webkit-transition: background-color .3s ease;
	border-radius: 10px;
}

@media (max-width: 990px) {
    .cookie-active {
        margin-bottom: 90px;
    }
}

@media (max-width: 560px) {
	.cookie-active {
		flex-direction: column;
	}
	.cookie-active .cookie-text {
		font-size: 14px;
	}
}

@media (max-width: 440px) {
	.cookie-active {
		bottom: 0;
		left: 0;
	}
}