/* ------------------  шрифты -----------------------*/
@font-face {
	font-family: 'Lato';
	src: url('../fonts/Lato-Regular.eot');
	src: local('../fonts/Lato-Regular'), local('Lato-Regular'),
		url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Lato-Regular.woff') format('woff'),
		url('../fonts/Lato-Regular.ttf') format('truetype');
	font-weight: regular;
	font-style: normal;
}
@font-face {
	font-family: 'Lato Semibold';
	src: url('../fonts/Lato-Semibold.eot');
	src: local('Lato-Semibold'), local('Lato-Semibold'),
		url('../fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Lato-Semibold.woff') format('woff'),
		url('../fonts/Lato-Semibold.ttf') format('truetype');
	font-weight: bolder;
	font-style: normal;
}
@font-face {
	font-family: 'Lato Bold';
	src: url('../fonts/Lato-Bold.eot');
	src: local('Lato-Bold'), local('Lato-Bold'),
		url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Lato-Bold.woff') format('woff'),
		url('../fonts/Lato-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Lato Black';
	src: url('../fonts/Lato-Black.eot');
	src: local('Lato-Black'), local('Lato-Black'),
		url('../fonts/Lato-Black.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Lato-Black.woff') format('woff'),
		url('../fonts/Lato-Black.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}



body{background:url("/images/mainpage/setka.png") repeat-y; color:#5D5D5D; font-family:'Lato', Arial, sans-serif; font-size:16px;}
h1{text-transform:uppercase; margin-bottom:35px;  font-family: 'Lato Bold', Arial, sans-serif;; margin-top:0; font-family: 'Lato Bold', Helvetica, Arial, sans-serif;}
h2{color: #F4729E; line-height:40px; text-transform:uppercase;}
h3{text-transform:uppercase; font-size:16px;  font-family: 'Lato Bold', Arial, sans-serif; margin-top:35px;}
.mainpage p{margin-bottom:30px;}
h4{color: #8ea9c4; font-family: 'Lato Black', Arial, sans-serif; margin-bottom:20px; font-size:24px;}
h4 a{color: #8ea9c4;}
b, strong{font-weight:normal; font-family: 'Lato Black', Arial, sans-serif;}


#sp-top-bar{background:#E6EEF7; color:#84718F; font-family: 'Lato Bold', Arial, sans-serif; line-height:18px; font-size:14px;}
#sp-top-bar img, #sp-header .header2 img{float:left; margin:0 10px 0 0;}
#sp-top1{padding-left:30px;}
#sp-top2{line-height:36px;}
#sp-top3 .sp-module{float:right;}

/*-------------------- шапка сайта -------------------------------*/
#sp-header .logo{margin-left:20px;}
#sp-header .logo img{height:76px; margin: 12px 0; object-fit: contain;}
#sp-header .header1{font-family: 'Lato Semibold', Arial, sans-serif; font-size: 24px;line-height: 28px;text-transform: uppercase;color: #84718F; margin:22px 0; position:relative; padding:0;}
#sp-header .header1:before{content:""; background:url("/images/mainpage/line.png"); position:absolute; left: -30px; top:-10px; width:3px; height:75px;} 
#sp-header .header2{margin:26px 0; padding:0;}
#sp-header .header3{margin:16px 0; text-align:right; padding:0;}
#sp-header .header3 .phone{font-size: 24px;line-height: 29px;font-family: 'Lato Bold', Arial, sans-serif; }
#sp-header .header3 input, #sp-bottom4 input{text-transform:uppercase; padding:5px 27px; font-family: 'Lato Semibold', Arial, sans-serif; box-shadow: 5px 9px 15px rgba(142, 169, 196, 0.2);}

.header-mobile img{float:left; margin-right:15px;}
.header-mobile{margin-top:7px;}


.sotial-top a{width:30px; height:30px; float:left; border-radius:15px; background:#84718F; margin-left:5px; position:relative;}
.sotial-top a:hover{background:#F4729E;}
.sotial-top a i{color:#E6EEF7; font-size:18px; text-align:center; vertical-align:middle; position:absolute; top: 6px; left: 5px;}
.sotial-top a:first-child i{left:7.5px;}

#sp-position1 .sotial-top a:first-child i{left:8px;}
#sp-position1 .sotial-top a:nth-child(2) i{font-size:16px; left:7px; bottom:7px;}
#sp-position1 .sotial-top a:nth-child(3) i{font-size:20px; left:6.5px; top:5px;}

#sp-position8 .sp-module ul > li{border:none; float:left;}
#sp-position8 .sp-module ul > li > a{padding:5px; text-transform:uppercase; font-size:12px;}
/*-------------------- основное меню -------------------------------*/
#sp-menu ul{display:table;  width:100%;  table-layout:fixed; background:#8EA9C4; color:#fff; border-radius: 25px 25px 25px 0px;}
#sp-menu ul li{display:table-cell; padding:12px 15px; border-right: 2px solid rgba(255, 255, 255, 0.5); text-align:center;}
#sp-menu ul li:last-child{border:none;}
#sp-menu ul li a{color:#fff;}
#sp-menu ul li:nth-child(1){width:23%; text-align:left;}
#sp-menu .sp-dropdown{display:none!important;}

.offcanvas-menu{background-color:#84718F;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li{border:none;}
.offcanvas-menu .offcanvas-inner .sp-module:first-child{margin-top:30px;}

.mobile{display:none;}

/*-------------------- левое меню -------------------------------*/
.leftmenu ul{background:#fff; box-shadow: 5px 9px 15px rgba(142, 169, 196, 0.2);}
.leftmenu ul > li > a{padding:15px 30px; text-transform:uppercase; color: #5D5D5D;}
.banneritem{box-shadow: 5px 9px 15px rgba(142, 169, 196, 0.2);}


ul {list-style-image: url(/images/mainpage/check.png); padding-left:30px;}
.button-grey{background:#8EA9C4;box-shadow: 5px 9px 15px rgba(142, 169, 196, 0.2);border-radius: 30px; font-size:14px; line-height:20px; text-transform:uppercase; font-family: 'Lato Bold', Arial, sans-serif; padding:10px 24px 10px 13px;}
.button-grey a{color:#fff;}
.button-grey img{margin-top:-5px;}
 
 #sp-main-body{min-height:calc(100vh - 1200px);}
/*-------------------- блок особенностей -------------------------------*/
#sp-position2 li{float:left; width:25%; border:none;}
#sp-position2 ul{width:100%; background: #E6EEF7;box-shadow: 5px 9px 15px rgba(142, 169, 196, 0.2);border-radius: 50px; height:100px; padding: 20px 30px;}
#sp-position2 img{float:left; margin-right: 10px;}
#sp-position2 li:nth-child(2), #sp-position2 li:nth-child(4){line-height:60px;}
#sp-position2 li:nth-child(1), #sp-position2 li:nth-child(3){line-height:30px;}

/*-------------------- блок доктора -------------------------------*/
#sp-doctors{background: #EDF4FB;box-shadow: 5px 9px 15px rgba(142, 169, 196, 0.2); background-size:100% 490px; margin-top:-50px; padding-top:150px; height:490px;}
#sp-doctors h3{margin-top:0;}
#sp-doctors .button-grey{padding: 20px; text-align:center; margin:34px 0 84px;} 
.doctors img, .doctorspage img{box-shadow: 5px 9px 15px rgba(142, 169, 196, 0.2); margin-bottom:30px; height:350px; object-fit:cover; width:100%; object-position: center top;}
.doctors h4, .doctorspage h4{font-family: 'Lato Black', Arial, sans-serif; font-size: 24px;line-height: 32px; margin-bottom:0;}
.doctors p, .doctorspage p{font-family: 'Lato Bold', Arial, sans-serif;}
#sp-doctors2{margin-top:-170px;}
.doctorspage{height:500px; margin-bottom:30px;}
/*-------------------- блок формы -------------------------------*/
#sp-forma{padding:100px 0;}
.free-form .text1{font-family: 'Lato Black', Arial, sans-serif;font-size: 26px;line-height: 26px;text-transform: uppercase;color: #84718F; text-align:center;}
.free-form .text2{font-family: 'Lato Bold', Arial, sans-serif; font-size: 16px;line-height: 24px;text-align: center;text-transform: uppercase;color: #84718F; margin-bottom:30px;}
.free-form .text3{font-family: 'Lato Black', Arial, sans-serif;font-size: 24px;line-height: 26px;text-align: center;text-transform: uppercase;color: #F4729E;}
.free-form .text4{font-size: 12px;line-height: 16px;text-align: center;color: #5D5D5D; margin-bottom:25px;}
#baform-2 .ba-form{padding:50px 30px;}
.check-form img{float:left; margin-right:10px;}
.check-form{font-size:12px; line-height:16px; margin:30px 0 30px 10px!important;}
#baform-2 .ba-textInput input{width:90%; margin:0 auto; box-shadow: 5px 9px 15px rgba(142, 169, 196, 0.2);}
#sp-position6{padding-left:0;}
#sp-position5{padding-right:0;}
#baform-2 .ba-form{border:none!important;}
#baform-2 {margin-bottom:0; height:530px; overflow:hidden;box-shadow: 5px 9px 15px rgba(142, 169, 196, 0.2);}
#sp-position6 img{height:530px; width:100%; object-fit:cover; box-shadow: 5px 9px 15px rgba(142, 169, 196, 0.2);}


#baform-1 .free-form .text1{margin-bottom:30px;}
#baform-1 .check-form{margin:30px 0!important;}

.name-form{display:none;}
/*-------------------- подвал -------------------------------*/
#sp-bottom{padding:40px 0 20px; background:#E6EEF7;}
#sp-bottom p{margin-bottom:10px;}

#sp-bottom1,#sp-bottom3 p{color: #84718F; font-family: 'Lato Semibold', Arial, sans-serif;}
#sp-bottom2 li{border:none; float:left; margin-right:35px; margin-bottom:15px;}
#sp-bottom2 li a{padding:0; text-transform:uppercase; font-family: 'Lato Bold', Arial, sans-serif;}
#sp-bottom3 p:nth-child(3) a{color:#F4729E; text-decoration:underline; margin-left:40px;}
#sp-bottom4 .phone{font-size:24px; margin-bottom:10px; float:right; font-family: 'Lato Bold', Arial, sans-serif;}
#sp-bottom4 input,#sp-bottom4 .sotial{float:right;}
#sp-bottom4 .sotial img{float:left; margin-left:10px;}
#sp-bottom4 input{margin-bottom:10px;}
#sp-footer{text-align:left; font-size:14px; padding:15px 0 10px;}
#sp-bottom3 p:first-child{line-height:20px;}
#sp-bottom3 p:first-child img{margin: 15px 10px 15px 0; float:left;}
#sp-bottom3 p:nth-child(2){line-height:30px;}

#sp-bottom4 .sotial-top{display:inline-block; float:right;}


.button-banner1{margin-right:70px!important; margin-bottom:80px!important; font-family: 'Lato Bold', Arial, sans-serif;}
.button-banner2{margin-left:150px!important; margin-bottom:80px!important; font-family: 'Lato Bold', Arial, sans-serif;}
.button-banner3{margin-left:100px!important; margin-bottom:80px!important; font-family: 'Lato Bold', Arial, sans-serif;}
.none-block{display:none;}

.free{font-size:36px; text-transform:uppercase; color:#fff; font-family: 'Lato Black', Arial, sans-serif; margin-bottom:30px; }
.free .popup-btn{text-transform:uppercase; padding:7px 30px;}
.free-block{margin-top:-328px;}
.whatsapp{margin-top:260px; margin-bottom:30px;}

.breadcrumb{background:none; font-size: 12px; padding-left:0;}
.breadcrumb li a{text-decoration:underline; font-family: 'Lato Semibold', Arial, sans-serif;}
#sp-left, #sp-component{margin-top:-60px;}
.mainpage #sp-left,.mainpage #sp-component{margin-top:0px;}
#sp-breadcrumb{width:75%; margin-left:25%; z-index:1000;}
.page-header{margin:60px 0 0; border:none; padding-bottom:0;}
.mobile-slide{display:none;}

.but1{margin:-100px 30px 60px;}
.but2{margin:0 auto 10px;}
.but1 input,.but2 input{text-transform:uppercase;}

#sp-main-menu.menu-fixed #sp-menu ul{border-radius:0;}

.error-page .error-page-inner > div{display:block;}
.error-page #sp-left,.error-page #sp-component{margin-top:0;}

.doctors:nth-child(1), .header1{padding-left:0;}
.doctors:nth-child(4), .header3{padding-right:0;}

.offcanvas-menu .offcanvas-inner .sp-module:nth-child(2){padding:30px; margin-top:0;}
.offcanvas-menu .offcanvas-inner .sp-module:first-child{margin-bottom:0;}

table{margin-bottom:30px; box-shadow: 5px 9px 15px rgba(142, 169, 196, 0.2);}
th{line-height:50px; color:#fff; background:#8EA9C4; text-transform:uppercase; padding-left:30px; border-radius: 25px 0px 0px 0px;}
td{padding-left:30px; line-height:40px;}
td:first-child{width:80%;}
td:first-child img{float:left; margin-right:10px;}
td:last-child{width:20%; text-align:right; padding-right:10px; }
tr:nth-child(2n){border-bottom: 1px solid #e9ebf0; background:#E6EEF7;}
tr:nth-child(2n+1){background:#fff;}
tr:first-child{background:none;}


/*-------------------- фотогалерея -------------------------------*/
.droppicsgallerydefault .wimg{width:33.33%!important; margin:0!important; margin-bottom:20px!important; height:auto!important;}
.droppicsgallerydefault a{width:100%; display:inline-block;}
.droppicsgallerydefault .img{width:97%; margin:0px auto!important;}



@media screen and (min-width: 992px) and (max-width: 1199px){
	#sp-header .header1::before{left:-15px;}
	.button-banner1{margin-right:40px!important;}
	.button-banner2{margin-left:100px!important;}
	.button-banner3{margin-left:70px!important;}
	.free-block{margin-top:-267px;}
	.free{font-size:30px; margin-bottom:20px;}
	.whatsapp{margin-top:210px;}
	.button-grey img{width:30px; height:30px; margin-top:5px;}
	.button-grey a{font-size:12px;}
	#sp-position2 li:nth-child(4){line-height:30px;}
	.doctors img, .doctorspage img{height:300px;}
	#sp-footer2 p{margin-bottom:0;}
	.ba-forms-modal .ba-modal.popup-form{width:400px!important;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	body{font-size:14px;}
	h1{font-size:30px; margin-bottom:25px;}
	h2{font-size:24px; line-height:32px;}
	#sp-top2{line-height:18px;}
	#sp-header{height:auto;}
	#sp-header .header1{font-size:20px; line-height: 24px; margin:10px 0;}
	#sp-header .header2{display:none;;}
	#sp-header .header3 .phone{font-size:20px; line-height:24px;}
	#sp-header .header3{margin:10px 0;}
	#sp-header .header3 input{padding: 5px 15px;}
	#sp-header .logo img{height:50px; margin:7px 0;}
	#sp-header .header1::before{background: url("/images/mainpage/line1.png");left: -15px; height:55px; top:-5px;}
	#offcanvas-toggler{line-height:75px;z-index:1000000;}
	#sp-menu{margin-top:-75px; float:right; position:relative!important; z-index:1000;}
	#sp-position2 li img{width:30px; height:30px;}
	#sp-position2 ul{height:70px;}
	#sp-position2 li:nth-child(1), #sp-position2 li:nth-child(3), #sp-position2 li:nth-child(4){line-height:15px;
	}
	#sp-position2 li:nth-child(2){line-height:30px;}
	#sp-doctors{padding-top:80px; height:400px;}
	#sp-doctors .button-grey{margin:30px 0; font-size:12px; padding:10px;}
	.doctors img, .doctorspage img{height:250px; margin-bottom:20px;}
	.doctors:nth-child(4){display:none;}
	.doctors h4, .doctorspage h4{font-size:20px; line-height:26px;}
	#sp-forma{padding:30px 0;}
	#sp-bottom4 .sotial img{margin-left:0; margin-right:10px;	}
	#sp-bottom4 input{margin-right:20px;}
	#sp-bottom4 .phone{line-height:34px;}
	#sp-footer a{line-height:20px;}
    .entry-header{margin-bottom:0;}
	.button-banner1{margin-right:40px!important;}
    #sp-breadcrumb{width:100%; margin-left:0;}
	.doctorspage{height:380px;}
	#sp-main-menu.menu-fixed #sp-menu{position:fixed!important; margin-top:10px; right:0;}
	#sp-main-menu.menu-fixed #offcanvas-toggler{background: #F4729E; padding: 0 15px; line-height:50px;}
	#sp-main-menu.menu-fixed #offcanvas-toggler > i{color:#fff;}
	.sotial-top{padding-right: 50px;}
	.doctors:nth-child(1), .header1{padding-left:0;}
	.doctors:nth-child(3), .header3{padding-right:0;}
	#sp-left {   order: 2;    width: 100%; margin-bottom:20px;}
	#sp-component {    order: 1;    width: 100%;}
	#sp-main-body .row {    display: flex;    flex-flow: wrap;}
	.none{display:none;}
	}
@media screen and (max-width: 767px){
	.desktop{display:none;}
	.mobile{display:block;}
	#sp-header .logo img{height:30px; margin:7px 0;}
	#sp-header{height:45px; background:#E6EEF7;}
	#sp-header .logo{margin-left:0;}
	#sp-menu{margin-top:-45px; float:right; position:relative!important; z-index:1000;}
	#offcanvas-toggler{line-height:45px;}
	#sp-breadcrumb{width:100%; margin:0;}
	.kompl-text{font-size: 18px;line-height: 28px; text-transform:uppercase; color: #84718F; font-family: 'Lato Semibold', Arial, sans-serif; text-align:center; margin:8px 0;}
	.entry-header{margin-bottom:0;}
	.button-banner1{margin-right:20px!important; margin-bottom:50px!important;}
	.button-banner2{margin-left:50px!important; margin-bottom:40px!important;}
	.button-banner3{margin-left:30px!important;}
	.mobile-slide{display:none;}
	h1{line-height:26px; font-size:22px; margin-bottom:20px;}
	h2{font-size: 24px; line-height:30px;}
	body{font-size:14px; line-height:20px;}
	.mainpage p{margin-bottom:20px;}
	#sp-position2 li{width:50%; line-height:20px!important;}
	#sp-position2 img{width:30px; height:30px; }
	.button-grey{margin:20px 0; padding:10px 20px;}
	#sp-doctors2{margin-top:-50px;}
	.doctors img, .doctorspage img{margin-bottom:20px;}
	#sp-forma{padding:50px 0;}
	#sp-position5{padding-right:15px;}
	#sp-bottom3 p:first-child img{margin:0;}
	#sp-bottom4 .sotial{float:none; margin:10px auto; display:inline-block;}
	#sp-bottom4 .custom{text-align:center;}
	#sp-position4 .col-xs-6{height:480px;}
	#sp-left, #sp-component, .page-header{margin-top:0;}
	#sp-main-menu.menu-fixed #sp-menu{position:fixed!important; margin-top:10px; right:0;}
	#sp-main-menu.menu-fixed #offcanvas-toggler{background: #F4729E; padding: 0 15px;}
	#sp-main-menu.menu-fixed #offcanvas-toggler > i{color:#fff;}
	.sotial-top{float:left;}
	.header1, .header3{padding-left:0; padding-right:0;}
	.doctors:nth-child(2n+1){padding-left:0;}
	.doctors:nth-child(2n){padding-right:0;}
	#baform-2 .ba-textInput input{width:100%;}
	#baform-2{height:auto;}
	.none{display:none;}
	#sp-left {order: 2; width: 100%; margin-bottom:20px;}
	#sp-component {order: 1; width: 100%;}
	#sp-main-body .row {display: flex; flex-flow: wrap;}
	.droppicsgallerydefault .wimg{width:50%!important;}
}

@media screen and (max-width: 500px){
    .mobile-slide{display:block;}
	.slider1{display:none;}
	.button-banner1{margin-right:20px!important; margin-bottom:auto!important; margin-top:40%!important; font-family: 'Lato Bold', Arial, sans-serif;}
    .button-banner2{margin-left:50px!important; margin-bottom:40px!important; font-family: 'Lato Bold', Arial, sans-serif;}
    .button-banner3{margin-left:auto!important; margin-right:auto!important; margin-bottom:auto!important; margin-top:40%!important; font-family: 'Lato Bold', Arial, sans-serif;}
	#sp-position2 li{width:100%; margin-bottom:20px;}
	#sp-position2 li:nth-child(4){margin-bottom:0;}
	#sp-position2 ul{border-radius:15px;}
	#sp-position2 ul{height:auto; display:inline-block;}
	#sp-doctors{padding-top:80px;}
	#sp-doctors{height:440px;}
	#sp-position4 .col-xs-6, .doctorall .col-xs-6{width:100%; height:auto;}
	#sp-bottom1 p:first-child img{margin:10px auto;}
	#sp-footer2 p{text-align:left!important; margin-top:20px; margin-bottom:0;}
	.scrollup{right:20px;}
	.sotial-top{display:inline-block; float:none;}
	.doctors{padding-left:0; padding-right:0;}
	td{line-height:30px;}
	td:first-child{width:70%;}
    td:last-child{width:30%; text-align:right; font-size:14px; }
}




