@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
body {
font-family: 'Montserrat', sans-serif;
}
*,::after, ::before{
margin: 0;
padding: 0;
box-sizing: border-box;
}
p {
padding: 5px 0;
}
ul{
list-style: none;
margin: 0;
padding: 0;
}
a, a:hover, a:focus{
color: inherit;
text-decoration: unset;
}
.container{
margin: 0 auto;
max-width: 1280px
}
.my-btn{
color: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
width: fit-content;
max-width: 100%;
border-radius: 100px;
background: linear-gradient(90deg, #52D1E0 0%, #38949F 100%);
padding: 0.75em 1.8em;
text-transform: uppercase;
text-align: center;
white-space: nowrap;
box-sizing: border-box;
border: none;
cursor: pointer;
}
input{
border: none;
}
.before-after {
position: relative;
width: 100%;
max-width: 600px;
overflow: hidden;
margin-bottom: 20px;
}
.before, .after {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.after {
clip-path: inset(0 50% 0 0);
}
.before img, .after img {
width: 100%;
display: block;
}
.slider {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
background: transparent;
z-index: 10;
}
.mobile-menu{
display: none;
}
html {
scroll-behavior: smooth;
}
.wpcf7-response-output, .wpcf7-not-valid-tip{
display: none!important;
}
.modaal-container section.form .wrap h3{
display:none;
}
.modaal-container section.form .wrap{
padding: 10px!important;
}
.subtitle {
font-size:30px;
margin-bottom:10px
} header.desktop-header{
background: #00A3B7;
color: white;
border-top: 2px solid #52D1E0;
border-bottom: 2px solid #52D1E0;
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 1000;
overflow: visible;
transition: box-shadow 0.25s ease;
} body.admin-bar header.desktop-header{
top: 32px;
}
@media screen and (max-width: 782px) {
body.admin-bar header.desktop-header{
top: 46px;
}
}
header.desktop-header.is-scrolled{
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
header.desktop-header .header-meta{
background: rgba(0, 0, 0, 0.12);
border-bottom: 1px solid rgba(255, 255, 255, 0.18);
max-height: 48px;
opacity: 1;
overflow: hidden;
transition: max-height 0.28s ease, opacity 0.2s ease, border-color 0.2s ease, padding 0.28s ease;
}
header.desktop-header.is-meta-hidden .header-meta{
max-height: 0;
opacity: 0;
border-bottom-color: transparent;
pointer-events: none;
} @media (min-width: 1200px) { body.has-fixed-desktop-header{
padding-top: var(--desktop-header-offset, 120px);
}
body.has-fixed-desktop-header section.main,
body.has-fixed-desktop-header section.main.art,
body.has-fixed-desktop-header section.main.doc{
padding-top: 0 !important;
}
}
header.desktop-header .header-meta__inner{
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
min-height: 30px;
padding: 3px 0;
}
header.desktop-header .header-meta__info{
display: flex;
align-items: center;
flex-wrap: nowrap;
gap: 6px 16px;
min-width: 0;
flex: 1 1 auto;
font-size: 11px;
line-height: 1.25;
color: #fff;
}
header.desktop-header .header-meta__item{
display: inline-block;
opacity: 0.95;
min-width: 0;
}
header.desktop-header .header-meta__contacts{
display: flex;
align-items: center;
gap: 14px;
flex: 0 1 auto;
justify-content: center;
min-width: 0;
}
header.desktop-header .header-meta__contacts .header-social-widgets{
display: flex;
align-items: center;
}
header.desktop-header .header-meta__contacts .header-social-widgets ul,
header.desktop-header .header-meta__contacts .header-social-widgets .menu{
display: flex;
align-items: center;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}
header.desktop-header .header-meta__contacts .header-social-widgets a{
display: inline-flex;
align-items: center;
color: #fff;
background: transparent;
padding: 0;
border-radius: 0;
}
header.desktop-header .header-meta__contacts .header-social-widgets img,
header.desktop-header .header-meta__contacts .header-social-widgets svg{
display: block;
width: 18px;
height: 18px;
object-fit: contain;
}
header.desktop-header .header-meta__phone{
color: #fff;
font-size: 13px;
font-weight: 600;
white-space: nowrap;
text-decoration: none;
background: transparent;
padding: 0;
}
header.desktop-header .header-meta__phone:hover{
opacity: 0.9;
color: #fff;
}
header.desktop-header .header-search{
display: flex;
align-items: center;
flex-shrink: 0;
width: min(240px, 30vw);
height: 26px;
background: #fff;
border: 1px solid rgba(255, 255, 255, 0.55);
border-radius: 20px;
overflow: hidden;
}
header.desktop-header .header-search__input{
flex: 1;
min-width: 0;
height: 100%;
border: 0;
outline: none;
background: #fff;
color: #001031;
font-size: 12px;
padding: 0 12px;
-webkit-text-fill-color: #001031;
caret-color: #001031;
}
header.desktop-header .header-search__input::placeholder{
color: #6b7280;
opacity: 1;
-webkit-text-fill-color: #6b7280;
}
header.desktop-header .header-search__input:focus{
background: #fff;
color: #001031;
-webkit-text-fill-color: #001031;
}
header.desktop-header .header-search__btn{
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 100%;
border: 0;
background: #52D1E0;
color: #fff;
cursor: pointer;
flex-shrink: 0;
}
header.desktop-header .header-search__btn:hover{
background: #3fc0d0;
}
.screen-reader-text{
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
header.desktop-header .title{ font-weight: bold;
font-size: 2.5em;
}
header.desktop-header .logo{
display: block;
flex: 0 0 auto;
flex-shrink: 0;
width: max-content;
max-width: none;
position: relative;
z-index: 3;
margin-right: 0;
}
header.desktop-header .logo-brand{
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
width: max-content;
max-width: none;
}
header.desktop-header .logo-brand .custom-logo-link{
display: block;
line-height: 0;
flex: 0 0 auto;
}
header.desktop-header .logo-brand .custom-logo-link img,
header.desktop-header .logo-brand .custom-logo{
display: block;
max-height: 84px;
max-width: 260px;
width: auto;
height: auto;
}
header.desktop-header .logo-activity{
display: block;
flex: 0 0 auto;
box-sizing: border-box;
width: max-content;
max-width: 13em;
color: #fff;
font-size: 14px;
font-weight: 600;
line-height: 1.2;
letter-spacing: 0.01em;
text-align: left;
text-transform: none;
white-space: normal;
overflow-wrap: anywhere;
opacity: 0.95;
position: relative;
z-index: 3;
}   header.desktop-header .header-top{
display: flex;
width: 100%;
height: 96px;
align-items: center;
justify-content: flex-start;
gap: 0;
}
header.desktop-header .header-bottom{
display: flex;
align-items: center;
justify-content: flex-start;
gap: 12px;
min-width: 0;
flex: 1 1 auto;
position: relative;
z-index: 5;
padding-left: 4px;
overflow: visible;
}
header.desktop-header .header-bottom nav{
min-width: 0;
flex: 0 1 auto;
position: static;
overflow: visible;
}
header.desktop-header .header-bottom ul:not(.dropdown-menu):not(.subcategories-list),
header.desktop-header .header-bottom ul.primary-menu{
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-start;
gap: 8px;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 120%;
text-transform: uppercase;
position: static;
overflow: visible;
list-style: none;
margin: 0;
padding: 0;
}
.header-bottom > nav > ul > li > a,
.header-bottom .primary-menu > .menu-item > a {
font-weight: 600;
background:#52D1E0;
padding:8px 13px;
border-radius:30px;
display: inline-block;
line-height: 1.2;
text-transform: uppercase;
vertical-align: middle;
}
.header-bottom > nav > ul > li > a:hover,
.header-bottom .primary-menu > .menu-item > a:hover{
color:#00A3B7;
}
header.desktop-header a.my-btn{
color: #fff;
font-size: .88em;
font-style: normal;
font-weight: 700;
line-height: 120%;
text-transform: uppercase;
padding: 0.75em 1.35em;
flex: 0 0 auto;
width: fit-content;
white-space: nowrap;
position: relative;
z-index: 2;
margin-left: auto;
} @media (min-width: 1200px) and (max-width: 1360px){
header.desktop-header .header-meta__item--address{
display: none;
}
header.desktop-header .a11y-toggle__text{
display: none;
}
header.desktop-header .header-search{
width: min(180px, 18vw);
}
header.desktop-header .logo{
margin-right: 0;
}
header.desktop-header .logo-activity{
display: none;
}
.header-bottom > nav > ul > li > a,
.header-bottom .primary-menu > .menu-item > a{
padding: 7px 10px;
font-size: 12px;
}
header.desktop-header .header-bottom ul:not(.dropdown-menu):not(.subcategories-list),
header.desktop-header .header-bottom ul.primary-menu{
gap: 5px;
}
header.desktop-header a.my-btn{
padding: 0.65em 1em;
font-size: 0.78em;
}
}
header li {
margin:0;
}
.widget-wrapper {
display: flex;
align-items: center;
gap: 20px;
} section.main{
position: relative;
height: 100vh;
padding-top: 0;
} body:not(.home):not(.front-page) section.main{
height: auto;
min-height: 0;
} @media (min-width: 1200px) {
body.has-fixed-desktop-header section.main{
padding-top: 0 !important;
padding-bottom: 60px;
}
body.has-fixed-desktop-header section.main > .container{
padding-top: 28px;
}
body.has-fixed-desktop-header section.main.art{
min-height: 0;
padding-top: 0 !important;
padding-bottom: 48px;
}
body.has-fixed-desktop-header section.main.art > .container{
padding-top: 28px;
} body.has-fixed-desktop-header.home section.main,
body.has-fixed-desktop-header.front-page section.main{
display: flex;
flex-direction: column;
justify-content: stretch;
height: calc(100vh - var(--desktop-header-offset, 120px));
min-height: calc(100vh - var(--desktop-header-offset, 120px));
max-height: calc(100vh - var(--desktop-header-offset, 120px));
padding: 0 0 120px !important;
box-sizing: border-box;
}
body.has-fixed-desktop-header.home section.main > .container,
body.has-fixed-desktop-header.front-page section.main > .container{
padding-top: 12px;
display: flex;
flex-direction: column;
flex: 1 1 auto;
height: 100%;
min-height: 0;
width: 100%;
}
body.has-fixed-desktop-header.home section.main .content,
body.has-fixed-desktop-header.front-page section.main .content{
display: flex;
flex-direction: column;
flex: 1 1 auto;
height: 100%;
min-height: 0;
justify-content: center;
}
body.has-fixed-desktop-header.home section.main .wrap-top,
body.has-fixed-desktop-header.front-page section.main .wrap-top{
flex: 1 1 auto;
align-items: center;
justify-content: space-between;
gap: 32px;
height: 100%;
min-height: 0;
}
body.has-fixed-desktop-header.home section.main .left,
body.has-fixed-desktop-header.front-page section.main .left{
display: flex;
flex-direction: column;
justify-content: center;
min-width: 0;
}
body.has-fixed-desktop-header.home section.main h1,
body.has-fixed-desktop-header.front-page section.main h1{
margin-bottom: 16px;
}
body.has-fixed-desktop-header.home section.main .descr,
body.has-fixed-desktop-header.front-page section.main .descr{
margin-bottom: 16px;
}
body.has-fixed-desktop-header.home section.main .descr.dop,
body.has-fixed-desktop-header.front-page section.main .descr.dop{
margin-bottom: 28px;
}
body.has-fixed-desktop-header.home section.main .right,
body.has-fixed-desktop-header.front-page section.main .right{
flex: 0 0 auto;
--hero-photo: min(480px, 42vw, calc(100vh - var(--desktop-header-offset, 128px) - 160px));
width: var(--hero-photo);
height: var(--hero-photo);
max-width: var(--hero-photo);
max-height: var(--hero-photo);
aspect-ratio: 1 / 1;
border-radius: 50%;
overflow: hidden;
align-self: center;
}
body.has-fixed-desktop-header.home section.main .right img,
body.has-fixed-desktop-header.front-page section.main .right img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
}
section.main.art{
height: auto;
min-height: 0;
padding-top: 0;
padding-bottom: 72px;
background: #fff;
}
body.page-template-templatesarticle-php,
body.page-template-article{
overflow: visible;
}
section.main.art:after{
display: none !important;
content: none !important;
}
section.main.art .container,
.article-layout{
height: auto;
}
section.main.art img.back{
display: none !important;
}
.article-layout{
display: block;
padding-top: 28px;
}
.article-layout--toc{
display: grid;
grid-template-columns: 240px minmax(0, 1fr);
gap: 36px 40px;
align-items: start;
}
.article-toc{
position: sticky;
top: calc(var(--desktop-header-offset, 136px) + 16px);
max-height: calc(100vh - var(--desktop-header-offset, 136px) - 32px);
overflow: auto;
padding: 16px;
border: 1px solid #dce8ec;
border-radius: 14px;
background: #f7fbfc;
scrollbar-width: thin;
}
.article-toc__title{
margin: 0 0 12px;
color: #001031;
font-size: 0.95rem;
font-weight: 700;
line-height: 1.3;
}
.article-toc__list{
margin: 0;
padding: 0;
list-style: none;
}
.article-toc__item{
margin: 0 0 8px;
}
.article-toc__item a{
display: block;
color: #3a4658;
font-size: 0.88rem;
font-weight: 500;
line-height: 1.35;
text-decoration: none;
}
.article-toc__item a:hover{
color: #00A3B7;
}
.article-toc__item--h3{
padding-left: 12px;
}
.article-toc__item--h3 a{
font-size: 0.84rem;
font-weight: 400;
color: #5b6778;
}
.article-back{
margin: 0 0 14px;
}
.article-back a{
color: #00A3B7;
font-size: 0.95rem;
font-weight: 600;
text-decoration: none;
}
.article-back a:hover{
text-decoration: underline;
}
section.main.art .art-body{
position: relative;
z-index: 1;
max-width: 760px;
margin: 0;
color: #1f2937;
font-size: 1.05rem;
line-height: 1.75;
}
.article-layout--toc .art-body{
max-width: none;
}
section.main.art .art-body > .article-title,
section.main.art h1.article-title{
margin: 0 0 22px;
color: #001031 !important;
font-size: clamp(1.75rem, 3vw, 2.35rem);
font-weight: 700;
line-height: 1.25;
background: none !important;
-webkit-background-clip: unset !important;
background-clip: unset !important;
-webkit-text-fill-color: #001031 !important;
text-fill-color: #001031 !important;
}
section.main.art .art-featured{
margin: 0 0 22px;
border-radius: 16px;
overflow: hidden;
}
section.main.art .art-featured__img,
section.main.art .art-featured img{
display: block;
width: 100%;
max-width: 100%;
height: auto;
max-height: 420px;
object-fit: cover;
border-radius: 16px;
}
.art-meta-bar{
margin: 0 0 32px;
max-width: 100%;
}
.art-meta-bar .blog-card__meta{
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: 10px 18px;
margin: 0;
padding: 12px 16px;
border: 1px solid #d7e6ea;
border-radius: 12px;
background: #f3fafb;
}
.art-meta-bar .blog-card__meta-row{
display: contents;
}
.art-meta-bar .blog-card__author,
.art-meta-bar .blog-card__date,
.art-meta-bar .blog-card__views,
.art-meta-bar .blog-card__read{
flex: 0 0 auto;
}
.art-content,
.art-content .seo{
display: block !important;
color: #1f2937;
font-size: 1.05rem;
line-height: 1.75;
}
.art-content > *:first-child,
.art-content .seo > *:first-child{
margin-top: 0;
}
.art-content p,
.art-body .seo p{
margin: 0 0 1.25em !important;
color: #1f2937;
font-size: 1.05rem;
line-height: 1.75;
}
.art-content h2,
.art-body .seo h2,
.art-body h2,
.art-content .seo h2{
margin: 2.25em 0 0.85em !important;
color: #001031 !important;
font-size: 1.45rem !important;
font-weight: 700;
line-height: 1.3;
text-align: left;
background: none !important;
-webkit-background-clip: unset !important;
background-clip: unset !important;
-webkit-text-fill-color: #001031 !important;
scroll-margin-top: calc(var(--desktop-header-offset, 136px) + 20px);
}
.art-content h3,
.art-body .seo h3,
.art-body h3,
.art-content .seo h3{
margin: 1.85em 0 0.65em !important;
color: #001031 !important;
font-size: 1.2rem !important;
font-weight: 700;
line-height: 1.35;
background: none !important;
-webkit-text-fill-color: #001031 !important;
scroll-margin-top: calc(var(--desktop-header-offset, 136px) + 20px);
}
.art-content h4,
.art-body .seo h4{
margin: 1.4em 0 0.45em;
color: #001031;
font-size: 1.05rem;
font-weight: 700;
line-height: 1.35;
}
.art-content ul,
.art-content ol,
.art-body .seo ul,
.art-body .seo ol,
.art-body ul{
margin: 0 0 1.25em;
padding-left: 1.35em;
}
.art-content ul,
.art-body .seo ul,
.art-body ul{
list-style: disc;
}
.art-content ol,
.art-body .seo ol{
list-style: decimal;
}
.art-content li,
.art-body .seo li,
.art-body li{
margin: 0 0 0.55em;
line-height: 1.65;
}
.art-content a,
.art-body .seo a{
color: #00A3B7;
text-decoration: underline;
text-underline-offset: 2px;
}
.art-content a:hover,
.art-body .seo a:hover{
color: #007f8f;
}
.art-content strong,
.art-content b,
.art-body .seo strong,
.art-body .seo b{
color: #001031;
font-weight: 700;
}
.art-content blockquote,
.art-body .seo blockquote{
margin: 1.5em 0;
padding: 14px 18px;
border-left: 4px solid #00A3B7;
border-radius: 0 10px 10px 0;
background: #f3fafb;
color: #334155;
}
.art-content img,
.art-body .seo img,
section.main.art .art-body img{
display: block;
max-width: 100%;
height: auto;
margin: 1.4em 0;
border-radius: 12px;
}
.art-content figure{
margin: 1.5em 0;
}
.art-content figcaption{
margin-top: 8px;
color: #6b7280;
font-size: 0.9rem;
line-height: 1.4;
}
.art-content table{
width: 100%;
margin: 1.5em 0;
border-collapse: collapse;
}
.art-content th,
.art-content td{
padding: 10px 12px;
border: 1px solid #dce4ea;
text-align: left;
}
.art-content th{
background: #f3fafb;
color: #001031;
}
.art-content hr{
margin: 2em 0;
border: 0;
border-top: 1px solid #e5e7eb;
}
@media (max-width: 980px){
.article-layout--toc{
grid-template-columns: 1fr;
gap: 20px;
}
.article-toc{
position: relative;
top: auto;
max-height: none;
}
section.main.art .art-body{
font-size: 1rem;
}
.art-content p,
.art-body .seo p{
font-size: 1rem;
}
}
section.main.main{
height: 100%;
}
section.main.main .container{
padding:100px 0;
}
section.main:after{
content:'';
width:100%;
height:200px;
position:absolute;
bottom:0;
left:0;
background:url(//gefestdent.ru/wp-content/uploads/2025/09/group-7-1-e1759182537802.png);
background-size: cover;
pointer-events:none;
z-index:-1;
pointer-events:none
}
section.main .content{
display: flex;
flex-direction: column;
height: 100%;
}
section.main img.back{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
z-index: -1;
}
section.main .container{
position: relative;
height: 100%;
}
h1,section.main h1, h2:not(section.info h2){
margin-bottom: 40px;
font-style: normal;
font-weight: 700;
font-size: 36px;
line-height: 44px;
background: linear-gradient(90deg, #52D1E0 0%, #38949F 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
#specs h1, h2 {
text-align:center;
}
section.main .wrap-top{
display: flex;
gap:50px;
justify-content: space-between;
align-items: center;
height: 100%;
min-height:60vh
}
section.main .wrap-top > *{
flex: 1;
}
section.main .right {
flex: 0 0 auto;
width: min(480px, 42vw);
max-width: 480px;
aspect-ratio: 1 / 1;
border-radius: 50%;
overflow: hidden;
align-self: center;
}
section.main .right img,
section.main .right img.dop {
display: block;
width: 100%;
height: 100%;
max-width: none;
object-fit: cover;
object-position: center;
}
.descr {
text-align:center;
}
section.main h1 span{
font-weight: 500;
}
section.main .descr{
color: #001031;
font-size: 1em;
font-style: normal;
font-weight: 400;
line-height: 130%; width: 90%;
text-align: left;
margin-bottom: 40px;
}
section.main .descr.dop {
font-size: 1em;
}
section.main a.my-btn{ text-align: center;
font-size: 1.2em;
font-style: normal;
font-weight: 700;
line-height: 130%; text-transform: uppercase;
width: fit-content;
padding: 1.1em 3em;
}
section.testy {
border-top: 10px solid #52D1E0;
border-bottom: 10px solid #52D1E0;
background: 
linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
url(//gefestdent.ru/wp-content/uploads/2023/11/photo_2023-11-30_05-06-07.jpg) center center no-repeat;
background-size: cover;
}
section.testy .wrap{
flex-direction: column;
padding: 50px 100px 35px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 50px;
position: relative;
z-index: 2;
width: 100%;
margin-bottom: 10px;
}
section.testy .wrap .row{
width: 100%;
display: flex;
justify-content: space-between;
}
section.testy .wrap .item{
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}
section.testy .wrap .item img{
width: 70px;
height: auto;
}
section.testy .wrap .item .text{
color: #FFF;
font-size: 1.1em;
font-style: normal;
font-weight: 300;
line-height: 130%; text-align: center;
}
section.testy .wrap .item .text b,
section.testy .wrap .item .text strong{
font-size: inherit;
line-height: inherit;
font-weight: 700;
vertical-align: baseline;
white-space: normal;
} section.uslugi .content{
padding: 60px 0;
}          section.uslugi .descr{
color: #001031;
font-size: 1.6em;
font-style: normal;
font-weight: 400;
line-height: 130%; margin: 0 auto;
margin-bottom: 70px;
text-align:center;
}
section.uslugi .wrap{
display: flex;
flex-direction: column;
gap: 60px;
}
section.uslugi .wrap .row{
display: flex;
gap: 40px;
justify-content: space-between;
}
section.uslugi .wrap .item{
display: flex;
align-items: center;
flex-direction: column;
border-radius: 30px;
background: #E4E3E4;
padding: 30px 0;
flex: 1;
}
section.uslugi .wrap .item:hover img{
transform: scale(1.2);
}
section.uslugi .wrap .item img{
border-radius: 30px;
width: 100%;
transition:all 0.3s;
}
section.uslugi .wrap .item .title{
color: #001031;
text-align: center;
font-size: 1.8em;
font-style: normal;
font-weight: 400;
line-height: 130%; padding:50px 20px 20px 20px;
}
section.uslugi .wrap .item a.my-btn{
margin-top: auto;
color: #001031;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 130%; text-transform: uppercase;
text-align: center;
padding: 0.7em 2em;
width: fit-content;
}
section.uslugi .wrap .item .subcategory-description{
color: #001031;
font-size: 1em;
font-weight: 400;
line-height: 1.45;
text-align: center;
padding: 0 20px 20px;
}
section.uslugi .wrap .item .subcategory-description p{
margin: 0;
line-height: inherit;
font-size: inherit;
}
section.uslugi .wrap .item .subcategory-description span,
section.uslugi .wrap .item .subcategory-description b,
section.uslugi .wrap .item .subcategory-description strong{
font-size: inherit !important;
line-height: inherit !important;
vertical-align: baseline;
}
section.uslugi .wrap .item .subcategory-description b,
section.uslugi .wrap .item .subcategory-description strong{
font-weight: 700;
} .cards-block__subtitle b,
.cards-block__subtitle strong,
.cards-block__description b,
.cards-block__description strong,
.services-description b,
.services-description strong,
.descr b,
.descr strong,
.advantage-description b,
.advantage-description strong,
.card-description b,
.card-description strong {
font-size: inherit !important;
line-height: inherit !important;
vertical-align: baseline;
font-weight: 700;
} section.form .content{
padding: 60px 0;
}
section.form h2{
color: #001031;
font-size: 2.5em;
font-style: normal;
font-weight: 500;
line-height: 130%;  margin: 0 auto;
margin-bottom: 40px;
}
section.form .descr{
color: #001031;
font-size: 1.6em;
font-style: normal;
font-weight: 400;
line-height: 130%;
width: 100%; margin-bottom: 70px;
}
section.form .wrap{
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 70px;
position: relative; }
section.form .wrap .left{
display: flex;
flex-direction: column;
gap: 50px;
flex: 1.5;
}
section.form .wrap .right{
flex: 1;
}
section.form .wrap .left .row{
display: flex;
justify-content: space-between;
gap: 0px;
width:70%;
margin:0 auto;
}
section.form .wrap .left .item{
flex: 1;
display: flex;
flex-direction: column;
align-items: center; justify-content: flex-start;
gap: 10px;
color: #001031;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 130%; text-align: center;
}
section.form .wrap .left img{
width: 70px;
height: 70px;
}
section.form .form-con{
position: relative;
text-align: center;
padding: 50px;
background-color: #00A3B7;
border-radius: 30px;
display: flex; align-items: center;
justify-content: space-between;
gap: 40px;
}
section.form .wrap .form-con > .wpcf7{
flex: 1.2;
} 
section.form .wrap img.form-dop{
position: absolute;
width: 200px;
height: 200px;
right: -170px;
top: 0;
}
section.form .form-descr{
color: #FFF;
font-size: 2.5em;
font-style: normal;
font-weight: 400;
line-height: 130%;
text-align:left;
}
section.form form{
display: flex;
flex-direction: column;
gap: 20px;
}
section.form form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="hidden"]){
height: 60px;
border-radius: 100px;
background-color: white;
color: #001031;
font-size: 1em;
font-style: normal;
font-weight: 400;
line-height: 130%; display: flex;
align-items: center;
padding-left: 40px;
width: 100%;
box-sizing: border-box;
}
section.form form .my-btn{
color: #001031;
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 130%; text-transform: uppercase;
background: #989898;
cursor: pointer;
width: 100%;
display: flex;
}
section.form form .text{
color: white;
text-align: left;
font-size: .85em;
margin: 12px auto 14px;
width: 100%;
}
section.form form .text a{
text-decoration: underline;
color: inherit;
} section.form form .wpcf7-acceptance,
section.form form .gefest-pdn-acceptance{
display: block;
margin: 12px 0 16px;
width: 100%;
}
section.form form .wpcf7-acceptance + br,
section.form form .gefest-pdn-acceptance + br,
section.form form .wpcf7-form-control-wrap[data-name="acceptance-pdn"] + br{
display: none;
}
section.form form .wpcf7-form-control-wrap[data-name="acceptance-pdn"]{
display: block;
margin: 12px 0 16px;
width: 100%;
}
section.form form .wpcf7-submit.my-btn,
section.form form input.my-btn[type="submit"]{
margin-top: 4px;
}
section.form form .wpcf7-acceptance .wpcf7-list-item{
margin: 0;
}
section.form form .wpcf7-acceptance label,
section.form form .gefest-pdn-acceptance label{
display: flex;
align-items: flex-start;
gap: 10px;
text-align: left;
cursor: pointer;
color: rgba(255, 255, 255, 0.92);
font-size: 13px;
line-height: 1.4;
font-weight: 400;
}
section.form form .wpcf7-acceptance input[type="checkbox"],
section.form form .gefest-pdn-acceptance input[type="checkbox"],
section.form form input[type="checkbox"]{
width: 18px !important;
height: 18px !important;
min-width: 18px;
min-height: 18px;
margin: 2px 0 0 !important;
padding: 0 !important;
border-radius: 4px !important;
flex-shrink: 0;
appearance: auto;
-webkit-appearance: checkbox;
background: #fff;
cursor: pointer;
}
section.form form .wpcf7-acceptance .wpcf7-list-item-label,
section.form form .gefest-pdn-acceptance .wpcf7-list-item-label{
display: block;
color: inherit;
font-size: inherit;
line-height: inherit;
}
section.form form .wpcf7-acceptance a,
section.form form .gefest-pdn-acceptance a{
color: #fff;
text-decoration: underline;
} section.tehn .content{
padding: 60px 0;
}
section.tehn h2{
color: #001031;
font-size: 2.5em;
font-style: normal;
font-weight: 500;
line-height: 130%; width: 70%;
margin: 0 auto;
margin-bottom: 40px;
}
section.tehn .descr{
color: #001031;
font-size: 1.6em;
font-style: normal;
font-weight: 400;
line-height: 130%;
width: 70%;
margin: 0 auto;
margin-bottom: 70px;
}
section.tehn .wrap{
display: flex;
flex-direction: column;
gap: 70px;
}
section.tehn .wrap .row:nth-child(1){
display: flex;
justify-content: center;
gap: 60px;
}
section.tehn .wrap .row:nth-child(2){
display: flex;
justify-content: space-between;
gap: 60px;
}
section.tehn .wrap .row .item{
width: 27%;
}
section.tehn .wrap .row img{
display: block;
margin: 0 auto;
height: 220px;
margin-bottom: 20px;
}
section.tehn .wrap .row .title{
color: #001031;
font-size: 1.3em;
font-style: normal;
font-weight: 700;
line-height: 130%; margin-bottom: 5px;
}
section.tehn .wrap .row .text{
color: #001031;
font-size: 1.2em;
font-style: normal;
font-weight: 400;
line-height: 130%; } section.clients .content{
padding: 60px 0;
}
section.clients h2{
color: #001031;
font-size: 2.5em;
font-style: normal;
font-weight: 500;
line-height: 130%;  margin: 0 auto;
margin-bottom: 40px;
}
section.clients .descr{
color: #001031;
font-size: 1.6em;
font-style: normal;
font-weight: 400;
line-height: 130%; margin: 0 auto;
margin-bottom: 70px;
}
section.clients .item{
border-radius: 30px;
background: #E4E3E4;
padding: 30px 40px 50px;
height: auto;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
section.clients .wrap{
width: 90%;
margin: 0 auto;
}
section.clients .item img{
border-radius: 30px;
width: 100%;
height: 320px;
}
section.clients .item .title{
color: #001031;
text-align: center;
font-size: 1.7em;
font-style: normal;
font-weight: 400;
line-height: 130%; margin: 30px 0;
}
section.clients .item-content{
color: #001031;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%;
}
section.clients .wrap{
position: relative;
}
section.clients .nav svg{
position: absolute;
z-index: 2;
top: 45%;
cursor: pointer;
}
section.clients .nav svg:hover rect{
fill: #6c80ab;
}
section.clients .nav svg.left{
left: -130px;
}
section.clients .nav svg.right{
right: -130px;
} section.doctors .content{
padding: 60px 0;
}
section.doctors h2{
color: #001031;
font-size: 2.5em;
font-style: normal;
font-weight: 500;
line-height: 130%;  margin: 0 auto;
margin-left: 0 !important;
margin-bottom: 40px;
}
section.doctors .descr{
color: #001031;
font-size: 1.6em;
font-style: normal;
font-weight: 400;
line-height: 130%; margin: 0 auto; margin-bottom: 70px;
}
section.doctors .wrap{
width: 90%;
margin: 0 auto;
}
section.doctors .item{
display: flex;
flex-direction: column;
align-items: center;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
section.doctors .item .title{
color: #001031;
font-size: 1.3em;
font-style: normal;
font-weight: 700;
line-height: 130%; margin-bottom: 5px;
}
section.doctors .item .text{
color: #001031;
font-size: 1.2em;
font-style: normal;
font-weight: 400;
line-height: 130%;
}
section.doctors .item img.main{
width: 380px;
max-width:380px;
margin-bottom: 30px;
height: 380px;
object-fit: cover;
object-position: top;
background-color: #d7d7d7;
}
section.doctors .item img.diplom{
width: 100%;
margin-top: 40px;
border: 2px solid gray;
}
section.doctors .wrap{
position: relative;
}
section.doctors .nav svg{
position: absolute;
z-index: 2;
top: 200px;
cursor: pointer;
}
section.doctors .nav svg:hover rect{
fill: #6c80ab;
}
section.doctors .nav svg.left{
left: -130px;
}
section.doctors .nav svg.right{
right: -130px;
} section.family .content{
padding: 60px 0;
}         section.family .descr{
color: #001031;
font-size: 1.6em;
font-style: normal;
font-weight: 400;
line-height: 130%;
}
section.family .wrap{
width: 80%;
margin: 0 auto;
margin-bottom: 100px;
}
section.family .wrap .row{
display: flex;
justify-content: center;
gap: 120px;
}
section.family .wrap .item{
flex: 1;
}
section.family .wrap .row .num{
color: #001031;
text-align: center;
font-size: 3em;
font-style: normal;
font-weight: 700;
line-height: 130%; }
section.family .wrap .row .hr{
width: 100%;
height: 1px;
background: #001031;
margin: 20px 0;
}
section.family .wrap .row .title{
color: #001031;
text-align: center;
font-size: 1.9em;
font-style: normal;
font-weight: 700;
line-height: 130%; text-align: center;
}
section.family .wrap .row .text{
color: #001031;
font-size: 1.9em;
font-style: normal;
font-weight: 400;
line-height: 130%;
text-align: center;
}
section.family .wrap-main{
display: flex;
justify-content: space-between; }
section.family .wrap-main .left{ position:relative
}
section.family .wrap-main .left .nav{
display: flex
;
position: absolute;
width: 105%;
top: 50%;
left: 50%;
z-index: 10;
align-items: center;
justify-content: space-between;
transform: translate(-50%, -50%);
}
section.family .wrap-main .right{ display: flex;
flex-direction: column;
margin-top:50px;
}
section.family .wrap-main .left img{
width: 100%;
border-radius: 30px;
}
section.family .wrap-main .right a{
color: #001031;
text-align: center;
font-size: 1.3em;
font-style: normal;
font-weight: 700;
line-height: 130%; text-transform: uppercase;
width: fit-content;
margin: auto auto 0;
}
section.family .wrap-main .right .text{
color: #001031;
font-size: 1.2em;
font-style: normal;
font-weight: 400;
line-height: 130%; padding: 30px;
}
section.family .wrap-bottom .row{
display: flex;
justify-content: space-between;
gap: 100px;
}
section.family .wrap-bottom .row .item{
flex: 1;
}
section.family .wrap-bottom .row .item img{
width: 100%;
border: 2px solid gray;
border-radius: 30px;
}
.advantages-grid {
display: flex
;
width: 100%;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
}
.advantage-card {
width: 32%;
display: flex
;
flex-direction: column;
align-items: center;
text-align: center;
}
.advantage-title {
color:#00A3B7;
}     .faq-question{
margin-bottom:20px;
border-radius:20px;
background: linear-gradient(90deg, #52D1E0 0%, #38949F 100%);
transition:all 0.3s linear
}
.faq-question:hover{
background: linear-gradient(90deg, #38949F 0%, #52D1E0 100%);
}
.faq-answer ul{
list-style: disc;
margin: 0 0 12px;
padding-left: 1.25em;
}
.faq-answer li{
margin: 0 0 6px;
line-height: 1.45;
}
.faq-answer p{
margin: 0 0 10px;
}
.faq-answer p:last-child{
margin-bottom: 0;
} section.map{
margin: 0;
padding:0;
background: #00A3B7; 
}
section.map .content{
position: relative;
}
section.map img.map-dop{
position: absolute;
top: 22%;
left: -15%;
z-index: 2;
width:40%;
}
section.map .wrap{     display: flex;
gap:50px;
align-items: center; }   section.map .wrap .title{
color: #FFF;
font-size: 2.5em;
font-style: normal;
font-weight: 700;
line-height: 130%; text-align: left;
margin-bottom: 20px;
}
section.map .wrap .row{
display: flex;
gap: 15px;
justify-content: flex-start;
}
section.map .wrap .row img{
width: 25px;
height: 25px;
margin-bottom: 40px;
}
section.map .wrap .descr{
color: #FFF;
font-size: 1.2em;
font-style: normal;
font-weight: 400;
line-height: 130%; margin-bottom: 30px;
}
section.map .wrap a.my-btn{
width: fit-content;
color: #001031;
text-align: center;
font-size: 1.2em;
font-style: normal;
font-weight: 700;
line-height: 130%; text-transform: uppercase;
padding: 0.8em 2em;
}
.wrap-contacts {
flex:1;
}
.wrap-map {
width:100%;
flex:2;
position: relative;
overflow: hidden;
border-radius: 12px;
isolation: isolate;
transform: translateZ(0);
-webkit-transform: translateZ(0);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
contain: paint;
}
.gefest-map-iframe{
display: block;
width: 100%;
max-width: 100%;
border: 0;
background: #e8eef2;
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
#specs, #vrachi {
margin-top:100px;
background: 
linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
url(//gefestdent.ru/wp-content/uploads/2023/11/photo_2023-11-30_05-06-07.jpg) center center no-repeat;
background-size: cover;
} @media (min-width: 1200px) {
body.has-fixed-desktop-header header.mobile-menu + section#specs,
body.has-fixed-desktop-header header.mobile-menu + section#vrachi,
body.has-fixed-desktop-header.page-template-all-docs #specs,
body.has-fixed-desktop-header[class*="page-template-all-docs"] #specs{
margin-top: 0;
}
}
#specs .descr {
color:#fff;
}
.doctors-grid {
display: grid;
grid-template-columns: repeat(4, 1fr); gap: 20px;
margin-top: 20px;
}
.doctor-card {
text-align: center;
padding: 15px;
border-radius: 10px;
transition: transform 0.3s, box-shadow 0.3s;
}
.doctor-card:hover {
transform: translateY(-5px);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.doctor-photo {
border-radius: 10px;
width: 100%;
height: 100%;
object-fit:cover;
margin-bottom: 10px;
}
.doctor-name {
font-weight: bold;
font-size: 1.2em;
margin-bottom: 5px;
background: linear-gradient(90deg, #52D1E0 0%, #38949F 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.doctor-status {
color: #fff;
font-size: 0.9em;
}
.view-all-btn {
text-align: center;
margin-top: 20px;
}
.view-all-btn .btn {
display: inline-block;
padding: 10px 20px;
background-color: #001031;
color: #fff;
text-decoration: none;
border-radius: 25px;
transition: background-color 0.3s;
}
.view-all-btn .btn:hover {
background-color: #002060;
} @media (max-width: 1024px) {
.doctors-grid {
grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
.doctors-grid {
grid-template-columns: 1fr; }
} section.form2 .descr{
width: 53%;
}
section.form2 .wrap{
margin-right: 5%;
}
section.form2 .wrap img.form-dop{
bottom: 5%;
left: -300px;
} section.info {
background: #f3f6f7;
background-image: none;
}
section.info .content{
padding: 48px 0 64px;
}
section.info h1,
section.info h2{
color: #001031 !important;
font-size: 2.2em;
font-style: normal;
font-weight: 600;
line-height: 130%;
margin: 0 auto 16px;
text-align: left;
}
section.info h2 b{
color: #00A3B7;
}
section.info .item h3,
section.info .item p {
color:#001031;
}
section.info .descr{
color: #4b5563;
font-size: 1.15em;
font-style: normal;
font-weight: 400;
line-height: 140%;
margin: 0 0 36px;
text-align: left;
}
section.info .wrap{
display: flex;
flex-direction: column;
gap: 0;
max-width:100%;
}
section.info .wrap .row,
section.info .blog-cards__row{
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
justify-content: stretch;
}
section.info .wrap .row .item,
section.info .blog-card{
flex: none;
max-width: none;
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 0;
background: #fff;
border-radius: 18px;
overflow: hidden;
box-shadow: 0 8px 24px rgba(0, 16, 49, 0.08);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
section.info .blog-card:hover{
transform: translateY(-3px);
box-shadow: 0 12px 28px rgba(0, 16, 49, 0.12);
}
section.info .blog-card__image{
display: block;
line-height: 0;
}
section.info .blog-card__image img{
width: 100%;
border-radius: 0;
height: 200px;
object-fit: cover;
display: block;
}
.blog-card__body{
display: flex;
flex-direction: column;
gap: 12px;
padding: 18px 18px 20px;
flex: 1;
min-width: 0;
}
.blog-card__meta{
display: flex;
flex-direction: column;
gap: 8px;
margin-top: auto;
}
.blog-card__meta-row{
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
flex-wrap: wrap;
min-width: 0;
}
.blog-card__author{
display: inline-flex;
align-items: center;
gap: 8px;
min-width: 0;
flex: 1 1 auto;
overflow: hidden;
}
.blog-card__author-logo{
width: 28px !important;
height: 28px !important;
max-width: 28px !important;
max-height: 28px !important;
border-radius: 50%;
object-fit: contain !important;
background: #e8f7fa;
padding: 3px;
flex: 0 0 auto;
display: block;
}
.blog-card__author-name{
color: #001031;
font-size: 13px;
font-weight: 600;
line-height: 1.2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.blog-card__date,
.blog-card__views,
.blog-card__read{
display: inline-flex;
align-items: center;
gap: 5px;
color: #6b7280;
font-size: 12px;
line-height: 1.2;
white-space: nowrap;
flex: 0 0 auto;
}
.blog-card__date svg,
.blog-card__views svg,
.blog-card__read svg{
width: 14px;
height: 14px;
flex: 0 0 auto;
stroke: currentColor;
}
.blog-card__title{
margin: 0;
font-size: 1.1rem;
font-weight: 700;
line-height: 1.3;
order: 0;
}
.blog-card__title a{
color: #001031;
text-decoration: none;
}
.blog-card__title a:hover{
color: #00A3B7;
}
.blog-card__excerpt{
margin: 0;
color: #4b5563 !important;
font-size: 0.92rem;
line-height: 1.45;
}
.blog-card__more{
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
box-sizing: border-box;
margin-top: 4px;
padding: 10px 16px;
border-radius: 25px;
color: #fff !important;
background: linear-gradient(90deg, #52D1E0 0%, #38949F 100%);
font-size: 14px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
transition: background .2s ease, transform .2s ease;
}
.blog-card__more:hover{
text-decoration: none;
background: #00A3B7;
}
.art-meta-bar{
margin: 0 0 32px;
max-width: 100%;
}
.art-meta-bar .blog-card__meta{
margin-top: 0;
}
section.info a.my-btn{
width: fit-content;
color: #fff;
background: linear-gradient(90deg, #52D1E0 0%, #38949F 100%);
text-align: center;
font-size: 1em;
font-style: normal;
font-weight: 700;
line-height: 130%;
text-transform: uppercase;
margin: 40px auto 0;
padding: 0.75em 1.8em;
border-radius: 100px;
}
section.info .view-all-btn{
display: flex;
justify-content: center;
}
@media screen and (max-width: 900px) {
section.info .wrap .row,
section.info .blog-cards__row{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media screen and (max-width: 640px) {
section.info .wrap .row,
section.info .blog-cards__row{
grid-template-columns: 1fr;
}
section.info h1,
section.info h2{
font-size: 1.6em;
}
} footer{ background: #5B6066;
}
@media screen and (max-width: 760px) {
section.info .wrap .row .item{
max-width:100%;
}
section.info .blog-card__image img{
height:150px;
}
section.doctors .item img.main{
width: 316px;
}
}
.table {
padding: 50px 0;
}
.table h2 {
margin-bottom: 20px;
}
.price-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
}
.price-table thead,
.price-table tbody {
display: block;
width: 100%;
}
.price-table tr {
background: #fff;
border-radius: 10px;
display: grid;
grid-template-columns: minmax(9.5em, max-content) minmax(0, 1fr) max-content;
align-items: start;
column-gap: 20px;
row-gap: 0;
padding: 14px 18px;
margin-bottom: 8px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
border: 1px solid #e8eef0;
width: 100%;
box-sizing: border-box;
} .price-table tr:has(> td:last-child:nth-child(2)) {
grid-template-columns: minmax(0, 1fr) max-content;
}
.price-table td {
display: block;
position: relative;
z-index: 0;
padding: 0;
border: 0;
width: auto;
max-width: 100%;
min-width: 0;
font-size: 1em;
line-height: 1.4;
color: #001031;
word-break: normal;
overflow-wrap: anywhere;
}
.price-table tr td:first-child {
text-align: left;
font-weight: 700;
white-space: nowrap;
overflow-wrap: normal;
}
.price-table tr td:nth-child(2):not(:last-child) {
text-align: left;
font-weight: 400;
}
.price-table tr td:last-child {
text-align: right;
font-weight: 700;
white-space: nowrap;
overflow-wrap: normal;
}
@media screen and (max-width: 700px) {
.price-table tr {
grid-template-columns: minmax(0, 1fr) max-content;
column-gap: 12px;
row-gap: 6px;
}
.price-table tr td:first-child {
white-space: normal;
grid-column: 1 / 2;
}
.price-table tr td:nth-child(2):not(:last-child) {
grid-column: 1 / -1;
grid-row: 2;
}
.price-table tr td:last-child {
grid-column: 2 / 3;
grid-row: 1;
}
.price-table tr:has(> td:last-child:nth-child(2)) td:last-child {
grid-column: 2 / 3;
grid-row: 1;
}
}
@media screen and (max-width: 480px) {
.price-table td {
font-size: 14px;
}
.price-section__content {
overflow: auto;
}
}
.price-group{
margin-bottom: 36px;
}
.price-group--sub{
margin-bottom: 28px;
}
.price-parent{
margin: 8px 0 8px;
}
.price-parent__title{
margin: 28px 0 8px;
color: #001031;
font-size: 1.55em;
line-height: 1.25;
}
.price-group__title{
margin: 0 0 16px;
color: #001031;
font-size: 1.35em;
line-height: 1.3;
}
.price-group--sub .price-group__title{
display: block;
margin: 0 0 14px;
padding: 10px 16px;
border-left: 4px solid #00A3B7;
border-radius: 8px;
background: linear-gradient(90deg, #e8f6f8 0%, #f5fbfc 100%);
color: #001031;
font-size: 1.12em;
font-weight: 700;
line-height: 1.3;
}
.price-section__note{
margin-top: 20px;
display: block;
color: #3a4658;
font-size: 0.92em;
line-height: 1.45;
} .article-faq{
margin: 1.5em 0 2em;
border: 1px solid #d7e6ea;
border-radius: 14px;
overflow: hidden;
background: #fff;
}
.article-faq__item + .article-faq__item{
border-top: 1px solid #d7e6ea;
}
.article-faq__q{
display: flex;
width: 100%;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
margin: 0;
padding: 14px 16px;
border: 0;
background: #f7fbfc;
color: #001031;
font: inherit;
font-size: 1.02rem;
font-weight: 700;
line-height: 1.4;
text-align: left;
cursor: pointer;
}
.article-faq__q::after{
content: "+";
flex: 0 0 auto;
color: #00A3B7;
font-size: 1.25rem;
font-weight: 700;
line-height: 1;
}
.article-faq__q[aria-expanded="true"]{
background: #e8f6f8;
}
.article-faq__q[aria-expanded="true"]::after{
content: "−";
}
.article-faq__a{
padding: 0 16px 14px;
background: #fff;
}
.article-faq__a-inner > *:first-child{
margin-top: 0;
}
.article-faq__a-inner > *:last-child{
margin-bottom: 0;
}
.article-figure{
margin: 1.4em 0;
}
.article-figure img{
display: block;
width: 100%;
height: auto;
border-radius: 12px;
} .prices-page{
background: #fff;
}
.prices-hero{
padding: 28px 0 24px;
background: linear-gradient(180deg, #eef7f9 0%, #fff 100%);
}
.prices-hero__eyebrow{
margin: 0 0 10px;
color: #00A3B7;
font-size: 0.95em;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.prices-hero h1{
margin: 0 0 14px;
color: #001031;
font-size: clamp(1.8em, 3vw, 2.5em);
line-height: 1.25;
}
.prices-hero__lead{
margin: 0 0 8px;
max-width: 46em;
color: #3a4658;
font-size: 1.05em;
line-height: 1.55;
}
.prices-body{
padding: 8px 0 40px;
} body.page-template-templatesprices-php,
body.page-template-prices{
overflow: visible;
}
.prices-layout{
display: grid;
grid-template-columns: 220px minmax(0, 1fr);
gap: 28px 32px;
align-items: stretch;
}
.prices-sidebar{
position: relative;
min-width: 0;
}
.prices-sidebar .prices-nav{
position: sticky;
top: calc(var(--desktop-header-offset, 136px) + 12px);
z-index: 4;
max-height: calc(100vh - var(--desktop-header-offset, 136px) - 24px);
overflow-y: auto;
padding: 12px;
border: 1px solid #d5e4e8;
border-radius: 12px;
background: #f7fbfc;
scrollbar-width: thin;
}
.prices-nav__list{
display: flex;
flex-direction: column;
gap: 6px;
margin: 0;
padding: 0;
list-style: none !important;
list-style-type: none !important;
}
.prices-nav__list > li{
list-style: none !important;
list-style-type: none !important;
margin: 0;
padding: 0;
}
.prices-nav__list > li::before,
.prices-nav__list > li::marker{
content: none !important;
display: none !important;
}
.prices-nav__list a{
display: block;
padding: 9px 12px;
border: 1px solid transparent;
border-radius: 8px;
background: #fff;
color: #001031;
font-size: 0.9em;
font-weight: 600;
line-height: 1.25;
text-decoration: none;
transition: border-color .15s ease, color .15s ease, background .15s ease;
}
.prices-nav__list a:hover{
border-color: #00A3B7;
color: #00A3B7;
background: #f3fbfd;
}
.prices-main{
min-width: 0;
}
.prices-page .price-section{
padding: 0;
}
.prices-page .price-parent,
.prices-page .price-group{
scroll-margin-top: calc(var(--desktop-header-offset, 136px) + 16px);
}
@media (max-width: 980px){
.prices-layout{
grid-template-columns: 1fr;
gap: 16px;
}
.prices-sidebar .prices-nav{
position: relative;
top: auto;
max-height: none;
overflow: visible;
padding: 10px;
z-index: 5;
}
.prices-nav__list{
flex-direction: row;
flex-wrap: wrap;
overflow: visible;
gap: 8px;
padding-bottom: 0;
}
.prices-nav__list a{
white-space: normal;
padding: 8px 12px;
}
.prices-page .price-parent,
.prices-page .price-group{
scroll-margin-top: calc(var(--desktop-header-offset, 72px) + 16px);
}
} .modaal-container section.form .content{
padding: 0;
}
.modaal-content-container{
padding: 0;
}
.modaal-container section.form .form-con{
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap: 16px;
padding: 28px 32px 32px;
}
.modaal-container section.form .wrap{
margin: 0;
}
.modaal-container section.form .wrap .form-con > *{
width: 100%;
max-width: 420px;
}
.modaal-container section.form .wrap{
margin: 0!important;
width: 100%;
padding: 20px;
background-size: cover;
}
.modaal-container section.form .wrap h3{
display: none;
}
.modaal-container .form-descr{
width: 100%;
max-width: 420px;
text-align: center;
font-size: 1.15em;
line-height: 1.35;
opacity: 0.98;
}
.modaal-container section.form .form-con > span{
display: block;
width: 100%;
max-width: 420px;
text-align: center;
font-size: 12px !important;
color: rgba(255,255,255,0.65) !important;
margin: -4px 0 4px;
}
.modaal-container section.form form{
gap: 12px;
max-width: 420px;
margin: 0 auto;
width: 100%;
}
.modaal-container section.form form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="hidden"]){
height: 46px;
padding-left: 20px;
font-size: 0.95em;
}
.modaal-container section.form form .my-btn{
display: flex;
justify-content: center;
align-items: center;
height: 46px;
font-size: 15px;
margin-top: 2px;
}
.modaal-container section.form2 .wrap img.form-dop{
display: none;
}
.modaal-container{
border-radius: 30px!important;
border: 2px solid white;
overflow: hidden;
}
.modaal-container:has(section.form){
max-width: 560px !important;
}
.modaal-content-container{
padding: 0!important;
}
.modaal-container:has( .thanks) {
max-width: 700px!important;
border-radius: 20px!important;
padding: 30px;
text-align: center;
}
.modaal-container .thanks h2{
position: relative;
text-align: center;
margin: 0 0 30px!important;
font-size: 2.5em;
}
.modaal-container .thanks p{
text-align: center;
font-size: 1.3em;
}
.modaal-container .thanks img{
width: 100%;
}
.modaal-container .thanks h2::after {
display: block;
position: absolute;
content: "";
width: 100px;
height: 4px;
background: var(--unnamed, #003d8d);
bottom: -15px;
left: 30%;
width: 40%;
}
.wpcf7-checkbox {
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap:10px;
}
.wpcf7-checkbox span {
color:#fff;
}
[data-name="checkbox-836"] input {
height:30px!important;
} .doctors-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.doctor-card-wrapper {
background: #fff;
width: 100%;
height: 350px;
border-radius: 20px;
margin-bottom: 20px;
}
.doctor-photo {
width: 100%;
height: 100%;
object-fit:cover;
}
.doctor-status {
font-size:14px
}
@media screen and (max-width:480px){
.doctors-grid{
grid-template-columns: repeat(1, 1fr);
}
} .header-bottom .primary-menu > .menu-item{
position: relative;
z-index: 5;
}
.menu-item.dropdown{
position: relative;
}
.menu-item.dropdown:hover{
z-index: 220;
}
.menu-item.dropdown:hover .categories-list{
opacity: 1;
pointer-events: auto;
visibility: visible;
transition: opacity 0.2s ease;
}
.categories-list {
opacity: 0;
pointer-events: none;
visibility: hidden;
position: absolute;
top: calc(100% + 8px);
left: 0;
right: auto;
width: min(860px, calc(100vw - 48px));
min-width: 220px;
max-width: min(860px, calc(100vw - 48px));
z-index: 200;
background: #fafafa;
padding: 28px 24px 22px;
border: 1px solid #ddd;
border-radius: 8px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
column-count: 3;
column-gap: 24px;
box-sizing: border-box;
} .menu-item.dropdown::after{
content: '';
position: absolute;
left: 0;
right: 0;
top: 100%;
height: 12px;
display: none;
z-index: 201;
}
.menu-item.dropdown:hover::after{
display: block;
} .header-bottom .primary-menu > .menu-item.dropdown:nth-last-child(-n+3) .categories-list{
left: auto;
right: 0;
}
.category-item {
margin: 0 0 16px;
padding: 0 0 12px;
background-color: transparent;
border: 0;
border-radius: 0;
break-inside: avoid;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
}
.child-categories {
margin-top: 8px;
padding-left: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 6px;
}
.child-categories a {
display: inline-block;
margin-top: 0;
font-size: 13px;
text-decoration: none;
color: #001031 !important;
font-weight: 600 !important;
text-transform: none;
background: #52D1E0;
padding: 6px 10px;
border-radius: 30px;
line-height: 1.25;
}
.category-item > a {
display: block;
text-decoration: none;
color: #001031 !important;
font-weight: 700 !important;
font-size: 13px;
line-height: 1.3;
text-transform: uppercase;
background: transparent !important;
padding: 0 0 6px !important;
border-radius: 0 !important;
margin-bottom: 4px;
} .categories-list > .category-item:not(:has(.child-categories)){
padding-bottom: 0;
margin-bottom: 10px;
}
.categories-list > .category-item:not(:has(.child-categories)) > a{
display: inline-block;
margin-top: 0;
margin-bottom: 0;
font-size: 13px;
text-decoration: none;
color: #001031 !important;
font-weight: 600 !important;
text-transform: none;
background: #52D1E0 !important;
padding: 6px 10px !important;
border-radius: 30px !important;
line-height: 1.25;
} .menu-item.dropdown.dropdown-simple .categories-list{
column-count: 1;
width: max-content;
min-width: 240px;
max-width: min(360px, calc(100vw - 48px));
padding: 14px 16px;
}
.menu-item.dropdown.dropdown-simple .categories-list > .category-item{
margin-bottom: 6px;
padding-bottom: 0;
text-align: left;
}
.menu-item.dropdown.dropdown-simple .categories-list > .category-item:not(:has(.child-categories)) > a{
display: block;
width: 100%;
box-sizing: border-box;
text-align: left;
} footer {
min-height:650px;
}
.policy{
display: flex;
justify-content: space-between;
padding-top: 20px;
color: #fff;
flex-wrap: wrap;
}
footer .info {
background:#00a3b7;padding:30px 0px;width:100%;position:relative;z-index:0;
}
.footer-brand{
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
margin-bottom: 18px;
width: max-content;
max-width: 100%;
}
.footer-brand__logo .custom-logo-link,
.footer-brand__logo .custom-logo{
display: block;
line-height: 0;
}
.footer-brand__logo .custom-logo{
max-height: 96px;
max-width: 280px;
width: auto;
height: auto;
}
.footer-brand__activity{
display: block;
color: #fff;
font-size: 15px;
font-weight: 600;
line-height: 1.25;
max-width: 10em;
text-transform: none;
opacity: 0.95;
}
.footer-hours{
color: #fff;
text-align: left;
margin: 0 0 6px;
font-size: 1em;
font-weight: 600;
line-height: 1.35;
}
.footer-bottom__grid{
display: grid;
grid-template-columns: minmax(0, 0.85fr) minmax(0, 0.95fr) minmax(0, 1fr) minmax(0, 1.35fr);
gap: 28px 28px;
align-items: start;
color: #fff;
text-align: left;
}
.footer-legal__org,
.footer-legal__license,
.footer-legal__hours{
margin: 0 0 10px;
color: rgba(255, 255, 255, 0.92);
font-size: 14px;
line-height: 1.45;
}
.footer-legal__org{
color: rgba(255, 255, 255, 0.78);
}
.footer-legal__license{
color: #fff;
font-weight: 600;
}
.footer-legal__license a{
color: #fff;
text-decoration: underline;
text-underline-offset: 2px;
}
.footer-legal__note{
opacity: 0.85;
font-size: 13px;
}
.footer-disclaimer{
display: block;
width: 100%;
box-sizing: border-box;
margin: 28px 0 0;
padding: 18px 16px;
text-align: center;
color: #fff;
font-size: clamp(1.15em, 2.6vw, 1.85em);
font-weight: 800;
line-height: 1.3;
letter-spacing: 0.01em;
border-top: 1px solid rgba(255, 255, 255, 0.28);
border-bottom: 1px solid rgba(255, 255, 255, 0.28);
background: rgba(0, 0, 0, 0.12);
}
.footer-ratings{
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
gap: 12px;
margin-top: 16px;
width: 100%;
max-width: 100%;
overflow: visible;
}
.footer-yandex-rating{
width: 150px;
height: 50px;
min-width: 150px;
flex: 0 0 auto;
overflow: hidden;
border-radius: 8px;
background: #fff;
line-height: 0;
-webkit-overflow-scrolling: auto;
}
.footer-google-rating{
display: inline-flex;
align-items: center;
gap: 8px;
height: 50px;
min-height: 50px;
padding: 0 12px;
border-radius: 8px;
background: #fff;
color: #202124;
text-decoration: none;
box-sizing: border-box;
flex: 0 0 auto;
}
.footer-google-rating:hover{
color: #202124;
filter: brightness(0.97);
}
.footer-google-rating__brand{
display: inline-flex;
font-size: 16px;
font-weight: 700;
letter-spacing: -0.04em;
line-height: 1;
}
.footer-google-rating__brand span:nth-child(1){ color: #4285f4; }
.footer-google-rating__brand span:nth-child(2){ color: #ea4335; }
.footer-google-rating__brand span:nth-child(3){ color: #fbbc05; }
.footer-google-rating__brand span:nth-child(4){ color: #4285f4; }
.footer-google-rating__brand span:nth-child(5){ color: #34a853; }
.footer-google-rating__brand span:nth-child(6){ color: #ea4335; }
.footer-google-rating__score{
font-size: 16px;
font-weight: 800;
line-height: 1;
color: #202124;
}
.footer-google-rating__stars{
color: #fbbc05;
font-size: 13px;
letter-spacing: 0.04em;
line-height: 1;
}
.footer-yandex-rating iframe{
display: block;
width: 150px !important;
height: 50px !important;
min-width: 150px !important;
max-width: none !important;
border: 0 !important;
overflow: hidden !important;
vertical-align: top;
}
.footer-ratings .dd-informer{
max-width: 100%;
}
.footer-col-title{
margin: 0 0 12px;
color: #fff;
font-size: 16px;
font-weight: 700;
line-height: 1.3;
}
.footer-sitemap__list,
.footer-services .footer-sitemap__list,
.footer-sitemap ul,
.footer-services ul{
list-style: none !important;
list-style-type: none !important;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: 1fr;
gap: 6px;
}
.footer-sitemap__list li,
.footer-services li{
list-style: none !important;
list-style-type: none !important;
margin: 0;
padding: 0;
}
.footer-sitemap__list li::marker,
.footer-services li::marker,
.footer-sitemap__list li::before,
.footer-services li::before{
content: none !important;
display: none !important;
}
.footer-sitemap__list a{
color: rgba(255, 255, 255, 0.92);
text-decoration: none;
font-size: 14px;
line-height: 1.35;
}
.footer-sitemap__list a:hover{
color: #fff;
text-decoration: underline;
}
.footer-payments__text{
margin: 0 0 12px;
color: rgba(255, 255, 255, 0.9);
font-size: 14px;
line-height: 1.4;
}
.footer-payments__icons{
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.footer-pay-badge{
display: inline-flex;
flex-direction: column;
align-items: center;
gap: 6px;
min-width: 72px;
color: #fff;
font-size: 12px;
line-height: 1.2;
}
.footer-pay-badge__img{
display: block;
width: 84px;
height: 49px;
object-fit: contain;
border-radius: 8px;
background: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
}
.footer-pay-badge svg{
display: none;
}
.footer-copy{
margin: 22px 0 0;
color: rgba(255, 255, 255, 0.9);
font-size: 14px;
line-height: 1.4;
text-align: left;
}
.footer-rospotreb{
display: flex;
align-items: center;
gap: 14px;
width: 100%;
max-width: 520px;
margin: 22px 0 0;
padding: 12px 18px;
box-sizing: border-box;
border-radius: 10px;
background: #00B7E0;
color: #fff !important;
text-decoration: none !important;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
transition: background 0.2s ease, transform 0.2s ease;
}
.footer-rospotreb:hover{
background: #009fc4;
transform: translateY(-1px);
color: #fff !important;
}
.footer-rospotreb__icon{
flex: 0 0 auto;
display: inline-flex;
line-height: 0;
}
.footer-rospotreb__text{
font-size: 15px;
font-weight: 700;
line-height: 1.3;
}
.back-to-top{
position: fixed;
right: 20px;
bottom: 24px;
z-index: 1200;
width: 48px;
height: 48px;
border: 0;
border-radius: 50%;
background: #00A3B7;
color: #fff;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(8px);
transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease, background 0.2s ease;
}
.back-to-top.is-visible{
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(0);
}
.back-to-top:hover{
background: #008fa1;
}
@media screen and (max-width: 1100px){
.footer-bottom__grid{
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 640px){
.footer-bottom__grid{
grid-template-columns: 1fr;
gap: 22px;
}
.footer-brand{
flex-direction: column;
align-items: flex-start;
}
.footer-brand__activity{
max-width: none;
}
.back-to-top{
right: 14px;
bottom: 16px;
width: 44px;
height: 44px;
}
}
@media screen and (min-width:780px){
.wrap-main .content{
display: flex;
flex-direction:column
}
}
.vidy_protezirovania_grid {
display: grid;
grid-template-columns: repeat(3, 200px);
gap: 20px;
text-align: center;
}
.vidy_protezirovania_grid .grid-item p{
display:flex;
flex-direction:column
}
.vidy_protezirovania_grid .grid-item img {
max-width: 100%;
height: auto;
}
.vidy_protezirovania_grid .grid-item p {
grid-column: span 3;
font-size: 14px;
margin-top: 20px;
}
@media screen and (max-width:480px) {
.vidy_protezirovania_grid {
grid-template-columns: repeat(1, 1fr);
}
} .seo-block {
margin: 2rem 0;
padding: 0;
}
.seo__container {
max-width: 1200px;
margin: 0 auto;
}
.seo-details {
border: 1px solid #e0e0e0;
border-radius: 8px;
}
.seo-summary {
padding: 1.5rem;
background: #f9f9f9;
cursor: pointer;
font-weight: 600;
font-size: 1.1rem;
list-style: none;
transition: background 0.3s;
}
.seo-summary:hover {
background: #f0f0f0;
}
.seo-summary::-webkit-details-marker {
display: none;
}
.seo-summary:before {
content: '+';
float: right;
font-weight: bold;
transition: transform 0.3s;
}
.seo-details[open] .seo-summary:before {
content: '−';
}
.seo-content {
padding: 0 1.5rem;
max-height: 0;
overflow: hidden;
transition: all 0.3s ease;
}
.seo-details[open] .seo-content {
padding: 1.5rem;
max-height: none;
}
.seo-tags {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-top: 1.5rem;
padding-top: 1.5rem;
border-top: 1px solid #e0e0e0;
}
.tag-item {
background: #f0f0f0;
padding: 0.5rem 1rem;
border-radius: 20px;
font-size: 0.9rem;
color: #333;
text-decoration: none;
transition: background 0.3s;
}
.tag-item:hover {
background: #e0e0e0;
color: #333;
} .search-page{
padding: 120px 0 80px;
background: #fff;
}
.search-page__head{
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
gap: 20px;
margin-bottom: 40px;
}
.search-page__title{
margin: 0;
font-size: 32px;
line-height: 1.2;
font-weight: 700;
background: linear-gradient(90deg, #52D1E0 0%, #38949F 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.search-page__title span{
-webkit-text-fill-color: #001031;
color: #001031;
background: none;
}
.search-page__form .header-search{
display: flex;
align-items: center;
width: min(320px, 100%);
height: 42px;
background: #fff;
border: 1px solid #cfd8dc;
border-radius: 24px;
overflow: hidden;
}
.search-page__form .header-search__input{
flex: 1;
min-width: 0;
height: 100%;
border: 0;
outline: none;
background: #fff;
color: #001031;
font-size: 14px;
padding: 0 14px;
-webkit-text-fill-color: #001031;
}
.search-page__form .header-search__input::placeholder{
color: #6b7280;
-webkit-text-fill-color: #6b7280;
}
.search-page__form .header-search__btn{
display: inline-flex;
align-items: center;
justify-content: center;
width: 46px;
height: 100%;
border: 0;
background: #52D1E0;
color: #fff;
cursor: pointer;
}
.search-page__empty{
padding: 30px 0 10px;
color: #001031;
font-size: 16px;
line-height: 1.5;
}
.search-page__empty a{
color: #00A3B7;
text-decoration: underline;
}
.search-block{
margin-bottom: 48px;
}
.search-block__title{
margin: 0 0 24px;
font-size: 24px;
line-height: 1.25;
color: #001031;
}
.search-grid{
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
}
.search-card{
display: flex;
flex-direction: column;
background: #f7fbfc;
border: 1px solid #e4eef0;
border-radius: 20px;
overflow: hidden;
min-height: 100%;
}
.search-card__media{
display: block;
aspect-ratio: 16 / 10;
background: #e8f5f7;
overflow: hidden;
}
.search-card__media img{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
.search-card--doctor .search-card__media{
aspect-ratio: 3 / 4;
max-height: 360px;
}
.search-card--doctor .search-card__media img{
object-position: center top;
}
.search-card__placeholder{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
color: #38949F;
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
}
.search-card__body{
display: flex;
flex-direction: column;
gap: 10px;
padding: 18px 18px 20px;
flex: 1;
}
.search-card__type{
display: inline-block;
width: fit-content;
padding: 4px 10px;
border-radius: 999px;
background: #52D1E0;
color: #fff;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.03em;
}
.search-card__title{
margin: 0;
font-size: 18px;
line-height: 1.3;
}
.search-card__title a{
color: #001031;
text-decoration: none;
}
.search-card__title a:hover{
color: #00A3B7;
}
.search-card__excerpt{
color: #445066;
font-size: 14px;
line-height: 1.45;
flex: 1;
}
.search-card__more{
margin-top: 6px;
width: fit-content;
padding: 0.7em 1.4em !important;
font-size: 13px !important;
}
.search-page__nav{
margin-top: 28px;
}
.search-page__nav .nav-links{
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.search-page__nav a,
.search-page__nav .page-numbers{
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
height: 40px;
padding: 0 12px;
border-radius: 999px;
background: #e8f5f7;
color: #001031;
text-decoration: none;
font-weight: 600;
}
.search-page__nav .current{
background: #00A3B7;
color: #fff;
}
@media only screen and (max-width: 1199px){
.search-page{
padding: 110px 0 60px;
}
.search-grid{
grid-template-columns: 1fr;
}
.search-page__title{
font-size: 26px;
}
.search-page__form .header-search{
width: 100%;
}
} .reviews-yandex{
padding: 60px 0;
background: #fff;
}
.reviews-yandex h2{
text-align: center;
margin-bottom: 32px;
}
.reviews-yandex__widget{
width: min(560px, 100%);
height: 800px;
max-width: 100%;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.reviews-yandex__widget iframe{
width: 100%;
height: 100%;
border: 1px solid #e6e6e6;
border-radius: 8px;
box-sizing: border-box;
display: block;
background: #fff;
}
.reviews-yandex__link{
box-sizing: border-box;
text-decoration: none;
color: #b3b3b3;
font-size: 10px;
font-family: YS Text, sans-serif;
position: absolute;
bottom: 8px;
left: 0;
width: 100%;
max-height: 14px;
padding: 0 16px;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
}
@media only screen and (max-width: 580px){
.reviews-yandex{
padding: 40px 0;
}
.reviews-yandex__widget{
height: 640px;
}
} .about-page{
background: #fff;
}
.about-hero{
padding: 28px 0 64px;
background:
linear-gradient(180deg, #eef7f9 0%, #f7fbfc 55%, #fff 100%);
}
.about-hero__grid,
.about-story__grid,
.about-approach__grid,
.about-after__grid{
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
gap: 40px;
align-items: center;
}
.about-hero__eyebrow{
margin: 0 0 10px;
color: #00A3B7;
font-size: 0.95em;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.about-hero h1,
.about-story h2,
.about-trust h2,
.about-approach h2,
.about-steps h2,
.about-after h2{
margin: 0 0 16px;
color: #001031;
line-height: 1.2;
}
.about-hero h1{
font-size: clamp(1.8em, 3vw, 2.6em);
}
.about-hero__lead{
margin: 0 0 18px;
color: #00A3B7;
font-size: 1.25em;
font-weight: 700;
line-height: 1.35;
}
.about-hero__intro,
.about-story__text p,
.about-approach__text p,
.about-after__text p,
.about-after__card p,
.about-card p,
.about-step p,
.about-section-head p{
margin: 0 0 14px;
color: #3a4658;
font-size: 1.05em;
line-height: 1.6;
}
.about-hero__cta{
margin-top: 8px;
}
.about-hero__media,
.about-story__media,
.about-approach__media{
border-radius: 24px;
overflow: hidden;
min-height: 320px;
}
.about-hero__media img,
.about-story__media img,
.about-approach__media img{
display: block;
width: 100%;
height: 100%;
min-height: 320px;
object-fit: cover;
}
.about-link{
display: inline-block;
margin-top: 8px;
color: #00A3B7;
font-weight: 700;
text-decoration: none;
border-bottom: 1px solid transparent;
}
.about-link:hover{
border-bottom-color: #00A3B7;
}
.about-story,
.about-approach,
.about-after{
padding: 72px 0;
}
.about-trust,
.about-steps{
padding: 72px 0;
background: #f3f8fa;
}
.about-section-head{
max-width: 760px;
margin: 0 0 32px;
}
.about-trust__grid{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.about-card,
.about-step,
.about-after__card{
background: #fff;
border-radius: 18px;
padding: 26px 24px;
border: 1px solid #e5eef1;
}
.about-card h3,
.about-step h3,
.about-after__card h3{
margin: 0 0 12px;
color: #1a4b8c;
font-size: 1.15em;
line-height: 1.3;
}
.about-card--wide,
.about-step--wide{
grid-column: 1 / -1;
}
.about-approach{
background: #fff;
}
.about-approach__accent{
color: #001031 !important;
font-weight: 700;
}
.about-steps__grid{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.about-step__num{
display: inline-block;
margin-bottom: 10px;
color: #00A3B7;
font-size: 0.9em;
font-weight: 800;
letter-spacing: 0.06em;
}
.about-after__list{
margin: 0 0 18px;
padding-left: 1.2em;
color: #3a4658;
line-height: 1.55;
}
.about-after__list li{
margin: 0.4em 0;
}
.about-after__welcome{
color: #001031 !important;
font-weight: 700;
}
.about-after__card .my-btn{
margin: 8px 0 12px;
}
.about-page .about-approach__grid{
align-items: start;
}
@media (max-width: 1199px){
.about-hero,
.about-story,
.about-trust,
.about-approach,
.about-steps,
.about-after{
padding: 48px 0;
}
.about-hero__grid,
.about-story__grid,
.about-approach__grid,
.about-after__grid,
.about-trust__grid,
.about-steps__grid{
grid-template-columns: 1fr;
}
.about-card--wide,
.about-step--wide{
grid-column: auto;
}
.about-hero__media,
.about-story__media,
.about-approach__media,
.about-hero__media img,
.about-story__media img,
.about-approach__media img{
min-height: 240px;
}
} .contacts-page{
background: #fff;
}
.contacts-hero{
padding: 28px 0 40px;
background: linear-gradient(180deg, #eef7f9 0%, #fff 100%);
}
.contacts-hero__eyebrow{
margin: 0 0 10px;
color: #00A3B7;
font-size: 0.95em;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.contacts-hero h1,
.contacts-map h2,
.contacts-card h2{
margin: 0 0 14px;
color: #001031;
line-height: 1.25;
}
.contacts-hero h1{
font-size: clamp(1.8em, 3vw, 2.5em);
}
.contacts-hero__lead,
.contacts-map__head p,
.contacts-card p{
margin: 0 0 12px;
color: #3a4658;
font-size: 1.05em;
line-height: 1.55;
}
.contacts-info{
padding: 20px 0 56px;
}
.contacts-info__grid{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.contacts-card{
background: #f3f8fa;
border: 1px solid #e5eef1;
border-radius: 18px;
padding: 26px 24px;
}
.contacts-card__main{
display: block;
margin: 0 0 10px;
color: #001031;
font-size: 1.25em;
font-weight: 700;
line-height: 1.35;
text-decoration: none;
}
a.contacts-card__main:hover{
color: #00A3B7;
}
.contacts-link{
display: inline-block;
margin-top: 6px;
color: #00A3B7;
font-weight: 700;
text-decoration: none;
border-bottom: 1px solid transparent;
}
.contacts-link:hover{
border-bottom-color: #00A3B7;
}
.contacts-messengers{
list-style: none !important;
list-style-type: none !important;
margin: 0 0 14px;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.contacts-messengers li{
list-style: none !important;
list-style-type: none !important;
margin: 0;
padding: 0;
}
.contacts-messengers li::marker,
.contacts-messengers li::before,
.contacts-messengers li::after{
content: none !important;
display: none !important;
}
.contacts-messenger{
display: inline-flex;
align-items: center;
gap: 10px;
padding: 8px 14px 8px 8px;
border-radius: 999px;
background: #e8f5f7;
border: 1px solid #d2ebef;
color: #001031;
font-weight: 700;
text-decoration: none;
transition: background .2s ease, border-color .2s ease, color .2s ease;
}
.contacts-messenger__icon{
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 50%;
color: #fff;
flex-shrink: 0;
}
.contacts-messenger--wa .contacts-messenger__icon{
background: #25D366;
}
.contacts-messenger--tg .contacts-messenger__icon{
background: #2AABEE;
}
.contacts-messenger--vk .contacts-messenger__icon{
background: #0077FF;
}
.contacts-messenger:hover{
background: #d7eef2;
border-color: #00A3B7;
color: #00A3B7;
}
.contacts-map{
padding: 40px 0 64px;
background: #f3f8fa;
}
.contacts-map__head{
max-width: 720px;
margin: 0 0 24px;
}
.contacts-map__frame{
border-radius: 18px;
overflow: hidden;
background: #fff;
border: 1px solid #e5eef1;
min-height: 400px;
isolation: isolate;
transform: translateZ(0);
-webkit-transform: translateZ(0);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
contain: paint;
}
.contacts-map__frame .gefest-map-iframe{
min-height: 400px;
}
.contacts-page .form{
padding-bottom: 72px;
}
@media (max-width: 900px){
.contacts-info__grid{
grid-template-columns: 1fr;
}
.contacts-hero,
.contacts-info,
.contacts-map{
padding-left: 0;
padding-right: 0;
}
} .requisites-page{
background: #fff;
}
.requisites-hero{
padding: 28px 0 40px;
background: linear-gradient(180deg, #eef7f9 0%, #fff 100%);
}
.requisites-hero__eyebrow{
margin: 0 0 10px;
color: #00A3B7;
font-size: 0.95em;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.requisites-hero h1,
.requisites-card h2{
margin: 0 0 14px;
color: #001031;
line-height: 1.25;
}
.requisites-hero h1{
font-size: clamp(1.8em, 3vw, 2.5em);
}
.requisites-hero__lead,
.requisites-note,
.requisites-disclaimer{
margin: 0 0 12px;
color: #3a4658;
font-size: 1.05em;
line-height: 1.55;
}
.requisites-body{
padding: 8px 0 72px;
}
.requisites-grid{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.requisites-card{
background: #f3f8fa;
border: 1px solid #e5eef1;
border-radius: 18px;
padding: 24px 22px;
}
.requisites-card--wide{
grid-column: 1 / -1;
}
.requisites-table{
margin: 0;
}
.requisites-table > div{
display: grid;
grid-template-columns: minmax(140px, 220px) 1fr;
gap: 8px 18px;
padding: 12px 0;
border-bottom: 1px solid #dce8ec;
}
.requisites-table > div:last-child{
border-bottom: 0;
padding-bottom: 0;
}
.requisites-table dt{
margin: 0;
color: #5a6a7a;
font-size: 0.92em;
font-weight: 600;
}
.requisites-table dd{
margin: 0;
color: #001031;
font-weight: 600;
line-height: 1.45;
}
.requisites-table a{
color: #00A3B7;
text-decoration: none;
border-bottom: 1px solid transparent;
}
.requisites-table a:hover,
.requisites-note a:hover{
border-bottom-color: #00A3B7;
}
.requisites-note a{
color: #00A3B7;
text-decoration: none;
}
.requisites-disclaimer{
margin-top: 16px;
font-size: 0.95em;
color: #6a7785;
}
@media (max-width: 900px){
.requisites-grid{
grid-template-columns: 1fr;
}
.requisites-table > div{
grid-template-columns: 1fr;
gap: 4px;
}
} .gallery-page{
background: #fff;
}
.gallery-hero{
padding: 28px 0 36px;
background: linear-gradient(180deg, #eef7f9 0%, #fff 100%);
}
.gallery-hero__eyebrow{
margin: 0 0 10px;
color: #00A3B7;
font-size: 0.95em;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.gallery-hero h1{
margin: 0 0 14px;
color: #001031;
font-size: clamp(1.8em, 3vw, 2.5em);
line-height: 1.25;
}
.gallery-hero__lead{
margin: 0;
max-width: 720px;
color: #3a4658;
font-size: 1.05em;
line-height: 1.55;
}
.gallery-listing{
padding: 12px 0 56px;
}
.gallery-grid{
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
.gallery-grid__item{
display: block;
border-radius: 14px;
overflow: hidden;
background: #eef4f6;
border: 1px solid #e5eef1;
aspect-ratio: 3 / 2;
}
.gallery-grid__item img{
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .35s ease;
}
.gallery-grid__item:hover img{
transform: scale(1.04);
}
.gallery-page .reviews-yandex{
padding-top: 24px;
}
@media (max-width: 900px){
.gallery-grid{
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
}
@media (max-width: 560px){
.gallery-grid{
grid-template-columns: 1fr;
}
} .promos-page{
background: #fff;
}
.promos-hero{
padding: 28px 0 36px;
background: linear-gradient(180deg, #eef7f9 0%, #fff 100%);
}
.promos-hero__eyebrow{
margin: 0 0 10px;
color: #00A3B7;
font-size: 0.95em;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.promos-hero h1{
margin: 0 0 14px;
color: #001031;
font-size: clamp(1.8em, 3vw, 2.5em);
line-height: 1.25;
}
.promos-hero__lead{
margin: 0;
max-width: 720px;
color: #3a4658;
font-size: 1.05em;
line-height: 1.55;
}
.promos-listing{
padding: 8px 0 56px;
}
.promos-grid{
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}
.promos-card{
background: #fff;
border: 1px solid #e5eef1;
border-radius: 16px;
overflow: hidden;
display: flex;
flex-direction: column;
box-shadow: 0 6px 18px rgba(0, 16, 49, 0.06);
}
.promos-card__media{
position: relative;
aspect-ratio: 16 / 10;
background: #eef4f6;
overflow: hidden;
}
.promos-card__media img{
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.promos-card__badge{
position: absolute;
top: 12px;
left: 12px;
z-index: 1;
background: #00A3B7;
color: #fff;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
padding: 6px 10px;
border-radius: 999px;
}
.promos-card__body{
padding: 14px 14px 16px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 6px;
flex: 1;
text-align: left;
}
.promos-page .promos-card__body h2{
margin: 0;
padding: 0;
color: #001031;
font-size: 1.05rem;
font-weight: 700;
line-height: 1.25;
text-align: left;
background: none;
-webkit-background-clip: border-box;
background-clip: border-box;
-webkit-text-fill-color: #001031;
}
.promos-card__body p{
margin: 0;
color: #3a4658;
font-size: 0.9rem;
line-height: 1.4;
flex: 1;
text-align: left;
}
.promos-card__body .my-btn{
margin-top: 2px;
align-self: flex-start;
}
.promos-page .form{
padding-bottom: 72px;
}
@media (max-width: 900px){
.promos-grid{
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
}
@media (max-width: 560px){
.promos-grid{
grid-template-columns: 1fr;
}
} .doctors-page{
background: #fff;
}
.doctors-page__hero{
padding: 28px 0 28px;
background: linear-gradient(180deg, #eef7f9 0%, #fff 100%);
}
.doctors-page__eyebrow{
margin: 0 0 10px;
color: #00A3B7;
font-size: 0.95em;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.doctors-page__hero h1{
margin: 0 0 12px;
color: #001031;
font-size: clamp(1.8em, 3vw, 2.5em);
line-height: 1.25;
}
.doctors-page__lead{
margin: 0;
max-width: 760px;
color: #3a4658;
font-size: 1.05em;
line-height: 1.55;
}
.doctors-page__list{
padding: 8px 0 72px;
} .doctors-page #specs,
.doctors-page__list#specs{
background: none;
margin-top: 0;
}
.doctors-tags{
display: flex;
flex-wrap: wrap;
gap: 8px 10px;
margin: 0 0 28px;
}
.doctors-tags__item{
appearance: none;
border: 0;
background: transparent;
color: #00A3B7;
font: inherit;
font-size: 0.95em;
font-weight: 600;
padding: 8px 12px;
border-radius: 8px;
cursor: pointer;
line-height: 1.2;
}
.doctors-tags__item:hover{
color: #001031;
}
.doctors-tags__item.is-active{
background: #e8eef0;
color: #001031;
}
.doctors-cards{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.doctor-hcard{
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(140px, 0.9fr);
align-items: stretch;
min-height: 440px;
border-radius: 16px;
overflow: hidden;
text-decoration: none;
color: inherit;
transition: transform .2s ease, box-shadow .2s ease;
}
.doctor-hcard.tone-a{
background: #f4f6f7;
color: #001031;
}
.doctor-hcard.tone-b{
background: #e9f5f1;
color: #1f6b5c;
}
.doctor-hcard:hover{
transform: translateY(-3px);
box-shadow: 0 10px 24px rgba(0, 16, 49, 0.08);
}
.doctor-hcard__info{
padding: 16px 14px 16px 16px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 6px;
text-align: left;
}
.doctors-page .doctor-hcard__name,
.doctors-page #specs .doctor-hcard__name,
.home-doctors .doctor-hcard__name,
.home-doctors #specs .doctor-hcard__name,
.doctors .doctor-hcard__name{
margin: 0;
padding: 0;
font-size: clamp(1.2rem, 1.5vw, 1.45rem);
font-weight: 700;
line-height: 1.25;
color: inherit;
text-align: left;
background: none;
-webkit-background-clip: border-box;
background-clip: border-box;
-webkit-text-fill-color: currentColor;
}
.doctor-hcard__status{
margin: 0;
font-size: 0.92rem;
line-height: 1.4;
opacity: 0.8;
font-weight: 500;
text-align: left;
}
.doctor-hcard__exp{
margin: 6px 0 0;
padding: 6px 10px;
font-size: 0.98rem;
line-height: 1.3;
font-weight: 700;
text-align: left;
color: #00A3B7;
background: rgba(82, 209, 224, 0.18);
border-radius: 8px;
opacity: 1;
}
.doctor-hcard__media{
position: relative;
min-height: 400px;
height: 100%;
overflow: hidden;
align-self: stretch;
}
.doctor-hcard__media img{
position: absolute;
inset: 0;
width: 100%;
height: 100%;
max-height: none;
object-fit: cover;
object-position: center top;
display: block;
}
.doctor-hcard.is-hidden{
display: none;
}
.doctors-cards__empty{
margin: 12px 0 0;
color: #5a6a7a;
} .home.home-doctors,
.front-page .home-doctors,
section.doctors.home-doctors,
section.home-doctors#specs{
margin-top: 60px;
background: none;
padding: 40px 0 56px;
}
.home-doctors .content{
padding: 0;
}
.home-doctors h2{
color: #001031;
text-align: left;
margin-left: 0 !important;
margin-bottom: 16px;
background: none;
-webkit-text-fill-color: #001031;
-webkit-background-clip: border-box;
background-clip: border-box;
font-size: clamp(1.6em, 3vw, 2.2em);
}
.home-doctors .descr,
.home-doctors#specs .descr{
color: #3a4658;
max-width: 760px;
margin-bottom: 28px;
}
.home-doctors__cards{
margin: 0 0 28px;
}
.home-doctors .my-btn{
display: inline-flex;
}
@media (max-width: 900px){
.doctors-cards{
grid-template-columns: 1fr;
}
.doctor-hcard{
grid-template-columns: minmax(0, 1.1fr) minmax(120px, 0.85fr);
min-height: 380px;
}
}
@media (max-width: 560px){
.doctor-hcard{
grid-template-columns: 1fr;
min-height: 0;
}
.doctor-hcard__media{
min-height: 480px;
order: -1;
aspect-ratio: auto;
}
} .reviews-page{
background: #fff;
}
.reviews-hero{
padding: 28px 0 64px;
background: linear-gradient(180deg, #eef7f9 0%, #fff 42%);
}
.reviews-hero__eyebrow{
margin: 0 0 10px;
color: #00A3B7;
font-size: 0.95em;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.reviews-hero h1{
margin: 0 0 18px;
color: #001031;
font-size: clamp(1.8em, 3vw, 2.5em);
line-height: 1.25;
}
.reviews-hero__lead{
max-width: 720px;
margin: 0 0 40px;
}
.reviews-hero__lead p{
margin: 0 0 12px;
color: #3a4658;
font-size: 1.05em;
line-height: 1.55;
}
.reviews-hero__lead p:last-child{
margin-bottom: 0;
}
.reviews-platforms{
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
align-items: stretch;
}
.reviews-platform{
display: flex;
flex-direction: column;
justify-content: center;
gap: 14px;
min-width: 0;
padding: 22px 20px;
text-decoration: none;
color: inherit;
background: #fff;
border: 1px solid #d7e3e8;
border-radius: 14px;
box-sizing: border-box;
transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.reviews-platform:hover{
border-color: #00A3B7;
box-shadow: 0 8px 22px rgba(0, 163, 183, 0.1);
transform: translateY(-2px);
}
.reviews-platform__logo{
display: block;
min-height: 36px;
line-height: 1;
}
.reviews-platform__wordmark{
font-size: 1.55em;
font-weight: 700;
letter-spacing: -0.02em;
color: #001031;
}
.reviews-platform__wordmark--yandex{
color: #fc3f1d;
font-weight: 800;
}
.reviews-platform__wordmark--google{
font-weight: 700;
letter-spacing: -0.04em;
}
.reviews-platform__wordmark--google span:nth-child(1){ color: #4285f4; }
.reviews-platform__wordmark--google span:nth-child(2){ color: #ea4335; }
.reviews-platform__wordmark--google span:nth-child(3){ color: #fbbc05; }
.reviews-platform__wordmark--google span:nth-child(4){ color: #4285f4; }
.reviews-platform__wordmark--google span:nth-child(5){ color: #34a853; }
.reviews-platform__wordmark--google span:nth-child(6){ color: #ea4335; }
.reviews-platform__wordmark--2gis{
color: #001031;
font-weight: 800;
}
.reviews-platform__wordmark--2gis i{
font-style: normal;
color: #00a94d;
margin-right: 1px;
}
.reviews-platform__rating{
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.reviews-platform__stars{
position: relative;
display: inline-block;
font-size: 1.15em;
line-height: 1;
letter-spacing: 0.06em;
color: #d8dee6;
}
.reviews-platform__stars::before,
.reviews-platform__stars-fill::before{
content: "★★★★★";
}
.reviews-platform__stars-fill{
position: absolute;
left: 0;
top: 0;
overflow: hidden;
white-space: nowrap;
color: #f5b400;
}
.reviews-platform__score{
color: #3a4658;
font-size: 0.98em;
font-weight: 600;
}
@media (max-width: 1100px){
.reviews-platforms{
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
}
@media (max-width: 560px){
.reviews-platforms{
grid-template-columns: 1fr;
gap: 12px;
}
.reviews-platform{
padding: 18px 16px;
}
} .gefest-breadcrumbs{
padding: 12px 0 4px;
background: transparent;
}
.gefest-breadcrumbs__list{
margin: 0;
padding: 0;
color: #8a94a6;
font-size: 0.88em;
line-height: 1.45;
font-weight: 500;
}
.gefest-breadcrumbs__list a{
color: #8a94a6;
text-decoration: none;
}
.gefest-breadcrumbs__list a:hover{
color: #00A3B7;
text-decoration: underline;
}
.gefest-breadcrumbs__sep,
.gefest-breadcrumbs__list .breadcrumb_last,
.gefest-breadcrumbs span{
color: #8a94a6;
}
.gefest-breadcrumbs .breadcrumb_last{
color: #5a6578;
}
.gefest-breadcrumbs__list{
letter-spacing: 0.01em;
}
body.home .gefest-breadcrumbs,
body.front-page .gefest-breadcrumbs{
display: none;
}
.gefest-breadcrumbs--in-hero{
background: transparent;
padding: 4px 0 18px;
}
.doctor-page{
background: #fff;
color: #001031;
}
.doctor-page__hero{
padding: 8px 0 40px;
background:
radial-gradient(ellipse 70% 80% at 90% 10%, rgba(82, 209, 224, 0.18), transparent 55%),
linear-gradient(180deg, #eef7f9 0%, #fff 88%);
}
.doctor-page__hero-grid{
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(260px, 0.85fr);
gap: 40px 48px;
align-items: center;
}
.doctor-page__eyebrow{
margin: 0 0 10px;
color: #00A3B7;
font-size: 0.88em;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.doctor-page__name{
margin: 0 0 12px;
color: #001031;
font-size: clamp(1.7em, 3.2vw, 2.55em);
line-height: 1.2;
font-weight: 700;
text-align: left;
}
.doctor-page__status{
margin: 0 0 20px;
max-width: 36em;
color: #3a4658;
font-size: 1.08em;
line-height: 1.45;
font-weight: 500;
}
.doctor-page__meta{
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 0 0 28px;
}
.doctor-page__badge{
display: inline-flex;
flex-direction: column;
gap: 2px;
min-width: 140px;
padding: 12px 16px;
border-radius: 14px;
background: #fff;
border: 1px solid rgba(0, 163, 183, 0.22);
box-shadow: 0 8px 24px rgba(0, 16, 49, 0.06);
}
.doctor-page__badge-label{
color: #6b7689;
font-size: 0.78em;
font-weight: 600;
letter-spacing: 0.02em;
text-transform: uppercase;
}
.doctor-page__badge strong{
color: #001031;
font-size: 1.05em;
font-weight: 700;
}
.doctor-page__cta{
text-transform: none;
letter-spacing: 0.01em;
}
.doctor-page__photo-wrap{
justify-self: end;
width: 100%;
max-width: 420px;
}
.doctor-page__photo{
margin: 0;
border-radius: 22px;
overflow: hidden;
background: #dfe8ec;
box-shadow:
0 20px 48px rgba(0, 16, 49, 0.12),
0 0 0 1px rgba(0, 163, 183, 0.12);
aspect-ratio: 4 / 5;
}
.doctor-page__photo img{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
}
.doctor-page__body{
padding: 8px 0 72px;
}
.doctor-page__layout{
display: grid;
grid-template-columns: minmax(0, 1.4fr) minmax(260px, 0.7fr);
gap: 22px 28px;
align-items: start;
}
.doctor-page__main,
.doctor-page__side{
display: flex;
flex-direction: column;
gap: 18px;
}
.doctor-page__card{
padding: 26px 28px;
border-radius: 18px;
background: #fff;
border: 1px solid #e4ebef;
box-shadow: 0 10px 28px rgba(0, 16, 49, 0.04);
}
.doctor-page__card--side{
background: #f6fafb;
}
.doctor-page__h2{
margin: 0 0 16px;
color: #001031;
font-size: 1.2em;
font-weight: 700;
line-height: 1.3;
text-align: left;
}
.doctor-page__bio{
color: #3a4658;
font-size: 1em;
line-height: 1.65;
}
.doctor-page__bio p{
margin: 0 0 14px;
padding: 0;
}
.doctor-page__bio p:last-child{
margin-bottom: 0;
}
.doctor-page__directions{
list-style: none !important;
list-style-type: none !important;
margin: 0;
padding: 0;
display: grid;
gap: 10px;
}
.doctor-page__directions li{
position: relative;
list-style: none !important;
list-style-type: none !important;
margin: 0;
padding: 12px 14px 12px 42px;
border-radius: 12px;
background: #f3f8f9;
color: #001031;
font-size: 0.98em;
line-height: 1.45;
font-weight: 500;
}
.doctor-page__directions li::marker{
content: none;
font-size: 0;
}
.doctor-page__directions li::before{
content: "";
position: absolute;
left: 14px;
top: 50%;
width: 16px;
height: 16px;
margin-top: -8px;
border-radius: 50%;
background:
linear-gradient(135deg, #52D1E0 0%, #00A3B7 100%);
box-shadow: inset 0 0 0 4px #fff;
}
.doctor-page__accent{
padding: 22px 26px;
border-radius: 18px;
background: linear-gradient(135deg, #e8f7f9 0%, #dff3f6 100%);
border-left: 4px solid #00A3B7;
}
.doctor-page__accent-label{
margin: 0 0 8px;
color: #00A3B7;
font-size: 0.82em;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.doctor-page__accent-text{
margin: 0;
color: #001031;
font-size: 1.05em;
line-height: 1.55;
font-weight: 500;
}
.doctor-page__edu-list{
list-style: none !important;
list-style-type: none !important;
margin: 0;
padding: 0;
display: grid;
gap: 10px;
}
.doctor-page__edu-item{
list-style: none !important;
display: grid;
grid-template-columns: auto 1fr;
gap: 12px;
align-items: start;
margin: 0;
padding: 12px 14px;
border-radius: 12px;
background: #fff;
border: 1px solid #e0e8ec;
}
.doctor-page__edu-item::marker{
content: none;
font-size: 0;
}
.doctor-page__edu-year{
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 52px;
padding: 6px 8px;
border-radius: 10px;
background: linear-gradient(135deg, #52D1E0 0%, #00A3B7 100%);
color: #fff;
font-size: 0.85em;
font-weight: 700;
line-height: 1.2;
}
.doctor-page__edu-text{
color: #001031;
font-size: 0.92em;
line-height: 1.45;
font-weight: 500;
padding-top: 4px;
}
.doctor-page__edu-extra{
margin-top: 12px;
padding: 12px 14px;
border-radius: 12px;
background: #e8f7f9;
border-left: 3px solid #00A3B7;
}
.doctor-page__edu-extra p{
margin: 0;
padding: 0;
color: #001031;
font-size: 0.9em;
line-height: 1.45;
font-weight: 600;
}
.doctor-page__card--book{
background: linear-gradient(160deg, #001031 0%, #0a2a4a 100%);
border: 0;
color: #fff;
}
.doctor-page__book-title{
margin: 0 0 8px;
font-size: 1.15em;
font-weight: 700;
}
.doctor-page__book-text{
margin: 0 0 18px;
color: rgba(255, 255, 255, 0.78);
font-size: 0.95em;
line-height: 1.5;
}
.doctor-page__card--book .my-btn{
width: 100%;
text-transform: none;
margin-bottom: 12px;
}
.doctor-page__team-link{
display: block;
text-align: center;
color: rgba(255, 255, 255, 0.85);
font-size: 0.92em;
font-weight: 600;
text-decoration: underline;
text-underline-offset: 3px;
}
.doctor-page__team-link:hover{
color: #fff;
}
.doctor-page__diplom{
display: block;
width: 100%;
height: auto;
border-radius: 10px;
}
@media (max-width: 980px){
.doctor-page__hero-grid,
.doctor-page__layout{
grid-template-columns: 1fr;
}
.doctor-page__photo-wrap{
justify-self: center;
max-width: 360px;
order: -1;
}
.doctor-page__hero{
padding-bottom: 28px;
}
.doctor-page__name{
text-align: center;
}
.doctor-page__status,
.doctor-page__eyebrow,
.doctor-page__meta,
.doctor-page__intro .my-btn{
text-align: center;
}
.doctor-page__intro{
display: flex;
flex-direction: column;
align-items: center;
}
.doctor-page__status{
margin-left: auto;
margin-right: auto;
}
.doctor-page__meta{
justify-content: center;
}
}
@media (max-width: 600px){
.doctor-page__card{
padding: 20px 18px;
}
.doctor-page__photo-wrap{
max-width: 100%;
}
.doctor-page__hero{
padding-top: 18px;
}
}