@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700');

body, html {
	width: 100%;
	height: 100%;
	font-family: 'Poppins', sans-serif;
	color: #222;
	background: #fff;
}

a {
	text-decoration: none !important;
}


.invisibl {
 	color: #000;
 	font-weight: bold;
}

.butt {
	padding: 2px;
	background-color: #fff;
	
}

.invisibl_item1 {
	padding: 2px;
	background-color: #fff;
	border: 1px solid black;
}

.invisibl_item2 {
	padding: 2px;
	background-color: #000;
	color: #fff;
	border: 1px solid black;
}

.invisibl_item3 {
	padding: 2px;
	background-color: #00BFFF;
	border: 1px solid black;
}

.wrapper1 {
	display: grid;
	grid-template-columns: 3fr 1fr;
	grid-auto-rows: minmax(100px, auto);
	grid-gap: 1em;

}


/*.wrapper1 div {
	margin-left: 5px;

}*/

.wrapper1 div.light {
	margin-left: 5px;

}

.newsgrid {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 2px 1fr 2px 1fr 2px 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	-ms-grid-rows: 350px 2px;
	grid-auto-rows: minmax(100px, auto);
	grid-gap: 2px;
}

.newsbox1:hover, .newsbox2:hover, .newsbox3:hover, .newsbox4:hover, .newsbox5:hover, .newsbox6:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}


.newsbox1 .newsbox2 .newsbox3 {
	min-height: 32vh;
	background-size: cover;
	background-position: center;
}

.newsgrid a {
	color: #000;
}


.newsbox1 {
	grid-column: 1/3;
	grid-row: 1/2;
	padding: 5px;
}

.newsbox3 {
	grid-column: 1;
	grid-row: 3;
	padding: 5px;
}

.newsbox4 {
	grid-column: 2;
	grid-row: 3;
	padding: 5px;
}

.newsbox5 {
	grid-column: 3;
	grid-row: 3;
	padding: 5px;
}

.newsbox6 {
	grid-column: 4;
	grid-row: 3;
	padding: 5px;
}

.newsname {
	font-size: 14px;
	padding-left: 7px;
	padding-right: 7px;
	/*text-indent: 1.5em;*/
	text-align: left;
}

.newsname1 {
	font-size: 1em !important;
	padding-top: 15px;
	padding-left: 7px;
	padding-right: 7px;
	text-align: justify;
}

.center-block {		
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.newsbox1 img, .newsbox2 img {
	text-align: center;
	width: 70%;
	height: auto;
}

.newsbox1,.newsbox2 a {
	padding-top: 7px;
	padding-left: 7px;
}

.included div{
}


/*Блок профилактика*/
.wrapper2 {
	display: grid;
	grid-template-columns: 1fr;
	grid-auto-rows: minmax(100px, auto);
	grid-gap: 1em;
}

.boxprofilak {
	width: 100%
	min-height: 32vh;
	margin: 1em;
	
}



.gridevents {
    display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-auto-rows: minmax(100px, auto);
	grid-gap: 2px;
}

.gridevents a {
	color: #000;
}

.eventbox {
    min-height: 20vh;
	background-size: cover;
	background-position: center;

}

.eventbox p {
	text-align: left;
}

.eventbox:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.navigation {
	color: #6c757d;;
}

.navigation a {
	color: #6c757d;;
}




.profilakt {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-rows: minmax(100px, auto);
	grid-gap: 1em;
	background-color: #fff;
}

.profilakt_item {
	margin-left: 5px;
	margin-right: 5px;
	min-height: 32vh;
	border: 1px solid #000;
	max-height: 360px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

}

.profilakt_item p {
	text-align: center;
}

.profilakt_item img {
	width: 100%;
	max-height: 320px;
	height: auto;
}

.profilakt_item:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) !important;
}


/*Профилактика вся */

.Allprofilakt {
    display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-rows: minmax(100px, auto);
	grid-gap: 2px;
}

.Allprofilakt a {
	color: #000;
}

.profilaktbox {
    min-height: 30vh;
	background-size: cover;
	background-position: center;

}

.profilaktbox p {
	text-align: center;
}

.profilaktbox img {
	width: 100%;
	max-height: 200px;
	height: auto;
}

.profilaktbox:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) !important;
}


.info {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-auto-rows: minmax(100px, auto);
	grid-gap: 1em;
	background-color: #fff;
}

.info_item {
	margin-left: 5px;
	margin-right: 5px;
	min-height: 32vh;
	border: 1px solid #000;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

}

.info_item_1 {
	margin-left: 5px;
	margin-right: 5px;
	min-height: 32vh;
	border: 1px solid #000;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	grid-column: 1/3;
	grid-row: 2;
	padding: 5px;
}

.info_item li {
	margin: 0;
	padding: 5px;
}

img.img_happi {
	text-align: center;
	width: 95%;
}


/*Навигация*/
.navbar-nav li {
	padding-right: 10px;
}
.nav-link {
	font-size: 1em !important;
	font-weight: 500;

}

/*ОТзывы*/
.reviews {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-auto-rows: minmax(100px, auto);
	grid-gap: 1em;
	background-color: #fff;
}

.reviews_item1 {
	margin-left: 10%;
	margin-right: 10%;
	min-height: 32vh;
	max-height: 700px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	grid-column: 1/3;
	grid-row: 1/2;
	padding: 5px;

}

.reviews_item2 {
	margin-right: 5%;
	min-height: 32vh;
	border: 1px solid #000;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	grid-column: 3/5;
	grid-row: 1/2;

}



/*.dropdown-menu {
	min-width: 300px !important;
	max-height: 600px;
	
	
}*/


/*Меню*/
/*.dropdown-menu .dropdown-menu {
    top: auto;
    left: 100%;
    transform: translateY(-2.5rem);
    overflow-y: auto !important;
}*/
.dropdown-menu {
   overflow: auto !important;
}
/*
.dropdown-item.submenu::after {
    content: '▸';
    margin-left: 0.5rem;
}
.dropdown-item:hover + .dropdown-menu,
.dropdown-menu:hover {
    opacity: 1;
    transition: opacity .3s .1s;
}*/



/*Меню--*/


/*.dropdown-menu a {
	color: #000;
}*/

/*Высота всей карусели*/
.carousel-inner {
	height: 680px;
}



.carousel-inner img {
	/*transform: translateY(-30%);*/
	width: 100%;
	height: 100%;

}

.carousel-item img {
	opacity: 0.8;
}


.carousel-caption {
	position: absolute;
	top: 50%;
	transform: translateY(-60%);
	text-shadow: 1px 1px 10px #000;
}

.navbar-inverse {
	background: radial-gradient(at top, #F0FFF0, #FFFFF0) !important;*/   
}

#datanews {
	color: #6c757d;;
	padding: 0;
	margin: 0;
	padding-top: 3px;
	padding-bottom: 3px;
	font-family: sans-serif;
	font-size: 1em;
}

.AllNews {
	margin-top: 5px;
}

.AllNews img {
	width: 10%;
	height: auto;
	text-align: center;
	object-fit: cover;
}

.pull-right {
	float: left !important;
}


.imgNewsBig h2, .imgNewsSmall h2 {
	font-weight: normal;
	font-size: 1.3 em;
	color: #636363;
	font-family: Comic Sans MS, sans-serif;
}

.imgNewsBig p, .imgNewsSmall p {
	width: 90%;
	margin-left: 5%;
}

.article img {
	width: 40%;
}

.article div {
	width: 20%;
}

.article {
	width: 40%;
	margin-left: 5%;
	background: #f6f6f6;
	padding: 1%;
	float: left;

}


.event {
	/*background: #99C0AE;*/

}


/*Главные специалисты*/
.glavspec {
	display: grid;
	grid-template-columns: 1fr 4fr 1fr;
	grid-auto-rows: minmax(100px, auto);
	grid-gap: 1em;
}


.sectiongl {
	margin: 5px;
}

/*Контакты*/
.kontakt {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-auto-rows: minmax(100px, auto);
}


.kontakt_item1 {
	grid-column: 1/5;
	grid-row: 1/2;
}

.kontakt_item2 {
	grid-column: 1/5;
	padding: 5px;
}




/*Меню пациентвм*/
.card-item  {
	color: #000 !important;
}

.card-item {
	padding: 7px;
	font-family: sans-serif;
	line-height: 1;
}

.card-item:hover, .card-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}

.pravilapriema {
	font-weight: normal;
	font-size: 1em;
	font-family: sans-serif;
	padding-top: 7px;
	padding-left: 7px;
	padding-right: 7px;
	text-indent: 1.5em;
	text-align: justify;
}

.dropleft {
	position: absolute !important;
}


div.scrollup {
      position: fixed; /* фиксированная позиция */
      color: #fff; /* цвет текста */
      background-color: #9442bd; /* цвет заднего фона */
      right: 20px; /* расстояние от правого края */
      bottom: 0px; /* расстояние от нижнего края */
      padding: 4px 10px; /* отступы до содержимого блока */
      font-size: 20px; /* размер шрифта (иконки) */
      border-top-left-radius: 4px; /* скругление верхнего левого угла */
      border-top-right-radius: 4px; /* скругление верхнего правого угла */
      cursor: pointer; /* форма курсора */
      display: none; /* не отображать элемент */
      text-align: center; /*выравнивание содержимого элемента по центру */
}

div.scrollup:hover {
      background-color: #9442bd; /* цвет заднего фона при наведении */
}

footer {
	color: #fff;
	font-family: sans-serif;
}

footer .row {
	margin-top: 5px;
}


footer li {
	list-style-type: none;
}

#f  {
	position: relative;
	margin-top: -150px; /* отрицательное значение высоты футера */
	height: 150px;
	clear:both;
}


footer a {
	color: #fff;
	font-family: sans-serif;
	font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

footer a:hover {
	color: #bdbdbd;
}


@media (max-width: 640px) {

.carousel-caption {
	display: none;
}

.wrapper1 {
	display: grid;
	grid-template-columns: 1fr;
	grid-auto-rows: minmax(100px, auto);
	grid-gap: 1em;

}

.wrapper1 div {
	margin-left: 1px;
}



.newsgrid {
	display: grid;
	grid-template-columns: 1fr;
	grid-auto-rows: minmax(100px, auto);
	grid-gap: 10px;
	font-size: 16px;
	margin-right: 14px;
}


.newsbox1 .newsbox2 .newsbox3 {
	min-height: 25vh;
	background-size: cover;
	background-position: center;
}


.newsbox1 {
	grid-column: 1;
	grid-row: 1;
	padding: 5px;
}

.newsbox3 {
	grid-column: 1;
	grid-row: 3;
	padding: 5px;
}

.newsbox4 {
	grid-column: 1;
	grid-row: 3;
	padding: 5px;
}

.newsbox5 {
	grid-column: 1;
	grid-row: 3;
	padding: 5px;
}

.newsbox6 {
	grid-column: 1;
	grid-row: 3;
	padding: 5px;
}


.carousel-inner {
	height: 200px;
}

.profilaktbox {
    min-height: 30vh;
	background-size: cover;
	background-position: center;

}


/*Профилактика*/

.profilakt {
	display: grid;
	grid-template-columns: 1fr;
	grid-auto-rows: minmax(100px, auto);
	grid-gap: 1em;
	background-color: #fff;
}

/*Информация*/
.info {
	display: grid;
	grid-template-columns: 1fr;
	grid-auto-rows: minmax(100px, auto);
	grid-gap: 1em;
	background-color: #fff;
}


/*Главные специалисты*/
.glavspec {
	display: grid;
	grid-template-columns: 1fr;
	grid-auto-rows: minmax(100px, auto);
	grid-gap: 1em;
}


.sectiongl {
	margin: 5px;
}

/*Меню пациентвм*/
.menu_pacient  {
	display: none;
}


.gridevents {
    display: grid;
	grid-template-columns: 1fr;
	grid-auto-rows: minmax(100px, auto);
	grid-gap: 2px;
	margin-left: 7px;
	margin-right: 7px;
}

.gridevents a {
	color: #000;
}

.eventbox {
    min-height: 20vh;
	background-size: cover;
	background-position: center;

}

.eventbox p {
	text-align: left;
}

.scrollup div {
      position: fixed; /* фиксированная позиция */
      color: #fff; /* цвет текста */
      background-color: #9442bd; /* цвет заднего фона */
      right: 20px; /* расстояние от правого края */
      bottom: 0px; /* расстояние от нижнего края */
      padding: 4px 10px; /* отступы до содержимого блока */
      font-size: 20px; /* размер шрифта (иконки) */
      border-top-left-radius: 4px; /* скругление верхнего левого угла */
      border-top-right-radius: 4px; /* скругление верхнего правого угла */
      cursor: pointer; /* форма курсора */
      display: none; /* не отображать элемент */
      text-align: center; /*выравнивание содержимого элемента по центру */
}
.scrollup div:hover {
      background-color: #9442bd; /* цвет заднего фона при наведении */
}

.admindolzn {
    text-align: center !important;
}

.admininfo {
	display: block !important;
	font-size: 1em !important;
	text-align: center !important;
}


}

@media (min-width:640px) and (max-width: 768px) {
	
	.newsgrid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-auto-rows: minmax(100px, auto);
	grid-gap: 10px;
	font-size: 14px;
}


.newsbox1 .newsbox2 .newsbox3 {
	min-height: 25vh;
	background-size: cover;
	background-position: center;
}


.newsbox1 {
	grid-column: 1;
	grid-row: 1;
	padding: 5px;
}

.newsbox3 {
	grid-column: 1;
	grid-row: 3;
	padding: 5px;
}

.newsbox4 {
	grid-column: 1;
	grid-row: 3;
	padding: 5px;
}

.newsbox5 {
	grid-column: 1;
	grid-row: 3;
	padding: 5px;
}

.newsbox6 {
	grid-column: 1;
	grid-row: 3;
	padding: 5px;
}

.carousel-inner {
	height: 370px;
}


.display-2 {
	font-size: 3em;
}

.carousel-caption {

	position: absolute;
	top: 50%;
	transform: translateY(-60%);
	text-shadow: 1px 1px 10px #000;
}

/*Картинки в статьях*/
.thumb img {
            -webkit-filter: grayscale(0);
            filter: none;
            border-radius: 5px;
            background-color: #fff;
            border: 1px solid #ddd;
            padding: 5px;
        }
 
        .thumb img:hover {
            -webkit-filter: grayscale(1);
            filter: grayscale(1);
        }
 
        .thumb {
            padding: 5px;
        }


.gridevents {
    display: grid;
	grid-template-columns: 1fr 1fr;
	grid-auto-rows: minmax(100px, auto);
	grid-gap: 2px;
}

.gridevents a {
	color: #000;
}

.eventbox {
    min-height: 20vh;
	background-size: cover;
	background-position: center;

}

.eventbox p {
	text-align: left;
}


.profilaktbox {
    min-height: 36vh;
	background-size: cover;
	background-position: center;

}


.info {
	display: grid;
	grid-template-columns: 1fr;
	grid-auto-rows: minmax(100px, auto);
	grid-gap: 1em;
	background-color: #fff;
}


.info_item p, .info_item li {
	font-size: 0.8em;

}



}





@media (min-width:800px) and (max-width: 600px) {

	.newsgrid {
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-auto-rows: minmax(100px, auto);
	grid-gap: 10px;
	font-size: 14px;
}




}





/*@media (min-width: 768px) and (max-width:992px){*/
	@media (min-width: 768px) and (max-width:799px){

.navmenu {
   font-size: 0.9em !important;
}

		.newsgrid {
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-auto-rows: minmax(100px, auto);
	grid-gap: 10px;
}

.newsbox1 {
	grid-column: 1;
	grid-row: 1/3;
	padding: 5px;
}

.newsname {
	padding-top: 7px;
	padding-left: 7px;
	padding-right: 7px;
	text-indent: 1.5em;
	text-align: justify;
}

.newsname1 {
	padding-top: 15px;
	padding-left: 7px;
	padding-right: 7px;
	text-indent: 1.5em;
	text-align: justify;
}

.newsbox1 img, .newsbox2 img {
	text-align: center;
	width: 70%;
	height: auto;
}

.newsbox1,.newsbox2 a {
	padding-top: 7px;
	padding-left: 7px;
}

.carousel-inner {
	height: 300px;
}

.slides {
	height: 300px;
}

.carousel-indicators {
	display: none;
}

.carousel-inner img {
	transform: translateY(-30%);
	width: 100%;
	height: 100%;
}

.display-2 {
	font-size: 3.5em;
}

.carousel-caption {

	position: absolute;
	top: 50%;
	transform: translateY(-60%);
	text-shadow: 1px 1px 10px #000;
}

.profilaktbox {
    min-height: 36vh;
	background-size: cover;
	background-position: center;

}

.admindolzn {
    text-align: center !important;
}

.admininfo {
	display: block !important;
	font-size: 1em !important;
	text-align: center !important;
}

}


@media (min-width: 800px) and (max-width: 889px) {

.carousel-inner {
	height: 400px;
}

.navmenu {
   font-size: 0.9em !important;
}

.info_item p, .info_item li  {
	font-size: 0.8em;

}

.admindolzn {
    text-align: center !important;
}

.admininfo {
	display: block !important;
	font-size: 1em !important;
	text-align: center !important;
}

}



@media (min-width: 890px) and (max-width: 983px) {

.carousel-inner {
	height: 450px;
}

.navmenu {
   font-size: 0.9em !important;
}

.caret {
	display: none !important;
}

.info_item p, .info_item li {
	font-size: 0.8em;

}

}




@media (min-width: 984px) and (max-width:1024px) {

.carousel-inner {
	height: 500px;
}

.navmenu {
   font-size: 0.9em !important;
}

.eventbox {
    min-height: 25vh;
	background-size: cover;
	background-position: center;

}

.profilaktbox {
    min-height: 36vh;
	background-size: cover;
	background-position: center;

}

.nav-link {
	/*font-size: 1em !important;*/
	padding-left: 0 !important;
	padding-right: 0 !important;

}

.caret {
	display: none !important;
}

.info_item p, .info_item li {
	font-size: 0.8em;

}

.admindolzn {
    text-align: center !important;
}

.admininfo {
	display: block !important;
	font-size: 1em !important;
	text-align: center !important;
}

}


@media (min-width: 1025px) and (max-width:1280px) {

	.navbar-brand {
		font-size: 1rem !important;
	}	

	.navmenu {
		font-size: 0.9em !important;
	}

	.nav-link {
		padding-left: 0.1rem !important; 
		padding-right: 0rem !important;
	}

	h3 {
		font-size: 1.4rem !important;
	}

	.newsname {
	font-size: 14px;
	padding-top: 7px;
	padding-left: 7px;
	padding-right: 7px;
	/*text-indent: 1.5em;*/
	text-align: left;


}

	.newsdata {
		font-size: 13px;
		padding-top: 5px;
	}

	.carousel-inner {
	height: 500px;
}

	.newsgrid {
		font-size: 14px;

	}

.profilaktbox {
    min-height: 36vh;
	background-size: cover;
	background-position: center;

}

.carousel-inner {
	height: 600px;
}

/*ОТзывы*/
.reviews {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-auto-rows: minmax(100px, auto);
	grid-gap: 1em;
	background-color: #fff;
}

.reviews_item1 {
	margin-left: 6%;
	margin-right: 6%;
	min-height: 32vh;
	max-height: 695px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	grid-column: 1/3;
	grid-row: 1/2;
	padding: 5px;

}

.reviews_item2 {
	margin-right: 5%;
	min-height: 32vh;
	border: 1px solid #000;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	grid-column: 3/5;
	grid-row: 1/2;

}

.info_item p, .info_item li {
	font-size: 0.8em !important;

}

.admininfo {
	font-size: 0.9em !important;
}


}

@media (min-width: 1281px) and (max-width:1335px) {

.info_item p, .info_item li {
	font-size: 0.8em !important;

}




}