/*header*/
:root{
	--customHeaderHeight: 80px ;
}
/*
fff

182B3D
bbb
eee
9C867A - коричнейвый

2B4C68 - средесиний
93bce3 светлосиний
93BCE3 + 

a5e3a5
e0e3a5
e3a5a5

4ade4a
dce263
ef7474

#page-header {position:fixed; top:0; left:0;width:100%}
body {padding-top:80px}
*/
body {padding-top:var(--customHeaderHeight)}

.customheader {background: rgba(24,43,61,0.80);  z-index:52; position:fixed; top:0px; left:0; width:100%; top:0; margin-top:0; transition:.2s}
	.customheader * {transition:.2s}
	.customheader .headerWrapper {display:flex; padding:0 1.5rem}
		.customheader .logo {width:87px; height:80px; display:block; margin-right:20px; background:url(/custom/g8_white_logo.png) center/contain no-repeat}
		.customheader nav {display:flex;margin-left:auto; margin-right:20px}
			.customheader nav a {padding:0 20px; font-weight:400; font-size:16px; text-transform:uppercase; color:#fff; display:flex; align-items:center}
				.customheader nav a:hover{background:#2B4C68; color:#fff}
				.customheader nav a.active{background:#2B4C68; color:#fff}
		.customheader .headerFav {align-self:center; font-size:24px; color:#fff; position:relative; line-height:1}
			.ripple {position: relative;}
				.ink { display: block;position: absolute;background: rgb(255, 180, 180);border-radius: 100%;transform: scale(0); top:0; left:0}
				.ink.animate {animation: ripple 0.65s linear;}
				@keyframes ripple {100% {opacity: 0; transform: scale(2);}}

		
			.customheader .headerFavGet {position:absolute; top:100%; right:0; width:280px;background:#eee; max-height:0; overflow:hidden; transition:.2s; box-shadow:3px 4px 6px 0px rgb(24 43 61 / 80%);z-index:52}
				.customheader .headerFavGet p {text-align:center; color:#182B3D;    line-height: 28px;font-size: 16px;}
				.customheader .headerFavGet a {font-size: 14px;font-weight: 400;line-height: 1.2;display: block;display:flex; align-items:flex-start; margin-bottom:10px}
					.customheader .headerFavGet a:last-child {margin-bottom:0}
					.customheader .headerFavGet a:before {content:''; display:block; width:5px; height:5px; border-radius:100%; margin:7px 5px 0 0; background:#182B3D; flex-shrink:0; transition:.2s}
					.customheader .headerFavGet a:hover {color:#9C867A}
						.customheader .headerFavGet a:hover:before {background:#9C867A} 
						
			.customheader .headerFav:hover .headerFavGet {max-height:1000px;padding:20px; }
		
		.customheader .headerTel {align-self:center; font-size:24px; color:#fff !important; margin-right:20px; padding:10px 0; line-height:1}
		.customheader .headerEmail {align-self:center; font-size:24px; color:#fff !important;  margin-right:20px; padding:10px 0; line-height:1}
		.headerTips {position:relative}
			.tipsWrapper {position:absolute; top:100%; right:0; box-sizing:border-box; padding:15px 30px; font-weight:400; color:#fff; font-size:18px;background:#182B3D;  opacity:0;transform:scale(0); transition:.2s;z-index:51}
			
			.headerTips:hover .tipsWrapper{transform:scale(1); opacity:1;box-shadow:3px 4px 6px 0px rgb(156 134 122 / 53%)}

body.home, 	body.page-id-261, 	body.page-id-263 {padding-top:0}		
body.home:not(.stickyCustomHeader) .customheader {background:none; position:absolute;}
	body.home:not(.stickyCustomHeader) .customheader .logo {width:150px; height:136px; display:block; margin-right:20px; background:url(/custom/g8_white_logo.png) center/contain no-repeat}
	body.home:not(.stickyCustomHeader) .customheader nav {align-items:center}
		body.home:not(.stickyCustomHeader) .customheader nav a {color:#182B3D; font-weight:600;background: none !important;padding: 10px;margin-left: 10px;/*text-shadow: 1px 1px #fff;*/}
		body.home:not(.stickyCustomHeader) .customheader i {color:#182B3D;/*text-shadow: 1px 1px #fff;*/}

		body.home:not(.stickyCustomHeader) .customheader ._menu i,
		body.home:not(.stickyCustomHeader) .customheader ._menu:before, body.home:not(.stickyCustomHeader) .customheader ._menu:after {background:#182B3D}
.stickyCustomHeader {}	 
	body.stickyCustomHeader .customheader {background:#182B3D; border-bottom:1px solid #fff}
		body.stickyCustomHeader .customheader .logo {}
		/*body.stickyCustomHeader .customheader .headerTel, .stickyCustomHeader .customheader .headerEmail, .stickyCustomHeader .customheader .headerFav {font-size:18px; color:#fff}*/
		/*body.customheader nav a {font-size:14px; color:#fff; font-weight:300}*/
		
/*footer*/
.mainFooter {position:relative; padding:0px 0 !important}
	.mainFooter:after {content:''; display:block; height:100%;position:absolute; top:0; right:0;background: url(/custom/img/footer2.jpg) right top/cover no-repeat;width: 70%;opacity: 0.2;}
	
	.FooterText {background:#182B3D; position:relative; z-index:5; padding:70px 0}
		.FooterText h5 {font-size:16px; font-weight:bold; margin:0 0 10px 0; color:#fff}
		.FooterText h6 {color:#fff; font-size:20px; font-weight:bold; margin-bottom:0}
			.FooterText h6 a {color:#fff !important}
		.FooterText p {color:#fff}
			.FooterText p a {color:#fff !Important}
	.FooterForm {position:relative;z-index:5;padding:70px 0}

/*gmap page*/
.mapWrapper {position:relative}
	#gmap { height: 100vh; width: 100%; }
	.mapLagend {position:absolute; top:0; left:0; width:400px; display:flex; flex-direction:column; justify-content:center; height:100%; background:#fff; padding:20px}
		.mapLagend span {width:100%; border:1px solid #182B3D; display:block; margin:10px 0;padding: 10px; cursor:pointer; transition:.2s}
			.mapLagend  span i {color:#182B3D; margin-right:10px;transition:.2s}
		
		.mapLagend  span.active {background:#182B3D; color:#fff}
			.mapLagend  span.active i {color:#fff}
			
	.gm-style-iw-d {max-width:200px !important; font-size:0}
		.gmapHint {text-align:center;padding: 10px;border: 1px solid #bbb;}
			.gmapHint h3 {font-size:20px; font-weight:400}
			.gmapHint .hr {width:70%; background:#bbb; height:1px; margin:20px auto}
			.gmapHint p { font-size:16px;margin: 5px 0 0 0;}
	
/*gallery*/
.GalleryTop {padding-top: 8rem !important;    padding-bottom: 9rem !important;}
	.GalleryTop .w-text-h {margin: 0 auto;display: table;font-size: 48px;color: #fff;font-weight: bold;}
.GalleryTabs {}
	.GalleryTabs .w-tabs {}
	.GalleryTabs .w-tabs-list-h {justify-content:center}
		.GalleryTabs .w-tabs-item {padding:10px !important; height:auto !important; min-height:0 !important; border:none !important; border-bottom:2px solid transparent !important; margin:0 10px !important}
			.GalleryTabs .w-tabs-item:hover {background:none !Important;border-color:#eee !important }
			.GalleryTabs .w-tabs-item.active {border-color:#182B3D !important}
			
	.GalleryItem {position:relative}
		.GalleryItem  .w-post-elm.post_image {margin:0 !important}
		.GalleryItemLabel {position:absolute; bottom:0; right:0; background:#182B3D; color:#fff; padding:10px 20px; font-weight:600; font-size:20px;}
		
/*about project*/
.AboutProjectTop {position:relative}
	.AboutProjectTop .l-section-img {z-index:1}
	.AboutProjectTop:after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%;background: linear-gradient(to top, #182B3D 0%,  #182B3D 10%, transparent 50%, transparent 10%);z-index:2}
	.AboutProjectTop .l-section-h {position:relative;z-index:3}
		.AboutPorjectDesc {background:url(/custom/img/texture.svg), rgb(24 43 61 / 90%);padding: 30px;max-width: 700px;font-size: 16px;line-height: 1.4;font-weight: 400; color:#fff; position:relative; margin-bottom:50px}
			.AboutPorjectDesc .wpb_wrapper {position:relative}
			.AboutPorjectDesc:before {content:''; display:block; position:absolute; width:100%; height:100%; border:1px solid #fff; top:-15px; left:-15px;}
	
	.AboutPorjectInfo {border:1px solid #fff; padding:30px; position:relative; background:url(/custom/img/texture.svg)}
		.AboutPorjectInfo:before, .AboutPorjectInfo:after {content:''; display:block; position:absolute; width:30px; height:30px;top:-15px; left:-15px;border:1px solid #fff;}
			.AboutPorjectInfo:after {top:auto; left:auto; bottom:-15px; right:-15px;}
		.AboutPorjectInfo .w-iconbox {color:#fff; flex:1}
			.AboutProjectTop .w-iconbox-icon {color:#fff !important; font-size:40px !important; display:none}
			.AboutProjectTop .w-iconbox-meta {height:100%; }
				.AboutProjectTop .w-iconbox-title {font-size: 20px;line-height: 1.4;font-weight:600; color:#fff; text-align:left; }
				.AboutProjectTop .w-iconbox-text {font-size: 16px;line-height: 1.4;font-weight: 400; color:#fff; margin-top:auto;text-align:left;}
			
		.AboutProjectTop  .aboutArrow  {display:flex; align-items:center; justify-content:center; padding:3rem 0 2rem 0;}
			.AboutProjectTop  .aboutArrow  .w-iconbox-icon {display:block;    animation: 2s scroll infinite;}
		
		
.aboutProjectBlock  {display:flex; padding-left:0;height:700px; position:relative}
	.aboutProjectBlock:before {content:''; display:block; top:0; left:0; width:70%; height:100%;background:url(/custom/img/texture.svg), #182B3D;  position:absolute}
	.aboutProjectBlock  ._text {width:52%; height:100%;flex-shrink: 0; }
		.aboutProjectBlock  ._text .sliderText {height:600px;}
			.aboutProjectBlock  ._text .__item {padding:50px; color:#fff; font-size:16px;}
				.aboutProjectBlock  ._text h3 {color:#fff; font-weight:bold; font-size:30px; margin-bottom:30px}
				.aboutProjectBlock  ._text h6 {color:#fff; font-weight:bold; font-size:20px; margin-bottom:10px}
	.aboutProjectBlock  ._img {width:48%;height:100%;flex-shrink: 0; position:relative; top:60px; }
		.aboutProjectBlock  ._img:before {content:''; display:block; top:-30px; left:-30px; bottom:30px; right:30px;position:absolute; border:2px solid #fff; z-index:2}
		.aboutProjectBlock .sliderImg {height:100%;width: 100%;}	
			.aboutProjectBlock	.slick-slide {height:700px}
				.aboutProjectBlock	.slick-slide .__item {overflow:hidden}
					.aboutProjectBlock .sliderImg img {height:100%; max-width:none; transition:.2s; margin-left:-100px}
	.aboutProjectBlock .aboutProjectBlockArrow {height:100px;z-index:5; position:relative; display:flex; justify-content:center; align-items:center;}		
		.aboutProjectBlock .aboutProjectBlockArrow .slick-arrow {display:flex;align-items: center;justify-content: center;width:50px; height:50px; margin:0 10px;font-size:0;position:relative;cursor:pointer; transition:.2s; background:none}
			.aboutProjectBlock .aboutProjectBlockArrow .slick-arrow:before {content: "\f060";font-family: "fontawesome";font-weight: 300; font-size:30px; color:#fff}
				.aboutProjectBlock .aboutProjectBlockArrow .slick-arrow:hover {opacity:0.8}
				.aboutProjectBlock .aboutProjectBlockArrow .slick-next:before {content: "\f061";}
.aboutProjectBlock._reverse { flex-direction:row-reverse; margin-top:100px;}	
	.aboutProjectBlock._reverse:before {left:auto; right:0;background:url(/custom/img/texture2.svg), #9C867A; }
	
	.aboutProjectBlock._reverse  ._img { top:-60px; }
		.aboutProjectBlock._reverse  ._img:before { top:30px; left:30px; bottom:-30px; right:-30px;}


.AboutProjectBottom {margin-bottom:60px}
	.AboutProjectBottom:before {content:''; display:block; top:-60px !important; left:0 !important;max-width:80% !important; position:absolute; background:url(/custom/img/texture.svg), #182B3D !important; opacity:1 !important}
	.AboutProjectBottom:after {content:''; display:block;position:absolute; bottom:-60px !important; right:0 !important;width:80% !important; position:absolute; background:url(/custom/img/texture.svg), #182B3D !important; opacity:1 !important; height:100%; }
	.AboutProjectBottom .l-section-img {z-index:5}
	.AboutProjectBottom .l-section-h.i-cf {z-index:6}
		.AboutProjectBottom .wpb_text_column {max-width:500px; background:url(/custom/img/texture2.svg), #9C867A; color:#fff; padding:30px; position:relative}
			.AboutProjectBottom .wpb_text_column * {color:#fff !important}
			.AboutProjectBottom .wpb_text_column > .wpb_wrapper:before {content:''; display:block; position:absolute; width:100%; height:100%; border:1px solid #fff; top:-15px; left:-15px;}
		
/*home map*/
.homeTopMapBlock{position:relative; width:100%; margin-top:-30px }
	.homeTopMapBlock ._main {}
		.homeTopMapBlock ._main img {object-fit:cover;display:block; width:100%; height:100%;}
		.homeTopMapBlock ._main img._mobmi {display:none} 
	.homeTopMapBlock ._map {position:absolute; bottom:0; right:0;width:100%; height:100%;}
		.homeTopMapBlock ._map svg g {opacity:0; transition:.2s; cursor:pointer}
			.homeTopMapBlock ._map .st0{opacity:0.72;fill:#2B4C68;}
			.homeTopMapBlock ._map g:hover {opacity:1}
			
			.fmfa1 {animation:1.2s floorLoad;}
			.fmfa2 {animation:1.2s floorLoad 0.4s;}
			.fmfa3 {animation:1.2s floorLoad 0.8s;}
			.fmfa4 {animation:1.2s floorLoad 1.2s;}
			.fmfa5 {animation:1.2s floorLoad 1.6s;}
				@keyframes floorLoad {0% {opacity: 0; }50% {opacity: 1;} 100% {opacity: 0;}}
			
	.homeTopMapBlock ._compass {position:absolute; bottom:50px; right:50px;width:100px; height:100px;}
		.homeTopMapBlock ._compass img {display:block; width:100%; height:100%;}
	.homeTopMapBlock  ._scroll {position: absolute;bottom: 20px;width: 120px;left: 50%;margin-left: -60px;display: flex;align-items: center;font-size: 18px;font-weight: bold;color: #fff;line-height: 1.2; cursor:pointer}
		.homeTopMapBlock  ._scroll svg {width: 23px; margin: 0 auto;display: block;animation: 2s scroll infinite;}
			.homeTopMapBlock  ._scroll svg * {fill:#fff}
			@keyframes scroll {0% {opacity: 1;transform: translateY(0); }100% {opacity: 0;transform: translateY(8px);}}
	
	
	.homeTopMapBlock ._hint {position:absolute;}
		.homeTopMapBlock ._hint i {border-radius:100%; width:40px; height:40px;display:flex; align-items:center; justify-content:center;    border: 1px solid #fff; transition:.2s; background:url(/custom/img/hint_bg.jpg) center/cover;}

			.homeTopMapBlock ._hint:hover  i{opacity:0.8; cursor:pointer}
		.homeTopMapBlock ._hint .__content {position: absolute;white-space: nowrap;overflow: hidden;max-width:0px;top:0;left:100%; transition:.5s; transition-delay:0s !important; font-size:16px; font-weight:900 !important;color:#fff; padding:5px 0;z-index:50}
			.homeTopMapBlock ._hint:hover .__content {max-width:1000px;padding:5px 10px;}
		
			.homeTopMapBlock ._hint.num1 {bottom:15%; left:2%}
			.homeTopMapBlock ._hint.num2 {display:none}
			.homeTopMapBlock ._hint.num3 {bottom:55%; left:17%}
			.homeTopMapBlock ._hint.num4 {bottom:32%; left:17%}
			
			.homeTopMapBlock ._hint.num5 {bottom:32%; left:67%}
			.homeTopMapBlock ._hint.num6 {display:none}

			.homeTopMapBlock ._hint.num7 {bottom:30%; left:75%}
			.homeTopMapBlock ._hint.num8 {bottom:37%; right:15%}
				.homeTopMapBlock ._hint.num5 .__content,
				
				.homeTopMapBlock ._hint.num7 .__content,
				.homeTopMapBlock ._hint.num8 .__content {left:auto; right:100%}
	
	.homeTopMapBlock ._floorHint {display:block; background:url(/custom/img/texture.svg), #182B3D; position:absolute; top:48%; left:0;width:280px;display:none;box-sizing: border-box; padding:30px; font-size:14px; font-weight:400; color:#fff; text-align:center;}
		.homeTopMapBlock ._floorHint:before {content:''; display:block; position:absolute; top:10px; left:10px; right:10px; bottom:10px; border:1px solid #fff}
				.homeTopMapBlock ._floorHint hr {background:#fff; height:1px; border:none; margin:10px 15%;}
				.homeTopMapBlock ._floorHint p {margin:0; text-align:center; line-height:1.2}
				.homeTopMapBlock ._floorHint.fmf1 {top:65%}
				.homeTopMapBlock ._floorHint.fmf2 {top:55%}
				.homeTopMapBlock ._floorHint.fmf3 {top:45%}
				.homeTopMapBlock ._floorHint.fmf4 {top:35%}
				.homeTopMapBlock ._floorHint.fmf5 {top:25%}
				
	
/*home about*/
.homeInformBlock {margin-top:50px}
	.homeInformBlock ._item {display:flex; padding-left:0; padding-right:50px}
		.homeInformBlock ._item .__text {padding:30px; font-size:16px; font-weight:300;display: flex;flex-direction: column;  justify-content: center; border-right:5px solid #fff;background:url(/custom/img/sbbg1.jpg) center/cover, #182B3D; color:#fff}
			.homeInformBlock ._item .__text h3 {font-size:20px; font-weight:bold; margin-bottom:20px;color:#fff}
			.homeInformBlock ._item ul {list-style-position:inside; margin:0}
				.homeInformBlock ._item ul li {margin:0}
				
		.homeInformBlock ._item .__img {width: 700px;flex-shrink:0;height:500px; overflow:hidden; background:#182B3D}
			.homeInformBlock ._item .__img img {height:100%; max-width:none; margin-left:-70px; transition:.2s}
	
	.homeInformBlock ._item:last-child {margin-top:5px; padding-left:50px; padding-right:0; flex-direction:row-reverse}
		.homeInformBlock ._item:last-child  .__text { border-left:5px solid #fff; border-right:none;background:url(/custom/img/sbbg2.jpg) center/cover, #182B3D;}

/*home filter*/
.flatsListFilterTitle {display:flex; align-items:center;margin:50px 0 20px 0;}
	.flatsListFilterTitle ._title {font-size:34px; font-weight:300; }
	.flatsListFilterTitle ._btn {font-size:18px; font-weight:600; display:flex; align-items:center; margin-left:auto }
	.flatsListFilterTitle ._btn span {display:block; width:50px; height:50px; border:2px solid #182B3D; display:flex; align-items:center; justify-content:center; transition:.2s; cursor:pointer; border-radius:100%; margin-left:15px;}
		.flatsListFilterTitle ._btn span:hover {color:#fff; background:#182B3D}
		.flatsListFilterTitle ._btn span.rotated {transform:rotate(180deg)}
		
.flatsListFilter {display:flex; margin:0 0 30px 0}
	.flatsListFilter ._title {font-size:14px; text-align:left; font-weight:600; margin-bottom:10px}
	.flatsListFilter ._selecter {display:flex}
		.flatsListFilter  ._selecter span {display:block; width:40px; height:40px; line-height:40px; border-radius:100%; border:1px solid #182B3D; margin:0 5px 0 0; cursor:pointer; transition:.2s; font-size:14px; font-weight:600; text-align:center;}
			.flatsListFilter  ._selecter span.active {border-color:#182B3D; background:url(/custom/img/hint_bg.jpg) center/cover; color:#fff}


.flatsListFilterRooms {margin-right:25px;flex-shrink:0}
.flatsListFilterFloors {margin-right:25px;flex-shrink:0}
.flatsListFilterSide {margin-right:25px;flex-shrink:0}

.flatsListFilterSquare, .flatsListFilterPrice {flex-grow: 1;padding:0 20px}
	.flatsListFilterPrice {margin-right:20px;}
	.flatsListFilterSquare ._title, .flatsListFilterPrice ._title {margin-bottom:25px}
	.ui-slider-horizontal  {background:#bbb;height: 1px;}
		.ui-slider .ui-slider-handle {border-radius:100%; background:#182B3D; width:14px; height:14px}
	.flatsListFilterOutputs {display:flex; justify-content:space-between}
		.flatsListFilterOutputs input {    padding: 0;margin: 0;width:70px;text-align: left; margin-left: -10px; font-size:14px;}
			.flatsListFilterOutputs input:last-child {margin-left:auto; margin-right:-5px; text-align:right;}

.flatsListFilterFree {margin-left:25px;flex-shrink:0; display:flex; align-items:center; margin-bottom:20px}
	.flatsListFilterFree ._check {width:20px; height:20px; display:block; border:2px solid #182B3D;border-radius:4px;display: flex;align-items: center; justify-content: center;font-size: 13px; color:transparent; cursor:pointer; transition:.2s;margin: 0 10px 0 0;}
		.flatsListFilterFree ._check.active {background:#182B3D; color:#fff}
	.flatsListFilterFree ._title {margin-bottom:0; line-height:1.2}
	
.flatsListFilterСomm {margin-left:25px;flex-shrink:0; display:flex; align-items:center; margin-bottom:20px}
	.flatsListFilterСomm ._check {width:20px; height:20px; display:block; border:2px solid #182B3D;border-radius:4px;display: flex;align-items: center; justify-content: center;font-size: 13px; color:transparent; cursor:pointer; transition:.2s;margin: 0 10px 0 0;}
		.flatsListFilterСomm ._check.active {background:#182B3D; color:#fff}
	.flatsListFilterСomm ._title {margin-bottom:0; line-height:1.2}
		

/*home list*/
.listHeader {display:flex; align-items:center; border-bottom:2px solid #182B3D; font-size:14px; font-weight:400; }
	.listHeader span {display:block; text-align:center; line-height:1.2;padding:10px 5px 10px 14px;font-weight: 600; position:relative; display:flex; align-items:center}
			.listHeader span:after {content:"\f062";font-family: 'fontawesome';font-weight: 300;font-size: 10px;margin-left:5px;opacity:0; transition:.2s; width:9px }
		.listHeader ._spec, .flatListItem ._spec {flex-grow:1}
		.listHeader ._flatsNumber, .flatListItem ._flatsNumber  {width:100px; flex-shrink:0}
		.listHeader ._floorNumber, .flatListItem ._floorNumber  {width:100px;flex-shrink:0}
		.listHeader ._roomsCount, .flatListItem ._roomsCount  {width:100px;flex-shrink:0}
		.listHeader ._square, .flatListItem ._square  {width:100px;flex-shrink:0}
		.listHeader ._side, .flatListItem ._side  {width:100px;flex-shrink:0}
		.listHeader ._balkon, .flatListItem ._balkon  {width:100px;flex-shrink:0}
		.listHeader ._balkonsq, .flatListItem ._balkonsq  {width:150px;flex-shrink:0}
		.listHeader ._status, .flatListItem ._status  {width:100px;flex-shrink:0}
		.listHeader ._price, .flatListItem ._price  {width:100px;flex-shrink:0}
	
	.listHeader span.active:after { opacity:1}
		.listHeader span.active[data-dir='desc']:after {transform:rotate(180deg)}
	
.flatList {margin-bottom:50px}		
	.flatListItem  {display:flex; align-items:center; transition:.2s;font-size:14px; font-weight:400;border-bottom:1px solid #182B3D;}
			.flatList .flatListItem._p {background:#fbd9d9 !important; color:#193b5c !important}
			.flatListItem.__isCommercial {background:#eee}
			.flatListItem:hover {color:#fff !important; background:#182B3D;}
		.flatListItem span {padding:18px 5px;line-height:1.2;text-align:center}
			.flatListItem ._spec {text-align:left;}
			.flatListItem span strong {display:none}
		.flatListItem.notShow {max-height:0; overflow:hidden; padding:0; border:none}



/*flat page*/
.flatPage {display:flex; align-items:flex-start; padding:30px}
	.flatImg { flex-grow:1; margin-right:20px; padding:30px; background:#eee}
		.flatImg ._tools {display:flex; align-items:center; position:relative}
			.flatImg .__back {font-weight: 400;font-size: 14px;display: flex;align-items: center;line-height: 1;}
				.flatImg .__back i {color:#93BCE3; margin-right:10px}
			.flatImg ._tools .__selecter {display:flex; align-items:center; margin-left:auto}
				.flatImg ._tools .__selecter a {display:table; padding:0 7px; font-size:14px; border:1px solid #bbb; margin-left:10px; font-weight:400; border-radius:25px; line-height:1; color:#182B3D !important;height: 35px;line-height: 34px;  box-sizing: border-box;}
					.flatImg ._tools .__selecter a:hover {background:#bbb;color:#fff !important;}
					.flatImg ._tools .__selecter a.active {background:#182B3D; color:#fff !important; border-color:#182B3D}
		
		.flatImg #flatImgSlider  {padding:30px 30px 0 30px;position:relative}
			.flatImg ._slider {display:flex; overflow:hidden; position:relative; align-items:center; }
				.flatImg ._slider .__compas {position:absolute; top:0; left:0; width:100px; transition:.2s}
					.flatImg #flatImgSlider.step1 .__compas {opacity:0}
					.flatImg #flatImgSlider.step3 .__compas {opacity:0}
					.flatImg #flatImgSlider.step4 .__compas {opacity:0}
				.flatImg ._slider .__compasCommon {position:absolute; top:0; left:0; width:100px; transition:.2s}
					.flatImg #flatImgSlider.step1 .__compasCommon {opacity:0}
					.flatImg #flatImgSlider.step2 .__compasCommon {opacity:0}
					.flatImg #flatImgSlider.step4 .__compasCommon {opacity:0}
					
				.flatImg .__item {width:100%; flex-shrink:0; display:flex; transition:.5s; position:relative}
					.flatImg .__item img {display:block; max-width:100%;margin:0 auto auto auto;max-height: 420px;    object-fit: contain;object-position: center;}
						.flatImg .__item._first  img  {width:950px; max-width:100%;}
						@media (min-width:1700px)	{
							.flatImg .__item img {max-height:680px}
						}
					.flatImg .__item span {position:absolute; display:block;background:#a5e3a5; opacity:0.4;}
						.flatImg .__item span i {display:block; position:absolute;background:inherit; }
							.flatImg .__item span.__r {background:#e0e3a5}
							.flatImg .__item span.__p {background:#e3a5a5}


				 
						
				.flatImg .__item._first {margin-left:0}
					.flatImg #flatImgSlider.step1 .__item._first {margin-left:0}
					.flatImg #flatImgSlider.step2 .__item._first {margin-left:-100%}
					.flatImg #flatImgSlider.step3 .__item._first {margin-left:-200%}
						.flatImg #flatImgSlider.step3 .__item._first._comm {margin-left:-100%}
					.flatImg #flatImgSlider.step4 .__item._first {margin-left:-300%}
			
			
			
			
			
			.flatImg .__arrow {position:absolute; width:30px; height:30px; top:50%; margin-top:-15px;display: flex; align-items: center;justify-content: center;color: #93BCE3; transition:.2s; cursor:pointer }
				.flatImg .__arrow.arrowBack {left:-10px;}
				.flatImg .__arrow.arrowNext {right:-10px;}
					.flatImg .__arrow:hover {color:#182B3D}
					.flatImg #flatImgSlider.step1 .arrowBack {opacity:0}
					.flatImg #flatImgSlider.step3 .arrowNext {opacity:0}
					.flatImg #flatImgSlider.step4 .arrowNext {opacity:0}

	.mfp-figure:after {background:#fff}		
	
	.flatInfo {flex-shrink:0; width:500px; display:flex; flex-direction:column; padding-top:28px;position: sticky;top: var(--customHeaderHeight);}
		.flatInfo ._top {display:flex; align-items:center; margin-bottom:10px}
			.flatInfo ._top .__name {font-weight:600; font-size:36px; margin-right:20px}
			.flatInfo ._top .__status {margin-right:auto;background: #a5e3a5;font-weight: 400;font-size: 14px;line-height: 1;padding: 5px 10px;border-radius: 6px;}
				.flatInfo ._top .__status.__r {background:#e0e3a5}
				.flatInfo ._top .__status.__p {background:#e3a5a5}
			.flatInfo ._top .__pdf {margin-left:20px;color:#93BCE3; font-size:24px; transition:.2s}
				.flatInfo ._top .__pdf:hover {transform:scale(1.15)}
			.flatInfo ._top .__fav {margin-left:20px; cursor:pointer; transition:.2s}
				.flatInfo ._top .__fav:hover {transform:scale(1.15)}
				.flatInfo ._top .__fav:before {font-size:24px; color:#93BCE3;font-family: "fontawesome"; font-weight: 300;content: "\f005";}
				.flatInfo ._top .__fav.active:before {font-weight: 900;}
		
		
		.flatInfo ._params {display:flex;margin:30px 0}		
			.flatInfo ._params > div {flex:1; background:#eee; font-weight:400; font-size:24px; padding:15px 10px; }
			.flatInfo ._params div:nth-child(2) {margin:0 5px}
				.flatInfo ._params div span {font-size:14px; font-weight:300}
		.flatInfo ._params2 {display:flex; margin-bottom:30px }		
			.flatInfo ._params2 div:nth-child(2) {margin:0 5px}	
				.flatInfo ._params2 div:nth-child(2) a {display:flex; align-items:center}
						.flatInfo ._params2 div:nth-child(2) a span {width: calc(100% - 55px);}
						.flatInfo ._params2 div:nth-child(2) a i {transition:.2s}
						.flatInfo ._params2 div:nth-child(2) a:hover i {transform:scale(1.15)}
			.flatInfo ._params2 > div {flex:1;font-weight:400; font-size:14px;display:flex; align-items:center; line-height:1}	
				.flatInfo ._params2 i {color:#93BCE3; font-size:24px; margin-left:5px;}
		.flatInfo ._buy {display:flex; align-items:center; border-top:1px solid #bbb; border-bottom:1px solid #bbb; padding:20px 0}	
			.flatInfo ._buy .__price {font-weight:600; font-size:24px; margin-right:20px}
			.flatInfo ._buy .__toContacts {display:flex; align-items:center;font-weight:400; margin-left:auto; cursor:pointer}
				.flatInfo ._buy .__toContacts i {color:#93BCE3; font-size:20px; margin-right:15px; transition:.2s;position:relative; left:0}
				.flatInfo ._buy .__toContacts:hover i {left:125px}
		
		.flatInfo ._icons {display:flex;justify-content:center; margin-top:30px}
			.flatInfo ._icons > ._icon {width:28%; display:flex; flex-direction:column; padding:20px 10px; text-align:center; line-height:1; position:relative; transition:.2s; cursor:pointer}
				.flatInfo ._icons > ._icon:after {content:''; display:block; position:absolute; top:5px; left:5px; right:5px; bottom:5px; border:1px solid #eee;transition:.2s}
				.flatInfo ._icons i {font-size:30px; display:block; margin:0 auto 10px auto; color:#93BCE3; transition:.2s}
					.flatInfo ._icons > ._icon:hover i {transform:scale(1.15)}
				.flatInfo ._icons span {font-weight: 400; font-size: 14px;}
			
			.flatInfo ._icons > ._icon.active {background:#182B3D; color:#fff}
				.flatInfo ._icons > ._icon.active:after {border-color:#fff}
			
		.flatInfo ._toolsWrapper {}
			.flatInfo .__item { background:#182B3D; overflow:hidden; transition:.5s; max-height:0}	
				.flatInfo .__item.active {padding:20px;max-height:1000px;}
			.flatInfo ._toolsWrapper a {display:block}
				.flatInfo .__item#bank {display:flex; flex-wrap:wrap; justify-content:space-between; }
					.flatInfo .__item#bank.active  {padding:20px 20px calc(20px - 2%) 20px}
					.flatInfo .__item#bank a {width:48%; margin:0 2% 2% 0; display:block}
						.flatInfo .__item#bank a img {width:100%; height:100%; object-fit:cover;}


/*house page*/			
.housePageWrapper {display:flex; padding:30px;}
	.housePageLeft {width:270px; flex-shrink:0; margin-right:80px;display: flex;flex-direction: column;}
		.housePageLeft .__back{margin-bottom:10px}
		.housePageLeft ._facede {position:relative; margin-top:100px}
			.housePageLeft ._facede img {display:block;}
			.housePageLeft ._facede i {width:100%; position:absolute; left:0; top:0; display:block; background:#182B3D; opacity:0; transition:.2s; cursor:pointer}
					.housePageLeft ._facede i:hover {opacity:0.3}
					.housePageLeft ._facede i.active {opacity:0.5}
				.housePageLeft ._facede ._f1 {height:13%; top:70%;}
				.housePageLeft ._facede ._f2 {height:13%; top:57%;}
				.housePageLeft ._facede ._f3 {height:12%; top:45%;}
				.housePageLeft ._facede ._f4 {height:13%; top:32%;}
				.housePageLeft ._facede ._f5 {height:13%; top:19%;}
		.housePageLeft  ._facedeBtns {display:flex; align-items:center;justify-content: center; margin-top:10px}
			.housePageLeft  ._facedeBtns .__arrow {transition:.2s; cursor:pointer}
				.housePageLeft  ._facedeBtns .__arrow:hover {opacity:0.6}
			
			.housePageLeft ._btnsName {text-align:center; font-weight:400; font-size:16px}
			
			.housePageLeft  ._facedeBtns .__inner{display:flex; align-items:center; margin:0 10px; }
				.housePageLeft  ._facedeBtns .__inner i {display:block; padding:5px; font-weight:600; margin:0 3px; font-style:normal; transition:.2s; cursor:pointer}
					.housePageLeft  ._facedeBtns .__inner i:hover {opacity:0.6}
					.housePageLeft  ._facedeBtns .__inner i.active{color:#93bce3}
		.housePageLeft ._legend {display:flex; justify-content:center; flex-direction:column; align-items:center; margin-top:20px}
			.housePageLeft ._legend span {display:block; padding:0 5px; font-weight:600; color:#4ade4a}
				.housePageLeft ._legend span:nth-child(2) {color:#dce263}
				.housePageLeft ._legend span:nth-child(3) {color:#ef7474}
	.housePageRight {position:relative}
		.housePageRight ._floor {position:relative; display:none; transition:.2s }
				.housePageRight ._floor.active {display:block}
			.housePageRight ._floor img {display:block;}
			.housePageRight ._floor a {display:block; position:absolute; top:5%; left:5%; width:5%; height:5%; background:#a5e3a5; opacity:0.4; font-size:0}
					.housePageRight ._floor a i {background:inherit; display:block; position:absolute}
					.housePageRight ._floor a:hover {opacity:0.8}
				.housePageRight ._floor a.__r {background:#e0e3a5}
				.housePageRight ._floor a.__p {background:#e3a5a5}
		.housePageRight ._compas {position:absolute; bottom:-15px; right:-15px; width:120px; height:120px}
		
	
/*unit parking page*/	
.upBlocks {display:flex; align-items:flex-start; padding:30px }
	.upBlocks ._imgs {padding:30px;flex:1; margin-right: 20px; background:#eee}
		.upBlocks ._imgs  .__back {font-weight: 400;font-size: 14px;display: flex;align-items: center;line-height: 1;}
			.upBlocks ._imgs .__back i {color: #93BCE3;margin-right: 10px;}
		.upBlocks ._imgs ._list {margin:30px 0 10px 0; position:relative}
			.upBlocks ._imgs ._list img {display:block; width:100%; height:auto; }
			.upBlocks ._imgs ._list span {position:absolute; display:block;top:5%; left:5%; width:5%; height:5%; background:#a5e3a5; opacity:0.4}
				.upBlocks ._imgs ._list span.__r {background:#e0e3a5}
				.upBlocks ._imgs ._list span.__p {background:#e3a5a5}
				
		.upBlocks ._btnsName {text-align: center;font-weight: 400;font-size: 16px; margin-bottom:0}
		
		.upBlocks ._legend {display:flex; justify-content:center;margin-top:auto}
			.upBlocks ._legend span {display:block; padding:5px;margin:0 5px; font-weight:600; color:#4ade4a}
				.upBlocks ._legend span:nth-child(2) {color:#dce263}
				.upBlocks ._legend span:nth-child(3) {color:#ef7474}		
	
	.upBlocks ._table {flex-shrink: 0; width:500px}
		.upBlocks ._table ._header {display:flex; align-items:center; border-bottom:2px solid #182B3D; font-size:14px; font-weight:400; }
			.upBlocks ._table ._header span {display:block; text-align:center; line-height:1.2;padding:10px 5px 10px 5px;font-weight: 600; }
		.upBlocks ._table ._row {display: flex;align-items: center;transition: .2s;font-size: 14px;font-weight: 400;border-bottom: 1px solid #182B3D;}
			 .upBlocks ._table ._row span {padding: 18px 5px;line-height: 1.2; text-align:center}
			 
		.upBlocks ._table ._header ._name, .upBlocks ._table ._row ._name {flex-grow:1; text-align:left;}
		.upBlocks ._table ._header ._flatsNumber, .upBlocks ._table ._row ._flatsNumber  {flex-grow:1; text-align:left;}
		.upBlocks ._table ._header ._floorsNumber, .upBlocks ._table ._row ._floorsNumber  {width:90px;flex-shrink:0}
		.upBlocks ._table ._header ._sq, .upBlocks ._table ._row ._sq  {width:90px;flex-shrink:0}
		.upBlocks ._table ._header ._status, .upBlocks ._table ._row ._status  {width:100px;flex-shrink:0}
		.upBlocks ._table ._header ._price, .upBlocks ._table ._row ._price  {width:100px;flex-shrink:0}


/*
.wpb_text_column {width: 100% !important}
.vc_column-inner {overflow:hidden !important}
*/
@media (max-width:1280px)		{
/*header*/
.customheader .logo {margin-right:auto;}
.customheader .headerMenu {position: absolute;top: -100%;background:rgb(24 43 61 / 85%);width: 100%;right: 0;flex-direction: column;margin: 0;
    width: auto; transition:.5s; max-height:0; opacity:0;z-index:20;    overflow: hidden}
	.customheader .headerMenu a {padding: 10px 70px !important;color: #fff !important;font-weight: 400 !important; font-size:18px}
		.customheader nav a:hover {background:#93bce3}
		
	.ddmOpen .customheader .headerMenu {max-height:1000px; opacity:1; top:100%;padding: 50px 0;}
	
.customheader ._menu {display:flex; flex-direction:column; justify-content:space-between; align-items:flex-end;margin-left:20px; width:30px; height:35px; padding:5px 0; text-decoration:none; position:relative;z-index:70; align-self:center; cursor:pointer; overflow:hidden}	
	.customheader ._menu i {display:block; width:100%; height:3px;background:#fff;border-radius: 3px;}
		.customheader ._menu i:nth-child(2) {width:70%;}
	.customheader ._menu:before {content:''; display:block; width:100%; height:3px;background:#fff;border-radius: 3px; transition:.2s; position:absolute; top: 16px;left: 3px;transform: rotate(45deg);opacity:0;transition:.2s;}
	.customheader ._menu:after {content:''; display:block; width:100%; height:3px;background:#fff;border-radius: 3px; transition:.2s; position:absolute; top: 16px;left: 3px;transform: rotate(-45deg);opacity:0;transition:.2s; }
		

.ddmOpen .customheader ._menu i {opacity:0}
.ddmOpen .customheader ._menu:before {opacity:1}
.ddmOpen .customheader ._menu:after {opacity:1}	
		
body.home:not(.stickyCustomHeader) .customheader .logo 		{margin-right:auto;}
/*unit parking*/
.upBlocks { display:block;}
	.upBlocks ._imgs {margin:0 auto 50px auto; width:100%; max-width:600px;}
	.upBlocks ._table {width:100%}
/*flats*/
.listHeader ._balkonsq, .flatListItem ._balkonsq {display:none}
.listHeader ._balkon, .flatListItem ._balkon {display:none}

/*home*/
.homeTopMapBlock {margin-top:0}
.homeTopMapBlock ._compass {bottom: 0;right: 0;width: 70px;height: 70px;}
.homeContent  {padding-left:1.5rem !important; padding-right:1.5rem !important}
.homeInformBlock ._item .__img {width:500px; height:600px}
/*footer*/
.mainFooter  {padding-left:1.5rem !important; padding-right:1.5rem !important}
}

@media (max-width:1200px)		{
/*flats*/
.flatsListFilter {display:block}
	.flatsListFilterRooms {margin:0 0 20px 0}
	.flatsListFilterFloors {margin:0 0 20px 0}
	.flatsListFilterSide {margin:0 0 20px 0}
	.flatsListFilterPrice {margin-right:0}
		.flatsListFilter ._title {margin-bottom:0}
		.flatsListFilterSquare, .flatsListFilterPrice {padding:0 15px}
			.flatsListFilterSquare ._title, .flatsListFilterPrice ._title {margin-left:-15px}
	.flatsListFilterFree {display:flex; align-items:center;margin:0 0 20px 0;}
	.flatsListFilterСomm {display:flex; align-items:center;margin:0 0 0 0;}


/*about*/
.aboutProjectBlock {height:auto;display:block}
	.aboutProjectBlock:before {width:100%}
	.aboutProjectBlock ._text {width:100%; height:auto}
		.aboutProjectBlock .slick-slide {height:auto}
		.aboutProjectBlock ._text .sliderText {height:calc(100% - 100px)}
	.aboutProjectBlock ._img  {width:100%; height:400px; top:-2px}	
		.aboutProjectBlock .sliderImg img {height:400px; max-width: 150%;object-fit:cover}
		
.aboutProjectBlock._reverse {margin-top:30px;}	
	.aboutProjectBlock._reverse:before {left:auto; right:0;background:url(/custom/img/texture2.svg), #9C867A; }
	
	.aboutProjectBlock._reverse  ._img { top:-2px; }
		.aboutProjectBlock._reverse  ._img:before {top: -30px;left: -30px;bottom: 30px;right: 30px;}
.AboutProjectBottom:before {top:0 !important}		
}
@media (max-width:1100px)		{
/*floor*/	
.housePageWrapper {display:block;}
	.housePageLeft  {margin:0 auto 50px auto; width:100%; max-width:600px;}
	
/*flats*/
.flatPage { flex-direction: column-reverse;}
	.flatPage  .flatImg   {margin:50px auto  0 auto; width:100%; max-width:600px;}
	.flatInfo {margin:0 auto; width:100%; max-width:600px; position:static}
	
.flatImg ._slider .__compas {width:60px}
.flatImg ._slider .__compasCommon {width:60px}
}
@media (max-width:1024px)		{
/*footer*/
.mainFooter .g-cols {display:flex; flex-direction:column-reverse}
	.FooterText , .FooterForm {width:100% !important; padding:1.5rem 0 0 0 !important; margin:0 !important}
	.FooterText {text-align:center;}
		.FooterText .w-image {margin:0 auto 20px auto}

.mainFooter:after {display:none}

/*home*/
.homeInformBlock ._item {display:block; padding:0}	
	.homeInformBlock ._item .__text {border:none !important; margin-bottom:5px;}
	.homeInformBlock ._item .__img {width:100%; height:300px}
		.homeInformBlock ._item .__img img {object-fit:cover;max-width: 150%;}
		
		.homeInformBlock ._item:last-child {padding:0}	
		
._scroll {top: auto !important!;bottom:10px !important;}

}
@media (max-width:960px)		{
/*map*/
.mapLagend {position:static ;flex-direction:row; flex-wrap:wrap; justify-content:space-between; width:100%}
	.mapLagend span {width:48%}
	

/*flats*/
.listHeader ._side, .flatListItem ._side,
.listHeader ._spec, .flatListItem ._spec {display:none} 
.listHeader ._flatsNumber, .flatListItem ._flatsNumber {flex:1; text-align:left}

/*home*/
.homeTopMapWrapper  .wpb_wrapper .wpb_wrapper {overflow:hidden; overflow-x:auto}
	.homeTopMapBlock {width:960px}
	.homeTopMapBlock ._map {display:none}
	.homeTopMapBlock ._hint.num6 .__content {left: auto;right: 100%;}
	.homeTopMapBlock ._hint.num6 .__content, .homeTopMapBlock ._hint.num7 .__content, .homeTopMapBlock ._hint.num8 .__content {top: -5px;}

/*about*/
._mh {display:none}	
.AboutPorjectInfo {flex-wrap:wrap; justify-content:space-between}
	.AboutPorjectInfo .w-iconbox{width: 48% !important;flex-grow: 0;flex-shrink: 0;margin: 0 0 20px 0;flex: inherit;}
}
@media (max-width:700px)		{
/*unit parking*/
.upBlocks ._table ._header ._floorsNumber, .upBlocks ._table ._row ._floorsNumber {display:none}

/*map*/
.mapLagend span {width:100%}

/*floor*/
.housePageRight ._compas {width: 120px;height: 120px;margin: 0 auto -40px auto;position: relative; top: -40px;right: auto;left: auto;bottom: auto;}	

/*flats*/
.listHeader ._floorNumber, .flatListItem ._floorNumber {display:none}
.flatInfo ._top .__name {font-size:20px}
/*home*/
.homeTopMapBlock ._hint i {width:25px; height:25px}
.homeTopMapBlock ._compass {bottom: auto;top:0;right: 0;width: 70px;height: 70px;}

}


@media (max-width:600px)		{
/*unit parking*/
.upBlocks ._table ._header span {padding:12px 2px; font-size:12px;}
.upBlocks ._table ._row span {padding:12px 2px; font-size:12px;}

.upBlocks ._table ._header ._price, .upBlocks ._table ._row ._price {width:70px}
.upBlocks ._table ._header ._status, .upBlocks ._table ._row ._status {width:70px}
.upBlocks ._table ._header ._sq, .upBlocks ._table ._row ._sq {width:55px;}
.upBlocks ._table ._header ._flatsNumber, .upBlocks ._table ._row ._flatsNumber {width:40px}
	
.upBlocks ._imgs {padding:20px 10px}
	.upBlocks ._imgs ._list {margin-top:20px}
	.upBlocks ._btnsName {margin-bottom:30px}
	.upBlocks ._legend {display:block}
		.upBlocks ._legend span {display:table; margin:10px auto 0 auto;    padding: 0;line-height: 1;}

/*floor*/
.housePageWrapper {padding:20px}
.housePageLeft ._legend {display:block}
	.housePageLeft ._legend span {display:table; margin:10px auto 0 auto;    padding: 0;line-height: 1;}
	
/*galler*/
.GalleryTabs .w-tabs.accordion>div>.w-tabs-section {border:none !important; border-bottom:1px solid !important}
	.GalleryTabs .w-tabs.accordion>div>.w-tabs-section button {padding-left:5px; padding-right:5px}	
	
/*flats*/
.listHeader span {padding:12px 2px; font-size:10px;display: block;} 
	.listHeader span:after {display:block; margin:0 auto}
.listBody span {padding:12px 2px; font-size:10px;} 

.listHeader ._roomsCount, .flatListItem ._roomsCount {width:80px}
.listHeader ._square, .flatListItem ._square {width:70px}
.listHeader ._status, .flatListItem ._status {width:80px}
.listHeader ._price, .flatListItem ._price {width:80px}

.flatsListFilterTitle ._btn  {font-size:16px}
.flatsListFilterTitle ._btn span {width:35px; height:35px; transform: rotate(180deg);}
	.flatsListFilterTitle ._btn span.rotated {transform: rotate(0deg);}
.flatsListFilter {display:none}

.flatPage .flatImg {padding:15px; margin-top:30px}
	.flatImg ._tools {display:block}
		.flatImg ._tools .__selecter {margin:15px 0 0 0}
			.flatImg ._tools .__selecter a {margin:0 5px 0 0;    height: 28px; line-height: 27px;padding: 0px 5px;font-size: 12px;}
	.flatImg ._slider .__compas {width:40px} 
	.flatImg ._slider .__compasCommon {width:40px}
.flatInfo {padding-top:0}
	.flatInfo ._params {margin:0 0 10px 0}
		.flatInfo ._params > div {font-size:20px;text-align: center;display: flex;flex-direction: column;align-items: center; justify-content: center;line-height: 1.2;}
			.flatInfo ._params div:nth-child(2) {margin:0 5px}
	.flatInfo ._params2  {margin:0 0 10px 0}
		.flatInfo ._params2 div:nth-child(2) {margin:15px 0}
			.flatInfo ._params2 div:nth-child(2) a span {width:auto;}
		.flatInfo ._params2 div:nth-child(3) {display:none}	
	.flatInfo ._buy {padding:10px 0}
		.flatInfo ._buy .__price {font-size:20px}
	.flatInfo ._icons  {margin:10px -5px 0 -5px}
		.flatInfo ._icons > ._icon {padding:15px 7px; width:33%}
			.flatInfo ._icons i {font-size:24px}
			.flatInfo ._icons > ._icon  span {font-size:12px}
	.flatInfo .__item#bank a {width:100%; margin:0 0 10px 0}

.wpb_row.flatsPageList {padding-top:0 !important}

/*home*/
/*
body.home:not(.stickyCustomHeader) .customheader {position:relative;    background: rgba(24, 43, 61, 0.80);color: #fff;}
	body.home:not(.stickyCustomHeader) .customheader i {color: #fff;}
	body.home:not(.stickyCustomHeader) .customheader ._menu i, body.home:not(.stickyCustomHeader) .customheader ._menu:before, body.home:not(.stickyCustomHeader) .customheader ._menu:after {background: #fff;}
*/
.homeTopMapBlock {width:100%}
	.homeTopMapBlock ._main img._mobmi {display:block;max-height:350px}  
	.homeTopMapBlock ._main img._pcmi {display:none} 
	.homeTopMapBlock ._hint i {width: 15px;height: 15px;}	
	/*	.homeTopMapBlock ._hint.num1, 
		.homeTopMapBlock ._hint.num2 {display:none}
		.homeTopMapBlock ._hint.num3 {bottom: 18%;left: 0%;}
		.homeTopMapBlock ._hint.num4 {bottom: 12%;left: 8%;}
		.homeTopMapBlock ._hint.num5 {bottom: 17%;left: 68%;}

		.homeTopMapBlock ._hint.num6 {top: 39%;left: 90%;}
		.homeTopMapBlock ._hint.num7 {bottom: 13%;left: 90%;}
		.homeTopMapBlock ._hint.num8 {display:none}*/
.homeTopMapBlock ._scroll 	{width: 80px; margin-left: -40px; font-size:12px; top: auto !important;bottom:10px !important;}	
	.homeTopMapBlock ._scroll svg {width:15px}

.homeTopMapBlock ._hint {display:none !important}
	
	.homeTopMapBlock ._hint .__content {transform:scale(0); opacity:0; max-width: 200px;padding: 5px 10px;white-space: normal;font-size: 12px;
    line-height: 1.1;width: 200px; background:#eee; color:var(--color-content-text); font-weight:400 !important; margin:0 5px}
		.homeTopMapBlock ._hint:hover .__content {transform:scale(1); opacity:1;}
		

.homeInformBlock ._item .__img {height:220px} 

.homeContentCol > .vc_column-inner > .wpb_wrapper {display:flex; flex-direction:column-reverse}
	.homeInformBlock {margin:0 auto 50px auto}
	
/*header*/
body.home:not(.stickyCustomHeader) .customheader .logo {width:87px; height:80px}

/*about*/
.AboutPorjectInfo .w-iconbox {width:100% !important}
.aboutProjectBlock ._img {height:220px} 
	.aboutProjectBlock .sliderImg img {height:220px} 

}

@media (max-width:450px)		{
/*all*/
.g-cols.via_flex.type_default>div>.vc_column-inner {padding-left:10px; padding-right:10px}

/*header*/
.customheader .headerWrapper  {padding-left:10px; padding-right:10px}

.tipsWrapper {right:-50px}

.customheader .headerFavGet {right:-50px}
/*unit parking*/
.exPageSubsText {max-width:280px}

.upBlocks ._table ._header span {font-size:10px;}
.upBlocks ._table ._row span {font-size:10px;}


/*floor*/
.housePageRight ._compas {margin: 0 auto -20px auto;top: -20px;}	
.listHeader ._roomsCount, .flatListItem ._roomsCount .listHeader ._roomsCount, .flatListItem ._roomsCount { width: 60px;}
.listHeader ._square, .flatListItem ._square{ width: 60px;}
.listHeader span { font-size:9px;} 
.listBody span {font-size:9px;} 

/*home*/
.homeTopMapWrapper .vc_column-inner {padding-left:1.5rem !important; padding-right:1.5rem !important}
	.homeTopMapBlock ._main img._mobmi {display:block;max-height:300px}  
/*gallery*/
.GalleryTop .w-text-h {font-size:36px}
.GalleryTabs .w-tabs.accordion>div>.w-tabs-section {max-width:80%; margin:0 auto}
}

@media (max-width:370px)		{
/*flats*/
.listHeader ._roomsCount, .flatListItem ._roomsCount {display:none}
.flatListItem span strong {display:block; font-weight:400}

}


/* object Tooltips */ 
#objectTooltip {position: absolute;padding:20px 10px 20px 10px;background-color:#fff;white-space: nowrap;pointer-events: none;opacity: 0;transition:  left .2s linear, top .2s linear, opacity 0.3s ease-in-out,  transform 0.3s ease-in-out; transform:scale(0); width:260px; box-sizing:border-box; display:flex; align-items:center; flex-wrap:wrap; line-height:1.2}
	#objectTooltip .top {width:100%; text-align:center; font-weight:bold; font-size:15px}
	#objectTooltip  .topleft {width:50%; text-align:center; font-size:30px; font-weight:400}
	#objectTooltip  .topright {width:50%; text-align:center; font-size:18px; font-weight:400}
		#objectTooltip  .topright sup {top: -0.5em; position:relative}
	#objectTooltip  .bottom {width:100%; margin-top:10px; padding-top:10px; text-align:center; border-top:1px solid #DFDFE1; font-size:18px; font-weight:400}
	#objectTooltip  .status {position:absolute; top:0; left:-10px; transform:translate(0, -50%); background:#a5e3a5; font-size:12px; padding:5px 10px; line-height:1; }
		#objectTooltip  .status:after{display:block; content:'';border: 5px solid transparent; border-top: 5px solid #5ace5a; border-right: 5px solid #5ace5a; width:0px; height:0px; position:absolute; top:100%; left:0}
		
		#objectTooltip  .status.__r {background:#e0e3a5}
			#objectTooltip  .status.__r:after{border-top: 5px solid #bfc456; border-right: 5px solid #bfc456; }
		#objectTooltip  .status.__p {background:#e3a5a5}
			#objectTooltip  .status.__p:after{border-top: 5px solid #d97a7a; border-right: 5px solid #d97a7a; }
		
		
/*parking*/	
@media (min-width:1280px)	{
	.parkingtListWrapper {overflow: hidden;margin: 30px 0 10px 0;}
		.parkingtListWrapper ._list {margin:-80px 0 -60px 0   !important}
}
@media (min-width:1400px)	{
.parkingtListWrapper ._list {margin:-90px 0 -70px 0   !important}
}
@media (min-width:1500px)	{
.parkingtListWrapper ._list {margin:-100px 0 -80px 0   !important}
}
@media (min-width:1600px)	{
.parkingtListWrapper ._list {margin:-110px 0 -90px 0   !important}
}	
@media (min-width:1800px)	{
.parkingtListWrapper ._list {margin:-120px 0 -100px 0   !important}
}		
		
.upBlocks ._imgs {position:relative}
	.upBlocks ._imgs .unitTabs {display:table; margin:50px auto 10px auto; position: relative;}
		.upBlocks ._imgs ._list.unitTabs img {max-height:400px}
		@media (min-width:1700px)	{.upBlocks ._imgs ._list.unitTabs img {max-height:750px}}				
	.upBlocks ._imgs .tabsBtn {display:flex; align-items:center; margin-left:auto;position: absolute;top:20px;right: 20px;}
		.upBlocks ._imgs .tabsBtn span {    font-size: 14px; font-weight: bold; display:block; margin-right:10px}
		.upBlocks ._imgs .tabsBtn strong {display:table; padding:0 7px; font-size:14px; border:1px solid #bbb; margin-left:10px; font-weight:400; border-radius:25px; line-height:1; color:#182B3D !important;height: 35px;line-height: 34px;  box-sizing: border-box; transition:.2s; cursor:pointer}
			.upBlocks ._imgs .tabsBtn strong:hover {background:#bbb;color:#fff !important;}
			.upBlocks ._imgs .tabsBtn strong.active {background:#182B3D; color:#fff !important; border-color:#182B3D}
		
.unitTabs._list .objectTooltipTarget.floor1 {display:none}

@media (max-width:600px)		{
.upBlocks ._imgs .tabsBtn {max-height:470px; width:auto;position:static; margin:10px auto; flex-wrap:wrap;justify-content: center;text-align: center; gap: 10px;}
	.upBlocks ._imgs .tabsBtn span {width:100%; margin:0 0}
	.upBlocks ._imgs .tabsBtn strong {margin:0 }
.upBlocks ._imgs ._list.unitTabs {margin-top:0 !important}
}