

/* Start:/local/components/pashn/form.v2/templates/.default/style.css?17418796417962*/
@charset "utf-8";

#form.loading {
	display: none;
}

.c-form {
	background-color: var(--color-white);
	box-shadow: 0px 0px var(--space-20px) #c8b7a5;
	padding: var(--space-50px);
	margin-bottom: var(--space-50px);
	border-radius: var(--space-5px);
}

/* START: Навигация */
.c-form--nav {
	display: flex;
	flex-direction: row;
	align-items: center;

	margin-top: var(--space-50px);
	padding-top: var(--space-50px);

	border-top: 2px solid var(--color-braun);
}
.c-form--nav--sep {
	flex-grow: 1;
}
.c-form--nav--button {}
/* END: Навигация */

/* START: Кнопка скачивания */
.c-form--button--upload {
	display: inline-block;
}

@media (max-width: 768px) {
	.c-form--button--upload {
		margin-bottom: var(--space-20px);
	}
}
/* END: Кнопка скачивания */

/* START: Тело */
.c-form--body {}
.c-form--text-desc {
	opacity: 0.6;
}
/* END: Тело */

/* START: Этапы */
.c-form--stage {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.c-form--stage h3 {
	margin-bottom: 0;
}
.c-form--stage--desc {
	opacity: 0.6;
}
h3.c-form--stage--title-margin {
	margin-bottom: var(--space-10px);
}
/* END: Этапы */

/* START: Этап 1 */
/* Мастерские */
.c-form--stage--1--list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: var(--space-30px);
	grid-row-gap: var(--space-30px);
	width: 100%;
}
.c-form--stage--1--list--item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: var(--space-50px) var(--space-30px);
	background-color: var(--color-dark-yellow);
	cursor: pointer;
	font-size: var(--fontSzie-h4);
	box-shadow: 0px 3px var(--space-20px) #ede5df;
	border: 2px solid #ede9e0;
	border-radius: var(--space-5px);
}
.c-form--stage--1--list--item:hover {
	background-color: var(--color-red);
	color: var(--color-white);
	border-color: var(--color-red);
}
.c-form--stage--1--list--item.is-active {
	background-color: var(--color-red);
	color: var(--color-white);
	border-color: var(--color-red);
}
.c-form--stage--1--list--item.is-active:hover {
	background-color: var(--color-dark-red);
	border-color: var(--color-dark-red);
}


/* Режиссеры */
.c-form--stage--1--dir-wr {
	margin-top: var(--space-50px);
}
.c-form--stage--1--dir-wr h3 {
	margin-bottom: var(--space-30px);
	text-align: center;
	width: 100%;
}
.c-form--stage--1--dir-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: var(--space-30px);
	grid-row-gap: var(--space-30px);
	width: 100%;
}
.c-form--stage--1--dir-list--item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: var(--space-50px) var(--space-30px);
	background-color: var(--color-dark-yellow);
	cursor: pointer;
	font-size: var(--fontSzie-h4);
	box-shadow: 0px 3px var(--space-20px) #ede5df;
	border: 2px solid #ede9e0;
	border-radius: var(--space-5px);
}
.c-form--stage--1--dir-list--item:hover {
	background-color: var(--color-red);
	color: var(--color-white);
	border-color: var(--color-red);
}
.c-form--stage--1--dir-list--item.is-active {
	background-color: var(--color-red);
	color: var(--color-white);
	border-color: var(--color-red);
}
.c-form--stage--1--dir-list--item.is-active:hover {
	background-color: var(--color-dark-red);
	border-color: var(--color-dark-red);
}
/* END: Этап 1 */

/* START: Модальное окно */
.c-form-modal-open {
	overflow: hidden;
}
.c-form-modal {
	display: none;
}
.c-form-modal::after {
	content: '';
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: var(--color-braun);
	opacity: 0.3;
}
.c-form-modal-open .c-form-modal {
	display: block;
}
.c-form-modal--window {
	position: fixed;
	right: 0;
	top: 0;
	height: 100vh;
	width: 30%;
	bottom: 0;
	z-index: 10;

	display: flex;
	flex-direction: column;

	padding: var(--space-70px) var(--space-30px) var(--space-30px) var(--space-30px);
	
	background-color: var(--color-white);
}
.c-form-modal--close {
	position: relative;
	z-index: 1;
	position: absolute;
	right: var(--space-30px);
	top: var(--space-20px);
	line-height: 100%;
	font-size: var(--fontSzie-h2);
	cursor: pointer;
	user-select: none;
}
.c-form-modal--close:hover {
	color: var(--color-red);
}
.c-form-modal--body {
	position: relative;
	z-index: 1;
	flex-grow: 1;
	padding-bottom: var(--space-30px);
}
.c-form-modal--body--title {}
.c-form-modal--body--message {}
.c-form-modal--nav {
	position: relative;
	z-index: 1;
}
.c-form-modal--nav--button {}

@media (max-width: 768px) {
	.c-form-modal--window {
		width: 100%;
	}
	.c-form-modal--body {
		flex-grow: 0;
	}
	.c-form--nav--sep {
		display: none;
	}
}
/* END: Модальное окно */

/* START: Политика конфиденциальности */
.c-form-policy {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: var(--space-20px);
}
.c-form-policy--checkbox {
	margin-right: var(--space-30px);
}
.c-form-policy--checkbox--svg {
	width: var(--space-50px);
	height: var(--space-50px);
	cursor: pointer;
}
.c-form-policy--checkbox--svg-path {
	fill: var(--color-red);
}
.c-form-policy--checkbox--svg:hover .c-form-policy--checkbox--svg-path {
	fill: var(--color-dark-red);
}
.c-form-policy--checkbox--svg-path-hidden {
	opacity: 0.3;
}
.c-form-policy--text {}
/* END: Политика конфиденциальности */

/* START: Политика конфиденциальности альтернатива */
.c-form-policy--alternativa {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: var(--space-20px);
}
.c-form-policy--alternativa--checkbox {
	margin-right: var(--space-30px);
	margin-left: var(--space-20px);
}
.c-form-policy--alternativa--checkbox--svg {
	width: var(--space-30px);
	height: var(--space-30px);
	cursor: pointer;
}
.c-form-policy--alternativa--checkbox--svg-path {
	fill: var(--color-red);
}
.c-form-policy--alternativa--checkbox--svg:hover .c-form-policy--alternativa--checkbox--svg-path {
	fill: var(--color-dark-red);
}
.c-form-policy--alternativa--checkbox--svg-path-hidden {
	opacity: 0.3;
}
.c-form-policy--text {}
/* END: Политика конфиденциальности альтернатива */

/* START: Файлы под анкетой */
.c-form-files {
	max-width: 60%;
	margin: 0 auto;
}
.c-form-files--item {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: var(--space-50px);
}
.c-form-files--item:last-child {
	margin-bottom: 0;
}
.c-form-files--item--svg {
	display: block;
	flex-shrink: 0;
	width: var(--space-90px);
	margin-right: var(--space-20px);
}
.c-form-files--item--svg svg {
	width: 100%;
	height: auto;
}
.c-form-files--item--svg svg path {
	fill: var(--color-red);
}
.c-form-files--item--svg:hover svg path {
	fill: var(--color-dark-red);
}
.c-form-files--item--content {
	flex-grow: 1;
}

@media (max-width: 768px) {
	.c-form-files {
		max-width: 90%;
	}
	.c-form-files--item--svg {
		width: var(--space-40px);
	}
}
/* END: Файлы под анкетой */

@media (max-width: 768px) {
	.c-form {
		padding: var(--space-30px);
	}
	.c-form--nav {
		flex-direction: column;
		margin-top: var(--space-30px);
		padding-top: var(--space-30px);
	}
	.c-form--nav--button {
		width: 100%;
	}
	.c-form-policy {
		margin-bottom: var(--space-20px);
	}
	.c-form--nav--stage {
		margin: var(--space-20px) 0;
	}
	.c-form--stage--1--list {
		grid-template-columns: 1fr;
		grid-row-gap: var(--space-10px);
	}
	.c-form--stage--1--list--item {
		padding: var(--space-20px);
	}
	.c-form--stage--1--dir-wr {
		margin-top: var(--space-30px);
	}
	.c-form--stage--1--dir-list {
		grid-template-columns: 1fr;
		grid-row-gap: var(--space-10px);
	}
	.c-form--stage--1--dir-list--item {
		padding: var(--space-20px);
	}
	.c-form--nav--button--close {
		order: 3;
	}
	.c-form--nav--button--next {
		order: 1;
	}
	.c-form--nav--button--send {
		order: 1;
	}
	.c-form--nav--stage {
		order: 2;
	}
}
/* End */
/* /local/components/pashn/form.v2/templates/.default/style.css?17418796417962 */
