/* --------- Меню --------- */

#menu {
	padding: .9rem 0;
	width: 100%;
	background-color: rgba(41,41,41,.96);
	position: fixed;
	top: 0; left: 0; z-index: 1;
	border-bottom: 1px solid rgba(0,0,0,.05);
}

/* Блок 1 */

#menu .b1 {
	width: 380px;
	display: inline-block;
}

#menu .b1 .logotype {
	/margin: 0 0 0 2.5rem;
	color: #fff;
	text-decoration: none;
}

#menu .b1 .logotype img {
	width: 11rem;
	position: absolute;
	top: -.5rem; left: 0;
}

/*
#menu .b1 .logotype {
	margin: 0 0 0 2.5rem;
	color: #fff;
	text-decoration: none;
}

#menu .b1 .logotype img {
	width: 2.2rem;
	height: auto;
	position: absolute;
	top: -.5rem; left: -2.9rem;
}
*/
/* Блок 2 */

#menu .b2 { display: inline-block; }

#menu .b2 ul {  }
#menu .b2 ul li {
	margin: 0 1rem 0 0;
	display: inline-block;
}

#menu .b2 ul li a { color: #fff; }

#menu .b2 ul li a:hover {
	text-decoration: none;
}

/* Блок 3 */

#menu .b3 {
	margin: 0;
	text-align: right;
	position: absolute;
	top: -.2rem; right: 0rem;
	display: inline-block;	
}

#menu .b3 a {
	padding: 0;
	color: #fff;
}

#menu .b3 a img {
	width: 24px;
	position: absolute;
	top: -.1rem; left: -1.7rem;
}

#menu .b3 a:first-child {  }
#menu .b3 a:last-child { margin: 0; }

#menu .b3 a:hover { text-decoration: none; }

#menu .b3 p {
	margin: 0 .5rem 0 0;
	width: 0;
	color: #fff;
	display: inline-block;
	visibility: hidden;
}

#menu .b3 button {
	margin: 0;
	padding: .15rem .5rem;
	color: #fff;
	border: 1px solid rgba(255,255,255,.75);
}

#menu .b3 button:hover {
	color: #333;
	background-color: #fff;
	transition: all 0s linear;
	-moz-transition: all 0s linear;
	-o-transition: all 0s linear;
	-webkit-transition: all 0s linear;
}

/* --------- Модальное окно --------- */

.zatemnenie {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.75);
	position: fixed;
	top: 0; left: 0; z-index: 2;
	display: none;
}

.modalnoe-okno {
	margin: -12.5rem 0 0 -12.5rem;
	padding: 1rem;
	width: 25rem;
	height: 25rem;
	background-color: rgba(255,255,255,.96);
	position: fixed;
	top: 50%; left: 50%; z-index: 2;
	display: none;
}

.modalnoe-okno h6 {
	margin: 3rem 0 0;
	font-size: 1.3rem;
	font-weight: 700;
	text-align: center;
}

.modalnoe-okno .podzagolovok {
	margin: 0 0 2rem;
	text-align: center;
}

.modalnoe-okno .zakryt {
	font-size: 1.1rem;
	color: rgba(0,0,0,.3);
	position: absolute;
	top: 1rem; right: 1rem;
}

.modalnoe-okno .zakryt:hover { color: rgba(0,0,0,1); }

/* Форма */

.modalnoe-okno #obratnyyZvonokForma {
	margin: 0 auto;
	width: 90%;
}

.modalnoe-okno #obratnyyZvonokForma .cDiv { margin: 0 0 1rem; }

.modalnoe-okno #obratnyyZvonokForma .cInput {
	padding: .5rem;
	width: 100%;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,.1);
}

.modalnoe-okno #obratnyyZvonokForma .button {
	margin: 0 0 1rem;
	padding: .5rem 0;
	width: 100%;
	color: #fff;
	background-color: rgba(51,153,51,.9);
}

.modalnoe-okno #obratnyyZvonokForma .button:hover { background-color: rgba(51,153,51,1); }
.modalnoe-okno #obratnyyZvonokForma .button:active { box-shadow: inset 0 0 9rem rgba(0,0,0,.16); }

.modalnoe-okno .soglashenie p {
	font-size: .9rem;
	color: rgba(0,0,0,.35);
	text-align: center;
}

.modalnoe-okno .soglashenie p a {
	margin: 0 0 .5rem;
	padding: 0;
	width: 100%;
	font-size: inherit;
	color: inherit;
	text-decoration: underline;
}

.modalnoe-okno .soglashenie p a:hover { color: #333; }

/*  Валидация */

.modalnoe-okno #obratnyyZvonokForma .cValidatsiya {
	padding: .5rem;
	width: 100%;
	color: #FF0000;
	background-color: #fff;
	text-align: left;
	position: absolute;
	top: 0; left: 0;
	border: 1px solid rgba(0,0,0,.1);
	display: none;
}

/* Уведомление */

.uvedomlenie {
	margin: -6.495rem 0 0 -12.5rem;
	padding: 1rem;
	width: 25rem;
	height: 12.99rem;
	background-color: rgba(255,255,255,.96);
	position: fixed;
	top: 50%; left: 50%; z-index: 2;
	display: none;
}

.uvedomlenie h6 {
	margin: 3rem 0 1.5rem;
	font-size: 1.6rem;
	font-weight: 700;
	color: #3F720F;
	text-align: center;
}

.uvedomlenie .podzagolovok {
	margin: 0 auto;
	width: 90%;
	text-align: center;
}

.uvedomlenie .zakryt {
	font-size: 1.1rem;
	color: rgba(0,0,0,.3);
	position: absolute;
	top: 1rem; right: 1rem;
}

.uvedomlenie .zakryt:hover { color: rgba(0,0,0,1); }

/* --------- Хедер --------- */

header {
	width: 100%;
	height: 40rem;
	background: url('../../images/heder/chemodan.png') no-repeat 3% 60%;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 25%;
}

header .yacheyka {
	align-items: center;
	display: flex;
}

/* Подзатемнение */

header .podzatemnenie {
	width: 100%;
	height: 670px;
	background-color: rgba(0,0,0,.75);
	position: absolute;
	top: 0; left: 0; z-index: 0;
	display: none;
}

/* Блок */

header .blok {
	padding: 0 3rem 0 20rem;
	width: 100%;
	text-align: center;
}

header .blok h1 {
	margin: 0 0 0;
	font-size: 1.9rem;
	font-weight: 700;
}

header .blok .opisanie {
	margin: 1rem auto 2rem;
	font-size: 1.15rem;
	font-size: 1.09rem;
}

/* Форма */

header #osnovnayaForma {
	margin: 0 auto;
	width: 100%;
	text-align: center;
	cursor: default;
}

header #osnovnayaForma .cDiv {
	margin: 0 1rem 0 0;
	display: inline-block;
}

header #osnovnayaForma .cInput {
	margin: 0;
	padding: .5rem .7rem;
	width: 200px;
	background-color: rgba(255,255,255,.9);
	border: 1px solid rgba(0,0,0,.05);
}

header #osnovnayaForma button {
	padding: .5rem 2rem;
	width: 100%;
	color: #fff;
	background-color: rgba(51,153,51,.9);
	border: 1px solid rgba(0,0,0,.05);
}

header #osnovnayaForma button:hover { background-color: rgba(51,153,51,1); }
header #osnovnayaForma button:active { box-shadow: inset 0 0 6rem rgba(0,0,0,.16); }

/* Согласие на обработку данных */

header #osnovnayaForma .soglashenie {
	margin: 1rem auto 0;
	width: 50%;
	color: rgba(0,0,0,.35);
	text-align: center;
}

header #osnovnayaForma .soglashenie a {
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	text-decoration: underline;
}

header #osnovnayaForma .soglashenie a:hover { color: #333; }

/*  Валидация */

header #osnovnayaForma .cValidatsiya {
	padding: .5rem .7rem;
	width: 100%;
	color: #FF0000;
	background-color: #fff;
	text-align: left;
	position: absolute;
	top: 0; left: 0;
	border: 1px solid rgba(0,0,0,.05);
	display: none;
}

/* --------- Услуги --------- */

#uslugi {
	padding: 5rem 0 3rem;
	background-color: rgba(0,0,0,.03);
}

#uslugi .blok {
	margin: 0 1rem 1.5rem;
	padding: 1rem;
	width: 23rem;
	background-color: rgba(0,0,0,.05);
	overflow: hidden;
	display: inline-block;
}

#uslugi .blok h3 {
	margin: 0 0 1rem;
	font-size: 1.1rem;
	font-weight: 700;
	text-align: center;
}

#uslugi .blok .fotografiya {
	margin: 0 0 1rem;
	width: 100%;
	height: 15rem;
	background-color: rgba(255,255,255,.5);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0% 64%;
}

#uslugi .blok .f1 { background-position: 42% 60%; background-size: 70%; }
#uslugi .blok .f2 { background-position: 42% 40%; background-size: 90%; }
#uslugi .blok .f3 { background-position: 46% 40%; background-size: 65%; }
#uslugi .blok .f4 { background-position: 40% 60%; background-size: 80%; }
#uslugi .blok .f5 { background-position: 46% 70%; background-size: 103%; }
#uslugi .blok .f6 { background-position: 52% 80%; background-size: 85%; }

#uslugi .blok .tsena {
	margin: 0 0 1rem;
	font-weight: 400;
	text-align: center;
}

#uslugi .blok button {
	padding: .6rem;
	width: 100%;
	color: #fff;
	background-color: rgba(51,153,51,.9);
}

#uslugi .blok button:hover { background-color: rgba(51,153,51,1); }
#uslugi .blok button:active { box-shadow: inset 0 0 6rem rgba(0,0,0,.16); }

/* --------- Галерея --------- */

#galereya { padding: 5rem 0 4rem; }

/* --------- Сотрудники --------- */

#sotrudniki {
	padding: 5rem 0 5rem;
	background-color: rgba(0,0,0,.03);
}

#sotrudniki .blok {
	margin: 0 auto;
	padding: 1rem;
	width: 97.2%;
	height: 20rem;
}

/* Левый блок */

#sotrudniki .blok .levyy-blok {
	width: 22%;
	float: left;
}

#sotrudniki .blok .levyy-blok .fotografiya {
	width: 100%;
	height: 18rem;
	background: url('../../images/sotrudniki/shchepochkin-georgiy.jpg') no-repeat 30% 0%;
	background-size: 130%;
}

#sotrudniki .blok .levyy-blok img {  }

/* Правый блок */

#sotrudniki .pravyy-blok {
	padding: 0 12rem 0 2.5rem;
	width: 78%;
	float: right;
}

#sotrudniki .pravyy-blok h3 {
	font-size: 1.1rem;
	font-weight: 700;
}

#sotrudniki .pravyy-blok .dolzhnost {
	margin: 0 0 1.5rem;
	color: rgba(0,0,0,.35);
}

#sotrudniki .pravyy-blok p { margin: 0 0 1rem; }

/* --------- Отзывы --------- */

#otzyvy { padding: 5rem 0 5rem; }

#otzyvy .blok {
	margin: 0 1rem 0;
	padding: 1rem;
	width: 23rem;
	background-color: rgba(0,0,0,.03);
	overflow: hidden;
	display: inline-block;
}

#otzyvy .blok .fotografiya {
	margin: 0 0 1rem;
	width: 100%;
	height: 15rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0% 0%;
}

#otzyvy .blok .f1 { background-position: 0% 30%; }
#otzyvy .blok .f2 { background-position: 0% 50%; }
#otzyvy .blok .f3 { background-position: 0% 30%; }
#otzyvy .blok .f4 {  }
#otzyvy .blok .f5 {  }
#otzyvy .blok .f6 {  }

#otzyvy .blok h3 {
	margin: 0 0 1rem;
	font-size: 1.1rem;
	font-weight: 700;
}

#otzyvy .blok .otzyv { height: 5.4rem; }

/* --------- Контакты --------- */

#kontakty {
	padding: 6rem 0 3rem 2rem;
	height: 691px;
	background: url('../../images/kontakty/background.jpg') no-repeat 50% 0%;
	background-size: cover;
	position: relative; z-index: 0;
}

/* Подзатемнение */

#kontakty .podzatemnenie {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.75);
	position: absolute;
	top: 0; left: 0; z-index: 0;
}

/* Левый блок */

#kontakty .levyy-blok {
	width: 22%;
	float: left;
}

#kontakty .levyy-blok .wrapper-map {
	width: 266px;
	height: 535px;
	background: url('../../images/kontakty/mobile.png') no-repeat 50% 0%;
	background-size: cover;
	overflow: hidden;
}

#kontakty .levyy-blok .wrapper-map .yamap {
	width: 30px;
	position: absolute;
	top: 62px; right: 221px; z-index: 1;
}

/* Правый блок */

#kontakty .pravyy-blok {
	padding: 4rem 0 0 5rem;
	width: 78%;
	float: right;
}

#kontakty .pravyy-blok table {  }
#kontakty .pravyy-blok table tbody {  }
#kontakty .pravyy-blok table tbody tr {  }
#kontakty .pravyy-blok table tbody tr td {
	padding: 0 0 5rem;
	color: #fff;
}

#kontakty .pravyy-blok table tbody tr td h6 {
	margin: 0 0 .5rem;
	padding: 0rem 0 .7rem;
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff;
}

#kontakty .pravyy-blok table tbody tr td p {
	padding: 0;
	color: #fff;
}

#kontakty .pravyy-blok table tbody tr .image {
	width: 100px;
	text-align: center;
	vertical-align: top;
}

#kontakty .pravyy-blok table tbody tr .image img {
	margin: -.7rem 2rem 0 0;
	opacity: .95;
}

#kontakty .pravyy-blok table tbody tr .image .img-adres { height: 3.7rem; }
#kontakty .pravyy-blok table tbody tr .image .img-rezhim { height: 4rem; }

#kontakty .pravyy-blok table tbody tr .adres {  }
#kontakty .pravyy-blok table tbody tr .rezhim {  }

/* Форма */

#kontakty .kontaktyForma {	
	margin: 0 auto;
	padding: 1rem;
	width: 19rem;
	background-color: rgba(255,255,255,.9);
	position: absolute;
	top: 3.9rem; right: 2.01rem; z-index: 9;
}

#kontakty .kontaktyForma h3 {
	margin: 0 0 .5rem;
	font-size: 1.1rem;
	font-weight: 700;
	text-align: center;
}

#kontakty .kontaktyForma .podzagolovok {
	margin: 0 0 1.5rem;
	padding: 0 1rem;
	text-align: center;
}

#kontakty .kontaktyForma .cDiv {
	margin: 0 0 1rem;
	overflow: hidden;
}

#kontakty .kontaktyForma .cDiv:last-child { margin: 0; }

#kontakty .kontaktyForma .cInput {
	padding: .5rem;
	width: 100%;
	text-align: center;
	border: 1px solid rgba(0,0,0,.05);
}

#kontakty .kontaktyForma button {
	padding: .5rem;
	width: 100%;
	color: #fff;
	background-color: rgba(51,153,51,.9);
}

#kontakty .kontaktyForma button:hover { background-color: rgba(51,153,51,1); }
#kontakty .kontaktyForma button:active { box-shadow: inset 0 0 6rem rgba(0,0,0,.16); }

/* Согласие на обработку данных */

#kontakty .kontaktyForma .soglashenie {
	padding: 0 1rem;
	font-size: .9rem;
	color: rgba(0,0,0,.6);
	text-align: center;
}

#kontakty .kontaktyForma .soglashenie a {
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	text-decoration: underline;
}

#kontakty .kontaktyForma .soglashenie a:hover { color: #333; }

/* Валидация */

#kontakty .kontaktyForma .cValidatsiya {
	padding: .5rem;
	width: 100%;
	color: #FF0000;
	background-color: #E8E7E6;
	text-align: center;
	position: absolute;
	top: 0; left: 0;
	border: 1px solid rgba(0,0,0,.05);
	display: none;
}

/* --------- Футер --------- */

footer { padding: 1rem 0; }

/* Авторское право */

footer .avtorskoe-pravo { text-align: center; }
footer .avtorskoe-pravo p {  }

/* Лицензия */

footer .litsenziya {
	padding: 0;
	color: #fff;
	text-align: center;
}

footer .litsenziya p {  }

footer .litsenziya a {
	font-weight: inherit;
	color: inherit;
	text-decoration: underline;
}