html {



/*-------- РАЗМЕРЫ ШРИФТОВ ----------*/

	--main-size-h1: 48px;
	--main-size-h2: 38px;
	--main-size-h3: 30px;
	--main-size-h4: 20px;
	--main-size-h5: 20px;
	--main-size-h6: 1rem;
	--main-size-display-1: 2.5rem;
	--main-size-display-2: 5.5rem;
	--main-size-display-3: 4.5rem;
	--main-size-display-4: 3.5rem;
	--main-size-small: 0.8rem;

/*-------- ЦВЕТ ССЫЛОК ----------*/

	--main-color-links: blue;

/*-------- КНОПКИ ----------*/

	--main-size-btn-font: 14px;
	--main-size-btn-radius: 25px;


/*-------- ПАГИНАЦИЯ ----------*/

	--main-color-nav-border: blue;
	--main-color-nav-border-disable: gray;

	--main-color-nav-text: #000000;
	--main-color-nav-text-hover: #6b8ed6;
	--main-color-nav-text-disable: #6b8ed6;

	--main-color-nav-bg-left: url(../img/pg_l.png) center center no-repeat;
	--main-color-nav-bg-right: url(../img/pg_r.png) center center no-repeat;
	--main-color-nav-bg-disable: lightgray;

}

/*------------------------CSS------------------------------*/
html {overflow: auto; min-height: 100%;}
body {margin: 0; padding: 0; font-family: Arial, Tahoma, Helvetica, sans-serif; color: #000; font-size: 21px; min-height: 100%; background: #fff;}
img {border: 0; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.clear {clear: both; overflow: hidden; font-size: 0; height: 0;}

a {color: #000;}

#settings {height: 47px; background: #7b7b7b; color: #fff; font-size: 21px; font-weight: bold; position: relative;}
#settings a {text-decoration: none;}
.width-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; 
	padding: 0 40px;
}
#font_size {position: absolute; height: 47px; position: absolute; top: 0; left: 34px; line-height: 47px;}
#font_size a {display: inline-block; width: 34px; text-align: center; color: #fff; vertical-align: top;}
#font_size a.selected {background: #fff; color: #7b7b7b;}
#font_size_2 {font-size: 26px;}
#font_size_3 {font-size: 30px;}
#site_color {position: absolute; height: 47px; position: absolute; top: 0; left: 428px; line-height: 47px;}
#site_color a {display: inline-block; padding: 8px 7px; vertical-align: top; color: #000;}
#site_color span {display: block; width: 31px; line-height: 33px; font-size: 26px; text-align: center;}
#site_color a.selected {background: #fff;}
#site_color_1 span {background: #fff;}
#site_color_1.selected {padding: 6px 5px;}
#site_color_1.selected span {border: 2px solid #7b7b7b;}
#site_color_2 span {background: #000; color: #fff;}
#site_color_3 span {background: #91ccee;}
#view_link {position: absolute; top: 0; right: 33px; color: #fff; line-height: 47px;}
/*Размер шрифта 2*/
.font_size_2 {font-size: 26px;}
.font_size_2 .main_header {font-size: 30px;}
/*Размер шрифта 3*/
.font_size_3 {font-size: 30px;}
.font_size_3 .main_header {font-size: 34px;}
.font_size_3 #footer {font-size: 26px;}
/*Цвет сайта 2*/
.site_color_2 {background: #000; color: #fff;!important}
.site_color_2 a {color: #fff;}
.site_color_2 #header {border-bottom: 2px solid #fff;}
.site_color_2 #left a:hover {background: #fff; color: #000;}
.site_color_2 #footer {border-top: 2px solid #fff; color: #fff;}
.site_color_2 #footer > a, .site_color_2 .profil_name, .site_color_2 .usl a {color: #fff;}
.site_color_2 .btn, .site_color_2 .subsect a, .site_color_2 .profil a, .site_color_2  {border: 1px solid white;}
.site_color_2 .list-group-item, .site_color_2 .usl a {border: 1px solid white;}
.site_color_2 .pager span {background: #fff; color: #000;}
.site_color_2 .side_menu > li > a.selected, .site_color_2 .side_menu > li > a:hover {background: #fff; color: #000;}
.site_color_2 #menu > li > a.selected, .site_color_2 #menu > li > a:hover {background: #fff; color: #000;}
.site_color_2 .side_menu ul li > a {background: url('/img/sub_menu1.png') left no-repeat;}
.site_color_2 .side_menu ul li > a.selected, .site_color_2 .side_menu ul li > a:hover {background: #fff url('/img/sub_menu.png') left no-repeat !important; color: #000;}
/*Цвет сайта 3*/
.site_color_3 {background: #a8d4ed;}
.site_color_3 #footer > a {color: #2d2d2d;}

/* 09 12 2019 */
.site_color_2 .day_active {
	background: white;
	border: none;
	color: black;
}
.site_color_2 .time {
	color: black;
}
.breadcrumb-item.active {
	color: black;
}
.site_color_2 .breadcrumb-item.active {
	color: white;
}
/* 09 12 2019 */

a {text-decoration: none; outline: none;}
a:hover {text-decoration: underline; outline: none;}

body, html {
	width: 100%;
	min-width: 320px;
	font-family: Montserrat;
}

.container {
	max-width: 1240px;
	padding: 0 20px;
	margin: auto;
}
.btn_up {
    position: fixed;
    padding: 0 15px;
    background: url(../img/up.png) center center no-repeat;
    bottom: 45px;
    right: 45px;
    cursor: pointer;
    z-index: 100;
    width: 60px;
    height: 60px;
    border-radius: 50px;
}
.d-flex {
	display: flex;
	align-items: center;
}
.flex-wrap {
	flex-wrap: wrap;
}
.justify-content-between {
	justify-content: space-between;
}
.text-center {
	text-align: center;
}
.mx-auto {
	margin-left: auto!important;
	margin-right: auto!important;
}
.mt-4 {
	margin-top: 30px!important;
}

/*---------------------ШАПКА---------------------*/

.navbar-nav {
	display: flex;
	justify-content: space-around;
	list-style: none;
	border-bottom: 1px solid black;
	border-top: 2px solid black;
	margin: 0;
	padding: 15px 0;
}
.navbar-item.active > .nav-link, .nav-link:hover, .nav-link:focus, .list-group-item a:hover {
  text-decoration: underline;
}
.logo, .phone {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 15px 0;
}
.logo img {
	margin-right: 20px;
}
.btn {
	border: 1px solid black;
    border-radius: 30px;
    padding: 10px 20px;
    margin-left: 20px;
    width: 165px;
    text-align: center;
}
header .btn {
	background: black;
}
header .btn a {
	color: white;
}


/*---------------------БОКОВОЕ МЕНЮ---------------------*/

.content {
	display: flex;
}
.left_right {
	width: 25%;
    padding-right: 45px;
}
.list-group {
	padding-left: 0;
}
.list-group-item {
	border: 1px solid #000000;
	margin-bottom: 17px;
	list-style: none;
}
.list-group-item a {
	display: flex;
    align-items: center;
    padding: 15px 20px;
    line-height: 1.2;
}



/*--------------------АРТИКЛ---------------------*/

.article {
	width: 75%;
}
h1, .h1 {
	font-size: 40px;
}
h2, .h2 {
	font-size: 35px;
}
h3, .h3 {
	font-size: 30px;
}

/*--------------------ПОДРАЗДЕЛЕНИЯ---------------------*/

.subsect a {
	display: flex;
    align-items: center;
    padding: 15px 30px;
    width: 350px;
    border: 1px solid black;
    height: 70px;
}

.subsect_img {
	max-width: 76px;
	min-width: 76px;
	height: 76px;
	overflow: hidden;
	margin-right: 20px;
}
.subsect_name {
	margin-bottom: 0;
	font-size: 20px;
	font-weight: bold;
}


/*--------------------ПРОФИЛИ---------------------*/

.profil {
	padding: 0 5px;
	width: 20%;
}
.profil:first-child {
	padding-left: 0px;
}
.profil:last-child {
	padding-right: 0px;
}
.profil a {
	display: flex;
    align-items: center;
	justify-content: center;
    border: 1px solid black;
    height: 100px;
}
.profil a:hover .profil_name {
	text-decoration: underline;
}
.profil_img {
	width: inherit;
	max-width: 143px;
	height: 143px;
	overflow: hidden;
	margin-bottom: 13px;
}
.profil_name {
	text-align: center;
	color: black;
	word-break: break-all;
}


/*--------------------Услуги---------------------*/

.usl a {
	display: block;
	color: black;
	padding: 10px 18px;
	border-radius: 7px;
	border: 1px solid black;
    width: 375px;
    margin-bottom: 20px;
}
.usl_name {
	font-weight: bold;
	display: block;
	margin-bottom: 8px;
}
.usl_text {
	display: block;
}



/*--------------------НОВОСТИ---------------------*/

.news_h3, .reviews_h3 {
	font-size: 30px;
	border-bottom: 1px solid #8c8e8c;
	padding-bottom: 8px;
}
.news {
	display: block;
	margin-bottom: 40px;
}
.news:hover .news_name, .news:hover .news_text {
	text-decoration: underline;
}
.news span {
	display: block;
}
.news_name, .reviews_name {
	font-weight: bold;
	margin: 10px 0;
}
.all_news a {
	text-transform: uppercase;
	text-decoration: underline;
}
.all_news a:hover {
	text-decoration: none;
}
.news_calendar {
	border: 1px solid #dedbde;
	padding: 15px;
	margin-bottom: 40px;
}
.news_calendar_ul {
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0;
	padding: 0;
}

.news_calendar_ul li:first-child {
	background: url(../img/month_pref.png) center left no-repeat;
	padding-left: 20px;
}
.news_calendar_ul li:last-child {
	background: url(../img/month_next.png) center right no-repeat;
	padding-right: 20px;
}
.news_calendar_ul .active {
	font-size: 25px;
}


/*--------------------ОТЗЫВЫ---------------------*/

.reviews_main {
	margin-bottom: 30px;
}
.reviews {
	padding: 20px;
	margin-bottom: 25px;
}
.reviews_date {
	margin-left: 15px;
}
.reviews a:hover, .news a:hover {
	text-decoration: underline;
}
.reviews_ans {
	border-bottom: 1px solid #d2d3d3;
	padding: 0 20px 20px 60px;
	margin-bottom: 40px;
}
.review_form {
	width: 100%;
	max-width: 500px;
	border: 2px solid #efebef;
	padding: 17px 13px;
}
.review_form label {
	width: 100%;
    max-width: 300px;
    margin-bottom: 12px;
}
.review_form .btn {
	padding: 14px 20px;
}


/*--------------------Отделения---------------------*/

.depart {
	border: 1px solid #e7e7e7;
	display: flex;
}
.depart_img {
	min-width: 140px;
	max-width: 140px;
	height: inherit;
	max-height: 140px;
	overflow: hidden;
}
.depart_img img {
	height: 100%;
}
.depart_block {
	display: flex;
	padding: 15px 15px 15px 30px;
}
.depart_name {
	font-family: MontserratBold;
	font-size: 20px;
	line-height: 1.2;
}
.depart_text {
	font-size: 12px;
	margin-bottom: 0;
}
.depart_link {
	background: url(../img/otd.png) center center no-repeat;
	width: 50px;
	height: 100%;
}
.depart_page_img {
	d
	max-width: 200px;
	margin-right: 20px;
}


/*--------------------СПЕЦИАЛИСТЫ---------------------*/

.special_box {
	padding: 10px;
	margin-bottom: 30px;
	margin-right: 40px;
}
.special_box:nth-child(3n+3) {
	margin-right: 0px;
}
.special {
	border: 1px solid #ebebeb;
}
.special_img {
	width: 230px;
	height: 235px;
	overflow: hidden;
}
.special_name {
	font-family: MontserratBold;
	font-size: 20px;
	margin-bottom: 0;
	text-align: center;
}
.special_hr {
	border-top: 2px solid #eeedee;
	width: 100px;
	margin: 10px auto;
}
.special_text {
	font-size: 12px;
	margin-bottom: 0;
	text-align: center;
}
.specialist_page_img {
	width: auto;
    max-width: 400px;
    margin-right: 30px;
}
.spesialist_about {
	font-family: MontserratMedium;
	font-size: 14px;
}
.table_cat td {
    padding: 5px;
}
.day {
    border: 1px solid #d5d4d5;
    border-radius: 4px;
    width: 110px;
    text-align: center;
    padding: 10px 5px;
    font-size: 12px;
    font-family: MontserratBold;
}
.day_active {
    background: #6388d3;
    border: none;
}
.time {
    border: 1px solid #d5d4d5;
    border-radius: 4px;
    width: 110px;
    text-align: center;
    padding: 10px 5px;
    font-size: 12px;
    font-family: MontserratBold;
    background: #ececec;
}
.time_active {
    border: 1px solid #6388d3;
}


/*--------------------ПОДВАЛ---------------------*/

footer {
	padding: 40px 0;
}
.logo_f {
	padding-top: 20px;
	border-top: 2px solid black;
	display: flex;
	align-items: center;
	line-height: 1.2;
}
.foot_link {
	margin-bottom: 0;
	padding-left: 20px;
}
.foot_link li {
	margin-bottom: 4px;
	list-style: none;
}
.foot_link a {
	text-decoration: underline;
}
.foot_link a:hover {
	text-decoration: none;
}
.foot_counter {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}
 

html {overflow: auto; min-height: 100%;}
body {margin: 0; padding: 0; font-family: Arial, Tahoma, Helvetica, sans-serif; color: #000; font-size: 21px; min-height: 100%; background: #fff;}
img {border: 0; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.clear {clear: both; overflow: hidden; font-size: 0; height: 0;}

a {color: #000;}

/**/

/*========top_menu============*/
/**/

/*========breadcrumb============*/

.breadcrumb {
	padding: 0; 
}
.breadcrumb li:not(:first-child) {
	margin-left: 10px;
}
.breadcrumb li {
	display: inline-block;
	vertical-align: top;
	list-style: none;
	text-decoration: none;
}

/*========sub_menu============*/