/* Start:/local/templates/aspro-medc2/components/bitrix/news.detail/experts/style.css?1791441034219*/
@media (max-width: 575px) {
    .ex-expert .form.popup {
        background: none;
    }
}

.ex-expert .ex-expert__actions .btn:focus,
.ex-expert .ex-expert__actions .btn:hover {
    color: #fff1d6!important;
}
/* End */


/* Start:/local/templates/aspro-medc2/css/expert-modal.css?17907763314767*/
/**
 * Модальные окна карточки эксперта (разметка — Bootstrap 3, см. expert-modals.js).
 * Базовые стили .modal* берутся из css/bootstrap_edited.css, здесь —
 * центрирование, размеры и оформление под дизайн ex-expert.
 * Подключается только на страницах /experts/ (из шаблона news.detail/experts).
 */

.ex-modal {
	z-index: 2050; /* выше шапки сайта */
	padding: 0;
}

/*
 * Центрирование окна: само .modal делаем flex-контейнером, а .modal-dialog
 * центрируем через margin:auto — срабатывает по обеим осям и, в отличие от
 * схемы «min-height:100% на .modal-dialog», не зависит от базовых правил темы
 * (у .modal-dialog в bootstrap_edited.css своя width/padding) и не обрезает
 * верх высокого окна на малых экранах. .in перекрывает inline display:block,
 * который ставит expert-modals.js при открытии.
 */
.ex-modal.in {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.ex-modal .modal-dialog {
	margin: auto;
	width: 100%;
	display: block;
	padding: 16px;
}

.ex-modal .modal-content {
	width: 100%;
	border: 0;
	border-radius: 16px;
	box-shadow: 0 16px 48px rgba(0, 7, 51, .18);
	color: #000733;
	font-family: "Monrope", "Manrope", "Arial", sans-serif;
}

/* --- размеры окон --- */
.ex-modal .ex-modal__dialog--text { max-width: 560px; }
.ex-modal .ex-modal__dialog--form { max-width: 480px; }

.ex-modal .modal-body { padding: 32px; }

.ex-modal__close {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 5;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #f0f3ff;
	color: #0028b1;
	font-size: 26px;
	line-height: 1;
	cursor: pointer;
	-webkit-transition: background .2s ease;
	transition: background .2s ease;
}

.ex-modal__close:hover,
.ex-modal__close:focus { background: #d7dfff; outline: none; }

.ex-modal__title {
	margin: 0 0 12px;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.25;
	color: #000733;
	padding-right: 28px; /* чтобы заголовок не наезжал на крестик */
}

.ex-modal__text {
	margin: 0 0 16px;
	font-size: 16px;
	line-height: 1.5;
	color: #787878;
}

.ex-modal__text:last-child { margin-bottom: 0; }

/* список программ в текстовом окне */
.ex-modal__list {
	margin: 20px 0 0;
	padding: 0;
	list-style: none;
}

.ex-modal__list li { margin-bottom: 10px; }

.ex-modal__list a {
	display: block;
	padding: 14px 16px;
	border: 1px solid #d7dfff;
	border-radius: 12px;
	color: #0028b1;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35;
	text-decoration: none;
	-webkit-transition: border-color .2s ease, background .2s ease;
	transition: border-color .2s ease, background .2s ease;
}

.ex-modal__list a:hover,
.ex-modal__list a:focus { background: #f9faff; border-color: #0028b1; }

/* кнопка в подвале текстового окна */
.ex-modal__actions { margin-top: 24px; }

.ex-modal__btn {
	display: inline-block;
	padding: 15px 31px;
	border: 1px solid #0028b1;
	border-radius: 12px;
	background: #0028b1;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: background .2s ease, border-color .2s ease;
	transition: background .2s ease, border-color .2s ease;
}

.ex-modal__btn:hover,
.ex-modal__btn:focus { background: #0338ee; border-color: #0338ee; color: #fff; }

/* --- окно с лид-формой --- */
.ex-modal__body-form { min-height: 180px; padding: 24px !important; }

.ex-modal__loader,
.ex-modal__error {
	padding: 48px 16px;
	text-align: center;
	font-size: 15px;
	color: #787878;
}

.ex-modal__error { color: #c0392b; }

/* загруженная форма (/ajax/form.php) подгоняется под окно */
.ex-modal .form { width: 100%; }
.ex-modal .form .title { font-size: 24px; line-height: 1.25; color: #000733; }
.ex-modal .form .description { font-size: 15px; color: #787878; }
.ex-modal .form .btn { border-radius: 12px; }

/* --- адаптив --- */
@media (max-width: 575px) {
	.ex-modal .modal-dialog { padding: 10px; }
	.ex-modal .modal-content { border-radius: 14px; }
	.ex-modal .modal-body { padding: 24px 18px; }
	.ex-modal__title { font-size: 21px; }
	.ex-modal__text { font-size: 15px; }
	.ex-modal__btn,
	.ex-modal .form .btn { display: block; width: 100%; text-align: center; }
	.ex-modal .form .row [class*="col-"] { padding-left: 0; padding-right: 0; }
}

/* End */
/* /local/templates/aspro-medc2/components/bitrix/news.detail/experts/style.css?1791441034219 */
/* /local/templates/aspro-medc2/css/expert-modal.css?17907763314767 */