HTML { width: 100%; height: 100%; }

@font-face {
	font-family: 'OpenSans-Light';
	src: url('font/OpenSans-Light-webfont.eot');
	src: url('font/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
	url('font/OpenSans-Light-webfont.woff') format('woff'),
	url('font/OpenSans-Light-webfont.ttf') format('truetype'),
	url('font/OpenSans-Light-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OpenSans-Regular';
	src: url('font/OpenSans-Regular-webfont.eot');
	src: url('font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('font/OpenSans-Regular-webfont.woff') format('woff'),
	url('font/OpenSans-Regular-webfont.ttf') format('truetype'),
	url('font/OpenSans-Regular-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OpenSans-Bold';
	src: url('font/OpenSans-Bold-webfont.eot');
	src: url('font/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('font/OpenSans-Bold-webfont.woff') format('woff'),
	url('font/OpenSans-Bold-webfont.ttf') format('truetype'),
	url('font/OpenSans-Bold-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OpenSans-ExtraBold';
	src: url('font/OpenSans-ExtraBold-webfont.eot');
	src: url('font/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
	url('font/OpenSans-ExtraBold-webfont.woff') format('woff'),
	url('font/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
	url('font/OpenSans-ExtraBold-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Font-Awesome';
	src: url('font/fontawesome-webfont.eot');
	src: url('font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
	url('font/fontawesome-webfont.woff') format('woff'),
	url('font/fontawesome-webfont.ttf') format('truetype'),
	url('font/fontawesome-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
} 

BODY { margin: 0px; padding: 0px; height: 100%; background: #fff; line-height: 24px; min-width: 1250px;
  FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #000; FONT-FAMILY: OpenSans-Regular, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
  
p { margin: 5px 0px; text-indent: 0px; padding: 7px 0px 8px 0px; line-height: 24px;
  FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #000; FONT-FAMILY: OpenSans-Regular, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }

H1 { margin: 0px 0px; padding: 5px 0px; line-height: 34px;
  FONT-WEIGHT: normal; FONT-SIZE: 30px; COLOR: #000; FONT-FAMILY: OpenSans-Light, Arial;  FONT-STYLE: normal; TEXT-DECORATION: none;  text-align: left;}
H2 { margin: 10px 0px 0px 0px; padding: 0px 0px 5px 0px; line-height: 24px;
  FONT-WEIGHT: normal; FONT-SIZE: 20px; COLOR: #000; FONT-FAMILY: OpenSans-Regular, Arial;  FONT-STYLE: normal; TEXT-DECORATION: none;  text-align: left;}
H3 { margin: 10px 0px 0px 0px; padding: 0px 0px 5px 0px; line-height: 20px;
  FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #26438b; FONT-FAMILY: OpenSans-Regular, Arial;  FONT-STYLE: normal; TEXT-DECORATION: none;  text-align: left;}   
	
A:link,
A:visited { border: none; outline: none;
TEXT-DECORATION: none;}
A:active,
A:hover { border: none; outline: none;
TEXT-DECORATION: none;}

input { outline: none; }
object { display: block; }
embed { display: block; }

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  border-radius: 0px;
}
 
.top_panel { height: 120px; background: #fff; box-shadow: 0px 0px 30px rgba(0,0,0,0.1); }
.top_panel_width { height: 120px; margin: 0px 50px; max-width: 1300px; position: relative; }
.logo_box { float: left; height: 86px; margin-top: 17px; margin-left: 0px; width: 274px; border-right: 1px solid #e5e5e5; }
.logo { margin-top: -6px; }
 
.menu_box { float: left; padding-left: 43px; padding-top: 30px; }
a.menu_id { transition: 0.3s; float: left; display: block; padding: 0px 15px; height: 40px; line-height: 40px; text-transform: uppercase; border-radius: 40px;
FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #333; FONT-FAMILY: OpenSans-Bold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
a.menu_id:hover { transition: 0.3s; background: rgba(242,194,8,0.25); }
 
.contact_box { float: left; min-width: 600px; padding-top: 5px; padding-left: 59px; }
.contact_box .tel { transition: 0.2s; float: left; line-height: 18px; margin-right: 25px; /*letter-spacing: 1px;*/
FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR: #26438b; FONT-FAMILY: OpenSans-Regular, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.contact_box .tel a { transition: 0.2s; COLOR: #26438b; opacity: 0.8; }
.contact_box .tel a:hover { transition: 0.2s; opacity: 1; }
.contact_box .adres { transition: 0.2s; float: left; line-height: 18px;
FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR: #999; FONT-FAMILY: OpenSans-Regular, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
 
a.letter_but { transition: 0.3s; position: absolute; z-index: 5; top: 0; right: 0; display: block; padding: 0px 20px; height: 40px; line-height: 40px; text-transform: uppercase; 
border-radius: 40px; background: #26438b; margin: 30px 0px 0px 0px;
FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #fff; FONT-FAMILY: OpenSans-Bold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
a.letter_but:hover { transition: 0.3s; background: rgba(242,194,8,0.25); COLOR: #333; }

.top_menu_responsive { display: none; width: 35px; height: 24px; position: absolute; z-index: 1000; top: 33px; right: 20px; }
a.resp-switcher, a.resp-switcher:link, a.resp-switcher:visited { text-decoration: none; display: block; }
a.resp-switcher:before { content: ""; position: absolute; z-index: 1000; width: 35px; height: 24px; left: 0; top: 50%; background: url('/pic/resp-menu-button.svg') no-repeat center top; } 
a.resp-switcher.icon_close:before { background: url('/pic/resp-menu-close.svg') no-repeat center top; }

@media only screen and (max-width: 1280px) {
	body { min-width: auto; }
	.top_panel { }
	.top_panel_width { position: static; max-width: none; margin: 0px 30px; }
	.menu_box { display: none; position: absolute; z-index: 999; float: none; width: 100%; top: 0; left: 0; right: 0;
		padding: 30px 20px 30px 20px; margin-top: 120px; box-sizing: border-box; background: #fff; border-bottom: 1px solid #cecece; border-top: 1px solid #cecece; }
	a.menu_id { float: none; }
	.contact_box { min-width: auto; margin-top: 44px; }
	a.letter_but { margin: 37px 70px 0 0; }
	.top_menu_responsive { display: block; }
}

@media only screen and (max-width: 1100px) {
	.contact_box .adres { display: none; }
}

@media only screen and (max-width: 800px) {
	.top_panel_width { margin: 0px 20px; }
	.contact_box { margin-top: 34px; }
	.contact_box .tel a:last-of-type { display: block; }
}

@media only screen and (max-width: 700px) {
	.logo_box img { width: 170px; height: auto;}
	.top_panel { height: 100px; }
	.menu_box { margin-top: 100px; }
	.top_panel_width { height: 100px; }
	.logo_box { height: 66px; width: 204px; }
	.contact_box { padding-left: 29px; margin-top: 24px; }
	a.letter_but { margin-top: 27px; }
	.top_menu_responsive { top: 23px; }
}

@media only screen and (max-width: 600px) {
	a.letter_but { display: none; }
	.top_menu_responsive {  }	
}

@media only screen and (max-width: 450px) {
	.logo_box { width: 190px; }
	.contact_box { padding-left: 15px; }	
}

@media only screen and (max-width: 420px) {
	.contact_box { display: none; }	
}

.direction_box { height: 675px; position: relative; overflow: hidden; }
.direction_box:after { content: ''; position: absolute; z-index: 10; left: 0; top: 0; right: 0; height: 2px; background: #000; }
.direction_box:before { content: ''; position: absolute; z-index: 10; left: 0; bottom: 0; right: 0; height: 2px; background: #000; }
.main_block { float: left; height: 675px; position: relative; cursor: pointer; }
.main_block:after { content: ''; position: absolute; z-index: 10; top: 0; bottom: 0; right: -1px; width: 2px; background: #000; }
.main_block:last-child:after { display: none; }
.overflow_box { position: relative; height: 675px; overflow: hidden; }

.overflow_box .pic { transition: 2s; position: absolute; z-index: 5; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; } 
.overflow_box .pic:after { transition: 0.5s; content: ''; position: absolute; z-index: 5; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); }
.main_block:hover .overflow_box .info { transition: 1s; top: 160px; }
.main_block:hover .overflow_box .pic { transition: 7s; transform: scale(1.2); }
.main_block:hover .overflow_box .pic:after { transition: 0.5s; background: rgba(0,0,0,0.4); }
.main_block:hover .wave_box .text { transition: 0.5s; opacity: 1; }
.main_block:hover .wave_box .wave1 { transition: 1s; margin-left: -141px; }
.main_block:hover .wave_box .wave2 { transition: 1s; margin-left: 79px; opacity: 1; }
.main_block:hover .wave_box .kvartal_in { transition: 0.8s; top: 90px; opacity: 1; }
 
.overflow_box .info { transition: 0.6s; position: absolute; z-index: 8; top: 180px; left: 0; right: 0; } 
.overflow_box .info .marker { height: 70px; background-repeat: no-repeat; background-position: center center; } 
.overflow_box .info .type { line-height: 18px; padding-top: 30px; padding-bottom: 5px;
FONT-WEIGHT: normal; FONT-SIZE: 16px; COLOR: #fff; FONT-FAMILY: OpenSans-Regular, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: center; } 
.overflow_box .info .title {  line-height: 34px;
FONT-WEIGHT: normal; FONT-SIZE: 30px; COLOR: #fff; FONT-FAMILY: OpenSans-ExtraBold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: center; } 
.overflow_box .info .title a { transition: 0.3s; COLOR: #fff; }
.overflow_box .info .title a:hover { transition: 0.3s; COLOR: #f2c208; }
.wave_box { transition: 0.3s; height: 90px; position: relative; margin-top: 20px; line-height: 26px;
FONT-WEIGHT: normal; FONT-SIZE: 22px; COLOR: #f2c208; FONT-FAMILY: OpenSans-ExtraBold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: center; } 
.wave_box .text { transition: 0.3s; opacity: 0; }
.wave_box .wave1 { transition: 0.5s; position: absolute; z-index: 5; left: 50%; top: 11px; margin-left: -31px; }
.wave_box .wave2 { transition: 0.5s; position: absolute; z-index: 5; left: 50%; top: 11px; margin-left: -31px; opacity: 0; }
.wave_box .kvartal_in { transition: 0.3s; position: absolute; z-index: 5; left: 50%; top: 30px; margin-left: -33px; opacity: 0; }
 
.baner_block { height: 33.333333333333333333%; position: relative; cursor: pointer; }
.baner_block:after { content: ''; position: absolute; z-index: 10; left: 0; right: 0; bottom: -2px; height: 2px; background: #000; }
.baner_block .pic { transition: 2s; position: absolute; z-index: 5; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; } 
.baner_block .pic:after { transition: 0.5s; content: ''; position: absolute; z-index: 5; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); }
.baner_block:last-child:after { display: none; }

.baner_block:hover .pic { transition: 5s; transform: scale(1.2); }
.baner_block:hover .pic:after { transition: 0.5s; background: rgba(0,0,0,0.4); }
.baner_overflow { position: absolute; z-index: 5; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; }

.baner_block .table { position: absolute; z-index: 7; display: table; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; }
.baner_block .table .middle { display: table-cell; text-align: left; vertical-align: middle; }
.baner_block .table .middle .title_box { display: inline-block; padding-left: 40px; margin-left: 20%; background-repeat: no-repeat; background-position: left center; }
.baner_block .table .middle .title_box .type { line-height: 18px; padding-top: 2px;
FONT-WEIGHT: normal; FONT-SIZE: 16px; COLOR: #fff; FONT-FAMILY: OpenSans-Regular, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.baner_block .table .middle .title_box .dop { line-height: 18px; padding-top: 2px;
FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR: #aaa; FONT-FAMILY: OpenSans-Regular, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.baner_block .table .middle .title_box .title { line-height: 24px;
FONT-WEIGHT: normal; FONT-SIZE: 22px; COLOR: #fff; FONT-FAMILY: OpenSans-ExtraBold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.baner_block .table .middle .title_box .title a { transition: 0.3s; COLOR: #fff; }
.baner_block .table .middle .title_box .title a:hover { transition: 0.3s; COLOR: #f2c208; }

@media only screen and (max-width: 700px) {
	.main_block { width: 50% !important; }
	.main_block:last-of-type { display: none; }
	.overflow_box .info .title { font-size: 24px; }
}







/* новые правки 01.09.16 */
.scroll_box  { position: absolute; z-index: 5; top: 0; left: 0; right: 0; bottom: 0; overflow: auto; }
.mCustomScrollbar:hover>.mCustomScrollBox>.mCSB_scrollTools { transition: 0.3s; opacity: 1 !important; }
.mCustomScrollbar .mCSB_scrollTools { transition: 0.3s; z-index: 20 !important; top: 20px !important; bottom: 20px !important; height: auto !important; margin-right: 10px; opacity: 0 !important; }
/*-----------------*/

.content_box_width { margin: 0px 100px; max-width: 1200px; position: relative; padding-top: 55px; }
.main_cat_pic { height: 450px; background-repeat: no-repeat; background-position: left top; background-size: cover; } 
 
.footer { min-height: 120px; border-top: 1px solid #e5e5e5; margin-top: 65px;} 
.footer_width { height: 120px; margin: 0px 100px; max-width: 1200px; position: relative; }
 
.copy { float: left; transition: 0.2s; float: left; line-height: 18px; padding-top: 32px;
FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR: #666; FONT-FAMILY: OpenSans-Regular, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.copy a { transition: 0.2s; COLOR: #26438b; opacity: 0.8; border-bottom: 1px solid #5d77ba; }
.copy a.yarneo { COLOR: #aaa; border-bottom: none; FONT-SIZE: 12px; }
.copy a:hover { transition: 0.2s; COLOR: #26438b; opacity: 1; }

.footer_tel { float: right; transition: 0.2s; float: right; line-height: 18px; padding-top: 50px;
FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR: #26438b; FONT-FAMILY: OpenSans-Regular, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.footer_tel a { transition: 0.2s; COLOR: #26438b; opacity: 0.8; }
.footer_tel a:hover { transition: 0.2s; opacity: 1; }

.soc_box { height: 29px; float: left; padding-top: 45px; padding-left: 35px; }
.soc_box a.soc_id { transition: 0.3s; display: block; float: left; width: 29px; height: 29px; opacity: 0.7; margin-right: 8px; }
.soc_box a.soc_id:last-child { margin-right: 0px; }
.soc_box a.soc_id:hover { transition: 0.3s; opacity: 1; }

a.sber { display: block; float: left; padding-top: 25px; margin-left: 35px; }
a.vtb { display: block; float: left; padding-top: 25px; margin-left: 35px; }

.content_box_width { position: relative; }
.content_box_width.text_padd { padding-top: 40px; }
.title_sber_pic { position: absolute; z-index: 5; right: 0; top: 0; margin-top: 32px; }

.bests_box { margin-top: 90px; margin-bottom: 90px; }
.content_box_width.text_padd .bests_box { margin-top: 60px; margin-bottom: 60px; }
.bests_col_box { display: inline-block; text-align: left; }
.bests_col_box .title { text-transform: uppercase; line-height: 18px; padding-top: 25px; padding-bottom: 10px;
FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #000; FONT-FAMILY: OpenSans-ExtraBold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.bests_col_box .text { line-height: 20px;
FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #888; FONT-FAMILY: OpenSans-Regular, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }

.big_word_center { box-shadow: 0px 8px 45px rgba(0,0,0,0.2); padding: 40px 35px 45px 35px; }
.big_word_center .title { line-height: 30px;
FONT-WEIGHT: normal; FONT-SIZE: 30px; COLOR: #000; FONT-FAMILY: OpenSans-Light, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: center; }
.big_word_center .desc { line-height: 26px; padding-top: 6px;
FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #000; FONT-FAMILY: OpenSans-Regular, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: center; }
.big_word_center .desc span { FONT-SIZE: 15px; text-transform: uppercase; color: #6b72ff; FONT-FAMILY: OpenSans-ExtraBold; }

.object_box { padding: 50px 20px 0px 20px; line-height: 24px;
FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #333; FONT-FAMILY: OpenSans-Regular, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.object_box .title { line-height: 30px; padding-bottom: 15px;
FONT-WEIGHT: normal; FONT-SIZE: 28px; COLOR: #000; FONT-FAMILY: OpenSans-Light, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }

.object_box .but { padding-top: 20px; }
.object_box .but a { transition: 0.3s; display: inline-block; padding: 0px 20px; height: 40px; line-height: 40px; text-transform: uppercase; 
border-radius: 40px; background: #26438b;
FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #fff; FONT-FAMILY: OpenSans-Bold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.object_box .but a:hover { transition: 0.3s; background: rgba(242,194,8,0.25); COLOR: #333; }

.yandex_shared { height: 24px; width: 100%; display: inline-block; padding-top: 20px; }

.contact_text_box { padding: 35px 0px 45px 50px; }
.contact_text_id { line-height: 30px; padding-left: 50px; position: relative; padding-bottom: 15px;
FONT-WEIGHT: normal; FONT-SIZE: 16px; COLOR: #000; FONT-FAMILY: OpenSans-Light, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.contact_text_id:last-child { padding-bottom: 0px; }
.contact_text_id a { COLOR: #000; TEXT-DECORATION: none !important; }  
.contact_text_id:before { content: ''; position: absolute; z-index: 5; border-radius: 50%; height: 30px; width: 30px; top: 0; left: 0; }
.contact_text_id.adres:before { background: url("/pic/adres.png") no-repeat left top; }
.contact_text_id.phone:before { background: url("/pic/phone.png") no-repeat left top; }
.contact_text_id.mailo:before { background: url("/pic/mailo.png") no-repeat left top; }

.bank_box { padding: 50px 50px 45px 55px; line-height: 24px; box-shadow: 0px 8px 45px rgba(0,0,0,0.2);
FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #333; FONT-FAMILY: OpenSans-Regular, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.bank_box .title { line-height: 30px; padding-bottom: 15px;
FONT-WEIGHT: normal; FONT-SIZE: 28px; COLOR: #000; FONT-FAMILY: OpenSans-Light, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }

.bests_list_box { box-shadow: 0px 8px 45px rgba(0,0,0,0.2); padding: 50px 35px 55px 35px; }

.best_list_id { padding-left: 60px; background: url("/pic/best_list_id.png") no-repeat 15px 3px; padding-bottom: 25px; line-height: 20px;
FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #888; FONT-FAMILY: OpenSans-Regular, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.best_list_id:last-child { padding-bottom: 0px; }
.best_list_id .title { text-transform: uppercase; line-height: 18px; padding-bottom: 3px;
FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #000; FONT-FAMILY: OpenSans-ExtraBold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.best_list_id span { color: #000; }
.best_list_id span strong { color: #6b72ff; }


.bests_box { display: table; }
.bests_box_id { display: table-cell; width: 25%; text-align: center; vertical-align: top; padding: 20px; }
.bests_box_id img { max-width: 100%; }

.bests_list_box { display: table; }
.bests_list_box_id { display: table-cell; width: 50%; text-align: left; vertical-align: top; }
.bests_list_box_id:first-of-type { border-right: 1px solid #ddd; padding-right: 5%; }
.bests_list_box_id:last-of-type { padding-left: 4%; }

.object_box { display: table; }
.object_box_id { display: table-cell; width: 50%; text-align: left; vertical-align: top; }
.object_box_id:first-of-type { border-right: 1px solid #ddd; padding-right: 5%; }
.object_box_id:last-of-type { padding-left: 4%; }


@media only screen and (max-width: 1280px) {
	.title_sber_pic { position: static; }
	.bests_box { margin-top: 30px; margin-bottom: 30px; }
	.soc_box { float: right; margin-right: 30px; }
}

@media only screen and (max-width: 1150px) {
	.copy, .footer_tel, a.sber, a.vtb, .soc_box { float: left; margin: 0px 20px 20px 0; height: auto; padding: 0; }
	.copy { padding-top: 30px; }
	.footer_tel { padding: 30px 30px 30px 0; }
	a.sber { padding-right: 30px; }
	a.vtb { padding-right: 30px; }
	.soc_box { padding: 30px 0; }
	
}

@media only screen and (max-width: 800px) {
	.content_box_width { margin: 0px 30px; max-width: auto; position: relative; padding-top: 30px; }
	.bests_box { display: block; }
	.bests_box_id { display: block; width: 100%; text-align: left; vertical-align: top; padding: 20px; box-sizing: border-box; }	
	.bests_list_box { display: block; padding: 40px 20px 40px 20px; }
	.bests_list_box_id { display: block; width: 100%;  }
	.bests_list_box_id:first-of-type { border: none; padding-right: 0; }
	.bests_list_box_id:last-of-type { padding-left: 0; padding-top: 20px; }
	.best_list_id { padding-left: 20px; background: none; }
	.object_box { display: block; padding: 40px 20px 40px 20px; }
	.object_box_id { display: block; width: 100%;  }
	.object_box_id:first-of-type { border: none; padding-right: 0; }
	.object_box_id:last-of-type { padding-left: 0; padding-top: 40px; }
}

/********************************** новоое банер 01.09.16  **************************************/ 

.main_baner_wrap { transition: ease-in-out 1s; width: 0%; right: 0; top: 0; bottom: 0; position: fixed; z-index: 100; }
.main_baner_box { background: #ec3237; height: 100%; position: relative; min-width: 470px; }
.main_baner_box .close { transition: 0.2s; position: absolute; z-index: 5; top: 0; right: 0; height: 54px; border-radius: 0px 0px 0px 30px; cursor: pointer;
line-height: 54px; padding: 0px 20px 0px 55px; text-transform: uppercase; background: url("/pic/baner_close.png") #bd282c no-repeat 30px center;
FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #fff; FONT-FAMILY: OpenSans-ExtraBold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.main_baner_box .close:hover { transition: 0.2s; background: url("/pic/baner_close.png") #971619 no-repeat 30px center; }
.main_baner_box .text1 { line-height: 40px; text-transform: uppercase; padding-left: 50px; padding-top: 40px; padding-bottom: 40px;
FONT-WEIGHT: normal; FONT-SIZE: 32px; COLOR: #fff; FONT-FAMILY: OpenSans-ExtraBold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.main_baner_box .text2 { line-height: 40px; text-transform: uppercase; padding-left: 50px; padding-top: 32px; padding-bottom: 32px;
FONT-WEIGHT: normal; FONT-SIZE: 32px; COLOR: #fff; FONT-FAMILY: OpenSans-ExtraBold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.main_baner_box .price_box { line-height: 50px; text-transform: uppercase; padding-left: 85px; background: url("/pic/price_box.png") no-repeat 50px top; 
height: 144px; padding-top: 32px; letter-spacing: 1px;
FONT-WEIGHT: normal; FONT-SIZE: 42px; COLOR: #fff; FONT-FAMILY: OpenSans-ExtraBold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.main_baner_box .price_box span { FONT-SIZE: 73px; } 
.main_baner_box a.but { transition: 0.2s; display: inline-block; height: 50px; line-height: 49px; text-transform: uppercase; padding: 0px 25px; border-radius: 50px; background: #f8e083;
FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #000; FONT-FAMILY: OpenSans-ExtraBold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.main_baner_box .but_padd { padding-left: 50px; }
.main_baner_box a.but:hover { transition: 0.2s; background: #27438c; COLOR: #fff; }

/********************************** Лесная сказка Квартал 01.09.16  **************************************/ 

.kvartal_box { background: #fff; position: relative; overflow: hidden; width: 100%; display: inline-block; }
.kvartal_box .bot_shadow { position: absolute; z-index: 5; left: 0; bottom: 0; right: 0; height: 24px; background: url("/pic/bot_shadow.png") repeat-x left bottom; }
.kvartal_box .top_shadow { position: absolute; z-index: 5; left: 0; top: 0; right: 0; height: 24px; background: url("/pic/top_shadow.png") repeat-x left bottom; }
.kvartal_img { position: absolute; left: 325px; z-index: 1; right: 0; top: 0; bottom: 0;}
.kvartal_back { position: absolute; left: 325px; background-color: #26438b; z-index: 1; right: 0; top: 0; bottom: 0;}
.kvartal_box.skazka .kvartal_img, 
.kvartal_box.skazka .kvartal_back { height: 665px; } /*высота комплекса сказка*/
.kvartal_box.raduga .kvartal_img, 
.kvartal_box.raduga .kvartal_back { height: 775px; } /*высота комплекса радуга*/
.yandex_map { display: none; position: absolute; z-index: 3; bottom: 0; left: 0; top: 0; right: 0; margin-left: 325px; }

.opened_text_box { transition: ease-in-out 0.8s; position: absolute; z-index: 4; bottom: 0; left: -3200px; top: 0; width: 100%; background: #fff; }
.opened_text_box.open_now { transition: ease-in-out 0.8s 0.15s; left: 0px; }
.opened_text_wrap { margin-left: 325px; box-sizing: border-box; width: 100%; max-width: 967px; position: absolute; z-index: 1; left: 0; top: 0; bottom: 0; margin-right: 50px; padding: 30px 0px 30px 0px; }
/*.opened_text_wrap { height: 605px; margin-left: 325px; max-width: 967px; position: relative; margin-right: 50px; padding: 30px 0px 30px 0px; }*/

.opened_text_padd { position: absolute; z-index: 1; margin: 30px 70px 30px 25px; left: 0; top: 0; bottom: 0; right: 0; }
/*.opened_text_padd { height: 605px; position: relative; margin-right: 70px; }*/
/*.opened_text_padd .mCSB_container { padding-right: 50px; padding-left: 58px; }*/
.opened_text_padd .mCSB_container { padding-right: 50px; padding-left: 33px; padding-bottom: 30px; }
.opened_text_padd .mCSB_scrollTools { margin-right: 0px; opacity: 1 !important; top: 12px !important; bottom: 5px !important; }
.opened_text_padd .mCSB_scrollTools .mCSB_draggerRail { background: rgba(0,0,0,0.2) !important; }
.opened_text_padd .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: rgba(0,0,0,1); }
.opened_text_padd .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: rgba(0,0,0,1); }
.opened_text_padd .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background: rgba(0,0,0,1); }
.opened_text_wrap .close_text { transition: 0.2s; position: absolute; z-index: 5; border-radius: 50%; right: 0px; top: 30px; width: 50px; height: 50px; background: url("/pic/close_text.png") no-repeat center center; cursor: pointer; }
.opened_text_wrap .close_text:hover { transition: 0.2s; background-color: #fcf0c2; }

.left_nav_col { position: absolute; z-index: 100; left: 0; top: 0; bottom: 0; width: 325px; background: #26438b; }
.left_nav_col.padd_left { padding-left: 50px; width: 275px; }
.left_nav_col h1 { margin: 0px; padding: 0px; padding-left: 50px; }
.left_nav_col.mCustomScrollbar .mCSB_container  {  } 
.left_nav_col .type { line-height: 18px; padding-top: 20px;
FONT-WEIGHT: normal; FONT-SIZE: 16px; COLOR: #fff; FONT-FAMILY: OpenSans-Regular, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; } 
.left_nav_col .title {  line-height: 34px;
FONT-WEIGHT: normal; FONT-SIZE: 30px; COLOR: #fff; FONT-FAMILY: OpenSans-ExtraBold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; } 

.left_nav_col .wave { background: url("/pic/wave.png") no-repeat left top; width: 63px; height: 9px; margin: 15px 0px 0px 0px; margin-left: 50px; }
.left_nav_col .wave2 { background: url("/pic/wave.png") no-repeat left top; width: 63px; height: 9px; margin: 30px 0px 0px 0px; margin-left: 50px; }
.left_nav_col .wave.no_margin { margin-top: 0px; }

.left_nav_col .map_box { margin: 18px 0px 3px -17px; padding-left: 50px; }
.left_nav_col .map_box .map_but { transition: 0.2s; height: 35px; display: inline-block; border-radius: 35px; border: 2px solid #5169a2; line-height: 35px; 
text-transform: uppercase; cursor: pointer; margin-right: 14px;
FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #fff; FONT-FAMILY: OpenSans-ExtraBold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.left_nav_col .map_box .map_but:last-child { margin-right: 0px; }
.left_nav_col .map_box .map_but:hover { transition: 0.2s; border: 2px solid #fff; }
.left_nav_col .map_box .map_but.checked { transition: 0.2s; border: 2px solid #f2c208; COLOR: #f2c208; background-position: 15px bottom !important; }
#house { background: url("/pic/map_but_house.png") no-repeat 15px top; padding: 0px 17px 0px 42px; }
#map { background: url("/pic/map_but_marker.png") no-repeat 15px top; padding: 0px 17px 0px 38px; }

.kvartal_param_box { margin: 18px 0px 20px 0px; padding-left: 50px; }
.kvartal_param_box .param_id { display: table; width: 100%; margin-bottom: 10px; }
.kvartal_param_box .param_id:last-child { margin-bottom: 0px; }
.kvartal_param_box .param_id .title { display: table-cell; vertical-align: top; width: 45%; line-height: 18px; text-transform: uppercase;
FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #fff; FONT-FAMILY: OpenSans-ExtraBold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.kvartal_param_box .param_id .desc { display: table-cell; vertical-align: bottom; width: 55%; line-height: 18px;
FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #f2c208; FONT-FAMILY: OpenSans-ExtraBold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.kvartal_param_box .param_id .desc span { FONT-SIZE: 14px; color: #fff; FONT-FAMILY: OpenSans-Regular }
 
.kvartal_placement_box { padding-left: 50px; }
.kvartal_placement_box .title { line-height: 18px; text-transform: uppercase;
FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #fff; FONT-FAMILY: OpenSans-ExtraBold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.kvartal_placement_box .text { line-height: 20px; padding-top: 6px; padding-right: 20px; height: 83px;
FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #ccc; FONT-FAMILY: OpenSans-Regular, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }

.kvartal_placement_box .text .mCSB_scrollTools { margin-right: 0px; top: 5px !important; bottom: 0px !important;}
.kvartal_placement_box .text .mCSB_container { padding-right: 20px; padding-left: 0px; }

.kvartal_text_open_box { margin: 16px 0px 15px -50px; padding-left: 50px; }
.kvartal_text_open_box a.open_id { transition: 0.2s; position: relative; display: block; height: 24px; line-height: 24px; cursor: pointer; margin-bottom: 12px; padding-left: 35px;
background: url("/pic/open_arow.png") no-repeat -310px center;
FONT-WEIGHT: normal; FONT-SIZE: 19px; COLOR: #fff; FONT-FAMILY: OpenSans-ExtraBold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left;}
.kvartal_text_open_box a.open_id:last-child { margin-bottom: 0px; }
.kvartal_text_open_box a.open_id.checked { transition: 0.3s; background-position: left center; }
.kvartal_text_open_box a.open_id:hover { transition: 0.2s; COLOR: #f2c208; }
.kvartal_text_open_box a.open_id span { background: #26438b; padding: 0px 15px; }
.kvartal_text_open_box a.open_id span i { border-bottom: 1px dashed #f2c208; FONT-STYLE: normal; }

.opened_text_padd h3 { margin: 10px 0px 0px 0px; padding: 5px 0px 5px 0px; line-height: 18px; text-transform: uppercase;
FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #26438b; FONT-FAMILY: OpenSans-ExtraBold, Arial;  FONT-STYLE: normal; TEXT-DECORATION: none;  text-align: left; }

.hover_kvartal_shape { transition: 0.3s 0.2s; cursor: pointer; opacity: 0; } 
.hover_kvartal_shape:hover { transition: 0.3s; opacity: 1; }
  
.fade_info_box { transition: 0.3s 0.2s; visibility: hidden; opacity: 0; position: absolute; z-index: 10;  border-radius: 20px; background: #fff; 
box-shadow: 0px 0px 35px rgba(0,0,0,0.25); padding: 18px 20px; min-width: 170px; margin: 0px 0px -20px 0px; } 
.fade_info_box.fade { transition: 0.2s; visibility: visible; opacity: 1; margin-bottom: 0px; } 
.fade_info_box.desc_dom:after { right: 50px; border-left: 18px solid #fff; border-top: 18px solid #fff; bottom: -18px; }
.fade_info_box.desc_dom_turn.fade { margin-top: 0px !important; }
.fade_info_box.desc_dom_turn:after { right: 50px; border-left: 18px solid #fff; border-bottom: 18px solid #fff; top: -18px; }
/*#desc_dom1_1 { bottom: 210px; left: 110px; }
#desc_dom1_1:after { right: 50px; border-left: 18px solid #fff; border-top: 18px solid #fff; bottom: -18px; }
#desc_dom1_2 { bottom: 490px; left: 40px; }
#desc_dom1_2:after { right: 50px; border-left: 18px solid #fff; border-top: 18px solid #fff; bottom: -18px; }
#desc_dom1_3 { bottom: 510px; left: 230px; }
#desc_dom1_3:after { right: 50px; border-left: 18px solid #fff; border-top: 18px solid #fff; bottom: -18px; }
#desc_dom1_4 { bottom: 490px; left: 410px; }
#desc_dom1_4:after { right: 50px; border-left: 18px solid #fff; border-top: 18px solid #fff; bottom: -18px; }
#desc_dom1_5 { top: 120px; left: 400px; margin: 20px 0px 0px 0px; }
#desc_dom1_5.fade { margin-top: 0px; }
#desc_dom1_5:after { right: 50px; border-left: 18px solid #fff; border-bottom: 18px solid #fff; top: -18px; }
#desc_dom1_6 { top: 185px; left: 535px; margin: 20px 0px 0px 0px; }
#desc_dom1_6.fade { margin-top: 0px; }
#desc_dom1_6:after { right: 50px; border-left: 18px solid #fff; border-bottom: 18px solid #fff; top: -18px; }
#desc_dom1_7 { top: 230px; left: 685px; margin: 20px 0px 0px 0px; }
#desc_dom1_7.fade { margin-top: 0px; }
#desc_dom1_7:after { right: 50px; border-left: 18px solid #fff; border-bottom: 18px solid #fff; top: -18px; }*/

.fade_info_box:after { content: ''; position: absolute; z-index: 5; border: 18px solid transparent; }
.fade_info_box .status { height: 26px; line-height: 25px; padding-left: 34px; position: relative; text-transform: uppercase; padding-bottom: 5px;
FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #333; FONT-FAMILY: OpenSans-ExtraBold, Arial;  FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.fade_info_box .status .icon { position: absolute; z-index: 1; width: 26px; height: 26px; left: 0; top: 0; background: url("/pic/fade_info_box.png") no-repeat left top; }
.fade_info_box .status.build .icon { background-position: left -26px; }
.fade_info_box .status.project { padding-bottom: 0px; }
.fade_info_box .status.project .icon { background-position: left bottom; }
.fade_info_box .param_count { line-height: 16px;
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #333; FONT-FAMILY: OpenSans-Regular, Arial;  FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.fade_info_box a.go_link { transition: 0.3s; text-transform: uppercase; border-bottom: 1px dashed #1bc86f;
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #1bc86f; FONT-FAMILY: OpenSans-ExtraBold, Arial;  FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; } 
.fade_info_box a.go_link:hover { transition: 0.3s; border-bottom: 1px dashed #fff; }
.fade_info_box .param_count:last-child { padding-bottom: 5px; } 
 
.kvartal_info { transition: 0.3s 0.2s; visibility: visible; opacity: 1; display: block; position: absolute; z-index: 2; width: 45px; height: 45px; background: url("/pic/kvartal_info.png") no-repeat left top; } 
.kvartal_info.fade { transition: 0.3s; visibility: hidden; opacity: 0; }
/*#info_dom1_1 { top: 420px; left: 475px; }
#info_dom1_2 { top: 170px; left: 190px; }
#info_dom1_3 { top: 190px; left: 380px; }
#info_dom1_4 { top: 250px; left: 580px; }
#info_dom1_5 { top: 20px; left: 265px; background: url("/pic/kvartal_info2.png") no-repeat left top; }
#info_dom1_6 { top: 25px; left: 735px; }
#info_dom1_7 { top: 54px; left: 870px; }*/
 
/********************************** Лесная сказка Дом 01.09.16  **************************************/ 

.kvartal_img.skazka_dom1 { background: url("/pic/skazka_dom1.jpg") no-repeat left top; }

.video_box { margin-left: -50px; }
.video_box a.open_id { transition: 0.2s; position: relative; height: 58px; display: block; line-height: 55px; cursor: pointer; margin: 12px 0px 12px 0px; padding-left: 96px;
background: url("/pic/video_box.png") no-repeat 52px top;
FONT-WEIGHT: normal; FONT-SIZE: 19px; COLOR: #f2c208; FONT-FAMILY: OpenSans-ExtraBold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.video_box a.open_id span { transition: 0.2s; border-bottom: 1px dashed #f2c208; }
.video_box a.open_id:hover { transition: 0.2s; background: url("/pic/video_box.png") #f2c208 no-repeat 52px bottom; color: #000; }
.video_box a.open_id:hover span { transition: 0.2s; border-bottom: 1px dashed #000; } 
.video_box a.open_id.checked { transition: 0.2s; background: url("/pic/video_box.png") #f2c208 no-repeat 52px bottom; color: #000; }
.video_box a.open_id.checked span { transition: 0.2s; border-bottom: 1px dashed #000; }
 
.jurnal_id { display: inline-block; width: 100%; padding-bottom: 35px; } 
.jurnal_id .date { display: inline-block; width: 100%; padding-bottom: 15px;
FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR: #ccc; FONT-FAMILY: OpenSans-ExtraBold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.jurnal_id .pic { float: left; margin-right: 40px; }
.jurnal_id .text { float: left; width: 430px; padding-top: 35px; line-height: 20px;
FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #000; FONT-FAMILY: OpenSans-Regular, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left;}
.jurnal_id .text .title { text-transform: uppercase; line-height: 20px; padding-bottom: 5px;
FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #000; FONT-FAMILY: OpenSans-ExtraBold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.jurnal_id .text .but { height: 30px; background: #f2c208; line-height: 30px; text-transform: uppercase; width: 106px; cursor: pointer; margin-top: 7px;
FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR: #000; FONT-FAMILY: OpenSans-ExtraBold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: center; } 
.jurnal_id .text .but:hover { color: #fff; background: #26438b; } 
.jurnal_id .but { height: 30px; background: #f2c208; line-height: 30px; text-transform: uppercase; width: 106px; cursor: pointer; margin-top: 7px;
FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR: #000; FONT-FAMILY: OpenSans-ExtraBold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: center; } 
.jurnal_id .but:hover { color: #fff; background: #26438b; } 
 
.doc_id { display: inline-block; transition: 0.2s; height: 35px; line-height: 35px; position: relative; text-transform: uppercase; padding: 10px 15px 10px 70px;
FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #26438b; FONT-FAMILY: OpenSans-ExtraBold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; } 
.doc_date {  
FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #ccc; FONT-FAMILY: OpenSans-ExtraBold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.doc_id a:link, .doc_id a:visited, .doc_id a:hover, .doc_id a:active { TEXT-DECORATION: none;}
.doc_id span { transition: 0.2s; border-bottom: 1px dashed #26438b; TEXT-DECORATION: none;}
.doc_id .type { transition: 0.2s; position: absolute; z-index: 5; left: 0; top: 10px; height: 31px; border-radius: 10px 10px 0px 10px; border: 2px solid #f2c208; width: 48px; line-height: 31px;
FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #333; FONT-FAMILY: OpenSans-ExtraBold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: center; } 
.doc_id .type a { COLOR: #333; }
.doc_id:hover .type { transition: 0.2s; background: #f2c208; }
.doc_id:hover .type a { transition: 0.2s; background: #f2c208; }
.doc_id:hover span { border-bottom: 1px dashed #fff; }

.room_table .title { line-height: 24px;
FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #000; FONT-FAMILY: OpenSans-ExtraBold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.room_table .title .status { COLOR: #1bc86f; text-transform: uppercase; }
.room_table .title .status.build { COLOR: #008ed3; text-transform: uppercase; }
.room_table .title .status.build span  { FONT-SIZE: 13px; FONT-FAMILY: OpenSans-Regular, Arial; COLOR: #000; text-transform: none; }
.room_table .title .status.project { COLOR: #f2c208; text-transform: uppercase; }
.room_table table { border: 1px solid #000; border-right: 0px; width: 100%; box-sizing: border-box; padding: 0px; margin-top: 10px; margin-bottom: 20px; }
.room_table table th { line-height: 14px; padding: 16px 0px; border-bottom: 1px solid #000;
FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #26438b; FONT-FAMILY: OpenSans-ExtraBold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: center; }
.room_table table td { line-height: 14px; padding: 12px 0px;
FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #000; FONT-FAMILY: OpenSans-ExtraBold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: center; }
.room_table table .kv_num { padding-left: 25px; }
.room_table table .fl_num { padding-right: 25px; border-right: 1px solid #000; }
.room_table table .cnt_room { padding-left: 25px; }
.room_table table .cnt_life { padding-right: 25px; }
.room_table table .status { padding-right: 25px; padding-left: 25px; border-left: 1px solid #000; border-right: 1px solid #000; }

.room_table table tr.hover_row { transition: 0.2s; cursor: pointer; }
.room_table table tr.hover_row:hover { transition: 0.2s; background: #f2c208; }

.dom_video_wrap { padding-top: 20px; }
.building_status { position: absolute; z-index: 2; left: 325px; top: 0; height: 116px; line-height: 115px; padding: 0px 30px 0px 63px; text-transform: uppercase;
FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #fff; FONT-FAMILY: OpenSans-ExtraBold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left;
background: url("/pic/building_status.png") #1bc86f no-repeat 28px top; }
.building_status.project { background: url("/pic/building_status.png") #f2c208 no-repeat 28px bottom; } 
.building_status .date { display: none; }
.building_status.build { background: url("/pic/building_status.png") #008ed3 no-repeat 28px -116px; } 
.building_status.build { padding-bottom: 25px; }
.building_status.build .date { display: block; position: absolute; z-index: 2; left: 63px; right: 0; bottom: 23px; line-height: 16px; text-transform: none; height: 40px;
FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR: #fff; FONT-FAMILY: OpenSans-Regulag, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
 
.building_adres { margin-top: 10px; line-height: 16px; padding-left: 50px; padding-right: 15px;
FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #fff; FONT-FAMILY: OpenSans-Regular, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; } 
 
a.go_back_but { transition: 0.2s; height: 35px; display: inline-block; border-radius: 35px; border: 2px solid #5169a2; line-height: 34px; margin-left: 33px; margin-top: 10px; padding: 0px 20px 0px 42px;
FONT-WEIGHT: normal; FONT-SIZE: 15px; COLOR: #969fbf; FONT-FAMILY: OpenSans-Bold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left;
background: url("/pic/go_back_but.png") no-repeat 15px top; } 
a.go_back_but:hover { transition: 0.2s; background: url("/pic/go_back_but.png") no-repeat 15px bottom; border-color: #fff; color: #f2c208; }  

.hover_dom_shape { transition: 0.3s 0.1s; cursor: pointer; opacity: 0; } 
.hover_dom_shape:hover { transition: 0.3s; opacity: 1; }

.dom_round_num { position: absolute; z-index: 2; display: block; height: 60px; width: 60px; line-height: 58px; border: 3px solid #fff !important; border-radius: 50%; background: #26438b; box-shadow: 0px 3px 30px rgba(0,0,0,0.4); 
FONT-WEIGHT: normal; FONT-SIZE: 36px; COLOR: #fff; FONT-FAMILY: OpenSans-ExtraBold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: center; }
.dom_round_num.small { line-height: 29px; FONT-SIZE: 18px; height: 30px; width: 30px; }
/*#info_flor4_2 { top: 238px; left: 444px; }
#info_flor3_2 { top: 321px; left: 444px; }
#info_flor2_2 { top: 400px; left: 444px; }
#info_flor1_2 { top: 483px; left: 444px; }
#info_flor4_1 { top: 365px; left: 844px; }
#info_flor3_1 { top: 412px; left: 844px; }
#info_flor2_1 { top: 455px; left: 844px; }
#info_flor1_1 { top: 500px; left: 844px; }*/

.desc_comix { position: absolute; z-index: 2; width: 228px; height: 69px; background: url("/pic/desc_comix.png") no-repeat left top; line-height: 24px; padding-top: 10px;
FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #fff; FONT-FAMILY: OpenSans-ExtraBold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: center; }
.desc_comix span { FONT-SIZE: 22px; }
.desc_comix.section2 { left: 364px; top: 66px; }
.desc_comix.section1 { left: 746px; top: 205px; }

/********************************** Лесная сказка Этаж 01.09.16  **************************************/ 

.parad_col { float: left; padding-top: 18px; margin-right: 35px; padding-left: 0px;
FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #fff; FONT-FAMILY: OpenSans-Bold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: center; }
.parad_col:last-child { margin-right: 0px; padding-left: 0px; }
.parad_col .title { padding-bottom: 6px; FONT-SIZE: 19px; }
.parad_col .parad_id { transition: 0.2s; display: inline-block; height: 45px; width: 45px; border: 2px solid #4f67a1; line-height: 45px; border-radius: 50%; margin-top: 10px; cursor: pointer;
FONT-WEIGHT: normal; FONT-SIZE: 30px; COLOR: #fff; FONT-FAMILY: OpenSans-Bold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: center; }
.parad_col .parad_id:hover { transition: 0.2s; border-color: #fff; } 
.parad_col .parad_id.checked { border-color: #fff; COLOR: #f2c208; }

.floors_wrap { padding-left: 50px; display: inline-block; }

.etaj_box { padding-left: 58px; }
.etaj_box .all_dom_status { text-transform: uppercase; padding-top: 50px; line-height: 24px;
FONT-WEIGHT: normal; FONT-SIZE: 15px; COLOR: #f2c208; FONT-FAMILY: OpenSans-ExtraBold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.etaj_box .all_dom_status .date { line-height: 24px; text-transform: none;
FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR: #fff; FONT-FAMILY: OpenSans-Regular, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.etaj_box .adres { padding-top: 15px; line-height: 24px;
FONT-WEIGHT: normal; FONT-SIZE: 15px; COLOR: #fff; FONT-FAMILY: OpenSans-Bold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.etaj_box .adres span { color: #f2c208; }  
 
.etaj_plan_box { margin-left: -40px; margin-top: 50px; height: 375px; position: relative; } 
/*.etaj_plan_box.skazka1 { background: url("/pic/etaj_skazka_plan1.png") no-repeat left top; }
.etaj_plan_box.skazka2 { background: url("/pic/etaj_skazka_plan2.png") no-repeat left top; }*/
.plan_desc { display: inline-block; width: 100%; }
.plan_1k { float: left; height: 34px; line-height: 34px; padding-left: 45px; position: relative; text-transform: uppercase; margin-right: 50px;
FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #fff; FONT-FAMILY: OpenSans-ExtraBold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.plan_1k:first-child { margin-left: 80px; }
.plan_1k .color { position: absolute; z-index: 2; left: 0; top: 0; width: 30px; height: 30px; border: 2px solid #fff; border-radius: 50%; background: #2380b9; }
.plan_1k.double .color { background: #f59c0c; }
.plan_1k.triple .color { background: #19ab62; }
.plan_1k.office .color { background: #f54444; }

.plan_1k .color {  }

.hover_flat_shape { transition: 0.3s 0.1s; cursor: pointer; opacity: 1; } 
.hover_flat_shape:hover { transition: 0.3s; opacity: 1; }

.small_count_room { position: absolute; z-index: 2; display: block; width: 20px; height: 20px; border: 1px solid rgba(255,255,255,0.3) !important; line-height: 20px; border-radius: 50%;
FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #fff; FONT-FAMILY: Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: center; }
/*
#cr1_1 { left: 60px; top: 119px; }
#cr1_2 { left: 90px; top: 35px; }
#cr1_3 { left: 245px; top: 48px; }
#cr1_4 { left: 453px; top: 52px; }
#cr1_5 { left: 629px; top: 82px; }
#cr1_6 { left: 623px; top: 202px; }
#cr1_7 { left: 433px; top: 184px; }
#cr1_8 { left: 312px; top: 173px; }
#cr1_9 { left: 195px; top: 163px; }

#cr2_1 { left: 50px; top: 145px; }
#cr2_2 { left: 128px; top: 82px; }
#cr2_3 { left: 300px; top: 40px; }
#cr2_4 { left: 414px; top: 40px; }
#cr2_5 { left: 586px; top: 64px; }
#cr2_6 { left: 661px; top: 164px; }
#cr2_7 { left: 476px; top: 161px; }
#cr2_8 { left: 234px; top: 179px; }*/

.flat_label_box { transition: 0.3s 0.1s; position: absolute; z-index: 3; height: 62px; width: 104px; cursor: pointer; }
.flat_label_box .meter { transition: 0.3s 0.1s; position: absolute; z-index: 1; line-height: 30px; height: 30px; width: 100%; left: 0px; top: 0px; 
opacity: 1; margin: 0px; visibility: visible;
FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #fff; FONT-FAMILY: OpenSans-ExtraBold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: center; }
.flat_label_box .border { transition: 0.3s 0.1s; position: absolute; z-index: 2; left: 50%; top: 34px; height: 3px; width: 22px; margin: 0px 0px 0px -11px; background: #fff; }
.flat_label_box .look { transition: 0.3s 0.1s; position: absolute; z-index: 1; line-height: 16px; height: 32px; width: 100%; left: 0px; top: 20px; 
visibility: hidden; opacity: 0; margin: 0px; text-transform: uppercase;
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #fff; FONT-FAMILY: OpenSans-ExtraBold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: center; }
.flat_label_box .look a { COLOR: #fff; display: block; }
.flat_label_box .status { transition: 0.3s 0.1s; position: absolute; z-index: 4; line-height: 18px; height: 18px; width: 100%; left: 0px; top: 43px;
opacity: 1; margin: 0px; visibility: visible;
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #fff; FONT-FAMILY: OpenSans-Regular, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: center; }

.flat_label_box.hover .meter { transition: 0.3s; margin-top: 10px; opacity: 0; visibility: hidden; }
.flat_label_box.hover .status { transition: 0.3s; margin-top: 10px; opacity: 0; visibility: hidden; }
.flat_label_box.hover .border { transition: 0.3s; margin-top: 15px; }
.flat_label_box.hover .look { transition: 0.3s; margin-top: -10px; opacity: 1; visibility: visible; }
/*
#label_flat1_1 { left: 61px; top: 145px; }
#label_flat1_2 { left: 104px; top: 47px; }
#label_flat1_3 { left: 266px; top: 61px; }
#label_flat1_4 { left: 477px; top: 81px; }
#label_flat1_5 { left: 675px; top: 103px; }
#label_flat1_6 { left: 656px; top: 219px; }
#label_flat1_7 { left: 470px; top: 202px; }
#label_flat1_8 { left: 305px; top: 192px; }
#label_flat1_9 { left: 185px; top: 183px; }

#label_flat2_1 { left: 80px; top: 185px; } 
#label_flat2_2 { left: 164px; top: 62px; }
#label_flat2_3 { left: 295px; top: 52px; }
#label_flat2_4 { left: 440px; top: 48px; }
#label_flat2_5 { left: 678px; top: 69px; }
#label_flat2_6 { left: 680px; top: 177px; }
#label_flat2_7 { left: 513px; top: 174px; }
#label_flat2_8 { left: 273px; top: 169px; }*/
 
.alternative_box { transition: 0.3s 0.2s; visibility: hidden; opacity: 0; position: absolute; z-index: 10;  border-radius: 20px; background: #fff; 
box-shadow: 0px 0px 35px rgba(0,0,0,0.25); padding: 18px 20px; min-width: 200px; margin: 0px 0px 20px 0px; } 
.alternative_box.hover { transition: 0.2s; visibility: visible; opacity: 1; margin: 0px !important; } 
.alt_flat_up:after { left: 84px; border-right: 18px solid #fff !important; border-top: 18px solid #fff !important; bottom: -18px; }
.alt_flat_down.hover { margin-top: 0px !important; }
.alt_flat_down:after { left: 120px; border-left: 18px solid #fff !important; border-bottom: 18px solid #fff !important; top: -18px; }

.alt_similar_up:after { left: 84px; border-right: 18px solid #fff !important; border-top: 18px solid #fff !important; bottom: -18px !important; }
.alt_similar_down.hover { margin-top: 30px !important; }
.alt_similar_down:after { left: 120px !important; border-left: 18px solid #fff !important; border-bottom: 18px solid #fff !important; top: -18px !important; }

/*
#alt_flat1_1 { top: 236px; left: 0px; margin: 20px 0px 0px 0px; }
#alt_flat1_1.hover { margin-top: 0px; }
#alt_flat1_1:after { left: 120px; border-left: 18px solid #fff; border-bottom: 18px solid #fff; top: -18px; }
#alt_flat1_2 { bottom: 333px; left: 39px; }
#alt_flat1_2:after { left: 84px; border-right: 18px solid #fff; border-top: 18px solid #fff; bottom: -18px; }
#alt_flat1_3 { bottom: 319px; left: 199px; }
#alt_flat1_3:after { left: 84px; border-right: 18px solid #fff; border-top: 18px solid #fff; bottom: -18px; }
#alt_flat1_4 { bottom: 300px; left: 406px; }
#alt_flat1_4:after { left: 84px; border-right: 18px solid #fff; border-top: 18px solid #fff; bottom: -18px; } 
#alt_flat1_5 { bottom: 284px; left: 596px; }
#alt_flat1_5:after { left: 84px; border-right: 18px solid #fff; border-top: 18px solid #fff; bottom: -18px; }
#alt_flat1_6 { top: 295px; left: 588px; margin: 20px 0px 0px 0px; }
#alt_flat1_6.hover { margin-top: 0px; }
#alt_flat1_6:after { left: 120px; border-left: 18px solid #fff; border-bottom: 18px solid #fff; top: -18px; }
#alt_flat1_7 { top: 275px; left: 399px; margin: 20px 0px 0px 0px; }
#alt_flat1_7.hover { margin-top: 0px; }
#alt_flat1_7:after { left: 120px; border-left: 18px solid #fff; border-bottom: 18px solid #fff; top: -18px; }
#alt_flat1_8 { top: 263px; left: 237px; margin: 20px 0px 0px 0px; }
#alt_flat1_8.hover { margin-top: 0px; }
#alt_flat1_8:after { left: 120px; border-left: 18px solid #fff; border-bottom: 18px solid #fff; top: -18px; }
#alt_flat1_9 { top: 252px; left: 115px; margin: 20px 0px 0px 0px; }
#alt_flat1_9.hover { margin-top: 0px; }
#alt_flat1_9:after { left: 120px; border-left: 18px solid #fff; border-bottom: 18px solid #fff; top: -18px; }

#alt_flat2_1 { top: 283px; left: 18px; margin: 20px 0px 0px 0px; }
#alt_flat2_1.hover { margin-top: 0px; }
#alt_flat2_1:after { left: 120px; border-left: 18px solid #fff; border-bottom: 18px solid #fff; top: -18px; }
#alt_flat2_2 { bottom: 319px; left: 78px; }
#alt_flat2_2:after { left: 84px; border-right: 18px solid #fff; border-top: 18px solid #fff; bottom: -18px; }
#alt_flat2_3 { bottom: 335px; left: 229px; }
#alt_flat2_3:after { left: 84px; border-right: 18px solid #fff; border-top: 18px solid #fff; bottom: -18px; } 
#alt_flat2_4 { bottom: 334px; left: 365px; }
#alt_flat2_4:after { left: 84px; border-right: 18px solid #fff; border-top: 18px solid #fff; bottom: -18px; } 
#alt_flat2_5 { bottom: 307px; left: 570px; }
#alt_flat2_5:after { left: 84px; border-right: 18px solid #fff; border-top: 18px solid #fff; bottom: -18px; } 
#alt_flat2_6 { top: 253px; left: 610px; margin: 20px 0px 0px 0px; }
#alt_flat2_6.hover { margin-top: 0px; }
#alt_flat2_6:after { left: 120px; border-left: 18px solid #fff; border-bottom: 18px solid #fff; top: -18px; } 
#alt_flat2_7 { top: 248px; left: 446px; margin: 20px 0px 0px 0px; }
#alt_flat2_7.hover { margin-top: 0px; }
#alt_flat2_7:after { left: 120px; border-left: 18px solid #fff; border-bottom: 18px solid #fff; top: -18px; }
#alt_flat2_8 { top: 237px; left: 205px; margin: 20px 0px 0px 0px; }
#alt_flat2_8.hover { margin-top: 0px; }
#alt_flat2_8:after { left: 120px; border-left: 18px solid #fff; border-bottom: 18px solid #fff; top: -18px; }*/
 
.alternative_box:after { content: ''; position: absolute; z-index: 5; border: 18px solid transparent; }
.alternative_box .status { height: 26px; line-height: 25px; position: relative; text-transform: uppercase; padding-bottom: 0px;
FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #333; FONT-FAMILY: OpenSans-ExtraBold, Arial;  FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.alternative_box .param_count { line-height: 16px;
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #333; FONT-FAMILY: OpenSans-Regular, Arial;  FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.alternative_box .param_count .green_link { color: #1bc86f; }
.alternative_box .param_count .green_link a { transition: 0.3s; text-transform: uppercase; border-bottom: 1px dashed #1bc86f; margin-right: 10px; line-height: 18px;
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #1bc86f; FONT-FAMILY: OpenSans-ExtraBold, Arial;  FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; } 
.alternative_box .param_count .green_link a:hover { transition: 0.3s; border-bottom: 1px dashed #fff; } 
.alternative_box .param_count .green_link a:last-child { margin-right: 0px; }
 
/********************************** Лесная сказка Квартира 01.09.16  **************************************/ 

.kvartira_box { padding-top: 60px; }
.kvartira_box .title { height: 45px; line-height: 45px;
FONT-WEIGHT: normal; FONT-SIZE: 24px; COLOR: #fff; FONT-FAMILY: OpenSans-ExtraBold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.kvartira_box .title span { padding: 0px 25px; COLOR: #f2c208; text-transform: uppercase; }
.kvartira_box .title a.print_but { transition: 0.2s; display: inline-block; vertical-align: top; height: 41px; border-radius: 45px; border: 2px solid #fff; 
padding: 0px 20px 0px 54px; line-height: 41px; background: url("/pic/print_but.png") no-repeat 20px top;
FONT-WEIGHT: normal; FONT-SIZE: 15px; COLOR: #fff; FONT-FAMILY: OpenSans-Bold, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.kvartira_box .title a.print_but:hover { transition: 0.2s; color: #000; border-color: #f2c208; background-color: #f2c208; background-position: 20px bottom; }
 
.kv_param_box { display: inline-block; width: 100%; padding-top: 18px; }
.kv_param_box .wrap { display: inline-block; width: 100%; padding-top: 6px; }
.kv_param_box .param_id { transition: 0.2s; float: left; line-height: 18px; margin-right: 30px;
FONT-WEIGHT: normal; FONT-SIZE: 15px; COLOR: #fff; FONT-FAMILY: OpenSans-Regular, Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.kv_param_box .param_id span { transition: 0.2s; COLOR: #f2c208; FONT-FAMILY: OpenSans-ExtraBold, Arial; }
.kv_param_box .param_id a { transition: 0.2s; margin: 0px 10px; COLOR: #fff; FONT-FAMILY: OpenSans-ExtraBold, Arial; border-bottom: 1px dashed #f2c208; }
.kv_param_box .param_id a:hover { transition: 0.2s; color: #f2c208; }

.kv_foto_box { display: inline-block; width: 100%; padding-top: 38px; }
.kv_foto_id { transition: 0.2s; float: left; display: table; width: 260px; height: 260px; padding: 20px; background: #fff; margin-right: 30px; }
.kv_foto_id:hover { transition: 0.2s; background: #c9d0e2; }
.kv_foto_id .mid { display: table-cell; vertical-align: middle; text-align: center; }

/************************************************************/

sup { vertical-align: baseline; position: relative; top: -0.4em; }

/******************************** Похожие квартиры  ****************************/

.similar_box { transition: 0.3s 0.2s; visibility: visible; opacity: 1; position: absolute; z-index: 10;  border-radius: 20px; background: #fff; 
box-shadow: 0px 0px 35px rgba(0,0,0,0.25); padding: 18px 20px; max-width: 180px; margin: 0px 0px -30px 0px; margin-left: 0px !important; } 
.similar_box:after { margin-left: 0px; }
.similar_box.hover { transition: 0.2s; visibility: hidden; opacity: 0; margin-bottom: 30px !important; }

.similar_box:after { content: ''; position: absolute; z-index: 5; border: 18px solid transparent; }
.similar_box .status { line-height: 17px; position: relative; text-transform: uppercase; padding-bottom: 5px;
FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #333; FONT-FAMILY: OpenSans-ExtraBold, Arial;  FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.similar_box .param_count { line-height: 16px;
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #333; FONT-FAMILY: OpenSans-Regular, Arial;  FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.similar_box .param_count .green_link { color: #1bc86f; }
.similar_box .param_count .green_link a { transition: 0.3s; text-transform: uppercase; border-bottom: 1px dashed #1bc86f; margin-right: 10px; line-height: 18px;
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #1bc86f; FONT-FAMILY: OpenSans-ExtraBold, Arial;  FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; } 
.similar_box .param_count .green_link a:hover { transition: 0.3s; border-bottom: 1px dashed #fff; } 
.similar_box .param_count .green_link a:last-child { margin-right: 0px; }

/*************************** распечатать **************************/

.print_box { padding: 40px 60px; width: 950px;  }
.print_box h1 { FONT-FAMILY: OpenSans-Regular; font-size: 50px; }
.print_box h1 b { FONT-FAMILY: OpenSans-ExtraBold; } 
.print_box .border_box { border-radius: 5px; border: 1px solid #000; padding: 20px 28px; margin: 40px 0px 20px 0px; display: inline-block; } 
.print_box .border_box .adres { 
FONT-WEIGHT: normal; FONT-SIZE: 24px; COLOR: #000; FONT-FAMILY: OpenSans-Bold, Arial;  FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.print_box .border_box .all_dom_status { line-height: 60px;
FONT-WEIGHT: normal; FONT-SIZE: 36px; COLOR: #000; FONT-FAMILY: OpenSans-ExtraBold, Arial;  FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.print_box .kvartira_box { padding-top: 20px; }
.print_box .kvartira_box .title { color: #000 !important; FONT-FAMILY: OpenSans-Regular, Arial; FONT-SIZE: 36px; }
.print_box  .kv_param_box { padding-top: 20px; }
.print_box .param_id { display: block; float: none; color: #000 !important; padding: 8px 0px; FONT-FAMILY: OpenSans-Bold; FONT-SIZE: 24px; }
.print_box .param_id span { color: #000 !important; FONT-FAMILY: OpenSans-Regular; }
.print_box .kv_foto_box .kv_foto_id { display: table; width: 360px; height: 360px; padding: 20px; background: #fff; margin-right: 30px; }
.print_box  .head  { padding-bottom: 35px; height: 81px; }
.print_box .contact_box { padding-top: 21px; padding-left: 50px; }
.print_box .contact_box .tel a { FONT-SIZE: 24px; color: #000 !important; }
.print_box .contact_box .adres { FONT-SIZE: 24px; color: #000 !important; padding-bottom: 15px; }


/***********************  10.10.16 *******************/

/******************** Квартал радуга *********************/

/*#desc_dom1_1 { bottom: 276px; left: 230px; }
#desc_dom1_1:after { right: 50px; border-left: 18px solid #fff; border-top: 18px solid #fff; bottom: -18px; }
#desc_dom1_2 { bottom: 140px; left: 334px; }
#desc_dom1_2:after { right: 50px; border-left: 18px solid #fff; border-top: 18px solid #fff; bottom: -18px; }
#desc_dom1_3 { bottom: 365px; left: 540px; }
#desc_dom1_3:after { right: 50px; border-left: 18px solid #fff; border-top: 18px solid #fff; bottom: -18px; }
#desc_dom1_4 { bottom: 508px; left: 690px; }
#desc_dom1_4:after { right: 50px; border-left: 18px solid #fff; border-top: 18px solid #fff; bottom: -18px; }

#desc_dom1_5 { bottom: 530px; left: 451px; }
#desc_dom1_5:after { left: 120px; border-left: 18px solid #fff; border-top: 18px solid #fff; bottom: -18px; }

#desc_dom1_6 { top: 132px; left: 65px; margin: 20px 0px 0px 0px; }
#desc_dom1_6.fade { margin-top: 0px; }
#desc_dom1_6:after { right: 100px; border-left: 18px solid #fff; border-bottom: 18px solid #fff; top: -18px; }

#info_dom1_1 { top: 513px; left: 192px; background: url("/pic/kvartal_info2.png") no-repeat left top; }
#info_dom1_2 { top: 634px; left: 618px; }
#info_dom1_3 { top: 390px; left: 533px; background: url("/pic/kvartal_info2.png") no-repeat left top; }
#info_dom1_4 { top: 250px; left: 725px; background: url("/pic/kvartal_info2.png") no-repeat left top; }
#info_dom1_5 { top: 221px; left: 483px; background: url("/pic/kvartal_info2.png") no-repeat left top; }
#info_dom1_6 { top: 62px; left: 215px; }*/

.kv_skazka { min-height: 665px; }
.kvartal_box.kv_skazka .kvartal_img { width: 1100px; height: 665px; }


.kv_raduga { min-height: 775px; }
.kvartal_box.kv_raduga .kvartal_img { width: 1100px; height: 775px; }

@media only screen and (max-width: 1100px) {
	.left_nav_col { 
		width: 100%;
		bottom: auto;
		right: 0;
		height: 200px;
	}
	.kvartal_img { position: static; left: 0; top: 0px; margin-top: 200px; }
	.building_status { left: 0; }
	.kvartal_back { left: 0; }
	.left_nav_col h1 .type { display: inline-block; }
	.left_nav_col h1 .title { display: inline-block; font-size: 26px; line-height: 26px; padding-left: 10px; }
	.left_nav_col .wave { display: none; }
	.left_nav_col .kvartal_param_box { display: inline-block; width: 48%; margin-top: 12px; margin-bottom: 0px; vertical-align: top; box-sizing: border-box; }
	.left_nav_col .kvartal_placement_box { display: inline-block; width: 48%; padding-left: 0; }
	.left_nav_col .kvartal_placement_box .text { height: auto; }
	.left_nav_col .kvartal_param_box .param_id { margin-bottom: 3px; }
	.left_nav_col .kvartal_param_box .param_id .title { font-size: 12px; line-height: 16px; padding-right: 20px; width: 180px; }
	.left_nav_col .kvartal_param_box .param_id .desc { font-size: 14px; line-height: 16px; width: auto; }
	.left_nav_col .kvartal_text_open_box { position: absolute; z-index: 5; top: 50px; left: 285px; margin-left: 0px; padding-left: 0px; }
	.left_nav_col .kvartal_text_open_box a.open_id { background: none; padding-left: 0px; }
	.opened_text_box { top: 200px; }
	.opened_text_wrap { margin-left: 0px; }
	.yandex_map { top: 200px; margin-left: 0px; }

	.fade_info_box.desc_dom { display: none; }
	.kvartal_info { display: none; }
	
	/******************** Страница дома *********************/
	a.go_back_but { position: absolute; z-index: 5; font-size: 0px !important; padding-left: 30px !important; top: -2px; left: 0px; }
	.box_dom .left_nav_col h1 .type { display: none; }
	.box_dom .left_nav_col h1 .title { display: none; padding-left: 45px; margin-top: 14px; }
	.box_dom h1 { display: none; }
	.box_dom .building_adres { display: inline-block; padding-left: 94px; margin-top: 16px; height: 34px; overflow: hidden; vertical-align: middle; }
	.box_dom .left_nav_col .map_box { margin-top: 4px; }
	.box_dom .left_nav_col .kvartal_param_box { margin-top: 5px; width: auto; }
	.box_dom .left_nav_col .kvartal_text_open_box { left: 440px; top: 44px; }
	.box_dom .kvartal_text_open_box a.open_id { height: 22px; line-height: 22px; }
	.box_dom .left_nav_col .kvartal_param_box .param_id { margin-bottom: 1px; }
	.desc_comix { margin-top: 175px; }
	.dom_round_num { margin-top: 200px; }
	.building_status { margin-top: 200px; left: 0; }

	/******************** Страница этажа *********************/
	.kvartal_back { position: static; left: 0; top: 0px; margin-top: 200px; }
	.left_nav_col .wave2 { display: none; }
	.box_floor .left_nav_col h1 .type { padding-left: 45px; }
	.box_floor .left_nav_col h1 .title { }
	.parad_col { float: none; text-align: left; padding-left: 45px !important; padding-top: 12px; padding-bottom: 5px; }
	.parad_col > div { display: inline-block; margin-right: 5px; }
	.parad_col .title { width: 100px; }
	.box_floor .etaj_box .all_dom_status { padding-top: 20px; }
	.floors_wrap { padding-left: 0px; }
	
	.kvartal_box.box_floor { height: auto !important; }
	
	.kvartira_box { padding-top: 20px; }
	
	.cms_content_box img { max-width: 100%; height: auto !important; }
}

@media only screen and (max-width: 1000px) {
	.kvartal_box.kv_skazka .kvartal_img { width: 1000px !important; height: 605px !important; min-height: 0px; background-size: contain !important;}
	.kvartal_box.kv_skazka .kvartal_img svg { width: 1000px; height: 605px; min-height: 0px;}

	.kvartal_box.kv_raduga .kvartal_img { width: 1000px !important; height: 705px !important; min-height: 0px; background-size: contain !important;}
	.kvartal_box.kv_raduga .kvartal_img svg { width: 1000px; height: 705px; min-height: 0px;}
	
	/******************** Страница дома *********************/
	.desc_comix { margin-left: -50px; }
	.dom_round_num { display: none; }

		/******************** Страница этажа *********************/
	.etaj_plan_box { 
		transform: scale(0.8);
		-webkit-transform: scale(0.8);
		-o-transform: scale(0.8);
		-moz-transform: scale(0.8);	
	}
}

@media only screen and (max-width: 800px) {
	.kvartal_box.kv_skazka .kvartal_img { width: 800px !important; height: 484px !important; background-size: contain !important;}
	.kvartal_box.kv_skazka .kvartal_img svg { width: 800px; height: 484px;}

	.kvartal_box.kv_raduga .kvartal_img { width: 800px !important; height: 564px !important; background-size: contain !important;}
	.kvartal_box.kv_raduga .kvartal_img svg { width: 800px; height: 564px;}
	
	.left_nav_col h1 .type { display: inline-block; }
	.left_nav_col h1 .title { display: inline-block; font-size: 20px; line-height: 20px; padding-left: 10px; }
	.left_nav_col .map_box .map_but { font-size: 12px; height: 31px; line-height: 31px; }
	.left_nav_col .kvartal_text_open_box a.open_id span { background: none; }
	.left_nav_col .kvartal_text_open_box { top: 47px; left: 275px; margin-left: 0px; padding-left: 0px; }
	.left_nav_col .kvartal_text_open_box a.open_id { font-size: 16px; }
	.left_nav_col .kvartal_param_box .param_id .title { font-size: 10px; line-height: 14px; padding-right: 10px; width: 150px; }
	.left_nav_col .kvartal_param_box .param_id .desc { font-size: 12px; line-height: 14px; width: auto; }
	.left_nav_col .kvartal_placement_box .title { font-size: 12px; line-height: 14px; padding-top: 12px; }
	.left_nav_col .kvartal_placement_box .text { font-size: 12px; line-height: 16px; }

	/******************** Страница дома *********************/
	.box_dom .left_nav_col .kvartal_text_open_box { left: 350px; }
	.box_dom .left_nav_col .kvartal_param_box .param_id { margin-bottom: 4px; }
	.desc_comix { margin-left: -200px; }
	.building_status { height: 60px; line-height: 59px; background-image: none !important; padding-left: 30px; }
	.building_status.build .date { bottom: 3px; left: 30px; }
	.desc_comix { display: none; }
	
	.room_table table th { font-size: 12px; }
	.room_table table td { font-size: 12px; }
	.room_table table .kv_num { padding-left: 7px; }
	.room_table table .fl_num { padding-right: 7px; }
	..room_table table .cnt_room { padding-left: 7px; }
	.room_table table .cnt_life { padding-right: 7px; }
	.room_table table .status { padding-left: 7px; padding-right: 7px; }
	.doc_id { font-size: 14px; }
	.opened_text_padd .mCSB_container { padding-right: 20px; padding-left: 1px; padding-bottom: 20px; }

	/******************** Страница этажа *********************/
	.etaj_plan_box { 
		margin-top: -20px !important;
		margin-left: -100px !important;
		transform: scale(0.8);
		-webkit-transform: scale(0.8);
		-o-transform: scale(0.8);
		-moz-transform: scale(0.8);	
		margin-right: -100px;
	}
	.kvartira_box .title { font-size: 18px; }
	.kvartira_box .title a.print_but { display: none; }
	.kv_param_box .param_id { line-height: normal; }
	
	.box_floor .kvartal_back { height: auto !important; }
	.kv_foto_box .kv_foto_id { margin-bottom: 40px; }
	
	.plan_1k { font-size: 10px; }
	.plan_1k .color { left: 12px; top: 6px; width: 20px; height: 20px; }
	.plan_desc { margin-bottom: 30px; }
	
	.cms_list_title { font-size: 18px; line-height: normal; }
	.footer .copy a.yarneo { display: block; margin-top: 10px; }
	
	/****** Номера этажей *******/
	.parad_col .parad_id { height: 24px; width: 24px; line-height: 24px; font-size: 14px; margin-top: 10px; }
	.parad_col .title { font-size: 16px; width: 80px; display: none; }
	.parad_col { padding-top: 22px; }
	
}

@media only screen and (max-width: 600px) {
	.kvartal_box.kv_skazka .kvartal_img { width: 600px !important; height: 363px !important; background-size: contain !important;}
	.kvartal_box.kv_skazka .kvartal_img svg { width: 600px; height: 363px;}
	.kvartal_box.kv_skazka { min-height: 563px; }

	.kvartal_box.kv_raduga .kvartal_img { width: 600px !important; height: 423px !important; background-size: contain !important;}
	.kvartal_box.kv_raduga .kvartal_img svg { width: 600px; height: 423px;}
	.kvartal_box.kv_raduga { min-height: 563px; }
	
	.left_nav_col .kvartal_param_box { width: auto; }
	.left_nav_col .kvartal_placement_box { display: none; }
	
	/******************** Страница дома *********************/
	.box_dom .left_nav_col .kvartal_text_open_box { left: 260px; top: 44px; }
	.box_dom .left_nav_col .kvartal_param_box .param_id .title { width: 70px; }
	.box_dom .kvartal_text_open_box a.open_id { height: 22px; line-height: 20px; overflow: hidden; }

	.room_table table th { font-size: 10px; }
	.room_table table td { font-size: 10px; }

	/******************** Страница этажа *********************/
	.etaj_plan_box { 
		margin-top: -100px !important;
		margin-bottom: -100px !important;
		margin-left: -180px !important;
		transform: scale(0.5);
		-webkit-transform: scale(0.5);
		-o-transform: scale(0.5);
		-moz-transform: scale(0.5);	
		margin-right: -180px;
	}
}

@media only screen and (max-width: 500px) {
	.kvartal_box.kv_skazka .kvartal_img { width: 500px !important; height: 302px !important; background-size: contain !important;}
	.kvartal_box.kv_skazka .kvartal_img svg { width: 500px; height: 302px;}
	.kvartal_box.kv_skazka { min-height: 502px; }
		
	.kvartal_box.kv_raduga .kvartal_img { width: 500px !important; height: 353px !important; background-size: contain !important;}
	.kvartal_box.kv_raduga .kvartal_img svg { width: 500px; height: 353px;}
	.kvartal_box.kv_raduga { min-height: 502px; }

	.left_nav_col .map_box .map_but { font-size: 0px; padding-left: 30px !important; }
	.left_nav_col .kvartal_text_open_box { left: 157px; }

	.opened_text_padd { margin: 20px 40px 20px 10px; }
	.opened_text_padd .mCSB_container { padding-right: 20px; padding-left: 20px; padding-bottom: 20px; }
	
	.left_nav_col h1 { padding-left: 35px; }
	.left_nav_col .kvartal_param_box { padding-left: 35px; }

	/******************** Страница дома *********************/
	.box_dom .left_nav_col .kvartal_text_open_box { left: 200px; }
	.box_dom .left_nav_col .kvartal_param_box .param_id .desc span { font-size: 8px; line-height: 10px; width: auto; }
	
	.room_table table th { font-size: 8px; }
	.room_table table td { font-size: 8px; }
	.room_table table .kv_num { padding-left: 4px; }
	.room_table table .fl_num { padding-right: 4px; }
	.room_table table .cnt_room { padding-left: 4px; }
	.room_table table .cnt_life { padding-right: 4px; }
	.room_table table .status { padding-left: 4px; padding-right: 4px; }
	
	.doc_id { font-size: 12px; line-height: normal; }
	span.doc_date { font-size: 10px; }

	
	/******************** Страница этажа *********************/
	.box_floor .left_nav_col h1 { padding-left: 50px; }
	.etaj_plan_box { 
		margin-top: -100px !important;
		margin-bottom: -100px !important;
		margin-left: -240px !important;
		transform: scale(0.4);
		-webkit-transform: scale(0.4);
		-o-transform: scale(0.4);
		-moz-transform: scale(0.4);	
		margin-right: -240px;
	}

}

@media only screen and (max-width: 400px) {
	.kvartal_box.kv_skazka .kvartal_img { width: 400px !important; height: 242px !important; background-size: contain !important;}
	.kvartal_box.kv_skazka .kvartal_img svg { width: 400px; height: 242px;}
	.kvartal_box.kv_skazka { min-height: 442px; }

	.kvartal_box.kv_raduga .kvartal_img { width: 400px !important; height: 282px !important; background-size: contain !important;}
	.kvartal_box.kv_raduga .kvartal_img svg { width: 400px; height: 282px;}
	.kvartal_box.kv_raduga { min-height: 442px; }

	.left_nav_col h1 .type { display: none !important; }
	.left_nav_col h1 .title { padding-left: 0px; margin-top: 20px; }
	.left_nav_col .kvartal_text_open_box { left: 144px; top: 52px; }
	.left_nav_col .kvartal_text_open_box a.open_id { font-size: 11px; line-height: normal; }


	/******************** Страница дома *********************/
	.box_dom .left_nav_col .kvartal_text_open_box a.open_id { height: 22px; line-height: 24px; }

	.doc_id { font-size: 10px; }
	span.doc_date { font-size: 8px; }

	/******************** Страница этажа *********************/
	.box_floor .left_nav_col h1 .title { padding-left: 60px; }
	.etaj_plan_box { 
		transform: scale(0.3);
		-webkit-transform: scale(0.3);
		-o-transform: scale(0.3);
		-moz-transform: scale(0.3);	
	}
}

@media only screen and (max-width: 300px) {
	.kvartal_box.kv_skazka .kvartal_img { width: 300px !important; height: 181px !important; background-size: contain !important;}
	.kvartal_box.kv_skazka .kvartal_img svg { width: 300px; height: 181px;}
	.kvartal_box.kv_skazka { min-height: 381px; }

	.kvartal_box.kv_skazka .kvartal_img { width: 300px !important; height: 211px !important; background-size: contain !important;}
	.kvartal_box.kv_skazka .kvartal_img svg { width: 300px; height: 211px;}
	.kvartal_box.kv_skazka { min-height: 381px; }

	/******************** Страница этажа *********************/
	.box_floor .left_nav_col h1 .title { padding-left: 60px; }
	.etaj_plan_box { 
		transform: scale(0.2);
		-webkit-transform: scale(0.2);
		-o-transform: scale(0.2);
		-moz-transform: scale(0.2);	
	}
}


/*.left_nav_col .mCustomScrollBox.mCS-light-thin { height: auto !important; }*/

.doc_id_wrap { display: table; }
.doc_id_wrap a { display: table-cell; vertical-align: top; }
.doc_id_wrap span.doc_date { display: table-cell; vertical-align: middle; }


.main_block { width: 33.33% !important; }
.main_block:last-of-type { display: none; }