.mobile-menu{
display: none;
background: #00A3B7;
padding: 10px 10px;
}
html{
overflow: auto;
}
body{
overflow: hidden;   
}
.ov-hidden{
overflow: hidden;
position: relative;
}
.ov-hidden::after{
content: "";
top: 0;
width: 100%;
height: 100%;
background-color: #262626b8;
position: absolute;
z-index: 1;
}
@media only screen and (max-width: 1199px) {
.desktop-header{
display: none;
}
.search-bottom form{
width: 100%;
}
.logo-img{
display: flex;
align-items: center;
min-width: 0;
width: auto;
max-width: 48%;
flex: 0 1 auto;
}
.logo-img .logo-brand{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1px;
width: max-content;
max-width: 100%;
}
.logo-img .logo-brand .custom-logo-link{
display: block;
line-height: 0;
flex-shrink: 0;
}
.logo-img .logo-brand .custom-logo-link img,
.logo-img .logo-brand .custom-logo{
display: block;
max-height: 44px;
max-width: 160px;
width: auto;
height: auto;
}
.logo-activity--mobile{
display: block;
max-width: 140px;
color: #fff;
font-size: 9px;
font-weight: 600;
line-height: 1.15;
text-align: left;
text-transform: none;
white-space: normal;
opacity: 0.95;
}
.logo-burger{
width: auto;
flex: 0 0 auto;
}
.logo-text a{
display: flex;
align-items: center;
font-weight: 600!important;
gap: 6px;
font-size: 13px!important;
background: transparent;
color: #fff!important;
padding: 0;
border-radius: 0;
white-space: nowrap;
}
.logo-text a img{
height: 15px;
width: auto;
}
.address-button{
margin-top: 12px;
}
.address-button .my-btn{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background: white;
color: black;
font-weight: 600;
font-size: 14px;
line-height: 1.2;
padding: 0.85em 1.2em;
box-sizing: border-box;
}
.logo-text.border-left a{
color: white;
font-size: 13px!important;
font-weight: 600;
line-height: 1.2;
}
.logo-text.border-left p{
display: none;
}
.header-top_logo{
display: flex;
align-items: center;
gap: 8px;
width: 100%;
justify-content: space-between;
padding: 0 2px;
}
.logo-text{
flex: 1 1 auto;
margin: 0;
font-size: 13px;
line-height: 1em;
width: auto;
min-width: 0;
display: flex;
justify-content: flex-end;
padding-right: 6px;
}
.logo-img img{
width: auto;
max-width: 100%;
height:auto;
}
.desktop-menu{
display: none;
}
.mobile-menu{
display: flex;
align-items: center;
height: 58px;
padding: 6px 8px;
}
.mobile-meta{
margin: 10px 0 0;
color: #fff;
}
.mobile-meta__item{
margin: 0 0 4px;
font-size: 12px;
line-height: 1.3;
opacity: 0.95;
}
.mobile-meta__item a{
color: #fff;
text-decoration: underline;
}
.mobile-search{
margin: 10px 0 0;
}
.mobile-search .header-search{
display: flex;
align-items: center;
width: 100%;
height: 36px;
background: #fff;
border: 1px solid rgba(255, 255, 255, 0.55);
border-radius: 20px;
overflow: hidden;
}
.mobile-search .header-search__input{
flex: 1;
min-width: 0;
height: 100%;
border: 0;
outline: none;
background: #fff;
color: #001031;
font-size: 13px;
padding: 0 12px;
-webkit-text-fill-color: #001031;
caret-color: #001031;
}
.mobile-search .header-search__input::placeholder{
color: #6b7280;
opacity: 1;
-webkit-text-fill-color: #6b7280;
}
.mobile-search .header-search__btn{
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 100%;
border: 0;
background: #52D1E0;
color: #fff;
cursor: pointer;
}
#menuToggle
{
display: block;
position: relative;
z-index: 5;   
-webkit-user-select: none;
user-select: none;
}
#menuToggle .header-bottom_menu a
{
text-decoration: none;
color: white;        
transition: color 0.3s ease;
font-size: 1em;
font-style: normal;
font-weight: 500;
line-height: 1.3;
letter-spacing: 0.5px;
}
.header-bottom{
padding: 0;
}
#menuToggle a:hover
{
color: white;
}
#menuToggle > input
{
display: block;
width: 40px;
height: 32px;
position: absolute;
top: -7px;
left: -5px;
cursor: pointer;
opacity: 0; z-index: 5; -webkit-touch-callout: none;
} #menuToggle > span
{
display: block;
width: 30px;
height: 4px;
margin-left: auto;
margin-bottom: 5px; 
position: relative;
background: white;
border-radius: 3px;
z-index: 4;
transform-origin: 4px 0px;
transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
opacity 0.55s ease;
}
#menuToggle span:first-child
{
transform-origin: 0% 0%;
}
#menuToggle span:nth-last-child(2)
{
transform-origin: 0% 100%;
} #menuToggle input:checked ~ span
{
opacity: 1;
transform: rotate(45deg) translate(0px, 1px);
background: white;
} #menuToggle input:checked ~ span:nth-last-child(3)
{
opacity: 0;
transform: rotate(0deg) scale(0.2, 0.2);
} #menuToggle input:checked ~ span:nth-last-child(2)
{
transform: rotate(-45deg) translate(0, 1px);
} #menu
{
overflow-y: auto;
position: absolute;
width: min(320px, 82vw);
padding: 18px 16px 20px;
padding-top: 4.5em;
right: -12px;
top: -3em;
background: #575757;
color: white;
list-style-type: none;
-webkit-font-smoothing: antialiased; height: calc(100vh + 3em);
max-height: calc(100vh + 3em);
transform-origin: 0% 0%;
transform: translate(100%, 0);
transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
z-index: 3;
background-size: cover;
}
#menu li
{
width: 100%;
padding: 8px 0;
font-size: 16px;
} #menuToggle input:checked ~ #menu
{
transform: none;
}
.mobile-submenu{
display: none;
}
.header-bottom_search{
width: 100%;
}
.header-search{
border: 1px solid;
background-color: white;
border-radius: 100px;
width: 100%;
}
.header-top_address .header-contact{
margin: 20px;
justify-content: space-between;
}
.header-top_address .header-contact img{
width: 30px;
height: auto;
}
.header-top_address .header-text a{ color: white;
font-size: 18px;
font-weight: 600;
line-height: 123.9%;
display: block;
text-align: left;
margin-bottom: 5px;
}
.header-top_address .header-text a:hover{
color: white!important;
}
.header-top_address .header-text p{
color: white;
font-size: 14px;
font-weight: 400;
line-height: 107.4%;
font-size: 14px;
text-align: left;
}
.header-bottom_menu{
margin: 0 auto 8px;
width: 100%;
height: unset;
}
.header-top_logo .address-button{
margin: 0;
margin-top: 8px;
}
.header-top_logo .address-button a{
display: flex;
align-items: center;
justify-content: center;
margin: 0;
width: 100%;
box-sizing: border-box;
}
.header-bottom_menu nav ul{
flex-direction: column;
gap: 0;
padding: 0;
list-style: none;
margin: 0;
}
.header-bottom_menu li{
text-align: left;
}
.header-bottom_menu .primary-menu-mobile > li > a{
display: block;
padding: 10px 0;
color: #fff;
font-weight: 600;
text-transform: uppercase;
}
.header-bottom_menu .primary-menu-mobile .menu-item__row{
display: flex;
align-items: center;
gap: 8px;
width: 100%;
}
.header-bottom_menu .primary-menu-mobile .menu-item__row > a{
flex: 1 1 auto;
min-width: 0;
display: block;
padding: 10px 0;
color: #fff;
font-weight: 600;
text-transform: uppercase;
}
.header-bottom_menu .primary-menu-mobile .menu-toggle-btn{
flex: 0 0 28px;
width: 28px;
height: 28px;
margin: 0;
padding: 0;
border: 1px solid rgba(255,255,255,0.4);
border-radius: 6px;
background: rgba(255,255,255,0.08);
color: #fff;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
-webkit-tap-highlight-color: transparent;
line-height: 0;
position: relative;
}
.header-bottom_menu .primary-menu-mobile .menu-toggle-btn__icon{
position: absolute;
left: 50%;
top: 50%;
width: 12px;
height: 12px;
margin: -6px 0 0 -6px;
padding: 0;
border: 0;
box-sizing: border-box;
background-color: transparent;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 5.5h10L8 10.5 3 5.5z' fill='%23fff'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center center;
background-size: 10px 10px;
transform: none;
}
.header-bottom_menu .primary-menu-mobile .menu-item.is-open > .menu-item__row .menu-toggle-btn{
background: rgba(82, 209, 224, 0.3);
border-color: rgba(82, 209, 224, 0.75);
}
.header-bottom_menu .primary-menu-mobile .menu-item.is-open > .menu-item__row .menu-toggle-btn__icon{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 10.5h10L8 5.5 3 10.5z' fill='%23fff'/%3E%3C/svg%3E");
transform: none;
}
.header-bottom_menu .primary-menu-mobile .sub-menu{
display: none;
list-style: none;
margin: 0 0 8px;
padding: 0 0 0 12px;
}
.header-bottom_menu .primary-menu-mobile .menu-item.is-open > .sub-menu{
display: block;
}
.header-bottom_menu .primary-menu-mobile .sub-menu .menu-item__row > a{
font-size: 0.95em;
font-weight: 500;
text-transform: none;
padding: 8px 0;
}
.header-bottom_menu .primary-menu-mobile .sub-menu a{
display: block;
padding: 7px 0;
color: rgba(255,255,255,0.92);
font-size: 0.92em;
font-weight: 500;
text-transform: none;
}
.header-bottom_menu .primary-menu-mobile .sub-menu .sub-menu{
padding-left: 14px;
}
.header-bottom_menu .primary-menu-mobile .sub-menu .sub-menu a{
font-size: 0.88em;
opacity: 0.9;
}
ul.header-bottom_submenu a, a.menu-item{
justify-content: center;
}
hr{
width: 100%;
opacity: .5;
border-top: 1px solid black;
margin: 0;
}
#menu .mobile-submenu{
margin: 12px 0;
}
#menu .mobile-submenu li{
font-size: 15px;
padding: 8px 0;
border-radius: 8px;
background: #cdcdcd;
margin: 4px 0;
}
.header-top_address{
flex-direction: column;        
text-align: left;
line-height: 1.25em;
font-size: 13px;
margin-top: 4px;
padding-top: 10px;
border-top: 1px solid rgba(255,255,255,0.25);
}
.border-top{
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid white !important;
}
.address-button{
margin-left: 0;
}
#menu .popup-with-form{
display: flex;
margin: 16px 0;
}
.header-bottom_menu nav{
height: unset;
}
.header-bottom_menu img{
transition: all ease .3s;
}
.rotate-180{
transform: rotateX(180deg);
}    
.header-top a.sub-mob{
display: flex;
align-items: center;
gap: 5px;
padding-bottom: 0;
}
.header-top a.sub-mob img{
width: 15px;
height: auto;
}
.header-zvon{
display: flex;
align-items: center;
}
.header-zvon img{
width: 70px;
}
.logo-text .header-zvon a{
white-space: nowrap;
color: #FFF;
font-family: Montserrat;
font-size: 1.1em!important;
font-style: normal;
font-weight: 700;
line-height: 134.6%; letter-spacing: 0.72px;
margin-left: -10px;
}
.abs-wrap{
position: relative;
z-index: -1;
}
img.menu-dop{
position: absolute;
width: 100%;
bottom: 10vh;
right: -20px;
}
}
@media only screen and (max-width: 580px) {
section.main{
padding-bottom:150px;
}
section.main:after {
height:150px;
}
.container{
max-width: 90%;
}
body{
font-size: 14px;
}
h2{
font-size: 30px!important;
width: 100%!important;
text-align: center;
line-height: 110%!important;
}
.descr{
font-size: 1.3em!important;
width: 100%!important; } section.main{
height: auto;
}
section.main img.back{
object-fit: cover;
}
section.main h1{
line-height: 110%;
font-size: 2.3em;
width: 100%;
}
section.main .descr{
width: 90%!important;
margin-left: 0!important;
}
section.main a.my-btn{
margin: 0 auto;
}
section.testy  .wrap{
width: 100%;
margin-left: 0;
margin-top: 0;
padding: 20px;
flex-direction: column;
}
section.testy .wrap .row{
flex-direction: column;
gap: 30px;
}
section.testy .wrap .item .text {
width:100%;
}     section.main .wrap-top{
flex-direction: column;
}
section.main .right {
width: min(320px, 78vw);
max-width: 320px;
margin: 20px auto 0;
}                 section.main .wrap-top {
height:100%;
}
section.uslugi .wrap .item .title {width:100%;} section.uslugi h2{
width: 100%;
}
section.uslugi .wrap .row{
flex-direction: column;
}
section.uslugi .wrap .item{
padding: 30px;
}
section.uslugi .wrap .item .title{
font-size: 1.6em;
}
section.uslugi .wrap .item a.my-btn{
font-size: 15px;
}        section.uslugi .content, section.form .content {padding:40px 0 0;}
section.form .wrap, section.uslugi .wrap{gap:20px;}    section.form .wrap{
flex-direction: column;
width: 100%;
margin: 0;
border-radius: 30px;
padding: 0; background-size: cover;
}
section.form .wrap .left .row{
gap: 10px;
width:100%;
}
section.form .wrap .left .item{
font-size: 17px;
text-align: center;
}
section.form .form-con{
flex-direction: column;
gap: 40px;
padding: 50px 20px;
}
section.form .wrap .form-con > *{
width: 100%;
font-size:1em;
}
section.form .wrap img.form-dop{
display: none;
} section.tehn h2{
text-align: left;
}
section.tehn .wrap .row img{
height: 120px;
}
section.tehn .wrap{
gap: 50px;
}
section.tehn .wrap .row .item{
width: 45%!important;
}
section.tehn .wrap .row{
flex-wrap: wrap;
justify-content: space-between!important;
gap: 20px!important;
row-gap: 50px!important;
} section.clients h2{
text-align: left;
}
section.clients .item{
padding: 30px 0 50px;
}
section.clients .item .title, section.clients .item-content{
padding: 0 30px;
}
section.clients .item img{
height: 250px;
}
section.clients .nav svg.left{
left: -50px;
}
section.clients .nav svg.right{
right: -50px;
}
section.clients .nav svg{
top: 140px;
width: 80px;
height: auto;
opacity: .5;
}
section.main{
padding-top:80px;
}    section.doctors .nav svg.right{
right: -115px
}
section.doctors .nav svg.left{
left: -115px
}
.advantage-card {
width:100%;
}    section.family .wrap .row{
gap: 30px;
flex-wrap: wrap;
}
section.family .wrap{
width: 100%;
}
section.family .wrap .item{
flex:unset;
width: 45%;
}
section.family .wrap .row .hr{
margin: 10px auto;
width: 100%;
}
section.family .wrap .row .title{
font-size: 1.6em;
}
section.family .wrap .row .text{
font-size: 1.6em;
}
section.family .wrap-main{
flex-direction: column;
gap: 30px;
}
section.family .wrap-bottom .row{
gap: 10px;   
flex-wrap: wrap;
justify-content: center;
}
section.family .wrap-bottom .item{
flex: unset!important;
width: 45%;
}    section.map img.map-dop{
width: 100px;
left: 38%;
top: -40px;
}
section.map .wrap{
width: 100%; top: 50%;
padding: 0;
flex-direction:column;
}
.wrap-contacts {
width:100%;
padding:20px 0;
}
section.map .wrap .descr{
width: fit-content!important;
}
section.map .wrap:hover{
transform: none;
}
section.map .content > iframe:hot(.info .content > iframe){
height: 550px;
} section.info h2{
font-size: 1.9em!important;
}
section.info .wrap .row,
section.info .blog-cards__row{
grid-template-columns: 1fr;
} .modaal-container section.form2 .container{
max-width: 100%;
}
.modaal-container section.form .wrap .form-con > *{
padding: 0;
}
.modaal-container section.form .wrap{
padding: 40px 20px;
}
.modaal-container section.form form .my-btn{
padding: .7em;
font-size: 18px;
}
} @media only screen and (max-width: 1480px){
.container{
max-width: 90%;
}
} @media only screen and (max-width: 480px){
.family .wrap-main .content{
flex-direction:column;
}
section.family .wrap-main .left {
max-width:100% !important;
}
} @media only screen and (max-width: 1199px) and (min-width: 580px) {
section.main .wrap{
margin-top: 40px;
}
section.main .wrap-top{
height: auto;
}
section.main .right {
width: min(380px, 38vw);
max-width: 380px;
}     section.main h1{
width: 200%;
}
section.form .wrap{
flex-direction: column;
width: 100%;
margin: 0;
border-radius: 30px;
padding: 0;
background: url(//gefestdent.ru/wp-content/themes/gefest/assets/img/form-wrap-mob.png) center center no-repeat;
background-size: cover;
}
section.form .wrap .left .row{
gap: 40px;
width:100%;
}
section.form .wrap .left .item{
font-size: 17px;
text-align: center;
}
section.form .form-con{
flex-direction: column;
gap: 40px;
padding: 50px 20px;
width: 60%;
margin: 0 auto;
}
section.form .wrap .form-con > *{
width: 100%;
}
section.form .wrap img.form-dop{
display: none;
}
}
@media only screen and (min-width: 700px) and (max-width: 950px) and (min-height: 1000px) and (max-height: 1400px) {
section.main .container img.dop:nth-child(1){
top: 12%!important;
width: 60%;
left: 50%;
}
section.main .wrap-top{
height: auto;
}
}
@media only screen and (min-height: 700px) and (max-height: 950px) and (min-width: 1000px) and (max-width: 1400px) {     section.main .wrap-top{
height: auto;
}
}
@media screen and (max-width:480px) {
section.map .wrap {
position:relative;
box-shadow:none
}
}