.G_Pp_Wr [data-row="1"] { --row: 1; }
.G_Pp_Wr [data-row="2"] { --row: 2; }
.G_Pp_Wr [data-row="3"] { --row: 3; }
.G_Pp_Wr [data-rowi="1"] { --rowi: 1; }
.G_Pp_Wr [data-rowi="1.5"] { --rowi: 1.5; }
.G_Pp_Wr [data-rowi="2"] { --rowi: 2; }
.G_Pp_Wr [data-rowi="3"] { --rowi: 3; }



html, body {overflow: overlay;}

.G_Pp_Wr * {image-rendering: -webkit-optimize-contrast;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

[data-border="0"], [data-border="0"] * {
	border-radius: 0!important;
}

.G_Pp_Bx input, .G_Pp_Bx input:active, .G_Pp_Bx input:hover, .G_Pp_Bx input:focus, .G_Pp_Bx textarea, .G_Pp_Bx textarea:active, .G_Pp_Bx textarea:hover, .G_Pp_Bx textarea:focus {
	outline: none!important;
}

.G_Pp_Bx .G_hs_Er, .G_Pp_Bx .G_hs_Er {
    filter: opacity(1);
}

.G_Fm_Tx {
    font-size: 1em;
    color: var(--cl-descr);
    line-height: 140%;
    margin-bottom: 0.3em;
}

.G_Pp_Wr [data-row="1"] .G_Fm_Tx {
	text-align: center;
}

.G_Pp_Bx input, .G_Pp_Bx textarea  {
	font-family: var(--font-g);
    border: 1px var(--cl-input) solid;
	background: var(--cl-input-bg);
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
	color: var(--cl-input-tx);
    border-radius: 0.55em;
    padding: 1.25em 1.875em;
	width: 100%;
    font-size: 1em;
    filter: opacity(0.7);
    box-sizing: border-box;
	position: relative;
	transition: .3s;
	resize: none;
	display: block;
}

.G_Pp_Bx input[type="time"], .G_Pp_Bx input[type="date"] {
	padding: 0;
	text-align: center;
}

.G_Pp_Bx input {
    height: 3.7em;
}

.G_Pp_Bx input:not(:placeholder-shown), .G_Pp_Bx input:focus, .G_Inp_Bx label:has(.G_hs_Er), .G_Pp_Bx textarea:not(:placeholder-shown), .G_Pp_Bx textarea:focus {
    filter: opacity(1);
}

.G_Pp_Bx input[type="date"]:not(.G_has-value), .G_Pp_Bx input[type="time"]:not(.G_has-value) {
    filter: opacity(0.7);
}

.G_Pp_Bx input[type="date"]::-webkit-calendar-picker-indicator, .G_Pp_Bx input[type="time"]::-webkit-calendar-picker-indicator {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
	color: transparent;
	background: transparent;
}

.G_Pp_Bx input[type="date"]::-webkit-inner-spin-button, .G_Pp_Bx input[type="time"]::-webkit-inner-spin-button,
.G_Pp_Bx input[type="date"]::-webkit-clear-button, .G_Pp_Bx input[type="time"]::-webkit-clear-button {
	z-index: -10;
}

.G_Pp_Bx input[type="date"]::-webkit-input-placeholder, .G_Pp_Bx input[type="time"]::-webkit-input-placeholder, 
.G_Pp_Bx input[type="date"]:placeholder, .G_Pp_Bx input[type="time"]:placeholder {
	z-index: 99;
}

.G_Pp_Bx input[type="date"]:not(.G_has-value):before, .G_Pp_Bx input[type="time"]:not(.G_has-value):before,
.G_Pp_Bx input[type="date"]:not(:valid):before, .G_Pp_Bx input[type="time"]:not(:valid):before {
	content: attr(placeholder);
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding: 1.25em 1.875em;
	text-align: left;
}

.G_Pp_Bx input[type="date"]::-webkit-calendar-picker-indicator { opacity: 0; }

.G_Pp_Bx .G_oninp input[type="text"], .G_Pp_Bx .G_oninp input[type="text"]::placeholder {
	color: #ffffff00;
}

.G_Pp_Bx input.G_hs_Er, .G_Pp_Bx textarea.G_hs_Er {
	border-color: var(--cl-in-err);
	color: var(--cl-in-err);
}

.G_Inp_Bx label:has(.G_hs_Er):after {
    content: '!';
    font-size: .8em;
    font-weight: bold;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 1.4em;
    height: 1.4em;
    border-radius: 100%!important;
    border: 1px var(--cl-in-err) solid;
    color: var(--cl-in-err);
    top: 50%;
    right: 2em;
    transform: translate(0, -50%);
}

.G_Inp_Bx label {
	position: relative;
    margin: 0.5em 0.4em;
	width: calc(((100% / var(--row)) * var(--rowi)) - (1em - 1px));
    display: block;
	max-width: calc(100% - (1em - 0px));
}

.G_Fm_Head {
    margin-bottom: 1em;
}

.G_Fm_Head:not(:first-child) {
    margin-top: 1em;
}

.G_Inp_Bx {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-left: -0.5em;
    width: calc(100% + 1.2em);
}

.G_Bot a {
	text-decoration: none;
}

.G_No_Sc {
	overflow: hidden;
}

.G_Pp_Wr {
    width: 100vw;
    height: 100%;
    z-index: -10;
    display: flex;
	font-family: var(--font-g);
    line-height: 120%;
    justify-content: center;
    align-items: center;
    position: fixed;
	opacity: 0;
	top: 0;
	left: 0;
	font-size: 16px;
	perspective: 100vw;
}

.G_Pp_Wr:before {
	position: absolute;
	content: '';
	z-index: 1;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(6px);
	transition:.3s;
	transition-delay: .2s;
	opacity: 0; 
	top: 0;
	left: 0;
    background: var(--bg-color-wr);
}

.G_Pp_Wr:not(.GacT):before {
	transition-delay: .01s;
}

.G_Pp_Wr.GacT {
    z-index: 100;
	opacity: 1;
}

.G_Pp_Wr:not(.GacT) {
	transition: .01s;
	transition-delay: .3s;
}

.G_Pp_Wr.GacT:before {
	opacity: 1;
}

.G_Pp_Bx {
    box-shadow: 0px 4px 20px var(--bx-shadow-cl);
    background: var(--bg-ppbox-wr);
	position: absolute;
	z-index: -1;
	opacity: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 0.6em;
	overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    max-width: calc(400px * var(--row));
	transition: .4s;
	display: flex;
}

.G_imagBtx:has(img) {
    width: 100%;
    max-width: 280px;
    height: auto;
    position: relative;
    max-height: 100%;
    overflow: hidden;
}

.G_imagBtx img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

[data-imgcon="1"] .G_imagBtx img {
    object-fit: contain;
}

.G_Pp_BxWr {
    padding: 3em;
	width: 100%;
	box-sizing: border-box;
}

.G_imagBtx {
    order: 0;
}

a.G_Bt_Cl {
    width: 3em;
    height: 3em;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
	z-index: 100;
}

a.G_Bt_Cl:before, a.G_Bt_Cl:after {
    content: '';
    display: block;
    position: absolute;
	width: 1.2em;
    height: 0.13em;
    background: var(--cl-button);
}

a.G_Bt_Cl:before {
	transform: rotate(45deg);
}
a.G_Bt_Cl:after {
	transform: rotate(-45deg);
}

@keyframes crossu {0% {transform: rotate(45deg);}50% {transform: rotate(90deg);}100% {transform: rotate(135deg);}}
@keyframes crossd {0% {transform: rotate(-45deg);}50% {transform: rotate(-45deg);}100% {transform: rotate(45deg);}}

.G_Fm_H1 {
    font-weight: 600;
    font-size: 1.4em;
	line-height: 120%;
	color: var(--cl-zag);
}

.G_Fm_St {
	color: var(--cl-button);
}

form.G_Form>* {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

form.G_Form>*:not(:last-child) {
    margin-bottom: 1.5em;
}




.G_Fe_Bx {
	height: auto;
	display: flex;
	flex-wrap: wrap;
	transition: .3s;
	will-change: height;
	perspective: 100vw;
}

.G_Gear {
    position: relative;
	width: 100%;
	opacity: 1;
	z-index: 1;
	transition: .4s;
	will-change: opacity, z-index, position;
}

.G_Gear.GacTf, .G_Gear.GacTb {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.G_Pp_Wr [data-row="1"] .G_Bot, .G_Pp_Wr [data-row="1"] .G_Fm_Head {
    flex-direction: column;
}

.G_Pp_Wr [data-row="1"] .G_Bt_Bx, .G_Pp_Wr [data-row="1"] .G_Fm_St, .G_Pp_Wr [data-row="1"] .G_Fm_H1 {
	order: -1;
}

.G_Pp_Wr [data-row="1"] .G_Police, .G_Pp_Wr [data-row="1"] .G_Fm_Head>* {
	max-width: 100%;
	text-align: center;
}

.G_Pp_Wr [data-row="1"] .G_Police, .G_Pp_Wr [data-row="1"] .G_Fm_St {
    margin-top: 1em;
}

.G_Pp_Wr [data-row="1"] .G_Bt_Bx {
    font-size: .85em;
    justify-content: space-between;
    width: 100%;
}

.G_Pp_Wr [data-row="1"] form.G_Form:has(.GacTs:only-child) .G_Bt_Bx {
    justify-content: center;
}

form.G_Form:has(.GacTs:only-child) .G_Fm_St {
	display: none;
}

.G_Pp_Wr [data-row="1"] form.G_Form:has(.GacTs:only-child) .G_Bt_Bx [data-submit] {
	width: 100%;
}

.G_Fm_Head {
    display: flex;
    justify-content: space-between;
}

.G_Police {
    transform: scale(.95);
    opacity: 0;
	z-index: -10;
	height: 0;
    transition: .3s;
	width: 100%;
    max-width: 45%;
	font-size: .875em;
    line-height: 120%;
    color: var(--cl-police);
}

.G_Police a {
	color: var(--cl-police-a);
}

form.G_Form:has(.GacTs:last-child) .G_Bot .G_Police {
    transform: scale(1);
    opacity: 1;
	z-index: 1;
	height: auto;
    transition: .3s;
}

.G_Bot {
    line-height: 100%;
    font-size: 1.125em;
}
.G_Bot [data-submit]:after {
    content: attr(data-next);
	transition:.3s;
}

.G_Bot [data-submit] {
    display: inline-block;
    background: var(--cl-button);
	border: 1px var(--cl-button) solid;
    color: var(--cl-button-t);
    padding: 1.11111em 2.22222em;
    border-radius: 0.55em;
	filter: brightness(1);
	transition: .3s;
	text-align: center;
	opacity: 1;
}

.G_Bot [data-submit]:active {
	filter: brightness(.7);
}

form.G_Form:has(.GacTs:last-child):not(:valid) .G_Bot [data-submit] {
	opacity: .6;
	filter: none!important;
}

.G_Bot [data-prev] {
    opacity: 1;
	z-index: 1;
	transform: scale(1);
	display: inline-flex;
	align-items: center;
	color: var(--cl-button);
	position: relative;
	width: auto;
	height: auto;
	transition: .3s;
	margin-right: 1em;
}

.G_Bt_Bx {
    display: flex;
    align-items: center;
}

.G_Bot [data-prev]:before {
    display: inline-block;
    width: 0.5em;
    height: 0.5em;
    margin-right: 0.3em;
    border-bottom: 2px var(--cl-button) solid;
    border-left: 2px var(--cl-button) solid;
    content: '';
    transform: translate(0, 0) rotate(45deg);
	transition: .3s;
}


form.G_Form:has(.GacTs:first-child) .G_Bot [data-prev] {
    opacity: 0;
	z-index: -10;
	transform: scale(.95);
	width: 0;
	height: 0;
	margin-right: 0em;
}

form.G_Form:has(.GacTs:last-child) .G_Bot [data-submit]:after {
    content: attr(data-submit);
}

.G_Inp_Bx.G_Inp_ImSl input {
    display: none;
}

.G_Inp_Bx.G_Inp_ImSl label {
    width: 4em;
	background: var(--cl-input-bg);
    display: flex;
    flex-direction: column;
    height: 4em;
	border-radius: 0.55em;
	border: 1px var(--cl-input) solid;
    align-items: center;
    justify-content: center;
	transition: .3s;
	cursor: pointer;
}

.G_Inp_Bx.G_Inp_ImSl label:has(input:checked) {
    background: var(--cl-button);
}

.G_Inp_Bx.G_Inp_ImSl label svg {
	fill: var(--cl-button);
	transition: .3s;
	width: 1.75em;
    height: 1.75em;
}

.G_Inp_Bx.G_Inp_ImSl label:has(input:checked) svg {
	fill:  var(--cl-input-bg);
}

.G_Inp_Bx.G_Inp_ImSl label span {
    font-size: .6em;
	color:  var(--cl-button);
    margin-top: 0.15em;
	transition: .3s;
}

.G_Inp_Bx.G_Inp_ImSl label:has(input:checked) span {
    font-size: .6em;
	color:  var(--cl-input-bg);
    margin-top: 0.15em;
}



@media screen and (min-width: 769px) {
	.G_Pp_Bx:has(.G_imagBtx img) {
		max-width: calc(400px * var(--row) + 280px);
	}

	[data-img="1"] .G_imagBtx {
		order: 1;
	}
	a.G_Bt_Cl:hover:before {
		animation-name: crossu;
	}
	a.G_Bt_Cl:hover:after {
		animation-name: crossd;
	}
	a.G_Bt_Cl:hover:before, a.G_Bt_Cl:hover:after {
		animation-duration: .4s;
		animation-iteration-count: 1;
		animation-fill-mode: forwards;
	}
	.G_Bot [data-submit]:hover {
		filter: brightness(1.4);
	}
	.G_Bot [data-prev]:hover:before {
		transform: translate(-50%, 0) rotate(45deg);
	}
}

@media screen and (max-width: 768px) {
	.G_Fm_Tx {
		text-align: center;
	}

	.G_Pp_Bx {
		flex-direction: column;
	}

	.G_Inp_Bx label {
		width: 100%;
	}
	.G_Pp_Wr .G_Bot, .G_Pp_Wr .G_Fm_Head {
		flex-direction: column;
	}
	.G_Pp_Wr .G_Bt_Bx, .G_Pp_Wr .G_Fm_St, .G_Pp_Wr .G_Fm_H1 {
		order: -1;
	}
	.G_Pp_Wr .G_Police, .G_Pp_Wr .G_Fm_Head>* {
		max-width: 100%;
		text-align: center;
	}
	.G_Pp_Wr .G_Police, .G_Pp_Wr .G_Fm_St {
		margin-top: 1em;
	}
	.G_Pp_Wr .G_Bt_Bx {
		font-size: .85em;
		justify-content: space-between;
		width: 100%;
	}
	.G_Pp_Wr form.G_Form:has(.GacTs:only-child) .G_Bt_Bx {
		justify-content: center;
	}
	form.G_Form:has(.GacTs:only-child) .G_Fm_St {
		display: none;
	}
	.G_Pp_Wr form.G_Form:has(.GacTs:only-child) .G_Bt_Bx [data-submit] {
		width: 100%;
	}
	.G_Pp_Bx {
		bottom: 0;
		max-height: 99%;
	}
	.G_Pp_Bx {
		border-radius: 0.6em 0.6em 0 0;
		transform: translate(0, 120%);
		will-change: transform, z-index, opacity;
	}
	a.G_Bt_Cl {
		left: 50%;
		transform: translate(-50%, 0px);
	}
	a.G_Bt_Cl:before {
		transform: translate(calc(-25% - 1px), 0px) rotate(45deg);
	}
	a.G_Bt_Cl:after {
		transform: translate(calc(25% + 1px), 0px) rotate(-45deg);
	}
	.G_Pp_Bx.GacT {
		max-height: 99%;
		overflow-y: scroll;
	}
}

@media screen and (max-width: 440px) {
	.G_Inp_Bx.G_Inp_ImSl {
		display: flex;
		justify-content: space-between;
		width: calc(100% + 0.8em);
		margin: 0;
		margin-left: -0.4em;
	}
	.G_Inp_Bx.G_Inp_ImSl label {
		max-width: calc((100% / 4) - 1em);
	}
}


/*** Эффекты появления ***/

	@media screen and (max-width: 768px) {
		/*Плавный выезд снизу*/			.G_Pp_Bx[data-effect-mob="01"] {transform: translate(0, 50%) rotate3d(1, 0, 0, -15deg);}
		/*Плавный выезд снизу реверс*/	.G_Pp_Bx[data-effect-mob="02"] {transform: translate(0, 50%) rotate3d(1, 0, 0, 15deg);}
		/*Уменьшение*/					.G_Pp_Bx[data-effect-mob="03"] {transform: scale(1.2);}
	}
	@media screen and (min-width: 769px) {
		/*Плавный выезд справа*/		.G_Pp_Bx[data-effect="01"] {transform: translate(50%, 0) rotate3d(0, 1, 0, -45deg);}
		/*Плавный выезд слева*/			.G_Pp_Bx[data-effect="02"] {transform: translate(-50%, 0) rotate3d(0, 1, 0, 45deg);}
		/*Плавный выезд сверху*/		.G_Pp_Bx[data-effect="03"] {transform: translate(0, -50%) rotate3d(1, 0, 0, -45deg);}
		/*Плавный выезд снизу*/			.G_Pp_Bx[data-effect="04"] {transform: translate(0, 50%) rotate3d(1, 0, 0, 45deg);}

		/*Плавный выезд справа реверс*/	.G_Pp_Bx[data-effect="05"] {transform: translate(50%, 0) rotate3d(0, 1, 0, 45deg);}
		/*Плавный выезд слева реверс*/	.G_Pp_Bx[data-effect="06"] {transform: translate(-50%, 0) rotate3d(0, 1, 0, -45deg);}
		/*Плавный выезд сверху реверс*/	.G_Pp_Bx[data-effect="07"] {transform: translate(0, -50%) rotate3d(1, 0, 0, 45deg);}
		/*Плавный выезд снизу реверс*/	.G_Pp_Bx[data-effect="08"] {transform: translate(0, 50%) rotate3d(1, 0, 0, -45deg);}

		/*Увеличение*/					.G_Pp_Bx[data-effect="09"] {transform: scale(.8);}
		/*Уменьшение*/					.G_Pp_Bx[data-effect="10"] {transform: scale(1.2);}
	}
	
	.G_Pp_Bx.GacT {		/*Нормализация*/
		transform: translate(0%, 0) rotate3d(0, 1, 0, 0deg) scale(1);
		z-index: 1;
		opacity: 1;
	}
	
	.G_Fe_Bx .G_Gear {	/*Нормализация*/
		transform: translate(0%, 0) rotate3d(0, 1, 0, 0deg) scale(1);
	}
	
	/*Куб гортзонталь*/				.G_Fe_Bx[data-effect="01"] .G_Gear.GacTf {transform: translate(-30%, 0) rotate3d(0, 1, 0, -90deg);}
									.G_Fe_Bx[data-effect="01"] .G_Gear.GacTb {transform: translate(30%, 0) rotate3d(0, 1, 0, 90deg);}
	/*Куб вертикаль*/				.G_Fe_Bx[data-effect="02"] .G_Gear.GacTf {transform: translate(0, -30%) rotate3d(1, 0, 0, 90deg);}
									.G_Fe_Bx[data-effect="02"] .G_Gear.GacTb {transform: translate(0, 30%) rotate3d(1, 0, 0, -90deg);}
	/*Куб реверс гортзонталь*/		.G_Fe_Bx[data-effect="03"] .G_Gear.GacTf {transform: translate(-20%, 0) rotate3d(0, 1, 0, 90deg);}
									.G_Fe_Bx[data-effect="03"] .G_Gear.GacTb {transform: translate(20%, 0) rotate3d(0, 1, 0, -90deg);}
	/*Куб реверс вертикаль*/		.G_Fe_Bx[data-effect="04"] .G_Gear.GacTf {transform: translate(0, -30%) rotate3d(1, 0, 0, -90deg);}
									.G_Fe_Bx[data-effect="04"] .G_Gear.GacTb {transform: translate(0, 30%) rotate3d(1, 0, 0, 90deg);}
	/*Наплыв*/						.G_Fe_Bx[data-effect="05"] .G_Gear.GacTf {transform: scale(.9);}
									.G_Fe_Bx[data-effect="05"] .G_Gear.GacTb {transform: scale(1.1);}
	/*Наплыв реверс*/				.G_Fe_Bx[data-effect="06"] .G_Gear.GacTf {transform: scale(1.1);}
									.G_Fe_Bx[data-effect="06"] .G_Gear.GacTb {transform: scale(.9);}
	/*Замещение*/					.G_Fe_Bx[data-effect="07"] .G_Gear.GacTf {transform: scale(.9);}
									.G_Fe_Bx[data-effect="07"] .G_Gear.GacTb {transform: scale(.9);}
	/*Замещение реверс*/			.G_Fe_Bx[data-effect="08"] .G_Gear.GacTf {transform: scale(1.1);}
									.G_Fe_Bx[data-effect="08"] .G_Gear.GacTb {transform: scale(1.1);}

/*** Эффекты появления ***/