@charset "utf-8";

/* PROCESS */
	.formatted-process {
		padding: 0;
		position: relative;
		}
	.formatted-process-buffer {
		padding: 0 var(--mywp-mg-pad);
		position: relative;
		z-index: 10;
		}
	.formatted-process-main {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		margin: var(--mywp-mg-pad) auto 2rem;
		max-width: 128rem;
		position: relative;
		}
	.formatted-process-info {
		display: flex;
		}
	.formatted-process-holder {
		margin-top: var(--mywp-mg-block);
		width: 100%;
		}
	.formatted-process-scroll {
		overflow: hidden;
		}
	.formatted-process-slides {
		display: flex;
		flex-wrap: nowrap;
		height: 100%;
		position: relative;
		transition: left 400ms ease;
		}
	.formatted-process[data-current="1"] .formatted-process-slides {
		left: 0;
		}
	.formatted-process[data-current="2"] .formatted-process-slides {
		left: -100%;
		}
	.formatted-process[data-current="3"] .formatted-process-slides {
		left: -200%;
		}
	.formatted-process[data-current="4"] .formatted-process-slides {
		left: -300%;
		}
	.formatted-process[data-current="5"] .formatted-process-slides {
		left: -400%;
		}
	.formatted-process-slide {
		align-self: flex-start;
		display: block;
		font-size: 1rem;
		flex: 0 0 100%;
		}
	.formatted-process-slide.formatted-process-item {
		padding: 1rem 0 1rem 0.2rem;
		}
	.formatted-process-header {
		font-size: var(--mywp-ts-head-2);
		}
	.formatted-process-text {
		margin-top: 1.6rem;
		}
	.formatted-process-info .buttons-group {
		margin: 0;
		}
	.formatted-proccess-image-video {
		display: block;
		position: relative;
		}
	.formatted-proccess-image-video::after {
		background: url('../png/play.png') center no-repeat;
		background-size: 10rem;
		content: '';
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		}
	@media (min-width: 50rem) {
		.formatted-process-main {
			grid-template-columns: repeat(2, minmax(0, 1fr));
			grid-gap: 0;
			}
		.formatted-process-info {
			align-items: center;
			grid-row: 1;
			justify-content: flex-end;
			}
		.formatted-process-holder {
			margin: 0;
			max-width: 64rem;
			padding-right: var(--mywp-mg-pad);
			width: 100%;
			}
	}
	@media (min-width: 80rem) {
		.formatted-process-holder {
			padding-right: 7.2rem;
			}
	}
	.formatted-process-switch {
		display: grid;
		grid-template-columns: 1fr 10.6rem;
		margin: 2.4rem auto;
		max-width: 128rem;
		}
	.formatted-process-dots {
		display: none;
		}
	.formatted-process-dot,
	.formatted-process-control {
		height: 4.8rem;
		width: 4.8rem;
		}
	.formatted-process-dot {
		color: var(--mywp-shade-50);
		font-size: 0.8rem;
		}
	.formatted-process[data-current="1"] .formatted-process-dot[data-id="1"],
	.formatted-process[data-current="2"] .formatted-process-dot[data-id="2"],
	.formatted-process[data-current="3"] .formatted-process-dot[data-id="3"],
	.formatted-process[data-current="4"] .formatted-process-dot[data-id="4"],
	.formatted-process[data-current="5"] .formatted-process-dot[data-id="5"] {
		color: var(--mywp-highlight);
		}
	.formatted-process-controls {
		display: grid;
		grid-gap: 1rem;
		grid-template-columns: 4.8rem 4.8rem;
		}
	.formatted-process-control {
		border: 0.2rem solid var(--mywp-shade-50);
		border-radius: 100%;
		color: var(--mywp-shade-50);
		font-size: 1.8rem;
		text-align: center;
		}
	.formatted-process-control:hover {
		color: var(--mywp-highlight);
		}