/*
Theme Name: Promoitalia
Theme URI: https://example.com/my-theme
Author: Ваше Имя
Author URI: https://example.com
Description: Краткое описание темы
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: my-custom-theme
Tags: custom, responsive, starter
*/

@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@200..900&display=swap');

@font-face {
  font-family: 'Stolzl';
  /* src: url('../assets/fonts/stolzl/stolzl_regular.otf') format('opentype'); */
  src: url('./assets/fonts/stolzl/stolzl_regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Stolzl';
  src: url('./assets/fonts/stolzl/stolzl_bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

 


/* Ваши стили */
body { 
	background-color: #f9f8f3;
	font-family: "Unbounded", sans-serif;
	font-size: 15px;
	font-weight: 300;
	font-style: normal;
} 

.header {
	height: 118px;
	background-color: #054244;
	position: relative;
    z-index: 99999;
}
.main {
	min-height: calc(100vh - 118px - 290px - 30px);
}
.is-home {
	height: 800px;
	background-image: url("./assets/images/hero.jpg");
	background-size: cover;
	background-position: center 25px; 
}
h1 { 
	font-weight: 600; 
	font-size: 40px; 
	line-height: 110%;
	letter-spacing: 1%; 
	color: #333333;
}
h2 { 
	font-weight: 600; 
	font-size: 36px; 
	line-height: 110%;
	letter-spacing: 1%; 
	color: #333333;
}
h3 { 
	font-weight: 600; 
	font-size: 30px; 
	line-height: 110%;
	letter-spacing: 1%; 
	color: #333333;
}
h4 { 
	font-weight: 600; 
	font-size: 20px; 
	line-height: 110%;
	letter-spacing: 1%; 
	color: #333333;
}
p { 
	font-weight: 300; 
	font-size: 14px; 
	line-height: 140%;
	letter-spacing: -2%;
	color: #333333B2;
	margin: 0 0 7px 0; 
}
ul {
	padding-left: 1.5rem;
}
ul li { 
	font-weight: 300; 
	font-size: 15px; 
	line-height: 150%;
	letter-spacing: -2%;
}
.subtitle {
	font-family: 'Stolzl', Arial, sans-serif;
	font-weight: 400; 
	font-size: 24px; 
	line-height: 110%;
	letter-spacing: -1%;
	color: #054244B2;
}
.smalltitle { 
	font-weight: 400; 
	font-size: 18px; 
	line-height: 110%;
	letter-spacing: -1%;
	color: #054244;
}
.breadcrumb { 
	font-size: 14px; 
	line-height: 140%;
	letter-spacing: -2%;
	color: #054244;
}
.breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:active {
	color: #33333366; 
	text-decoration: none;
}
.breadcrumb a:hover {
	color: #33333366; 
	text-decoration: underline;
}
.infoblock {
	background-color: #054244;
	font-size: 14px;
	color: #FFFFFF;
	height: 37px;
}
li.menu-item {
    font-weight: 300; 
    font-size: 14px;
    line-height: 150%;
    letter-spacing: -2%;
    color: #333333B2;
}
.menublock {
	/* background-color: #054244; */
	font-size: 14px;
	color: #FFFFFF;
	height: 81px;
	backdrop-filter: blur(15px)
}
.menublock__logo {
	width: 183px;
	height: 35px;
}
.menublock__logo img {
	width: 100%; 
}	
.menublock__menu .menu-item a, .menublock__menu .menu-item  a:active,  .menublock__menu .menu-item a:focus, .menublock__menu .menu-item  a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.menublock__menu .menu-item a:hover, .menublock__menu .menu-item a.currect {
	border-bottom: 1px solid #FFFFFF;
}
.hero {
	height: calc(100% - 118px);
	background: #00000073;
	align-items: center;
    justify-content: flex-end;
	color: #FFFFFF; 
	text-align: right;
}
.hero h1 {
	font-family: Unbounded;
	font-weight: 600; 
	font-size: 54px; 
	line-height: 120%;
	letter-spacing: 0%;
	text-align: right;
	text-transform: uppercase; 
	color: #FFFFFF;	
}
.hero p { 
	font-size: 16px;  
	color: #FFFFFF;	
}
.hero__divider {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 2px solid #6b7177; 
    width: 285px;
}
.btn-transparrent {
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	padding: 10px 20px;
	text-decoration: none;
	display: inline-block;
	transition: background-color 0.3s, color 0.3s;
	font-size: 14px;
	max-width: 340px;
}
.btn-transparrent:hover {
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	padding: 10px 20px;
	text-decoration: none;
	display: inline-block;
	transition: background-color 0.3s, color 0.3s;
	font-size: 14px;
	max-width: 340px;
}
.icon {
 	display: block;
    width: 17px;
    height: 17px;
    background-size: cover;
}
.icon-md-19 {
 	display: block;
    width: 24px;
    height: 24px;
    background-size: cover;
}
.icon-md-24 {
 	display: block;
    width: 24px;
    height: 24px;
    background-size: cover;
}
.icon-md-48 {
 	display: block;
    width: 48px;
    height: 48px;
    background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.icon-md-51 {
 	display: block;
    width: 51px;
    height: 51px;
    background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.icon-md {
 	display: block;
    width: 30px;
    height: 30px;
    background-size: cover;
}
.icon-phone {
	background-image: url('./assets/icons/phone.svg'); 
}
.icon-messeger {
	background-image: url('./assets/icons/messeger.svg'); 
}
.icon-mail {
	background-image: url('./assets/icons/mail.svg'); 
}
.icon-instagram {
	background-image: url('./assets/icons/instagram.svg'); 
}
.icon-fb {
	background-image: url('./assets/icons/fb.svg'); 
}
.icon-arrow-right {
	background-image: url('./assets/icons/arrow-right.svg'); 
}
.icon-logo {
	background-image: url('./assets/icons/logo.svg'); 
}
.icon-logo-light {
	background-image: url('./assets/icons/logo-light.svg'); 
}
.icon-slider-arrow-right {
	background-image: url('./assets/icons/slider-arrow-right.svg'); 
}
.icon-slider-arrow-left {
	background-image: url('./assets/icons/slider-arrow-right.svg'); 
	transform: rotate(180deg);
}
.icon-arrow-right-black {
	background-image: url('./assets/icons/arrow-right-black.svg');  
}
.icon-arrow-right-white {
	background-image: url('./assets/icons/arrow-right-white.svg');  
}
.icon-ppt-1 {
	background-image: url('./assets/icons/ppt-1.svg');  
}
.icon-ppt-2 {
	background-image: url('./assets/icons/ppt-2.svg');  
}
.icon-ppt-3 {
	background-image: url('./assets/icons/ppt-3.svg');  
}
.icon-ppt-4 {
	background-image: url('./assets/icons/ppt-4.svg');  
}
.icon-location {
	background-image: url('./assets/icons/location.svg');  
}
.icon-cemail {
	background-image: url('./assets/icons/cemail.svg');  
}
.icon-call {
	background-image: url('./assets/icons/call.svg');  
}
.icon-call-calling {
	background-image: url('./assets/icons/call-calling.svg');  
}
.icon-calendar {
	background-image: url('./assets/icons/calendar.svg');  
}
.icon-scalpel {
	background-image: url('./assets/icons/scalpel.svg');  
}
.icon-body {
	background-image: url('./assets/icons/body.svg');  
}
.icon-paper {
	background-image: url('./assets/icons/paper.svg');  
}

.mc-border {
	border: 1px solid #3333331A;
	border-radius: 20px;
}
.mt-60 { 
	margin-top: 60px;
}
.mb-70 {
	margin-bottom: 70px;
}
.mb-90 {
	margin-bottom: 90px;
}
.fs-40 {
	font-size: 40px;
}
.fs-36 {
	font-size: 36px;
}
.footer {
	background-color: #054244;
	height: 290px; 
	padding-top: 30px;
	color: #FFFFFFB2;
	font-size: 14px;
}
.footer__title {
	font-family: Unbounded;
	font-weight: 400; 
	font-size: 18px; 
	line-height: 100%; 
	color: #FFFFFF;
}
.footer__menu ul {
	display: flex;
	flex-direction: column;
}
.footer__menu li {
	width: 160px;;
}

.footer__menu .menu-item a, .footer__menu .menu-item  a:active,  .footer__menu .menu-item a:focus, .footer__menu .menu-item  a:visited {
	color: #FFFFFFB2;
	text-decoration: none;
}
.footer__menu .menu-item a:hover, .footer__menu .menu-item a.currect {
	border-bottom: 1px solid #FFFFFFB2;
}
  

.services { 
  padding: 0;
}   
.services__bg-grey {
	background-color: #F5F1EE;
}
.services__bg-green {
	background-color: #054244;
}
.greyend::after {
	content: '';
    display: block;
    position: absolute;
    background-color: #F5F1EE;
    width: 100%;
    height: 100%; 
    z-index: 99999;
    top: 0;
    right: -100%;
}
.greystart::before {
	content: '';
    display: block;
    position: absolute;
    background-color: #F5F1EE; 
    width: 100%;
    height: 100%; 
    z-index: 99999;
    top: 0;
    right: 100%;
}
.services__grid {
  position: relative;
  z-index: 1;
} 
.service {
  aspect-ratio: 1 / 1;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}  
.service--image {
  padding: 0;
} 
.service--image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* filter: grayscale(100%); */
}
.service--info {
	padding-left: 34px;
	padding-right: 34px;
}
.service--info-title { 
	font-weight: 400; 
	font-size: 23px; 
	line-height: 110%;
	letter-spacing: -1%; 
	color: #FFFFFF;
}
.service--info-title a:link, .service--info-title a:visited, .service--info-title a:active{
	color: #FFFFFF;
	text-decoration: none;
} 
.service--info-title a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}  
.service--info-title.light a:link, .service--info-title.light a:visited, .service--info-title.light a:active{
	color: #054244;
	text-decoration: none;
} 
.service--info-title.light a:hover {
	color: #054244;
	text-decoration: underline;
}  
.service--info p {
	font-size: 15px;
	line-height: 140%;
	color:#FFFFFFB2; 
} 
 
.services__bg-grey .service--info-title { 
	font-weight: 400; 
	font-size: 22px; 
	line-height: 110%;
	letter-spacing: -1%; 
	color: #054244;
}
.services__bg-grey .service--info p {
	font-size: 15px;
	line-height: 140%;
	color: #054244B2;
} 

.section__title {
	font-weight: 600; 
	font-size: 50px; 
	line-height: 110%;
	letter-spacing: 1%; 
	color: #333333; 
} 
.section__text {
	font-weight: 300; 
	font-size: 16px; 
	line-height: 110%;
	letter-spacing: -2%; 
	color: #333333B2; 
}
.section__right {
	font-weight: 300; 
	font-size: 15px; 
	line-height: 140%;
	letter-spacing: -2%; 
	color: #333333B2; 
	float: right;
	width: fit-content;
}

.recovery__image {
	height: 270px;
	position: relative;
}
.recovery__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;  
  	/* filter: grayscale(100%); */
	border-radius: 20px;
	overflow: hidden;
}
.recovery__text {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 15px 40px;
}
.recovery__title { 
	font-weight: 400; 
	font-size: 26px; 
	line-height: 110%;
	letter-spacing: -1%;
	text-transform: uppercase;
	color: #FFFFFF;
}
.recovery__description { 
	font-size: 14px; 
	line-height: 140%;
	letter-spacing: -2%;
	color: #FFFFFF;
}
.recovery__overlay {
	position: absolute;
	top: 0;
	left: auto;
	width: calc(100% - 1.5rem);
	height: 100%;
	background-color: #05424469; 
	border-radius: 20px;
	overflow: hidden;
}

.overlay {
	position: absolute;
	top: 0;
	left: auto;
	width: 100%;
	height: 100%;
	background-color: #05424433;
	border-radius: 20px;
	overflow: hidden;
}
.bw {
	filter: grayscale(100%);
}
 

.video-slider {
	overflow: hidden;
	margin-top: -150px;
} 
.slider-wrapper { 
	margin: 0 auto;
	padding-top: 80px; /* Место под стрелки */
	position: relative;
} 
.slider-nav {
  	position: absolute;
	top: 0;
	right: -30px;
	transform: translateX(-50%);
	display: flex;
	gap: 12px;
	z-index: 20;
} 
.nav-btn {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 2px solid #fff;
	background: #054244; 
	color: #fff;
	font-size: 22px;
	cursor: pointer;
	display: grid;
	place-items: center;
	transition: 0.3s;
	backdrop-filter: blur(4px);
}
.nav-btn:hover { background: rgba(0,0,0,0.6); transform: scale(1.05); }
.nav-btn.swiper-button-disabled { 
	/* opacity: 0.3;  */
	border: 1px solid #b4b3b0;
	background: none;
	cursor: default; 
}
.nav-btn.swiper-button-disabled .icon-slider-arrow-left{ 
	background-image: url('./assets/icons/slider-arrow-left.svg'); 
	width: 24px;
	height: 24px;
	background-size: auto;
	background-position: center;
	background-repeat: no-repeat;
	transform: rotate(0deg);
}
.nav-btn.swiper-button-disabled .icon-slider-arrow-right{ 
	background-image: url('./assets/icons/slider-arrow-left.svg'); 
	width: 24px;
	height: 24px;
	background-size: auto;
	background-position: center;
	background-repeat: no-repeat;
	transform: rotate(180deg);
}  
.swiper {
  	overflow: visible !important;
}
.swiper-wrapper {
	overflow: visible !important;
	padding: 60px 0 0 0 !important; 
	box-sizing: border-box; 
	align-items: center;
} 
.swiper-slide {
	width: 60%; /* 60% центр + по 20% боковые = 100% */
	height: 200px;
	transition: transform 0.45s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.4s ease,  z-index 0s linear 0.2s;
	transform: scale(1);
	transform-origin: center center;  
	/* opacity: 0.5; */
	z-index: 1;
	position: relative; 
} 
.swiper-slide-active {
	height: 250px;
	transform: scale(1.3);  
	opacity: 1;
	z-index: 10;  
	transition: transform 0.45s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.4s ease, z-index 0s linear 0s; 
} 
.swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px; 
	pointer-events: none;  
} 
.video-play {
	background: url('./assets/icons/play.svg') center center no-repeat;
	width: 80px;
	height: 80px;
	position: absolute;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
}
.video-title { 
	position: absolute;
    bottom: 20px;
    left: 20px; 
	font-size: 12px; 
	line-height: 100%;
	letter-spacing: -2%;
	color: #FFFFFF;
}
.swiper-slide-active .video-title {
	font-size: 14px; 
}
 
.blog-slider {
	margin-top: -150px;
	overflow: hidden;
}
.blog-card-slide {
	width: 335px;
	height: 372px;
	border: 1px solid #3333331A;
	border-radius: 20px;
}
.blog-card-slide-img {
	width: 335px;
	height: 164px;
	overflow: hidden;
	border-radius: 20px;
}
.blog-card-slide-title{ 
	font-weight: 400; 
	font-size: 18px; 
	line-height: 100%;
	letter-spacing: -2%; 
	color: #333333;
}
.blog-card-slide p{   
	font-size: 14px; 
	line-height: 100%;
	letter-spacing: -2%;
	color: #333333B2; 
}

.btn-transparent {  
	border-radius: 70px;
	border-width: 1px;
	padding-top: 13px;
	padding-right: 30px;
	padding-bottom: 13px;
	padding-left: 30px;
	gap: 10px;
	border: 1px solid #333333;
	color: #333333;
	width: fit-content;
	font-size: 16px; 
	letter-spacing: -2%;
}

.btn-transparent:hover {
	background-color: #054244;
	color: #FFFFFF;
}
.btn-transparent:hover .icon-arrow-right-black{
	background-image: url('./assets/icons/arrow-right-white.svg');  
} 
 

.callback-wrapper {
	background-color: #054244;
	background-image: url('./assets/images/callback-bg.svg');  
	background-position: top right -100px; 
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 20px;
	padding: 50px;
}
.callback-title { 
	font-weight: 600; 
	font-size: 36px; 
	line-height: 110%;
	letter-spacing: 1%; 
	color: #FFFFFF;
}
.callback-wrapper .form-control:focus {
	background-color: transparent;
	color: #FFFFFF;
}
.callback-wrapper input {
	background-color: transparent;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	border-radius: 32px;
	font-size: 16px;
	font-weight: 300;
	padding: 10px 30px;
}
.callback-wrapper input::placeholder { 
	color: #FFFFFF; 
}

.callback-text { 
	font-size: 16px; 
	line-height: 100%;
	letter-spacing: -2%;
	text-align: right;
	color: #FFFFFF;
}

.btn-white {  
	border-radius: 70px;
	border-width: 1px;
	padding: 10px 30px;
	gap: 10px;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	color: #333333;
	width: 100%;
	font-size: 16px; 
	letter-spacing: -2%;
}

.btn-white:hover {
	background-color: #054244;
	color: #FFFFFF;
}

.btn-transparrent2 {  
	border-radius: 70px;
	border-width: 1px;
	padding: 10px 30px;
	gap: 10px;
	background-color: transparent;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	width: 100%;
	font-size: 16px; 
	letter-spacing: -2%;
}

.btn-transparrent2:hover {
	background-color: transparent;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
}

.block-image {
	border-radius: 20px;
	overflow: hidden;
	position: relative;
}
.block-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.results-list li { 
	color: #333333B2;
}

.number-block {
	position: relative;
	height: 240px;
	border-radius: 20px;
	background-color: #F5F1EE;
}
.number-block .num { 
	position: absolute;
	top: 30px;
	right: 30px;
	font-weight: 800; 
	font-size: 65px; 
	line-height: 110%;
	letter-spacing: -1%;
	text-align: right;
	color: #05424433;
}
.number-block .text { 
	position: absolute;
	bottom: 30px;
	left: 30px;
	right: 30px;
	font-weight: 400; 
	font-size: 17px; 
	line-height: 110%;
	letter-spacing: -1%;
	color: #054244;
}
.number-block .textcenter { 
	position: absolute;
	top: calc(50% - 50px); 
	padding: 30px;
	font-weight: 400; 
	font-size: 17px; 
	line-height: 110%;
	letter-spacing: -1%;
	color: #FFFFFF;
	text-align: center;
}
.number-block-black {
	position: relative; 
	border-radius: 20px;
	background-color: #054244;
}
.number-block-black .num{
	color: #FFFFFF33;
}
.number-block-black .text, .number-block-black .text p, .number-block-black p{
	color: #FFFFFF;
}

.bg-line-1 {
	background-image: url('./assets/images/line-1.svg');
	background-repeat: no-repeat;
	background-position: top center;
}
.bg-line-2 {
	background-image: url('./assets/images/line-2.svg');
	background-repeat: no-repeat;
	background-position: top center;
}
.bg-line-3 {
	background-image: url('./assets/images/line-3.svg');
	background-repeat: no-repeat;
	background-position: 0px 60px;
}

.whois ul li {
	color: #333333B2; 
}
.whois .subtitle {
	color: #054244;
	text-transform: uppercase;
}
.whois .number-block-black ul li {
	color: #FFFFFF; 
}
.whois .number-block-black h2 {
	color: #FFFFFF; 
}
.whois .number-block-black .subtitle {
	color: #FFFFFF;
	text-transform: uppercase;
}
.min-height-250 {
	min-height: 255px;
}
.h-220 {
	height: 220px;
}
.w-30 {
	width: 30%;
}
.estet-future { 
	font-family: 'Stolzl', Arial, sans-serif;
	font-style: normal;
	font-weight: 400; 
	font-size: 24px; 
	line-height: 110%;
	letter-spacing: -1%;
	color: #054244;
	height: 90px;
}
.estet-future-1 {
	position: absolute;
	right: 0;
	transform: rotate(355deg);
}
.estet-future-2 {
	position: absolute;
	right: 0; 
	top: 35px;
}
.estet-future-3 {
	position: absolute; 
	top: -13px;
	transform: rotate(355deg);
}
.estet-future-4 {
	position: absolute;
	top: 33px;
	transform: rotate(1deg);
}
.number-block-black.estet-future-4  {
	color: #FFFFFF;
}

.specialist {
	background-color: #054244;
	border-radius: 20px;
	overflow: hidden;
}
.specialist-image {
	/* height: 265px; */
	height: 500px;
	border-radius: 20px;
	overflow: hidden;
}
.specialist-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.specialist-name { 
	font-weight: 400; 
	font-size: 18px; 
	line-height: 110%;
	letter-spacing: -1%;
	text-transform: uppercase;
	text-align: center;
	color: #FFFFFF;
}
.specialist-name a:link, .specialist-name a:visited, .specialist-name a:active, .specialist-name a:hover {
	font-weight: 400; 
	font-size: 18px; 
	line-height: 110%;
	letter-spacing: -1%;
	text-transform: uppercase;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
}
.specialist-name a:hover {
	text-decoration: underline;
}
.specialist-speciality { 
	font-size: 14px; 
	line-height: 140%;
	letter-spacing: -1%;
	text-align: center;
	color: #FFFFFF;
}

.partner-image {
	height: 100px; 
}
.partner-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}


.surgery {
	display: flex; 
}
.surgery-image {
	width: 250px;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
}
.surgery-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
} 
.surgery-image-op-150 img{ 
	object-position: -150px center;
} 
.surgery-image-op-95 img{ 
	object-position: -95px center;
} 
.surgery-image-op-top img{ 
	object-position: center top;
} 
.surgery-image-op-bottom img{ 
	object-position: center bottom;
} 
.surgery-text { 
	width: calc(100% - 250px); 
}
.surgery-text h2 { 
	font-weight: 400; 
	font-size: 18px; 
	line-height: 100%;
	letter-spacing: -2%;
	color: #054244;
}
 
.surgery-list-tag {
	border: 1px solid #3333331A;
	border-radius: 70px;
	font-size: 13px;
}
.surgery-list-tag a:link, .surgery-list-tag a:visited,  .surgery-list-tag a:active {
	color: #333333;  
	font-size: 13px;
	text-decoration: none;
}
.surgery-list-tag a:hover {
	text-decoration: underline;
}
.surgery-list-comment { 
	font-size: 12px; 
	line-height: 100%;
	letter-spacing: -2%;
	color: #33333380; 
}
.opc--5 {
	object-position: center -5px;
}
.price-list { 
	font-size: 15px; 
	line-height: 140%;
	letter-spacing: 0%;
	color: #054244B2;
}
.h-310 {
	height: 310px;
}
.h-390 {
	height: 390px;
}
.h-415 {
	height: 415px;
}

.fs-24 {
  font-size: 24px!important;
}

.contacts { 
	font-weight: 400; 
	font-size: 14px; 
	line-height: 100%;
	letter-spacing: 0%;
	color: #3C3C3C;
}
.map {
	border-radius: 20px;
	overflow: hidden;
}
.map img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

 
.wp-block-media-text__content {
	font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: -2%;
    color: #333333B2;
    margin: 0 0 7px 0;
}

.burger__btn .burger {
	width: 50px;
	height: 50px;
	background-image: url('./assets/icons/burger-icon.svg'); 
	background-size: cover;
	transition: all 0.5s;
} 
.burger__btn.active .burger {
	width: 50px;
	height: 50px;
	background-image: url('./assets/icons/close.svg'); 
	background-size: cover;
	transition: all 0.5s;
} 
.goverlay {
	background: rgba(0, 0, 0, .72)!important;
} 

.agreements-title { 
	position: relative;
	font-weight: 400; 
	font-size: 20px; 
	line-height: 100%;
	letter-spacing: -2%;
	text-align: left; 
	color: #333333;
}
.agreements-quete {  
	font-family: Stolzl;
	font-weight: 400; 
	font-size: 50px; 
	line-height: 65%;
    margin-right: 5px;
	letter-spacing: -2%; 
}

.agreements-btn, a.agreements-btn:link, a.agreements-btn:visited, a.agreements-btn:active { 
	font-weight: 300; 
	font-size: 16px!important; 
	line-height: 100%;
	letter-spacing: -2%; 
	border: 1px solid #333333;
	border-radius: 70px;
	font-size: 13px;
	color: #333333;
	width: 100%;
	height: 52px;
	display: flex;
	align-items: center;
    justify-content: center;
	text-decoration: none;
}
.agreements-btn:hover, a.agreements-btn:hover {
	border: 1px solid #333333;
	text-decoration: underline;
}

.technology .text { 
	color: #FFFFFF;
}
.technology .number-block { 
	height: 188px;
}
.technology-bg-1 {
	background-color: #054244;  
}
.technology-bg-2 {
	background: #054244E5;
}
.technology-bg-3 {
	background: #054244CC; 
}

.modal {
	z-index: 9999999;
}

@media (max-width: 767px) {  
	.footer {
		height: auto;
		padding-bottom: 30px;
	} 
	.header {
		height: 80px;
		background-color: #333333;  
	}
	.is-home {
		height: 500px;
		margin-bottom: 70px;
		background-image: url(./assets/images/hero.jpg);
		background-size: cover;
		background-position: center 25px;
	}
	.hero {
		height: calc(100% - 80px); 
	}
	.hero h1 { 
		font-size: 24px; 
		text-align: right; 
	}
	.hero p { 
		text-align: center;
	} 
	.surgery { 
		flex-direction: column;
	}
	.surgery-image {
    	width: 100%; 
	}
	.surgery-text {
		width: 100%;
	}
	.h-310 {
		height: auto;
	}

	.callback-title {
		font-weight: 600;
		font-size: 24px;
		line-height: 110%;
		letter-spacing: 1%;
		color: #FFFFFF;
	}
	h1 { 
		font-size: 26px; 
	}
	h2 { 
		font-size: 24px; 
	}
	h3 { 
		font-size: 22px; 
	}
	.subtitle { 
		font-size: 20px; 
	}
	.fs-40 {
		font-size: 24px;
	} 
	.fs-36 {
		font-size: 22px;
	} 
	.estet-future { 
		font-size: 18px; 
	}
	.specialist-image {
		height: 475px; 
	}
	.surgery-image-op-150 img {
		object-position: center center;
	}
	.surgery-image-op-95 img {
		object-position: center center;
	}
	.mb-70 {
		margin-bottom: 40px;
	}
	.mb-90 {
		margin-bottom: 55px;
	}
	.service--info {
		padding-top: 34px;
		padding-bottom: 34px;
	}
	.section__right { 
		float: left; 
	}
	.section__title { 
		font-size: 26px; 
	}
	.slider-nav { 
		top: 50px;
	}
	.callback-text { 
		text-align: center; 
	} 
	.callback-wrapper { 
		padding: 30px;
	}
	.mt-mobile-130 {
		margin-top: 130px;
	}
}

@media (max-width: 1201px) {   
	.menublock__menu {
		display: none!important;
		justify-content: center!important;
        padding: 30px;
		border-bottom-left-radius: 20px;
        position: fixed;
        top: 80px;
        right: 0;   
        background: #333333;
		text-align: right;
		transition: all 0.5s;
		z-index: 9999;  
		opacity: 0;
	}
	.menublock__menu.open {  
		display: flex!important;
		opacity: 1;
	}
	.menublock__menu.open li.menu-item{
		font-size: 18px;
		font-weight: 400;
		margin-bottom: 10px;
	}

	.greyend::after { 
		display: none;
	}
	.greystart::before { 
		display: none;
	}
}