.open {
	display: flex !important;
}

.burger {
	display: none;
	position: relative;
	z-index: 50;
	align-items: center;
	justify-content: flex-end;
	width: 30px;
	height: 18px;
}

.burger span{
	height: 2px;
	width:80%;
	transform: scale(1);
	background-color: #000000;
}

.burger::before, .burger::after {
	content: "";
	position: absolute;
	height: 2px;
	width: 100%;
	background-color: #000000;
	transition: all 0.3s ease 0;
}

.burger::before {top: 0}
.burger::after {bottom: 0}

.burger.active span{ transform: scale(0) }

.burger.active::before{
	top:50%;
	transform: rotate(-45deg) translate(0, -50%);
}

.burger.active::after{
	bottom:50%;
	transform: rotate(45deg) translate(0, 50%);
}

@media (max-width:900px){

	.burger {display: flex} 

	.special{

		display: none;
		flex-direction: column;
		position: flexed;
		height: 100%;
		width: 100%;
		top: 0; bottom: 0; left: 0; right: 0;
		z-index: 50%;
		overflow-y: auto;
		padding: 50px 40px;
		background-color: white;
	/*	animation: burgerAnimation 0.4s; */

	}
	.special ul{
		flex-direction: column;
		row-gap: 30px;
	}


}
@media (max-width:900px){
	.oplata ul{
		flex-direction: column;
		row-gap: 30px;
		right: 50px;
	}


}