



/* ------------- 
content start - button_link_tr
------------- */

/*===================================== 
УЛУЧШЕННАЯ КНОПКА ДЛЯ ТРЕНИНГОВ. СТАРТ 
===================================== */

/* (С) Трофимов Никита Игоревич (Бородатый Геткурс) https://t.me/NiktarioN 2022 */

/*===================================== 
ПАНЕЛЬ УПРАВЛЕНИЯ. СТАРТ 
===================================== */
.button-link-tr-block {
	/* Кнопка. Фоновый цвет */
	--btn-color-accent: #199c68;
	/* Кнопка. Фоновый цвет. При взаимодействии */
	--btn-color-accent-active: #13754e;
	/* Кнопка. Цвет текста. Светлый*/
	--btn-color-text-light: #ffffff;
	/* Кнопка. Цвет текста. Темный*/
	--btn-color-text-dark: #4a4a4a;
	/* Кнопка. Закругления в кнопке */
	--btn-bd-radius: 4px;
	/* Альтернативная ссылка. Цвет текста */
	--alt-link-color-text: #337ab7;
	/* Стандартное время анимации */
	--transition: 0.3s;
	/* Ускоренное время анимации */
	--transition-fast: 0.2s;
}
/*===================================== 
ПАНЕЛЬ УПРАВЛЕНИЯ. КОНЕЦ 
===================================== */

.button-link-tr-block .button_link a {
	display: inline-block;
	width: 70%;
	padding: 20px !important;
	border: none;
	-webkit-border-radius: var(--btn-bd-radius);
	-moz-border-radius: var(--btn-bd-radius);
	border-radius: var(--btn-bd-radius);
	font-size: 16px;
	font-weight: 700;
	color: var(--btn-color-text-light);
	background-color: var(--btn-color-accent);
	text-decoration: none;
	-webkit-transition: background var(--transition) ease-in-out, -webkit-transform var(--transition) ease-in-out, -webkit-box-shadow var(--transition) ease-in-out;
	transition: background var(--transition) ease-in-out, -webkit-transform var(--transition) ease-in-out, -webkit-box-shadow var(--transition) ease-in-out;
	-o-transition: background var(--transition) ease-in-out, box-shadow var(--transition) ease-in-out, -o-transform var(--transition) ease-in-out;
	-moz-transition: background var(--transition) ease-in-out, transform var(--transition) ease-in-out, box-shadow var(--transition) ease-in-out, -moz-transform var(--transition) ease-in-out, -moz-box-shadow var(--transition) ease-in-out;
	transition: background var(--transition) ease-in-out, transform var(--transition) ease-in-out, box-shadow var(--transition) ease-in-out;
	transition: background var(--transition) ease-in-out, transform var(--transition) ease-in-out, box-shadow var(--transition) ease-in-out, -webkit-transform var(--transition) ease-in-out, -moz-transform var(--transition) ease-in-out, -o-transform var(--transition) ease-in-out, -webkit-box-shadow var(--transition) ease-in-out, -moz-box-shadow var(--transition) ease-in-out;
}

.button-link-tr-block .button_link a:active {
	background-color: var(--btn-color-accent-active);
	-webkit-transform: translate3d(0px, -3px, 0px);
	-moz-transform: translate3d(0px, -3px, 0px);
	transform: translate3d(0px, -3px, 0px);
}

@media (min-width: 768px) {
	.button-link-tr-block .button_link a:hover {
		background-color: var(--btn-color-accent-active);
		-webkit-transform: translate3d(0px, -3px, 0px);
		-moz-transform: translate3d(0px, -3px, 0px);
		transform: translate3d(0px, -3px, 0px);
	}
}

@media (max-width: 768px) {
	.button-link-tr-block .button_link a {
		width: 80%;
	}
}

@media (max-width: 576px) {
	.button-link-tr-block .button_link a {
		width: 90%;
	}
}

@media (max-width: 375px) {
	.button-link-tr-block .button_link a {
		width: 100%;
		font-size: 14px;
	}
}

.button-link-tr-block .alt-link p {
	font-size: 12px;
}

.button-link-tr-block .alt-link p a {
	outline: none;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	font-weight: 700;
	color: var(--alt-link-color-text);
	-webkit-transition: border-bottom var(--transition-fast) ease-in-out;
	-o-transition: border-bottom var(--transition-fast) ease-in-out;
	-moz-transition: border-bottom var(--transition-fast) ease-in-out;
	transition: border-bottom var(--transition-fast) ease-in-out;
}

.button-link-tr-block .alt-link p a:focus,
.button-link-tr-block .alt-link p a:active {
	border-bottom: 1px solid var(--alt-link-color-text);
}

@media (min-width: 768px) {
	.button-link-tr-block .alt-link p a:hover {
		border-bottom: 1px solid var(--alt-link-color-text);
	}
}
/*===================================== 
УЛУЧШЕННАЯ КНОПКА ДЛЯ ТРЕНИНГОВ. КОНЕЦ 
===================================== */
/* ------------- 
content finish - button_link_tr
------------- */

/* ------------- 
content start - gkeo_widjet_pay
------------- */

/*===================================== 
ВИДЖЕТ ДЛЯ ОПЛАТЫ В СТИЛЕ GKEO. НАЧАЛО 
===================================== */

/**
 * Page Name: Виджет для оплаты
 * Description: Виджет для оплаты в стиле продукта GKEO
 * Author: Трофимов Никита Игоревич (Бородатый Геткурс)
 * Author URL: https://t.me/NiktarioN
 *
 * Спиздишь код? Ну ты и говна кусок
 */

/*===================================== 
ПАНЕЛЬ УПРАВЛЕНИЯ. НАЧАЛО 
===================================== */
.gkeo_widget_pay {
	/* ОБЩЕЕ */
	/* Акцентный цвет */
	--color__accent: #E52D27;
	/* Акцентный цвет при взаимодействии */
	--color__accent_active: #CF130C;
	/* Цвет текста светлый*/
	--color__text_light: #ffffff;
	/* Цвет текста темный*/
	--color__text_dark: #232323;
	/* Цвет главного фона блока */
	--color__bg_main: transparent;
	/* Цвет для ссылок */
	--color__links: #CF130C;
    
	/* ОСНОВНОЙ БЛОК С КОНТЕНТОМ */
	/* Цвет фона формы */
	--blockbox__color_bg: #ffffff;
	/* Закругления в блоках */
	--blockbox__border_radius: 16px;
	/* Ширина рамок блока */
	--blockbox__border_width: 0;
	/* Цвет рамок блока */
	--blockbox__border_color: transparent;
    
	/* ПОЛЯ ДЛЯ ВВОДА ИНФОРМАЦИИ */
	/* Цвет фона в полях для ввода */
	--input__bg_color: #F8F8F8;
	/* Цвет фона в полях для ввода при взаимодействии */
	--input__bg_color_active: #ffffff;
	/* Цвет текста в плейсхолдере */
	--input__placeholder_color: #B4B4B4;
	/* Ширина рамок полей для ввода информации */
	--input__border_width: 1px;
	/* Цвет рамок блока */
	--input__border_color: transparent;
    
	/* АНИМАЦИИ */
	/* Стандартное время анимации */
	--transition__duration_default: 0.3s;
	/* Ускоренное время анимации */
	--transition__duration_fast: 0.2s;
	/* Тип анимации в объктах по умолчанию */
	--transition__animation_type: ease;
}
/*===================================== 
ПАНЕЛЬ УПРАВЛЕНИЯ. КОНЕЦ 
===================================== */

.gkeo_widget_pay * {
	outline: none;
}

@media (max-width: 768px) {
	.gkeo_widget_pay br {
		content: '';
	}

	.gkeo_widget_pay br::before {
		content: ' ';
	}
}

.gkeo_widget_pay .block-set,
.gkeo_widget_pay .f-text {
	font-weight: 400;
}

.gkeo_widget_pay .list-reset ul,
.gkeo_widget_pay .list-reset ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

.gkeo_widget_pay .global-confirm-checkbox-block {
	padding-top: 15px;
	padding-bottom: 0;
}

.gkeo_widget_pay .global-confirm-checkbox-block label {
	margin-bottom: 0;
}

.gkeo_widget_pay .global-confirm-checkbox-block .global-confirm-checkbox {
	margin: 3px 0 0;
}

.gkeo_widget_pay .global-confirm-checkbox-block .checkbox-text {
	line-height: 1.5;
	font-size: 13px;
}

@media (max-width: 576px) {
	.gkeo_widget_pay .global-confirm-checkbox-block .checkbox-text {
		font-size: 12px;
	}
}

.gkeo_widget_pay .global-confirm-checkbox-block .checkbox-text a {
	font-weight: 700;
}

@media (max-width: 768px) {
	.gkeo_widget_pay .mobile-center {
		text-align: center !important;
	}
}

.gkeo_widget_pay .form-result-block .f-header {
	margin-bottom: 15px;
	color: var(--color__accent);
}

.gkeo_widget_pay .form-result-block .f-text p:not(:last-child) {
	margin-bottom: 13px;
}

.gkeo_widget_pay .form-result-block .f-text p a.custom-button {
	display: inline-block;
	padding: 20px !important;
	width: 100% !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: var(--color__text_light) !important;
	background-color: var(--color__accent);
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	letter-spacing: 1px;
	-webkit-box-shadow: 0px 5px 15px 1px rgba(222, 35, 148, 0.3);
	-moz-box-shadow: 0px 5px 15px 1px rgba(222, 35, 148, 0.3);
	box-shadow: 0px 5px 15px 1px rgba(222, 35, 148, 0.3);
	-webkit-transition: background var(--transition__duration_default) var(--transition__animation_type), -webkit-transform var(--transition__duration_default) var(--transition__animation_type), -webkit-box-shadow var(--transition__duration_default) var(--transition__animation_type);
	transition: background var(--transition__duration_default) var(--transition__animation_type), -webkit-transform var(--transition__duration_default) var(--transition__animation_type), -webkit-box-shadow var(--transition__duration_default) var(--transition__animation_type);
	-o-transition: background var(--transition__duration_default) var(--transition__animation_type), box-shadow var(--transition__duration_default) var(--transition__animation_type), -o-transform var(--transition__duration_default) var(--transition__animation_type);
	-moz-transition: background var(--transition__duration_default) var(--transition__animation_type), transform var(--transition__duration_default) var(--transition__animation_type), box-shadow var(--transition__duration_default) var(--transition__animation_type), -moz-transform var(--transition__duration_default) var(--transition__animation_type), -moz-box-shadow var(--transition__duration_default) var(--transition__animation_type);
	transition: background var(--transition__duration_default) var(--transition__animation_type), transform var(--transition__duration_default) var(--transition__animation_type), box-shadow var(--transition__duration_default) var(--transition__animation_type);
	transition: background var(--transition__duration_default) var(--transition__animation_type), transform var(--transition__duration_default) var(--transition__animation_type), box-shadow var(--transition__duration_default) var(--transition__animation_type), -webkit-transform var(--transition__duration_default) var(--transition__animation_type), -moz-transform var(--transition__duration_default) var(--transition__animation_type), -o-transform var(--transition__duration_default) var(--transition__animation_type), -webkit-box-shadow var(--transition__duration_default) var(--transition__animation_type), -moz-box-shadow var(--transition__duration_default) var(--transition__animation_type);
}

.gkeo_widget_pay .form-result-block .f-text p a.custom-button:active,
.gkeo_widget_pay .form-result-block .f-text p a.custom-button:hover {
	background-color: var(--color__accent_active);
	-webkit-transform: translate3d(0px, -3px, 0px);
	-moz-transform: translate3d(0px, -3px, 0px);
	transform: translate3d(0px, -3px, 0px);
	-webkit-box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
	box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
}

.gkeo_widget_pay .builder-item .f-text {
	font-size: 14px;
}

@media (max-width: 375px) {
	.gkeo_widget_pay .builder-item .f-text {
		font-size: 12px;
	}
}

.gkeo_widget_pay .block-box {
	padding-top: 50px !important;
	padding-bottom: 60px !important;
	padding-left: 50px !important;
	padding-right: 50px !important;
	border: var(--blockbox__border_width) solid var(--blockbox__border_color) !important;
	-webkit-border-radius: var(--blockbox__border_radius);
	-moz-border-radius: var(--blockbox__border_radius);
	border-radius: var(--blockbox__border_radius);
}

@media (max-width: 540px) {
	.gkeo_widget_pay .block-box {
		padding-left: 30px !important;
		padding-right: 30px !important;
		padding-bottom: 50px !important;
	}
}

@media (max-width: 510px) {
	.gkeo_widget_pay .block-box {
		padding-top: 30px !important;
		padding-bottom: 45px !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}

@media (max-width: 420px) {
	.gkeo_widget_pay .block-box {
		padding-bottom: 30px !important;
	}
}

@media (max-width: 420px) {
	.gkeo_widget_pay .form__title {
		margin-bottom: 15px !important;
	}
}

.gkeo_widget_pay .form__title .f-header,
.gkeo_widget_pay .form__title .f-text {
	color: var(--color__accent);
	text-transform: uppercase;
	font-size: 28px;
	line-height: 1.3;
}

@media (max-width: 420px) {

	.gkeo_widget_pay .form__title .f-header,
	.gkeo_widget_pay .form__title .f-text {
		font-size: 18px;
	}
}

@media (max-width: 420px) {
	.gkeo_widget_pay .form__text_ras p {
		font-size: 18px;
		line-height: 1.4;
	}
}

.gkeo_widget_pay .form__description ul,
.gkeo_widget_pay .form__description ol {
	font-size: 14px;
}

@media (max-width: 420px) {

	.gkeo_widget_pay .form__description ul,
	.gkeo_widget_pay .form__description ol {
		font-size: 12px;
	}
}

.gkeo_widget_pay .form__description ul li::before,
.gkeo_widget_pay .form__description ol li::before {
	content: '';
	display: inline-block;
	width: 9px;
	height: 9px;
	margin-right: 10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: var(--color__accent);
}

.gkeo_widget_pay .form__description ul li:not(:last-child),
.gkeo_widget_pay .form__description ol li:not(:last-child) {
	margin-bottom: 5px;
}

.gkeo_widget_pay .form__offer label.form-position {
	cursor: pointer;
	padding: 8px;
	margin: 0;
	background-color: #ffffff;
	color: var(--color__text_dark);
	border: 1px solid var(--color__accent);
	-webkit-border-radius: -webkit-calc(var(--blockbox__border_radius) / 2);
	-moz-border-radius: -moz-calc(var(--blockbox__border_radius) / 2);
	border-radius: calc(var(--blockbox__border_radius) / 2);
	font-weight: 500;
	text-align: center;
	opacity: 0.3;
	-webkit-transition: border-color var(--transition__duration_default) var(--transition__animation_type), color var(--transition__duration_default) var(--transition__animation_type), background var(--transition__duration_default) var(--transition__animation_type), opacity var(--transition__duration_default) var(--transition__animation_type), -webkit-box-shadow var(--transition__duration_default) var(--transition__animation_type), -webkit-transform var(--transition__duration_default) var(--transition__animation_type);
	transition: border-color var(--transition__duration_default) var(--transition__animation_type), color var(--transition__duration_default) var(--transition__animation_type), background var(--transition__duration_default) var(--transition__animation_type), opacity var(--transition__duration_default) var(--transition__animation_type), -webkit-box-shadow var(--transition__duration_default) var(--transition__animation_type), -webkit-transform var(--transition__duration_default) var(--transition__animation_type);
	-o-transition: border-color var(--transition__duration_default) var(--transition__animation_type), color var(--transition__duration_default) var(--transition__animation_type), background var(--transition__duration_default) var(--transition__animation_type), box-shadow var(--transition__duration_default) var(--transition__animation_type), opacity var(--transition__duration_default) var(--transition__animation_type), -o-transform var(--transition__duration_default) var(--transition__animation_type);
	-moz-transition: border-color var(--transition__duration_default) var(--transition__animation_type), color var(--transition__duration_default) var(--transition__animation_type), background var(--transition__duration_default) var(--transition__animation_type), box-shadow var(--transition__duration_default) var(--transition__animation_type), transform var(--transition__duration_default) var(--transition__animation_type), opacity var(--transition__duration_default) var(--transition__animation_type), -moz-box-shadow var(--transition__duration_default) var(--transition__animation_type), -moz-transform var(--transition__duration_default) var(--transition__animation_type);
	transition: border-color var(--transition__duration_default) var(--transition__animation_type), color var(--transition__duration_default) var(--transition__animation_type), background var(--transition__duration_default) var(--transition__animation_type), box-shadow var(--transition__duration_default) var(--transition__animation_type), transform var(--transition__duration_default) var(--transition__animation_type), opacity var(--transition__duration_default) var(--transition__animation_type);
	transition: border-color var(--transition__duration_default) var(--transition__animation_type), color var(--transition__duration_default) var(--transition__animation_type), background var(--transition__duration_default) var(--transition__animation_type), box-shadow var(--transition__duration_default) var(--transition__animation_type), transform var(--transition__duration_default) var(--transition__animation_type), opacity var(--transition__duration_default) var(--transition__animation_type), -webkit-box-shadow var(--transition__duration_default) var(--transition__animation_type), -moz-box-shadow var(--transition__duration_default) var(--transition__animation_type), -webkit-transform var(--transition__duration_default) var(--transition__animation_type), -moz-transform var(--transition__duration_default) var(--transition__animation_type), -o-transform var(--transition__duration_default) var(--transition__animation_type);
}

@media (max-width: 320px) {
	.gkeo_widget_pay .form__offer label.form-position {
		font-size: 14px;
	}
}

.gkeo_widget_pay .form__offer label.form-position.selected {
	cursor: text;
	border-color: transparent;
	color: var(--color__text_light);
	background: var(--color__accent);
	background: -webkit-linear-gradient(350deg, var(--color__accent) 0%, var(--color__accent_active) 100%);
	background: -moz-linear-gradient(350deg, var(--color__accent) 0%, var(--color__accent_active) 100%);
	background: -o-linear-gradient(350deg, var(--color__accent) 0%, var(--color__accent_active) 100%);
	background: linear-gradient(100deg, var(--color__accent) 0%, var(--color__accent_active) 100%);
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	-o-transform: translateY(-2px);
	transform: translateY(-2px);
	opacity: 1;
}

.gkeo_widget_pay .form__offer label.form-position .form-position-price .final-price {
	font-weight: 700;
}

.gkeo_widget_pay .form__offer label.form-position .form-position-checker {
	display: none;
}

.gkeo_widget_pay .form__offer label.form-position .form-position-title {
	margin-bottom: 5px;
}

.gkeo_widget_pay .form__offer label.form-position .pull-right,
.gkeo_widget_pay .form__offer label.form-position .pull-left {
	float: none !important;
}

.gkeo_widget_pay .form__offer.prepay .form-position-price:after {
	content: 'Предоплата — 990 ₽';
	display: block;
}

.gkeo_widget_pay .form__input {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
}

.gkeo_widget_pay .form__input .custom-field-input input,
.gkeo_widget_pay .form__input .custom-field-input textarea {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 20px;
	padding-right: 20px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.gkeo_widget_pay .form__input input.f-input,
.gkeo_widget_pay .form__input textarea.f-input {
	height: 55px;
	border: none;
	-webkit-border-radius: -webkit-calc(var(--blockbox__border_radius) / 2);
	-moz-border-radius: -moz-calc(var(--blockbox__border_radius) / 2);
	border-radius: calc(var(--blockbox__border_radius) / 2);
	color: var(--color__text_dark);
	background-color: var(--input__bg_color);
	font-weight: 400;
	font-size: 14px;
	border: 1px solid transparent !important;
	-webkit-transition: background-color var(--transition__duration_default) var(--transition__animation_type), border-color var(--transition__duration_default) var(--transition__animation_type), -webkit-box-shadow var(--transition__duration_default) var(--transition__animation_type);
	transition: background-color var(--transition__duration_default) var(--transition__animation_type), border-color var(--transition__duration_default) var(--transition__animation_type), -webkit-box-shadow var(--transition__duration_default) var(--transition__animation_type);
	-o-transition: background-color var(--transition__duration_default) var(--transition__animation_type), border-color var(--transition__duration_default) var(--transition__animation_type), box-shadow var(--transition__duration_default) var(--transition__animation_type);
	-moz-transition: background-color var(--transition__duration_default) var(--transition__animation_type), border-color var(--transition__duration_default) var(--transition__animation_type), box-shadow var(--transition__duration_default) var(--transition__animation_type), -moz-box-shadow var(--transition__duration_default) var(--transition__animation_type);
	transition: background-color var(--transition__duration_default) var(--transition__animation_type), border-color var(--transition__duration_default) var(--transition__animation_type), box-shadow var(--transition__duration_default) var(--transition__animation_type);
	transition: background-color var(--transition__duration_default) var(--transition__animation_type), border-color var(--transition__duration_default) var(--transition__animation_type), box-shadow var(--transition__duration_default) var(--transition__animation_type), -webkit-box-shadow var(--transition__duration_default) var(--transition__animation_type), -moz-box-shadow var(--transition__duration_default) var(--transition__animation_type);
}

.gkeo_widget_pay .form__input input.f-input::-webkit-input-placeholder,
.gkeo_widget_pay .form__input textarea.f-input::-webkit-input-placeholder {
	color: var(--input__placeholder_color);
}

.gkeo_widget_pay .form__input input.f-input:-moz-placeholder,
.gkeo_widget_pay .form__input textarea.f-input:-moz-placeholder {
	color: var(--input__placeholder_color);
}

.gkeo_widget_pay .form__input input.f-input::-moz-placeholder,
.gkeo_widget_pay .form__input textarea.f-input::-moz-placeholder {
	color: var(--input__placeholder_color);
}

.gkeo_widget_pay .form__input input.f-input:-ms-input-placeholder,
.gkeo_widget_pay .form__input textarea.f-input:-ms-input-placeholder {
	color: var(--input__placeholder_color);
}

.gkeo_widget_pay .form__input input.f-input::-ms-input-placeholder,
.gkeo_widget_pay .form__input textarea.f-input::-ms-input-placeholder {
	color: var(--input__placeholder_color);
}

.gkeo_widget_pay .form__input input.f-input::placeholder,
.gkeo_widget_pay .form__input textarea.f-input::placeholder {
	color: var(--input__placeholder_color);
}

.gkeo_widget_pay .form__input input.f-input:focus,
.gkeo_widget_pay .form__input textarea.f-input:focus {
	background-color: var(--input__bg_color_active);
	border-color: var(--color__accent) !important;
	-webkit-box-shadow: 0px 4px 10px rgba(130, 130, 130, 0.25);
	-moz-box-shadow: 0px 4px 10px rgba(130, 130, 130, 0.25);
	box-shadow: 0px 4px 10px rgba(130, 130, 130, 0.25);
}

@media (max-width: 510px) {

	.gkeo_widget_pay .form__input input.f-input,
	.gkeo_widget_pay .form__input textarea.f-input {
		height: 50px;
		font-size: 13px;
	}
}

.gkeo_widget_pay .form__input .field-label {
	display: inline-block;
	padding: 0;
	margin: 0;
	margin-bottom: 3px;
	font-size: 13px;
}

@media (max-width: 510px) {
	.gkeo_widget_pay .form__input .field-label {
		font-size: 12px;
	}
}

@media (max-width: 420px) {
	.gkeo_widget_pay .form__button {
		margin-bottom: 15px !important;
	}
}

.gkeo_widget_pay .form__button button.f-btn,
.gkeo_widget_pay .form__button a {
	padding: 20px;
	width: 100%;
	color: var(--color__text_light);
	background-color: var(--color__accent);
	font-size: 15px;
	font-weight: 700;
	-webkit-border-radius: -webkit-calc(var(--blockbox__border_radius) / 2);
	-moz-border-radius: -moz-calc(var(--blockbox__border_radius) / 2);
	border-radius: calc(var(--blockbox__border_radius) / 2);
	-webkit-box-shadow: 0px 4px 15px rgba(130, 130, 130, 0.25);
	-moz-box-shadow: 0px 4px 15px rgba(130, 130, 130, 0.25);
	box-shadow: 0px 4px 15px rgba(130, 130, 130, 0.25);
	-webkit-transition: background-color var(--transition__duration_default) var(--transition__animation_type), -webkit-transform var(--transition__duration_default) var(--transition__animation_type), -webkit-box-shadow var(--transition__duration_default) var(--transition__animation_type);
	transition: background-color var(--transition__duration_default) var(--transition__animation_type), -webkit-transform var(--transition__duration_default) var(--transition__animation_type), -webkit-box-shadow var(--transition__duration_default) var(--transition__animation_type);
	-o-transition: background-color var(--transition__duration_default) var(--transition__animation_type), box-shadow var(--transition__duration_default) var(--transition__animation_type), -o-transform var(--transition__duration_default) var(--transition__animation_type);
	-moz-transition: background-color var(--transition__duration_default) var(--transition__animation_type), transform var(--transition__duration_default) var(--transition__animation_type), box-shadow var(--transition__duration_default) var(--transition__animation_type), -moz-transform var(--transition__duration_default) var(--transition__animation_type), -moz-box-shadow var(--transition__duration_default) var(--transition__animation_type);
	transition: background-color var(--transition__duration_default) var(--transition__animation_type), transform var(--transition__duration_default) var(--transition__animation_type), box-shadow var(--transition__duration_default) var(--transition__animation_type);
	transition: background-color var(--transition__duration_default) var(--transition__animation_type), transform var(--transition__duration_default) var(--transition__animation_type), box-shadow var(--transition__duration_default) var(--transition__animation_type), -webkit-transform var(--transition__duration_default) var(--transition__animation_type), -moz-transform var(--transition__duration_default) var(--transition__animation_type), -o-transform var(--transition__duration_default) var(--transition__animation_type), -webkit-box-shadow var(--transition__duration_default) var(--transition__animation_type), -moz-box-shadow var(--transition__duration_default) var(--transition__animation_type);
}

.gkeo_widget_pay .form__button button.f-btn:active,
.gkeo_widget_pay .form__button button.f-btn:hover,
.gkeo_widget_pay .form__button a:active,
.gkeo_widget_pay .form__button a:hover {
	background-color: var(--color__accent_active);
	-webkit-transform: translate3d(0px, -3px, 0px);
	-moz-transform: translate3d(0px, -3px, 0px);
	transform: translate3d(0px, -3px, 0px);
	-webkit-box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
	box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
}

@media (max-width: 510px) {

	.gkeo_widget_pay .form__button button.f-btn,
	.gkeo_widget_pay .form__button a {
		min-height: 50px;
		padding: 17px 20px;
	}
}

@media (max-width: 420px) {

	.gkeo_widget_pay .form__button button.f-btn,
	.gkeo_widget_pay .form__button a {
		font-size: 14px;
	}
}

@media (max-width: 320px) {

	.gkeo_widget_pay .form__button button.f-btn,
	.gkeo_widget_pay .form__button a {
		font-size: 13px;
	}
}

.gkeo_widget_pay .form__button p a {
	display: inline-block;
	text-decoration: none;
}

.gkeo_widget_pay .form__docs .f-text {
	font-size: 12px;
	line-height: 1.5;
}

@media (max-width: 576px) {
	.gkeo_widget_pay .form__docs .f-text {
		font-size: 10px;
	}
}

.gkeo_widget_pay .form__docs .f-text a {
	font-weight: 700;
}
/*===================================== 
ВИДЖЕТ ДЛЯ ОПЛАТЫ В СТИЛЕ GKEO. КОНЕЦ
===================================== */
/* ------------- 
content finish - gkeo_widjet_pay
------------- */

/* ------------- 
content start - widget-default
------------- */

.widget-custom {
  /*=====================================
  ПАНЕЛЬ УПРАВЛЕНИЯ. НАЧАЛО
  ===================================== */
  /* ОБЩЕЕ */
  /* Акцентный цвет */
  --accent-color: #88b8ff;
  /* Акцентный цвет при взаимодействии */
  --accent-color-active: #79afff;
  /* Цвет текста. Темный */
  --text-color-dark: #4a4a4a;
  /* Цвет текста. Светлый */
  --text-color-light: #ffffff;
  /* Цвет текста. Актуальный для страницы */
  --text-color-general: var(--text-color-dark);
  /* Цвет для ссылок */
  --links-color: #88b8ff;
  /* ОСНОВНОЙ БЛОК С КОНТЕНТОМ */
  /* Цвет фона формы */
  --blockbox-bg-color: #ffffff;
  /* Закругления в блоках */
  --blockbox-border-radius: 16px;
  /* Ширина рамок блока */
  --blockbox-border-width: 0;
  /* Цвет рамок блока */
  --blockbox-border-color: transparent;
  /* ПОЛЯ ДЛЯ ВВОДА ИНФОРМАЦИИ */
  /* Цвет фона в полях для ввода */
  --input-bg-color: #f8f8f8;
  /* Цвет фона в полях для ввода при взаимодействии */
  --input-bg-color-active: #ffffff;
  /* Цвет текста в плейсхолдере */
  --input-placeholder-color: #b4b4b4;
  /* Ширина рамок полей для ввода информации */
  --input-border-width: 1px;
  /* Цвет рамок блока */
  --input-border-color: transparent;
  /* ШРИФТ */
  /* Шрифт. Названия шрифтов */
  --font-family: "Montserrat", sans-serif;
  /* Шрифт. Насыщенность шрифта. Обычная */
  --font-weight-normal: 400;
  /* Шрифт. Насыщенность шрифта. Жирная */
  --font-weight-bold: 700;
  /* АНИМАЦИИ */
  /* Время анимации. Обычное  */
  --transition-duration-default: 0.3s;
  /* Время анимации. Ускоренное  */
  --transition-duration-fast: 0.2s;
  /* Тип анимации */
  --transition-animation-type: ease;
  /*=====================================
  ПАНЕЛЬ УПРАВЛЕНИЯ. КОНЕЦ
  ===================================== */
  -webkit-text-size-adjust: 100%;
  /* Раскоментить, если нужен функционал
    .f-input {
        touch-action: pan-x pan-y;
    }*/
}
.widget-custom .block-set,
.widget-custom .f-text,
.widget-custom .description,
.widget-custom .text,
.widget-custom .image-box,
.widget-custom .lt-form .f-input,
.widget-custom .lt-form .field-label,
.widget-custom .lt-form,
.widget-custom .lt-block .f-btn,
.widget-custom .lt-menu .right-descr,
.widget-custom .stsr05 .description,
.widget-custom .comment-form-wrapper,
.widget-custom .tag-editor,
.widget-custom .comments-tree a,
.widget-custom div.juxtapose,
.widget-custom .fotorama__caption,
.widget-custom .lt-column-with-icons .column .title,
.widget-custom .stsr05 {
  font-family: var(--font-family);
}
.widget-custom .f-header,
.widget-custom .f-subheader,
.widget-custom .f-desc,
.widget-custom .f-name,
.widget-custom .f-btn,
.widget-custom .stsr05 .subheader,
.widget-custom .stsr05 .header,
.widget-custom .title {
  font-family: var(--font-family);
}
.widget-custom .hide-label .field-label {
  display: none !important;
}
.widget-custom .hide-price .form-position-price span {
  display: none !important;
}
.widget-custom .notice-top-panel,
.widget-custom .margin-top-notice {
  display: none !important;
}
@media (max-width: 420px) {
  .widget-custom .f-header br,
  .widget-custom .f-text br {
    content: "";
  }
  .widget-custom .f-header br::before,
  .widget-custom .f-text br::before {
    content: " ";
  }
}
.widget-custom .block-set,
.widget-custom .f-text {
  font-weight: var(--font-weight-normal);
}
.widget-custom .global-confirm-checkbox-block {
  margin-top: 15px;
  padding: 0;
}
.widget-custom .global-confirm-checkbox-block label {
  margin-bottom: 0;
}
.widget-custom .global-confirm-checkbox-block .global-confirm-checkbox {
  margin: 3px 0 0;
}
.widget-custom .global-confirm-checkbox-block .checkbox-text {
  line-height: 1.5;
  font-size: 13px;
}
@media (max-width: 576px) {
  .widget-custom .global-confirm-checkbox-block .checkbox-text {
    font-size: 12px;
  }
}
.widget-custom .global-confirm-checkbox-block .checkbox-text a {
  font-weight: var(--font-weight-bold);
}
.widget-custom .lt-block-wrapper {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.widget-custom .form-result-block {
  margin: 0 !important;
}
.widget-custom .form-result-block .f-header {
  margin-bottom: 25px;
  color: var(--accent-color);
}
@media (max-width: 420px) {
  .widget-custom .form-result-block .f-header {
    font-size: 18px;
  }
}
.widget-custom .form-result-block .f-text p:not(:last-child) {
  margin-bottom: 13px;
}
.widget-custom .form-result-block .f-text p a.button--custom {
  display: inline-block;
  padding: 20px !important;
  width: 100% !important;
  border-radius: calc(var(--blockbox-border-radius) / 2);
  color: var(--text-color-light) !important;
  background-color: var(--accent-color);
  font-size: 14px;
  font-weight: var(--font-weight-bold);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  box-shadow: 0px 4px 15px rgba(130, 130, 130, 0.25);
  transition: background-color var(--transition-duration-default) var(--transition-animation-type),
    transform var(--transition-duration-default) var(--transition-animation-type),
    box-shadow var(--transition-duration-default) var(--transition-animation-type);
}
@media (max-width: 510px) {
  .widget-custom .form-result-block .f-text p a.button--custom {
    min-height: 50px;
    padding: 17px 20px;
  }
}
@media (max-width: 420px) {
  .widget-custom .form-result-block .f-text p a.button--custom {
    font-size: 14px;
  }
}
@media (max-width: 320px) {
  .widget-custom .form-result-block .f-text p a.button--custom {
    font-size: 13px;
  }
}
.widget-custom .form-result-block .f-text p a.button--custom:focus,
.widget-custom .form-result-block .f-text p a.button--custom:active {
  background-color: var(--accent-color-active);
  transform: translate3d(0px, -3px, 0px);
  box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
}
@media (pointer: fine) {
  .widget-custom .form-result-block .f-text p a.button--custom:hover {
    background-color: var(--accent-color-active);
    transform: translate3d(0px, -3px, 0px);
    box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
  }
}
.widget-custom .block-box {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
  padding-left: 50px !important;
  padding-right: 50px !important;
  border: var(--blockbox-border-width) solid var(--blockbox-border-color) !important;
  border-radius: var(--blockbox-border-radius);
  background-color: var(--blockbox-bg-color) !important;
}
@media (max-width: 540px) {
  .widget-custom .block-box {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}
@media (max-width: 510px) {
  .widget-custom .block-box {
    padding-top: 30px !important;
    padding-bottom: 40px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media (max-width: 420px) {
  .widget-custom .block-box {
    padding-bottom: 35px !important;
  }
}
@media (max-width: 420px) {
  .widget-custom .form__title {
    margin-bottom: 15px !important;
  }
}
.widget-custom .form__title .f-header,
.widget-custom .form__title .f-text {
  text-transform: uppercase;
  line-height: 1.3;
  font-size: 28px;
  color: var(--accent-color);
}
@media (max-width: 420px) {
  .widget-custom .form__title .f-header,
  .widget-custom .form__title .f-text {
    font-size: 18px;
  }
}
.widget-custom .form__offer label.form-position {
  padding: 8px;
  margin: 0;
  opacity: 0.3;
  background-color: transparent;
  border: 2px solid var(--accent-color);
  border-radius: calc(var(--blockbox-border-radius) / 2);
  font-weight: var(--font-weight-normal);
  text-align: center;
  color: var(--text-color-dark);
  cursor: pointer;
  transition: border-color var(--transition-duration-default) ease-in-out,
    color var(--transition-duration-default) ease-in-out, background var(--transition-duration-default) ease-in-out,
    box-shadow var(--transition-duration-default) ease-in-out, transform var(--transition-duration-default) ease-in-out,
    opacity var(--transition-duration-default) ease-in-out;
}
@media (max-width: 320px) {
  .widget-custom .form__offer label.form-position {
    font-size: 14px;
  }
}
.widget-custom .form__offer label.form-position.selected {
  cursor: text;
  border-color: transparent;
  color: var(--text-color-light);
  background: var(--accent-color);
  /* Закомментировать ниже, если не нужен градиент */
  background: linear-gradient(100deg, var(--accent-color) 0%, var(--accent-color-active) 100%);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  transform: translateY(-2px);
  opacity: 1;
}
.widget-custom .form__offer label.form-position .form-position-price .final-price {
  font-weight: var(--font-weight-bold);
}
.widget-custom .form__offer label.form-position .form-position-checker {
  display: none;
}
.widget-custom .form__offer label.form-position .form-position-title {
  margin-bottom: 5px;
}
.widget-custom .form__offer label.form-position .pull-right,
.widget-custom .form__offer label.form-position .pull-left {
  float: none !important;
}
.widget-custom .form__offer.prepay-text .form-position-price:after {
  content: "Предоплата — 990 ₽";
  display: block;
}
@media (max-width: 420px) {
  .widget-custom .form__text .f-text {
    font-size: 14px;
  }
}
.widget-custom .form__warning .f-text {
  font-size: 13px;
  line-height: 1.3;
}
.widget-custom .form__field .custom-field-input input,
.widget-custom .form__field .custom-field-input textarea {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  box-shadow: none;
}
.widget-custom .form__field input.f-input,
.widget-custom .form__field textarea.f-input {
  outline: none;
  height: 55px;
  border: none;
  border-radius: calc(var(--blockbox-border-radius) / 2);
  color: var(--text-color-dark);
  background-color: var(--input-bg-color);
  font-weight: var(--font-weight-normal);
  font-size: 14px;
  border: 1px solid transparent !important;
  transition: background-color var(--transition-duration-default) var(--transition-animation-type),
    border-color var(--transition-duration-default) var(--transition-animation-type),
    box-shadow var(--transition-duration-default) var(--transition-animation-type);
}
.widget-custom .form__field input.f-input::-moz-placeholder,
.widget-custom .form__field textarea.f-input::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.widget-custom .form__field input.f-input::placeholder,
.widget-custom .form__field textarea.f-input::placeholder {
  color: var(--input-placeholder-color);
}
.widget-custom .form__field input.f-input:focus,
.widget-custom .form__field textarea.f-input:focus {
  background-color: var(--input-bg-color-active);
  border-color: var(--accent-color) !important;
  box-shadow: 0px 4px 10px rgba(130, 130, 130, 0.25);
}
@media (max-width: 510px) {
  .widget-custom .form__field input.f-input,
  .widget-custom .form__field textarea.f-input {
    height: 50px;
    font-size: 13px;
  }
}
.widget-custom .form__field .field-label {
  display: inline-block;
  padding: 0;
  margin: 0;
  margin-bottom: 3px;
  font-size: 13px;
}
@media (max-width: 510px) {
  .widget-custom .form__field .field-label {
    font-size: 12px;
  }
}
.widget-custom .form__button button.f-btn,
.widget-custom .form__button a {
  padding: 20px;
  width: 100%;
  color: var(--text-color-light);
  background-color: var(--accent-color);
  font-size: 15px;
  font-weight: var(--font-weight-bold);
  letter-spacing: 1px;
  border-radius: calc(var(--blockbox-border-radius) / 2);
  box-shadow: 0px 4px 15px rgba(130, 130, 130, 0.25);
  transition: background-color var(--transition-duration-default) var(--transition-animation-type),
    transform var(--transition-duration-default) var(--transition-animation-type),
    box-shadow var(--transition-duration-default) var(--transition-animation-type);
}
.widget-custom .form__button button.f-btn:active,
.widget-custom .form__button a:active {
  background-color: var(--accent-color-active);
  transform: translate3d(0px, -3px, 0px);
  box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
}
@media (pointer: fine) {
  .widget-custom .form__button button.f-btn:hover,
  .widget-custom .form__button a:hover {
    background-color: var(--accent-color-active);
    transform: translate3d(0px, -3px, 0px);
    box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
  }
}
@media (max-width: 510px) {
  .widget-custom .form__button button.f-btn,
  .widget-custom .form__button a {
    min-height: 50px;
    padding: 17px 20px;
  }
}
@media (max-width: 420px) {
  .widget-custom .form__button button.f-btn,
  .widget-custom .form__button a {
    font-size: 14px;
  }
}
@media (max-width: 320px) {
  .widget-custom .form__button button.f-btn,
  .widget-custom .form__button a {
    font-size: 13px;
  }
}
.widget-custom .form__button p a {
  display: inline-block;
  text-decoration: none;
}
.widget-custom .form__docs .f-text {
  font-size: 12px;
  line-height: 1.5;
}
@media (max-width: 576px) {
  .widget-custom .form__docs .f-text {
    font-size: 10px;
  }
}
.widget-custom .form__docs .f-text a {
  font-weight: var(--font-weight-bold);
}
.widget-custom .form__checkbox .field-label {
  margin: 0 !important;
  padding: 0 !important;
}
.widget-custom .form__checkbox .label-value {
  font-size: 14px;
}
.widget-custom .form__checkbox .label-value a[href] {
  font-weight: var(--font-weight-bold);
}
.widget-custom .form__checkbox .field-description-block {
  display: none !important;
}
/* ------------- 
content finish - widget-default
------------- */

/* ------------- 
content start - widget-delegate
------------- */

.widget-custom {
  /*===================================== 
  ПАНЕЛЬ УПРАВЛЕНИЯ. НАЧАЛО 
  ===================================== */
    /* ОБЩЕЕ */
    /* Акцентный цвет */
    --accent-color: #1B91FF;
    /* Акцентный цвет при взаимодействии */
    --accent-color-active: #0072DB;
    /* Цвет текста. Темный */
    --text-color-dark: #232323;
    /* Цвет текста. Светлый */
    --text-color-light: #ffffff;
    /* Цвет текста. Актуальный для страницы */
    --text-color-general: var(--text-color-dark);
    /* Цвет для ссылок */
    --links-color: #1B91FF;
    
    /* ОСНОВНОЙ БЛОК С КОНТЕНТОМ */
    /* Цвет фона формы */
    --blockbox-bg-color: #ffffff;
    /* Закругления в блоках */
    --blockbox-border-radius: 24px;
    /* Ширина рамок блока */
    --blockbox-border-width: 0;
    /* Цвет рамок блока */
    --blockbox-border-color: transparent;
    
    /* ПОЛЯ ДЛЯ ВВОДА ИНФОРМАЦИИ */
    /* Цвет фона в полях для ввода */
    --input-bg-color: #f8f8f8;
    /* Цвет фона в полях для ввода при взаимодействии */
    --input-bg-color-active: #ffffff;
    /* Цвет текста в плейсхолдере */
    --input-placeholder-color: #6c6c6c;
    /* Ширина рамок полей для ввода информации */
    --input-border-width: 1px;
    /* Цвет рамок блока */
    --input-border-color: transparent;
    
    /* ШРИФТ */
    /* Шрифт. Названия шрифтов */
    --font-family: "Montserrat", sans-serif;
    /* Шрифт. Насыщенность шрифта. Обычная */
    --font-weight-normal: 400;
    /* Шрифт. Насыщенность шрифта. Жирная */
    --font-weight-bold: 700;
    
    /* АНИМАЦИИ */
    /* Время анимации. Обычное  */
    --transition-duration-default: 0.3s;
    /* Время анимации. Ускоренное  */
    --transition-duration-fast: 0.2s;
    /* Тип анимации */
    --transition-animation-type: ease;
    
    /*===================================== 
  ПАНЕЛЬ УПРАВЛЕНИЯ. КОНЕЦ 
  ===================================== */
    -webkit-text-size-adjust: 100%;
    /* Раскоментить, если нужен функционал */
  .f-input {
      touch-action: pan-x pan-y;
  }
}

.widget-custom .block-set,
.widget-custom .f-text,
.widget-custom .description,
.widget-custom .text,
.widget-custom .image-box,
.widget-custom .lt-form .f-input,
.widget-custom .lt-form .field-label,
.widget-custom .lt-form,
.widget-custom .lt-block .f-btn,
.widget-custom .lt-menu .right-descr,
.widget-custom .stsr05 .description,
.widget-custom .comment-form-wrapper,
.widget-custom .tag-editor,
.widget-custom .comments-tree a,
.widget-custom div.juxtapose,
.widget-custom .fotorama__caption,
.widget-custom .lt-column-with-icons .column .title,
.widget-custom .stsr05 {
    font-family: var(--font-family);
}

.widget-custom .f-header,
.widget-custom .f-subheader,
.widget-custom .f-desc,
.widget-custom .f-name,
.widget-custom .f-btn,
.widget-custom .stsr05 .subheader,
.widget-custom .stsr05 .header,
.widget-custom .title {
    font-family: var(--font-family);
}

.widget-custom .hide-label .field-label {
    display: none !important;
}

.widget-custom .hide-price .form-position-price span {
    display: none !important;
}

.widget-custom .notice-top-panel,
.widget-custom .margin-top-notice {
    display: none !important;
}

.widget-custom .list-reset ul,
.widget-custom .list-reset ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (max-width: 420px) {

    .widget-custom .f-header br,
    .widget-custom .f-text br {
        content: "";
    }

    .widget-custom .f-header br::before,
    .widget-custom .f-text br::before {
        content: " ";
    }
}

.widget-custom .block-set,
.widget-custom .f-text {
    font-weight: var(--font-weight-normal);
}

.widget-custom .global-confirm-checkbox-block {
    margin-top: 15px;
    padding: 0;
}

.widget-custom .global-confirm-checkbox-block label {
    margin-bottom: 0;
}

.widget-custom .global-confirm-checkbox-block .global-confirm-checkbox {
    margin: 3px 0 0;
}

.widget-custom .global-confirm-checkbox-block .checkbox-text {
    line-height: 1.5;
    font-size: 13px;
}

@media (max-width: 576px) {
    .widget-custom .global-confirm-checkbox-block .checkbox-text {
        font-size: 12px;
    }
}

.widget-custom .global-confirm-checkbox-block .checkbox-text a {
    font-weight: var(--font-weight-bold);
}

.widget-custom .lt-block-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.widget-custom .form-result-block {
    margin: 0 !important;
}

.widget-custom .form-result-block .f-header {
    margin-bottom: 25px;
    color: var(--accent-color);
}

@media (max-width: 420px) {
    .widget-custom .form-result-block .f-header {
        font-size: 18px;
    }
}

.widget-custom .form-result-block .f-text p:not(:last-child) {
    margin-bottom: 13px;
}

.widget-custom .form-result-block .f-text p a.button--custom {
    display: inline-block;
    padding: 20px !important;
    width: 100% !important;
    border-radius: calc(var(--blockbox-border-radius) / 2);
    color: var(--text-color-light) !important;
    background-color: var(--accent-color);
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0px 4px 15px rgba(130, 130, 130, 0.25);
    transition: background-color var(--transition-duration-default) var(--transition-animation-type), transform var(--transition-duration-default) var(--transition-animation-type), box-shadow var(--transition-duration-default) var(--transition-animation-type);
}

@media (max-width: 510px) {
    .widget-custom .form-result-block .f-text p a.button--custom {
        min-height: 50px;
        padding: 17px 20px;
    }
}

@media (max-width: 420px) {
    .widget-custom .form-result-block .f-text p a.button--custom {
        font-size: 14px;
    }
}

@media (max-width: 320px) {
    .widget-custom .form-result-block .f-text p a.button--custom {
        font-size: 13px;
    }
}

.widget-custom .form-result-block .f-text p a.button--custom:focus,
.widget-custom .form-result-block .f-text p a.button--custom:active {
    background-color: var(--accent-color-active);
    transform: translate3d(0px, -3px, 0px);
    box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
}

@media (pointer: fine) {
    .widget-custom .form-result-block .f-text p a.button--custom:hover {
        background-color: var(--accent-color-active);
        transform: translate3d(0px, -3px, 0px);
        box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
    }
}

.widget-custom .block-box {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
    border: var(--blockbox-border-width) solid var(--blockbox-border-color) !important;
    border-radius: var(--blockbox-border-radius);
    background-color: var(--blockbox-bg-color) !important;
}

@media (max-width: 540px) {
    .widget-custom .block-box {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}

@media (max-width: 510px) {
    .widget-custom .block-box {
        padding-top: 30px !important;
        padding-bottom: 40px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@media (max-width: 420px) {
    .widget-custom .block-box {
        padding-bottom: 35px !important;
    }
}

@media (max-width: 420px) {
    .widget-custom .form__title {
        margin-bottom: 15px !important;
    }
}

.widget-custom .form__title .f-header,
.widget-custom .form__title .f-text {
    text-transform: uppercase;
    line-height: 1.3;
    font-size: 28px;
    color: var(--accent-color);
}

@media (max-width: 420px) {

    .widget-custom .form__title .f-header,
    .widget-custom .form__title .f-text {
        font-size: 18px;
    }
}

.widget-custom .form__description ul,
.widget-custom .form__description ol {
	font-size: 14px;
}

@media (max-width: 420px) {

	.widget-custom .form__description ul,
	.widget-custom .form__description ol {
		font-size: 12px;
	}
}

.widget-custom .form__description ul li::before,
.widget-custom .form__description ol li::before {
	content: '';
	display: inline-block;
	width: 9px;
	height: 9px;
	margin-right: 10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: var(--accent-color);
}

.widget-custom .form__description ul li:not(:last-child),
.widget-custom .form__description ol li:not(:last-child) {
	margin-bottom: 5px;
}

.widget-custom .form__offer label.form-position {
    padding: 8px;
    margin: 0;
    opacity: 0.3;
    background-color: transparent;
    border: 2px solid var(--accent-color);
    border-radius: calc(var(--blockbox-border-radius) / 2);
    font-weight: var(--font-weight-normal);
    text-align: center;
    color: var(--text-color-dark);
    cursor: pointer;
    transition: border-color var(--transition-duration-default) ease-in-out, color var(--transition-duration-default) ease-in-out, background var(--transition-duration-default) ease-in-out, box-shadow var(--transition-duration-default) ease-in-out, transform var(--transition-duration-default) ease-in-out, opacity var(--transition-duration-default) ease-in-out;
}

@media (max-width: 320px) {
    .widget-custom .form__offer label.form-position {
        font-size: 14px;
    }
}

.widget-custom .form__offer label.form-position.selected {
    cursor: text;
    border-color: transparent;
    color: var(--text-color-light);
    background: var(--accent-color);
    /* Закомментировать ниже, если не нужен градиент */
    background: linear-gradient(100deg, var(--accent-color) 0%, var(--accent-color-active) 100%);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    transform: translateY(-2px);
    opacity: 1;
}

.widget-custom .form__offer label.form-position .form-position-price .final-price {
    font-weight: var(--font-weight-bold);
}

.widget-custom .form__offer label.form-position .form-position-checker {
    display: none;
}

.widget-custom .form__offer label.form-position .form-position-title {
    margin-bottom: 5px;
}

.widget-custom .form__offer label.form-position .pull-right,
.widget-custom .form__offer label.form-position .pull-left {
    float: none !important;
}

.widget-custom .form__offer.prepay-text .form-position-price:after {
    content: "Предоплата — 990 ₽";
    display: block;
}

.widget-custom .form__text .f-text {
        font-size: 14px;
}

@media (max-width: 420px) {
    .widget-custom .form__text .f-text {
        font-size: 12px;
    }
}

.widget-custom .form__warning .f-text {
    font-size: 13px;
    line-height: 1.3;
}

.widget-custom .form__field .custom-field-input input,
.widget-custom .form__field .custom-field-input textarea {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    box-shadow: none;
}

.widget-custom .form__field input.f-input,
.widget-custom .form__field textarea.f-input {
    outline: none;
    height: 55px;
    border: none;
    border-radius: calc(var(--blockbox-border-radius) / 2);
    color: var(--text-color-dark);
    background-color: var(--input-bg-color);
    font-weight: var(--font-weight-normal);
    font-size: 14px;
    border: 1px solid transparent !important;
    transition: background-color var(--transition-duration-default) var(--transition-animation-type), border-color var(--transition-duration-default) var(--transition-animation-type), box-shadow var(--transition-duration-default) var(--transition-animation-type);
}

.widget-custom .form__field input.f-input::-moz-placeholder,
.widget-custom .form__field textarea.f-input::-moz-placeholder {
    color: var(--input-placeholder-color);
}

.widget-custom .form__field input.f-input::placeholder,
.widget-custom .form__field textarea.f-input::placeholder {
    color: var(--input-placeholder-color);
}

.widget-custom .form__field input.f-input:focus,
.widget-custom .form__field textarea.f-input:focus {
    background-color: var(--input-bg-color-active);
    border-color: var(--accent-color) !important;
    box-shadow: 0px 4px 10px rgba(130, 130, 130, 0.25);
}

@media (max-width: 510px) {

    .widget-custom .form__field input.f-input,
    .widget-custom .form__field textarea.f-input {
        height: 50px;
        font-size: 13px;
    }
}

.widget-custom .form__field .field-label {
    display: inline-block;
    padding: 0;
    margin: 0;
    margin-bottom: 3px;
    font-size: 13px;
}

@media (max-width: 510px) {
    .widget-custom .form__field .field-label {
        font-size: 12px;
    }
}

.widget-custom .form__button button.f-btn,
.widget-custom .form__button a {
    padding: 20px;
    width: 100%;
    color: var(--text-color-light);
    background-color: var(--accent-color);
    font-size: 15px;
    font-weight: var(--font-weight-bold);
    letter-spacing: 1px;
    border-radius: calc(var(--blockbox-border-radius) / 2);
    box-shadow: 0px 4px 15px rgba(130, 130, 130, 0.25);
    transition: background-color var(--transition-duration-default) var(--transition-animation-type), transform var(--transition-duration-default) var(--transition-animation-type), box-shadow var(--transition-duration-default) var(--transition-animation-type);
}

.widget-custom .form__button button.f-btn:focus,
.widget-custom .form__button button.f-btn:active,
.widget-custom .form__button a:focus,
.widget-custom .form__button a:active {
    background-color: var(--accent-color-active);
    transform: translate3d(0px, -3px, 0px);
    box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
}

@media (pointer: fine) {

    .widget-custom .form__button button.f-btn:hover,
    .widget-custom .form__button a:hover {
        background-color: var(--accent-color-active);
        transform: translate3d(0px, -3px, 0px);
        box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
    }
}

@media (max-width: 510px) {

    .widget-custom .form__button button.f-btn,
    .widget-custom .form__button a {
        min-height: 50px;
        padding: 17px 20px;
    }
}

@media (max-width: 420px) {

    .widget-custom .form__button button.f-btn,
    .widget-custom .form__button a {
        font-size: 14px;
    }
}

@media (max-width: 320px) {

    .widget-custom .form__button button.f-btn,
    .widget-custom .form__button a {
        font-size: 13px;
    }
}

.widget-custom .form__button p a {
    display: inline-block;
    text-decoration: none;
}

.widget-custom .form__docs .f-text {
    font-size: 12px;
    line-height: 1.5;
}

@media (max-width: 510px) {
    .widget-custom .form__docs .f-text {
        font-size: 10px;
    }
}

.widget-custom .form__docs .f-text a {
    font-weight: var(--font-weight-bold);
}
/* ------------- 
content finish - widget-delegate
------------- */
