/* битрикс */

.modal__form-bitrix-title {
	font-family: var(--font-family);
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 24px;
	line-height: 1.15;
}

.modal__window .n_b24_cust ,
.modal__window .n_b24_cust * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* обнуление стилей */

.n_b24_cust .b24-form-content {
	padding: 0;
}

.b24-form-header-padding {
	display: none;
}

.n_b24_cust .b24-form-wrapper.b24-form-shadow {
	-webkit-box-shadow: none ;
	        box-shadow: none ;
}

.n_b24_cust .b24-form-padding-side {
	padding-left: 0;
	padding-right: 0;
}

/* странный отступ между полями когда ошибка*/

.n_b24_cust .b24-form-control-alert, .n_b24_cust .b24-form-field
{
	margin-bottom: 24px !important;
}

.n_b24_cust .b24-form-control-container {
	margin-bottom: 0;
}

/* поле с ошибкой */

.n_b24_cust .b24-form-control-alert.b24-form-control-checkbox, 
.n_b24_cust .b24-form-control-alert.b24-form-control-file, 
.n_b24_cust .b24-form-control-alert.b24-form-control-list .b24-form-control, 
.n_b24_cust .b24-form-control-alert.b24-form-control-radiobox, 
.n_b24_cust .b24-form-control-alert.b24-form-control-string .b24-form-control, 
.n_b24_cust .b24-form-control-alert.b24-form-control-text .b24-form-control {
	background-color: #F3F6F8;
	/* border-color: #E20F32; */
	border: 2px solid #E20F32;
}

/* поле фокус */

.n_b24_cust .b24-form-control-list .b24-form-control:focus:not([readonly]), 
.n_b24_cust .b24-form-control-select .field-item:focus:not([readonly]), 
.n_b24_cust .b24-form-control-string .b24-form-control:focus:not([readonly]), 
.n_b24_cust .b24-form-control-text .b24-form-control:focus:not([readonly]) {
	border: 2px solid #00E3E3;
}

/* сам инпут */

.n_b24_cust .b24-form-control-list .b24-form-control, 
.n_b24_cust .b24-form-control-select .field-item, 
.n_b24_cust .b24-form-control-string .b24-form-control, 
.n_b24_cust .b24-form-control-text .b24-form-control{
	border-radius: 16px;
	padding: 34px 0 13px 24px;
	line-height: 1.2;
	height: 69px;
	background-color: #F3F6F8;
	letter-spacing: 0;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 18px;
	border: 2px solid #F3F6F8;
	color: #242836;
}

/* textarea */

.n_b24_cust .b24-form-control-text textarea.b24-form-control {
	min-height: 200px;
	height: auto;
	resize: none;
	overflow: hidden;
}

/* подсказка */

.n_b24_cust .b24-form-control-list .b24-form-control-label, 
.n_b24_cust .b24-form-control-string .b24-form-control-label, 
.n_b24_cust .b24-form-control-text .b24-form-control-label {
	padding-left: 24px;
	line-height: 1.2;
	color: #878EA8;
	font-family: var(--font-family);
	font-size: 18px;
	font-weight: 500;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.n_b24_cust .b24-form-control-text textarea+.b24-form-control-label {
	top: 22px;
}

/* .n_b24_cust .b24-form-control-list .b24-form-control-label {
	font-size: 18px;
	font-weight: 500;
	top: 50% !important;
	transform: translateY(-50%);
	transform: none !important;
} */

/* подсказка focus*/

.n_b24_cust .b24-form-control-not-empty+.b24-form-control-label, 
.n_b24_cust .b24-form-control-select-label, 
.n_b24_cust .b24-form-control:focus+.b24-form-control-label {
	font-size: 16px;
	top: 12px;
}

/* промежуточное состояние если тыкнуть на поле 2 раз во время открытия */

.n_b24_cust .b24-form-control-list .b24-form-control:focus+.b24-form-control-label {
	font-size: 18px;
	font-weight: 500;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

/* кастомная подсказка только для полей со списком*/

.n_b24_cust .b24-form-control-list.b24-custom-list .b24-form-control-label,
.n_b24_cust .b24-form-control-list:focus+.b24-form-control-label {
	font-size: 18px;
	font-weight: 500;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

/* .n_b24_cust .b24-form-control-list.b24-form-control-alert+.b24-form-control-label{
	font-size: 18px !important;
	font-weight: 500 !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
} */

.n_b24_cust .b24-form-control-list.b24-custom-list.has-value.is-closed .b24-form-control-label, 
.n_b24_cust .b24-form-control-list.b24-custom-list.has-value.is-open .b24-form-control-label {

	font-size: 16px;
	top: 12px;
	-webkit-transform: none;
	    -ms-transform: none;
	        transform: none;
}

/* выпадающий список */

.n_b24_cust .b24-form-dropdown-container {
	padding: 16px;
	border-radius: 16px;
	margin-top: 8px !important;
}

/* всплывающее окно обязательое */

.n_b24_cust .b24-form-control-alert .b24-form-control-alert-message {
	display: none !important;
}

.n_b24_cust .b24-form-control-list-selector-item {
	border-bottom: 0;
	padding: 0;
}

.n_b24_cust .b24-form-control-list-selector-item-title {
	line-height: 46px;
	padding: 0 8px;
	font-family: var(--font-family);
	font-size: 18px;
	font-weight: 500;
}

.n_b24_cust .b24-form-control-list-selector-item-title:hover {
	color: #02D0CD;
}

/* крестик в input */

.n_b24_cust .b24-form-control-list .b24-form-icon-remove::after, 
.n_b24_cust .b24-form-control-list .b24-form-icon-remove::before{
	display: none;
}

.n_b24_cust .b24-form-control-list .b24-form-icon-remove {
	width: 24px;
  height: 24px;
  background: url('../../img/icon/f_close.svg') no-repeat center;
	top: calc(50% - 12px);
	right: 24px;
}

/* стрелочка вниз  */

.n_b24_cust .b24-form-control-list .b24-form-control-container:after {
	display: none;
}

/* чекбокс с подпиской*/

.n_b24_cust .b24-form-control-bool .b24-form-control-container input[type="checkbox"]
 {
	position: absolute;
	opacity: 0;
}

.n_b24_cust .b24-form-control-bool .b24-form-control-container .b24-form-control-desc {
	display: block;
	padding-left: 32px;
	font-size: 16px;
	font-family: var(--font-family);
	font-weight: 500;
	color: #878EA8;
	cursor: pointer;
}

.n_b24_cust .b24-form-control-bool .b24-form-control-container .b24-form-control-desc:before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 18px;
	height: 18px;
	border-radius: 4px;
	background: #fff;
	background-color: transparent;
	border: 2px solid #DADEE3;
}

.n_b24_cust .b24-form-control-bool .b24-form-control-container .b24-form-control-desc:hover:before{
	border: 2px solid #878EA8;
}

.n_b24_cust .b24-form-control-bool .b24-form-control-container input[type="checkbox"]:checked + .b24-form-control-desc:before {
	border-color: #00E3E3;
	background: #00E3E3 url(../../img/icon/checkbox_Icon.svg) no-repeat center;
	background-size: 12px;
}

/* текст согласия */

.n_b24_cust .b24-form-field-agreement .b24-form-control-desc {
	font-size: 16px;
	font-family: var(--font-family);
	font-weight: 500;
	color: #878EA8;
	opacity: 1;
}

.n_b24_cust .b24-form-field-agreement .b24-form-field-agreement-link {
	color: #878EA8;
	font-size: 16px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-bottom: none !important;
	text-decoration: underline;
}

.n_b24_cust .b24-form-field-agreement .b24-form-field-agreement-link:hover{
	color: #02D0CD;
}

/* кнопка отправить */

.n_b24_cust .b24-form-btn-block {
	padding: 0;
	margin-bottom: 24px;
}

.n_b24_cust .b24-form-btn {
	background-color: #F3F6F8;
	line-height: 62px;
	padding: 0;
	border: 0;
	-webkit-box-shadow: none;
	        box-shadow: none;
	border-radius: 16px;
	color: #141928;
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 18px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.n_b24_cust .b24-form-btn:hover {
	background-color: #DADEE3;
}

.n_b24_cust .b24-form-control-required {
	color: #878EA8;
}

.n_b24_cust .b24-form-state-container  {
	display: none !important;
}

/* скрытие чекбокса  */

/* .n_b24_cust  .b24-form-control-agreement input {
	display: none;
} */

/* скрытие input по id формы */

.n_b24_cust[data-modal="form_367"]  .b24-form-control-agreement input {
	display: none;
}

/* скрытие непонятного поля  */

/* [data-modal="form_77"] .b24-form-field-string:last-of-type */

[data-modal="form_367"] .b24-form-field-string:last-of-type, 
[data-modal="form_359"] .b24-form-field-string:last-of-type {
    display: none;
}

.n_b24_cust .b24-form-wrapper {
	background-color: #fff;
}

/* form 317 */

.n_b24_cust .modal__form-bitrix-description {
	font-size: 16px;
	line-height: 22px;
	opacity: .8;
}

.n_b24_cust .modal__form-bitrix-description p {
	margin-bottom: 32px;
}

.n_b24_cust .form__or {
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	color: #878EA8;
	text-align: center;
	position: relative;
	width: 100%;
	margin-bottom: 40px;
}

.n_b24_cust .form__or:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	right: 0;
	height: 2px;
	background: #DADEE3;
	z-index: 5;
}

.n_b24_cust .form__or span {
	padding: 0 16px;
	background: #fff;
	position: relative;
	z-index: 10;
}

.n_b24_cust .form__social {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 16px;
	margin-bottom: 42px;
	width: 100%;
}

.n_b24_cust .form__social-link {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 15px 15px;
	gap: 6px;
	height: 54px;
	background: #2aabee;
	border-radius: 8px;
	text-decoration: none;
	border: none;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	color: #ffffff;
	gap: 6px;
}

.n_b24_cust .form__social {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 16px;
	margin-bottom: 42px;
	width: 100%;
}

.n_b24_cust .modal__form-bitrix-sub-title {
	font-size: 16px;
	line-height: 22px;
	opacity: .8;
	margin-bottom: 19px;
}

[data-modal="form_317"].n_b24_cust .b24-form-field-agreement .b24-form-control-container input[type="checkbox"] {
	position: absolute;
	opacity: 0;
}

[data-modal="form_317"].n_b24_cust .b24-form-field-agreement .b24-form-control-container .b24-form-control-desc {
	display: block;
	padding-left: 32px;
	font-size: 16px;
	font-family: var(--font-family);
	font-weight: 500;
	color: #878EA8;
	cursor: pointer;
}

[data-modal="form_317"].n_b24_cust .b24-form-field-agreement .b24-form-control-container .b24-form-control-desc:before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 18px;
	height: 18px;
	border-radius: 4px;
	background: #fff;
	background-color: transparent;
	border: 2px solid #DADEE3;
}

[data-modal="form_317"].n_b24_cust .b24-form-field-agreement .b24-form-control-container input[type="checkbox"]:checked + .b24-form-control-desc:before {
	border-color: #00E3E3;
	background: #00E3E3 url(../../img/icon/checkbox_Icon.svg) no-repeat center;
	background-size: 12px;
}

@media (max-width: 768px) {
	.n_b24_cust .b24-form-control-alert, 
	.n_b24_cust .b24-form-field {
		margin-bottom: 16px !important;
	}
	.n_b24_cust .b24-form-control-list .b24-form-control, 
	.n_b24_cust .b24-form-control-select .field-item, 
	.n_b24_cust .b24-form-control-string .b24-form-control, 
	.n_b24_cust .b24-form-control-text .b24-form-control {
		height: 55px;
		font-size: 16px;
		padding: 28px 0 8px 24px;
	}
	/* подсказка */
	.n_b24_cust .b24-form-control-list .b24-form-control-label, 
	.n_b24_cust .b24-form-control-string .b24-form-control-label, 
	.n_b24_cust .b24-form-control-text .b24-form-control-label {
		font-size: 16px;
	}
	/* подсказка focus*/
	.n_b24_cust .b24-form-control-not-empty+.b24-form-control-label:not(.b24-custom-list),
	 .n_b24_cust .b24-form-control-select-label:not(.b24-custom-list),
	  .n_b24_cust .b24-form-control:focus+.b24-form-control-label:not(.b24-custom-list) {
		font-size: 14px;
		top: 8px;
	}
	/* подсказка кастом  когда есть текст*/
	.n_b24_cust .b24-form-control-list.b24-custom-list.has-value.is-closed .b24-form-control-label, 
	.n_b24_cust .b24-form-control-list.b24-custom-list.has-value.is-open .b24-form-control-label {
		font-size: 14px;
		top:8px;
	}

	/* кастомная подсказка  без текста  */
	.n_b24_cust .b24-form-control-list.b24-custom-list .b24-form-control-label,
	.n_b24_cust .b24-form-control-list.b24-custom-list.is-closed:not(.has-value) .b24-form-control-label, 
	.n_b24_cust .b24-form-control-list.b24-custom-list.is-open:not(.has-value) .b24-form-control:focus+.b24-form-control-label,
	.n_b24_cust .b24-form-control-list.b24-custom-list.is-open:not(.has-value) .b24-form-control-label {
		font-size: 16px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%);
	}

	.n_b24_cust .b24-form-control-text textarea+.b24-form-control-label {
		top: 18px;
	}
	.n_b24_cust .b24-form-dropdown-container {
		padding: 8px;
	}
	.n_b24_cust .b24-form-control-list-selector-item-title {
		line-height: 43px;
		font-size: 16px;
	}
	.n_b24_cust .b24-form-btn {
		line-height: 62px;
		font-size: 16px;
	}
	.n_b24_cust .b24-form-control-bool .b24-form-control-container .b24-form-control-desc {
		font-size: 16px;
		padding-left: 28px;
	}
	.n_b24_cust .b24-form-field-agreement .b24-form-control-desc {
		font-size: 16px;
	}
}

@media (max-width: 520px) {
	.n_b24_cust .b24-form-dropdown-container { 
		position: absolute; 
		bottom: auto;
		max-height: 290px;
		min-height: auto;
	} 
	.n_b24_cust .b24-form-dropdown {
		 position: relative; 
	}
	.n_b24_cust .b24-window-close {
		top: 20px;
	} 
}