@charset "UTF-8";

@font-face {
font-family: "Ubuntu";
  src: url("../fonts/ubuntu-light.ttf");
  src: local('☺'), 
  url("../fonts/ubuntu-light.ttf") format("truetype");

  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Ubuntu";
  src: url("../fonts/ubuntu.ttf");
  src: local('☺'),  
  url("../fonts/ubuntu.ttf") format("truetype");

  font-weight: normal;
  font-style: italic;
}
@font-face {
font-family: "Ubuntu";
  src: url("../fonts/ubuntu-medium.ttf");
  src: local('☺'), 
  url("../fonts/ubuntu-medium.ttf") format("truetype");

  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Ubuntu";
  src: url("../fonts/ubuntu-bold.ttf");
  src: local('☺'), 
  url("../fonts/ubuntu-bold.ttf") format("truetype");

  font-weight: bold;
  font-style: normal;
}
:root {
	--fs: 10.5pt;
	--fs-11: 8.2pt;
	--fs-12: 9pt;
	--fs-13: 9.7pt;
	--fs-15: 11.2pt;
	--fs-16: 12pt;
	--fs-17: 12.7pt;
	--fs-18: 13.5pt;
	--fs-20: 15pt;
	--fs-22: 17pt;
	--fs-25: 18.8pt;
	--fs-28: 20.5pt;
	--fs-35: 26.3pt;
	--fs-44: 33pt;

	--color-def: #000;
	--color-grey-light: #999;
	--color-grey-lighter: #e6e6e6;
	--color-grey: #666;

	--color-red: #e1001a;
}
html { font-size: var(--fs); /*14px*/ } /* Модификатор шрифта 1,333 */
body {
    min-height: 100vh;
    color: #000000;
    background: #fff;
    font-family: "Ubuntu", Arial, sans-serif;
    font-weight: 300;
    line-height: 1.4;
    font-size: 1rem;
    word-wrap: break-word;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    overflow-y: scroll;
}
::-webkit-scrollbar {width: 10px;height: 12px;}
::-webkit-scrollbar-track-piece {background:rgba(0,0,0,0);}
::-webkit-scrollbar-thumb:vertical {height:8px;background:#272c35;}
::-webkit-scrollbar-thumb:vertical:hover {background:orangered;}
::-webkit-scrollbar-thumb:horizontal {width:8px;background:#272c35;}
::-webkit-scrollbar-thumb:horizontal:hover {background:orangered;}

.container { padding: 0;overflow: hidden;}
.wrap 	{ max-width: 1140px; position: relative; margin-left: auto; margin-right: auto; }
.cl 	{ clear: both; height: 0; border: none; margin:0; padding: 0; }
a 		{ text-decoration: none; color: var(--color-def); }
a:hover, a:focus { text-decoration: none; color: var(--color-red); }

img 	{ max-width: 100%; height: auto;}

section 		{ margin-bottom: 50px; overflow: hidden; }
aside section 	{ padding: 0; margin-bottom: 30px; }
/*section > .row { margin: 0;}*/

header { 
	position: relative;
	display: flex; 
	padding: 10px;
	margin: 10px 0;
	display: flex; 
	flex-wrap: wrap;
	text-align: center;
    align-items: center;
    justify-content: center; }
header .logo-box 		{ width:50%; }
header .logo-box img	{ max-width: 100%; }
header .menu-bar-box 	{ display: none; }
header .slogan 			{ padding: 12px; }
header .info-box 		{ width:27%; font-size: var(--fs-15); color: var(--color-grey); }
header .info-box .phone { font-size: var(--fs-25); }
header .social-box  	{ width:23%; padding-right: 15px; padding-left: 15px;}
header .social 			{ position: absolute; top: 0; right: 0; }
/*header .social a 		{ display: block; width: 22px; box-sizing: content-box; padding: 2px; }
header .social img 		{ width: 100%; }*/

header .btn-box { 
	height: 100%; 
	padding: 0; 
	display: flex; 
	flex-wrap: wrap;
	text-align: center;
    align-items: center;
    justify-content: center; }
header .btn { width: 80%; padding: 10px 5px; }


.page-bar-box { display: none; margin-bottom: 20px; font-size: var(--fs-25); color: var(--color-red); flex-wrap: wrap; text-align: left; align-items: center; justify-content: left;}
.page-bar-box .title { margin-left: 10px; }

.slider.main { margin-top: -15px; margin-bottom: 35px; }


h2 { font-size: var(--fs-35); font-weight: 300; text-align: center; margin: 0 0 50px 0; }
h2::before {
	content: "";
	width: 26px;
	height: 2px;
	background-color: var(--color-red);
    position: absolute;
    margin-top: -10px;
    text-align: center;
    left: 50%;
    margin-left: -13px;
}
h3 { font-size: var(--fs-25); }
h3 span { color: var(--color-red); }
h4 { font-size: var(--fs-20); text-align: center; }

menu { 
	background-color: var(--color-red); 
	display: flex; 
	justify-content: space-around;
	padding: 11px 0px; }
menu a { color: white; 
	text-transform: uppercase; 
	text-decoration: none; 
	font-size: var(--fs-17); }
menu a:hover, menu a:focus, menu a.selected { color: white; text-decoration: underline; }

menu a.stoimost-uslug { display: none; }

menu .navbar-toggle  { display: none; }	

nav 					{ margin: 0 0 50px 0;  }
nav .nav-item 			{ position: relative; display: block; font-size: var(--fs-20); padding: 10px 20px; color: var(--color-def); border-bottom: 1px solid #ccc; cursor: pointer; }
nav .nav-item > .nav-item { margin: -10px -20px; border: none; font-weight: 400; }
nav .nav-item .drop  	{ overflow: hidden; height: 0; opacity: 0; }
nav .nav-item .drop .nav-item { font-size: var(--fs-16); padding: 10px 20px 10px 35px; margin: 0 -20px; border-top: 1px dashed #ccc; border-bottom: none;font-weight: 100;}
nav .nav-item.active	{ color: var(--color-red); }
nav .nav-item:hover, nav .nav-item.droped:hover > .nav-item a	{ color: var(--color-red); }
nav .nav-item i			{ width: 14px; height: 24px; position: absolute; top: 50%; right: 10px; margin: -12px 0 0 -7px; background: url('../img/arrow-down.png') center no-repeat;  } 
nav .nav-item.droped > .nav-item { font-weight: normal; color: var(--color-red); }

nav .nav-item .drop .nav-item.item-selected{ font-weight: normal; color: var(--color-red); }

nav .nav-item.droped i 	{ background: url('../img/arrow-up.png') center no-repeat;  }
nav .nav-item.droped .drop { padding: 10px 0; height: auto; overflow: visible; opacity: 1; transition: all 0.3s ease; }
nav .navbar-toggle { display: none; }


.navigation { font-size: var(--fs-17); color: var(--color-grey); line-height: 20px; margin-bottom: 20px; }
.navigation a { margin-right: 30px; fill: var(--color-grey); color: var(--color-grey); }
.navigation a::after {
	content: "";
	width: 14px;
	height: 20px;
	background: url('../img/right-arrow.svg') center no-repeat;
	fill: var(--color-grey);
	margin-left: 10px;
    position: absolute;
    text-align: center;
}
.navigation span { color: var(--color-red); }


menu.open-menu { height: auto; position: absolute; z-index: -1; opacity: 0; font-size: var(--fs-14); top: 20px; padding: 20px; width: 100%; box-shadow: 0 0 20px rgba(0,0,0,.5); text-align: center; transition: all 0.3s ease; }
menu.open-menu { display: block; z-index: 1000; opacity: 1; transition: all 0.3s ease; }
menu.open-menu a { display: block; width: 100%; padding: 10px; }
menu.open-menu a:hover { color: white; text-shadow: 0 0 5px #fff; }
menu.open-menu .navbar-toggle  			    { display: block; position: absolute; }
menu.open-menu .navbar-toggle .icon-bar { background-color: #fff; }


.news-list .news-item iframe { width: 100% !important; }
.news-detail { font-size: var(--fs-16); }
/*.news-list .news-item iframe {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}*/
.services-menu .icon { box-sizing: content-box; width: 33px; height: 33px; border:2px solid #e1001a; border-radius: 50%; color: var(--color-red); margin: 25px auto 10px auto;
  font-size: var(--fs-16); font-weight: normal; display: flex; flex-wrap: wrap; text-align: center; align-items: center; justify-content: center; }
.services-menu.open-menu { display: block; z-index: 1000; opacity: 1; transition: all 0.3s ease; }
.services-menu .title { font-size: var(--fs-17); }

.services-menu { position: absolute; z-index: -1; opacity: 0; font-size: var(--fs-14); background-color: #fff; top: 20px; padding: 20px; width: 100%; 
	box-shadow: 0 0 20px rgba(0,0,0,.5); text-align: center; transition: all 0.3s ease; }
.services-menu .icon { box-sizing: content-box; width: 33px; height: 33px; border:2px solid #e1001a; border-radius: 50%; color: var(--color-red); margin: 25px auto 10px auto;
	font-size: var(--fs-16); font-weight: normal; display: flex; flex-wrap: wrap; text-align: center; align-items: center; justify-content: center; }
.services-menu.open-menu { display: block; z-index: 1000; opacity: 1; transition: all 0.3s ease; }
.services-menu .title { font-size: var(--fs-17); }


.navbar-toggle:hover  	{ background: 0 0 !important;}
.navbar-toggle:focus  	{ outline: 0;}
button.navbar-toggle  	{ margin:0;}
.navbar-toggle {
    border: 0;  background: 0 0 !important;
    display: block;
    position: relative;
    z-index: 10;
    float: left;
    /*padding: 9px 10px;*/
    padding: 0;
    margin-top: 4px;
    background-color: var(--color-red);
    background-image: none;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.navbar-toggle .icon-bar    { display: block; width: 22px; height: 3px; border-radius: 1px; transform: rotate(0); transition: all .2s; background-color: var(--color-red); }
.navbar-toggle .icon-bar+.icon-bar  { margin-top: 4px;}
.navbar-toggle .top-bar             { transform: rotate(45deg); transform-origin: 10% 10%; }
.navbar-toggle .middle-bar          { opacity: 0; }
.navbar-toggle .bottom-bar          { transform: rotate(-45deg); transform-origin: 0 50%; }
.navbar-toggle.collapsed .top-bar     {  transform: rotate(0);}
.navbar-toggle.collapsed .middle-bar  { opacity: 1;}
.navbar-toggle.collapsed .bottom-bar  { transform: rotate(0);}

.btn { cursor: pointer;
  font-size: var(--fs-17);
padding: 10px 30px; 
color: white;
border-radius: 5px;
text-align: center;
background-color: var(--color-red); }
.btn:hover { color: white;    background-color: #d00207;}

.services 				{}
.services .service-block 	{ display: block; margin-bottom: 40px; }
.services .service a 		{ color: var(--color-def); }
.services .service a:hover 	{ color: var(--color-red); }
.services .service-1 	{ background: url('../img/services/1.png') no-repeat;background-size: cover; }
.services .service-2 	{ background: url('../img/services/2.png') no-repeat;background-size: cover; }
.services .service-3 	{ background: url('../img/services/3.png') no-repeat;background-size: cover; }
.services .service-4 	{ background: url('../img/services/4.png') no-repeat;background-size: cover; }
.services .service-5 	{ background: url('../img/services/5.png') no-repeat;background-size: cover; }
.services .service-6 	{ background: url('../img/services/6.png') no-repeat;background-size: cover; }
.services .service-7 	{ background: url('../img/services/7.png') no-repeat;background-size: cover; }
.services .service-8 	{ background: url('../img/services/8.png') no-repeat;background-size: cover; }

.services .service-block:hover .service-1  { background: url('../img/services/1_a.png') no-repeat;background-size: cover; }
.services .service-block:hover .service-2  { background: url('../img/services/2_a.png') no-repeat;background-size: cover; }
.services .service-block:hover .service-3  { background: url('../img/services/3_a.png') no-repeat;background-size: cover; }
.services .service-block:hover .service-4  { background: url('../img/services/4_a.png') no-repeat;background-size: cover; }
.services .service-block:hover .service-5  { background: url('../img/services/5_a.png') no-repeat;background-size: cover; }
.services .service-block:hover .service-6  { background: url('../img/services/6_a.png') no-repeat;background-size: cover; }
.services .service-block:hover .service-7  { background: url('../img/services/7_a.png') no-repeat;background-size: cover; }
.services .service-block:hover .service-8  { background: url('../img/services/8_a.png') no-repeat;background-size: cover; }

.services .service-img	{ width: 66px; height: 66px; float: left; margin-right: 20px; }
.services .service-name { height: 66px; font-size: var(--fs-17); display: flex; flex-wrap: wrap; text-align: left; align-items: center; justify-content: left; line-height: 18px; font-weight: 500; }
.services .service-text { margin-top: 10px; clear: both; color: var(--color-grey); }

.service 			{ background-color: var(--color-grey-lighter);}
.service .image 	{ width: 40%; float: left; }
.service .image img	{ width: 100%; }
.service .info 		{ width: 60%; float: left; padding: 10px 25px; }
.service .title 	{ font-size: var(--fs-28); color: var(--color-red); }
.service .text 		{ font-size: var(--fs-18); margin: 5px 0 15px 0; }
.service .price 	{ font-size: var(--fs-22); font-weight: bold; margin: 10px 0; float: left; }
.service .btn 		{ float: right; }

.service-desc 		{ font-size: var(--fs-18); margin-top: 50px; }
.service-desc h3	{ font-size: var(--fs-28); color: var(--color-red); margin: 40px 0; }

.news img 		{ width: 100%; }
.news .title 	{ font-size: var(--fs-35); font-weight: 300; margin: 15px 0 20px; }
.news .text 	{ font-size: var(--fs-20); margin: 20px 0; }
.news .text img { display: none; }
.news .control  { display: flex; flex-wrap: wrap; text-align: center; align-items: center; justify-content: left; margin-top: 40px; }
.news .btn  	{ margin-right: 30px;  }
.news .more 	{ border-radius: 40px; /*padding: 8px;*/ font-size: var(--fs-17); color: var(--color-red); /*margin:0 5px;*/  }
.news .more.left, .news .more.right  { padding: 8px; margin:0 5px; fill: var(--color-red); width: 40px; height: 40px; display: flex; flex-wrap: wrap; text-align: center; align-items: center; justify-content: center; }
.news .more.left:hover, .news .more.right:hover  { background-color: var(--color-grey-lighter); }
.news .post + .post 	{ margin-top: 40px; padding-top: 40px; border-top: 1px dashed #ccc; }

.news.services .post  { margin-top: 0px; padding-top:0; padding-bottom: 20px; border-top: 1px dashed #ccc; }

.about h2 			{ margin: 25px 0 35px 0;}
.about .more 		{ font-size: var(--fs-17);  margin:0 5px; text-align: center; }
.about .more a   	{ color: var(--color-red); }

.doctors 		{ background-color: #cccccc; padding-bottom: 30px; padding-left: 30px; }
.doctors .info 	{ text-align: center; }
.doctors .name 	{ font-size: var(--fs-17); font-weight: bold; text-align: center; margin-top: 30px; }
.doctors .text 	{ font-size: var(--fs-14); color: var(--color-grey); margin-top: 10px; text-align: center; }
.doctors .more 	{ margin-top: 20px; }
.doctor-list_img {text-align: center;overflow: hidden; display: block;}
.doctor-list_img img {border-radius: 50%;}

.doctor 		{ text-align: center; margin-bottom: 50px; }
.doctor_img 	{ overflow: hidden; display: block; margin: auto auto 10px auto; }
.doctor_img img {border-radius: 50%; width: 450px;}
.doctor .name 	{ font-size: var(--fs-25); font-weight: normal; /*min-height: 70px;*/ margin: 15px 0; }
.doctor .text 	{ font-size: var(--fs-20); }

.slider .doctor .name 	{ font-size: var(--fs-18); font-weight: normal; /*min-height: 70px;*/ margin: 15px 0; }
.slider .doctor .text 	{ font-size: var(--fs-14); color: var(--color-grey); }

.slider.bocks { position: relative; }
.carousel-control-next, .carousel-control-prev { width: 8%; }
.slider.bocks .carousel-control-next-icon, .slider.bocks .carousel-control-prev-icon { background: transparent;  }
.slider.bocks .carousel-control-next-icon::before {
    content: url(../img/next.png);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 40px;
    height: 128px;
    margin: auto;
}
.slider.bocks .carousel-control-prev-icon::before {
    content: url(../img/prev.png);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 40px;
    height: 128px;
    margin: auto;
}

.comments .comment  { padding: 15px 0; }
.comments .name 	{ font-size: var(--fs-17); text-transform: uppercase; text-align: center; margin: 0 0 15px 0; }
.comments .text 	{ position: relative; font-size: var(--fs-16); text-align: center; margin-top: 40px; }
.comments .comment + .comment { border-top: 1px solid #000; }
.comments .quote 	{ margin: 15px 0 15px 0; fill: var(--color-red); display: flex; flex-wrap: wrap; text-align: center; align-items: center; justify-content: center;}
.comments .text::before {
	content: "";
	width: 18px;
	height: 20px;
	background: url('../img/left-quote.svg') center no-repeat;
	left: 50%;
    position: absolute;
    text-align: center;
    margin-left: -9px;
    margin-top: -30px;
}

.slider.comments .comment 	{ margin: 0 auto; width: 80%; }
.slider.comments .name 		{ float: left; padding: 50px; border-right: 1px solid #000; font-weight: normal; }
.slider.comments .text 		{ text-align: justify; overflow: hidden; padding: 20px 50px; margin: 0; }
.slider.comments .text::before {
	content: "";
	margin:0;
	left: 20px;
}
.slider.comments .text::after {
	content: "";
	width: 18px;
	height: 20px;
	background: url('../img/quote-sign.svg') center no-repeat;
	right: 20px;
    position: absolute;
    text-align: center;
}
.news-detail .slider.comments 		{ margin-top: 80px; }
.news-detail .slider.comments h2	{ margin-bottom: 15px; }

.lid-form 	{ width: 45%; height: 350px; float: left; padding: 40px 25px; background-color: #cccccc; }
.map 		{ width: 55%; height: 350px; float: right; overflow: hidden; background-color: var(--color-grey-lighter); }
.lid-form .title 	{ text-transform: uppercase; font-size: var(--fs-25); margin-bottom: 20px; font-weight: 700; }
.lid-form .text 	{ font-size: var(--fs-17); width: 100%; margin-bottom: 25px; }
.lid-form .btn 		{ width: 100%; margin-top: 10px; }

.sub-form 		{ width: 100%; height: 100%; float: left; padding: 20px 25px; background-color: #cccccc; max-height: 300px; }
.sub-form h2 	{ margin: 20px 0 15px 0; font-size: var(--fs-28); }
/*.sub-form .title { font-size: var(--fs-28); text-align: center; margin: 20px 0 15px 0; }*/
.sub-form .title::after {
	content: "";
	width: 26px;
	height: 2px;
	background-color: var(--color-red);
    position: absolute;
    margin-top: -5px;
    text-align: center;
    left: 50%;
    margin-left: -13px;
}
.sub-form .inner 		{ max-width: 320px; margin: 0 auto; }
.sub-form .inner .btn 	{  width: 100%;}
.sub-form .text 		{ font-size: var(--fs-14); width: auto; margin-bottom: 25px; text-align: center; }
.sub-form .text a   { display: inline-block; }
.sub-form .inner .text:last-child { margin: 0; }


.sub-form.other			{ max-height: none; height: auto;  }
.sub-form.other	.inner 	{ max-width: none;  }

.certificate 		{ overflow: hidden; display: block; border-top:1px solid #000; border-bottom: 1px solid #000; max-height: 300px; padding: 20px 10px; text-align: center; color: var(--color-def);}
.certificate img 	{ width: 70%; }
.certificate .title { font-size: var(--fs-28); font-weight: normal; color: var(--color-red); line-height: 1;  }
.certificate .text 	{ font-size: var(--fs-14); }
.certificate .more 	{ display: none;}

.calendar-h2 { margin-bottom: -20px; }

.calendar { position: relative; }
.calendar img { width: 100%; }
.calendar::before 	{ content: ""; position: absolute; z-index: 1; top: 0; left: -5px; width: 25%; height: 100%; background: linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100% ); }
.calendar::after 	{ content: ""; position: absolute; z-index: 1; top: 0; right: -5px; width: 25%; height: 100%; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100% ); }
/*.calendar .month { position: absolute; top: 50%; left: 50%; margin:-115px 0 0 -115px;  width: 230px; height: 230px; border-radius: 50%; 
	box-shadow: 0 0 20px rgba(0,0,0,.2); background: rgba(255,255,255,.8); 
	font-size: var(--fs-44); font-weight: bold; color: var(--color-red);
	display: flex; flex-wrap: wrap; text-align: center; align-items: center; justify-content: center; 
 }*/
.calendar .month {
    position: absolute;
    z-index: 12314;
    left: 50%;
    top: 50%;
    width: 50%;
    margin: -25% 0 0 -25%;
}
.calendar .more   { font-size: var(--fs-17); margin-top: -20px; text-align: center; position: relative; z-index: 10; }
.calendar .more a { color: var(--color-red); }
.calendar.mobile { display: none; }
.calendar.mobile::before, .calendar.mobile::after { display: none; }

[data-carousel-3d] [data-next-button],
[data-carousel-3d] [data-prev-button] { cursor: pointer; }
/*.calendar img { width: 100%; }
.calendar .month { position: absolute; top: 50%; left: 50%; margin:-115px 0 0 -115px;  width: 230px; height: 230px; border-radius: 50%; 
	box-shadow: 0 0 20px rgba(0,0,0,.2); background: rgba(255,255,255,.8); 
	font-size: var(--fs-44); font-weight: bold; color: var(--color-red);
	display: flex; flex-wrap: wrap; text-align: center; align-items: center; justify-content: center; 
 }
.calendar .left::after 	{ content: ""; position: absolute; top: 0; left: -125px; width: 130%; height: 100%; background: linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100% ); }
.calendar .right::after { content: ""; position: absolute; top: 0; right: -125px; width: 130%; height: 100%; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100% ); }
.calendar .left, .calendar .right { position: relative; float: left; width: 29%; display: flex; flex-wrap: wrap; text-align: center; align-items: center; justify-content: center; }
.calendar .center { position: relative; float: left; width: 42%; }
.calendar .left img, .calendar .right img { width: 460px; max-width: 500px; height: 250px; }
.calendar .left img {
	margin-right: 150px;
	-o-transition: transform 1s linear;
	-ms-transition: transform 1s linear;
	-moz-transition: transform 1s linear;
	-webkit-transition: transform 1s linear;
	transition: transform 1s linear;
	-o-transform: perspective(300px) rotateY(60deg);
	-ms-transform: perspective(300px) rotateY(60deg);
	-moz-transform: perspective(300px) rotateY(60deg);
	-webkit-transform: perspective(300px) rotateY(60deg);
	transform: perspective(400px) rotateY(-10deg); 
}
.calendar .right img {
	margin-left: 150px;
	-o-transition: transform 1s linear;
	-ms-transition: transform 1s linear;
	-moz-transition: transform 1s linear;
	-webkit-transition: transform 1s linear;
	transition: transform 1s linear;
	-o-transform: perspective(300px) rotateY(60deg);
	-ms-transform: perspective(300px) rotateY(60deg);
	-moz-transform: perspective(300px) rotateY(60deg);
	-webkit-transform: perspective(300px) rotateY(60deg);
	transform: perspective(400px) rotateY(10deg); 
}*/
.welcome 		{  }
.welcome .title { font-size: var(--fs-35); margin: 0 0 40px; }
.welcome .title span { font-weight: normal; color: var(--color-red); }
.welcome iframe  { float: right; width: 60%; margin-bottom: 20px; }
.welcome .texts  { float: left; width: 40%; font-size: var(--fs-17); padding-right: 20px; text-align: justify; }
.welcome .text-1 { padding-bottom: 20px; }
.welcome .text-2 { padding-bottom: 20px; }
.welcome .more   { margin-top: 20px; text-align: center; }
.welcome .more a { color: var(--color-red); }

.form-control 		{ padding: .8rem; border-radius: 0; border: none;}

.pagination 		{ text-align: center; fill: var(--color-grey-light); margin-bottom: 50px; }
.pagination ul 		{ list-style: none; padding: 0; margin:0 auto; box-sizing: content-box; }
.pagination li 		{ display: inline-block; vertical-align: top; }
.pagination span, .pagination a { width: 24px; height: 24px; padding: 7px; border-radius: 50%; font-size: var(--fs-22); color: var(--color-grey); display: flex; flex-wrap: nowrap; text-align: center; align-items: center; justify-content: center;}
.pagination a 		{ fill: var(--color-red); color: var(--color-red); }
.pagination a:hover { background-color: var(--color-grey-lighter); }
.pagination-count { display: none; }


.contacts 			{ font-size: var(--fs-20); font-weight: normal;  text-align: center;}
.contacts .phone 	{ font-size: var(--fs-25); color: var(--color-red); }
.contacts .icon  	{ float: left; margin-right: 10px; }
.contacts svg  		{ margin-top: 4px; }
.contacts .text  	{ overflow: hidden; text-align: left;  }

.schedule .info 			{ width: 20%; float: left; /*margin-top: -10px;*/ }
.schedule .info .text 		{ color: var(--color-red); fill: var(--color-red); line-height: 1.1; margin-bottom: 15px; text-align: justify; }
.schedule .info .pre-entry 	{ font-size: var(--fs-17); text-align: center; margin-bottom: 20px; }
.schedule .info .pre-entry .phone 	{ font-size: var(--fs-20); font-weight: normal; color: var(--color-red); }

.schedule .days 		{ width: 80%; overflow: hidden; padding-left: 20px; }
.schedule .days .day 	{ width: calc(100%/7); float: left; padding: 15px 10px; text-align: center;}
.schedule .days .data  			{ padding-bottom: 25px; border-bottom: 1px solid #000; font-size: var(--fs-14);  }
.schedule .days .data .name 	{ font-size: var(--fs-20); font-weight: normal;} 
.schedule .days .times  		{ padding-top: 25px; font-size: var(--fs-20); }

.schedule .days .day.active, .schedule .days .day:hover { background-color: var(--color-grey-lighter); ; font-weight: normal; color: var(--color-red); }
.schedule .days .day.active .data, .schedule .days .day:hover .data { border-color: var(--color-red); }

.gallery		{ overflow: hidden; /*max-height: 140px;*/ }
.gallery img 	{ margin-bottom: 30px; }


footer .footer1 { background: url('../img/footer1.png'); padding: 10px; }
footer .footer2 { background: url('../img/footer2.png'); padding: 10px 20px; }
footer .footer1 ul { list-style: none; display: inline-block; vertical-align: top; margin: 0; padding: 0 15px; }
footer .footer1 ul li { padding: 10px;  }
footer .footer1 ul a { text-transform: uppercase; font-size: var(--fs-15); color: var(--color-def); }
footer .footer1 .btn { padding: 10px 5px; }

footer .footer-info 			{ padding: 10px 30px; }
footer .footer-info img			{ max-width: 100%; }
footer .addres 					{ margin-top: 15px; font-style: italic; font-weight: bold; }
footer .addres svg 				{ width: 14px; height: 14px; position: relative; top: 3px; }
footer .addres .second-line  	{ font-size: var(--fs-12); margin-top: 5px; }
footer .addres .second-line span { white-space: nowrap; }
footer .addres .phone			{ font-size: var(--fs-17); margin-right: 10px;  }

footer .copy		{ text-align: center; font-size: var(--fs-14); margin-bottom: 10px; }
footer .copy-text	{ color: var(--color-grey-light); margin-bottom: 10px; }
footer .attention 	{ text-transform: uppercase; font-size: var(--fs-28); text-align: justify-all; color: var(--color-grey-light); }

/*footer .social, .follow .social  	{ display: flex; flex-wrap: nowrap; text-align: center; align-items: center; justify-content: center; }
footer .social a, .follow .social a 	{ float: left; width: 33px; height: 33px; padding: 8px; margin: 15px 30px; background-color: var(--color-grey-light); border-radius: 50%;
	display: flex; text-align: center; align-items: center; justify-content: center; }
footer .social a:hover, .follow .social a:hover { background-color: var(--color-red); }
footer .social img, .follow .social img  { width: 100%; }
.follow .social a 	{ width: 50px; height: 50px; padding: 12px; }*/

/*.sp-field { margin: 20px 0 15px 0; font-size: var(--fs-28); } 
.sp-field::before {
    content: "";
    width: 26px;
    height: 2px;
    background-color: var(--color-red);
    position: absolute;
    margin-top: -10px;
    text-align: center;
    left: 50%;
    margin-left: -13px;
}*/
/*.subscribe .sp-form { margin: 0; padding: 0; }
*/
.social, .social   { display: flex; flex-wrap: nowrap; text-align: center; align-items: center; justify-content: center; }
.social a   { float: left; width: 33px; height: 33px; padding: 8px; margin: 15px 30px; background-color: var(--color-grey-light); border-radius: 50%;
  display: flex; text-align: center; align-items: center; justify-content: center; }
.social a:hover{ background-color: var(--color-red); }
.social img  { width: 100%; }
.follow .social a   { width: 50px; height: 50px; padding: 12px; }

header .social { display: block; margin: 12px 0 0 0;}
header .social a {
    display: flex;
    width: 22px;  height: 22px;
    /*box-sizing: content-box;*/
    padding: 5px;
    margin: 0;
    float: none;
    background-color: #ccc;
    margin-bottom: 4px;
}

#search{margin: 0 0 40px;}
#search.custom_search_block .bx-form-control{height: 55px;background-color: #f9fafc;border: 1px solid #e2e3e5;font-size: 22px;border-radius: 4px 0 0 4px;}
#search.bx-searchtitle .bx-input-group-btn button{height: 55px;background-color: #fe0000; width: 60px;border-radius: 0 4px 4px 0;}

 .iziModal_theme{}
 .iziModal_theme .iziModal-header-title{    color: #13071b;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: bold;margin: 20px 0 0;padding: 10px 20px 12px;}
.iziModal_theme .iziModal-header-subtitle{color: #13071b;padding: 0px 20px 0px;font-size: 16px;}
.iziModal_theme .iziModal-header{box-shadow: none;padding-bottom: 0;}
.iziModal_theme .iziModal-content input[type=text]{margin: 0 0 20px;border: 1px solid #ccc;}
.iziModal_theme .iziModal-content{padding: 20px 38px !important;}
.iziModal_theme button{width: 100%;}
.iziModal_theme .iziModal-content input[type=text].hasError{border: 1px solid red;}

@media (max-width: 1140px) {
	.wrap { padding: 0 15px; }

	header .menu-bar-box { display: flex; width: 5%; }
	header .logo-box 	{width:35%;}
	header .info-box 	{width:35%;}
	header .social-box  {width:25%; padding: 0;}
	
	header .btn 		{ width: 100%; }
	header .social 		{ position: relative; display: flex; }
	header .social a 	{ width: 26px; height: 26px; margin: 7px 3px;/* display: inline-block;*/ padding: 6px; }

	menu { opacity: 0; height: 0; padding: 0; }

	
}
@media (max-width: 992px) {

	aside 	{ width: 0; height: 0; overflow: hidden; position: initial !important; }
	section { padding: 0 15px; }

	header .menu-bar-box { display: flex; width: 7%; }
	header .logo-box 	{width:33%;}
	header .info-box 	{width:35%;}
	header .social-box  {width:25%;}

	footer .footer1 ul  { padding: 0 5px; }
	footer .attention 	{ font-size: var(--fs-22); }

  menu a.stoimost-uslug { display: inline-block; }

  nav.open-menu { position: absolute; z-index: -1; opacity: 0; font-size: var(--fs-14); background-color: #fff; top: 20px; padding: 20px; width: 100%; 
  box-shadow: 0 0 20px rgba(0,0,0,.5); text-align: center; transition: all 0.3s ease; }
  nav.open-menu { opacity: 1; z-index: 1001; }
  nav.open-menu .navbar-toggle { display: block; }

  nav.open-menu .nav-item                  { font-weight: 400; }
  nav.open-menu .nav-item .drop .nav-item  { font-weight: 100; }
  nav.open-menu .nav-item i { right: 2px; }

	.news .title { font-size: var(--fs-25); margin: 15px 0 20px; }

	.page-bar-box { display: flex; padding: 0 10px; }


	.certificate  		{ padding: 10px; margin-top: 50px; }
	.certificate img 	{ float: left; width: 30%; margin-left: 30px; }
	.certificate .title { float: right; width: 60%; margin: 20px 0 30px 0; padding-left: 20px; font-size: var(--fs-25); text-align: left; }
	.certificate .text 	{ float: right; width: 60%; margin-bottom: 30px; padding-left: 20px; font-size: var(--fs-22); text-align: left; }
	.certificate .more 	{ display: block; float: right; width: 60%; color: var(--color-red); text-align: left; padding-left: 20px; }
}
@media (max-width: 768px) {



	h2 { font-size: var(--fs-25); text-align: center; margin: 30px 0; }

	header .menu-bar-box { display: flex; width: 10%; }
	header .logo-box 	{ width:35%; }
	header .info-box 	{ width:30%; }
	header .social-box  { width:25%; }

	footer .footer-info 	{ padding: 10px 0; margin-right: -10px; }
	footer .footer1   		{ padding: 10px; }

	/*footer .footer1 ul:first-child  { margin-left: -15px; }*/
	footer .footer1 ul:last-child  	{ margin-right: -10px; }
	footer .footer1 ul  			{ padding: 0; }
	footer .footer1 ul li 			{ padding: 10px 5px; }
	footer .footer1 ul a 			{ font-size: var(--fs-13); }
	footer .addres 	{ font-size: var(--fs-12); text-align: center; } 

	footer .copy, footer .copy-text { font-size: var(--fs-14); }
	footer .attention 				{ font-size: var(--fs-16); }

	.navigation { padding: 0 10px;}
	.navigation a, .navigation span { font-size: var(--fs-12); }
	.navigation a::after { width: 10px; height: 24px; }

	.news .title { font-size: var(--fs-25); margin: 15px 0 20px; }
	.news .text  { font-size: var(--fs-17); margin: 0 0 20px; }

	.welcome .title { font-size: var(--fs-25); margin: 0 0 30px; padding: 0 30px; text-align: center; }
	.welcome iframe, .welcome .texts { width: 100%; }
	.welcome iframe  { order: 3; }
	.welcome .text-1 { float: left; width: 50%; padding-top: 20px; padding-right: 10px; }
	.welcome .text-2 { float: left; width: 50%; padding-top: 20px; padding-left: 10px; }

	.doctor .name 	{ font-size: var(--fs-20); }
	.doctor .text 	{ font-size: var(--fs-17); }

	.sub-form  			{ padding: 20px; }
	.sub-form h2 		{ margin: 15px 0 10px 0;  }
/*	.sub-form .title 	{ font-size: var(--fs-25); margin: 10px 0 5px 0; }*/
	.sub-form .text 	{ margin-bottom: 10px; }

	.service .title 	{ font-size: var(--fs-25); }
	.service .text 		{ font-size: var(--fs-16); margin: 5px 0 10px 0; }
	.service .price 	{ margin: 0; }

	.doctors .row > div:nth-child(3), .doctors .row > div:nth-child(4) { display: none; } 

	.contacts 	{ font-size: var(--fs-22) }
	.schedule .info .pre-entry { font-size: var(--fs-14); }
	.contacts .text { text-align: center; font-size: var(--fs-25); }
	.schedule .info { width: 100%; }
	.schedule .days { width: 100%; padding: 0; }

	.contacts .text 		{ font-size: var(--fs-14); }
	.contacts .icon 		{ float: none; }
	.contacts .icon svg 	{ width: 30px; margin-top: 20px; }

	.lid-form 	{ width: 100%; text-align: center; height: auto;}
	.map 		{ width: 100%; }

	.btn  { padding: 8px 15px; font-size: var(--fs-13); }

	.certificate img 	{ float: left; width: 40%; margin: 0; }

}
@media (max-width: 576px) {

	h2 { font-size: var(--fs-20); text-align: center; margin: 30px 0; }
 
	header .slogan 		{ display: none; }
	header .social  	{ display: none; }
	header .logo-box 	{ width:50%; order: -2; padding: 0 10px; margin-bottom: 10px; }
	header .social-box 	{ width:50%; order: -1; margin-bottom: 10px; }
	header .social-box .btn 	{ font-size: var(--fs-12); padding: 5px 10px; }

	header .menu-bar-box { width:15%; order: 1; }
	header .info-box 	 { width:85%; order: 2; padding: 0 10px; font-size: var(--fs-12); }
	header .info-box .phone	 { font-size: var(--fs-17); font-weight: bold; }

	footer .attention 		{ font-size: var(--fs-16); }

	footer .footer-info 	{ text-align: center; margin-bottom: 10px;}
	footer .footer1 ul 		{ width: auto; padding: 10px 10px 0 10px; margin: 0 !important; }
	footer .addres 			{ font-size: var(--fs-14); color: var(--color-grey); }
	footer .footer1 ul a 	{ font-size: var(--fs-12); }

	footer .social a, .follow .social a { margin: 9px 10px; }

	.services .service {     margin-bottom: 20px; }
	.services .service-text { display: none; }
	.services .service-img { float: none; margin:0 auto 10px auto; }
	.services .service-name { display: block; font-weight: normal; text-align: center; font-size: var(--fs-12); }

	.service .image 	{ width: 100%; }
	.service .info 		{ width: 100%; font-size: var(--fs-16); margin: 5px 0 10px 0; }

	.certificate 		{ max-height: none; padding: 0; }
	.certificate .title { float: none; width: auto; margin: 20px -5px 30px -5px; padding: 0; font-size: var(--fs-20); text-align: center; }
	.certificate img 	{ float: none; width: 80%; }
	.certificate .text  { float: none; width: auto; margin: 20px 0 30px 0; padding: 0; font-size: var(--fs-18); text-align: center; }
	.certificate .more  { display: none; }

	.welcome 		 { display: flex; flex-wrap: wrap; }
	.welcome .title  { font-size: var(--fs-20); margin: 0; padding: 0 30px; text-align: center; }
	.welcome .text-1 { width: 100%; font-size: var(--fs-16); padding-right: 0; }
	.welcome .text-2 { display: none; }

	.gallery		 { order: 5; }

	.doctor .name 	{ font-size: var(--fs-17); }
	.doctor .text 	{ font-size: var(--fs-14); }

	.news .title 	{ font-size: var(--fs-20); font-weight: 600; margin: 15px 0 20px; text-align: center; }
	.news .text 	{ display: none; }
	.news .btn  	{ margin-right: 15px; }
	.news .control  { justify-content: center; }
	.news .more 	{ font-size: var(--fs-14);  }
	.news .more.left, .news .more.right { width: 30px; height: 30px; padding: 3px; margin: 0 2px; }

	
	.schedule .days .times { font-size: var(--fs-17); }
	
	.contacts .icon { float: none; }
	.contacts .icon svg { width: 40px; margin-top: 20px; }

	.calendar { display: none; }
	.calendar.mobile { display: block; }

	.sub-form  		    { margin-top: 50px; }
	.sub-form h2 		{ margin: 15px -5px 5px -5px; font-size: var(--fs-20); }
	.sub-form .text 	{ font-size: var(--fs-11); margin-left: -5px; margin-right: -5px; color: var(--color-grey); }

	.about h2 { margin: 25px 0 20px 0; }

	.doctors .row > div:nth-child(2) { display: none; } 
	.doctors .name 	{ font-size: var(--fs-20); }
	.doctors .text 	{ font-size: var(--fs-17); }

	.comments  { margin-top: 30px; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 30px 0; }
	.comments .comment + .comment { display: none; } 
	.comments .text { font-size: var(--fs-16); }
	.comments .more { font-size: var(--fs-14); }

	.slider.comments .name { float: none; border: none; padding:0;}
	.slider.comments .text { overflow: visible; padding: 20px 30px; }
	.slider.comments .text::after { display: none; }
	.slider.comments .text::before { left: 50%; margin-left: -9px; margin-top: -30px; }
	.carousel-item-next, .carousel-item-prev, .carousel-item{flex-direction: column;}
	.slider.main{margin: 0 0 15px;}
	#search{margin: 0px;}
	#search.custom_search_block .bx-form-control{height: 50px;}
	#search.bx-searchtitle .bx-input-group-btn button {
		height: 50px;}
	.iziModal_theme .iziModal-header-title{    font-size: 22px;}	
	.iziModal_theme .iziModal-header-subtitle{font-size: 12px;}
}

@media (max-width: 398px) {
	.iziModal_theme .iziModal-header-title {
		padding: 10px 0px 12px;
		font-size: 18px;
		white-space: normal;
	}
	.iziModal_theme .iziModal-header-subtitle {
		font-size: 12px;
		white-space: normal;
		padding: 0px 0px 0px;
	}
	.iziModal_theme .iziModal-content {
		padding: 20px 15px !important;
	}
}

@media (max-width: 370px) {

	h2 { font-size: var(--fs-20); }

	footer .social a 	{ margin: 15px 15px; }
	footer .footer1 ul 	{ width: 50%; float: left; padding: 0 10px; }

	footer .copy, footer .copy-text { 
		font-size: var(--fs-12); 
		-moz-hyphens: auto;
	    -webkit-hyphens: auto;
	    -ms-hyphens: auto;
	}

	.schedule .days .day { padding-left:0; padding-right:0; }
	.schedule .days .times { font-size: var(--fs-14); }

	footer .attention 				{ font-size: var(--fs-15); }
	footer .attention span			{ font-size: var(--fs-11); }
}

#gbooking-button{right: 88px !important;bottom: 190px !important;}
@media (max-width: 425px) {
	#gbooking-button{right: 20px !important;bottom: 40px !important;}
}
.label_39{z-index: 999 !important;}
.footer1 .col-lg-8 ul li a:hover{color: #e1001a;text-decoration: underline;}


@media (min-width: 1199px) {
	.news img{width: 360px;max-width: none;max-height: none;}
	
}
@media (max-width: 1139px) {
	.services .service-name{font-size: var(--fs-12);}
	.sub-form h2, .certificate .title{font-size: 24px;}
}
.img_pro_doc{
    display: block;}

.box_f1{width: 100%;
    bottom: 0;
    height: 0px;
    left: 0;
    position: fixed;
    display: flex;
    justify-content: end;}
.btn_zapis{    background: #e1001a;
    cursor: pointer;
    border: 0;
    color: #fff;
    bottom: 280px;
    font-size: 22px;
    padding: 5px 10px;
    border-radius: 3px;
    z-index: 1;
    position: fixed;
    width: 240px;
    white-space: nowrap;
    left: calc(100% - 180px);
    transform: translateX(-50%);}

	@media (max-width:1857px){
		.box_f1{position: absolute;}
		.btn_zapis{bottom: 30%;
			left: auto;
			transform: none;
			color: transparent;
			width: 64px;
			height: 64px;
			background: url(../img/i_notepad.png) center no-repeat, #e1001a;
		}
	}