html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,.burger,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html{height:100%}
img{max-width: 100%;}
body{line-height:1}
ol,ul{list-style:none; margin:0 !important}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration: none !important; color: black;}
*{scroll-behavior: smooth ;}
a{
	 font-family: 'Golos Text', sans-serif;
}
h1{
    font-weight: 500;
    font-size: 80px;
    line-height: 98px;
    color: #4C4C4C;
    text-transform: uppercase;
}

h2{
    font-weight: 600;
    font-size: 36px;
    line-height: 43px;
    text-transform: uppercase;
}
.def-page-title{
    text-align: center;
    color: #333333;
    margin-bottom: 50px;
}
h3{
    font-weight: 600;
    font-size: 32px;
    line-height: 38px;
}
h4{
    font-weight: 600;
    font-size: 32px;
    line-height: 38px;
}
body::-webkit-scrollbar {
    width: 6px;               /* ширина scrollbar */
}
body::-webkit-scrollbar-track {
    background: #20202000;        /* цвет дорожки */
}
body::-webkit-scrollbar-thumb {
    background-color: #24B3A8;    /* цвет плашки */
    border-radius: 20px;       /* закругления плашки */

}
main{
	padding-top:0 !important;
}
section{
    padding-top: 57px;
}
header{
    position: fixed;
    left: 0;
	top:0;
    width: 100%;
    z-index: 5;
	transition:all 0.3s;
	
}
.header-scroll{
	background:#fff
}
header a, footer a{
    transition: all 0.25s;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -ms-transition: all 0.25s;
    -o-transition: all 0.25s;
}
a:visited{
	color:unset !important;
}

header a{
	color:#333333;
}
header a:hover, footer a:hover{
    color: #24B3A8 !important;
}
.header-logo{
	max-width:169px;
	transition:all 0.3s;
}
.header{
    font-family: 'Inter', sans-serif !important; 
    font-weight: 400;
    font-size: 20px;
    line-height: 19px;
    display: flex;
    justify-content: center;
}
body{
    /*max-width: 1920px;*/
    margin: 0 auto !important;
    font-family: 'Golos Text', sans-serif !important;
}
.container{
/*     padding: 0 5%; */
    max-width: 1420px;
    margin: 0 auto !important;
}

/* =============================================== */
.glavn:hover>span{
	background: #24B3A8;
	border-radius: 30px;
	color:#fff !important;
	padding:10px 20px;
}
.glavn:hover>span svg path{
	fill:#fff;

}
.glavn:hover>span svg {

 rotate:(180deg);
}
.glavn:hover>a:visited{
	color:#fff !important;
}
.glavn>span{
	display:flex;
	gap:10px;
	align-items:center;
}
.nav-list{
	display:none;
	position:absolute;
	list-style:none;
	background:#fff;
	border-radius: 0% 0% 5% 5% / 0% 0% 5% 5%;
	transition:all 0.3s;
	overflow:hidden;
	width: fit-content;
/* 	top:55px; */
}
.nav-list li:hover{
	background: #A3EEEA;
}
.nav-list li{
	padding:10px;
	
}
.glavn:hover .nav-list{
	display:block;
}
/* =============================================== */

.header{
    display: flex;
/*     gap: 40px; */
    justify-content: space-between;
    align-items: center;
}
.header .nav nav{
    display: flex;
    gap: 50px;
    align-items: center;
    font-family: 'Inter', sans-serif !important; 

}
.header-button a, .custom_link {
    padding: 10px 20px;
    background: #24B3A8;
    color: #fff  !important;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.header-button a:hover {
	color: white !important;
}

.myLang {
	position: absolute;
	top:91px;
	right:3%;
	display:flex;
	align-items: center;
	width:fit-content;
	height:fit-content;
}

/*============== mobile===========  */
.mobile-header, .mobile-menu{
    display: none;
}
.mobile-header{
   
    align-items: center;
    justify-content: space-between;

}
.mobile-menu{
    width: 100%;
    height: 0vh;
    background: #24b3a7e3;
    backdrop-filter: blur(10px);
    overflow-y: hidden;
    transition:all 0.2s ease-in ;
    -webkit-transition:all 0.2s ease-in ;
    -moz-transition:all 0.2s ease-in ;
    -ms-transition:all 0.2s ease-in ;
    -o-transition:all 0.2s ease-in ;
}
.mobile-menu-open{
    padding-top: 30px;
    height: 100vh;
}

  /* === */
  .ham {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform 1000ms;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: transform 1000ms;
    -moz-transition: transform 1000ms;
    -ms-transition: transform 1000ms;
    -o-transition: transform 1000ms;
}
  .hamRotate.active {
    transform: rotate(45deg);
  }
  .hamRotate180.active {
    transform: rotate(180deg);
  }
  .line {
    fill:none;
    transition: stroke-dasharray 1000ms, stroke-dashoffset 1000ms;
    stroke:#fff;
    stroke-width:5.5;
    stroke-linecap:round;
    -webkit-transition: stroke-dasharray 1000ms, stroke-dashoffset 1000ms;
    -moz-transition: stroke-dasharray 1000ms, stroke-dashoffset 1000ms;
    -ms-transition: stroke-dasharray 1000ms, stroke-dashoffset 1000ms;
    -o-transition: stroke-dasharray 1000ms, stroke-dashoffset 1000ms;
}
  
.ham8 .top {
stroke-dasharray: 40 160;
}
.ham8 .middle {
stroke-dasharray: 40 142;
transform-origin: 50%;
transition: transform 1000ms;
-webkit-transition: transform 1000ms;
-moz-transition: transform 1000ms;
-ms-transition: transform 1000ms;
-o-transition: transform 1000ms;
}
.ham8 .bottom {
stroke-dasharray: 40 85;
transform-origin: 50%;
transition: transform 1000ms, stroke-dashoffset 1000ms;
-webkit-transition: transform 1000ms, stroke-dashoffset 1000ms;
-moz-transition: transform 1000ms, stroke-dashoffset 1000ms;
-ms-transition: transform 1000ms, stroke-dashoffset 1000ms;
-o-transition: transform 1000ms, stroke-dashoffset 1000ms;
}
.ham8.active .top {
stroke-dashoffset: -64px;
}
.ham8.active .middle {
transform: rotate(90deg);
}
.ham8.active .bottom {
stroke-dashoffset: -64px;
}
/* === */

.mobile-menu nav{
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: flex-end;
}
.mobile-menu nav a:visited{
	color:#fff !important;
}
.mobile-menu nav a{
    color: #fff !important;
    text-shadow: 0.5px 0.5px 10px #24B3A8;
}
.mobile-menu .header-button a{
    background: #fff;
    color: #24B3A8  ;

}
.mobile-menu .header-button{
    margin-top: 50px;
    display: flex;
    justify-content: flex-end;
}
.mobile-menu .header-button a{
	color:#333333 !important;
}
/* =========================================== */
/* ================ - banner - ================= */

.banner{
    background: url(/wp-content/themes/soriz/image/banner-background.png) no-repeat;
    background-size: cover;
    height: 750px;
    display: flex;  
}
.banner .container{
    position: relative;
    display: flex;  
    align-items: center;
}
.banner-plates{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.banner-plates div{
    display: flex;
}
.banner-plates div a{
	display:flex;
	flex-direction:column;
	align-items:center;
}
.banner-plates div div{
	justify-content:center;
}
.banner-plates div img{
    pointer-events: none;
}
#center img{
	 cursor: pointer;
	 transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
#center{
	overflow:hidden;
	border-radius:50%;
}
#center:hover img{
	scale:1.05;
}
#vzrolsie:hover, #deti:hover, #podrostki:hover, #tourist:hover, #pozhilie:hover, #family:hover{
    scale: 1.08;
}
#vzrolsie, #deti, #podrostki, #tourist, #pozhilie, #family{
    display: flex;
    cursor: pointer;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    min-width: 190px;

}
.banner-plates a{
	font-weight: 600;
	font-size: 16px;
	line-height: 19px;
	text-transform: uppercase;
	color: #333333;

}
.banner-plates {
    width: 100%;
}
/* #center{
    position: absolute;
    left: 363px;
    top: 292px;
    pointer-events: none;
}
#vzrolsie{
    left: 370px;
    top: 115px;
}
#deti{
    left: 570px;
    top: 262px;
}
#podrostki{
    left: 500px;
    top: 465px;
}
#tourist{
    left: 260px;
    top: 465px;
}
#pozhilie{
    left: 170px;
    top: 262px;
} */
#banner-family{
    width:150%;
    pointer-events: none;
    transform: translateY(50px);
}

/* ===================================== */
/* ========= - about company - ========= */
.about-company-text {
	overflow: hidden;
	position: relative;    
}
.about-company-text.hide {
	height: 550px;
}
.about-company-text.hide:after{
	content: "";
	display: block;
	height: 100px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: linear-gradient(to bottom, #24b3a800, #24B3A8 75%)
}
.about-company{
    background: #24B3A8;
    position: relative;
    color: #fff;
}
.about-company .container {
    padding-bottom: 72px;
}
.about-company-content{
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: 31px;
}
#moleik{
    position: absolute;
    right: 0;
    z-index: 0;
}
.about-company p{
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    margin-top: 30px;
}
.about-company-image{
    pointer-events: none;
}
.content_toggle{
	position:relative;
	z-index:0;
	background:#fff;
	font-weight: 600;
	font-size: 16px;
	color: #24B3A8 !important;
	padding:15px 30px;
	border-radius: 30px;
}
.content_toggle:visited{
	color: #24B3A8 !important;
}
.about-company-image img{
    min-height: 450px;
    object-fit: cover;
	border-radius:20px;
	position: sticky !important;
	top:20px;
}
/* ===================================== */
/* ========= - preimushestva - ========= */
.preimushestva-list{
	margin-top:41px;
	display:flex;
	align-items:center;
	gap:74px;
	text-align:center;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	text-transform: uppercase;
	color: #000000;
}
.preimushestva-list div{
	cursor:pointer;
}
.preimushestva-list div:hover img{
	scale:1.2;
}
.preimushestva-list img{
	margin-bottom:20px;
	transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
}
/* ===================================== */
/* ========= - doctors slider - ========= */
.doctors-slider {display: none!important;}

.doctors-desktop {
	display:flex;
	gap: 16px;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
}

.desktop-item {
	width:100%; max-width: calc(25% - 16px); flex: 1 0 24%;
}

.desktop-arrows {
	display: none!important;
}

@media(max-width:1399px){
	.doctors-desktop {display:none}
	.desktop-arrows {display: flex!important;}
	.doctors-slider{display: block!important;}
}

.doc{
	color:#333333 !important;
}
.doctors-title{
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.slider-arrow{
    display: flex;
    gap: 30px;
    align-items: center;
}
.slider-arrow div{
    display: flex;
    cursor: pointer;
}
.doc{
    position: relative;
    display: flex;
    justify-content: center;
    margin-bottom: 100px;
    z-index: 2;
    padding: 20px;
}
.doc::before{
    position: absolute;
    content: '';
    bottom: -20px;
    width: 93%;
    height: 80%;
    border: 3px solid #24B3A8;
    border-radius: 10px;
    z-index: 0;
}
.doc-img{
    position: relative;
    max-width: 300px;
    width: 100%;
}
.doc-img img{
	border-radius:10px;
	max-height:300px;
	object-fit:cover;
	width:100%;
	
}
.doc-name{
    position: absolute;
    bottom: -50px;
    text-align: center;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    width: 70%;
    background: #fff;
    padding-top: 13px;
    padding-bottom: 20px;
    box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.12);
    border-radius: 8px;
}
.doc-name h5{
	font-weight:bold;
}
/* ===================================== */
/* ========= -Вакцинация- ========= */
.main-vaccination{
    background: #87A2FB;
    padding-bottom: 60px;
    /* margin-bottom: 200px; */
    }   
.vacc-tabs-title{
    display: flex;
    align-items: center;
    gap: 0px;
    background: #fff;
    padding: 14px 50px;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.25);
    border-radius: 70px;
    margin-bottom: 48px;
}
.vacc-tabs-title h2{
   font-size:30px;
}
.vacc_tabs__content {
    display: none; /* по умолчанию прячем все блоки */
}
.vacc_tabs__content.active {
    display: flex; /* по умолчанию показываем нужный блок */
    gap: 20px;
}
.vacc-tabs__caption{
    display: flex;
    align-items: center;
    /* gap: 30px; */
	list-style:none;
}
.vacc-tabs__caption .active{
    background: #87A2FB;
    font-size: 24px;
    color: #333333;
}
.vacc-tabs__caption li{
    border-radius: 50px;
    padding: 20px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    font-weight: 400;
    font-size: 22px;
    line-height: 31px;
    color: #4F4F4F;
    cursor: pointer;
}
/*  */

.vacc-tabs-content-img img{
    border: 3px solid #FFFFFF;
    border-radius: 20px;
    position: sticky;
    top: 20px;
}
.vacc-tabs-content-text {
    width: 50%;
    color: #fff;
    min-width: 50%;
}
.vacc-tabs-content-text h4 {
    text-transform: uppercase;
    margin-bottom: 15px;

}
.vacc-tabs-content-text p{
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
}
.vacc-tabs-content-text ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    list-style: disc;
    padding-left: 30px;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
}

/* ===================================== */
/* ========= -календарь прививок- ========= */
.calendar-tabs{
    margin-top: 35px;
    display: flex;
    gap: 20px;
}
.calendar-tabs__content {
    display: none; /* по умолчанию прячем все блоки */
}
.calendar-tabs__content.active {
    display: block; /* по умолчанию показываем нужный блок */
}
.calendar-tabs__caption{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.calendar-tabs__caption .active{
    background: #F2F2F2;
    border-radius: 20px;
}
.calendar-tabs__content>p{
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #24B3A8;
}
.calendar-tabs__caption li{
    display: flex;
    align-items: center;
    gap: 20px;
    font-weight: 400;
    font-size: 22px;
    line-height: 26px;
    color: #333333;
    cursor: pointer;
    position: relative;
    padding: 12px 20px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.image{
    position: relative;
    /* border: 2px dashed #24B3A8;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px; */
    display: flex;
}
.image::before{
    content: '';
    box-sizing: border-box;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px dashed #24B3A8;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;

}
.calendar-tabs__caption>.active .image::before{
    animation: calendar-tab-border 25s infinite linear;
    -webkit-animation: calendar-tab-border 25s infinite linear;
}
@keyframes calendar-tab-border {
    0%{
       transform: rotate(0deg);
       -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
       -ms-transform: rotate(0deg);
       -o-transform: rotate(0deg);
    }
    50%{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    }
    100%{
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}
}


/* =========== */
.calendar-tabs__content{
    padding: 33px 40px;
    background: #FBFBFB;
    box-shadow: 0px 0px 35px rgba(10, 137, 127, 0.12);
    border-radius: 30px;
}
.calendar-tabs__content th img{
    filter: drop-shadow(3px 3px 8px #D3D3D3);
	vertical-align: middle;
	max-width: 105px;
}
.calendar-tabs__content tbody{
    text-align: center;
}
.calendar-tabs__content tr{
    border-bottom: 2px solid #E1E1E1;
}
.calendar-tabs__content td{
    padding: 15px 30px;
    position: relative;

    
}
.calendar-tabs__content td span{
    padding: 10px 30px;
    border-radius: 40px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}
.calendar-tabs__content td span:hover{
    background: #24B3A8;
    color: #fff;
}
.table-title {
    border-bottom: none !important;
}
.table-title th{
    padding: 17px 27px;
    
}

.calendar-tabs__content td span:hover ~ .desc, .calendar-tabs__content td span:hover ~ .desc-1{
    visibility: visible;
}
.desc{
    transition: all 0.2s;
    visibility: hidden;
/*     width: 100%; */
    top: 0;
    z-index: 10;
    position: absolute;
    transform: translateX(140px);
    background: #24B3A8;
    border-radius: 10px;
    -webkit-transform: translateX(140px);
    -moz-transform: translateX(140px);
    -ms-transform: translateX(140px);
    -o-transform: translateX(140px);
    color: #fff;
    text-align: left;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    padding: 18px 25px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}
.desc-1{
    transition: all 0.2s;
    visibility: hidden;
/*     width: 100%; */
    top: 0;
    z-index: 10;
    position: absolute;
    transform: translateX(-200px);
    background: #24B3A8;
    border-radius: 10px;
    -webkit-transform: translateX(-200px);
    -moz-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    -o-transform: translateX(-200px);
    color: #fff;
    text-align: left;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    padding: 18px 25px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}
.desc p, .desc-1 p{
    z-index: 1;
    position: relative;
}
.desc p:first-child, .desc-1 p:first-child{
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}
.desc::before{
    content: '';
    left: -5px;
    top:15px;
    z-index: 0;
    rotate: 45deg;
    width: 30px;
    height: 30px;
    background: #24B3A8;
    position: absolute;
}
.desc-1::before{
    content: '';
    right: -5px;
    top:15px;
    z-index: 0;
    rotate: 45deg;
    width: 30px;
    height: 30px;
    background: #24B3A8;
    position: absolute;
}

/* ===================================== */
/* ========= -price- ========= */

.main-price-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.mpc-item{
	display:flex;
    width: 20%;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}
.main-price .popup-open{
    padding: 15px 60px;
    border: 2px solid #24B3A8;
    border-radius: 30px;
    display: inline-flex;
    justify-content: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #333333;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.main-price .popup-open:hover{
    background: #24B3A8;
    color: #fff;
}
footer textarea{
	height:128px;
	border-radius:35px;
	padding:30px;
}



/*  */
.popup-fade {
	display: none;

}
.popup-fade:before {
	content: '';
	background: #000;
	position: fixed; 
	left: 0;
	top: 0;
	width: 100%; 
	height: 100%;
	max-height:1000px;
	opacity: 0.7;
	z-index: 9999;				
}
.popup {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	opacity: 1;	
}
.popup-close {
	position:relative;
	z-index:99999
}
.price-wrapp::-webkit-scrollbar{
	width:0px;
}
.price-list::-webkit-scrollbar{
		width:3px;
	padding-left:5px;
}
.price-list::-webkit-scrollbar-track {
    background: #20202000;        /* цвет дорожки */
}
.price-list::-webkit-scrollbar-thumb {
    background-color: #24B3A8;    /* цвет плашки */
    border-radius: 20px;       /* закругления плашки */

}
.price{
/*     position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
	flex-direction:column;
	padding-top:0; */
	
}
.price-list{
    display: flex;
    flex-wrap:wrap;
	justify-content:center;
    gap: 40px;
	margin:0 auto;

}
.price-wrapp{
	background: #fff;
    padding: 30px 14px;
    width: 70%;
    position: fixed;
    top: auto;
    left: 0;
    margin: 0 auto;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	border-radius:30px;
	overflow-y:scroll;
}
.mpl-items{
    width: 30%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.mpl-item-header{
    background: #24B3A8;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    color: #fff;
    display: flex;
    justify-content: center;
    padding: 7px 15px;
}
.mpl-item{
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 3px;

}
.mpl-item p{
border: 1px solid #24B3A8;
border-radius: 30px;
padding: 7px 15px;
}
.price a{
    padding:15px 60px;
    border-radius: 30px;
    border:2px solid #24B3A8;
    background:#ffffff;
    font-size: 16px;
	color:black;
	transition:all 0.3s;
	display:inline-flex;
	margin-top:30px;
	cursor:pointer;
}
.price a:hover{
	color:#fff;
	background:#24B3A8;
}
/* ===================================== */
/* ========= -footer- ========= */
footer{
    margin-top: 70px;
}
footer a:visited{
	color:#fff !important;
}
.form-wrapp{
    width: 50%;
    margin-top: 50px;
    margin-bottom: 30px;
	
}
form div{
    display: inline-flex;
    flex-direction: column;
    width: 100%;
    font-weight: 400;
font-size: 18px;
line-height: 22px;
gap: 10px;
/* identical to box height */


/* Gray 1 */

color: #333333;
}
/* form input{
    padding: 18px 48px !important;
    background: #F7F7F7 !important;
    border: 1px solid #E6E6E6 !important;
    box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.3), -1px -1px 2px rgba(227, 227, 227, 0.5), inset -4px 4px 8px rgba(227, 227, 227, 0.2), inset 4px -4px 8px rgba(227, 227, 227, 0.2), inset -4px -4px 8px rgba(255, 255, 255, 0.9), inset 4px 4px 10px rgba(227, 227, 227, 0.8) !important;
    border-radius: 30px !important;
    
} */
.form-conainer{
    display: flex;
    /* justify-content: space-between; */
    gap: 150px;
}

.form-button{
    background: #24B3A8;
    border-radius: 30px;
    padding: 15px 30px;
    color: #fff;
    border: none;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.form-button:hover{
    background: #fff;
    color: #24B3A8;
    outline: 2px solid #24B3A8;
}

.bottom-footer{
    background: #363F3D;
    padding-top: 30px;
    padding-bottom: 15px;
}
.bottom-footer .container{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.bottom-footer a{color: #fff;}
.logo{
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    gap: 180px;
}
.logo div{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.logo div a{
    display: flex;
    align-items: center;
    gap: 15px;
	white-space: nowrap;
}
.footer-nav nav{
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    font-family: 'Inter', sans-serif !important;
    display: flex;
    gap: 25px;
}
.r2 a{
    display: flex;
    align-items: center;
    gap: 24px;
    justify-content: center;
    margin-top: 40px;
    padding-top: 14px;
    border-top: 1px solid #ffffff41;
}






b{
    font-weight: bold;
}
.modal{
	width:100% !important;
	max-width:1000px !important;
	padding:0 !important;
	border-radius: 40px !important;
}
.doctors-modals{
/*     position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    backdrop-filter: blur(2px);
    background: rgba(0, 0, 0, 0.4); */
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
	z-index:100 !important;

}
.doc-modal{
	
    padding: 30px;
    display: flex;
    gap: 40px;
    background: #fff;
    border-radius: 40px;
    max-width: 1000px;
    width: 1000px;
    position: relative;
}
#doc-modal-close{
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
}
.doc-modal-img{
   min-width: 400px;
   min-height: 400px;

}
.doc-modal-img img{
	object-fit: cover;
    width: 400px;
    height: 400px;
	width: 100%;
}
.doc-modal-info{
    display: flex;
    flex-direction: column;
    justify-content:space-between
}
.doc-modal h5{
    font-weight: 600;
    font-size: 32px;
    line-height: 38px;
    color: #24B3A8;
	max-width:450px;
}
.doc-modal p{
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #333333;
}
@media (max-width:700px) {
    .doc-modal{
        flex-direction: column;
    }
    .doc-modal-img{
        min-width: 280px;
		min-height:0px;
    }
	.doctors-modals{
		margin-top:55px;
		
	}
	#doc-modal-close{
		top:0;
		right:30px;
	}
}
.input-submit-spinner {
	display:none;
}

div input.input-form, textarea {
	 padding: 18px 48px;
    background: #F7F7F7;
    border: 1px solid #E6E6E6;
    box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.3), -1px -1px 2px rgba(227, 227, 227, 0.5), inset -4px 4px 8px rgba(227, 227, 227, 0.2), inset 4px -4px 8px rgba(227, 227, 227, 0.2), inset -4px -4px 8px rgba(255, 255, 255, 0.9), inset 4px 4px 10px rgba(227, 227, 227, 0.8);
    border-radius: 30px;
}
.modal a.close-modal{
	opacity:0;
}
.dmi {
	display:flex;
	flex-direction:column;
	gap:5px;
}
.dmi div {
	display:flex;
	flex-direction:column;
	gap:15px;
}
/* ___________________Preimushestva____________ */


.preim-popup{
    display: none;
    justify-content: center;
    align-items: center; 
    position: fixed;
    background: rgba(0, 0, 0, 0.511);
    width: 100%;
    height: 100%;
    z-index: 100;
    top: 0;
    left: 0;
    z-index: 1;
}
.preim-popup-open{
    display: flex;
}

.pp-container{
    max-width: 1051px;
    background: #24B3A8;
    padding: 40px 50px;
    border-radius: 40px;
    position: relative;
    z-index: 100;
}
.pp{
    display: flex;
    gap: 27px;
}
.pp-title{
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 43px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.pp-subtitle{
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
	padding: 8px 0;
}
.pp-text p{
    margin: 5px 0;
}
.pp-text{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #fff;
}
.nn {
	overflow-y: scroll;
    width: 100%;
    height: 350px;
    display: block;
}
.pp-img{
    border: 3px solid #FFFFFF;
    border-radius: 20px;
    min-width: 359px;
    overflow: hidden;
}
.pp-img img{
    object-fit: cover;
    height: 100%;
}
.pp-container button{
    margin-top: 25px;
    padding: 10px 30px;
    background: #FFFFFF;
    border-radius: 30px;
    border: 1px solid  #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #24B3A8;
    cursor: pointer;
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
}
.pp-container button:hover{
    color: #ffffff;
    background: #24B3A8;

}

.jquery-modal {
	z-index: 9999 !important;
}

.skidka {
	overflow: hidden !important;
	width: fit-content !important;
	max-width: 1200px !important;
}

.skidka .content {
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: center;
	justify-content: center;
	text-align:center;
	width: fit-content !important;
}

.skidka .content img {
	
	object-fit: cover;
	width: 100%;
	height:100%;
	border-radius: 10px;
}

.skidka .content p {
	font-size: max(3vw, 18px);
}

.ti-knopka {
	position:absolute;
	bottom: 2%;
    left: 50%;
    transform: translate(-50%);
}

.ti-knopka a {
	display: flex;
	align-items: center;
	justify-content: center;
	
	padding: 15px 30px;
	border-radius: 30px;
	background: #24B3A8;
	
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	color: #FFF!important;
}

.close-knopka {
	position: absolute;
	top:2%;
	right:2%;
}

@media (max-width:992px){
	.ti-knopka a {
		padding: 12px 20px;
		font-size: 13px;
	}
	
	.close-knopka {
		right: 4%;
	}
	
	.close-knopka a svg {
		width:16px;
		height: 16px;
	}
}

@media (max-width:768px){
	.ti-knopka a {
		padding: 6px 20px;
		font-size: 11px;
	}
}
	
@media (max-width:650px){
	.skidka {
		border-radius:20px!important;
	}
	
	.ti-knopka {
		width:78%;
	}
	
	.ti-knopka a {
		padding: 2px 10px;
		font-size: 8px;
	}
	
	.close-knopka {
		top: 1%;
    	right: 2%;
	}
	
	
	.close-knopka a svg {
		width:12px;
	}
}

@media (max-width:480px){
	
	.close-knopka {
		top: 5px;
    	right: 10px;
	}
	
	.close-knopka a svg {
		width:9px;
		height:9px;
	}
}


.foot_icons {
	display: flex !important;
	flex-direction: row !important;
	justify-content: center;
	align-items: center;
}

.foot_icons i {
	color: #24B3A8;
	font-size: 26px;
}

.foot_icons a{
	transition: all ease 0.5s;
}

.foot_icons a:hover{
	transition-duration: 0.5s;
}


.bg, .button {
    bottom: 60px !important;
    right: 100px !important;
}

/* langu */