@font-face {
	font-family: "Intro31102017"
	src: url("/fonts/Intro.woff");
}

@font-face {
	font-family: "OSCB31102017"
	src: url("/fonts/open-sans-cond-bold.woff");
}

body {
	color: #5c0a02;
	font-family: OSCB31102017;
	font-size: 1vw;
	margin: 0;
	padding: 0;
}

img {
	height: auto;
}

#menu {
	background: url("/images/bg_menu.png") repeat-x;
	height: 2.13vw;/*41px;*/
	padding-top: 0.9vw;/*13px;*/
	position:fixed;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 200;
}
#menu a {
	color: #510d04;
	margin: 0.5vw;/*0 10px;*/
	text-decoration: none;
}
#menu a:hover {
	color: #a11b00;
}

header {
	background: url("/images/header.jpg") no-repeat center bottom;
	background-size: cover;
	width: 100%;
	height: 31.5vw;/*600px;*/
	font-family: Intro31102017;
	padding-top: 2vw; /*50px;*/
	margin:0;
	padding-bottom:0;
}

header  div{
	text-align:center;
}

header h1,header h2,header h3{
	margin: 0;
}

header h1 {
	color: #04156b;   /*fff;*/
	font-size: 350%;
	padding-top: 2vw;/*60px;*/
	/*text-shadow: 5px 0 5px #2d71b8*/
}
header h2 {
	color: #ff050f;
	font-size: 170%;
	padding-top: 0.8vw;/*15px;*/
	text-shadow:0.15vw 0 0.15vw #febebf;
	/*text-shadow:3px 0 3px #febebf;*/
}
header h3{
	color: #04156b;/*294c6c; #2d71b8;*/
	padding-top: 1.5vw;/*30px;*/
}

#block1,#block2, #block3, #block4, #block5, #block6, #block7, #block8, #block9 , #block10, #otziv{
	width: 100%;
	font-family: Intro31102017;
	text-align: center;
    margin-top: 0;
    margin-bottom: 0;
	padding-top: 1vw;
	padding-bottom: 1vw;
	border: 0.01px solid #f9f1db;
}
#block1{
	background: url("/images/block1.jpg")  no-repeat center center;
	background-size: cover;
	height: 30vw;/*600px;*/
	font-size: 1vw;
}
#block2{
	background: url("/images/block2.jpg")  repeat-x;
	height: 42vw;/*800px;*/
	background-size: 100% 100%;
}
#block3{
	background: url("/images/block3.jpg")  repeat-x;/*scroll 0 0;*/
	background-size: 100% 100%;
	height: 21vw;/*500px;*/
    border: 0.01px solid #f9f1db;
}
#block4{
	background: url("/images/block4.jpg")  no-repeat center top;
	background-size: cover;
	height: 63vw;/*1100px;*/
}
#block5{
	background: url("/images/block5.jpg")  repeat-x;
	background-size: 100% 100%;
	height: 88vw;/*1670px;*/
}
#block6{
	background: url("/images/block6.jpg")  repeat-x;
	background-size: 100% 100%;
	height: 30vw;/*620px;*/
}
#otziv{
	background: url("/images/otziv.jpg")  repeat-x;
	height: 34vw;/*650px;*/
	background-size: 100% 100%;	
}

#block7{
	background: url("/images/block7.jpg")  repeat-x;
	background-size: 100% 100%;
	height: 31vw;/*600px;*/
}
#block8{
	background: url("/images/block8.jpg")  repeat-x;
	background-size: 100% 100%;
	height: 48vw;/*700px;*/
}

#block9{
	background: url("/images/block9.jpg")  repeat-x ;/*scroll 0 0;*/
	background-size: 100% 100%;
	height: 22vw;/*450px;*/
}
#block10{
	background: url("/images/block10.jpg")  repeat-x;
	height: 18vw;/*315px;*/
	background-size: 100% 100%;
}

#block1 h2, #block2 h2, #block3 h2 , #block4 h2, #block5 h2, #block6 h2, #block7 h2, #block8 h2, #block9 h2, #block10 h2, #otziv h2{
	color: #ff050f;
	font-family: Intro31102017;
	margin: 0;
	padding-top: 1vw;/*20px;*/
	/*text-shadow:1px 1px 2px #febebf;*/
	/*text-shadow:0.05vw 0.05vw 0.1vw #febebf;*/
	text-align: center;
}

#block1 h3, #block3 h3, #block4 h3 , #block10 h3, .cell{
	color: #04156b;
	margin: 0;
	padding-top: 0;
}
#block1 h3, #block3 h3, #block4 h3{
	text-align: justify;
}

#block2 .cell {
	text-aligh: justify; 
	vertical-align: middle;
	font-size: 120%;
	/*padding: 0 30px;*/
}

#block2 img{
	width: 11.4vw;
	height: auto;
}


#block3 img{
	width: 15.6vw;
	height: auto;
}

#block3 .cell:nth-child(2){
	width: 30%;
	vertical-align: middle;
}

#block4 ul {
	list-style-position: outside;
	width:80%;
	margin:1.5vw 0 3vw 1.5vw;
	padding-left: 3vw;/*50px;*/
}

#block4 ul li {
	margin: 0;
	list-style: none;
	/*padding: 0.01vw 0 0.01vw 3vw;*/
	padding: 0 0 0 3vw;
}

#block4 ul:nth-child(1) li {
	background-image: url("/images/ul_4_avto.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 2.6vw auto;
}

#block4 ul:nth-child(2) li {
	background-image: url("/images/ul_4_home.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 2.6vw auto;
}

#block4 ul:nth-child(3) li {
	background-image: url("/images/ul_4_biz.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 2vw auto;
}

#block4  div div:not(.button){
	font-size: 92%;
	width:82%;
	padding-left:4vw;
	margin:0;
}


#block5 .cell, #block5 .table {
	border: 0.05vw solid #c9770d;
	text-align: center; 
	vertical-align: middle; 
	padding:0.01vw auto 0;
}

#block5 .cell {
	padding:0.01vw auto 0;
}

#block5 h3 {
	margin:0;
}

#block5 img{
	width: 5vw;
	height: auto;
}

#block6 img{
	width: 7.3vw;
	height: auto;
}

#block6 .cell {
	width: 30%;
}

#block7 img{
	width: 51.6vw;
	height: auto;
}

#block7 .table {
	margin: 0 auto;
	width: 51.6vw;
}
#block7 .cell {
	width: 25%;
	padding: 0 auto;
}

#block8 img{
	width: 7.3vw;
	height: auto;
	padding-top:1vw;
}

#block8 .cell {
	width: 25%;
	padding: 0 auto;
	padding-top:0;
}
#block8 .table {
	width: 100%;
 } 
#block8 .cell, #block8 .table {
	border: 0.05px solid #121948;
	text-align: center; 
	vertical-align: middle;
}
#block8 .cell h3{
	margin: 0 auto 0;
}
#block8  h3{
	color: #121948;
}

#block9 img{
	width: 20.8vw;
	height: auto;
}

#block9 p {
	text-align: left;
	font-family: Intro31102017;
	color: #04156b;
}

.b_left {
	float: left;
	width: 30%;
	/*margin: 3% 0 0 50px;*/
}
.b_right {
	float: right;
	width: 20%;
	margin: 18vw auto 0;
	text-align: center;	
}
.b_right h2{
	font-size: 140%;
	text-align: right;	
	padding-right: 2vw;
}


/*.center {
	margin: 20px auto 10px;
	width: 980px;
}*/

.center {
	margin: 1vw auto 0.5vw;
	width: 50%;
}
	
/*.cloud {
	background: url("/images/cloud.png") no-repeat scroll top center;
	height: 200px;
	width: 500px;
	padding-top: 45px;
	margin: 0;
}
#block4 .cloud:nth-child(11) {
	margin: -100px;
}*/
	
.table {
	display: table;
	/*margin: 20px auto;*/
	margin: 1vw auto;
	width: 70%;/*980px;*/
}
.row {
	display: table-row;
	margin: 0;
	padding: 0;
}
.cell {
	display: table-cell;
	/*padding: 5px 10px;*/
	padding: 0.25vw 0.5vw;
	/*font-size: 120%;*/
	}
/*.button {
	background: url("/images/button3.png") no-repeat;
	background-size: 19.8vw auto;
	color: #fff;
	cursor: pointer;
	font-family: Intro31102017;
	font-size: 120%;
	height: 3.75vw;/*72px;*/
/*	margin: 0 auto;
	width: 19.8vw;/*380px;*/
/*	padding-top: 0.7vw;/*14px;*/
	/*text-shadow:1px 1px 2px #000;*/
/*	text-shadow:0.05vw 0.05vw 0.1vw #000;
}*/

.button {
	background: url("/images/button3.png") no-repeat;
	background-size: 100% auto;
	color: #fff;
	cursor: pointer;
	font-family: Intro31102017;
	font-size: 120%;
	margin: 0 auto;
	padding-top: 0.7vw;/*18px;*/
	width: 19.8vw;/*400px;*/
	height: 3.75vw;/*100px;*/
	text-align: center;
	text-shadow:0.05vw 0.05vw 0.1vw #000;
}

.button:hover {
	background: url("/images/button3_hover.png") no-repeat;
	background-size: 100% auto;
}

footer {
	background: url("/images/bg_footer.png") repeat-x;
	font-size: 80%;
	hight: 1.8vw;/*90px;*/
	padding-top: 0.5vw;/*10px;*/
}
footer p{
	margin: 0;
}
footer p:nth-child(1){
	float: left;
}
footer p:nth-child(2){
	float: right;
	margin-left: 1vw;/*20px;*/
}
footer div div:nth-child(1){
	float: left;
}
footer div div:nth-child(2){
	float: right;
}
footer div div:nth-child(3){
	float: right;
}
footer > div{
	margin: 0 auto;
	width: 51vw;/*980px;*/
}



.clear {
    clear: both;
}
#parent_popup {
	background: url("/images/bg_popup.png") repeat;
	display: none;
	height: 100%;
	width: 100%;
	z-index: 100;   /*выше всего*/
	position: fixed;
}

#popup{
	background: url("/images/popup.png") no-repeat;
	height: 450px;
	width: 500px;
	margin: 50px auto;
	font-size: 13pt;
}
#popup_close{
	text-align: right;
	padding: 10px 90px 0 0;
}
#popup_close img{
	cursor: pointer;
}
#popup h3{
	font-family: intro31102017;
	color: #353f5a;
	text-align: center;
	margin: 10px 40px 0 0;
}
#popup form h3{
	font-size: 80%;
	margin-top: 20px;
	margin-left: 25px;
}
#popup input[type="text"] {
	border-radius:10px;
	height: 40px;
	font-size: 120%;
	width: 340px;
	margin: 20px 0 0 60px;
	padding: 0 10px;
}
#popup input[type="submit"] {
	background: url("/images/popup_button1.png") no-repeat;
	height: 70px;
	width: 280px;
	cursor: pointer;
	font-family: Intro31102017;
	font-size: 120%;
	color: #353f5a;
	text-align: center;
	padding-left: 50px;
	margin: 15px 0 0 100px;
	border: none;
	font-weight: bold;
}
#popup input[type="submit"]:hover {
	background: url("/images/popup_button_hover1.png") no-repeat;
	background-size: 100% auto;
}

/* ВРЕМЕННОЕ ОКНО ПОД ОТПУСК*/

#tmp_parent_popup {
	background: url("/images/bg_popup.png") repeat;
	display: none;
	height: 100%;
	width: 100%;
	z-index: 100;   /*выше всего*/
	position: fixed;
}

#tmp_popup{
	background: url("/images/otpusk.png") no-repeat;
	height: 650px;
	width: 800px;
	margin: 5vw auto;
	font-size: 13pt;
}

#tmp_popup_main{
	padding: 50px 200px 200px 250px;
}

#tmp_popup_close{
	text-align: right;
	padding: 10px 90px 0 0;
}
#tmp_popup_close img{
	cursor: pointer;
}

#tmp_popup h3,h2{
	font-family: intro31102017;
	color: #203d5f; /*#3a4a5c;*/
	font_size:35%;
	text-align: center;
	/*margin: 10px 40px 0 0;*/
}

#otziv{
	background: url("/images/otziv.jpg")  repeat-x;
	background-size: 100% 100%;
	height: 40vw;/*650px;*/
	border: 0.01px solid #f9f1db;
}

#otziv .slider {
	overflow:hidden;  /*Скрываем всё что за блоком слайдера */
	position:relative;
	width:51vw;/*980px;*/
	height:35vw;/*500px;*/
	margin:0 auto;
}
#otziv  .next,.prev {
	position:absolute;
	height:2.6vw;/*50px;*/
	width:2.6vw;/*50px;*/
	top:15vw;/*225px;*/
	z-index:1;
	cursor:pointer;
}
		
#otziv  .next {
	background: url("/images/forward.png")  no-repeat center center;
	background-size: 100% auto;
	right:0;
}

#otziv  .prev {
	background: url("/images/back.png")  no-repeat center center;
	background-size: 100% auto;
	left:0;
}

#otziv .slides {
	position:relative;
	transition:1s; /* Задаем время изменения блока, отвечает за плавную прокрутку */
}
		
#otziv .slide {
	float:left;
	display:block;
}

#otziv .table {
	background: url("/images/book.jpg")  no-repeat center center;
	background-size: 100% auto;
	width:51vw;/*980px;*/
	height:35vw;/*500px;*/
	margin: 0 auto;
}

#otziv  .cell {
	vertical-align: middle;
	width: 50%;
}

#otziv .cell img{
	width: 16.8vw;
	height: auto;
}

#otziv  .table   p {
	font-family: Intro31102017;
	text-align:left;
	padding: 5.2vw 5vw 0;/*100px;*/
}

#otziv  h3 {
	font-family: Intro31102017;
	text-align:right;
	padding: 0 5vw 5.2vw;/*100px;*/
	/*padding-top: 0;*/
	font-style: italic;
}