:root {
  --khaki: #ded1b4;
  --khakiblue: #93c7c1;
  --search-gray: #bcd1ce;
  --doctor-deepblue: #203b5a;
  --menu-font: 'Montserrat', system-ui, sans-serif;
  /* --bs-body-font-size: 1.2rem; /* установите нужное значение, например 1.2rem */ */
  /* --bs-body-font-family: 'Zagolovok', sans-serif!important; */
  --bs-body-line-height:  16px!important; 
  --bs-body-font-size: 24px !important;
  --bs-heading-color :#203b5a!important;
}


:root {
	
}

body, html { 
	font-family: var(--menu-font); 
}

.logo-img { height: 40px; width: auto; }
.bg-khaki { background: var(--khaki); }
.bg-khakiblue { background: var(--khakiblue); }


/* FuturaFuturisC	Текстовое содержание, описания	Основной удобочитаемый шрифт
Futura-Bold	Заголовки всех уровней	Выделение и структурирование
Zagolovok	Ссылки, кнопки, элементы интерфейса	Акцентирование и стилизация интерфейса */


@font-face {
  font-family: 'virtus';
  src: url('../fonts/ma.ttf?gf') format('truetype'), url('../fonts/ma.woff?ff') format('woff'), url('../fonts/ma.svg?gf#ma') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'Zagolovok';
  src: url('../fonts/Futura-Bold.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/Futura-Bold.svg#Futura-Bold') format('svg');
  font-style: normal;
   font-weight: bold; 
  font-display: swap;
}

@font-face {
  font-family: 'Zagolovok';
  src: url('../fonts/futurabookc.otf') format("opentype");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: 'Zagolovok Bold';
  src: url('../fonts/6551.ttf') format("truetype");
  font-style: normal;
  font-weight: bold;
  font-display: swap;
}

@font-face {
	font-family: 'FuturaFuturisC';
	src: url('../fonts/FuturaFuturisC.eot');
	src: local('../fonts/FuturaFuturisC'),
		url('../fonts/FuturaFuturisC.eot?#iefix') format('embedded-opentype'),
		url('../fonts/FuturaFuturisC.woff') format('woff'),
		url('../fonts/FuturaFuturisC.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


@font-face {
	font-family: 'FuturaFuturisC';
	src: url('../fonts/FuturaFuturisC-Bold.eot');
	src: local('../fonts/FuturaFuturisC Bold'), local('FuturaFuturisC-Bold'),
		url('../fonts/FuturaFuturisC-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/FuturaFuturisC-Bold.woff') format('woff'),
		url('../fonts/FuturaFuturisC-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}


@font-face {
  font-family: 'Futura-Bold';
  src: url('../fonts/Futura-Bold.eot');
  src: url('../fonts/Futura-Bold.eot?#iefix') format('embedded-opentype'),
	   /* url('../fonts/Futura-Bold.woff2') format('woff2'), */
	   /* url('../fonts/Futura-Bold.woff') format('woff'), */
	   /* url('../fonts/Futura-Bold.ttf') format('truetype'), */
	   url('../fonts/Futura-Bold.svg#Futura-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'fontContent';
  src: url('../fonts/futurabookc.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'fontContent-light';
  src: url('../fonts/futurabookc.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
	font-family: 'FuturaFuturisC';
	src: url('../fonts/FuturaFuturisC.eot');
	src: local('FuturaFuturisC'),
		 url('../fonts/FuturaFuturisC.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/FuturaFuturisC.woff') format('woff'),
		 url('../fonts/FuturaFuturisC.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'FuturaFuturisC';
	src: url('../fonts/FuturaFuturisC-Bold.eot');
	src: local('FuturaFuturisC Bold'),
		 local('FuturaFuturisC-Bold'),
		 url('../fonts/FuturaFuturisC-Bold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/FuturaFuturisC-Bold.woff') format('woff'),
		 url('../fonts/FuturaFuturisC-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'FuturaFuturisLightC';
	src: url('../fonts/FuturaFuturisLightC.eot');
	src: local('FuturaFuturisLightC'),
		 url('../fonts/FuturaFuturisLightC.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/FuturaFuturisLightC.woff') format('woff'),
		 url('../fonts/FuturaFuturisLightC.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}




body, html {
  font-family: 'FuturaFuturisC', Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  /* можно добавить удобный размер и интерлиньяж */
  font-size: 16px;
  line-height: 1.5;
  color: #000; /* основной цвет текста, подберите под дизайн */
}
  
p, .content, .description {
  font-family: 'FuturaFuturisC', Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  line-height: 1.5;
  color: #000;
}




/* body {
  font-family: 'FuturaFuturisC', Arial, sans-serif;
} */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Futura-Bold', Arial, sans-serif;
  color: #203b49;
}

p, a, ul, ol, li, blockquote, span {
	font-family: 'fontContent', Arial, sans-serif;	

	  font-weight: normal;
	  font-style: normal;
	  font-size: 20px;
	  line-height: 1.5;
	  color: #203b49;
} 
body {
  font-family: 'fontContent', Arial, sans-serif;
}
.faq-block{
	font-family: 'Zagolovok', Arial, sans-serif;
	font-weight: normal;
	  font-style: normal;
	  font-size: 20px;
	  line-height: 1.5;
	  color: #203b49;
}


/* Заголовки */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Zagolovok', Arial, sans-serif;
}

h2 {
	line-height: 38px!important;
	font-size: 36px!important;
	font-weight: 300!important;

	margin: 20px 0 35px;
}

h3 {
	line-height: 1.2!important;
	font-size: 28px!important;
	font-weight: 300!important;

	margin: 20px 0 35px;
}



 /* { 
	font-family: 'fontContent', Arial, sans-serif;
	
} */
/* Ссылка */
/* a, {
  font-family: 'Zagolovok', Arial, sans-serif;
  /* color: #fff; /* или другой цвет по дизайну 
  text-decoration: none;
} */

/* span, p {
  font-family: 'Zagolovok', Arial, sans-serif;
  /* color: #fff; /* или другой цвет по дизайну 
  text-decoration: none;
  font-size: 15px;
  line-height: 24px;
} */

/* b {
  font-family: 'Zagolovok', Arial, sans-serif;
 
  text-decoration: none;
  font-size: 15px;
  line-height: 24px;

} */

.city-info {
  /* font-family: 'Zagolovok Bold', Arial, sans-serif; */
  font-size: 14px;
  line-height: 22px;
  font-weight: normal;
}



b, strong {
   font-family: 'fontContent', Arial, sans-serif;
}
/* Дополнительные стили и элементы */

 /* Кнопка записи */
.btn-appointment {
 text-align: center;
	 padding: 12px 28px 10px;
	 cursor: pointer;
	 text-transform: none;
	 color: #325b71;
	 display: inline-block;
	 text-decoration: none;
	 font: 14px / 22px 'Zagolovok';
	 background: #dfcfb8;
	 border-radius: 28px;
	 transition: background .3s 
 linear;
	 border: 0;
}

.btn-appointment:hover { 
	background-color: #93c7c1;
color: white;
}



/* Контакты рядом с кнопкой */
.contacts-panel svg { 
  vertical-align: middle;
}

.text-khaki { 
  color: #ccb88d; 
}

.header-menu-row { 
  height: 60px; 
  min-height: 60px; 
  display: flex;
}

 /* Главное меню */
.main-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 1.17rem;
  font-weight: 600;
}
.main-menu li { 
  height: auto; 
}
.main-menu a {
  font-size: 1.17rem;
  text-decoration: none;
  color: #FFF;
  font-size: 18px;
  line-height: 22px;
  font-weight: 300;
  border-radius: 28px;
  padding: 8px 25px 6px;
  transition: background .2s linear;
}
.main-menu a:hover,
.main-menu .current-menu-item > a {
  background: #fff;
  color: var(--doctor-deepblue);;
}


.contacts-panel{
	align-items: flex-start;
}
.header_contact a {
	display: block;
	font: 22px / 25px 'Zagolovok';
	text-decoration: none;
	cursor: default;
	color: #333;
	cursor: pointer;
	padding-top: 10px;
}

/* 
.header_contact a:before {
	display: inline-block;
	font: 22px / 22px 'virtus';
	content: "\f107";
	margin: 0 16px 0 0;
	color: #dfcfb8;
	position: relative;
	top: 3px;
} */

.header-working-mail  {
}

/* .header-working-mail a:before {
	display: inline-block;
	font: 22px / 22px 'virtus';
	content: "\e001";
	margin: 0 16px 0 0;
	color: #dfcfb8;
	position: relative;
	top: 3px;
} */


.icon-phone, .icon-mail {
  filter: invert(72%) sepia(15%) saturate(836%) hue-rotate(3deg) brightness(92%) contrast(87%);
  opacity: 0.5;
  margin: 8px 15px 0px 0px;
}

.icon-phone {
  /* color: #ccb88d; */
  width: 27px;
  height: 32px;
  /* margin: 8px 9px 0px 0px; */
}

.icon-mail {
  /* color: #ccb88d; */
  width: 27px;
  height: 32px;
  margin: 0px 0px 0px 2px;

  
}

.working-time-phone {
line-height: 1;	
 margin: -3px 0px 0px 38px;
 font-size: 14px;
 line-height: 20px;
 padding: 0px 0px 0px 4px;
 
}

.working-time-phone_mobile span {
	font-size: 14px;
}


.header-working-mail {
	line-height: 1;	
	color: #333;
	
	 margin: 0px 0px 0px 13px;
	 font-size: 20px;
	 line-height: 20px;
	
}

/* /* Поиск */
/* .search-form {
  background: var(--search-gray);
  border-radius: 40px;
  min-width: 190px;
  max-width: 210px;
  height: 38px;
  display: flex;
  align-items: center;
} */ 
/* .search-field {
  background: var(--search-gray);
  border: none;
  color: #293d40;
  height: 36px;
  padding: 0 12px;
  font-size: 1.07rem;
  border-radius: 40px 0 0 40px;
  outline: none;
  width: 136px;
} */
.search-submit:hover { color: #ccb88d; }
.search-submit svg { display: block; }

/* Бургер Bootstrap */
.navbar-toggler { border: none!important; background: none; box-shadow: none;}
.navbar-toggler-icon { width: 32px; height: 32px; background-image: none;}
.navbar-toggler-icon:after {
  content: "";
  display: block;
  width: 32px;
  height: 3px;
  margin-bottom: 8px;
  background: #dfcfb8;
  box-shadow: 0 10px 0 #dfcfb8, 0 20px 0 #dfcfb8;
  
}

/* Offcanvas панель */
.offcanvas { width: 320px; }
.offcanvas .main-menu a {
  color: #222;
  background: none !important;
  height: 42px;
  font-size: 1.08rem;
  border-radius: 22px;
  padding-left: 16px;
  padding-right: 16px;
}
.offcanvas .main-menu a:hover { background: #fff;}
.offcanvas .btn-appointment { width: 100%;}

@media (max-width:1200px) {
	.main-menu a {
		padding: 8px 10px 6px;
	}
}


/* Адаптив */
@media (max-width:991px) {
	
	.working-time-phone {
		line-height: 1;	
		 margin: 0px 1px 0px -3px;
		 font-size: 14px;
		 line-height: 20px;
		 padding: 0px 0px 0px 4px;
		 
	}
	.main-menu a {
		padding: 8px 10px 6px;
	}
	
  .d-lg-flex { display: none !important;}
  .navbar-toggler { display: block !important;}
  .navbar-brand { margin-left: 2vw; }
  /* .header-menu-row { height: auto; min-height: 60px; } */
  .main-menu { gap: 0; }
  
  .header-menu-row {
	  display: none;
  }
  .navbar .toppanel-mobile {
		padding: 10px 0px 10px 0px !important;
	}
	.navbar .navbar-toggler {
		padding: 10px 0px 10px 0px !important;
	}
	.secondpanel-mobile {
		padding: 10px 10px 10px 10px !important;
		/* background: #f2f2f2; */
	}  
  
}
@media (max-width:600px){
	.working-time-phone_mobile span {
		font-size: 14px;
	}
	
	.navbar .toppanel-mobile {
		  padding: 10px 0px 10px 10px !important;
	  }
	
	.navbar .navbar-toggler {
		padding: 10px 10px 10px 10px !important;
	}  
	.secondpanel-mobile {
		padding: 10px 10px 10px 10px !important;
	}  
	
  .offcanvas{ width:95vw;}
  .logo-img { height: 32px;}
  .btn-appointment {
	  width: auto;
  }
  .btn-appointment { 
	  font-size: 1.07rem; 
	  padding:10px 20px 10px 20px;}
}

.navbar {
	background: #f2f2f2;
}
.navbar-toggler-icon {

	background-image: none !important;
}

.navbar-toggler {
	/* padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
	font-size: var(--bs-navbar-toggler-font-size);
	line-height: 1;
	color: var(--bs-navbar-color);
	background-color: transparent; */
	/* border: none!important; */
	/* border-radius: var(--bs-navbar-toggler-border-radius);
	transition: var(--bs-navbar-toggler-transition); */
}


.navbar>.container {
	padding: 10px;
}


.search-form{
	/* border-radius: 40px; */
	  min-width: 190px;
	  max-width: 210px;
	  height: 38px;
	  width: 210px;
	  padding: 0px;
	  margin: 0px;
}
.search-input-wrapper {
  position: relative;

  /* border-radius: 50px;
  background: var(--search-gray); */

}


.form-control {
  width: 100%;
  border: 0;
  

  /* border-radius: 999px; */
  padding: 8px 40px 8px 16px;
  /* background: #c2c7b0; /* пример цвета, заменить на нужный */
  /* color: #222;
  outline: none;
  border-radius: 50px; */
	/* background: var(--search-gray); */ */
}

.search-form input  {
	font-size: 14px;
}

.search-btn {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
}

 .search-form input{
  background: white;
  border-radius: 40px;
  min-width: 190px;
  max-width: 210px;
  height: 38px;
  display: flex;
  align-items: center;
} 

.search-input-wrapper .form-control {
	padding: 6px 40px 8px 16px!important;
}