/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,iframe { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
article,aside,footer,header,hgroup,nav,section,figure,figcaption { display: block; }
img {border: 0;}
* {outline: none;}

/* DEBUG */
font.debug {display: inline-block;background-color: red;color: #ffffff;font-size: 30px;padding: 10px;}

html, body {margin: 0;padding: 0;min-height: 100%;}
body {background: #e1e1e1 url(/img/bg-grey.png) repeat 50% 0;font-family: Arial;font-size: 14px;color: #3b3b3b;}

a {color: #0d89a4;text-decoration: underline;}
a:hover {text-decoration: none;}

.ico {background-image: url(/img/sprites.png);background-repeat: no-repeat;}
.clear {clear: both;float: none;height: 0;font-size: 0;line-height: 0;overflow: hidden;}

#PageWrap {background: #ffffff url(/img/gradient.gif) repeat-y 100% 0;max-width: 1024px;min-width: 1024px;margin: 0 auto;/*height: 100%;*/box-shadow: 0 0 15px rgba(0,0,0,0.3);}

#PageHeader {background: transparent url(/img/line.gif) repeat-x 50% 100%;height: 35px;margin: 0 10px 75px;position: relative;}
#PageHeader .edge {width: 21px;height: 12px;background-position: -159px -12px;position: absolute;bottom: -5px;right: 50px;}
/*#PageHeader .Title {height: 120px;background-position: 50% 50%;background-repeat: no-repeat;}*/
/*#PageHeader .Title.Realty {background-image: url(/img/title/realty.png);}*/
#PageHeader .Data {color: #f32a00;font-size: 11px;position: absolute;top: 49px;left: 50%;width: 50%;}
#PageHeader .Data p {text-align: right;padding-right: 15px;}
#PageHeader .Data p span {margin-left: 10px;}
#PageHeader .Rubric {background-color: #0d89a4;position: absolute;top: 24px;left: -10px;}
#PageHeader .rubric__inner {color: #ffffff; line-height: 22px;padding: 0 20px 0 20px;position: relative;}
#PageHeader .rubric__inner:after {content: " ";position: absolute;right: -2px;top: -4px;width: 10px;background: #fff; height: 24px;}
#PageHeader .City {background-color: #f32a00;color: #ffffff;position: absolute;top: 46px;left: -10px;line-height: 22px;padding: 0 10px 0 20px;}

#PageFooter {background: transparent url(/img/line.gif) repeat-x 50% 0;margin: 20px 10px 0;padding: 20px 0;clear: both;position: relative;}
#PageFooter .edge {width: 21px;height: 12px;background-position: -131px -12px;position: absolute;top: -6px;left: 50px;}
#PageFooter .Text {color: #000000;margin: 0 30px;}
#PageFooter .Text p {margin: 8px 0;}
#PageFooter .Text .Copyright {}
#PageFooter .Text .Copyright .Logo {display: inline-block;width: 51px;height: 18px;vertical-align: bottom;background: transparent url(/img/logo.png) no-repeat 0 0;position: relative;top: -3px;margin: 0 5px;}
#PageFooter .Text .NoticeLink {font-size: 12px;}
#PageFooter .ShtrihCode {font-size: 11px;background-color: #efefef;padding: 10px;position: absolute;top: 1px;right: 30px;border: 1px dashed #bdbdbd;border-top-width: 0px;box-shadow: 0px 8px 12px -8px rgba(0,0,0,0.2);}
#PageFooter .ShtrihCode p {margin-top: 5px;text-align: right;}
#PageFooter .ShtrihCode a {color: #555555;}
#PageFooter .ShtrihCode a:hover {color: #000000;}
#PageFooter .Lot {font-size: 12px;line-height: 26px;background-color: #ffffff;color: #777777;padding: 0 10px;position: absolute;top: -27px;right: 35px;border: 1px dashed #bdbdbd;border-bottom-width: 0px;box-shadow: 0px 8px 12px -8px rgba(0,0,0,0.2);}

#PageMiddle {margin: 0 30px;}
#PageMiddle #ContentTopLeft {float: left;width: 466px;}
#PageMiddle #ContentTopRight {float: right;width: 466px;}
#PageMiddle #ContentBotLeft {float: left;width: 466px;}
#PageMiddle #ContentBotRight {float: right;width: 466px;}
#PageMiddle .Box {margin: 0 0 20px;}

#Text {margin-top: 0 !important;}
#Text .H1 {font-size: 30px;color: #000000;font-weight: bold;}
#Text .text {margin: 10px 0;word-break: break-word; overflow-wrap: break-word;}
#Text #Job.text {margin-top: 10px; margin-bottom: 0 !important;}
#Text #Job.text .jobdescription {margin-bottom: 10px;}
#Text #Job.text .jobdescription ul {padding-left: 15px;}
#Text #Job.text .jobdescription b {display: block; padding-bottom: 6px;}
#Text #Job.text .jobdescription b.specializations {padding-bottom: 8px;}
#Text .price {font-size: 18px;font-weight: bold;color: #f32a00;}
#Text .price .ico {display: inline-block;vertical-align: middle;width: 34px;height: 22px;background-position: -131px -24px;margin-right: 5px;position: relative;top: -3px;}
#Text .price .torg {font-size: 14px; font-weight: normal;color: #000;}

#Address {background: url(/img/bg-yellow.png) repeat 0 0;padding: 10px 20px;border: 1px dashed #bdbdbd;}
#Address .address {font-weight: bold;color: #000000;margin: 10px 0;}
#Address .metro {margin: 10px 0;color: #f32a00;font-size: 12px;}
#Address .metro .ico {display: inline-block;vertical-align: top;width: 12px;height:12px;background-position: -162px 0;margin-right: 5px;position: relative;top: 1px;}
#Address .metro small {margin-left: 10px;color: #3b3b3b;font-size: 11px;}
#Address .map {margin: 10px 0;}
#Address .map a.show-map {font-size: 12px;color: #000000;text-decoration: none;border-bottom: 1px dashed #000000;}
#Address .map a.show-map:hover {border-bottom: 1px dashed transparent;}
#Address .map .ya-map {background-color: #ffffff;box-shadow: 0 0 10px rgba(0,0,0,0.3);padding: 6px;margin-top: 20px;}
#Address .map .ya-map .holder {height: 190px;}

#YandexMapHolder {display:none;}
#YandexMapHolder .content {width:800px; height:600px;}

#Table {}
#Table table {width:100%;background-color: transparent;border-collapse: separate;border-spacing: 1px;margin: 0 -1px;}
#Table table th {background: white url(/img/bg-blue.png) repeat 0 0;color: #ffffff;text-align: center;padding: 5px 10px;height: 30px;vertical-align: middle;border-bottom: 1px solid #0a768e;border-right: 1px solid #0a768e;}
#Table table td {background: black url(/img/bg-white.png) repeat 0 0;color: #000000;text-align: center;font-size: 24px;height: 50px;vertical-align: middle;border-bottom: 1px solid #d4d4d4;border-right: 1px solid #d4d4d4;}
#Table table td small {font-size: 18px;margin-left: 5px;}
#Table table td.marker {background: #fdd4cc;}

#Table .options {margin: 10px 0;}
#Table .options .set {margin: 2px 0;background-color: #f3f3f3;}
#Table .options .set p {border-bottom: 1px solid #d2d2d2;border-right: 1px solid #d2d2d2;color: #000000;background-color: #ffffff;position: relative;bottom: 1px;right: 1px;}
#Table .options .set p.ok{background-image: url(/img/ico-ok.png); background-repeat: no-repeat; background-position: 95% 50%;}
#Table .options .set p u {display: inline-block;vertical-align: middle;height: 30px;width: 20px;overflow: hidden;}
#Table .options .set p b {display: inline-block;vertical-align: middle;width: 270px;font-weight: normal;margin: 5px 10px 5px 0;}
#Table .options .set p i {display: inline-block;vertical-align: middle;width: 120px;font-style: normal;margin: 5px 0px 5px 0;word-wrap: break-word;white-space: normal;}

#Image {margin-top: 0 !important;}
#Image .image {padding: 7px;background-color: #ffffff;box-shadow: 0 0 10px rgba(0,0,0,0.3);position: relative;}
#Image .image a {}
#Image .image a .zoom {display: none;position: absolute;top: 0;left: 0;z-index: 5;background-color: rgba(255,255,255,0.8);width: 100%;height: 100%;text-align: center;}
#Image .image a:hover .zoom {display: block;}
#Image .image a .zoom u {display: inline-block;vertical-align: middle;width: 0;height: 100%;}
#Image .image a .zoom i {display: inline-block;vertical-align: middle;width: 67px;height: 61px;background-position: -64px 0;}
#Image .image a img {display: block; margin: auto;}

#Gallery {}
#Gallery .title {margin-bottom: 20px;}
#Gallery .title i {display: inline-block;vertical-align: middle;width: 98px;height: 11px;background: transparent url(/img/title-fotos.png) no-repeat 0 0;}
#Gallery .gallery {}
#Gallery .gallery ul {list-style-type: none;width: 484px;margin-left: -12px;}
#Gallery .gallery ul li {float: left;margin: 5px 12px;width: 72px;height: 52px;position: relative;}
#Gallery .gallery ul li.clear {clear: both !important;float: none !important;height: 0 !important;font-size: 0 !important;line-height: 0 !important;overflow: hidden !important;padding: 0 !important;margin: 0 !important;}
#Gallery .gallery ul li a {cursor: pointer;}
#Gallery .gallery ul li a p {background-color: #ffffff;box-shadow: 0 0 6px rgba(0,0,0,0.3);width: 60px;height: 40px;text-align: center;cursor: pointer;padding: 6px;}
#Gallery .gallery ul li a p span {display: block; width: 100%; height: 100%;}
#Gallery .gallery ul li a p span u {display: inline-block;vertical-align: middle;width: 1px;height: 100%;margin-left: -1px;overflow: hidden;cursor: pointer;}
#Gallery .gallery ul li a p span img {display: inline-block;vertical-align: middle;cursor: pointer;max-width: 100%;max-height: 100%;}
#Gallery .gallery ul li a:hover p {width: 80px;height: 60px;position: absolute;top: -10px;left: -10px;z-index: 10;}

#Plan {}
#Plan .title {margin-bottom:20px;display:block;text-transform:uppercase;font-weight:600;}
#Plan .gallery {}
#Plan .gallery ul {list-style-type: none;width: 484px;margin-left: -12px;}
#Plan .gallery ul li {float: left;margin: 5px 12px;width: 72px;height: 52px;position: relative;}
#Plan .gallery ul li.clear {clear: both !important;float: none !important;height: 0 !important;font-size: 0 !important;line-height: 0 !important;overflow: hidden !important;padding: 0 !important;margin: 0 !important;}
#Plan .gallery ul li a {cursor: pointer;}
#Plan .gallery ul li a p {background-color: #ffffff;box-shadow: 0 0 6px rgba(0,0,0,0.3);width: 60px;height: 40px;text-align: center;cursor: pointer;padding: 6px;}
#Plan .gallery ul li a p span {display: block; width: 100%; height: 100%;}
#Plan .gallery ul li a p span u {display: inline-block;vertical-align: middle;width: 1px;height: 100%;margin-left: -1px;overflow: hidden;cursor: pointer;}
#Plan .gallery ul li a p span img {display: inline-block;vertical-align: middle;cursor: pointer;max-width: 100%;max-height: 100%;}
#Plan .gallery ul li a:hover p {width: 80px;height: 60px;position: absolute;top: -10px;left: -10px;z-index: 10;}

#Contact {padding-top: 20px;}
#Contact .contact {text-align: center;padding: 30px;border: 1px dashed #bdbdbd;position: relative;}
#Contact .contact u.ico {display: block;width: 26px;height: 27px;background-position: -165px -24px;position: absolute;right: 35px;top: -27px;}
#Contact .contact i.ico {display: inline-block;vertical-align: top;width: 64px;height: 58px;background-position: 0 0;margin-right: 20px;}
#Contact .contact .text {display: inline-block;vertical-align: top;text-align: left;max-width: 300px;}
#Contact .contact .text .phone, #Contact .contact .text .phone_additional {font-size: 23px;font-weight: bold;color: #f32a00; margin-bottom: 7px;}
#Contact .contact .text .fio {font-size: 18px;font-weight: bold;color: #000000; margin-bottom: 7px;}
#Contact .contact .text .company {font-size: 11px;font-weight: normal;color: #3b3b3b; margin-bottom: 6px;}
#Contact .contact .text .companyDescription {font-size: 11px;font-weight: normal;color: #3b3b3b; margin-bottom: 6px;}

.MoreInfo {}
.MoreInfo .title {}
.MoreInfo .title a {text-decoration: none;font-size: 18px;font-weight: bold;color: #000000;}
.MoreInfo .title a span {border-bottom: 1px dashed #000000;}
.MoreInfo .title a:hover span {border-bottom: 1px dashed #ffffff;}
.MoreInfo .title a span b {}
.MoreInfo .title a i.ico {display: inline-block;vertical-align: middle;}
.MoreInfo .title a i.ico.on {width: 11px;height: 6px;background-position: -145px 0;margin-left: 10px;}
.MoreInfo .title a i.ico.off {width: 6px;height: 11px;background-position: -156px 0;margin-left: 10px;}
.MoreInfo .text {margin: 10px 0;}
.MoreInfo .text table {width: 100%;background-color: transparent;border-collapse: separate;border-spacing: 1px;margin: 0 -1px;}
.MoreInfo .text table tr:nth-child(even) th,
.MoreInfo .text table tr:nth-child(even) td {background-color: #ffecc9;border-bottom: 1px solid #decdaf;border-right: 1px solid #ead9b8;}
.MoreInfo .text table tr:nth-child(odd) th,
.MoreInfo .text table tr:nth-child(odd) td {background-color: #f4f4f4;border-bottom: 1px solid #d4d4d4;border-right: 1px solid #e0e0e0;}
.MoreInfo .text table tr.even th,
.MoreInfo .text table tr.even td {background-color: #ffecc9;border-bottom: 1px solid #decdaf;border-right: 1px solid #ead9b8;}
.MoreInfo .text table tr.odd th,
.MoreInfo .text table tr.odd td {background-color: #f4f4f4;border-bottom: 1px solid #d4d4d4;border-right: 1px solid #e0e0e0;}
.MoreInfo .text table tr th {color: #3b3b3b;padding: 5px 15px;}
.MoreInfo .text table tr td {color: #0c88a3;padding: 5px 15px; word-break: break-word; white-space: pre-line; overflow-wrap: break-word;}
.MoreInfo .text table tr td.ok {background-image: url(/img/ico-ok.png);background-repeat: no-repeat;background-position: 95% 50%;padding-right: 25px;}

#ShareBox {
	width: 466px;
	position: relative;
    float: right;
    top: 50px;
    margin: 0 20px;
}
#ShareBox .title {margin-bottom:5px;}
#ShareBox .ya-share2__list_direction_horizontal > .ya-share2__item {margin-bottom:5px;}

/* buttons */
.jc-btn {
	display: inline-block;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	 -moz-user-select: none;
	  -ms-user-select: none;
		  user-select: none;
	border: 1px solid transparent;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.33333333;
	border-radius: 8px;
	box-sizing: border-box;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.jc-btn:focus, .jc-btn.focus, .jc-btn:active:focus, .jc-btn:active.focus, .jc-btn.active:focus, .jc-btn.active.focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.jc-btn:focus, .jc-btn:hover {
	text-decoration: none;
}
.jc-btn.focus {
	text-decoration: none; }
.jc-btn:active, .jc-btn.active {
	background-image: none;
	outline: 0;
}
.jc-btn.disabled, .jc-btn:disabled {
	cursor: not-allowed;
	opacity: .65;
}
.jc-btn .jc-btn-icon,
.jc-btn .jc-btn-text {
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.jc-btn .jc-btn-icon {
	line-height: 1.33333333;
}
.jc-btn .jc-btn-icon + .jc-btn-text,
.jc-btn .jc-btn-text + .jc-btn-icon,
.jc-btn .jc-btn-text + .jc-btn-label,
.jc-btn .jc-btn-label + .jc-btn-text,
.jc-btn .jc-btn-icon + .jc-btn-label,
.jc-btn .jc-btn-label + .jc-btn-icon {
	margin-left: 5px;
}
.jc-btn .jc-btn-label {
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.jc-btn-primary {
	color: #fff;
	background-color: #147D93;
	border-color: #147D93;
}
.jc-btn-primary.jc-btn-gradient {
	background: -webkit-gradient(linear, left top, left bottom, from(#1babc9), to(#147D93));
	background: -webkit-linear-gradient(#1babc9, #147D93);
	background: linear-gradient(#1babc9, #147D93);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
			box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.jc-btn-primary:hover {
	color: #fff;
	background-color: #1b8a95;
	border-color: #177680;
}
.jc-btn-primary.jc-btn-gradient:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#30cada), to(#1b8a95));
	background: -webkit-linear-gradient(#30cada, #1b8a95);
	background: linear-gradient(#30cada, #1b8a95);
}
.jc-btn-primary:focus, .jc-btn-primary.focus {
	color: #fff;
	background-color: #147D93;
	border-color: #147D93;
}
.jc-btn-primary.jc-btn-gradient:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#30cada), to(#1b8a95));
	background: -webkit-linear-gradient(#30cada, #1b8a95);
	background: linear-gradient(#30cada, #1b8a95);
}
.jc-btn-primary:active,
.jc-btn-primary.active {
	color: #fff;
	background-color: #1b8a95;
	border-color: #177680;
	background-image: none;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
			box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
}
.jc-btn-primary:active:hover,
.jc-btn-primary:active:focus,
.jc-btn-primary:active.focus,
.jc-btn-primary.active:hover,
.jc-btn-primary.active:focus,
.jc-btn-primary.active.focus {
	color: #fff;
	background-color: #1b8a95;
	border-color: #177680;
}
.jc-btn-primary.jc-btn-gradient:active,
.jc-btn-primary.jc-btn-gradient.active {
	background: -webkit-gradient(linear, left top, left bottom, from(#30cada), to(#1b8a95));
	background: -webkit-linear-gradient(#30cada, #1b8a95);
	background: linear-gradient(#30cada, #1b8a95);
}
.jc-btn-primary.jc-btn-gradient:active:hover,
.jc-btn-primary.jc-btn-gradient:active:focus,
.jc-btn-primary.jc-btn-gradient:active.focus,
.jc-btn-primary.jc-btn-gradient.active:hover,
.jc-btn-primary.jc-btn-gradient.active:focus,
.jc-btn-primary.jc-btn-gradient.active.focus {
	background: -webkit-gradient(linear, left top, left bottom, from(#30cada), to(#1b8a95));
	background: -webkit-linear-gradient(#30cada, #1b8a95);
	background: linear-gradient(#30cada, #1b8a95);
}
.jc-btn-lg {
	padding: 8px 16px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.33333333;
	border-radius: 10px;
}

/*ipad*/
.ipad-mb #PageMiddle #ContentTopLeft,
.ipad-mb #PageMiddle #ContentTopRight,
.ipad-mb #PageMiddle #ContentBotLeft,
.ipad-mb #PageMiddle #ContentBotRight {
	width: 100%;
	float: none;
}
#ContentTopLeft #ContentBotLeft,
#ContentTopLeft #ContentBotRight,
#ContentTopRight #ContentBotLeft,
#ContentTopRight #ContentBotRight {
	float: none;
	width: auto;
}
.ipad-mb #PageWrap {
	max-width: 100%;
	min-width: 320px;
}
.ipad-mb #Table .options .set p u {
	width: 5%;
}
.ipad-mb #Table .options .set p b {
	width: 50%;
    margin: 5px 3% 5px 0;
}
.ipad-mb #Table .options .set p i {
	width: 42%;
	margin-right: 0%;
}
.ipad-mb #PageFooter .ShtrihCode {
	position: static;
}
.ipad-mb #Table table {
	width: 100%;
}
.ipad-mb #Image .image a img {
	max-width: 100%;
}
.ipad-mb #Gallery .gallery ul {
	width: 100%;
}
.ipad-mb .MoreInfo table th, .MoreInfo table td{
	width: 50%;
}
.ipad-mb .logo-phone-bm {
	display: block;
	padding-top: 7px;
}
.ipad-mb .logo-phone-bm .Logo {
	margin: 0 !important;
}
.ipad-mb .logo-phone-bm b {
	position: relative;
		top: -3px;
}
.ipad-mb #PageFooter {
    margin-top: 30px;
}

@media only screen and (max-width: 991px) {
	#PageMiddle #ContentTopLeft,
	#PageMiddle #ContentTopRight,
	#PageMiddle #ContentBotLeft,
	#PageMiddle #ContentBotRight {
		width: 100%;
   		float: none;
	}
	#PageWrap {
		max-width: 100%;
		min-width: 320px;
	}
	#Table .options .set p u {
		width: 5%;
	}
	#Table .options .set p b {
		width: 50%;
	    margin: 5px 3% 5px 0;
	}
	#Table .options .set p i {
		width: 40%;
		margin-right: 2%;
	}
	#PageFooter .ShtrihCode {
		position: static;
	}
	#Table table {
		width: 100%;
	}
	#Image .image a img {
		max-width: 100%;
	}
	#Gallery .gallery ul {
		width: 100%;
	}
	.MoreInfo table th, .MoreInfo table td{
		width: 50%;
	}
	#ShareBox {
		width: auto;
	}
	#ShareBox .title {text-align:right;}
}
@media only screen and (max-width: 590px) {

	.logo-phone-bm {
		display: block;
		padding-top: 7px;
	}
	.logo-phone-bm .Logo {
		margin: 0 !important;
	}
	.logo-phone-bm b {
		position: relative;
   		top: -3px;
	}

	#Contact .contact i.ico {
		margin-bottom: 1em;
	}
	.MoreInfo .text table tr th {
		min-width: auto !important;
	}
	#PageHeader {margin-bottom:100px;}
	#ShareBox  {top:75px;}
}
@media only screen and (max-width: 410px) {
	#Contact .contact i.ico {
		display: block;
		margin: 0 auto 1em;
	}
}
@media only screen and (max-width: 355px) {
	#PageHeader {margin-bottom:120px;}
}
.fotorama__html div,
.fotorama__html iframe {
width: 100%;
height: 100%;
}