@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=cyrillic');

body {
	overflow-y: scroll;
	font-family: 'Open Sans', sans-serif;
	color: #000;
	font-size: 16px;
}

.flex {
	display: flex;
}

.flex-center {
	align-items: center;
}

a {
	color: #ee1e2c;
	text-decoration: underline;
}

a:hover {
	color: #ee1e2c;
	text-decoration: none;
}

/**********************Кнопки******************/
.send_btn {
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 18px;
	background: #ff4444;
	background: -moz-linear-gradient(top, #ff4444 1%, #e10019 100%);
	background: -webkit-linear-gradient(top, #ff4444 1%, #e10019 100%);
	background: linear-gradient(to bottom, #ff4444 1%, #e10019 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4444', endColorstr='#e10019', GradientType=0);
	width: 100%;
	margin: 20px 0 0;
	height: 55px;
	line-height: 55px;
	padding: 0;
	box-shadow: none;
	border: 0;
	border-radius: 4px;
}

.send_btn:focus {
	outline: 0;
}

.send_btn:hover {
	background: #ff4444;
}

/**********************Шапка******************/
header {
	padding: 20px 0;
	border-bottom: 3px solid #426bcb;
}

.logo {
	display: inline-block;
}

.logo img {
	max-width: 80%;
}

.top_phone,
.top_phone a,
.top_phone a:hover {
	color: #0f62ab;
	font-size: 24px;
	line-height: 35px;
	font-weight: 700;
	text-decoration: none;
}

.top_phone a+a:before {
	content: '|';
	display: inline-block;
	margin: 0 15px 0 12px;
}

.top_phone {
	background: url(../img/phone.png) no-repeat center left;
	height: 35px;
	padding-left: 50px;
}

.worktime_info {
	color: #8f8f8f;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1.2;
	background: url(../img/time.png) no-repeat center left;
	height: 35px;
	padding-left: 50px;
}

.worktime_info>span {
	color: #0f62ab;
	font-size: 16px;
	font-weight: 700;
	display: block;
}

/**********************Баннер******************/
.top_banner {
	background: #c1e086 url(../img/zapoiy.jpg) no-repeat top center;
	background-size: cover;
	padding: 30px 0 200px;
}

.top_banner a {
	font-weight: bold;
	font-size: 18px;
}

a.banner_call,
a.banner_call:hover {
	display: block;
	color: #0f62ab;
	font-weight: bold;
	font-size: 38px;
	line-height: 1;
	margin-bottom: 35px;
	padding-left: 45px;
	text-decoration: none;
	background: url(../img/phone2.png) no-repeat center left;
}

/**********************Форма******************/
.forms {
	background: #fff;
	text-align: center;
	border-top: 3px solid #426bcb;
	padding: 30px 40px 40px;
	box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.2);
}

.form_title {
	color: #f22f2f;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 700;
	margin: 0 0 20px;
}

.forms .form-control {
	background: #dae2e6;
	height: 42px;
	border-color: #c7d6dc;
	text-align: center;
	color: #000;
	box-shadow: none;
	margin: 12px 0;
}

.forms .form-control::-webkit-input-placeholder {
	color: #000;
}

.forms .form-control::-moz-placeholder {
	color: #000;
}

.forms .form-control:-moz-placeholder {
	color: #000;
}

.forms .form-control:-ms-input-placeholder {
	color: #000;
}

.forms p {
	font-size: 12px;
	color: #5e5e5e;
	margin: 12px;
}

.forms p a {
	color: #009ad7;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}

.forms p a:hover {
	text-decoration: underline;
}

/**********************Расписание******************/
.worktime {
	background: url(../img/shadow.png) repeat-x bottom center, url(../img/line_bg.jpg) repeat;
	padding: 50px 0 60px;
}

.worktime_block {
	background: #fff;
	box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.2);
	height: 210px;
}

.worktime_title {
	background: #0f62ab url(../img/time2.png) no-repeat 12px center;
	height: 42px;
	line-height: 42px;
	color: #fff;
	font-weight: 700;
	font-size: 24px;
	padding-left: 55px;
}

.worktime_title.work_green {
	background-color: #f22f2f;
}

.worktime_title.work_gray {
	background-color: #758ca1;
}

.worktime_text {
	color: #292929;
	font-weight: 600;
	font-size: 26px;
	text-align: center;
	padding: 35px;
}

.worktime_text.work_day {
	background: url(../img/sun.png) no-repeat center left;
}

.worktime_text.work_night {
	background: url(../img/moon.png) no-repeat center right;
}

.worktime_price {
	color: #000;
	font-weight: 700;
	font-size: 21px;
}

.worktime_price:before {
	content: '';
	display: block;
	background: #dfe5e8;
	width: 60px;
	height: 3px;
	margin: 15px auto 15px;
}

/**********************О нас******************/
.about {
	padding: 50px 0 60px;
	font-size: 18px;
}

.certificates {
	margin-top: 80px;
	display: flex;
	align-items: stretch;
}

.gallery {
	box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.33);
	display: block;
	text-align: center;
	padding: 3px;
	height: 100%;
}

.gallery img {
	max-width: 100%;
}

/**********************Услуги******************/
.service {
	background: #5faef2 no-repeat center top;
	background-size: cover;
	padding: 50px 0 60px;
	color: #fff;
}

.service h2,
.service .h2 {
	color: #fff;
	margin-bottom: 25px;
}

.service h2:after,
.service .h2:after {
	background: #fff;
}

.serv_block {
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	height: 215px;
	margin-bottom: 25px;
}

.serv_block .serv_title {
	position: absolute;
	top: 20px;
	left: 0;
	background: #fff;
	color: #000;
	font-size: 21px;
	font-weight: 600;
	padding: 0 15px;
	line-height: 43px;
	transition: background .5s ease;
}

.serv_block:hover .serv_title {
	background: rgba(255, 255, 255, .6);
}

/**********************Тескт******************/
.content {
	padding: 50px 0 60px;
}

.content .container>p:first-of-type {
	font-size: 18px;
}

.content .row {
	margin-top: 50px;
	margin-bottom: 50px;
}

.content .row img {
	max-width: 100%;
}


/**********************Процедуры******************/
.blue_bg {
	background: #e5eef4 url(../img/blue_bg.jpg) no-repeat center top;
	background-size: cover;
	padding: 50px 0 60px;
}

.proces_block {
	text-align: center;
	font-size: 20px;
	line-height: 26px;
	font-weight: 600;
	margin: 50px 0 20px;
}

.proces_block img {
	margin: 0 auto 18px;
	display: block;
}

/**********************Процедуры******************/
.contact {
	background: #5faef2 no-repeat center top;
	background-size: cover;
	color: #fff;
	padding: 70px 0 60px;
}

.contact h2,
.contact .h2 {
	color: #fff;
}

.contact h2:after,
.contact .h2:after {
	background: #fff;
}

.contact .flex {
	margin: 40px 0 0;
	box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.14);
}

.contact_block {
	background: #fff;
	color: #000;
	padding: 30px 35px;
}

.contact_block p {
	margin: 20px 0 55px;
}

.cont_icon {
	font-weight: 700;
	font-size: 18px;
	line-height: 32px;
	margin: 0 0 25px;
	padding-left: 35px;
	display: block;
	color: #000;
	text-decoration: none;
}

.ico_ad {
	background: url(../img/map.png) no-repeat left center;
	height: 32px;
}

.ico_ph {
	background: url(../img/phone3.png) no-repeat left center;
	font-size: 24px;
}

.ico_em {
	background: url(../img/mail.png) no-repeat left center;
}



.map {
	padding: 0;
}

.map img {
	max-width: 100%;
	width: 100%;
	height: 100%;
}

footer {
	background: rgb(34, 106, 178);
	color: #fff;
	padding: 10px 0;
	font-size: 14px;
}

/**********************Контент******************/
h1,
.h1 {
	font-size: 48px;
	color: #f22f2f;
	font-weight: 700;
	margin: 15px 0;
}

h2,
.h2 {
	font-size: 36px;
	font-weight: 700;
	color: #f22f2f;
	margin: 0 0 20px;
	display: flex;
	align-items: center;
}

h2>span,
.h2>span {
	white-space: nowrap;
	margin-right: 12px;
	line-height: normal;
}

h2:after,
.h2:after {
	content: '';
	display: block;
	height: 3px;
	width: 100%;
	background: #f22f2f;
}

h3,
.h3 {
	font-size: 24px;
	font-weight: 700;
	margin: 10px 0 20px;
}

/*Списки*/
.list {
	padding: 0;
	margin: 30px 0;
	list-style: none;
}

.list li {
	position: relative;
	padding-left: 30px;
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 18px;
}

.list li:before {
	content: '';
	display: block;
	width: 13px;
	height: 18px;
	background: url(../img/list.png) no-repeat;
	position: absolute;
	top: 4px;
	left: 0;
}

.list.mark_list li {
	font-weight: normal;
	padding-left: 55px;
	min-height: 40px;
	margin-bottom: 25px;
}

.list.mark_list li:before {
	background: url(../img/list2.png) no-repeat;
	width: 38px;
	height: 39px;
}

ul li.list_oneline {
	display: flex;
	align-items: center;
}



@media(max-width:991px) {
	header .flex {
		display: block;
	}

	.logo_mob {
		text-align: center;
		margin-bottom: 20px;
	}

	.top_banner h1,
	.top_banner .h1 {
		font-size: 40px;
	}

	a.banner_call {
		font-size: 30px;
		line-height: 32px;
	}

	.top_banner .forms {
		margin: 20px auto 0;
		width: 70%;
	}

	.blue_bg h2,
	.blue_bg .h2 {
		font-weight: 600;
		font-size: 30px;
		display: block;
	}

	.blue_bg h2:after,
	.blue_bg .h2:after {
		display: none;
	}

	.blue_bg h2>span,
	.blue_bg .h2>span {
		white-space: normal;
	}

	.contact .flex {
		display: block;
	}
}

@media(max-width:767px) {
	header .flex {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column
	}

	.top_phone {
		margin-bottom: 20px;
	}

	.serv_block {
		background-size: cover;
	}
}

@media(max-width:640px) {
	.top_phone {
		height: auto;
	}

	.top_phone a {
		display: block;
	}

	.top_phone a+a:before {
		display: none;
	}

	.top_banner .forms {
		width: 80%;
	}

	h2:after,
	.h2:after {
		display: none;
	}

	h2>span,
	.h2>span {
		display: inline;
		margin: 0;
		white-space: normal;
	}
}

@media(max-width:480px) {
	.top_banner .forms {
		width: 100%;
		padding: 30px 15px;
	}

	.top_banner .forms img {
		max-width: 100%;
	}

	.forms p {
		margin: 12px 0;
	}
}


/*Кнопка звонка*/
.phone-button {
	position: fixed;
	right: 20px;
	bottom: 20px;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	width: 60px;
	height: 60px;
	z-index: 9999;
	background-color: #e21010;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' class='feather feather-phone'%3e%3cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3e%3c/path%3e%3c/svg%3e");
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.phone-button:before,
.phone-button:after {
	content: " ";
	display: block;
	position: absolute;
	border: 50%;
	border: 1px solid #337AB7;
	left: -20px;
	right: -20px;
	top: -20px;
	bottom: -20px;
	border-radius: 50%;
	animation: border-animate 1.5s linear infinite;
	opacity: 0;
}

.phone-button:after {
	animation-delay: .5s;
}

@keyframes border-animate {
	0% {
		transform: scale(0.5);
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		transform: scale(1.2);
		opacity: 0;
	}
}