.cta--section {
	position: relative;
}

.cta--container {
	position: relative;
	padding: 60px 30px;
	height: calc(100vh - var(--menu-height));
}

.cta--large-title {
	margin-bottom: 10px;
}

.cta--large-title span {
	color: var(--theme-green);
}

.left-mod .cta--container,
.right-mod .cta--container {
	padding-top: 120px;
}

.left-mod .cta--small-title,
.right-mod .cta--small-title {
	color: var(--theme-green);
}

.cta--image-overlay {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.35);
	opacity: 0;
}

.cta--section.center-mod .cta--image-overlay {
	opacity: 1;
}

.left-mod .cta--image,
.right-mod .cta--image {
	clip-path: polygon(100% 50%, 100% 100%, 0 100%, 0 50%);
	clip-path: polygon(10% 50%, 90% 50%, 90% 90%, 10% 90%);
	opacity: 1;
}

.cta--image {
	overflow: hidden;
}

.cta--image img {
    transform-origin: center;
	transform-origin: 20% 80%;
	animation: kb-zoomin 60s infinite linear;
}

@keyframes kb-zoomin {
    0% { transform: scale(1); }
    66% {transform: scale(1.15); }
	100% { transform: scale(1); }
}

.right-mod .cta--copy,
.left-mod .cta--copy {
	max-width: 400px;
}

.center-mod .cta--container {
	text-align: center;
}

.center-mod .cta--inside {
	max-width: 900px;
	margin: 0 auto;
}

@media (min-width: 992px) {
	.right-mod .cta--inside,
	.left-mod .cta--inside {
		width: 50%;
	}
	
	.right-mod .cta--inside {
		margin-left: auto;
	}
	
	.left-mod .cta--image {
		clip-path: polygon(45% 5%, 95% 5%, 95% 95%, 45% 95%);
	}

	.right-mod .cta--image {
		clip-path: polygon(5% 5%, 45% 5%, 45% 95%, 5% 95%);
	}
}