section.menublock{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 38px;
	max-width: var(--block-mid-width) !important;
	.bloctxt{
		max-width: 696px;
		text-align: center;
	}
	>h2, h1{
		text-align: center;
	}
	.MenuWrap{
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 38px;
		max-width: var(--block-mid-width) !important;
		width: 100%;
		background-color: var(--body-color-dark);
		border-radius: var(--mid-radius);
		padding: 32px 0 80px;
		.menu{
			display: flex;
			background-color: var(--footer-color);
			border-radius: var(--block-radius);
			padding: 10px 12px;
			width: min-content;
			position: relative;
			gap: 18px;
			a, .marker, .hover{
				width: 154px;
				display: block;
				height: 40px;
				border-radius: var(--small-btn-radius);
			}
			.marker{
				position: absolute;
				z-index:2;
				background-color: var(--highlight);
				transition: transform 280ms cubic-bezier(.2,.9,.3,1), width 280ms, opacity 200ms;
				opacity: 0;
			}
			.hover{
				position: absolute;
				z-index:1;
				background-color: var(--block-hover);
			}		
			a{
				position: relative;
				z-index:3;
				line-height: 40px;
				white-space: nowrap;
				text-decoration: none;
				font-weight: var(--bold-weight);
				font-family: var(--primary-font);
				font-size: var(--prm-font-size);
				color: var(--color-light);
			}
		}
		>div{
			font-weight: normal;
			font-family: var(--primary-font);
			font-size: var(--big-font-size);		
			color: var(--txt-light);
			text-align:center;
			width:100%;
			max-width: 1056px;
			transition: opacity 0.5s ease;
		}		
		.dataWrapp{
			.elmWrapp.inactive{
				position: absolute;
				top:0;
			}
			.elmWrapp{
				display:flex;
				flex-direction: column;
				gap: 32px;				
				position: relative;
				transition: opacity 0.8s ease;
			}
		}
	}
}
@media (max-width: 1024px) {
}
@media (max-width: 600px) {
	section.menublock{
		gap: 33px;
		width: calc(100% - 24px);
		margin: 0 12px;
		.MenuWrap {
			padding: 12px 12px 30px 12px;
			.menu{
				width: 100%;
				display: grid;
				grid-template-columns: 1fr 1fr;
				a, .marker, .hover{
					width: 138px;
				}		
			}
		}
		h1, h2, h3{
			text-align: center;
			margin-top: 8px;
			max-width: 100%;
		}	
		>div .txt{
			font-size: var(--prm-font-size);
		}
	}
}