﻿/* Default */

@media screen {

html {
	height:100%;
}
body {
	height:100%;
	color:#232323;
	font-size:12px;
	line-height:16px;
    font-family:'Tahoma', sans-serif;
	padding:0;
	margin:0;
	background:#f2d890 url('../img/bg.jpg') no-repeat center center fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

.noview {
	display: none;
}

p {
	text-indent:0;
	padding:0;
	margin:0 0 16px;
}
table {
	margin:0 0 16px;
	border-collapse:collapse;
}
table td {
	padding:0;
}
:focus {
	outline:none;
}
img {
	padding:0;
	margin:0;
	border:0;
}
a {
	color:#000000;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
form {
	margin:0;
}
ul {
	margin:0 0 10px 16px;
	padding:0;
}
ul li {
	padding:0;
	list-style:none;
}
ol {
	margin:0 0 10px 18px;
	padding:0;
}
* +html ol {
	padding:0 0 0 5px;
}
ol li {
	padding:0 0 0 16px;
}
input, select, textarea {
	color:#1c2d4e;
	font-size:12px;
    font-family:'Boblic', sans-serif;
	padding:0;
	margin:0;
	background:none;
	border:0;
}
textarea {
	overflow:auto;
}
button {
    font-family:'Boblic', sans-serif;
	margin:0;
	border:0;
	-moz-box-shadow:border-box;
	-webkit-box-shadow:border-box;
	box-sizing:border-box;
}
button::-moz-focus-inner {
	padding:0;
	border:0;
}
::-webkit-input-placeholder {
	color:#999999;
}
:-moz-placeholder {
	color:#999999;
}
::-moz-placeholder {
	color:#999999;
}
:-ms-input-placeholder {
	color:#999999;
}
.wrapper {
	position:relative;
	min-height:100%;
	margin:0 auto;
}

/* Header */

.header {
	background:url('../img/header_bg.jpg') no-repeat center top;
}
.header > div {
	position:relative;
	width:960px;
	height:634px;
	margin:0 auto;
}
.header .logo {
	position:absolute;
	left:50%;
	top:52px;
	margin-left:-200px;
}
.header .menu {
	position:absolute;
	left:0;
	top:443px;
	width:960px;
	text-align:center;
	margin:0;
}
.header .menu li {
	display:inline-block;
	width:140px;
	height:28px;
	font-size:13px;
	line-height:17px;
	text-align:center;
	text-transform:uppercase;
	margin:0 -3px 0 19px;
}
.header .menu li:first-child {
	margin-left:0;
}
.header .menu li a {
	display:block;
	color:#fce5ab;
	text-shadow:0 2px 6px rgba(125,168,0,0.84);
	text-decoration:none;
	padding:5px 0 6px;
	background:url('../img/menu_a.png') no-repeat center top;
}
.header .menu li a:hover {
	background-position:0 -28px;
}
.information {
	width:780px;
	padding:44px 90px 64px;
	margin:0 auto;
}
.information h1 {
	color:#0f4b1f;
	font-size:28px;
	line-height:32px;
	text-align:center;
	text-transform:uppercase;
	padding:0;
	margin:0;
}
.information h1 span {
	display:block;
	color:#000000;
	font-size:22px;
	line-height:26px;
	font-weight:normal;
	text-transform:none;
	margin:3px 0 0;
}
.information h2 {
	color:#000000;
	font-size:18px;
	line-height:22px;
	text-align:center;
	padding:0;
	margin:28px 0 18px;
}
.information h2 span {
	display:block;
	font-weight:normal;
}
.information p {
	color:#000000;
	font-size:14px;
	line-height:17px;
	text-indent:21px;
	text-align:justify;
	margin:0;
}
.information h4 {
	color:#000000;
	font-size:14px;
	line-height:17px;
	text-indent:21px;
	text-align:center;
	text-transform:uppercase;
	margin:17px 0 17px;
}
.information h4 span {
	display:block;
	font-weight:normal;
}
.information h5 {
	color:#000000;
	font-size:18px;
	line-height:22px;
	font-weight:normal;
	padding:0;
	margin:7px 0 -7px 234px;
}
.information h6 {
	color:#000000;
	font-size:14px;
	line-height:17px;
	text-indent:21px;
	padding:0;
	margin:17px 0 0;
}
.information > div {
	position:relative;
	text-align:center;
	margin:47px 0 20px;
}
.information > div ul {
	margin:0;
}
.information > div ul li {
	display:inline-block;
	vertical-align:top;
	margin:0 -3px 0 8px;
}
.information > div ul li:first-child {
	margin-left:0;
}
.information > div h6 {
	position:absolute;
	top:10px;
	right:18px;
	font-size:12px;
	line-height:16px;
	font-weight:normal;
	margin:0;
}
.panorama {
	overflow:hidden;
	position:relative;
	height:700px;
	margin:0 0 103px;
}
.panorama .magnifier {
	position:absolute;
	top:17px;
	right:-142px;
	width:382px;
	height:392px;
	background:url('../img/magnifier_bg.png') no-repeat left top;
}
.panorama > div {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:700px;
	cursor:url('../img/cursor.png'), auto;
}
.panorama > div > img {
	position:absolute;
	z-index:10;
}
.panorama > div > div {
	position:relative;
	width:100%;
	height:700px;
}
.panorama .prev, .panorama .next {
	position:absolute;
	top:348px;
	z-index:10;
	display:block;
	width:58px;
	height:86px;
	cursor:pointer;
}
.panorama .prev {
	left:30px;
	background:url('../img/panorama_prev.png') no-repeat left top;
}
.panorama .next {
	right:30px;
	background:url('../img/panorama_next.png') no-repeat left top;
}
.panorama span.special {
	position:absolute;
	top:56px;
	left:38px;
	z-index:10;
	display:block;
	width:49px;
	height:94px;
	cursor:pointer;
	background:url('../img/panorama_special.png') no-repeat left top;
}
.panorama span.video {
	position:absolute;
	top:56px;
	left:90px;
	z-index:10;
	display:block;
	width:94px;
	height:94px;
	cursor:pointer;
	background:url('../img/panorama_kamera.png') no-repeat left top;
}
.panorama span.closevideo {
	position:absolute;
	top:-10px;
	left:-10px;
	z-index:10;
	display:block;
	width:32px;
	height:32px;
	cursor:pointer;
	background:url('../img/panorama_krest.png') no-repeat left top;
}
.panorama div.videoplayer_parent {
	width:100%;
	height:100%
	overflow:auto;
	position:absolute;
	z-index:10;
	top:0px;
	left:0px;
}
.panorama div.videoplayer {
	position:absolute;
	margin: auto;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:10;
	display:block;
	width:900px;
	height:507px;
	border-style: ridge;
	border-width: 3px;
}

.map {
	clear:both;
	overflow:hidden;
	width:940px;
	margin:0 auto 124px;
}
.map .lb {
	float:left;
	width:220px;
	margin:37px 0 0;
}
.map .lb .marks {
	margin:0 0 46px;
}
.map .lb .marks li {
	position:relative;
	color:#000000;
	font-size:11px;
	line-height:14px;
	padding:18px 0 12px 90px;
	margin:0 0 15px;
}
.map .lb .marks li img {
	position:absolute;
	left:7px;
	top:0;
}
.map .lb .areas {
	min-height:204px;
	padding:16px 0 5px 90px;
	margin:0 0 53px;
	background:url('../img/areas_bg.png') no-repeat left top;
}
.map .lb .areas li {
	margin:28px 0 0;
}
.map .lb .areas li:first-child {
	margin-top:0;
}
.map .lb .areas li p {
	color:#000000;
	font-size:11px;
	line-height:15px;
	margin:0;
}
.map .lb .areas li p span {
	font-size:12px;
}
.map .lb .nav {
	margin:0 0 50px;
}
.map .lb .nav li {
	font-size:14px;
	line-height:17px;
	text-align:center;
	text-transform:uppercase;
	margin:23px 0 0;
}
.map .lb .nav li:first-child {
	margin-top:0;
}
.map .lb .nav li a {
	display:block;
	color:#fce6ab;
	text-decoration:none;
	padding:15px;
	background:#6a88a3;
	transition:all 0.25s ease-in-out;
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
}
.map .lb .nav li.active a {
	background:#0f4b1f;
}
.map .rb {
	float:right;
	width:631px;
	height:826px;
	margin:0 -4px 0 0;
	background:url('../img/map_rb.png') no-repeat left top;
}
.map .rb > div {
	position:relative;
	width:631px;
	height:826px;
	background:url('../img/map_rb_div.jpg') no-repeat 33px 18px;
}
.map .rb > div > img {
	position:absolute;
	left:135px;
	top:76px;
	z-index:10;
}
.map .rb > div > div {
	position:absolute;
	left:63px;
	top:61px;
	width:394px;
	height:592px;
}
.map .rb > div > div img {
	position:absolute;
	top:0;
	left:0;
}
.path {
	clear:both;
	overflow:hidden;
	width:940px;
	padding:0 10px;
	margin:0 auto 168px;
}
.path .nav {
	float:left;
	width:220px;
	padding:81px 0 0;
	margin:0 0 50px;
}
.path .nav li {
	font-size:14px;
	line-height:17px;
	text-align:center;
	text-transform:uppercase;
	margin:23px 0 0;
}
.path .nav li:first-child {
	margin-top:0;
}
.path .nav li a {
	display:block;
	color:#fce6ab;
	text-decoration:none;
	padding:15px;
	background:#6a88a3;
	transition:all 0.25s ease-in-out;
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
}
.path .nav li.active a {
	background:#0f4b1f;
}
.path .rb {
	position:relative;
	float:right;
	width:693px;
	height:429px;
	margin:53px 5px 62px 0;
}
.path .rb:before {
	content:'';
	position:absolute;
	left:-6px;
	top:-53px;
	z-index:100;
	width:707px;
	height:63px;
	background:url('../img/path_before.png') no-repeat left top;
}
.path .rb:after {
	content:'';
	position:absolute;
	left:-6px;
	bottom:-62px;
	z-index:100;
	width:707px;
	height:63px;
	background:url('../img/path_after.png') no-repeat left top;
}
.path .rb > div {
	position:absolute;
	left:0;
	top:0;
	width:693px;
	height:429px;
}
.contacts {
	clear:both;
	overflow:hidden;
	width:940px;
	padding:0 15px;
	margin:0 auto 173px;
}
.contacts .lb {
	float:left;
	width:220px;
	margin:73px 0 0;
}
.contacts .lb .data {
	margin:0 0 105px;
}
.contacts .lb .phones {
	padding:0 0 0 58px;
	margin:0 0 15px;
	background:url('../img/contact_phones_icon.png') no-repeat 25px center;
}
.contacts .lb .phones p {
	color:#1a171b;
	font-size:18px;
	line-height:22px;
	margin:0;
}
.contacts .lb .email {
	padding:1px 0 0 58px;
	margin:-1px 0 20px;
	background:url('../img/contact_email_icon.png') no-repeat 23px top;
}
.contacts .lb .email p {
	color:#1a171b;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	margin:0;
}
.contacts .lb .captcha {
	margin:0 0 23px;
}
.contacts .lb .captcha p {
	color:#1a171b;
	font-size:12px;
	line-height:15px;
	text-align:center;
	margin:0 0 23px;
}
.contacts .lb .captcha p span {
	display:block;
	margin:0 0 14px;
}
.contacts .lb .captcha p input {
	width:188px;
	color:#1a171b;
	font-size:12px;
	text-align:center;
	padding:16px;
	background:#ffffff;
}
.contacts .lb .captcha > div {
	position:relative;
	width:220px;
	height:47px;
	background:#ffffff;
}
.contacts .lb .captcha > div img {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	max-width:220px;
	max-height:47px;
	margin:auto;
}
.contacts button {
	width:220px;
	color:#fce6ab;
	font-size:14px;
	line-height:17px;
	text-align:center;
	text-transform:uppercase;
	cursor:pointer;
	padding:15px;
	margin:0 0 23px;
	background:#6a88a3;
	transition:all 0.25s ease-in-out;
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
}
.contacts button:hover {
	background:#0f4b1f;
}
.contacts .rb {
	position:relative;
	float:right;
	width:729px;
	height:538px;
	margin:0 -15px 0 0;
	background:url('../img/contacts_rb.png') no-repeat left top;
}
.contacts .rb > div {
	position:absolute;
	left:43px;
	top:30px;
	padding:68px 0 0;
	width:649px;
	height:440px;
	background:url('../img/contacts_rb_div.jpg') no-repeat left top;
}
.contacts .rb > div p {
	color:#ffe8a6;
	font-size:12px;
	line-height:15px;
	margin:22px 0 0 62px;
}
.contacts .rb > div p:first-child {
	margin-top:0;
}
.contacts .rb > div p span {
	display:inline-block;
	width:139px;
	vertical-align:top;
	padding:13px 0;
	margin:0 7px 0 0;
}
.contacts .rb > div p input, .contacts .rb > div p textarea {
	display:inline-block;
	width:355px;
	color:#1a171b;
	font-size:12px;
	vertical-align:top;
	padding:13px;
	background:#ffe8a6;
}
.contacts .rb > div p textarea {
	min-height:199px;
	resize:none;
}
.about {
	width:760px;
	color:#45230f;
	padding:0 90px;
	margin:0 auto 91px;
}
.about a {
	color:#45230f;
	text-decoration:none;
}
.about a:hover {
	text-decoration:underline;
}
.about h5 {
	font-size:13px;
	line-height:17px;
	font-weight:normal;
	padding:0;
	margin:0 0 17px 240px;
}
.about h5 strong {
	display:block;
}
.about h3 {
	width:210px;
	font-size:13px;
	line-height:17px;
	text-transform:uppercase;
	padding:0;
	margin:0 0 -2px;
}
.about h3 span {
	display:block;
	font-weight:normal;
}
.about p {
	font-size:12px;
	line-height:15px;
	margin:0 0 14px 240px;
}
.about p strong {
	display:block;
	width:330px;
}
.footer {
	clear:both;
	overflow:hidden;
	width:940px;
	padding:0 0 87px;
	margin:0 auto;
}
.footer .author {
	float:right;
}
.footer .author p {
	color:#45230f;
	font-size:11px;
	line-height:14px;
	margin:0 0 2px;
}
.footer .author p a {
	color:#45230f;
	text-decoration:none;
}
.footer .author p a:hover {
	text-decoration:underline;
}

.b-share__link {
	width:38px !important;
	height:38px !important;
}
.b-share-btn__gplus {
	background:url('../img/google_icon.png') no-repeat left top;
}
.b-share-btn__vkontakte {
	background:url('../img/vkontakte_icon.png') no-repeat left top;
}
.b-share-btn__facebook {
	background:url('../img/facebook_icon.png') no-repeat left top;
}
.b-share-btn__twitter {
	background:url('../img/twitter_icon.png') no-repeat left top;
}
.b-share-btn__odnoklassniki {
	background:url('../img/odnoklassniki_icon.png') no-repeat left top;
}

}

@media print {

p {
	text-indent:0;
	padding:0;
	margin:0 0 3px;
}

.information {
	width:780px;
	padding:44px 90px 64px;
	margin:0 auto;
}
.information h1 {
	color:#0f4b1f;
	font-size:18px;
	line-height:24px;
	text-align:center;
	text-transform:uppercase;
	padding:0;
	margin:0;
}
.information h1 span {
	display:block;
	color:#000000;
	font-size:18px;
	line-height:24px;
	font-weight:normal;
	text-transform:none;
	margin:3px 0 0;
}
.information h2 {
	color:#000000;
	font-size:16px;
	line-height:18px;
	text-align:center;
	padding:0;
	margin:28px 0 18px;
}
.information h2 span {
	display:block;
	font-weight:normal;
}
.information p {
	color:#000000;
	font-size:16px;
	line-height:17px;
	text-indent:18px;
	text-align:justify;
	margin:0;
}
.information h4 {
	color:#000000;
	font-size:12px;
	line-height:17px;
	text-indent:18px;
	text-align:center;
	text-transform:uppercase;
	margin:17px 0 17px;
}
.information h4 span {
	display:block;
	font-weight:normal;
}
.information h5 {
	color:#000000;
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	padding:0;
	margin:7px 0 -7px 234px;
}
.information h6 {
	color:#000000;
	font-size:12px;
	line-height:15px;
	text-indent:21px;
	padding:0;
	margin:17px 0 0;
}
.information > div {
	position:relative;
	text-align:center;
	margin:47px 0 20px;
}
.information > div ul {
	margin:0;
}
.information > div ul li {
	display:inline-block;
	vertical-align:top;
	margin:0 -3px 0 8px;
}
.information > div ul li:first-child {
	margin-left:0;
}
.information > div h6 {
	position:absolute;
	top:10px;
	right:18px;
	font-size:10px;
	line-height:14px;
	font-weight:normal;
	margin:0;
}

#info {
	display: block;
}

.footer, #path, #contacts, #links, #noprint, .header, #tour, #map {
	display: none;
}

