*1 {outline: 1px black solid;}

body { font-size: 50px; }

.global-box { margin: auto;
	padding-top: 5.6%;
	padding-right: 7.2%;
	padding-left: 7.2%;

	max-width: 1698px;}

.button { font-weight: 750; }

h1 { font-size: 70px;
	border-bottom: 16px #00802d solid;
	width: fit-content;
	margin-bottom: 5%; }  /*80px*/

h1.short { max-width: 90%; } /* Заголовок в списке специалистов - более узкий */

h1.noline { border-bottom: none; margin-bottom: 3%;}

h2 { font-size: 50px; margin-bottom: 2.5%; }  /*40px*/

/* Подзаголовки конкретных специалистов */

h2.underline { border-bottom: 16px #00802d solid; width: fit-content; margin-bottom: 4%; margin-top: 5%; } 
h2.underline.lightgreen { border-bottom-color: #70b32f; }

/* */

h3 { font-size: 30px; }


/* ----------- Страница конкретного специалиста -------------- */

.PersonaBox > *, .PersonaBox { outline: 0px black solid; }
.PersonaBox { display: block; overflow: auto; }
.PersonaBox .PersonaImg { width:560px; float: left; margin-right: 5%; margin-bottom: 60px; } /* 33% */
.PersonaBox .PersonaImg img { width: 100%; border-radius: 50%; }
.PersonaBox strong { font-weight: 800;  }

.PersonaText .PersonaFio { margin-bottom: 45px; }
.PersonaText p { margin-bottom: 45px; }

.button {
	cursor: pointer;
  display: inline-block;
  background-color: #41ab3d;
  color: white;
  border-radius: 100px;
  padding: 21px 48px 21px 48px;
  white-space: nowrap;

}

/* СЕРТИФИКАТЫ, ДИПЛОМЫ, ГРАМОТЫ */

div.gallery {
/*  display: -ms-grid; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-width: 329px;
  margin-right: -50px; /* Надо убрать в моб. версии */
}

div.gallery>.item { height: 230px; width: 230px; margin: 35px; }
div.gallery>.item img { border-radius: 50%; width: 100%; height: 100%; }

/* Список - раздел образование */

ul.edu { list-style-type: square; margin-left: 0.75em;}
ul.edu li {margin-bottom: 50px;}
ul.edu li:nth-child(odd) { color: #8abb2a; }
ul.edu li:nth-child(even) { color: #00802c; }
ul.edu li span { position: relative; left: 10px; } /* Отступ текста от буллета */


@media (max-width: 1024px) {

	body { font-size: 25px; }

	.global-box {
		margin-bottom: 100px;
	}

	h1, h2 { font-size: 25px; padding-bottom: 8px; }
	h1 { border-bottom-width: 8px; margin-bottom: 50px; } /*60px*/

	h2 { margin-bottom: 20px; }

	h2.center { text-align: center; }
	h2.underline { border-bottom-width: 8px; margin-bottom: 40px; margin-top: 65px; }
	h2.underline.smalltop { margin-top: 30px; } /* между галереей и "Образование" */
	h2.underline.smallspace { padding-bottom: 0px; } /* подчеркиванием и текстом */
	h2.underline.smallbottom { margin-bottom: 20px; }

	/* ----------- Страница конкретного специалиста -------------- */

	.PersonaBox .PersonaImg { width: 170px; margin-bottom: 40px; }
	.PersonaText .PersonaFio { margin-bottom: 25px; }
	.PersonaText p { margin-bottom: 25px; }
	.button { padding: 12px 30px 12px 30px; } /* Кнопка онлайн-запись */
	div.gallery>.item { height: 115px; width: 115px; margin: 0px; margin-right: 49px; margin-bottom: 37px;}

	ul.edu li {margin-bottom: 25px;}
	ul.edu li span { left: 5px; }

	div.gallery {
		margin-right: 0px;
	}
	
	.back-box { display: none; }
}


/* КОНТАКТЫ / ВАКАНСИИ */

ul.List3 {list-style-type: none;}

.JobsBox {padding-top: 0px; margin-top: -8px; }
.JobsBox Img.Img {float: left; margin: 18px 20px 10px 0px; border: 1px solid #006633;}

@media (max-width: 400px) {
	.JobsBox Img.Img {margin-bottom: 18px;}
	.JobsBox H3 {padding-bottom: 0px; margin-bottom: 0px; padding-top: 0px; margin-top: 0px;}
}

.JobsList .JobsBox0, .JobsMenu2 {display: none;}
.JobsList .JobsBox0.On {display: block;}
.JobsMenu li {text-decoration: underline; cursor: pointer; text-decoration-thickness: 2px; text-underline-offset: 3px;}
.JobsMenu li:hover {color: #28A841;}
.JobsMenu li.On {text-decoration: none; cursor: default; cursor: auto;}

div.JobsMenu, div.JobsBox {font-size: 44px;}
div.JobsMenu {font-weight: 600; color: #41ab3d;}

ul.List3 li { margin-bottom: 20px; }
ul.List3 { margin-bottom: 60px; }

div.JobsBox h3 { text-transform: none; font-size: 44px; font-weight: 600; letter-spacing: normal; margin-bottom: 20px; margin-top: 0px;}

div.JobsBox p {	margin-bottom: 35px; }
div.JobsBox ul {
	margin-bottom: 35px;
	list-style: none; /* Remove default bullets */
	margin-left: 45px;
	list-style-position: outside;
}

div.JobsBox ul li::before {
  content: "\25FC";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #8abb2a; /* Change the color */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -47px; /* Also needed for space (tweak if needed) */
  margin-right: 15px;
  margin-top: 7px;
  font-size: 30px;
  vertical-align: top;
}

div.JobsList { line-height: 1.2; }

@media (max-width: 1024px) {
	div.JobsMenu, div.JobsBox, div.JobsBox h3 {font-size: 22px;}
	h1 {margin-bottom: 30px;}
	div.JobsBox p, div.JobsBox ul {	margin-bottom: 35px; }
	ul.List3 li { margin-bottom: 15px; }
	ul.List3 { margin-bottom: 40px; }

	div.JobsBox ul li::before {
	  margin-top: 4px;
  	font-size: 15px;
  	margin-left: -25px; 
  	margin-right: 9px;
	}
	div.JobsBox ul {
		margin-left: 23px;
	}
	div.JobsBox { margin-bottom: 160px; }
}

/* РЕКВИЗИТЫ */

table.details {font-size: 44px;  /*border: 1px black solid; */ }
/* table.details td { border: 1px black solid;} */
table.details td:first-child { font-weight: 800; width: 40%; padding-right: 50px; }
table.details td:last-child { padding-left: 30px; }

@media (max-width: 1024px) {
	table.details {font-size: 15px;}
	table.details td:first-child { padding-right: 15px; width: 30%; }
	table.details td:last-child { padding-left: 15px; }
}

/* КОНТАКТЫ / КОНТАКТЫ */

div.contacts-table { font-size: 44px; display: table;}



div.contacts-table > div.row { display: table-row; }
div.contacts-table > div.row > div.cell { display: table-cell; vertical-align: top; padding-bottom: 15px; }
div.contacts-table > div.row > div.cell.text { padding-top: 9px; padding-left: 31px; }
div.contacts-table > div.row > div.cell.text > span { white-space: nowrap; }
div.contacts-table > div.row > div.cell img {width: 78px; height: 78px;}
iframe.contacts-map {
	width: 100%;
	border: none;
}


div.contacts-table.bottom-contact { margin-bottom: 50px; }

@media (max-width: 1464px) { iframe.contacts-map { height: 590px; } }

@media (min-width: 1350px) {

	div.contacts-table.top-contacts { width:56%; }

	div.contacts-table { float: left; clear: both; }

	iframe.contacts-map {
		float: right;
		height: 480px;
		position: relative;
	}
	div.contacts-table > div.row > div.cell.text { padding-right: 40px; }
}

@media (max-width: 1024px) {
	div.contacts-table { font-size: 22px; }
	div.contacts-table > div.row > div.cell img {width: 39px; height: 39px;}

	iframe.contacts-map {
		height: 250px;
		margin-bottom: 120px;
	}
	div.contacts-table > div.row > div.cell.text { padding-top: 4px; padding-left: 15px; }
}

/* ЧИТАТЬ ОТЗЫВЫ & ВОПРОС - ОТВЕТ */

.FormBox2_off { display: none; }

div.review-icons { text-align: center;  margin: 7vw 0 7vw 0;}
div.review-icons > * { margin: 0 6vw 0 6vw; }
div.review-icons img { width: 156px; height: 156px; }

.ReviewsBox2 > .ReviewBox, .FAQBox > .FAQBox2 { margin-bottom: 76px; font-size: 44px; margin-left: 45px; }
.ReviewsBox2 > .BTBox, .FAQBox > .BTBox { display: none; }
.ReviewsBox2 > .ReviewBox > .Text { margin-bottom: 45px; }

.FAQBox > .FAQBox2 > .Text { font-weight: 700; }
.FAQBox > .FAQBox2 > .Text > .Name { font-weight: normal; margin-top: 45px; }
.FAQBox > .FAQBox2 > .Text { margin-bottom: 76px; }

.ReviewsBox2 > .ReviewBox > .Text::before, .FAQBox > .FAQBox2 > .Text::before {
  content: "\25FC";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #8abb2a; /* Change the color */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -47px; /* Also needed for space (tweak if needed) */
  margin-right: 15px;
  margin-top: 9px;
  font-size: 30px;
  vertical-align: top;
}

div.FaqThanks, div.FormBox2.faq { display: none; transition: 0.5s; }

h1.noline.faq { cursor: pointer; }
h1.noline.faq.green { color: #41ab3d; }
input.submit.short { width: 480px; }

/* ВИДЕООТЗЫВЫ */

input[type="file"] { display: none; }
label.custom-file-upload { color: #41ab3d; cursor: pointer;  }
label.js-value { color: #000; margin-left: 20px; }

div.fileRow { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 70px; margin-top: 20px; }
div.fileRow > label { width: 100%; font-size: 33px; font-weight: 700; }

/* ПЕРЕКЛЮЧАТЕЛЬ СТРАНИЦ */

div.PageList { text-align: center; margin: 83px 0 80px 0; }
div.PageList > * { margin-right: 15px; margin-left: 15px; font-weight: 700;  width: 62px; height: 57px; display: inline-block; font-size: 44px; padding-top: 5px;}
div.PageList > span { background-color: #41ab3d; color: white; border-radius: 50%;}

@media (max-width: 1024px) {

	div.PageList { text-align: center; margin: 42px 0 40px 0; }
	div.PageList > * { margin-right: 0.7vw; margin-left: 0.7vw; width: 31px; height: 28.5px; display: inline-block; font-size: 22px; padding-top: 2.5px;}


	.ReviewsBox2 > .ReviewBox, .FAQBox > .FAQBox2 { margin-bottom: 38px; font-size: 22px; margin-left: 22.5px; }
	.ReviewsBox2 > .ReviewBox > .Text { margin-bottom: 22.5px; }
	.ReviewsBox2 > .ReviewBox > .Text::before, .FAQBox > .FAQBox2 > .Text::before {
	  margin-top: 4px;
  	font-size: 15px;
  	margin-left: -25px; 
  	margin-right: 9px;
	}

	.FAQBox > .FAQBox2 > .Text > .Name { font-weight: normal; margin-top: 22.5px; }
	.FAQBox > .FAQBox2 > .Text { margin-bottom: 38px; }

	div.review-icons { text-align: center;  margin: 7vw 0 7vw 0;}
	div.review-icons > * { margin: 0 3vw 0 3vw; display: inline-block; }
	div.review-icons > a:first-child { margin-left: 0; }
	div.review-icons > a:last-child { margin-right: 0; }
	div.review-icons img { width: 78px; height: 78px; }

	input.submit.short { width: 280px; }

	label.js-value { margin-left: 0px; }
	div.fileRow { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 15px; margin-top: 15px; }
	div.fileRow > label { font-size: 22px; margin-bottom: 20px; }
}
@media (max-width: 300px) {
		input.submit.short { width: 100%; }
}