html {
scroll-behavior: smooth;
/* Добавляем отступ для якорей, чтобы заголовки не прятались под фиксированным меню */
scroll-padding-top: 100px;
}
button.b24-form-btn {
background-color: #f5bdc7;
color: #ffffff;
}
.b24-form-wrapper.b24-form-shadow.b24-form-border-top.b24-form-border-left.b24-form-border-bottom.b24-form-border-right {
border: 5px solid #eaf4fe;
}
img.img-vrch {width:100%!important;}
//* СЛАЙДЕР ПЕРСОНАЛА*/
.prs-p{background-position: top; background-size: 450px!important; background-repeat: no-repeat; height:500px!important;} /* СЛАЙДЕР ПЕРСОНАЛА */ .prs-blok{width:100%;margin: 20px 0;}.prs{height:450px;/* высота должна совпадать с высотой prs-blok */ width: 100%;}@media screen and (min-width: 0px) and (max-width: 550px){.prs-blok{height:550px;}.prs{height:200px; margin: 1px auto 0 auto;}}.prs-kont{background: #ffffff9c; -webkit-border-radius: 6px; border-radius: 6px; border: 5px solid #fff; -webkit-box-shadow: 0 4px 10px rgba(82,99,113,.3); box-shadow: 0 4px 10px rgba(82,99,113,.3);z-index: 99;float:left;height:510px;width:50%;margin: 20px 25%;overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}@media screen and (min-width: 0px) and (max-width: 550px){.prs{height:200px;}}.prs:before, .prs:after{display: table; content: ' ';}.prs:after{clear: both;}.prs-p{position: relative; float: left; margin: 0; padding: 0; height: 100%; background-size:cover;}.prs-p img{display: block; max-width: 100%; height: auto;} .prs-prkl.prs-prkl-pr {left:12%; position: absolute; margin-top: -250px; font-size: 30px; line-height: 50px; text-align: center; color: #ffffff; width: 50px; border-radius: 5px; height: 50px; background: #f5bdc7; cursor:pointer;} .prs-prkl.prs-prkl-sled {right:12%; position: absolute; margin-top: -250px; font-size: 30px; line-height: 50px; text-align: center; color: #ffffff; width: 50px; border-radius: 5px; height: 50px; background: #f5bdc7; cursor:pointer;} .prs-pdps {
text-shadow: 1px 1px 2px #808080;
position: absolute;
z-index: 999;
bottom: 0;
cursor: pointer;
border-radius: 20px;
text-align: center;
background: #bfdfff82;
display: block;
width: 90%;
padding: 1%;
color: #ffffff;
font-size: 17px;
line-height: 17px;
margin: 0 3%;
} .prs-pdps em {font-size:16px;line-height:16px;float:left;width:100%;margin:10px 0;text-decoration:underline;} .prs-pdps b{text-transform:uppercase; font-size: 25px; line-height:25px; color: #ffffff;margin-bottom:15px;width:100%;float:left;} /* ТОЧКИ */ .prs-nav{top: -480px;line-height: 30px; position:relative; width: 100%; float:left; height: 30px; margin: 0; padding: 0; text-align: center; z-index: 99; filter: alpha(opacity=90); /* ie8 */}.prs-tchk{display: inline-block; width: 12px; height: 12px; margin: 0 3px; -webkit-transition: background .5s ease; -moz-transition: background .5s ease; -o-transition: background .5s ease; transition: background .5s ease; border: 2px solid #ffffff; border-radius: 50%; background: transparent;}.prs-tchk.akt{width: 12px; height: 12px; background: #ffffff;}.prs.has-touch{cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing;} @media screen and (min-width: 0px) and (max-width: 550px){.prs-kont{height:510px;width:96.8%;margin: 20px 0;} .prs-pdps {
bottom: 15px;
margin: 270px 2% 0 2%;
position: relative;
min-height: 200px;
width: 93%;
background: #2196f3;
} .prs.has-touch {
height: 300px;
}.prs-prkl.prs-prkl-pr {margin-top: 120px; margin-left: -15px;} .prs-prkl.prs-prkl-sled {margin-top: 120px;}}
.vrch
{
float: left;
margin: 0;
padding: 1%;
width: 100%;
border-radius: 3%;
background: #ffffff;
}
.spec {
color: #585858;
font-style: normal;
float: left;
padding: 1% 2%;
margin: 0;
width: 96%;
font-size: 17px;
border-bottom: 1px solid #b5b5b5;
}
.stazh {
color: #585858;
font-style: normal;
float: left;
padding: 1% 2%;
margin: 0;
width: 100%;
font-size: 17px;
}
.ovrch {
color: #585858;
font-style: normal;
float: left;
padding: 1% 2%;
margin: 0;
width: 100%;
font-size: 17px;
border-bottom: 1px solid #b5b5b5;
}
h2.marbot20 {
margin: 0;
padding: 2%;
width: 70%;
font-family: "Raleway", sans-serif;
font-variant-numeric: lining-nums proportional-nums;
color: #1d1d1d;
font-size: 47px;
font-weight: 500;
line-height: 50px;
margin-bottom: 10px;
}
.vrch1 {border-bottom: 0px solid #fff; padding:0px 0; position: relative;float: left; width: 30.5%; height:395px; overflow:hidden; margin: 0 3% 0 0; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 4px 10px rgba(82,99,113,.3); box-shadow: 0 4px 10px rgba(82,99,113,.3);} .vrch2{float: left; width: 60%; color: #0085ca; margin: 0; font-size: 18px; line-height: 22px;} @media screen and (min-width: 0px) and (max-width: 1050px) {.vrch1{width:100%;margin:0;} .vrch2{width:94%;padding:0 3%;margin: 20px 0;} }
.vrch11 {position: absolute; z-index: 99; width: 100%; background: #0085caad; color: #fff; height: 100%; font-size: 22px; line-height: 150px; text-align: center; padding: 0;}
.vrch22 {position: absolute; z-index: 99; width: 100%; background: #0085caad; color: #fff; height: 100%; font-size: 30px; line-height: 230px; text-align: center; padding: 0;}
.imgv {
clear: right;
float: left;
width: 30%!important;
padding: 0 1% 0 0%;
margin: 0 2% 0 0;
}
.imgv img{
width:100%;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 5px solid #fff;
-webkit-box-shadow: 0 4px 10px rgba(82,99,113,.3);
box-shadow: 0 4px 10px rgba(82,99,113,.3);
margin-bottom: 10px;
}
@media screen and (min-width: 0px) and (max-width:720px) {
.imgv{
width: 96%!important;
clear: none;
padding: 0px;
margin: 10px 1%;
}
.imgv b {
padding: 5px 0 15px 0;
width: 100%;
float: left;
}
h2.marbot20 {
font-size: 30px;
line-height: 33px;
}
.vrch {
width: 100%;
}
.vrch ul li {
font-size: 15px;
line-height: 15px;
}
}
@media screen and (min-width: 1850px) {.vrch1 {height:460px;}}
.vrchi {
margin-top: -40px;
}
.vrchi h2 {
font-weight: 300;
font-size: 21px;
background: #0085ca;
border-radius: 3px;
line-height: 20px;
float: left;
width: auto;
margin: 0 0 0px 0;
padding: 6px;
text-transform: uppercase;
color: #ffffff;
text-align: left;
}
@media only screen and (max-width: 1050px) {
.vrchi h2 {
padding: 2px 2%;
text-align: center;
width: 96%;
}
}
.vrchi p {
float: left;
width: 100%;
margin: 0;
font-size: 16px;
font-weight: 100;
line-height: 18px;
}
.vrchi strong {
float: left;
margin: 35px 0 5px 0;
width: 100%;
font-size: 28px;
font-weight: 100;
line-height: 28px;
color: #000000;
}
table#vrch{
width: 100%;
background: #f1f1f1;
}
table#vrch td {
height: 30px;
border-bottom: 1px dashed #00b23f;
}
table#vrch th{background: #0085ca;color:#ffffff; height: 30px;border-bottom: 1px dashed #00b23f;}
img.img-vrch {
width: 100% !important;
}
.vrch ul {
text-align: left;
position: relative;
float: left;
width: 100%;
margin:0;
}
.vrch ul li {
float: left;
width: 100%;
margin:10px 0;
}
.formzv_nalozh, .formzv_nalozh2{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(109, 109, 109, 0.74); text-align: center; z-index:9999;}.formzv_nalozh:after, .formzv_nalozh2:after{display: inline-block; *display: inline; *zoom: 1; height: 100%; width: 0; vertical-align: middle; content: ''}
.formzv {
display: inline-block;
*display: inline;
*zoom: 1;
position: relative;
width: 30%;
max-width: 100%;
margin: 120px 0 0 0;
padding: 0;
vertical-align: middle;
}.formzv_zakr {
position: relative;
z-index: 999;
width: 27px;
float: right;
margin: 5px;
height: 27px;
padding: 8px;
border-radius: 50%;
background: #f5bdc7;
text-align: center;
font-size: 12px;
line-height: 12px;
color: #ffffff;
text-decoration: none;
font-weight: 300;
cursor: pointer;
}.formzv_zakr:hover{background: #808080}
.kf-mail-sent-ok a {
color: #00b23f!important;
} @media screen and (min-width: 0px) and (max-width: 1050px) {.formzv{width:100%;}}
.body__block tr:hover {
background: #f5f5f5;
}
.pricePage__block {
width: 98%;
margin: 30px 1%;
}
.pricePage__block .title__block.flex{float: left;width: 50%;}
.pricePage__block .title__block{margin-bottom: 40px;}
.pricePage__block .title__block .filterForm{ width:100%;}
.pricePage__block .title__block .filterForm .form-group{margin: 0;}
.pricePage__block .title__block .filterForm .form-group>span.label{top: 13px;}
.pricePage__block .title__block .filterForm .form-group>span.mobile{display: none;}
.pricePage__block .title__block .filterForm input {
height: 40px;
margin: 21px 0 0 0;
border: 1px #00b23f solid;
border-radius: 25px;
width: 100%;
padding: 0 15% 0 5%;
}
.pricePage__block .title__block .filterForm svg{position: absolute;top: calc(50% - 9px);right: 15px;}
.pricePage__block .pricePage__list {
float: left;
width: 100%;
margin: 40px 0 0 0;
}
.pricePage__block .pricePage__list .item{background-color: #FFFFFF;border-radius: 10px;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);margin-bottom: 20px;overflow: hidden;}
.pricePage__block .pricePage__list .item:last-child{margin-bottom: 0;}
.pricePage__block .pricePage__list .item .head__block.flex{align-items: center;justify-content: space-between;}
.pricePage__block .pricePage__list .item .head__block{height:50px;padding: 20px 5%;}
.pricePage__block .pricePage__list .item .head__block .title{width:65%;font-size: 18px;line-height:17px; font-weight:600;color: #212121;float:left;}
.pricePage__block .pricePage__list .item .head__block .opener.flex{align-items: center;position:relative;}
.pricePage__block .pricePage__list .item .head__block .opener {
font-weight: 600;
color: #007fff;
cursor: pointer;
display: block;
width:180px;
font-size: 15px;
line-height: 12px;
right: 0px;
padding: 0;
margin: 0;
position: absolute;
float: right;
text-align: center;
}
.pricePage__block .pricePage__list .item .head__block .opener svg{margin-left: 15px;}
.pricePage__block .pricePage__list .item.active .head__block .opener svg{transform: rotate(180deg);}
.pricePage__block .pricePage__list .item .body__block{display: none;}
.pricePage__block .pricePage__list .item.active .body__block{display: block;}
.pricePage__block .pricePage__list .item .body__block table{width: 100%;border-collapse: collapse;line-height:1.2;color: #212121;border-radius: 10px 10px 0 0;overflow: hidden;}
.pricePage__block .pricePage__list .item .body__block table tr td{text-align: center;border-right: 1px solid #DADADA;padding: 15px 3.1%;width:50%;}
.pricePage__block .pricePage__list .item .body__block table tr td:last-child{border-right: none;}
.pricePage__block .pricePage__list .item .body__block table thead{}
.pricePage__block .pricePage__list .item .body__block table thead tr{}
.pricePage__block .pricePage__list .item .body__block table thead tr td{font-size: 18px;font-weight: 600;background-color: #F5F5F5;padding: 25px 3.1%;}
.pricePage__block .pricePage__list .item .body__block table tbody tr.search{background-color: #007fff;}
.pricePage__block .pricePage__list .item .body__block table tbody tr:first-child td{padding-top: 40px;}
.pricePage__block .pricePage__list .item .body__block table tbody tr:last-child td{padding-bottom: 40px;}
.pricePage__block .pricePage__list .item .body__block table tbody tr td:nth-child(2){text-align: left;}
.pricePage__block .pricePage__list .item .body__block table tbody tr td:nth-child(1),
.pricePage__block .pricePage__list .item .body__block table tbody tr td:nth-child(3){vertical-align: top;}
.top40 {margin-top:0px;float: left;width: 100%;font-size:20px;}
td#tdl{
float: left;
width: 67%;
}
td#tdr {
float: right;
width: 20%;
}
@media screen and (min-width: 0px) and (max-width: 720px){.pricePage__block .pricePage__list .item .head__block .opener {
width: 100%;
margin: 50px 0%;
}
.pricePage__block .title__block.flex {
float: left;
width: 100%;
}
.top40 {
margin-top: 0;
font-size: 15px;
text-align: center;
}
.pricePage__block .pricePage__list {
margin: 20px 0 0 0;
}
}
.pricePage__block .title__block .filterForm input {
margin:0px 0 0 0;
}
.pricePage__block .title__block {
margin-bottom: 10px;
}
}
/* базовая анимация для подгрузки по перекл. */
.fade-in {
animation: fadeIn 0.4s ease;
}
.fade-out {
animation: fadeOut 0.4s ease forwards;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeOut {
from {
opacity: 1;
transform: translateY(0);
}
to {
opacity: 0;
transform: translateY(-10px);
}
}



/* ===== SLIDER ===== */
.mode-slider {
padding: 20px;
display: flex;
justify-content: center;
}
.track {
position: relative;
width: 260px; /* подберите под длину текста */
height: 48px;
background: #e0e0e5; /* нейтральный фон */
border-radius: 999px;
overflow: hidden;
box-shadow: inset 0 2px 4px rgba(0,0,0,0.08);
transition: background 0.4s ease;
cursor: pointer;
}
body.kids .track {
background: #e74c3c; /* дети активны */
}
body.adults .track {
background: #3498db; /* взрослые активны */
}
.label {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-weight: 600;
font-size: 17px;
color: white;
white-space: nowrap;
pointer-events: none;
transition: opacity 0.35s ease, color 0.35s ease;
z-index: 2;
}
.label-left {
left: 24px;
}
.label-right {
right: 24px;
}
/* когда взрослые активны → текст "Дети" ярче, "Взрослые" тусклее */
body.adults .label-left {
opacity: 0.55;
}
body.adults .label-right {
opacity: 1;
font-weight: 700;
}
/* когда дети активны → наоборот */
body.kids .label-left {
opacity: 1;
font-weight: 700;
}
body.kids .label-right {
opacity: 0.55;
}
.thumb {
position: absolute;
top: 1px;
left: 1px;
width: calc(50% - 4px);
height: calc(100% - 2px);
background: white;
border-radius: 999px;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.25);
transition: left 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.4);
z-index: 1;
}
body.adults .thumb {
left: calc(50% + 4px);
}
/* опционально — лёгкая тень/градиент на бегунке */
.thumb::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
background: linear-gradient(to bottom, rgba(255,255,255,0.9), rgba(240,240,240,0.7));
opacity: 0.7;
pointer-events: none;
}
/* Базовый цвет текста (когда НЕ под бегунком) */
.label {
color: #ffffff;
transition: color 0.4s ease;
}
/* Когда режим Взрослые → бегунок слева → тёмный текст на левой надписи */
body.adults .label-left {
color: #3498db; /* или #0a0a0a, #1a1a1a, #222 — выбирай по вкусу */
font-weight: 700;
}
/* Когда режим Дети → бегунок справа → тёмный текст на правой надписи */
body.kids .label-right {
color: #e74c3c; /* тот же тёмный цвет */
font-weight: 700;
margin-right: 22px;
}
/* Неактивная надпись остаётся белой / чуть приглушённой */
body.adults .label-right,
body.kids .label-left {
color: #ffffff;
font-weight: 600;
margin-right: 22px;
opacity: 1;
}
/* Кнопка Наверх */
.btn-up {
position: fixed;
bottom: 30px;
right: 30px;
width: 50px;
height: 50px;
border-radius: 50px; /* В стиле ваших кнопок */
background-color: #f5bdc7; /* Ваш фирменный розовый */
color: #fff;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
opacity: 0; /* Изначально скрыта */
visibility: hidden;
z-index: 1001;
box-shadow: 0 4px 15px rgba(245, 189, 199, 0.4);
}
.btn-up.show {
opacity: 1;
visibility: visible;
}
.btn-up:hover {
background-color: #e8a8b4; /* Чуть темнее при наведении */
transform: translateY(-5px); /* Легкий прыжок вверх */
}
@media (max-width: 600px) {
.btn-up {
bottom: 20px;
right: 20px;
width: 45px;
height: 45px;
}
}
/* Подключение шрифта Onest */
@import url('https://fonts.googleapis.com/css2?family=Onest:wght@400;500;700&display=swap');
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Onest", "Onest Placeholder", sans-serif;
font-weight: 300;
letter-spacing:1px;
font-variant-numeric: lining-nums proportional-nums;
}
body { background: #fff; overflow-x: hidden; }
.container { max-width: 1240px; margin: 0 auto; padding: 0 20px; }
/* ЗАГОЛОВКИ */
.section-title {
font-size: 48px;
margin: 50px 0 30px;
font-weight: 500;
line-height: 40px;
width: 100%;
}
/* ВЕРХНЯЯ ЗОНА */
.top-page-wrapper {
background-color: #fdf0f2;
border-radius: 0 0 60px 60px;
padding-bottom: 70px;
}
/* МЕНЮ */
.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
background: rgba(255, 255, 255, 0.95); /* Белый фон с легкой прозрачностью */
box-shadow: 0 2px 15px rgba(0,0,0,0.05); /* Легкая тень для отделения от контента */
padding: 10px 0;
transition: all 0.3s ease;
}
/* Чтобы контент не прыгнул вверх при фиксации меню,
добавляем отступ верхнему контейнеру */
.top-page-wrapper {
margin-top: 100px; /* Примерная высота вашей шапки */
background-color: #fdf0f2;
border-radius: 0 0 60px 60px;
padding-bottom: 70px;
}
/* Стили для активной ссылки (как вы просили) */
.nav .nav-link.active {
background: #f5bdc7;
color: #fff;
}
/* Стили для активной ссылки */
.nav-link.active {
background: #f5bdc7; /* Розовый цвет для активного пункта */
color: #fff;
}
.header-inner { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px; }
.logo { height: 65px; }
.nav { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; }
.nav-link, .btn-nav {
text-decoration: none; padding: 10px 20px; border-radius: 50px;
font-size: 13px; font-weight: 600; color: #1a1a1a; background: #fff;
}
.btn-blue { background: #eaf4fe; }
.btn-pink { background: #f5bdc7; }
/* HERO */
.hero { text-align: center; padding: 40px 0; }
.hero h1 {
font-size: 62px;
width: 100%;
margin: 0 0 20px 0;
line-height: 62px;
}
@media (max-width: 992px) {
.hero h1 {
font-size: 42px;
margin: 0 0 0px 0;
line-height: 37px;
} }
/* ЧЕКАПЫ (АКЦИИ) */
.promotions {
display: grid;
/* Заменяем auto-fit на auto-fill и фиксируем максимальную ширину */
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 20px;
/* Если элементов мало, они будут идти друг за другом, не растягиваясь на весь экран */
justify-content: start;
}
/* Ограничиваем максимальную ширину карточки, чтобы при 1-2 элементах они не были гигантскими */
@media (min-width: 900px) {
.promo-card {
max-width: 386px; /* Примерная ширина одной карточки при 3-х колонках (1200px / 3) */
}
}
.promo-card {
background: #ffffff;
border-radius: 40px;
padding: 30px 10% 30px 10%;
display: flex;
flex-direction: column;
background-image: url(img/promo.png);
background-repeat: no-repeat;
background-size: 80%;
background-position: 50% 135%;
background-attachment: scroll;
min-height: 500px;
position: relative;
overflow: hidden;
}
.promo-category { color: #b0b0b0; font-size: 14px; font-weight: 500; margin-bottom: 8px; }
.promo-card h3 {
font-size: 28px;
font-weight: 700;
margin-bottom: 12px;
min-height: 111px;
max-height: 111px;
}
.promo-card p {
font-size: 16px;
color: #4a4a4a;
font-family: arial;
margin-bottom: 20px;
overflow: hidden;
min-height: 90px;
max-height: 90px;
font-weight: 500;
line-height: 1.4;
}
/* Контейнер для двух элементов деталей */
.promo-details {
display: flex;
gap: 15px; /* Небольшой отступ между элементами */
margin-bottom: 25px;
flex-wrap: wrap; /* Позволяет переносить элементы на узких экранах */
}
/* Элемент: иконка + текст */
.detail-item {
display: flex;
align-items: center;
gap: 4px;
flex: 1;
min-width: 120px;
margin-left: -5px;
margin-top: 20px;
}
/* SVG иконки */
.promo-details svg {
flex-shrink: 0; /* Иконка не сжимается */
width: 30px; /* Фиксированный размер иконки */
height: 30px;
}
/* Контейнер для текста (label + value) */
.detail-text-wrapper {
display: flex;
flex-direction: column;
}
/* Мелкая надпись сверху */
.detail-label {
font-size: 12px;
color: #b0b0b0;
line-height: 1.2;
letter-spacing:-0.4px;
white-space:nowrap;
}
/* Значение снизу */
.detail-value {
font-size: 14px;
font-weight: 700;
color: #000;
line-height: 1.2;
}
.detail-value strong {
font-weight: 700;
}
/* Цвет для "от" */
.labelot {
color: #f5bdc7;
font-weight: 700;
}
.btn-promo {
background: #eaf4fe;
padding: 14px 1%;
border-radius: 30px;
text-align: center;
text-decoration: none;
font-weight: 700;
font-size: 15px;
color: #7f7f7f;
margin: 120px 0% 20px 0%;
float: left;
position: relative;
width: 100%;
}
.promo-image-box img { width: 100%; display: block; }
/* НАПРАВЛЕНИЯ */
.directions {
max-width: 1200px;
margin: 0 auto;
padding: 40px 20px;
font-family: sans-serif;
}
.directions-grid {
display: grid;
/* Четкая структура сетки */
grid-template-columns: repeat(3, 1fr);
/* Автоматическая высота строк, но с учетом контента */
grid-template-rows: auto;
gap: 24px;
}
.dir-card {
border-radius: 40px;
padding: 40px;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
box-sizing: border-box;
}
/* --- Настройка РАЗНЫХ размеров блоков --- */
/* 1. УЗИ: Квадратный, средний */
.area-uzi {
grid-column: 1 / 2;
background-color: #E7E3FA;
height: 350px;
}
/* 2. Офтальмолог: Очень широкий и ниже других */
.area-eye {
grid-column: 2 / 4; /* Занимает 2 колонки */
background-color: #E7F3FF;
height: 350px;
flex-direction: row-reverse;
}
/* 3. Невролог: Широкий и высокий */
.area-neuro {
grid-column: 1 / 3; /* Занимает 2 колонки */
background-color: #FEEFF0;
height: 400px;
}
/* 4. ЛОР: Узкий и высокий */
.area-lor {
grid-column: 3 / 4;
background-color: #FFF9F0;
height: 400px;
}
/* 5. Гинеколог: Узкий и самый высокий */
.area-gyno {
grid-column: 1 / 2;
background-color: #E2F7F5;
height: 450px;
}
/* 6. Чекапы: Широкий и высокий */
.area-check {
grid-column: 2 / 4;
background-color: #FEE8ED;
height: 450px;
flex-direction: row-reverse;
}
/* --- Остальные стили (кнопки, картинки) --- */
.dir-info { z-index: 2; }
.dir-info h3 {
font-size: 32px;
line-height:30px;
margin: 0 0 15px 0;
font-weight: 500;
}
.dir-info p { font-size: 16px; margin: 0; line-height: 1.4; }
.dir-btn {
display: inline-block;
margin-top: 50px;
padding: 12px 25px;
border-radius: 15px;
text-decoration: none;
font-weight: 500;
font-size: 14px;
color: white;
z-index: 2;
width: fit-content;
}
/* Цвета кнопок */
.area-uzi .dir-btn {
background-color: #BDBDE2;
margin-left: 160px;
margin-top: 40px;
}
.area-eye .dir-btn { background-color: #8EBAE3; }
.area-neuro .dir-btn { background-color: #F4C4C8; }
.area-lor .dir-btn { background-color: #D1BC9F; }
.area-gyno .dir-btn { background-color: #B2D8D5; }
.area-check .dir-btn { background-color: #F1BCC6; }
/* Картинки */
.dir-card img {
position: absolute;
object-fit: contain;
z-index: 1;
}
.area-uzi img { width: 160px; bottom: -40px; left: 0; }
.area-eye img {
width: 400px;
left: 20px;
top: 80px;
}
.area-neuro img { width: 350px; bottom: 0; right: 10px; }
.area-lor img {
width: 260px;
bottom: -30px;
right: 0px;
}
.area-gyno img {
width: 450px;
bottom: -90px;
left: -80px;
}
.area-check img {
width: 370px;
left: 20px;
top: 70px;
}
/* АДАПТИВНОСТЬ */
@media (max-width: 900px) {
.directions-grid {
grid-template-columns: 1fr;
}
.dir-info h3 {
font-size: 22px;
line-height:29px;
}
.dir-card {
height: auto !important;
grid-column: auto !important;
min-height: 250px;
}
.area-eye, .area-check {
flex-direction: column;
}
.area-uzi .dir-btn {
background-color: #BDBDE2;
margin-left: 55px;
margin-top: 40px;
}
.area-eye img {
left: 180px;
top: 180px;
}
.area-gyno img
{
bottom: 0px;
left: 170px;
}
.area-check img {
left: 160px;
top: 70px;
}
}
/* СТАТЬИ */
.articles-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; }
.articles {
font-family: Arial, sans-serif;
padding: 40px 20px;
max-width: 1200px;
}
.art-card {
background: #fff1f3;
padding: 10%;
border-radius: 30px;
}
.art-card h4 { font-size: 22px; font-weight: 700; margin-bottom: 10px; }
.art-card p { font-size: 14px; font-weight: 500; margin-bottom: 20px; color: #555; }
.art-card a { font-size: 12px; font-weight: 800; color: #000; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; }

/* АДАПТИВНОСТЬ */
@media (max-width: 900px) {
.directions-grid { grid-template-areas: none; grid-template-columns: 1fr 1fr; }
.dir-card { grid-column: auto !important; grid-row: auto !important; }
}
@media (max-width: 600px) {
.directions-grid { grid-template-columns: 1fr; }
.dir-info { max-width: 100%; }
.dir-card img { max-width: 40%; }
.header-inner { justify-content: center; }
.nav { width: 100%; }
.btn-promo {
margin: 120px 0% 20px 0%;
width:100%;
}
.section-title {
font-size: 38px;
margin: 50px 0 30px;
font-weight: 500;
line-height: 30px;
width: 100%;
}
.detail-item {
margin-left:0px;
margin-top: 0px;
}
.dr-pink {
margin: 10px 0px;
padding: 50px 20px;
}
.header {
position: relative;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
background: none;
box-shadow: none;
padding: 0;
transition: none;
}
.top-page-wrapper {
margin-top: 0;
background-color: #fdf0f2;
border-radius: 0;
padding: 20px 0;
}
}

/*
THEME NAME:mdgrft
DESCRIPTION:ДИЗАЙН ОТ 8EK.RU
*/
/* Gilroy */
@font-face {
font-family: 'Gilroy';
src: url('https://xn--80afcd8a1app.xn--p1ai/css/gilroy/Gilroy-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Gilroy';
src: url('https://xn--80afcd8a1app.xn--p1ai/css/gilroy/Gilroy-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Gilroy';
src: url('https://xn--80afcd8a1app.xn--p1ai/css/gilroy/Gilroy-Semibold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Gilroy';
src: url('https://xn--80afcd8a1app.xn--p1ai/css/gilroy/Gilroy-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Gilroy';
src: url('https://xn--80afcd8a1app.xn--p1ai/css/gilroy/Gilroy-Extrabold.ttf') format('truetype');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Gilroy';
src: url('https://xn--80afcd8a1app.xn--p1ai/css/gilroy/Gilroy-Heavy.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
.mdgrft-textstr .nazstr4 {
margin: 32px 0 12px 0;
}
.nazstr4 {
margin: 32px 0 12px 0%;
float: left;
padding: 0;
width: 100%;
height: auto;
text-align: left;
position: relative;
border: none;
}
.nvsti {
margin-top: -40px;
}
.nazstr4 hr{display:none;}
.nvsti h2 {
font-weight: 300;
font-size: 21px;
background: #0085ca;
border-radius: 3px;
line-height: 20px;
float: left;
width: auto;
margin: 0 0 0px 0;
padding: 6px;
text-transform: uppercase;
color: #ffffff;
text-align: left;
}
@media only screen and (max-width: 1050px) {
.nvsti h2 {
padding: 2px 2%;
text-align: center;
width: 96%;
}
}
.nvsti p {
float: left;
width: 100%;
margin: 0;
font-size: 16px;
font-weight: 100;
line-height: 18px;
}
.nvsti strong {
float: left;
margin: 35px 0 5px 0;
width: 100%;
font-size: 28px;
font-weight: 100;
line-height: 28px;
color: #000000;
}
.nazstr4 h2, .nazstr4 h2, .nazstr4 h3 {
font-weight: 300;
font-size: 21px;
background: #ffffff;
border-radius: 3px;
line-height: 20px;
float: left;
width: auto;
margin: 0 0 10px 0;
padding: 6px;
text-transform: uppercase;
color: #000000;
text-align: left;
}
@media only screen and (max-width: 1050px) {
.nazstr4 h2, .nazstr4 h2, .nazstr4 h3 {
padding: 2px 2%;
text-align: center;
width: 96%;
}
}
.zstrn5 {
margin: 110px 0 0 10.4%;
float: left;
border-radius: 15px;
width: auto;
max-width: 60%;
height: auto;
background: #ffffff;
text-align: left;
position: relative;
border: none;
}
.zstrn5 h1, .zstrn5 h2 {
font-weight: 300;
font-size: 21px;
background: #f5bdc7;
border-radius: 3px;
line-height: 20px;
float: left;
width: auto;
margin: 0;
padding: 6px;
color: #ffffff;
text-transform: uppercase;
text-align: left;
}
@media only screen and (max-width: 1050px) {
.zstrn5 h1, .zstrn5 h2 {
padding: 2px 2%;
width: 100%;
text-align: center;
margin: 20px 0;
}
}
.dhh {
margin: 20px 0 10px 0;
width: 100%;
height: 40px;
text-align: left;
}
.dhh>h2, .dhh>h3 {
    font-weight: 300;
    font-size: 20px;
    background: #f5e1e2;
    border-radius: 3px;
    line-height: 20px;
    float: left;
    width: auto;
    margin: 0;
    padding: 6px;
    color: #ffffff;
    text-transform: uppercase;
    text-align: left;
}
.mdgrft-textstr>h2, .mdgrft-textstr>h3 {
font-weight: 300;
font-size: 20px;
background: #0085ca;
border-radius: 3px;
line-height: 20px;
float: left;
width: auto;
margin: 0 0 20px 0;
padding: 6px;
color: #ffffff;
text-transform: uppercase;
text-align: left;
}
.mdgrft-textstr .h2k, .mdgrft-textstr .h2k{
font-weight: 300;
font-size: 20px;
background: #0085ca;
border-radius: 3px;
line-height: 20px;
float: left;
width: auto;
margin: 0 0 20px 0;
padding: 6px;
color: #ffffff;
text-transform: uppercase;
text-align: left;
}
.rsp11 h3 {
font-weight: 300;
font-size: 20px;
background: #0085ca;
border-radius: 3px;
line-height: 20px;
float: left;
width: auto;
margin: 0 0 20px 0;
padding: 6px;
color: #ffffff;
text-transform: uppercase;
text-align: left;
}
.rsp11 b {
float: left;
width: 100%;
}
.rsp11 ul {
margin: 15px 0;
padding: 0;
float: left;
width: 100%;
}
.rsp11 br {
clear: both;
}
@media only screen and (max-width: 1050px) {
.zstrn5 {
width: 100%;
max-width: 100%;
margin:15px 0;
}
.nazstr4 {
margin: 32px 0 12px 0;
}
.d74 {width:100%;}
.mdgrft-textstr h2, .mdgrft-textstr h3 {
width: 100%;
}
}
.klnk2 {float:left; width:100%; padding: 0%; margin:30px 0%; min-height:300px; border-radius:5px;} .kln2 {float:left; width:49%; padding: 10px 0; margin:0px 1% 0 0; min-height:300px; border-radius:5px;color:#000000;}
.k22 {
border: 0;
float: left;
width: 94%;
padding: 20px 3%;
background: #ffffff;
min-height: 300px;
-webkit-box-shadow: 0 4px 10px rgb(127 202 32 / 38%);
box-shadow: 0 4px 10px rgb(127 202 32 / 38%);
border-radius: 5px;
color: #121212;
min-height:0;
}
@media only screen and (max-width: 1050px) {.klnk2 {width: 98%; padding: 20px 1%; margin: 0;} .kln2 {width: 98%; padding: 20px 1%; margin: 0;} }
.rsp1 h2 {
font-weight: 300;
font-size: 20px;
background: #0085ca;
border-radius: 3px;
line-height: 20px;
float: left;
width: auto;
margin: 0;
padding: 6px;
color: #ffffff;
text-transform: uppercase;
text-align: left;
}
.rsp1 {float:left; width:100%; padding: 20px 0; margin:50px 0%; background:#ffffff;min-height:300px; border-radius:5px;color:#343434;} .rsp11 {
float: left;
width:100%;
padding: 20px 0;
margin: 50px 0;
background: #ffffff;
min-height: 300px;
border-radius: 5px;
color: #242424;
} .rsp1 i {font-size:50px;line-height:100px;color:#0085ca!important;padding:0px 0;} .rsp1 #sp1 {min-height: 82px;float:left; margin-top:20px;width: 100%;} .rsp1 #sp2 {width: 100%;float: left; font-size: 18px; line-height: 17px; font-weight: 600;text-transform:uppercase;} .rsp1 #sp3 {float:left; width:100%; padding: 20px 0;border-radius: 5px;} .rsp1 img {margin: 0 10px;width:280px; padding: 10px;clear:both;float:right; -webkit-border-radius: 6px;border-radius: 6px; border: 5px solid #fff;-webkit-box-shadow: 0 4px 10px rgb(82 99 113 / 30%); box-shadow: 0 4px 10px rgb(82 99 113 / 30%);} .rsp2 {float:left; width:46%; margin:20px 1%;padding: 0 1%;min-height:300px;} .rsp3 {float:left; width:13%; padding: 0 1%;} .rsp4 {float:left; width:75%; padding: 0 1%;} .zlv {float:left; width:94%; padding: 0px 1%; margin:10px 2%; background: #ffffff;height:2px; border-radius:5px;} @media only screen and (max-width: 1050px) {.rsp2 {width: 98%; padding: 0 1%; min-height: 100px;} .rsp3 {width: 98%; text-align: center;} .rsp1 #sp3 {float: left; width: 98%; padding: 10px 1%;} .rsp1 img {width: 96%; margin: 0 0 20px 0; padding: 1%;} .rsp11 {width: 98%; padding: 20px 1%; margin: 0;} .rsp1 {width: 98%; padding: 20px 1%; margin: 0;} .rsp4 {width: 98%; text-align:center;} .rsp1 i {margin: 20px 0 0px 0; line-height: 80px; font-size: 60px;} .zlv {margin: 20px 0 0 0; width: 98%;} .rsp1 #sp2 {text-align: center;} .rsp1 #sp1 {min-height: 20px;}}
.mdgrft-textstr ul {
margin: 5px 0;
padding: 0;
}
.mdgrft-textstr ul>li:before {
content: url(https://xn--80afcd8a1app.xn--p1ai/imgs/s555.png);
margin-right: 6px;
top: 2px;
position: relative;
display: inline-block;
font-size: 0;
line-height: 0;
}
.mdgrft-textstr ul>li{overflow-x:visible;list-style: none;margin: 8px 0;}
table#nvst{
width: 100%;
background: #f1f1f1;
}
table#nvst td {
height: 30px;
border-bottom: 1px dashed #00b23f;
}
table#nvst th{background: #0085ca;color:#ffffff; height: 30px;border-bottom: 1px dashed #00b23f;}
///*MDGRFT.CSS*/////
img.img-nvst {width:130%!important;} .nvst1 {border-bottom: 3px solid #fff; padding:3px 0; position: relative;float: left; width: 37%; height:500px; overflow:hidden; margin: 0 3% 0 0; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 4px 10px rgba(82,99,113,.3); box-shadow: 0 4px 10px rgba(82,99,113,.3);} .nvst2{float: left; width: 60%; color: #0085ca; margin: 0; font-size: 18px; line-height: 22px;} @media screen and (min-width: 0px) and (max-width: 1050px) {.nvst1{width:100%;margin:0;} .nvst2{width:94%;padding:0 3%;margin: 20px 0;} }
.nvst11 {position: absolute; z-index: 99; width: 100%; background: #0085caad; color: #fff; height: 100%; font-size: 22px; line-height: 150px; text-align: center; padding: 0;}
.nvst22 {position: absolute; z-index: 99; width: 100%; background: #0085caad; color: #fff; height: 100%; font-size: 30px; line-height: 230px; text-align: center; padding: 0;}
.imgv{
clear: right;
float: left;
width: 30%!important;
padding: 0 1% 0 0%;
margin: 0 2% 0 0;
}
.imgv img{
width:100%;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 5px solid #fff;
-webkit-box-shadow: 0 4px 10px rgba(82,99,113,.3);
box-shadow: 0 4px 10px rgba(82,99,113,.3);
margin-bottom: 10px;
}
@media screen and (min-width: 0px) and (max-width:720px) {
.imgv {
width: 98% !important;
clear: none;
padding: 0px;
margin: 10px 1%;
}
.imgv b {
padding: 5px 0 15px 0;
width: 100%;
float: left;
}
}
@media screen and (min-width: 1550px) {.nvst1 {height:480px;}}
.soc {margin:0 0 0 0;}.soc a {color: #494949!important;text-decoration: none;font-size:21px;font-weight:100;}.soc a {margin-right: 5%;}
.mdgrft-soderzh {background: #ffffff; word-break: break-word; color: #808080; box-sizing: content-box; position: relative; float: left; height: auto; min-height: 100px; width:74%; margin: 0px 2% 10px 24%; border-top: 0px solid #ff0000; border-radius: 10px; padding-left: 0%; padding-right: 0%;} @media screen and (min-width: 720px) and (max-width: 1050px){.mdgrft-soderzh{margin:0 auto 0 auto; font-size: 12px; margin-left: 0; width: 100%; border-radius:0; overflow:hidden;}}@media screen and (min-width: 0px) and (max-width: 720px){.mdgrft-soderzh{min-height:50px;margin:-10px auto 0 auto; z-index:9; font-size: 12px; margin-left: 0; width: 100%; border-radius:0; overflow:hidden;}} .mdgrft-soderzh a:link{color: #00b23f;text-decoration:underline;}.mdgrft-soderzh a:visited{color: #00b23f;text-decoration:underline;}.mdgrft-soderzh a:hover{text-decoration:none; color:#808080;}
.pdzgl_4{float:left;position:relative;width:100%;text-align:center;margin-bottom: 37px;}.pdzgl_4 h2{padding-top:40px !important;font-size: 22px;line-height: 22px;display:block;padding:20px 0px 35px 0px;margin:0px;}
.mdgrft-textstr {
color: #363636;
min-height: 0;
float: left;
width: 84%;
border: 9px solid #fdf0f2;
border-radius: 50px;
background: #fff;
line-height: 18px;
font-size: 16px;
margin: 20px 8% 40px 8%;
padding: 2%;
}
@media screen and (min-width: 0px) and (max-width: 720px){.mdgrft-textstr {
width: 100%;
margin: 0px;
font-size: 15px;
line-height: 18px;
padding: 10px 10px;
}
.dhh {
margin: 20px 0 30px 0;
float: left;
}} .mdgrft-textstr ol{width: auto; float: left;} .mdgrft-textstr a {
color: #0085ca;
text-decoration: none;
} .mdgrft-textstr img{width: 100%; height: auto; float: left;}} .image-caption-wrapper{padding:7px 7px 7px 7px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.image-caption-wrapper img{margin:0 ;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.image-caption-wrapper div.mdgrft-collage{margin:0 ;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.image-caption-wrapper p{font-size:80%;text-align:right;margin:0;} .alignleft{float:left;margin:0% 1% 1% 1%;}.alignright{float:right;margin:1% 1% 1% 1%;}.aligncenter{margin:1% auto;}
.table-mdgrft{font-size:17px; line-height:17px; margin:30px 0 30px 0; text-align:center; display: table; width:100%; position:relative; border-collapse: collapse;}.table-mdgrft tr:first-child{background:#808080; color:#ffffff; text-transform:uppercase;}.table-mdgrft tr:hover{background:#; color:#; cursor:default;}.table-mdgrft th{border: 1px solid #999999; padding: 0.5%; border-style:solid; background:#808080; color:#ffffff; text-align:center;}.table-mdgrft td{border: 1px solid #999999; border-style:solid; border-collapse: separate; border-spacing: 1px; border-color: none; padding: 2% 0.5%;}.table-mdgrft td:hover{}@media screen and (min-width: 0px) and (max-width: 720px){.table-mdgrft td{min-width: 100%; width: 100%; display: inline-block; padding: 12px 0; border-top: 1px dashed #999999!important; border: 0px dashed #999999;}.table-mdgrft tr{margin-top: 15px; display: block; background: #fbfbfb; min-width: 100%;}} .table-mdgrft a,.table-mdgrft a:link{color: #808080;text-decoration:none;}.table-mdgrft a:visited,.table-mdgrft a.visited{color: #808080;text-decoration:none;}.table-mdgrft a:hover,.table-mdgrft a.hover{text-decoration:underline; color:#ffffff;} .ag{position:relative; width:100%; float:left; margin:10px 0 10px 0;}.a-sl-v{position:absolute; z-index:0;}.a-ik-nad{position:absolute; top:0px; left:0px; z-index:3;}.a-ik-strk.a-kv{transition: left 0.7s ease 0s, top 0.7s ease 0s, width 0.7s ease 0s, height 0.7s ease 0s ;}.a-kv{cursor: pointer;}.a-kv-i{position:absolute; width:38px; height:38px; background-repeat:no-repeat; background-position:0 0; z-index:6; top:1px; left:1px; cursor:pointer;}.a-g-strk.lait{display: none; position: fixed; border: none; padding:0px; margin:0px; outline: invert none medium; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; max-width:none ; max-height:none ; z-index:999;}.lait .lait-nad{z-index:1; width:100%; height:100%; background:#3e3e3e; opacity:1;}.lait .lait-st-l, .lait .lait-st-p{position:absolute; width:50px; height:55px; background-repeat:no-repeat; background-image:url('https://xn--80afcd8a1app.xn--p1ai/imgs/l.png'); background-position:0px 0px; z-index:3; cursor:pointer;}.lait .lait-st-p{background-image:url('https://xn--80afcd8a1app.xn--p1ai/imgs/p.png');}.lait .lait-k-z{position:absolute; width:36px; height:36px; background-repeat:no-repeat; background-image:url('https://xn--80afcd8a1app.xn--p1ai/imgs/z.png'); background-position:0px 0px; z-index:4; cursor:pointer;}.a-ik-strk.a-kv .a-kv-i.a-i-zu{background-image:url('https://xn--80afcd8a1app.xn--p1ai/imgs/u.png');}.lait .lait-n{position:absolute; color:#e5e5e5; font-size:12px; top:14px; left:8px; z-index:3;}.lait-n{font-size: 14px; padding-right:5px; padding-top:7px;} .strnav{margin: 1.6% 0 30px 0; float: left; height:80px; font-size:15px; width: 100%;}.strnav a, .strnav span, .strnav a:link{text-decoration: none!important; text-align: center; padding: 0; margin-right:0.3%; margin-top: 2px; height: 38px; width: 38px; border: 1px solid #f1f1f1; line-height: 38px; background-color: #f1f1f1; color: #ffffff; display: inline-block; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}.strnav span.current{font-weight: 300; color: #ffffff; background: #0085ca; border-color: #0085ca;}.strnav a:visited, .strnav a.visited{color: #ffffff; text-decoration: none!important;}.strnav a:hover, .strnav a.hover{text-decoration: none!important; background: #0085ca; border-color: #0085ca; color: #ffffff!important;}.strnav .dots{color: #808080; background: #ffffff; border-color: #999999;}.strnav a.next{color: #808080; background: #ffffff; border-color: #999999;}.strnav a.prev{color: #808080; background: #ffffff; border-color: #999999;}.strnav a.next:hover{color: #ffffff; background: #808080; border-color: #808080;}.strnav a.prev:hover{color: #ffffff; background: #808080; border-color: #808080;} .up{border-radius:5%; color: #ffffff; position: fixed; bottom: 24px; right: 5px; width: 50px; height: 50px; text-align: center; cursor: pointer; background:#0085ca; z-index:9999; display: none; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}.up i{line-height: 50px; font-size: 24px;}.up:hover{background-color:#00b23f;}@media (max-width: 720px){.up{width: 40px; height: 40px; background-color: rgba(0, 0, 0, 0.4);}.up i{line-height: 40px; font-size: 20px;}} div.depth-2{border:2px dashed #e7e8ea;} #comments{margin:0% 0; color: #999999; font-size:17px; text-transform:uppercase;} .koment{background:none; margin: 30px 0 0 2%; position: relative; float: left; width: 99.3%; overflow:hidden;} div.comment{border:1px solid #e7e8ea;min-height:0px;float:left;width:97%;background:none;margin:1.6% 1% 5px 0;padding:10px 10px 3em 10px;} div.avatar{position: relative; margin: 1% 1%; border: 0px solid #999999; padding: 1% 1%; background: #ffffff; float: left; font-size:40px; color:#999999;} span.imya{font-style: normal; font-size: 15px; font-weight: 300;} .comment-respond{margin:30px 0 150px 1.5%; width:100%; float:left;} #respond .form-submit input{width: auto; height:40px; color: #ffffff; padding: 10px 20px; background: #808080; border: 0px solid #ffffff; font-size:15px; cursor:pointer;}#respond .form-submit input:hover{background: #999999;}#respond .comment-notes{margin-bottom: 1em;}.form-allowed-tags{line-height: 1em;}#cancel-comment-reply-link{font-size: 12px; font-weight: normal; line-height: 18px;}#respond .required{color: #ff4b33; font-weight: 300;}#respond label{font-size: 12px;}#respond input{margin: 0 0 9px; width: 98%;}#respond textarea{width: 98%;}#respond .form-allowed-tags{font-size: 12px; line-height: 18px;}#respond .form-allowed-tags code{font-size: 11px;}#respond .form-submit{margin: 12px 0;} span.kontstr{margin-top: 30px; cursor: pointer; font-size: 22px; line-height:22px; display:block; width:100%;}span.nkont{font-weight: 300;}@media screen and (min-width: 0px) and (max-width: 1050px){span.kontstr{font-size: 19px; line-height:19px;}} div.zadat-vopros{float:left;margin:10px 0 10px 0;font-size:18px;line-height:31px;position:relative;width:49%;height:auto;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;-moz-box-shadow:0 -1px 2px -1px rgba(0,0,0,0.4),1px 1px 1px rgba(0,0,0,0.3);-webkit-box-shadow:0 -1px 2px -1px rgba(0,0,0,0.2),1px 1px 1px rgba(0,0,0,0.3);box-shadow:0 -1px 2px -1px rgba(0,0,0,0.4),1px 1px 1px rgba(0,0,0,0.3);padding:3%;}@media screen and (min-width: 0px) and (max-width: 1050px){div.zadat-vopros{width:94%;}} div.vopros-inf{float:right;font-size:18px;margin:10px 0 10px 0;position:relative;width:37%;height:auto;line-height:31px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;-moz-box-shadow:0 -1px 2px -1px rgba(0,0,0,0.2),1px 1px 1px rgba(0,0,0,0.3);-webkit-box-shadow:0 -1px 2px -1px rgba(0,0,0,0.4),1px 1px 1px rgba(0,0,0,0.3);box-shadow:0 -1px 2px -1px rgba(0,0,0,0.2),1px 1px 1px rgba(0,0,0,0.3);padding:3%;}@media screen and (min-width: 0px) and (max-width: 1050px){div.vopros-inf{width:94%; float:left;}}div.vopros-inf a,.vopros-inf a:link{text-decoration:underline;color:#0036ff;}.vopros-inf a:visited,.vopros-inf a.visited{text-decoration:underline;color:#0036ff;}.vopros-inf a:hover,.vopros-inf a.hover{text-decoration:none;color:#0036ff;}input.kf-kntrl.kf-date.kf-validates-as-required.kf-validates-as-date {
border: 0.1em solid #ccc;
border-radius: 0.5em;
width: 90%;
color: #0085ca;
font-family: fantasy;
padding: 1em 1em 1em 1em;
max-height: 4%;
min-height: 2%;
}
.kf-form select {
padding: 1px 1px;
height: 45px;
width: 95%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-khtml-border-radius: 4px;
border: 1px solid #999999;
color: #999999;
font-size: 14px;
}
.kf label {margin-top: 10px; float: left; width:100%;}.kf input[type="text"], .formzv .kf input[type="tel"],.kf textarea{border:0.1em solid #ccc;border-radius:0.5em;background:#;width:90%;padding:1em 1em 1em 1em;max-height:4%;min-height:2%;}form.kf-form p{margin-top: 15px;}.kf input[type="text"], .formzv .kf input[type="tel"],.kf textarea{border:0.1em solid #ccc;border-radius:0.5em;width:90%;padding:1em 1em 1em 1em;max-height:4%;min-height:2%;} .kf input[type="submit"]{display:inline-block;text-align:center;vertical-align:middle;cursor:pointer;border:1px solid transparent;white-space:nowrap;margin:6px 0 0 0;font-size:15px;text-decoration:none ;color:#ffffff;background:#0085ca;border-color:#0085ca;padding:6px 9px;border-radius:4px;width:180px;}.kf input[type="submit"]:hover{background:#00b23f;border-color:#00b23f;}div.kf{margin: 0; padding: 0;}.kf-response-output{margin: 2em 0.5em 1em; padding: 0.2em 1em;}div.kf .screen-reader-response{position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; margin: 0; padding: 0; border: 0;}div.kf-mail-sent-ok{border: 2px solid #398f14;}div.kf-mail-sent-ng{border: 2px solid #ff0000;}div.kf-spam-blocked{border: 2px solid #ffa500;}div.kf-validation-errors{border: 2px solid #f7e700;}span.kf-kntrl-wrap{position: relative;}span.kf-not-valid-tip{color: #f00; font-size: 1em; display: block;}.use-floating-validation-tip span.kf-not-valid-tip{position: absolute; top: 20%; left: 20%; z-index: 100; border: 1px solid #ff0000; background: #fff; padding: .2em .8em;}span.kf-list-item{margin-left: 0.5em;}.kf-display-none{display: none;}div.kf img.ajax-loader{border: none; vertical-align: middle; margin-left: 4px;}div.kf div.ajax-error{display: none;}div.kf .placeheld{color: #888;} div.rf{overflow:hidden; width: 23.4%; height:50px; display: inline-block; float: left; margin: 0px 1.5% 10px 0; background: #e43727; border-radius: 20px; cursor: pointer; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out;}.rf:hover{opacity:0.7; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out;}.rf h3{width: 100%; text-align: center; margin-top: 20px; line-height: 14px; font-size: 15px; text-transform: uppercase; color: #ffffff; font-weight: 300;}@media screen and (min-width: 720px) and (max-width: 1050px){ div.rf{width: 31.8%;}}@media screen and (min-width: 0px) and (max-width: 720px){div.rf{width: 95%;}}
@font-face{font-family: ALSRubl; src: url('https://xn--80afcd8a1app.xn--p1ai/css/_rub/rub.ttf') format('truetype'); font-weight: 400; font-style: normal;}
@font-face{font-family:'ikn';src:url('https://xn--80afcd8a1app.xn--p1ai/css/_ikn/ikn.eot');src:url('https://xn--80afcd8a1app.xn--p1ai/css/_ikn/ikn.eot') format('embedded-opentype'),url('https://xn--80afcd8a1app.xn--p1ai/css/_ikn/ikn.woff2') format('woff2'),url('https://xn--80afcd8a1app.xn--p1ai/css/_ikn/ikn.woff') format('woff'),url('https://xn--80afcd8a1app.xn--p1ai/css/_ikn/ikn.ttf') format('truetype'),url('https://xn--80afcd8a1app.xn--p1ai/css/_ikn/ikn.svg') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 ikn;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}













/* Глобальные сбросы для точечной вёрстки */
*, *::before, *::after {
box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
font-family: 'Onest', sans-serif;
background-color: #ffffff;
}
/* --- БЛОК: БЕСПЛАТНАЯ КОНСУЛЬТАЦИЯ --- */
.promo-consultation {
padding: 40px 20px;
}
/* Карточка-контейнер */
.promo-consultation__container {
max-width: 940px;
margin: 0 auto;
background-color: #f3dadb; /* Розовый фон */
border-radius: 30px;
padding: 60px 80px;
position: relative;
overflow: hidden;
}
/* Белые волнистые линии в правом нижнем углу */
.promo-consultation__container::after {
content: '';
position: absolute;
right: 0;
bottom: 0;
width: 240px;
height: 200px;
/* Встроенный SVG с белыми линиями (stroke='%23ffffff') */
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 200' width='240' height='200'%3E%3Cpath d='M250,90 C210,105 180,140 160,210 M250,60 C200,75 165,120 140,210 M250,30 C190,45 150,100 120,210 M250,0 C180,15 135,80 100,210 M250,-30 C170,-15 120,60 80,210' fill='none' stroke='%23ffffff' stroke-width='1.5' opacity='0.25'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: bottom right;
pointer-events: none;
}
/* Ограничение ширины текстового контента */
.promo-consultation__content {
max-width: 580px;
position: relative;
z-index: 2;
}
/* Заголовок */
.promo-consultation__title {
font-size: 36px;
font-weight: 700;
color: #614646; /* Темный цвет текста */
margin: 0 0 20px 0;
letter-spacing: 0.5px;
line-height: 1.2;
}
/* Подзаголовок / Описание */
.promo-consultation__description {
font-size: 18px;
line-height: 1.45;
color: #836969;
margin: 0 0 40px 0;
}
/* Кнопка "Записаться" */
.promo-consultation__btn {
display: inline-block;
background-color: #ffffff;
color: #614646;
font-size: 20px;
font-weight: 700;
text-decoration: none;
padding: 16px 52px;
border-radius: 30px;
transition: transform 0.2s ease, box-shadow 0.2s ease;
margin-bottom: 40px;
text-align: center;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
}
.promo-consultation__btn:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07);
}
.promo-consultation__btn:active {
transform: translateY(0);
}
/* Текст соглашения */
.promo-consultation__agreement {
font-size: 13px;
color: rgba(131, 105, 105, 0.85);
margin: 0;
line-height: 1.4;
}
/* Ссылка выделена белым цветом */
.promo-consultation__link {
color: #ffffff;
text-decoration: underline;
text-underline-offset: 2px;
}
.promo-consultation__link:hover {
text-decoration: none;
}
/* --- АДАПТИВНОСТЬ --- */
/* Планшеты */
@media (max-width: 768px) {
.promo-consultation__container {
padding: 45px 40px;
border-radius: 24px;
}
.promo-consultation__title {
font-size: 28px;
}
.promo-consultation__description {
font-size: 16px;
margin-bottom: 30px;
}
.promo-consultation__container::after {
width: 180px;
height: 150px;
background-size: contain;
}
}
/* Мобильные телефоны */
@media (max-width: 480px) {
.promo-consultation {
padding: 20px 10px;
}
.promo-consultation__container {
padding: 35px 20px;
text-align: center; /* Центрируем всё на мобильных */
border-radius: 20px;
}
.promo-consultation__title {
font-size: 24px;
}
.promo-consultation__btn {
display: block; /* Кнопка на всю ширину для удобства клика пальцем */
padding: 15px 20px;
font-size: 18px;
margin-bottom: 30px;
}
.promo-consultation__container::after {
width: 130px;
height: 110px;
background-size: contain;
}
}


/* Базовые сбросы для изоляции стилей внутри блока */
.service-page {
font-family: 'Onest', sans-serif;
padding: 60px 20px;
background-color: #ffffff;
box-sizing: border-box;
border-radius: 0 0 60px 60px;
margin-top: 60px;
}
.service-page *,
.service-page *::before,
.service-page *::after {
box-sizing: inherit;
}
/* Ограничивающий контейнер (сетка на 940px) */
.service-page__container {
max-width: 940px;
margin: 0 auto;
}
/* Шапка статьи */
.service-header {
display: flex;
gap: 100px;
align-items: flex-start;
margin-bottom: 5px;
}

.service-page ul {
width: 98%;
margin: 10px 0 10px 20px;
}
/* Левая колонка — обертка картинки */
.service-header__preview {
flex: 0 0 340px;
width: 340px;
}
.service-header__img {
width: 100%;
height: auto;
display: block;
border-radius: 35px; /* Скругление */
object-fit: cover;
}
/* Правая колонка — тексты */
.service-header__body {
flex: 1;
padding-top: 5px;
}
/* Хлебные крошки */
.service-breadcrumbs {
font-size: 14px;
color: #8c8c8c;
margin-bottom: 12px; /* Отступ до h1 */
}
.service-breadcrumbs__link {
color: #8c8c8c;
text-decoration: none;
}
.service-breadcrumbs__link:hover {
text-decoration: underline;
}
.service-breadcrumbs__separator {
margin: 0 4px;
font-family: sans-serif;
}
/* Главный заголовок */
.service-header__title {
font-size: 42px;
font-weight: 500;
line-height: 1.15;
color: #000000;
margin: 0 0 25px 0; /* Отступ до подзаголовка */
letter-spacing: -0.5px;
}
/* Подзаголовок / Лид */
.service-header__lead {
max-width: 400px;
font-size: 16px;
line-height: 1.5;
color: #1a1a1a;
margin: 0 0 35px 0; /* Отступ до автора */
}
/* Блок автора */
.service-author {
display: flex;
align-items: center;
gap: 12px;
}
.service-author__avatar {
width: 44px;
height: 44px;
border-radius: 50%;
object-fit: contain;
background-color: #ffe7eb;
}
.service-author__meta {
display: flex;
flex-direction: column;
line-height: 1.3;
}
.service-author__name {
font-size: 15px;
font-weight: 700;
color: #000000;
}
.service-author__desc {
font-size: 12px;
color: #666666;
}
/* --- ОСНОВНОЙ ТЕКСТ СТАТЬИ --- */
/* Контейнер для текста, чтобы задать правильные шрифты и отступы */
.service-body {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 1.6;
color: #333333;
max-width:960px; /* Ограничиваем ширину для удобства чтения как в макете */
margin: 0 auto;
position: relative;
padding-left: 40px; /* Отступ слева, чтобы освободить место под полосу */
}


.service-body a {
color: #f5bdc7;
text-decoration: underline;
}
/* Стилизация обычных абзацев */
.service-body p{
margin-bottom: 24px;
font-weight: 400;
}

/* Выделенный жирный абзац (Второй параграф на макете) */
.service-body p:nth-of-type(2){
font-size: 17px;
line-height: 1.5;
}

/* Делаем "Это неверный подход" и последний абзац жирными и акцентными */
.service-body p:nth-of-type(2) b,
.service-body p:last-of-type{
font-weight: 700;
color: #000000;
}

/* Вертикальная серая полоса слева (Цитата) */
/* Она начинается от начала первого абзаца и тянется до конца второго (важного) абзаца */
.service-body::before{
content: "";
position: absolute;
left: 0;
top: 20%;
width: 2px;
background-color: #e0e0e0;
height: 60%;
}

/* Адаптивность под мобильные устройства */
@media screen and (max-width: 720px) {
.service-body{
padding-left: 20px;
}
.service-body::before {
left: 0;
height: 380px; /* На мобилках текст вытягивается, увеличиваем высоту линии */
}
}
.service-body__text {
font-size: 16px;
line-height: 1.6;
color: #1a1a1a;
margin: 0 0 24px 0; /* Отступ между абзацами */
}
/* Жирный текст (как в первом и последнем абзацах контента) */
.service-body__text--bold {
font-weight: 700;
}
/* Обертка для участка текста, вдоль которого идет длинная линия */
.service-body__accent-wrapper {
position: relative;
padding-left: 0;
}
/* Серая вертикальная линия во всю высоту обертки, вынесенная влево */
.service-body__accent-wrapper::before {
content: '';
position: absolute;
left: -40px; /* Сдвиг влево за границы текстового контейнера */
top: 6px;
bottom: 6px;
width: 1px;
background-color: #cccccc;
}
/* --- НИЖНЯЯ ПАНЕЛЬ: КНОПКА + СТРЕЛКИ --- */
.service-ftr {
max-width: 760px;
margin: 40px auto 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}
/* Розовая кнопка */
.service-ftr__btn {
display: inline-block;
background-color: #f5bdc7; /* Нежно-розовый цвет */
color: #ffffff;
font-size: 15px;
font-weight: 700;
text-decoration: none;
padding: 14px 35px;
border-radius: 25px;
transition: background-color 0.2s ease;
}
.service-ftr__btn:hover {
background-color: #e8bebf;
}
/* Контейнер со стрелками */
.service-nav {
display: flex;
gap: 15px;
}
/* Общие стили для кнопок-стрелок */
.service-nav__arrow {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 50%;
text-decoration: none;
transition: transform 0.2s ease, background-color 0.2s ease;
}
/* Левая стрелка (белая с розовым бордером) */
.service-nav__arrow--prev {
background-color: #ffffff;
border: 1px solid #f5bdc7;
}
.service-nav__arrow--prev:hover {
background-color: #fff1f2;
}
/* Правая стрелка (полностью розовая) */
.service-nav__arrow--next {
background-color: #f5bdc7;
border: 1px solid #f5bdc7;
}
.service-nav__arrow--next:hover {
background-color: #e8bebf;
border-color: #e8bebf;
}
/* Картинки стрелок внутри кнопок */
.service-nav__icon {
width: 18px;
height: 18px;
display: block;
}
/* --- АДАПТИВНОСТЬ --- */
@media (max-width: 768px) {
.service-header {
flex-direction: column;
gap: 30px;
margin-bottom: 35px;
}
.service-header__preview {
flex: none;
width: 100%;
max-width: 400px;
}
.service-header__title {
font-size: 32px;
margin-bottom: 20px;
}
.service-header__lead {
margin-bottom: 25px;
}
.service-body__accent-wrapper::before {
left: -20px; /* Прижимаем линию ближе на планшетах */
}
}
@media (max-width: 480px) {
.service-page {
padding: 30px 15px;
}
.service-header__preview {
max-width: 100%;
}
.service-header__img {
border-radius: 24px;
}
.service-header__title {
font-size: 26px;
}
.service-body__text {
font-size: 15px;
}
.service-body__accent-wrapper::before {
left: -15px; /* На мобильных прижимаем линию еще ближе */
}
.service-ftr {
flex-direction: column;
gap: 25px;
align-items: center;
}
.service-ftr__btn {
width: 100%;
text-align: center;
}
}


/* Базовые сбросы для изоляции стилей внутри блока */
.services-grid-section {
font-family: 'Onest', sans-serif;
padding: 80px 20px;
background-color: #ffffff;
box-sizing: border-box;
}
.services-grid-section *,
.services-grid-section *::before,
.services-grid-section *::after {
box-sizing: inherit;
}
/* Ограничивающий контейнер (сетка на 940px) */
.services-grid-container {
max-width: 940px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 60px; /* Отступ между рядами услуг */
}
/* Строка услуги */
.services-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 50px;
}
/* Колонка с контентом */
.services-row__content {
flex: 1;
max-width: 420px;
}
/* Колонка с изображением */
.services-row__preview {
flex: 0 0 440px;
width: 440px;
}
.services-row__img {
width: 100%;
height: auto;
display: block;
border-radius: 35px; /* Закругление углов */
object-fit: cover;
}
/* Заголовки услуг */
.services-row__title {
font-size: 24px;
font-weight: 700;
text-transform: uppercase; /* Все прописные */
color: #000000;
line-height: 1.3;
margin: 0 0 25px 0;
letter-spacing: -0.2px;
}
/* Розовая кнопка "Подробнее" */
.services-row__btn {
display: inline-block;
background-color: #f5bdc7; /* Фирменный нежно-розовый цвет */
color: #ffffff;
font-size: 14px;
font-weight: 700;
text-decoration: none;
padding: 12px 35px;
border-radius: 20px;
transition: background-color 0.2s ease, transform 0.1s ease;
text-align: center;
}
.services-row__btn:hover {
background-color: #e8bebf; /* Чуть темнее при наведении */
}
.services-row__btn:active {
transform: scale(0.98);
}
/* --- АДАПТИВНОСТЬ (MEDIA QUERIES) --- */
/* Планшетный режим */
@media (max-width: 868px) {
.services-grid-section {
padding: 50px 20px;
}
.services-row {
gap: 30px;
}
.services-row__preview {
flex: 0 0 360px;
width: 360px;
}
.services-row__title {
font-size: 20px;
margin-bottom: 20px;
}
}
/* Мобильный режим (трансформация в одну колонку) */
@media (max-width: 680px) {
.services-grid-container {
gap: 45px; /* Чуть компактнее отступы между блоками на мобильных */
}
.services-row {
flex-direction: column;
text-align: center;
gap: 20px;
}
.services-row__preview {
flex: none;
width: 100%;
max-width: 440px; /* Чтобы картинка не размывалась на ширину экрана */
}
.services-row__content {
max-width: 100%;
}
/* Используем flex order, чтобы на мобилках картинка ВСЕГДА шла первой,
даже если на десктопе она стоит справа.
*/
.services-row__preview {
order: 1;
}
.services-row__content {
order: 2;
}
.services-row__title {
font-size: 18px;
margin-bottom: 15px;
}
.services-row__btn {
width: 100%;
max-width: 200px; /* Ограничиваем ширину кнопки на мобильном */
padding: 14px 20px;
}
}


/* ОСНОВНОЙ КОНТЕЙНЕР БЛОКА */
.doctors {
font-family: Arial, sans-serif;
padding: 60px 20px;
max-width: 1100px; /* Сужаем контейнер под размер контента карусели со стрелками */
margin: 0 auto;
box-sizing: border-box;
}
.doctors *,
.doctors *::before,
.doctors *::after {
box-sizing: inherit;
}
.section-title {
font-size: 40px;
font-weight: 700;
margin-bottom: 40px;
text-align: left;
color: #000000;
padding-left: 55px; /* Выравниваем заголовок по левой границе первой карточки */
}
/* ОБЕРТКА СЛАЙДЕРА */
.doctors-carousel-wrapper {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
/* ВЬЮПОРТ С ОГРАНИЧЕНИЕМ ШИРИНЫ (Карточки больше не разъезжаются) */
.doctors-viewport {
display: flex;
gap: 0;
overflow-x: auto;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
scrollbar-width: none;
width: 100%;
max-width: 960px; /* 3 карточки ровно по 320px */
padding: 10px 0;
margin: 0 auto;
}
.doctors-viewport::-webkit-scrollbar {
display: none;
}
/* Ссылка-шаг карусели (Строго 320px на десктопе, как в оригинальном дизайне) */
.doctors-viewport > a {
text-decoration: none;
color: inherit;
display: block;
flex: 0 0 320px;
width: 320px;
min-width: 320px;
scroll-snap-align: start;
margin-right: -1px; /* Накладываем границы друг на друга */
position: relative;
}
/* СТИЛИЗАЦИЯ КАРТОЧКИ ТОЧНО */
.dr-card {
padding: 45px 35px 40px 35px;
text-align: left;
display: flex;
flex-direction: column;
align-items: flex-start;
margin-left: 2%;
background: #ffffff;
border: 1px solid #f2e6e6; /* Мягкий светлый контур */
border-radius: 35px;
height: 440px; /* Фиксированная высота для сохранения пропорций */
width: 96%;
transition: transform 0.3s ease;
}
/* Блок обертки контента */
.dr-info {
width: 100%;
margin-top: 30px;
display: flex;
flex-direction: column;
flex-grow: 1;
}
/* ФОТОГРАФИЯ ВРАЧА С ПРАВИЛЬНЫМ КРУГОМ */
.dr-img {
width: 140px;
height: 140px;
border-radius: 50%;
overflow: hidden;
background-color: #f7dcdb;
display: flex;
align-items: center;
justify-content: center;
align-self: flex-start;
}
.dr-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
/* ШРИФТЫ И ОТСТУПЫ */
.dr-card h4 {
font-size: 22px;
font-weight: 700;
line-height: 1.2;
margin: 0 0 15px 0;
color: #1a1a1a;
}
.dr-card h4 span {
display: block;
font-weight: 400;
}
.dr-card p {
font-size: 13px;
font-weight: 400;
color: #666666;
margin: 0 0 20px 0;
line-height: 1.4;
}
/* СТАЖ РАБОТЫ (Прижат строго к низу) */
.dr-experience {
font-size: 15px;
font-weight: 700;
color: #1a1a1a;
margin-top: auto;
}
/* РОЗОВАЯ КАРТОЧКА (Без бордюра, z-index выше соседних белых) */
.dr-pink {
background: #f7e4e6 !important;
border: none !important;
z-index: 2;
}
/* Поднимаем приоритет ссылки с розовой карточкой */
.doctors-viewport > a:has(.dr-pink) {
z-index: 2;
}
.dr-pink h4 {
color: #4a3335;
}
.dr-pink p {
color: #8c7173;
}
.dr-pink .dr-img {
background-color: #ffffff;
}
.dr-pink .dr-experience {
color: #4a3335;
}
/* КНОПКИ УПРАВЛЕНИЯ (Стрелки позиционируются относительно общего контейнера) */
.doctors-arrow {
position: absolute;
top: 52%;
transform: translateY(-50%);
width: 44px;
height: 44px;
border-radius: 50%;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
}
.doctors-arrow svg {
width: 18px;
height: 18px;
}
/* Левая стрелка — белая с розовым контуром */
.doctors-arrow--prev {
left: 0;
background-color: #ffffff;
border: 1px solid #e8bebf;
}
.doctors-arrow--prev svg path {
stroke: #f5bdc7;
}
/* Правая стрелка — розовая с белым значком */
.doctors-arrow--next {
right: 0;
background-color: #f5bdc7;
border: none;
}
.doctors-arrow--next svg path {
stroke: #ffffff;
}
/* АДАПТИВНОСТЬ */
@media (max-width: 1060px) {
.section-title {
padding-left: 20px;
}
.doctors-viewport {
max-width: 640px; /* Показываем 2 карточки */
}
.doctors-arrow--prev { left: 10px; }
.doctors-arrow--next { right: 10px; }
}
@media (max-width: 720px) {
.doctors-viewport {
max-width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.doctors-viewport > a {
flex: 0 0 280px;
width: 280px;
min-width: 280px;
}
.dr-card {
height: 450px;
padding: 35px 25px;
}
.doctors-arrow {
display: none; /* Переходим на свайпы на мобильных */
}
}


/* Базовые стили для секции */
.price-section {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
max-width: 900px;
margin: 0 auto;
padding: 20px;
}
.price-section h2 {
font-size: 32px;
color: #5B2939;
margin-bottom: 25px;
}
/* Единая карточка услуги (содержит десктопную и мобильную строки) */
.price-card {
margin-bottom: 15px;
}
/* Скрытие элементов для работы кнопки "показать еще" */
.price-card.hidden {
display: none !important;
}
/* 1. Верхний контейнер (Десктопный вид) */
.price-item-desktop {
background-color: #FDF5F6;
border-radius: 12px;
padding: 20px 25px;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
}
.price-item-desktop .text {
color: #5B2939;
font-size: 16px;
line-height: 1.4;
max-width: 75%;
}
.price-item-desktop .price {
color: #5B2939;
font-weight: bold;
font-size: 18px;
white-space: nowrap;
}
/* 2. Нижний контейнер (Мобильный вид с кнопкой) */
.price-item-mobile {
background-color: #FDF5F6;
border-radius: 12px;
padding: 20px 25px;
display: flex;
justify-content: space-between;
align-items: center;
}
.price-item-mobile .left-side {
max-width: 70%;
}
.price-item-mobile .text {
color: #8C6B73;
font-size: 13px;
line-height: 1.4;
margin-bottom: 10px;
}
.price-item-mobile .price {
color: #5B2939;
font-weight: bold;
font-size: 16px;
}
.price-item-mobile .btn-order {
background-color: #F3B7C4;
color: #FFFFFF;
text-decoration: none;
padding: 12px 30px;
border-radius: 20px;
font-size: 14px;
font-weight: 500;
transition: background-color 0.2s;
}
.price-item-mobile .btn-order:hover {
background-color: #E8A2B1;
}
/* Кнопка "Показать еще" */
.show-more-btn {
background: none;
border: none;
color: #8C6B73;
font-size: 14px;
cursor: pointer;
padding: 10px 0;
margin-top: 15px;
text-decoration: none;
border-bottom: 1px dashed #8C6B73;
}
.show-more-btn:hover {
color: #5B2939;
border-bottom-color: #5B2939;
}

/* ИЗОЛИРОВАННЫЙ КОНТЕЙНЕР ФУТЕРА */
.main-footer {
background-color: #f5e1e2;
color: #4a3334;
font-family: Arial, sans-serif;
padding: 60px 20px 40px 20px;
width: 100%;
box-sizing: border-box;
}
.main-footer *,
.main-footer *::before,
.main-footer *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
}
.main-footer .footer-container {
max-width: 1140px;
margin: 0 auto;
}
/* СЕТКА ВЕРХНЕЙ ЧАСТИ */
.main-footer .footer-top {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 30px;
padding-bottom: 40px;
}
.main-footer .footer-col {
flex: 1;
min-width: 220px;
}
.main-footer .footer-col:first-child {
flex: 1.2;
}
/* ЗАГОЛОВКИ КОЛОНОК */
.main-footer .footer-col-title {
font-size: 20px;
font-weight: 700;
margin-bottom: 20px;
display: flex;
align-items: center;
color: #000000;
}
.main-footer .footer-icon {
margin-right: 8px;
display: inline-block;
font-style: normal;
}
/* ТЕКСТ И ССЫЛКИ */
.main-footer .footer-text {
font-size: 15px;
line-height: 1.5;
color: #333333;
margin-bottom: 12px;
}
.main-footer .font-italic {
font-style: italic;
}
.main-footer .footer-phone,
.main-footer .footer-email {
margin-top: 10px;
display: flex;
align-items: center;
}
.main-footer a {
color: #333333;
text-decoration: underline;
transition: color 0.2s ease;
}
.main-footer a:hover {
color: #603c3d;
text-decoration: none;
}
/* СПИСКИ ССЫЛОК */
.main-footer .footer-links li {
margin-bottom: 10px;
}
.main-footer .footer-links a {
font-size: 16px;
font-weight: 400;
}
/* РАСПИСАНИЕ */
.main-footer .footer-schedule li {
font-size: 15px;
line-height: 1.6;
display: flex;
justify-content: flex-start;
gap: 15px;
color: #333333;
}
.main-footer .footer-schedule .days {
min-width: 50px;
}
.main-footer .footer-schedule .font-pink {
color: #d7b4b6;
font-weight: bold;
}
/* НИЖНЯЯ ЮРИДИЧЕСКАЯ ЧАСТЬ */
.main-footer .footer-bottom {
border-top: 1px solid rgba(74, 51, 52, 0.15);
padding-top: 30px;
}
.main-footer .footer-warning {
font-size: 14px;
font-weight: 700;
color: #555555;
margin-bottom: 20px;
}
.main-footer .footer-legal-text {
font-size: 11px;
line-height: 1.6;
color: #666666;
display: flex;
flex-direction: column;
gap: 12px;
text-align: justify;
}
/* ======================================================== */
/* АДАПТИВНОСТЬ ФУТЕРА                                      */
/* ======================================================== */
@media (max-width: 992px) {
.main-footer .footer-top {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px;
}
}
@media (max-width: 576px) {
.main-footer {
padding: 40px 15px 30px 15px;
}
.main-footer .footer-top {
display: flex;
flex-direction: column;
gap: 30px;
}
.main-footer .footer-col-title {
margin-bottom: 12px;
}
.main-footer .footer-legal-text {
text-align: left;
}
}
.service-page h2 {
font-weight: 500;
}
/* ВИДЕО */
.video-section {
margin-bottom: 40px;
width: 100%;
}
.video-section h2 {
font-size: 22px;
font-weight: 700;
margin-bottom: 20px;
color: #000000;
}
.video-grid {
display: flex;
justify-content: space-between;
gap: 4%;
width: 100%;
}
.vrzd {
width: 48%;
margin: 0;
height: auto;
}
.vrzd iframe {
border-radius: 15px; /* Скругление углов как на макете Figma */
display: block;
}
@media screen and (max-width: 1050px) {
.video-grid {
flex-direction: column;
gap: 20px;
}
.vrzd {
width: 100%;
}
.vrzd iframe {
height: 250px;
}
}

main {
width: 100%;
position: relative;
background: #f5e1e2;
}

/* ===== ПЕРЕКЛЮЧАТЕЛЬ ДЕТИ ===== */
.mode-slider {
padding: 10px;
display: flex;
justify-content: center;
}
.track {
position: relative;
width: 210px;
height: 38px;
background: #f5bdc7;
border-radius: 999px;
overflow: hidden;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.08);
transition: background 0.4s ease;
cursor: pointer;
}
.label {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-weight: 600;
font-size: 14px;            /* Адаптировано под компактность (было 17px) */
color: white;
white-space: nowrap;
pointer-events: none;
transition: opacity 0.35s ease, color 0.35s ease;
z-index: 2;
}
.label-left {
left: 16px;                 /* Слегка уменьшено для компактности */
}
.label-right {
right: 16px;                /* Слегка уменьшено для компактности */
}
/* когда взрослые активны → текст "Дети" ярче, "Взрослые" тусклее */
body.adults .label-left {
opacity: 0.55;
}
body.adults .label-right {
opacity: 1;
font-weight: 700;
}
/* когда дети активны → наоборот */
body.deti .label-left {
opacity: 1;
font-weight: 700;
}
body.deti .label-right {
opacity: 0.55;
}
.thumb {
position: absolute;
top: 1px;
left: 1px;
width: calc(50% - 2px);     /* Скорректировано под новые размеры */
height: calc(100% - 2px);
background: white;
border-radius: 999px;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.25);
transition: left 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.4);
z-index: 1;
}
/* Убран конфликтующий body.adults .thumb { left: ... } чтобы работал DRAG */
body.adults .thumb {
left: 1px;
}
body.deti .thumb {
left: 105px;                /* 210px / 2 мгновенно выставляет ползунок справа в режиме дети */
}
/* ===== CONTENT ===== */
/* Базовый цвет текста (когда НЕ под бегунком) */
.label {
color: #ffffff;
transition: color 0.4s ease;
}
/* Когда режим Взрослые → бегунок слева → тёмный текст на левой надписи */
body.adults .label-left {
color: #f5bdc7;          /* или #0a0a0a, #1a1a1a, #222 — выбирай по вкусу */
font-weight: 700;
}
/* Когда режим Дети → бегунок справа → тёмный текст на правой надписи */
body.deti .label-right {
color: #f5bdc7;      /* тот же тёмный цвет */
font-weight: 700;
margin-right: 15px;   /* Исправлено смещение из-за margin под компактность */
}
/* Неактивная надпись остаётся белой / чуть приглушённой */
body.adults .label-right,
body.deti .label-left {
color: #ffffff;
font-weight: 600;
margin-right: 0px;   /* Исправлено смещение из-за margin под компактность */
opacity: 1;
}
/* опционально — лёгкая тень/градиент на бегунке */
.thumb::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
background: linear-gradient(to bottom, rgba(255,255,255,0.9), rgba(240,240,240,0.7));
opacity: 0.7;
pointer-events: none;
}