.area--slider {
	max-width: 1200px;
	margin: 0 auto 30px;
	overflow: hidden;
}

.area--slide {
	border-radius: var(--image-border-radius);
	overflow: hidden;
	cursor: var(--expand-cursor);
}

.area--slide:focus {
	outline: none;
}

.area--slider > .area--slide:not(:first-child) {
	display: none;
}

.area--buttons {
	padding: 0 30px 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.area--button {
	margin: 0 15px 15px;
}

.area--button.active {
	background: var(--theme-yellow);
	color: var(--theme-black);
}

@media (max-width: 767px) {
	.area--button {
		min-width: 235px;
		padding-left: .7em;
		padding-right: .7em
	}
}

.area--left-deco-wrap,
.area--right-deco-wrap {
	display: none;
}

@media (min-width: 1200px) {
	.area--slider,
	.area--slider--wrap {
		position: relative;
	}
	
	.area--left-deco-wrap,
	.area--right-deco-wrap {
		position: absolute;
		display: block;
		width: calc(100vw - 1200px);
		top: 30px;
		bottom: 30px;
		overflow: hidden;
	}
	
	.area--left-deco-wrap {
		left: 0;
	}

	.area--right-deco-wrap {
		right: 0;
		transform: scaleX(-1) scaleY(-1);
		transform-origin: center;
	}
		
	.area--right-deco,
	.area--left-deco {
		position: absolute;
		top: 50%;
		left: 50%;
		will-change: transform;
		transform: translate3d(-50%,-50%, 0) rotate(0deg);
		transform-origin: center !important;
		animation: area--rotate 250s linear infinite;
	}

	@keyframes area--rotate {
		0% {
			transform: translate3d(-50%,-50%, 0) rotate(0deg);
		}
		25% {
			transform: translate3d(-50%,-50%, 0) rotate(90deg);
		}
		50% {
			transform: translate3d(-50%,-50%, 0) rotate(180deg);
		}
		75% {
			transform: translate3d(-50%,-50%, 0) rotate(270deg);
		}
		100% {
			transform: translate3d(-50%,-50%, 0) rotate(360deg);
		}
	}
}

.area--slider .slick-track {
	display: block;
}

.area--slider .slick-initialized .slick-slide {
    display: block;
}