

/* Start:/local/templates/templ/include/block/header/style.css?17419651198313*/
.H_Height {
    height: var(--h_head_height);
}

.H_wrapper * {
	image-rendering: -webkit-optimize-contrast;
	-webkit-tap-highlight-color: #00000000;
}

.H_wrapper a {
	white-space: nowrap;
}

.H_wrapper, .F_wrapper {
	z-index: 2;
	top: 0;
	display: block;
	width: 100%;
	max-width: inherit;
	background: var(--h_bg_color);
	border-radius: 0 0 calc(var(--h_br_radius) * 0.687) calc(var(--h_br_radius) * 0.687);
}

.F_wrapper {
	position: relative;
}

.H_wrapper {
	position: fixed;
}

.H_HeadBlockWrap a {
	text-decoration: none;
	color: var(--h_tx_cl);
	transition: .3s;
}

.H_HeadBlockWrap {
	color: var(--h_tx_cl);
}

.H_HeadBlockWrap {
	padding: 1.25em 0;
	position: relative;
}

.H_HeadBlock {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.H_lr:first-child>*:not(:first-child) {
	margin-left: 2.5em;
}

.H_lr:not(:first-child)>*:not(:last-child) {
	margin-right: 2.5em;
}

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

.GN_allwig[win-wg="1"] {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(0px - ((100vw - 100%) / 2));
	background: var(--h_bg_color);
	border-radius: 0 0 calc(var(--h_br_radius) * 0.687) calc(var(--h_br_radius) * 0.687);
    position: relative;
}

.F_wrapper .LG_Box {
    flex-direction: column;
    align-items: flex-start;
    font-size: .8em;
}

.F_wrapper .LG_Box span {
	margin: 0;
	padding: 0;
	margin-top: .4em;
	border: none;
}

.F_wrapper .LG_Box span br {
	display: none;
}

.GN_allwig[win-wg="1"] .H_HeadBlockWrap {
    padding: 1.25em 0;
}

.H_HeadBlock:not(:first-child) {
    margin-top: 1.25em;
    padding-top: 1.25em;
    border-top: 1px var(--g1-background) solid;
}

.F_wrapper .H_lr {
    width: 100%;
    justify-content: center;
}
.F_wrapper .H_lr:first-child {
    justify-content: flex-start;
}
.F_wrapper .H_lr:last-child {
    justify-content: flex-end;
}

.F_wrapper .LG_Box span {
	color: var(--h_flogo_tx, var(--h_elem_color));
}

.F_wrapper .LG_Box a {
    --h_tx_cl: #ffffff;
}








	.H_HeadBlock .H_lr .H_btn_gamburger {
		background: var(--h_bg_color);
		display: flex;
		justify-content: center;
		align-items: center;
		width: 2.6875em;
		height: 2.6875em;
		border-radius: calc(var(--h_br_radius) * 0.25);
	}

	.H_HeadBlock .H_lr .H_btn_gamburger span {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background: var(--h_elem_color);
		width: 2.25em;
		height: 0.125em;
		transition-delay: .3s;
		position: relative;
	} 

	.H_btn_gamburger span::before,
	.H_btn_gamburger span::after {
		content: "";
		display: block;
		width: inherit;
		height: inherit;
		min-height: 0.125em;
		background: var(--h_elem_color);
		transition: .6s;
		position: absolute;
		border-radius: 100px;
		transition-property: transform, height;
	}

	.H_btn_gamburger span::before {
		transform: translateY(-500%) rotate(0);
		animation-duration: 0s;
		animation-name: btnOBack;
		animation-fill-mode: forwards;
	}

	.H_btn_gamburger span::after {
		transform: translateY(500%) rotate(0);
		animation-duration: 0s;
		animation-name: btnTBack;
		animation-fill-mode: forwards;
	}

	.H_ready .H_btn_gamburger span::before {
		animation-duration: .6s;
	}

	.H_ready .H_btn_gamburger span::after {
		animation-duration: .6s;
	}

	.H_HeadBlock .H_lr nav.H_nav_wrapper.H_mob_menu {
		margin-left: 0;
	}

	.H_mob_menu {
		transform: translate(100%, 100%) scale(1);
		opacity: 1;
		left: 0;
		bottom: 0;
		background: var(--h_bg_color);
		position: absolute;
		transition: .6s;
		transition-timing-function: cubic-bezier(0.62, -0.23, 0.36, 1.26);
		width: 100vw;
		overflow-y: scroll;
		box-sizing: border-box;
	}


	.H_menu_dropdown_open_m .H_mob_menu.H_menu_act {
		transform: translate(0, calc(100% + 1px)) scale(1);
		opacity: 1;
	}

	.H_menu_dropdown_open_m .H_btn_gamburger span::before {
		animation-duration: .6s;
		animation-name: btnO;
		animation-fill-mode: forwards;
	}

	.H_menu_dropdown_open_m .H_btn_gamburger span::after {
		animation-duration: .6s;
		animation-name: btnT;
		animation-fill-mode: forwards;
	}

	.H_menu_dropdown_open_m .H_HeadBlock .H_lr .H_btn_gamburger span {
		background: #00000000;
	}

	@keyframes btnOBack2 {
		0% {
			transform: translate(0%) rotate(-45deg);
			width: 81%;
			min-height: .175em;
		}

		50% {
			transform: translate(0%) rotate(0);
			width: 70%;
			min-height: .175em;
		}

		100% {
			transform: translateY(-135%) rotate(-45deg);
			width: 60%;
			min-height: .175em;
		}
	}

	@keyframes btnTBack2 {
		0% {
			transform: rotate(45deg);
			width: 81%;
			min-height: .175em;
		}

		50% {
			transform: rotate(0);
			width: 70%;
			min-height: .175em;
		}

		100% {
			transform: translateY(135%) rotate(45deg);
			width: 60%;
			min-height: .175em;
		}
	}

	@keyframes btnO2 {
		0% {
			transform: translateY(-135%) rotate(-45deg);
			width: 60%;
			min-height: .175em;
		}
		50% {
			transform: translate(0%) rotate(0);
			width: 70%;
			min-height: .175em;

		}

		100% {
			transform: translate(0%) rotate(-45deg);
			width: 81%;
			min-height: .175em;
		}
	}

	@keyframes btnT2 {
		0% {
			transform: translateY(135%) rotate(45deg);
			width: 60%;
			min-height: .175em;
		}

		50% {
			transform: translate(0%) rotate(0);
			width: 70%;
			min-height: .175em;
		}

		100% {
			transform: rotate(45deg);
			width: 81%;
			min-height: .175em;
		}
	}

	@keyframes btnO {
		50% {
			transform: translate(0%);
			width: 100%;
			min-height: .125em;

		}

		100% {
			transform: translate(0%) rotate(-45deg);
			width: 81%;
			min-height: .175em;
		}
	}

	@keyframes btnT {
		50% {
			transform: translate(0%);
			width: 100%;
			min-height: .125em;
		}

		100% {
			transform: rotate(45deg);
			width: 81%;
			min-height: .175em;
		}
	}



	@keyframes btnOBack {
		0% {
			transform: translate(0%) rotate(-45deg);
			width: 81%;
			min-height: .175em;
		}

		50% {
			transform: translate(0%) rotate(0);
			width: 100%;
			min-height: .125em;
		}

		100% {
			transform: translateY(-500%) rotate(0);
			width: 100%;
			min-height: .125em;
		}
	}

	@keyframes btnTBack {
		0% {
			transform: rotate(45deg);
			width: 81%;
			min-height: .175em;
		}

		50% {
			transform: rotate(0);
			width: 100%;
			min-height: .125em;
		}

		100% {
			transform: translateY(500%) rotate(0);
			width: 100%;
			min-height: .125em;
		}
	}


	 .H_menu_dropdown_open_m.H_backw .H_btn_gamburger span::before, 
	.H_menu_dropdown_open_m.H_backw .H_btn_gamburger span::after,
	.H_menu_dropdown_open_m.H_back .H_btn_gamburger span::before,
	.H_menu_dropdown_open_m.H_back .H_btn_gamburger span::after {
		animation-duration: .6s;
		animation-fill-mode: forwards;
	}

	 .H_menu_dropdown_open_m.H_backw .H_btn_gamburger span::before {
		animation-name: btnT2;
	}

	.H_menu_dropdown_open_m.H_backw .H_btn_gamburger span::after {
		animation-name: btnO2;
	}

	 .H_menu_dropdown_open_m.H_back .H_btn_gamburger span::before {
		animation-name: btnTBack2;
	}

	.H_menu_dropdown_open_m.H_back .H_btn_gamburger span::after {
		animation-name: btnOBack2;
	}
	.H_menu_dropdown_open_m {
		overflow: hidden;
	}


	.H_mob_menu {
		height: calc(100dvh - var(--H_header_height) - var(--H_bottom_height));
	}

.HB_mobile {
    position: absolute;
    background: var(--g1-background);
    bottom: 0;
    right: -1em;
    transform: translate(100%, calc(100% + 0.2em));
	transition: .55s cubic-bezier(0.35, -0.98, 0.4, 1.37);
}

.H_menu_dropdown_open_m .HB_mobile {
    transform: translate(18em, calc(100% + 0.2em));
}

.HB_mobile {
    width: calc(65% + 20em);
    box-sizing: border-box;
    padding: 1em 1.5em;
    padding-right: 20em;
}

.HB_mobile ul.H_nav {
    flex-direction: column;
    align-items: flex-start;
    font-size: 1.6em;
}

.HB_mobile>*:not(:last-child) {
	margin-bottom: 1.3em;	
}

.HB_mobile ul.H_nav li {
    margin: 0;
    margin-bottom: 0.5em;
    width: 100%;
}

ul.H_nav li a {
    width: 100%;
    display: inline-block;
}

@media screen and (max-width: 870px) {
	.H_wrapper .H_HeadBlock:not(:first-child) {
		display: none;
	}
	
	.H_lr>nav {display: none;}
}

@media screen and (min-width: 771px) {
	.H_lr.hamb {
		display: none!important;
	}
	.HB_mobile {
		display: none;
	}
}

@media screen and (max-width: 770px) {
	.H_wrapper .H_lr:not(:first-child)>*:not(.H_btn_gamburger) {
		display: none;
	}
	.H_lr.hamb {
		display: block;
	}
}


/* End */


/* Start:/local/templates/templ/include/block/quiz_chat_new/style.css?173997038421056*/
@keyframes show {
    100% {
      opacity: 1;
      transform: none;
    }
}

@keyframes blink{
    0%{opacity: 0;}
    25%{opacity: 1;}
    50%{opacity: 1;}
    75%{opacity: 1;}
    100%{opacity: 0;}
}

form.Gnp7l_chatbox ul[class], form.Gnp7l_chatbox li[class] {
    list-style-type: none;
    margin-block-start: 0;
    margin-block-end: 0;
}

li.Gnp7l_msg_item ul {
    padding-inline-start: 0;
}

ul.Gnp7l_chat_incoming {
    padding-inline-start: 0;
}

li.Gnp7l_msg_item:has(li.Gnp7l_action:nth-child(4)) {
    max-width: 900px;
}


li.Gnp7l_msg_item:has(.Gnp7l_item_info_img) .Gnp7l_action {
	flex: 1 1 30%;
}

.Gnp7l,
.Gnp7l *,
.Gnp7l *::before,
.Gnp7l *::after {
    box-sizing: border-box;
}

.Gnp7l img {
    display: block;
}

.Gnp7l a {
    text-decoration: none;
}

.Gnp7l_msg_item input[type="checkbox"], .Gnp7l_msg_item input[type="radio"]{
    display: none;
}

.Gnp7l {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.Gnp7l_background_img {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}

.Gnp7l_float_popup {
    position: fixed;
    top: 0;
    max-width: 1168px;
    width: 100%;
    height: auto;
    padding: 1em 2em;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-self: center;
    background-color: var(--hd_bg_color, --Gnp7l_clr_bckgrnd4);
    border-radius: 0 0 1.875em 1.875em;
    z-index: 3;
    transition: all .3s;
    transform: translateY(-100%);
}

.Gnp7l_active_popup {
    transform: translateY(0%);
}

.Gnp7l_online_consultant {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-self: center;
    gap: 1em;
}

.Gnp7l_consultant_avatar {
    position: relative;
    width: 3em; 
    height: auto;
    aspect-ratio: 1;
    align-self: center;
    border-radius: 100%;
    background-color: var(--Gnp7l_clr_bckgrnd2);
}

.Gnp7l_consultant_text {
    position: relative;
    max-width: 300px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: center;
}

.Gnp7l_consultant_text > span {
    font-family: var(--g1-font), Arial;
    font-size: calc(1 * var(--Gnp7l_fs) * 1em);
    font-weight: 400;
    text-align: start;
    color: var(--Gnp7l_clr_bl);
}

.Gnp7l_phone_button {
    position: relative;
    max-width: 300px;
    width: 100%;
    height: auto;
    padding: 1em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: .625em;
    background-color: var(--Gnp7l_clr_bckgrnd3);
}

.Gnp7l_phone_button > span {
    font-family: var(--g1-font), Arial;
    font-size: calc(1 * var(--Gnp7l_fs) * 1em);
    font-weight: 400;
    color: var(--Gnp7l_clr_wht);
    text-align: center;
    align-self: center;
}

.Gnp7l_registration_description {
    position: fixed;
    max-width: 220px;
    width: 100%;
    height: auto;
    bottom: 1em;
    left: 1em;

    font-family: var(--g1-font), Arial;
    font-size: calc(.725 * var(--Gnp7l_fs) * 1em);
    font-weight: 400;
    line-height: 121%;
    color: rgb(255 255 255 / 47%);
}

.Gnp7l_background_img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.Gnp7l_header {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
	z-index: 2;
    flex-direction: column;
    justify-content: center;
    background-color: var(--hd_bg_color, #FFFFFF);
}

li.Gnp7l_msg_item {
    gap: 1em;
}

.Gnp7l_logo_contacts {
    position: relative;
    max-width: 1400px;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-self: center;
}

.Gnp7l_logo {
    position: relative;
    max-width: 400px;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-self: center;
    gap: 2em;
}

.Gnp7l_logo_img {
    position: relative;
    width: 200px;
    height: auto;
    aspect-ratio: 5.3;
    align-self: center;
}

.Gnp7l_logo_img > svg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.Gnp7l_logo_title {
    position: relative;
    width: 100%;
    height: auto;

    font-family: var(--g1-font), Arial;
    font-size: calc(1 * var(--Gnp7l_fs) * 1em);
    font-weight: 400;
    color: var(--Gnp7l_clr_bl);
}

.Gnp7l_contacts {
    position: relative;
    max-width: 400px;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: .5em;
}

.Gnp7l_contact_phone {
    position: relative;
    width: 100%;
    height: auto;
    font-family: var(--g1-font), Arial;
    font-size: calc(1.25 * var(--Gnp7l_fs) * 1em);
    font-weight: 600;
    color: var(--Gnp7l_clr_bl);
    text-align: end;
}

.Gnp7l_contact_phone > a {
    color: var(--Gnp7l_clr_bl);
}

.Gnp7l_contact_adress {
    position: relative;
    width: 100%;
    height: auto;
    

    font-family: var(--g1-font), Arial;
    font-size: calc(1 * var(--Gnp7l_fs) * 1em);
    font-weight: 400;
    color: var(--Gnp7l_clr_bl);
    text-align: end;
}

.Gnp7l_main {
    position: relative;
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 3em 0;
    padding: 1em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: center;
    gap: 2em;
}

.Gnp7l_title {
    position: relative;
    width: 100%;
    height: auto;
    align-self: center;
    text-align: center;
}

.Gnp7l_title > span {
    font-family: var(--g1-font), Arial;
    font-size: calc(2 * var(--Gnp7l_fs) * 1em);
    font-weight: 700;
    color: var(--Gnp7l_clr_bl);
}

.Gnp7l_paragraph {
    position: relative;
    width: 100%;
    height: auto;
    align-self: center;
    text-align: center;
}

.Gnp7l_paragraph > span {
    font-family: var(--g1-font), Arial;
    font-size: calc(1.25 * var(--Gnp7l_fs) * 1em);
    font-weight: 500;
    color: var(--Gnp7l_clr_bl);
}

.Gnp7l_chat_wrapper {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.Gnp7l_promo {
    position: relative;
    width: 100%;
    height: auto;
    padding: 1em;
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-radius: 1.875em 1.875em 0 0;
    gap: 1em;
    background-color: var(--Gnp7l_clr_bckgrnd1);
}

.Gnp7l_promo_item {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-self: center;
    gap: .5em;
}

.Gnp7l_promo_item_svg {
    width: 2.3125em;
    min-width: 2.3125em;
    height: auto;
    aspect-ratio: 1;
    display: flex;
    flex-direction: column;
    border-radius: 100%;
    align-self: center;
}

.Gnp7l_promo_item_svg > svg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    color: var(--Gnp7l_clr_wht)
}

.Gnp7l_promo_item > span {
    position: relative;
    align-self: center;
    font-family: var(--g1-font), Arial;
    font-size: calc(1 * var(--Gnp7l_fs) * 1em);
    font-weight: 500;
    color: var(--Gnp7l_clr_wht);
    text-align: center;
}

.Gnp7l_gift {
    position: relative;
    width: 100%;
    height: auto;
    padding: 1em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: var(--Gnp7l_clr_bckgrnd2);
    cursor: pointer;
}

.Gnp7l_gift_text {
    font-family: var(--g1-font), Arial;
    font-size: calc(1 * var(--Gnp7l_fs) * 1em);
    font-weight: 500;
    color: var(--Gnp7l_clr_wht);
    text-align: center;
}

.Gnp7l_gift_text > a {
    color: var(--Gnp7l_clr_wht);
    text-decoration: underline;
}

.Gnp7l_action_item {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.Gnp7l_item_info {
    position: relative;
    width: 100%;
    height: auto;
    align-self: center;
    text-align: center;
}














.Gnp7l_chatbox {
    position: relative;
    max-width: 1200px;
    width: 100%;
    height: auto;
    padding: 2em;
    border-radius: 0 0 .625em .625em;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-self: center;
    background: rgba(255, 255, 255, 0.75);
    box-shadow: .125em .3125em 1em rgb(0 0 0 / 27%);
    backdrop-filter: blur(.6em);
    gap: 1em;

    opacity: 0;
    transform: rotateX(-90deg);
    transform-origin: top center;
    animation: show 600ms 100ms cubic-bezier(0.38, 0.97, 0.56, 0.76) forwards; 
}

.Gnp7l_incoming {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    gap: calc(.725 * var(--Gnp7l_avtr_gp) * 1em);
}

.Gnp7l_outgoing {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-self: flex-end;
    gap: calc(.725* var(--Gnp7l_avtr_gp)* 1em);
}

.Gnp7l_avatar_bot {
    position: relative;
    width: 4.6em;
    height: auto;
    aspect-ratio: 1;
    border-radius: 100%;
    order: 1;
    align-self: flex-start;
}

.Gnp7l_avatar_bot::before {
    position: absolute;
    bottom: 0;
    right: 4px;
    content: '';
    width: 0.9em;
    height: auto;
    aspect-ratio: 1;
    z-index: 3;
    border-radius: 100%;
    background-color: var(--Gnp7l_clr_online);
    animation: blink 6s ease-in-out infinite;
}

.Gnp7l_avatar_bot > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.Gnp7l_avatar_user {
    position: relative;
    width: 3em;
    height: auto;
    aspect-ratio: 1;
    border-radius: 100%;
    order: 2;
    align-self: flex-start;
    background-color: grey;
}

.Gnp7l_chat_incoming {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: calc(1 * var(--Gnp7l_msg_gp) * 1em);
    order: 2;
}

.Gnp7l_chat_incoming::before {
    position: relative;
    content: "Светлана";
}

.Gnp7l_outgoing::before {
    position: relative;
    content: "Вы";
    align-self: flex-end;
}

.Gnp7l_chat_outgoing {
    position: relative;
    max-width: 600px;
    width: 100%;
    height: auto;
    padding: 1.25em 1em 1.25em 1em;
    display: flex;
    flex: 1 1 content;
    flex-direction: column;
    align-self: flex-end;
    box-shadow: 0px 7px 33px rgba(0, 0, 0, 0.05);
    border-radius: 1em 0 1em 1em;
    background-color: var(--Gnp7l_clr_wht);
    text-align: end;

    opacity: 0;
    transform: rotateX(-90deg);
    transform-origin: top center;
    animation: show 600ms 100ms cubic-bezier(0.38, 0.97, 0.56, 0.76) forwards; 
}

.Gnp7l_msg_item {
    position: relative;
    max-width: 600px;
    width: 100%;
    height: auto;
    padding: 1.25em 1em 1.25em 1em;
    display: flex;
    flex: 1 1 content;
    flex-direction: column;
    box-shadow: 0px 7px 33px rgba(0, 0, 0, 0.05);
    border-radius: 0 1em 1em 1em;
    background-color: var(--Gnp7l_clr_wht);


    opacity: 0;
    transform: rotateX(-90deg);
    transform-origin: top center;
    animation: show 600ms 100ms cubic-bezier(0.38, 0.97, 0.56, 0.76) forwards; 
}

.Gnp7l_input_checkbox {
    display: flex;
    flex-direction: row;
    user-select: none;
    cursor: pointer;
}

.Gnp7l_input_checkbox input {
    display: none;
}

.Gnp7l_input_checkbox i {
    position: relative;
    width: 1.2em;
    height: auto;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    margin-right: .6em;
    margin-top: .05em;
    border-radius: .2em;
    border: 1px #e5e7ea solid;
    background: #cbcccd;
}

.Gnp7l_input_checkbox i::before {
    position: relative;
    content: '';
    display: block;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background: #e5e7ea00;
    border-radius: .2em;
    transition: .3s;
}  

label:has(input:checked) > i::before {
    background-color: var(--Gnp7l_clr_bckgrnd2);
}

.Gnp7l_input_checkbox > span {
    align-self: center;
}

.Gnp7l_msg_action {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    flex-flow: row wrap;
    gap: 10px 10px;
}

.Gnp7l_action:has(input:checked) {
    background-color: var(--Gnp7l_clr_actv);
}

.Gnp7l_action {
    position: relative;
    flex: 1 1 content;
    padding: .875em;
    border-radius: .625em;
    background-color: var(--Gnp7l_clr_gr2);
    cursor: pointer;
}


.active_resp {
    background-color: var(--Gnp7l_clr_actv);
}


.Gnp7l_item_info_img {
    position: relative;
    max-width: 250px;
    width: 100%;
    height: auto;
    aspect-ratio: 2;
    align-self: center;
}

.Gnp7l_item_info_img > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.Gnp7l_button_next {
    position: relative;
    max-width: 250px;
    width: 100%;
    height: auto;
    aspect-ratio: 5.6;
    padding: .5em 1em;
    border-radius: .3em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #2b2829;
    align-self: flex-end;
    text-align: center;
    color: white;
    margin-top: 1em;
    transition: all .3s;
}

.Gnp7l_button_next:hover {
    background-color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
}

.Gnp7l_input_input {
    position: relative;
    max-width: 250px;
    width: 100%;
    height: auto;
}

.Gnp7l_input_input  .putput {
    position: relative;
    width: 100%;
    height: auto;
    padding: 1em;
    border-radius: 1.875em;
    outline:none;
}

@media screen and (max-width: 1540px) {
   
}

@media screen and (max-width: 1280px) {
    
}

@media screen and (max-width: 1080px) {
   
}

@media screen and (max-width: 860px) {
	.Gnp7l_header .H_lr>*:not(.LG_Box):not(.BT_Box) {
		display: none;
	}
}

@media screen and (max-width: 760px) {
	.Gnp7l_background_img {
		height: 110vh;
		/*height: 110vh;*/
		transition: 0.4s;
	}    
}

@media screen and (max-width: 540px) {
    
}

@media screen and (max-width: 480px) {

    .Gnp7l_header {
        border-radius: 0 0 0.875em 0.875em;
    }

    .Gnp7l_logo {
        max-width: 170px;
    }

    .Gnp7l_contacts {
        max-width: 170px;
    }

    .Gnp7l_logo_title {
        display: none;
    }

    .Gnp7l_contact_adress {
        font-size: calc(.865* var(--Gnp7l_fs)* 1em);
    }

    .Gnp7l_main {
        margin: 3em 0 5em 0;
    }

    .Gnp7l_registration_description {
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
        color: rgba(0, 0, 0, .3);
    }

    .Gnp7l_promo {
        position: relative;
        width: 100%;
        height: auto;
        padding: 1em;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        border-radius: 1.875em 1.875em 0 0;
        background-color: var(--Gnp7l_clr_bckgrnd1);
    }

    .Gnp7l_promo_item {
        position: relative;
        max-width: 114px;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-self: center;
        cursor: pointer;
        gap: 0;
    }

    .Gnp7l_promo_item > span {
        font-size: calc(.765 * var(--Gnp7l_fs) * 1em);
    }

    .Gnp7l_float_popup {
        gap: .5em;
    }

    .Gnp7l_online_consultant {
        gap: .5em
    }

    .Gnp7l_consultant_text > span {
        font-size: calc(.765* var(--Gnp7l_fs)* 1em);
    }

    .Gnp7l_phone_button {
        align-self: center;
    }

    .Gnp7l_phone_button > span {
        font-size: calc(.765* var(--Gnp7l_fs)* 1em);
    }

    
}

.Gnp7l_background_img:after {
    content: '';
    width: 100%;
    height: 100%;
	/*
        background: linear-gradient(#FFFFFF, #FFFFFF50);*/
	 background: linear-gradient(#FFFFFF,#ffffff9c);
    display: block;
    position: absolute;
    top: 0;
}

.G_preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #ffffffFb;
    backdrop-filter: blur(10px);
    opacity: 1;
    z-index: 5;
    transition: .3s;
    display: flex;
    justify-content: center;
    align-items: center;
	    perspective: 250px;
}

.g_loaded .G_preloader {
    opacity: 0;
    z-index: -1;
}

.G_preloader img {
    width: max(8vw, 9em);
    aspect-ratio: 1;
    object-fit: contain;
	animation: blink2 6s ease-in-out infinite;
		transform: rotate3d(0, 1, 0, 0deg);
}

@keyframes blink2 {
    0%{transform: rotate3d(0, 1, 0, 0deg);}
    100%{transform: rotate3d(0, 1, 0, 360deg);}
}


.Gnp7l_incoming d:after {
	animation: blink3 1s ease-in-out infinite;
	content: '';
}

@keyframes blink3 {
    0% {content: '';}
    33% {content: '.';}
    66% {content: '..';}
    100% {content: '...';}
}

.Gnp7l_button_next, .Gnp7l_item_info {
    user-select: none;
}

.Gnp7l_float_popup .H_lr:not(:first-child)>a {
    display: none;
}

.Gnp7l_float_popup .H_HeadBlock {
    width: 100%;
}

span.Gnp7l_chat_outgoing {
    background: var(--Gnp7l_clr_bckgrnd1);
    color: white;
    display: inline-block;
    width: auto;
}

.SL_Tx b b {
    color: var(--Gnp7l_clr_bckgrnd2);
}

.Gnp7l_main span.HeadGty {
    margin-bottom: 0em;
    display: inline-block;
    border: 1px var(--h_tx_cl) solid;
    padding: .5em 1em;
    border-radius: calc(var(--h_br_radius)* 0.687);
}

clr {
    height: 1.4em;
    width: 2.5em;
    display: inline-block;
    margin-left: .6em;
    border: 1px #cbcccd solid;
    border-radius: 4px;
}

li.Gnp7l_item_info:has(clr), .Gnp7l_chat_outgoing:has(clr) {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.Gnp7l_action:has(input:checked), .Gnp7l_action:has(input:checked) b {
    background-color: var(--Gnp7l_clr_bckgrnd2);
    color: var(--Gnp7l_clr_wht);
}

.Gnp7l_paragraph, .Gnp7l_title {
    padding: 0 1em;
}

span.SL_Head {
    font-size: .9em;
}

li.Gnp7l_msg_item:has([type="phone"])>div {
    width: 47%;
}

li.Gnp7l_msg_item:has([type="phone"]) {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

li.Gnp7l_msg_item:has([type="phone"]) .Gnp7l_button_next {
    margin: 0;
}

.Gnp7l_input_input .putput {
    position: relative;
    width: 100%;
    height: auto;
    padding: 1em;
    border-radius: .5em;
    outline: none;
    background: var(--Gnp7l_clr_gr2);
}

li.Gnp7l_item_info b {
    white-space: nowrap;
}

input.putput {
    border: 1px #2b2829 solid;
}

.Gnp7l_promo_item_svg {
    background: white;
	justify-content: center;
    align-items: center;
}

.Gnp7l_promo_item_svg img {
    width: 70%;
}

li.Gnp7l_msg_item:has([type="phone"]):has([type="text"])>div {
    display: flex;
    flex-direction: column;
    gap: .5em;
}

.Gnp7l_input_input .G_hs_Er {
    border-color: red;
}

.HeadGty {
	cursor: pointer;
}

@media screen and (max-width: 780px) {
	li.Gnp7l_item_info:has(clr) {
		justify-content: space-between;
	}
	
	span.HeadGty {
		font-weight: bold;
	}
	li.Gnp7l_msg_item:has(.Gnp7l_item_info_img) .Gnp7l_action {
		flex: 1 1 35%;
	}
	
	li.Gnp7l_msg_item:has([type="phone"]) {
		flex-direction: column;
	}
	li.Gnp7l_msg_item:has([type="phone"])>div {
		width: 100%;
	}
	
	.Gnp7l_msg_item:has([type="phone"]) .Gnp7l_input_input, .Gnp7l_msg_item:has([type="phone"]) .Gnp7l_button_next {
		max-width: 100%;
	}
	
	.Gnp7l_promo_item {
		min-width: fit-content;
		gap: 1em;
	}
	
	.Gnp7l_promo_item:first-child {
		margin-left: 1em;
	}
	
	.Gnp7l_promo_item:last-child {
		margin-right: 1em;
	}
	
	.Gnp7l_promo_item span {
		text-align: left;
		font-size: 1em;
	}
	
	.Gnp7l_promo {
		overflow-x: scroll;
		padding-left: 0;
		padding-right: 0;
	}
}

clr[data-roof] {
    position: relative;
    overflow: hidden;
}

[data-roof]:after {
    width: 130%;
    height: 130%;
    content: '';
    display: block;
    background: var(--roof);
    position: absolute;
    transform: rotate(25deg) translate(-5%, -53%);
}
/* End */


/* Start:/local/templates/templ/include/block/logo/style.css?1741965191515*/
.LG_Box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.LG_Box span {
    display: block;
    padding-left: 0.9em;
    margin-left: 0.9em;
	font-size: var(--lg_font_hg);
	line-height: 120%;
    border-left: 1px var(--g1-background) solid;
}

.LG_Box svg, .LG_Box span {
	color: var(--h_tx_cl, var(--h_elem_color));
}

.LG_Box img, .LG_Box svg {
	height: var(--lg_block_hg);
}

@media screen and (max-width: 870px) {
	.LG_Box span {
		display: none;
	}
}
/* End */


/* Start:/local/templates/templ/include/block/ihref/style.css?17425483551061*/
.HR_Box {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
}

.HR_Box span {
    display: block;
	font-size: var(--lg_font_hg, 1em);
	line-height: 120%;
	color: var(--h_tx_cl);
}

.HR_Box span:not(:first-child) {
    margin-left: 0.9em;
}

.HR_Box img {
	height: var(--lg_block_hg, 1em);
	margin-top: calc(1em * .1);
}

.HR_Box[data-zag] {
	margin-top: 1.2em;
}

.HR_Box[data-zag]:before {
    content: attr(data-zag);
    position: absolute;
    top: 0;
    font-size: .8em;
    transform: translate(0, -1.2em);
}

/*********************************/
.CT_Box_content img {
    filter: grayscale(1);
}

.CD_GzBox .BT_Box img {
    filter: grayscale(1) brightness(2);
}

.HR_Box:has(.LG_Dpp) {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.HR_Box:has(.LG_Dpp) .LG_Dpp {
    font-size: .6em;
    margin-top: .3em;
    color: var(--h_elem_color);
}

.HR_Box span:hover {
  color: var(--adr_clr, var(--h_elem_color));
}
/* End */


/* Start:/local/templates/templ/include/block/button/style.css?17418792483178*/
.BT_Box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.BT_Box span {
	font-size: var(--lg_font_hg, 1em);
	line-height: 120%;
	color: var(--h_elem_color_tx);
	font-weight: var(--font-wght);
	transition: .3s;
}

.BT_Box img {
	height: var(--lg_block_hg, --lg_font_hg, 1em);
	margin-right: max(calc(var(--lg_block_hg) / 5), 0.8em);
}

.BT_Box a {
    background: var(--h_elem_color);
    border: 1px var(--h_tx_cl_second, var(--h_elem_color)) solid;
    padding: calc(var(--lg_font_hg, 1em) / 1.5) calc(var(--lg_font_hg, 1em) * 2);
    display: flex;
    justify-content: center;
    align-items: center;
	transition: .3s;
}

.BT_Box[win-wg="1"], .BT_Box[win-wg="1"] a {
    width: 100%;
}

.BT_Box[bt-typ="1"] a {
    border: 1px var(--h_elem_color) solid;
    background: #ffffff00;
}

.BT_Box[bt-typ="2"] a {
    border: 1px var(--h_elem_color_tx) solid;
    background: #ffffff00;
}

.BT_Box[bt-typ="3"] a {
    border: 1px var(--h_elem_color_tx) solid;
    background: var(--h_elem_color_tx);
}

.BT_Box[bt-typ="3"] a span {
	color: var(--h_bg_color);
}

.BT_Box a {
    border-radius: var(--h_br_radius);
}



[anim="1"]>a {
	position: relative;
	overflow: hidden;
}

[anim="1"] a:before {
	height: 130%;
	background: white;
	content: '';
	width: 2em;
	position: absolute;
	z-index: 0;
}

[anim="1"] a span {
	z-index: 1;
	position: relative;
}

[anim="1"] a:before {
	height: 150%;
	background: linear-gradient(90deg, #ffffff00, #ffffffa2, #ffffff00);
	content: '';
	width: 3em;
	position: absolute;
	z-index: 0;
	margin-top: -20px;
	transform: skew(-35deg) translate(-20em, 0);
	animation: gopa infinite;
	animation-duration: 5s;

}

@keyframes gopa {
	0% {
		transform: skew(-35deg) translate(-45em, 0);
	}

	100% {
		transform: skew(-35deg) translate(45em, 0);
	}
}

.BT_Box a:active {
	background: var(--h_elem_color_hov);
}
.BT_Box a:active span {
	color: var(--h_elem_color_tx_hov);
}

.BT_Box[bt-typ="1"] a:active {
	background: var(--h_elem_color);
}

.BT_Box[bt-typ="1"] a:active span {
	color: var(--h_elem_color_tx);
}

.BT_Box[bt-typ="2"] a:active {
	background: var(--h_elem_color_tx);
}

.BT_Box[bt-typ="2"] a:active span {
	color: var(--h_bg_color);
}

.BT_Box[bt-typ="3"] a:active {
	background: var(--h_bg_color);
}

.BT_Box[bt-typ="3"] a:active span {
	color: var(--h_elem_color_tx);
}

@media (hover: hover) {
	.BT_Box a:hover {
		background: var(--h_elem_color_hov);
	}
	.BT_Box a:hover span {
		color: var(--h_elem_color_tx_hov);
	}

	.BT_Box[bt-typ="1"] a:hover {
		background: var(--h_elem_color);
	}

	.BT_Box[bt-typ="1"] a:hover span {
		color: var(--h_elem_color_tx);
	}

	.BT_Box[bt-typ="2"] a:hover {
		background: var(--h_elem_color_tx);
	}

	.BT_Box[bt-typ="2"] a:hover span {
		color: var(--h_bg_color);
	}

	.BT_Box[bt-typ="3"] a:hover {
		background: var(--h_bg_color);
	}

	.BT_Box[bt-typ="3"] a:hover span {
		color: var(--h_elem_color_tx);
	}
}

.BT_Box a:hover {
	border: 1px var(--hov_border_color, var(--h_elem_color_hov)) solid
}

/* End */


/* Start:/local/templates/templ/include/block/text/style.css?1737704691439*/
.GS_TXT * {
	color: var(--h_tx_cl);
	font-size: var(--lg_font_hg);
	font-weight: var(--font-wght);
}

.GS_TXT b {
	font-weight: min(calc(var(--font-wght) + 200), 800);
}

.GS_TXT {
	width: 100%;
}

.GS_TXT>*:first-child {
	margin-block-start: 0;
}

.GS_TXT[t-align='0'] {text-align: left;}
.GS_TXT[t-align='1'] {text-align: justify;}
.GS_TXT[t-align='2'] {text-align: center;}
.GS_TXT[t-align='3'] {text-align: right;}
/* End */


/* Start:/local/templates/templ/include/block/forms/style.css?174195849418670*/
.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_BxWr [data-rowi="1"] { --rowi: 1; }
.G_Pp_BxWr [data-rowi="1.5"] { --rowi: 1.5; }
.G_Pp_BxWr [data-rowi="2"] { --rowi: 2; }
.G_Pp_BxWr [data-rowi="3"] { --rowi: 3; }



html, body {overflow: overlay;}

.G_Pp_BxWr * {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_BxWr input, .G_Pp_BxWr input:active, .G_Pp_BxWr input:hover, .G_Pp_BxWr input:focus, .G_Pp_BxWr textarea, .G_Pp_BxWr textarea:active, .G_Pp_BxWr textarea:hover, .G_Pp_BxWr textarea:focus {
	outline: none!important;
}

.G_Pp_BxWr .G_hs_Er, .G_Pp_BxWr .G_hs_Er {
    filter: opacity(1);
}

.G_Fm_Tx {
    font-size: 1em;
    color: var(--cl-descr);
    line-height: 140%;
    margin-bottom: 0.3em;
}

[data-row="1"] .G_Fm_Tx {
	text-align: center;
}

.G_Pp_BxWr input, .G_Pp_BxWr textarea {
    border: 1px var(--cl-input) solid;
	background: var(--cl-input-bg);
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    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_BxWr input, .G_Pp_BxWr textarea, .G_Pp_BxWr input::placeholder, .G_Pp_BxWr textarea::placeholder  {
	color: var(--cl-input-tx);
}

.G_Pp_BxWr input[type="time"], .G_Pp_BxWr input[type="date"] {
	padding: 0;
	text-align: center;
}

.G_Pp_BxWr input {
    height: 3.7em;
}

.G_Pp_BxWr input:not(:placeholder-shown), .G_Pp_BxWr input:focus, .G_Inp_Bx label:has(.G_hs_Er), .G_Pp_BxWr textarea:not(:placeholder-shown), .G_Pp_BxWr textarea:focus {
    filter: opacity(1);
}

.G_Pp_BxWr input[type="date"]:not(.G_has-value), .G_Pp_BxWr input[type="time"]:not(.G_has-value) {
    filter: opacity(0.7);
}

.G_Pp_BxWr input[type="date"]::-webkit-calendar-picker-indicator, .G_Pp_BxWr 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_BxWr input[type="date"]::-webkit-inner-spin-button, .G_Pp_BxWr input[type="time"]::-webkit-inner-spin-button,
.G_Pp_BxWr input[type="date"]::-webkit-clear-button, .G_Pp_BxWr input[type="time"]::-webkit-clear-button {
	z-index: -10;
}

.G_Pp_BxWr input[type="date"]::-webkit-input-placeholder, .G_Pp_BxWr input[type="time"]::-webkit-input-placeholder, 
.G_Pp_BxWr input[type="date"]:placeholder, .G_Pp_BxWr input[type="time"]:placeholder {
	z-index: 99;
}

.G_Pp_BxWr input[type="date"]:not(.G_has-value):before, .G_Pp_BxWr input[type="time"]:not(.G_has-value):before,
.G_Pp_BxWr input[type="date"]:not(:valid):before, .G_Pp_BxWr 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_BxWr input[type="date"]::-webkit-calendar-picker-indicator { opacity: 0; }

.G_Pp_BxWr .G_oninp input[type="text"], .G_Pp_BxWr .G_oninp input[type="text"]::placeholder {
	color: #ffffff00;
}

.G_Pp_BxWr input.G_hs_Er, .G_Pp_BxWr 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_No_Sc body, .G_No_Sc .H_wrapper {
	padding-right: var(--scrollbar, 0px);
	box-sizing: border-box;
}

.G_Pp_Wr {
    width: 100vw;
    height: 100%;
    z-index: -10;
    display: flex;
    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: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
	z-index: 100;
}

.G_Pp_Wr a.G_Bt_Cl {
    display: flex;
}

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;
}

[data-row="1"] .G_Bot, [data-row="1"] .G_Fm_Head {
    flex-direction: column;
}

[data-row="1"] .G_Bt_Bx, [data-row="1"] .G_Fm_St, [data-row="1"] .G_Fm_H1 {
	order: -1;
}

[data-row="1"] .G_Police, [data-row="1"] .G_Fm_Head>* {
	max-width: 100%;
	text-align: center;
}

[data-row="1"] .G_Police, [data-row="1"] .G_Fm_St {
    margin-top: 1em;
}

[data-row="1"] .G_Bt_Bx {
    font-size: .85em;
    justify-content: space-between;
    width: 100%;
}

[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;
}

[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);*/
    background: var(--cl-button, var(--h_elem_color));
	border: 1px var(--cl-button, var(--h_elem_color)) solid;
    color: var(--cl-button-t, var(--h_elem_color_tx));
    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);
	}
	.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;
	}
	.G_Pp_Bx.GacT::-webkit-scrollbar { width: 0; }
	.G_Pp_Bx.GacT { -ms-overflow-style: none; }
}

@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);
	}
}


[type-enz="0"] .G_Pp_BxWr {
    padding-top: 0;
    padding-bottom: 0.5em;
}


/*** Эффекты появления ***/

	@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);}

/*** Эффекты появления ***/



@media (min-width: 768px) {

	.G_Pp_BxWr[data-type="1"] form.G_Form>*:not(:last-child) {
		margin-bottom:0;
	}

	.G_Pp_BxWr[data-type="1"]  .G_Form {
		display: flex;
		justify-content: center;
	}
	.G_Pp_BxWr[data-type="1"]  .G_Inp_Bx {
		flex-wrap: nowrap;
	}

	.G_Pp_BxWr[data-type="1"] form.G_Form:has(.GacTs:last-child) .G_Bot .G_Police {
		display: none;
	}

	.G_Pp_BxWr[data-type="1"] form.G_Form>* {
		justify-content: center;
	}
	.G_Pp_BxWr[data-type="1"]  .G_Bot [data-submit] {
		padding: 1.28em 2.62222em;
		margin-left: 0.8em;
	}
}

.city_inp {
	display: none!important;
}



	.G_Pp_BxWr {
		background: var(--form-bg)!important;
	}













/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.G_Pp_BxWr .G_Pp_BxWr {
    padding: 0 !important;
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

[data-pn="thanks"] .zag_tag {
	text-align: center;
    line-height: 120%;
}

[data-pn="thanks"] p {
	text-align: center;
}
/* End */


/* Start:/local/templates/templ/include/block/heading/style.css?17381658551060*/
h1, h2, h3, h4, h5, h6 {
	margin-block-start: 0;
    margin-block-end: 0;
}


.GS_ZAG > * {
	color: var(--h_tx_cl);
	font-family: var(--g2-font), Arial;
	font-weight: var(--font-wght);
}

.GS_ZAG {
	width: 100%;
    max-width: var(--cont-vg);
    margin: 0 auto;
}

.GS_ZAG[t-align='0'] {text-align: left;}
.GS_ZAG[t-align='1'] {text-align: justify;}
.GS_ZAG[t-align='2'] {text-align: center;}
.GS_ZAG[t-align='3'] {text-align: right;}

.GS_ZAG[heading-type="h1"]>* {
	font-size: min(var(--lg_font_hg, 2.3em), 4.1vw);
}
.GS_ZAG[heading-type="h2"]>* {
	font-size: min(var(--lg_font_hg, 2em), 3.8vw);
}
.GS_ZAG[heading-type="h3"]>* {
	font-size: min(var(--lg_font_hg, 1.5em), 3vw);
}
.GS_ZAG[heading-type="h4"]>* {
	font-size: min(var(--lg_font_hg, 1.3em), 2.7vw);
}
.GS_ZAG[heading-type="h5"]>* {
	font-size: min(var(--lg_font_hg, 1.125em), 2.3vw);
}
.GS_ZAG[heading-type="h6"]>* {
	font-size: min(var(--lg_font_hg, 1em), 2vw);
}

.zag_tag {
    margin-bottom: 1rem;
}

.zag_tag b {
	color: var(--h_elem_color);
}
/* End */
/* /local/templates/templ/include/block/header/style.css?17419651198313 */
/* /local/templates/templ/include/block/quiz_chat_new/style.css?173997038421056 */
/* /local/templates/templ/include/block/logo/style.css?1741965191515 */
/* /local/templates/templ/include/block/ihref/style.css?17425483551061 */
/* /local/templates/templ/include/block/button/style.css?17418792483178 */
/* /local/templates/templ/include/block/text/style.css?1737704691439 */
/* /local/templates/templ/include/block/forms/style.css?174195849418670 */
/* /local/templates/templ/include/block/heading/style.css?17381658551060 */
