mo-assets/css/style.css

/*MAIN PAGE*/
/*HEADER*/

header{
    position: fixed;
	height: 45px;
	width: 100%;
	background: #3b434d;
	z-index: 99999999;
}
/*
header .active{
	color: #929093;
}*/

header .menu{
	position: relative;
	height: 100%;
	width: 100%;
}

header .menu ul li a{
	height: 100%;
	color: #fff;
	font-family: Cuprum, sans-serif;
	font-size: 16px;

}

header .menu ul li a:hover{
	text-decoration: none;
	color: #5597d1;
}

header .menu ul{
	padding: 0;
	margin-bottom:0;
	height: 100%;
	width: 100%;
	list-style: none;
	top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center; 
    overflow: hidden; 
}

header .menu ul li{
	padding-top: 13px; 
	margin:0 10px;
	height: 100%;
	float: left;
}

header .menu .circles{
	right: 0;
	position: absolute;
	padding-top: 5px ;
}

header .circles .circle{
	margin: 5px 2px;
	float: left;
	width: 30px;
	height: 30px;
	background:url(../images/circle-1.png); 
}

header .circles .circle:nth-child(2){
	background:url(../images/circle-2.png); 
}

header .circles .circle:nth-child(3){
	background:url(../images/circle-3.png); 
}

header .burger{
	display: none;
	width: 30px;
	height: 30px;
	background: url(../images/menu-burger.png) center no-repeat;
	cursor: pointer;
}

header .menu-mobile{
	list-style: none;
	text-align: center;
	color: #000;
	background: #3b434d;
}

header .menu-mobile ul{
	list-style: none;
}

header .menu-mobile ul li{
	margin-top: 10px;
}

header .menu-mobile ul li a{
	color: #fff;
	font-family: Cuprum, sans-serif;
	font-size: 18px;
}

header .menu-mobile ul li a:hover{
	text-decoration: none;
	cursor: pointer;
	color: #5597d1;
}

/*HEADER END*/

.main-container{
	padding-top: 60px; 
}

/*LEFT SIDE*/
.left-side{
	font-family: Cuprum, sans-serif;
	font-weight: 400;
	width: 20%;
}

@media (min-width: 992px){
	.left-side{
		padding-right: 20px;
	}
}

@media (min-width: 768px){
	.left-side{
		padding: 0 2px;
	}
}


.left-side .info{
	padding: 0 10px;
	margin-bottom: 20px;
}

.left-side .logo{
	text-align: center;
	margin-bottom: 15px
}

.left-side .logo-subtitle{
	line-height: 16px;
	font-size: 14px;
	text-align: center;
	color:#a1a1a1;
}

.left-side .howtoget_button{
	font-size: 16px;
	display: block;
	cursor: pointer;
	padding: 10px 0;
	text-align: center;
	text-decoration: underline;
	color:#929292;
	background: #ebebeb;
	margin: 10px 0;
}
/*
.left-side .contacts{
	padding-left: 10px; 
}*/

.left-side .contact{
	color:#929292;
	font-size: 14px;
}

.left-side .value{
	font-size: 16px;
	margin-bottom: 5px;
}

	.left-side .all-phones{
		display: inline-block;
		text-decoration: underline;
	}

	.left-side .all-phones img{
		margin-left: 5px;
	}
.left-side .specializations .spec-header{
	padding: 6px 10px;
	font-size: 22px;
	font-weight: 700;
	background: #929292;
	color: #fff;
}
	.left-side .specializations .spec-header a{
		display: inline-block;
		float: right;
	}

.left-side .spec{
	margin-top: 10px;
	height: 54px;
    background: #ebebeb;
    border-radius: 32px 0 0 32px;
	position: relative;
}

.left-side .spec .spec-avatar{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: block;
    position: absolute;
    margin-left: -10px;
    z-index: 10;
    left: 12px;
    top: 2px;
}

.left-side .spec .text{
	margin-left: 55px;
	padding-top: 5px;
}

.left-side .spec .text .subtitle{
	font-size: 14px;
	color: #929292;
}

.left-side .spec .text .title{
	font-size: 16px;
}

.left-side .more{
	text-align: right;
	margin-top: 10px;	
}

.left-side .more a{
	font-size: 14px;
	color:#929292;
}

.left-side .add-info{
	width: 100%;
	display: inline-block;
	margin-top: 40px; 
}

.left-side .add-info .info{
	padding-top: 20px;
	height: 90px;
	font-size: 20px;
	line-height: 20px;
	font-weight: 700;
	background: #ebd0ce;
	text-align: center;
	color: #fff;
}
/*LEFT-SIDE END*/

/*MAIN TITLE*/

.main-title{
	position: relative;
}

.main-title .title{
	font-family: Cuprum;
	font-weight: 700;
	color: #004d7b;
}

.main-title .subtitle{
	font-family: Cuprum;
	font-weight: 700;
	font-size: 16px;
	color: #929292;
	margin-bottom: 20px; 
}

.soc{
	position: absolute;
	right: 60px;
	top: 30px;
}

.soc .social{
	float: left;
	width: 25px;
	height: 25px;
	margin-right: 4px;
	border-radius: 50%;
	background: blue;
	display: block;
}

.soc .fb{
	background: url(../images/soc-fb.png)	
}

.soc .vk{
	background: url(../images/soc-vk.png)	
}


.soc .ok{
	background: url(../images/soc-ok.png)
}


.soc .tw{
	background: url(../images/soc-twitter.png)
}

.soc .fb:hover{
	background: url(../images/soc-fb-hover.png)	
}

.soc .vk:hover{
	background: url(../images/soc-vk-hover.png)	
}


.soc .ok:hover{
	background: url(../images/soc-ok-hover.png)
}


.soc .tw:hover{
	background: url(../images/soc-twitter-hover.png)
}

/*MAIN TITLE END*/
/*MAIN CONTENT*/

.main-container .col-lg-10{
	width: 80%;
}

/*.main-container .content{
	padding-right: 0; 
}*/

.content-left{
	padding-right: 0;
}

.content-left .slider{
	position: relative;
}

.content-left .arrow{
	width: 10px;
	height: 16px;
	position: absolute;
	z-index: 10;
	top: 50%;
	cursor: pointer;
}

.content-left .arrow-left{
	background: url(../images/slide-arrow-left.png);
	left: 10px;
}

.content-left .arrow-right{
	background: url(../images/slider-arrow-right.png);
	right: 10px;
}

.content-left .swiper-slide img{
	display: block;
}

.content-left .about{
	display: inline-block;
	margin-top: 40px;
}

.content-left .about .block-header{
	padding: 6px 10px;
	font-size: 22px;
	font-weight: 700;
	font-family: Cuprum, sans-serif;
	background: #929292;
	color: #fff;
	margin-bottom: 10px;
}

.content-left .about .block-header img{
	float: right;
	margin-top: 3px; 
}

.about .doctor{
	font-family: Cuprum, sans-serif;
	font-weight: 400;
}

.about .doctor .doctor-avatar{
	margin-bottom: 8px;
	text-align: center;
}

.about .doctor .doctor-name{
	text-align: center;
	font-size: 22px;
	color: #004d7b;
	line-height: 22px;
	margin-bottom: 4px;
}

.about .doctor .doctor-desc{
	text-align: center;
	color: #929292;
}

.about .doctor .doctor-link{
	padding: 9px 0;
	font-size: 14px;
	margin-top: 15px;
	text-align: center;
	background: #ebebeb;
}

	.about .doctor .doctor-link a{
		color: #929292;
		text-decoration: underline;
	}

 .about .about-text .title{
	font-family: Cuprum, sans-serif;
	font-weight: 700;
	font-size: 16px;
}

 .about .about-text .text{
	font-family: Open Sans, sans-serif;
	font-size: 16px;
	color: #3b434d;
}

.content-left .about .more-text{
	font-family: Open Sans, sans-serif;
	margin-top: 10px;
}

.about .more{
	margin-top: 10px;
	text-align: right;
}

.about .more a{
	font-size: 14px;
	color:#929292;
}

.content-left .clinics{
	margin-top: 40px;
}

.content-left .clinics .clinic{
	position: relative;
	display: inline-block;
	margin-bottom: 10px; 
	border: 1px solid #ebebeb; 
}

.content-left .clinics .block-header{
	padding: 6px 10px;
	font-size: 22px;
	font-weight: 700;
	font-family: Cuprum, sans-serif;
	background: #929292;
	color: #fff;
	margin-bottom: 10px;
}

.content-left .clinics .block-header img{
	float: right;
	margin-top: 3px; 
}


.content-left .clinics .clinic-image{
	margin-right: 15px; 
	display: block;
	float: left;
	height: 100%;
}

.content-left .clinics .text{
	/*padding-left: 115px;*/
}

.content-left .clinics .text .title{
	font-size: 18px;
	line-height: 18px;
	font-family: Cuprum, sans-serif;
}

.content-left .clinics .text .subtitle{
	font-family: Open Sans, sans-serif;
	color: #a1a1a1;
	padding-left: 10px;
}

.content-left .clinics .clinic .recomended{
	position: absolute;
	left: -7px;
	bottom: 5px;
	height: 36px;
	width: 196px;
	padding-top: 6px;
	font-family: Cuprum, sans-serif;
	font-size: 16px;
	color: #fff;
	padding-left: 6px;
	background:url(../images/green-recomended.png) no-repeat;
}

.content-left .clinics .more{
	text-align: right;
	margin-top: 10px;	
}

.content-left .clinics  .more a{
	font-size: 14px;
	color:#929292;
} 

.content-right{
	padding-left: 0;
}

/*.content*/ .importants{
	font-family: Open Sans, sans-serif;
}

/*.content*/ .importants .important{
	height: 90px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding:0;
	display: block;
	background: #d7d7d7;
}

/*.content */.importants .important:hover{
	text-decoration: none;
	background: #004d7b;
}

/*.content*/ .importants .important:focus{
	text-decoration: none;
}

/*.content*/ .importants .important:nth-child(1) .description{
	padding-top: 20px; 
}

/*.content*/ .importants .important:nth-child(2) .description{
	padding-top: 15px;
	padding-left: 0;  
}

/*.content*/ .importants .important:nth-child(4) .description{
	padding-top: 10px; 
}

/*.content*/ .importants .important:nth-child(6) .description{
	padding-top: 20px; 
}


/*.content*/ .importants .important .important-image{
	padding-top: 20px;
	margin-left: 5px;
	height: 100%;
	width: 25%;
	display: block;
	float: left;
}

/*.content*/ .importants .important .description{
	color: #fff;
	font-weight: 700;
	height: 100%;
	font-size: 15px;
	padding-left: 65px; 
}

.content-right .today{
	margin-top: 25px;
	padding-left: 15px; 
	display: inline-block;
}

.content-right .today .today-item .head{
	background: #929292;
	padding: 12px 5px;
	font-size: 13px;
	font-family: Cuprum;
	text-align: right;
	height: 40px;
	color: #fff;
	border-radius: 10px 0 0 0;
}

.content-right .today .today-item .head-blue{
	background: #5597d1;
}

.content-right .today .today-item .head .date{
	float: left;
	display: block;
}

.content-right .today .today-item .head .name{
	float: right;
	display: block;
}

.content-right .today .today-item{
	padding-right: 0;
}

.content-right .today .block-header{
	padding: 6px 10px;
	font-size: 22px;
	font-weight: 700;
	font-family: Cuprum, sans-serif;
	background: #929292;
	color: #fff;
	margin-bottom: 10px;
}

.content-right .today .block-header img{
	float: right;
	margin-top: 3px; 
}

.content-right .today .image{
	position: relative;
	margin-top: 10px;
}


.content-right .today .image img{
	display: block;
	width: 200px;
	margin: 0 auto; 
}

.content-right .today .logo{
	position: absolute;
	top: 0;
	font-family: Cuprum, sans-serif;
	right: 15px;
	width: 60px;
	height: 60px;
}

.content-right .today .logo img{
	width: 60px;
	height: 60px;
}

.content-right .today .free{
	position: absolute;
	padding-top: 5px;
	padding-left: 7px; 
	top: 60px;
	left: -5px;
	font-family: Cuprum, sans-serif;
	color: #fff;
	width: 200px;
	height: 40px;
	background: url(../images/free-bg.png) no-repeat;
}

.content-right .today .desc{
	margin-top:10px;
	margin-bottom: 10px;  
	font-family: Cuprum, sans-serif;
	padding-left: 5px; 
	font-size: 14px;
}

.content-right .today .org{
	font-family: Cuprum, sans-serif;
	font-weight: 600;
	text-align: center;
	border-top:1px solid #ebebeb;
	padding-top: 5px;
	color: #004d7b;
}

.content-right .today .adress{
	margin-top: 5px;
	font-family: Cuprum, sans-serif;
	font-size: 14px;
	padding: 15px 0;
	background: #ebebeb;
	color: #929292;
	text-align: center;
}

.content-right .news .block-header{
	padding: 6px 10px;
	font-size: 22px;
	font-weight: 700;
	font-family: Cuprum, sans-serif;
	background: #929292;
	color: #fff;
	margin-bottom: 10px;
}

.content-right .news .block-header img{
	float: right;
	margin-top: 3px; 
}
.content-right .news-item{
	height: 320px;
	padding: 0 10px;
	padding-right: 0;
	margin-bottom: 20px; 
}


.content-right .news-item .inner{
	height: inherit;
	background: #ebebeb;
}

.content-right .news{
	display: inline-block;  
	margin-top: 25px;
	padding-left: 15px;  
}

.content-right .news .image{
	font-family: Cuprum, sans-serif;
    margin-bottom: 10px; 
	color:#fff; 
	height: 140px;
	width: 205px;
	margin: 0 auto;
	position: relative;
}

.content-right .news .image img{
	display: block;
	width: 200px;
	margin: 0 auto;
}

.content-right .news .image .title{
	font-size: 16px;
	position: absolute;
	bottom: 10px;
	left: 20%;
}

.content-right .news .desc{
	font-family: Open Sans, sans-serif;
	padding-left: 10px;
	font-size: 14px;
	line-height: 17px;
}

.content-right .news .data{
	padding: 10px 0;
	margin:10px;
	margin-top:20px; 
	color: #929292;
	text-align: right;
	border-top: 1px solid #d4d4d4; 
}

/*footer*/
footer{
	position: absolute;
	margin-top: 40px; 
	width: 100%;
	padding-top: 40px;
	padding-bottom: 20px;
	display: inline-block;
	background: #3b434d;
}


footer .list{
	position: relative;
	list-style: none;
	float: left;
	width: 20%;
	font-family: Cuprum, sans-serif;
	font-size: 16px;
}

footer .list a{
	color: #f2f2f3
}

footer .list li:nth-child(1){
}

footer .list li:nth-child(1) a{
	color: #75787b;
	font-weight: 700;
	font-size: 18px;
}

footer .admin-button{
	background: #ebebeb;
	margin-top: 25px;
	padding: 10px 5px;
	text-align: center;
	display: block !important;
}

footer .admin-button a{
	font-size: 14px;
	color: #929292;
	text-decoration: underline;
}

footer .admin-button a:hover{
	text-decoration: underline;
}

footer .copyright{
	float: right;
	height: auto;
	margin-top: 40px;
}

footer .copyright .text{
	color: #919293;
	font-family: Open Sans, sans-serif;
	float: left;
	width: 60%;
	text-align: right;
}

footer .copyright a{
	font-family: Open Sans, sans-serif;
	padding-left: 8px;
	text-decoration: underline;
	color: #9e9e9e;
}

footer .copyright a:hover{
	color: #9e9e9e;
	text-decoration: underline;
}

footer .copyright .logo{
	text-align: center;
	float: left;
	margin-left: 20px;
}
/**/

@media (min-width: 1200px){
.important{
    width: 47%;
}

}

@media (min-width: 992px){
.content-right .today .today-item{
	width: 50%;
	margin-top: 20px; 
}

.content-right .news-item{
	width: 50%;
}



}

@media (min-width: 768px){
.content-right .today .today-item{
	float: left;
	width: 50%;
}

.content-right .news-item{
	float: left;
	width: 50%;
}


}

@media (max-width: 992px){
.left-side{
	width: 27% !important;
}

.content-a-lot{
	padding-right: 0; 
}

.main-container .col-lg-10{
	width: 73% !important;
}

header	.circles{
	position: static !important;
}

header .menu ul li a{
	font-size: 14.5px ;
}

}

@media (max-width: 1200px){
.main-title .soc{
	display: none;
}

footer .admin-button{
	width: 100%;
}

footer .list{
	width: 100%;
	padding-right: 40px;
}

footer .list li{
	display: none;
}

footer .list li:nth-child(1){
	display: block;
}
}


@media (max-width: 1200px){
	.left-side{
		width: 20%;
	}

	.content-left{
		width: 100%;
	}

	.content-left .clinic{
		width: 100%;
	}

	.content-right{
		width: 100%;
	}

.content-right .importants .important .description{
	padding-top: 30px !important;
}

.content-right .importants .important .important-image{
	width: 10%;
}
}

@media (max-width: 768px){
.left-side .specializations .spec{
	display: none;
}

.left-side .specializations .more{
	display: none;
}

.left-side .add-info{
	display: none;
}

.main-container .main-title{
	display: none;
}


.content .clinics{
	display: none;
}

.content-right{
	padding-right: 0;
}

.content-right .importants{
	display: none;
}

.left-side{
	width: 100% !important;
	margin-bottom:  40px;
}

.main-container .col-lg-10 {
    width: 100% !important;
}

.main-container .main-title{
	width: 100% !important;
}

.main-container .content-right{
	width: 100% !important;
}

.main-container .content-right .today{
	width: 100% !important;
}

.importants{
	width: 100% !important;
}

.main-container .content-left{
	width: 100% !important;
}

.main-container .content-left .clinic{
	width: 100% !important; 
}

.main-container .mobile{
	display: block;
}

.left-side .title{
	font-size: 32px;
}

.left-side .main-title{
	padding: 0;
}

.left-side{
	padding-right: 15px; 
}

.left-side .logo-subtitle{
	width: 50%;
	margin: 0 auto;
}

.left-side .specializations .spec-header a{
	transform: rotate(90deg);
}

.content-left .doctor{
	margin-bottom: 30px; 
}

.content-left .about .about-text{
	margin-bottom: 30px; 
}

.main-container .content-a-lot{
	padding-right: 0;
}

.content-right .today .today-item{
	width: 50%;
	float: left;
}

.content-right .news .news-item{
	width: 50%;
	float: left;
}

header .menu li{
	display: none;
}


header .menu ul .circles{
	display: block;
	position: absolute !important;
}

header .menu ul .burger{
	left: 0;
}

header .menu-mobile{
	position: absolute;
	width: 100%;
}

header .menu-mobile ul{
	padding: 0;
}


}

@media(max-width: 485px){
	.content-right .news .news-item{
		width: 100%
	}

	.content-right .today .today-item{
		margin: 0 auto;
		width: 100%;
		margin-bottom: 10px; 
	}
}

.mobile{
	display: none;
}
/*MAIN CONTENT END*/
/*END MAIN PAGE*/

/*CONTACTS PAGE*/


.contacts-container .side-bar .logo{
	margin-bottom: 50px;
}

.contacts-container .main-title{
	padding-left: 40px;
}

.contacts-container .main-title .title{
	font-size: 34px;
}

.contacts-container .side-bar ul{
	list-style: none;
	padding-left: 0; 
}

.contacts-container .side-bar li{
	padding: 7px 0;
	text-align: right;
	border-bottom: 1px solid  #ebebeb;
}

.contacts-container .side-bar li:first-child{
	border-top: 1px solid  #ebebeb;
}

.contacts-container .side-bar li a{
	color: #004d7b;
	font-family: Cuprum, sans-serif;
	font-weight: 600;
	font-size: 17px;
}

.contacts-container .side-bar li a:hover{
	text-decoration: none;	
}

.contacts-container .map{
	margin-bottom: 50px; 
}

.contacts-container #map{
	height: 345px;
	margin: auto;
}

.contacts-container .right-side-bar .info{
	margin-bottom: 10px;
}

.contacts-container .right-side-bar .soc{
	position: static;
	display: inline-block;
	text-align: center;
    padding: 0 10px;
    margin-top: 0; 
    margin-bottom: 20px;
}

.contacts-container .center-content .work-time{
	margin-bottom: 40px; 
}

.contacts-container .center-content .work-time .min-title{
	margin-bottom: 20px; 
	font-family: Cuprum, sans-serif;
	font-size: 20px;
	font-weight: 700;
}

.contacts-container .center-content .work-time .text{
	font-size: 16px;
}

.contacts-container .center-content .to-doctors{
	display: inline-block;
}

.contacts-container .center-content .to-doctors .min-title{
	margin-bottom: 20px; 
	font-family: Cuprum, sans-serif;
	font-size: 18px;
	font-weight: 700;
}

.contacts-container .center-content .callback .min-title-text{
	font-size: 16px;
	font-family: Cuprum;
	font-weight: 700;
}

.contacts-container .center-content .to-doctors .personal-doctor{
	width: 33.33333333332%;
	display: inline-block;
	color: #000;
	padding: 0;
	padding-right: 10px; 
	text-decoration: none;
	margin-bottom: 40px; 
}

.contacts-container .center-content .to-doctors .personal-doctor .doctor-type{
	font-size: 14px;
	font-family: Cuprum, sans-serif;
	color: #929292;
}

.contacts-container .center-content .to-doctors .personal-doctor .doctor-header{
	display: inline-block;
	width: 100%;
	background: #ebebeb;
	border-radius: 30px 0 0 30px; 
}

.contacts-container .center-content .to-doctors .personal-doctor .doctor-image{
	float: left;
}

.contacts-container .center-content .to-doctors .personal-doctor .doctor-name{
	padding-top: 10px;
	padding-left: 65px;
	font-family: Cuprum, sans-serif;
	color: #004d7b;
	font-size: 18px;
	line-height: 18px;
}

.contacts-container .center-content .to-doctors .personal-doctor .doctor-category .image{
	width: 13%;
	float: left;
	padding-top: 70px;
}

.contacts-container .center-content .to-doctors .personal-doctor .doctor-category .text{
	padding-top: 10px; 
	width: 87%;
	float: left;
}

.contacts-container .center-content .to-doctors .personal-doctor .doctor-category .text .category{
	color: #929292;
	margin-bottom: 10px;
}

.contacts-container .center-content .to-doctors .personal-doctor .doctor-category .text .otdels{
	color: #004d7b;
	font-family: Open Sans, sans-serif;
}

.contacts-container .center-content .to-doctors .personal-doctor .contacts{
	display: inline-block;
	margin-top: 10px;
	width: 100%;
	background: #ebebeb;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.contacts-container .center-content .to-doctors .personal-doctor .contact{
	color:#929292;
	font-size: 14px;
	font-family: Cuprum, sans-serif;
}

.contacts-container .center-content .to-doctors .personal-doctor .value{
	font-size: 16px;
	margin-bottom: 5px;
	font-family: Cuprum, sans-serif;
}

.contacts-container .center-content .to-doctors .personal-doctor .value a {
	font-size: 15px;
}

.contacts-container .center-content .to-doctors .personal-doctor .priem{
	margin-top: 10px;
	font-weight: 700;
	font-size: 16px;
	font-family: Cuprum, sans-serif;

}

.contacts-container .center-content .callback{

	display: inline-block;
}

.contacts-container .center-content .callback .min-title{
	margin-bottom: 20px; 
	font-family: Cuprum, sans-serif;
	font-size: 20px;
	font-weight: 700;
}

.contacts-container .center-content .callback .min-title-text{
	font-size: 19px;
	margin-bottom: 30px;
}

.contacts-container .center-content .callback form p{
	font-size: 12px;
	color: #929292;
}


.contacts-container .center-content .callback form input{
	margin-bottom: 10px;
	padding-left: 5px;
	font-family: Open Sans, sans-serif;
	font-size: 14px;
	font-weight: 400;
	width: 100%;
	height: 30px;
	color: #929292;
	background: #ebebeb;
	border: none;
}


.contacts-container .center-content .callback form input[type = "checkbox"]{
	width: 20px;
	height: inherit;
}

.contacts-container .center-content .callback form span{
	font-size: 12px;
	color: #929292;
}

.contacts-container .center-content .callback form textarea{
	width: 100%;
	height: 110px;
	padding-left: 5px;
	font-family: Open Sans, sans-serif;
	font-size: 14px;
	color: #929292;
	background: #ebebeb;
	border: none;
	resize: none;
}

.contacts-container .center-content .callback form .form-button{
	margin-top: 10px;
	cursor: pointer;
	padding: 7px 0;
	color: #fff;
	text-align: center;
	font-family: Cuprum , sans-serif;
	font-weight: 700;
	background: #004d7b;
	border: 0;
}

.contacts-container .center-content .to-doctors .doctor-button{
	display: inline-block;
	width: 100%;
	margin-top: 10px;
	text-align: center;
	text-decoration: underline;
	font-family: Cuprum, sans-serif;
	padding: 7px 0; 
	color: #929292;
	background: #ebebeb;
}

.contacts-container .center-content .to-doctors .doctor-button:hover{
	color: #fff;
	background: #004d7b;

}


/*
.contacts-container .center-content .*/


@media (max-width: 1200px){
 .contacts-container .left-side {
    width: 20% !important;
}


.contacts-container .importants .important:nth-child(2) .description{
	padding-left:58px;
}

}

@media (min-width: 1200px){
 .contacts-container .main-title {
    width: 60%;
    padding-left: 40px;
}

 .contacts-container .focus-content {
    width: 60%;
    padding-left: 40px;
}

.contacts-container .important{
	width: 100%;
}
}


@media (max-width: 1200px){

.contacts-container .center-content .callback{
	margin-bottom: 40px; 
}

.contacts-container .left-side {
    width: 100% !important;
    margin-bottom: 40px;
}

.contacts-container .left-side .main-title{
	float: none;
	width: 100% !important;
}

.contacts-container .center-content{
	width: 100%;
}

.contacts-container .center-content .to-doctors .personal-doctor{
	width: 100%;
}

.contacts-container .center-content .callback form .form-button{
	width: 100%;
}

.contacts-container .main-title{
	padding-left: 15px; 
}

.contacts-container .center-content .to-doctors .personal-doctor .doctor-category .image{
	width: 10%;
	padding-top: 20px; 
}

.contacts-container .left-side .importants .important-image{
	width: 10%;
}

.contacts-container .left-side .importants .description{
	padding-top: 20px !important;
}

.contacts-container .right-side-bar .info .logo{
	display: none;
}

.contacts-container .main-title{
	display: block;
}

.contacts-container .center-content .title{
	display: none;
}

.contacts-container .center-content .subtitle{
	display: none;
}


}
/*CONTACTS PAGE END*/

/*SPECIALISTS PAGE*/

.specs-container .center-content .classes{
	margin-bottom: 15px;
}

.specs-container .center-content .classes a{
	display: block;
	color: #004d7b;
}

.specs-container .center-content .text{
	font-family: Open Sans, sans-serif;
	margin-bottom: 20px;
}

.specs-container .today{
	width: 100%;
	margin-top: 25px;
/*	padding-left: 15px;
	padding-right: 15px;*/
	display: inline-block;
}

.specs-container .today .today-item{
	padding-left: 0;
	margin-bottom: 20px;
}

.specs-container .today .today-item .head{
	background: #929292;
	padding: 12px 5px;
	font-size: 13px;
	font-family: Cuprum;
	text-align: right;
	height: 40px;
	color: #fff;
	border-radius: 10px 0 0 0;
}

.specs-container .today .today-item .head-blue{
	background: #5597d1;
}

.specs-container .today .today-item .head .date{
	float: left;
	display: block;
}

.specs-container .today .today-item .head .name{
	float: right;
	display: block;
}

/*.contacts-container .today .today-item{
	padding-right: 0;
}
*/
.specs-container .today .block-header{
	padding: 6px 10px;
	font-size: 22px;
	font-weight: 700;
	font-family: Cuprum, sans-serif;
	background: #929292;
	color: #fff;
	margin-bottom: 10px;
}

.specs-container .today .block-header img{
	float: right;
	margin-top: 3px; 
}

.specs-container .today .image{
	position: relative;
	margin-top: 10px;
}


.specs-container .today .image img{
	display: block;
	width: 200px;
	margin: 0 auto; 
}

.specs-container .today .logo{
	position: absolute;
	top: 0;
	font-family: Cuprum, sans-serif;
	right: 15px;
	width: 60px;
	height: 60px;
}

.specs-container .today .logo img{
	width: 60px;
	height: 60px;
}

.specs-container .today .free{
	position: absolute;
	padding-top: 5px;
	padding-left: 7px; 
	top: 60px;
	left: -5px;
	font-family: Cuprum, sans-serif;
	color: #fff;
	width: 200px;
	height: 40px;
	background: url(../images/free-bg.png) no-repeat;
}

.specs-container .today .desc{
	margin-top:10px;
	margin-bottom: 10px;  
	font-family: Cuprum, sans-serif;
	padding-left: 5px; 
	font-size: 14px;
}

.specs-container .today .org{
	font-family: Cuprum, sans-serif;
	font-weight: 600;
	text-align: center;
	border-top:1px solid #ebebeb;
	padding-top: 5px;
	color: #004d7b;
}

.specs-container .today .adress{
	margin-top: 5px;
	font-family: Cuprum, sans-serif;
	font-size: 14px;
	padding: 15px 0;
	background: #ebebeb;
	color: #929292;
	text-align: center;
}

.specs-container .center-content .vacancies{
	margin-bottom: 40px; 
}

.specs-container .center-content .vacan-table{
	border-top: 1px solid #ebebeb;
}

.specs-container .center-content .vacancies .vac{
	padding: 7px 10px; 
}

.specs-container .center-content .vacancies .vac:nth-child(even){
	background: #ebebeb;
}

.specs-container .center-content .vacancies .vacation{
	float: left;
}

.specs-container .center-content .vacancies .vacation a{
	color:#004d7b;
}

.specs-container .center-content .vacancies .value{
	text-align: right;
}

@media (min-width: 768px){
	.specs-container .today .today-item {
	    float: left;
	    width: 33.333332%;
	}
}
/*SPECIALISTS PAGE END*/
/*NEWS*/

.left-side .add-info-news{
	margin-top: 15px; 
}

.right-side-bar .today{
	width: 100%	;
	margin-top: 25px; 
	display: inline-block;
}

.right-side-bar .today .today-item{
	padding: 0 10px;
}

.right-side-bar .today .today-item .head{
	background: #929292;
	padding: 12px 5px;
	font-size: 13px;
	font-family: Cuprum;
	text-align: right;
	height: 40px;
	color: #fff;
	border-radius: 10px 0 0 0;
}

.right-side-bar .today .today-item .head-blue{
	background: #5597d1;
}

.right-side-bar .today .today-item .head .date{
	float: left;
	display: block;
}

.right-side-bar .today .today-item .head .name{
	float: right;
	display: block;
}

.right-side-bar .today .today-item{
	margin-bottom: 15px; 
}

.right-side-bar .today .block-header{
	padding: 6px 10px;
	font-size: 22px;
	font-weight: 700;
	font-family: Cuprum, sans-serif;
	background: #929292;
	color: #fff;
	margin-bottom: 10px;
}

.right-side-bar .today .block-header img{
	float: right;
	margin-top: 3px; 
}

.right-side-bar .today .image{
	position: relative;
	margin-top: 10px;
}


.right-side-bar .today .image img{
	display: block;
	width: 200px;
	margin: 0 auto; 
}

.right-side-bar .today .logo{
	position: absolute;
	top: 0;
	font-family: Cuprum, sans-serif;
	right: 15px;
	width: 60px;
	height: 60px;
}

.right-side-bar .today .logo img{
	width: 60px;
	height: 60px;
}

.right-side-bar .today .free{
	position: absolute;
	padding-top: 5px;
	padding-left: 7px; 
	top: 60px;
	left: -5px;
	font-family: Cuprum, sans-serif;
	color: #fff;
	width: 200px;
	height: 40px;
	background: url(../images/free-bg.png) no-repeat;
}

.right-side-bar .today .desc{
	margin-top:10px;
	margin-bottom: 10px;  
	font-family: Cuprum, sans-serif;
	padding-left: 5px; 
	font-size: 14px;
}

.right-side-bar .today .org{
	font-family: Cuprum, sans-serif;
	font-weight: 600;
	text-align: center;
	border-top:1px solid #ebebeb;
	padding-top: 5px;
	color: #004d7b;
}

.right-side-bar .today .adress{
	margin-top: 5px;
	font-family: Cuprum, sans-serif;
	font-size: 14px;
	padding: 15px 0;
	background: #ebebeb;
	color: #929292;
	text-align: center;
}

.contacts-container .center-content .news .block-header{
	padding: 6px 10px;
	font-size: 22px;
	font-weight: 700;
	font-family: Cuprum, sans-serif;
	background: #929292;
	color: #fff;
	margin-bottom: 10px;
}

.contacts-container .center-content .news .block-header img{
	float: right;
	margin-top: 3px; 
}
.contacts-container .center-content .news-item{
	height: 320px;
	padding: 0 10px;
	padding-right: 0;
	margin-bottom: 20px; 
}


.contacts-container .center-content .news-item .inner{
	height: inherit;
	background: #ebebeb;
	border-radius: 10px 0 0 0;
	overflow: hidden;
}

.contacts-container .center-content .news{
	display: inline-block;  
	margin-top: 25px; 
	padding-left: 0px;  
}

.contacts-container .center-content .news .image{
	font-family: Cuprum, sans-serif;
    margin-bottom: 20px; 
	color:#fff; 
	height: 160px;
/*	width: 205px;*/
	margin: 0 auto;
	position: relative;
}

.contacts-container .center-content .news .image img{
	display: block;
	margin: 0 auto;
}

.contacts-container .center-content .news .image .title{
	font-size: 16px;
	font-weight: 400;
	position: absolute;
	bottom: 10px;
	display: block;
	color: #fff;
	left: 20%;
}

.contacts-container .center-content .news .desc{
	font-family: Open Sans, sans-serif;
	padding-left: 10px;
	font-size: 14px;
	line-height: 17px;
}

.contacts-container .center-content .news .data{
	padding: 10px 0;
	margin:10px;
	margin-top:20px; 
	color: #929292;
	text-align: right;
	border-top: 1px solid #d4d4d4; 
}

.center-content .pagination-container{
	/*background: #ebebeb;*/
	padding-left: 10px;
}

.center-content .pagination{
	font-family: Open Sans, sans-serif;
	font-weight: 500;
	width: 100%;
	height: 40px;
	background: #ebebeb;
}

.center-content .pagination .number{
	cursor: pointer;
	padding-top: 10px; 
	/*margin: 0 10px;*/
}

.center-content .pagination .number:hover{
	color:#e77140;
}

.center-content .pagination .active{
	color: #e77140;
	border-bottom:2px solid #e55e26;
}

.center-content .pagination .arrow-left{
	background: url(../images/pagination-left.png) no-repeat center;
	cursor: pointer;
}

.center-content .pagination .arrow-right{
	background: url(../images/pagination-right.png) no-repeat center;
	cursor: pointer;
}

.center-content .pagination div{
	height: 40px;
	float: left;
	width: 7.14%;
	text-align: center;
}


@media(max-width: 1200px){
	.right-side-bar .today .today-item{
		width: 33.33333%;
		float: left;
	}

	.left-side .news-importants{
		display: none;
	}

}

@media(min-width: 992px){
	.left-side .new-importants{
		display: none;
	}
}

@media(max-width: 768px){
	.right-side-bar .today .today-item{
		width: 100%;
		float: left;
	}

	.right-side-bar .today{
		display: none;
	}

	.center-content .pagination{
		display: none;
	}

	.left-side .add-info {
    display: block;
}
}

@media(max-width: 550px){
	.center-content .news{
		padding-left: 0; 
	}

	.center-content .news .news-item{
		padding-left: 0; 
		width: 93%;
		float: none;
		margin: 0 auto;
		margin-bottom: 20px; 
	}

	.center-content .news .news-item .image{
		padding-left: 0; 
		width:100%;
		margin: 0 auto;
	}
	.center-content .news .news-item .image img{
		margin: 0 auto;
	}
}
/*NEWS END*/

/*ABOUT*/

/*.center-content .about{
	display: inline-block;
}*/

.center-content .about .doctor{
	padding-left: 0; 
}

.center-content .about .about-text .title{
	font-family: Cuprum, sans-serif;
	font-weight: 700;
	font-size: 24px;
}

.center-content .about-main-text{
	display: inline-block;
	margin-top: 20px; 
	font-size: 16px;
}

.center-content .about-main-text .image{
	text-align: center;
	float: right;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 20px; 
}

.center-content .youtube{
	width: 100%;
	margin-top: 20px; 
	text-align: center;
}

.center-content .to-doctors-about{
	padding-left: 0; 
	margin-bottom: 0 !important;
	margin-top: 40px;
}

.center-content .to-doctors-about .personal-doctor .doctor-name span{
	display: block;
	float: left;
}

.center-content .to-doctors-about .personal-doctor .doctor-name .span-cat{
	font-size: 14px;
	float: right;
	padding-right: 20px;
}

.center-content .to-doctors-about .personal-doctor{
	width: 100% !important;
	border-bottom: 1px solid #ebebeb;
}

.center-content .to-doctors-about .doctor-header{
	height: 40px;
	border-radius: 70px 0 0 30px;
}

.center-content .to-doctors-about .personal-doctor .image{
	padding-top: 30px !important; 
}

.center-content .equip{
	margin-bottom: 40px;
}

.center-content .media{
	margin-bottom: 40px;
	overflow: visible;
	position: relative;
	padding-top: 30px;
	border-top: 1px solid #ebebeb;
}

.center-content .media .swiper-button-next{
	background: url(../images/media-arrow-right.png) no-repeat center;
	top: 60%;
	right: -25px;	
}

.center-content .media .swiper-button-prev{
	background: url(../images/media-arrow-left.png) no-repeat center;
	top: 60%;
	left: -30px;
}

  .center-content .media .swiper-container {
        width: inherit;
        height: 140px;
        margin: 20px auto;
    }

    .center-content .media .swiper-container iframe{
		width: 100%;
		height: 100%;
    }


    .center-content .media .swiper-slide {
    	width: 30% !important;
        text-align: center;
        font-size: 18px;
        background: #fff;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

.center-content .media-text{
	line-height: 20px;
	font-size: 15px;
}

.center-content .pagination .show-all{
	text-align: center;
	padding-top: 10px;
	font-size: 13px;
	display:inline-block;
	color: #fff;
	background: #3b434d;
	width: 20%;
	height: 100%;
	float: right;
}

.center-content .pagination .show-all:hover{
	text-decoration: none;
	background: #e65e26;
}

.center-content .pagination .show-all:focus{
	text-decoration: none;
}

.center-content .documents{
	font-family: Open Sans, sans-serif;
	color: #3b434d;
	background: #ebebeb;
}

.center-content .documents .row{
	margin-right: 0;
	margin-left: 0; 
}


.center-content .documents .doc-item{
	width: 20%;
	float: left;
	padding: 5px;
}

.center-content .documents .year{
	width: 8%;
}

.center-content .documents .doc-name{
	color: #004d7b;
	width: 22%;
}

.center-content .documents .doc-data{
	width: 14%;
}

.center-content .documents .doc-desc{
	width: 25%;
}

.center-content .documents .doc-org{
	width: 25%;
}


@media (max-width: 1200px){

	.center-content .about{
		margin-bottom: 20px; 
	}

	.center-content .about .doctor{
		margin-bottom: 20px; 
	}

	.center-content .about .about-text .title{
    	display: block;
	}	
}

@media (max-width: 768px){
	
	.center-content .documents .doc-item{
		width: 100%;
		float: none;
		padding: 5px;
	}

	.center-content .documents .row{
		margin: 20px 0;
	}

	.center-content .about-main-text .image{
		display: none;
	}

	.center-content .about .youtube iframe{
		width: 100%;
	}

	.center-content .to-doctors-about .personal-doctor .doctor-name .span-cat{
		display: none;
	}

	.center-content .to-doctors-about .personal-doctor .doctor-image{
		display: none;
	}

	.center-content .to-doctors .personal-doctor .doctor-header{
		border-radius: 0 !important;
	}

	.center-content .to-doctors .personal-doctor .doctor-header .doctor-name{
		padding-left: 15px !important;
	}
}

@media (max-width: 768px){
	.smi{
		display: none;
	}
}

/*ABOUT END*/

/*SERVICES*/
.service-text{
	font-family: Open Sans, sans-serif;
}

.service-title{
	font-family: Cuprum ,sans-serif;
	font-weight: 600;
	font-size: 26px;
	margin: 30px 0;
}

.service-item{
	font-family: Open Sans, sans-serif;
	color :#404040;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	width: 100%;
	display: inline-block;
}

.service-row{
	display: inline-block;
	width: 100%;
	padding: 4px 5px;
}

.service-row:nth-child(even){
	background: #ebebeb;
}

.service-item .service-unit{
	width: 11%;
	float: left;
}

.service-item .service-unit:nth-child(1){
	width: 9%;
}

.service-item .service-unit:nth-child(2){
	width: 50%;
}

.service-item .service-unit:nth-child(3){
	width:11%; 
}

.service-item .service-unit:nth-child(4){
	width: 9%;
	text-align: center; 
}

.service-item .service-unit:nth-child(5){
	width: 9%;
	text-align: center; 
}


.service-more{
	display: none;
	text-align: right;
	margin-top: 10px;	
}

.service-more a{
	font-size: 14px;
	color:#929292;
}

.service-more:last-child{
	margin-bottom: 60px;
}

@media(max-width: 768px){
	.service-more{
		display: block;
	}
		
	.service-item .service-unit{
		text-align: left !important;
		width: 100% !important;
		float: none;
		padding: 5px;
	}

	.service-row{
		margin: 20px 0;
	}

	.service-item .service-unit:nth-child(1){
		display: none;
	}

}
/*SERVICES END*/

/*TODAY*/
.today-page{
	width: 100%;
	margin-top: 25px;
	padding-left: 0px; 
	display: inline-block;
}

.today-page .today-item .head{
	background: #929292;
	padding: 12px 5px;
	font-size: 13px;
	font-family: Cuprum;
	text-align: right;
	height: 40px;
	color: #fff;
	border-radius: 10px 0 0 0;
}

.today-page .today-item .head-blue{
	background: #5597d1;
}

.today-page .today-item .head .date{
	float: left;
	display: block;
}

.today-page .today-item .head .name{
	float: right;
	display: block;
}

.today-page .today-item{
	padding-right: 0;
	margin-bottom: 20px;
}

.today-page .image{
	position: relative;
	margin-top: 10px;
}


.today-page .image img{
	display: block;
	width: 200px;
	margin: 0 auto; 
}

.today-page .logo{
	position: absolute;
	top: 0;
	font-family: Cuprum, sans-serif;
	right: 15px;
	width: 60px;
	height: 60px;
}

.today-page .logo img{
	width: 60px;
	height: 60px;
}

.today-page .free{
	position: absolute;
	padding-top: 5px;
	padding-left: 7px; 
	top: 60px;
	left: -5px;
	font-family: Cuprum, sans-serif;
	color: #fff;
	width: 200px;
	height: 40px;
	background: url(../images/free-bg.png) no-repeat;
}

.today-page .desc{
	margin-top:10px;
	margin-bottom: 10px;  
	font-family: Cuprum, sans-serif;
	padding-left: 5px; 
	font-size: 14px;
}

.today-page .org{
	font-family: Cuprum, sans-serif;
	font-weight: 600;
	text-align: center;
	border-top:1px solid #ebebeb;
	padding-top: 5px;
	color: #004d7b;
}

.today-page .adress{
	margin-top: 5px;
	font-family: Cuprum, sans-serif;
	font-size: 14px;
	padding: 15px 0;
	background: #ebebeb;
	color: #929292;
	text-align: center;
}

 .pagination-mobile{
	display: none;
}

@media (max-width: 768px){
	.center-content .pagination-mobile{
		display: block;
	}

	.center-content .pagination-mobile .pagination div{
		width: 16.66666%;
	}
}	

/*TODAY END*/
/*PATIENT*/

.min-title{
	margin-bottom: 20px; 
	font-family: Cuprum, sans-serif;
	font-size: 20px;
	font-weight: 700;
}

.patients-text{
	font-family: Open Sans, sans-serif;
	line-height: 22px;
	margin-bottom: 20px;
}
/*PATIENT END*/
/*VACANCIES*/

.vacancy .vacancy-header{
	font-family: Cuprum;
	display: inline-block;
	padding: 5px 12px;
	margin-bottom: 10px;
	background: #d7d7d7;
	width: 100%;
}

.vacancy-wrap {
	display: inline-block;
	margin-bottom: 15px;
}

.vacancy .vacancy-header .name{
	display: inline-block;
	font-family: Cuprum;
	font-weight: bold;
	width: 60%;
	float: left;
	font-size: 18px;
}

.vacancy .vacancy-header .date{
	padding-top: 5px;
	height: 20px;
	width: 40%;
	font-size: 13px;
	color: #929292;
	text-align: right;
	float: left;
}

.vacancy .vacancy-data{
	margin-bottom: 15px;
	padding-left: 0;
}

.vacancy-data .org .text{
	font-size: 14px;
	font-family: Cuprum;
	color: #929292;
}

.vacancy-data .org .org-name{
	font-size: 18px;
	font-family: Cuprum;
	font-weight: 400;
	color: #004d7b;
	margin-bottom: 15px;
} 

.vacancy .vacancy-table{
	display: inline-block;
	border-top:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb; 
}

.vacancy .vacancy-table .vacancy-row{
	width: 100%;
	display:inline-block;
	padding: 5px 10px;
}

.vacancy .vacancy-table .vacancy-row:nth-child(even){
	background: #ebebeb;
}

.vacancy .vacancy-table .vacancy-row .name{
	width: 70%;
	float: left;
}

.vacancy .vacancy-table .vacancy-row .data{
	width: 30%;
	float: left;
	text-align: left;
}

.vacancy .contact{
	font-family: Cuprum;
	color:#929292;
	font-size: 14px;
}

.vacancy .contacts .otd a{
	font-size: 17px;
	color: #115984;
}

.vacancy .value{
	font-size: 16px;
	margin-bottom: 5px;
}


.vacancy .vacancy-contacts{
	padding-left: 0;
}

.vacancy .contacts .value{
	color: #004d7b;
	font-size: 16px;
	font-family: Cuprum;
}

@media(max-width: 420px){
	.vacancy .vacancy-data .vacancy-table .vacancy-row div{
		width: 100%;
		float: none;
	}
}

.mini-title-2{
	font-family: Cuprum;
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 10px; 
}

.vacancy-text{
	font-family: Open Sans;
	margin-bottom: 40px;
}

/*VACANCIES END*/