@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(http://themes.googleusercontent.com/static/fonts/robotoslab/v3/y7lebkjgREBJK96VQi37ZmOb2gHztoQeulij-1lvl-8.woff) format('woff');
}


@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: 700;
  src: local('Vollkorn Bold'), local('Vollkorn-Bold'), url(https://fonts.gstatic.com/s/vollkorn/v8/0yb6GDoxxrvAnPhYGxGSTVg9jBM.woff) format('woff');
}



*{
	box-sizing: 		border-box;
	-moz-box-sizing:	border-box;
	-webkit-box-sizing:	border-box;
	-ms-box-sizing:		border-box;

	font-size:			100%;

}

body{
	margin:		0;
	padding:	0;
}

form{
	display:		inline;
}

a{
	color:				#6394C4;
	text-decoration:	none;
}

table{
	color:			#4E4E4E;
	font-size:		15;
	line-height:	1.5;

	font-family:		Roboto Slab;
}


div.center{
	position:		relative;
	z-index:		100;
}


div.menu{
	position:		fixed;
	display:		block;
	z-index:		1000;

	top:			0;

	background:		white;
	border-bottom:	1px solid #E5E5E5;

	width:			100%;
	max-height:			60px;
}


div.menuCenter{
	position:		fixed;

	margin:			auto;
background:		red;

	width:			1020px;
}


div.menugo{
	float:			right;
	padding:		10 10;
	margin:			5px;

	font-family:	arial;
	font-size:		90%;
	color:			#4D4D4D;
	#text-shadow:	#1A1A1A 0px 1px 1px;
	white-space:	nowrap;
	text-transform: uppercase;

	cursor:			pointer;

	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

div.menugo:hover{
	color:			#A52A2A;

	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}


div.phone{
	position:		fixed;

	float:			left;
	padding:		6 10;
	margin:			5px;
	margin-left:	30px;

	font-family:	arial;
	font-size:		140%;
	font-weight:	bold;
	color:			#1A1A1A;
}

div.SN{
	position:		fixed;
	top:			7px;
	left:			220px;
}


div.menuleft{
	width:			160px;
	padding:		5 10;
	margin:			5px;

	font-family:	arial;
	font-size:		13;
	color:			#073663;
	font-weight:	bold;

	cursor:			pointer;

	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

div.menuleft:hover{
	color:			#FFFFFF;
	background:		#256725;
	border-radius:	5px;

	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}


div.mainPic{
	position:		fixed;
	width:			100%;
	height:			100%;
	z-index:		-100;
	bottom:			0;

	background-image: 		url('bg.jpg');
	background-position:	center top;
	background-repeat:		no-repeat;
	background-size:		cover;
}



img.logo{
	height:		30px;
	padding:	3px 40px;
}

div.title{
	float:			left;
	padding:		30;

	font-family:	arial;
	color:			#FFA500;
	font-size:		22;
}

div.top{
	position:		absolute;
	top:			370;
	width:			960;

	background:		rgba(0,0,0,.5);
	color:			white;
	font-family:	arial;
}

h1{
	font-size:		24;
	margin:			0;
	padding:		8 20;
}

div.totop{
	position:		fixed;
	top:			0;
	right:			30;

	padding:		10 20;
	color:			white;

	cursor:			pointer;

	background:		rgba(0, 0, 0, .5);
}

div.totop:hover{
	background:		rgba(100, 100, 255, .5);
}

div.topPhone{
	float:		right;
	text-align:	right;

	margin-top:	40px;
}


div.slogan{
	position:	fixed;
	z-index:	110;
	width:		100%;

	top:		25%;

	#font-family:	arial;
	#font-size:		250%;
	#text-align:		center;
	#font-weight:	bold;
}


table.slogan{
	color:				white;
	background-color:	rgba(50,0,50,.5);

	text-shadow: 	#1A1A1A 0px 1px 1px;

	box-shadow:		#FFFFBD 0px 0px 123px;

	padding:		60px;

	border-radius:	50px 0px;
}


div.main{
	float:		left;
}

table.main{
	width:			1020px;
}

td.texttop{
	padding:		80 40 20 40;
	text-align:			center;

	text-transform: uppercase;
}

div.texttop{
	margin:			10px 0px;

	color:			#4D4D4D;
	font-size:		250%;
	font-weight:	bold;
	font-family: 'Vollkorn', serif;
}

div.texttopline{
	position: absolute;
	padding:		20px;
	width:			100px;

	left: 			585px;


	border-top:		2px solid #A52A2A;
}

td.text{
	padding:		20 40 60 40;

	font-size:		120%;
	line-height:	1.5;

	#border:			1px solid lightgray;
	#box-shadow:		#BFBFBF 0px 3px 3px;
}


div.preview{
	float:		left;

	height:		290px;
	width:		290px;

	margin:		11px;
}

div.preview2{
	height:		290px;
	width:		290px;

	background-color:	none;
	color:		rgba(0,0,0,0);
	padding:	100px 0px;
	text-align:	center;

	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

div.preview2:hover{
	background-color:	rgba(30, 130, 200, .9);

	color:		white;

	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}


td.docprename{
	color:		#345C83;
}

td.docpretext{
	color:		#4D4D4D;
}

div.docviewmini{
	height:			800px;
	#overflow-y:		scroll;
}


a.submit{
	padding: 10 30;
	margin: 20 0;
	margin-right: 20;
	color: white;
	font-size: 16;
	border: none;
	border-bottom: 3px solid #214A73;
	background: #78A8D7;
	border-radius: 3px;
	text-shadow: #4D4D4D 0px 1px 1px;
	white-space: nowrap;
}

a.submit:hover{
	cursor:			pointer;
	background:		#5C91C6;
}

div.pic{
	position:		relative;
	float:			left;

	height:			150px;
	width:			150px;

	margin:			10px;

	background-repeat: 		no-repeat;
	background-size: 		100%;
	background-position: 	center center;

	cursor:			pointer;

	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

div.pic:hover{
	background-size: 		120%;
}


span.picTextMini{
	font-size:		12px;
	color:			#4D4D4D;
}

img.picFoto{
	#cursor:			pointer;
}


div.newslast{
	float:		left;
	width:		200px;
}


div.bottom{
	position:		fixed;
	bottom:			0px;
	left:			0px;
	z-index:		100;

	border-top:		1px solid lightgray;
	background:		white;

	height:			60px;
	width:			100%;
}

div.lang{
	float:			left;

	border:			1px solid lightgray;

	padding:		10px;
	margin:			5px;

	#text-decoration:none;

	color:			#1A1A1A;
	font-weight:	bold;
}

div.lang:hover{
	background:		#D5EBFF;
}



td.bottom{
	font-family:	arial;
	color:			#FFFFFF;
	font-size:		15;
}

span.bottomaddress{
	font-size:		12px;
	color:			white;
}


table.copyright{
	width:			100%;
	height:			150px;
	padding:		5;

	font-family:	arial;
	color:			#7D7D7D;
	font-size:		12;
}


div.enter{
	position:		fixed;
	bottom:			60px;
	left:			0px;
	padding:		10 20;

	background-color:	#A52A2A;
	color:			white;

	background-color:	rgba(0,0,0,0);
	color:			rgba(0,0,0,0);
	cursor:			pointer;
	font-weight:	bold;
	font-family:	arial;
}

div.enter:hover{
	background-color:	#A52A2A;
	color:			white;
}


div.call{
	background-image:	url('call.png');
	height:				56;
	width:				56;
	position:			fixed;
	bottom:				20;
	right:				40;
	cursor:				pointer;
}

div.callform{
	display:			none;
	position:			fixed;
	bottom:				0;
	right:				30;
	padding:			20;

	background:			rgba(50,100,50,.9);
	height:				250;
	width:				400;

	border-radius:		10px 10px 0px 0px;
	box-shadow:			#4D4D4D 0px 0px 8px;
}

div.callclose{
	display:			none;
	position:			fixed;
	bottom:				290;
	right:				60;
	background:			gray;


	border-radius:		10px 10px 0px 0px;
	box-shadow:			gray 0px 0px 1px;

	padding:			0 10;
	color:				white;
	font-size:			28;

	cursor:				pointer;
}

div.callclose:hover{
	background:			#A52A2A;
}


input.text{
	border:			1px solid gray;
	width:			400px;
	padding:		10 20;
	font-size:		90%;
}

textarea.text{
	border:			1px solid gray;
	width:			400px;
	height:			100px;
	padding:		10 20;
	font-size:		90%;
}

input.submit{
	cursor:				pointer;
	padding:			10 25;

	background:			white;
	border:				1px solid gray;
	color:				gray;
	font-size:			90%;
	text-transform: 	uppercase;

	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

input.submit:hover{
	background:			#37A000;
	border:				1px solid #37A000;
	color:				white;

	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}


div.priceBlock{
	background:		white;
	width:			50%;
	height:			400px;
	padding:		40px;
}

div.pricePic{
	background-size:	cover;
	background-repeat:	no-repeat;
	background-position:right bottom;

	box-shadow:		#000000 0px 6px 16px;

	margin:			20px;

	height:			360px;
	width:			46%;
}

img.resp{
 width: 100%;
}

table.resp{
 width: 100%;
 max-width: 440px;
 float: left;
 margin: 15px;


 border: 1px solid lightgray;
 border-radius: 5px;
 box-shadow: #E5E5E5 0px 2px 5px;
}


div.key{
	float:	left;
	width:	188px;
	padding:	10px;

	text-align:	center;

	#border:	1px solid red;
}

div.keyNum{
	background:	rgba(50,10,100,.4);

	height:		120px;
	width:		120px;

	color:		white;
	font-size:	80px;

	border-radius:	100px;
}

div.keyText{
	padding-top:	40px;

	text-align:	left;
	font-size:	15px;
}


div.gray{
	display:		none;
	position:		fixed;
	z-index:		90;

	height:			100%;
	width:			100%;

	background:		rgba(0,0,0,.7);
}

div.foto{
	display:		none;
	position:		fixed;
	z-index:		100;

	left:			50%;
	margin:			0px -400px;
	top:			10%;
	#margin:			10%;

	height:			600px;
	width:			960px;

	background-color:	white;
	background-size:	cover;
	background-repeat:	no-repeat;
	background-position:center center;

	box-shadow:		black 0px 5px 20px;
}

div.fotoClose{
	position:		absolute;
	top:			0px;
	right:			0px;

	padding:		10px 15px;
	background:		rgba(200,50,50,.4);
	color:			white;

	cursor:			pointer;
}

div.fotoClose:hover{
	background:		#BC1E1E;
}

div.fotoLeft{
	position:		absolute;
	top:			50px;
	left:			0px;

	padding:		40px 15px;
	color:			white;
	background:		rgba(0,0,0,.7);

	margin:			-50px 0px;

	cursor:			pointer;
}

div.fotoLeft:hover{
	background:		rgba(0,0,0,.4);
}

div.fotoRight{
	position:		absolute;
	top:			150px;
	left:			0px;

	padding:		40px 15px;
	color:			white;
	background:		rgba(0,0,0,.7);

	margin:			-50px 0px;

	cursor:			pointer;
}

div.fotoRight:hover{
	background:		rgba(0,0,0,.4);
}


div.glGoL{
	background:	#BFBFBF;
	padding:	20px;
	border-radius:15px;

	color:		white;
	font-size:	24px;
	font-weight:bold;

	cursor:		pointer;
}

div.glGoL:hover{
	background:	#A9A9A9;
}

div.glGoR{
	background:	#BFBFBF;
	padding:	20px;
	border-radius:15px;

	color:		white;
	font-size:	24px;
	font-weight:bold;

	cursor:		pointer;
}

div.glGoR:hover{
	background:	#A9A9A9;
}


div.glBG{
	margin-top:	45px;
}


table.glMain{
	width:			1020px;
}


div.glBack{
	float:			left;

	top:			50px;
	left:			0px;
	color:			white;
	padding:		10px 20px;
	background:		rgba(100,100,100,.5);
	font-family:	arial;
}


img.venzel{
	width:	200px;
}


div.zvonokLeft{
	float:	left;
	width:	100%;
	height:	570px;
}

div.zvonokLeftPhone{
	display:	none;

	float:	left;
	width:	100%;
	height:	570px;
}


div.zvonokRight{
	display:	none;

	position:	fixed;
	height:		80%;
	width:		80%;
	top:		10%;
	left:		10%;

	background:	rgba(255,255,255,.9);
	box-shadow:	#4D4D4D 0px 3px 30px;

	#border:		20px solid white;
	border-radius:	20px;
}

div.zvonokClose{
	position:	relative;
	float:		right;
	right:		20px;
	top:		20px;

	background:	#CA6262;
	border-radius:	50px;
	padding:	0px 17px;
	padding-bottom:	4px;

	font-size:	32px;

	color:		white;
	text-shadow:#4D4D4D 0px 1px 1px;

	cursor:		pointer;

	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

div.zvonokClose:hover{
	background:	#A52A2A;
}


img.virtTour{
	width:	47%;
}


img.callback{
	position:	fixed;
	bottom:		10px;
	right:		10px;

	cursor:		pointer;
}


/*ДЛЯ МОБИЛЬНЫХ УСТРОЙСТВ*******/

@media screen and (max-width: 1020px) {

	div.menu{
		display:	none;
	}

	img.logo{
		width:		50%;
	}

	table.center{
		width:			100%;
	}

	table.main{
		width:			100%;
	}

	td.text{
		padding:		15px;

		border:			none;
	}

	div.slogan{
		#top:			0px;

		color:			white;
		#background:		rgba(0, 0, 0, .7);
	}

	div.bottom{
		position:		relative;
	}

	td.work{
		padding:		15px;

		border:			none;
	}

	input.text{
		width:			100%;
		max-width:		400px;
	}

	textarea.text{
		width:			100%;
		max-width:		400px;
	}

	div.mainPic{
		background-position:	left top;
	}

	div.texttopline{
		display:	none;
	}

	div.glBG{
		 margin-top:0px;
	}

	div.priceBlock{
		width:			100%;
		margin-bottom:	50px;
	}

	div.pricePic{
		width:	90%;
	}

	div.glGoL{
		position:	fixed;
		bottom:		0px;
		left:		0px;

		border-radius:	0px;
	}

	div.glGoR{
		position:	fixed;
		bottom:		0px;
		right:		0px;

		border-radius:	0px;
	}

	table.glMain{
		width:			100%;
	}

	img.glView{
		width:			100%;
	}

	div.glBack{
		position:		fixed;
		top:			0px;
		left:			0px;
	}

	div.zvonokLeft{
		width:	100%;
	}

	div.zvonokRight{
		height:		98%;
		width:		98%;
		top:		1%;
		left:		1%;
	}

}

@media screen and (max-width: 640px) {

	img.logo{
		width:		100%;
	}

	div.preview{
		height:		200px;
		width:		200px;
	}

	div.preview2{
		height:		200px;
		width:		200px;
		padding:	50px 0px;
	}

	img.venzel{
		width:	50%;
	}

	table.resp{
		width:	90%;
	}

	div.texttop{
		font-size:		150%;
	}

	img.virtTour{
		width:	100%;
	}

	textarea.text{
		height:		40px;

	}

	div.zvonokLeft{
		display:	none;
	}

	div.zvonokLeftPhone{
		display:	block;

		float:	left;
		width:	100%;
		height:	570px;

		padding:	10px;
	}

	div.zvonokImgPhone{
		float:	left;
		width:	100%;
		height:	400px;

		background-image:	url('https://api-maps.yandex.ru/services/constructor/1.0/static/?um=constructor%3Af3020912d1128c763cedcf018d6c26571e10610c4326eec43b313a534969a1c6&width=500&height=400&lang=ru_RU');

		background-position:	center center;
		background-repeat:		no-repeat;
		background-size:		cover;
	}

}