/* Start:/local/templates/moscowhome/resources/css/project.css?176835169812625*/
@charset "UTF-8";

article > div > span.project.button.active {
	display : block !important;
	width : 12%;
	min-width : 180px;
	margin : 0 auto;
	}

article > div > div.location {
	padding : 0 0 20px 0;
	text-align : center;
	font-weight : 500;
	}
	
article > div > div.location > span { white-space : nowrap; }

article > div > ul,
article > div > ul > li.description > div > ul {
	display : flex;
    flex-wrap : wrap;
    width : 100%;
    padding : 0;
    list-style : none;	
	}

article > div > ul { margin-bottom : 20px; }
article > div > ul > li.description > div > ul { margin : 0; }
	
article > div > ul > li.gallery > ul {
	position : relative;
	display : flex;
    margin : 0;
    padding : 0;
    list-style : none;		
	}
	
article > div > ul > li.gallery > ul > li {
	display : none;
	position : relative;
	padding : 10px 10px 0 0; 
	}
	
article > div > ul > li.gallery > ul > li > a > div {
	position : absolute;
	top : 0;
	bottom : 0;
	right : 0;
	left : 0;
	z-index : 10;
	background-color : rgba(0, 0, 0 ,0.25);
	color : rgba(255, 255, 255 ,1);
	transition : all 0.25s ease;
	}
	
article > div > ul > li.gallery > ul > li > a:hover > div { background-color : rgba(0, 0, 0 ,0.5); }

article > div > ul > li.gallery > ul > li > a::before,
article > div > ul > li.gallery > ul > li > a::after {
	position: absolute;
    left : 0;
    right : 0;
    transition : all 0.25s ease;
	}
	
article > div > ul > li.gallery > ul > li > a::before {
    top: 0;
    bottom: 0;
    z-index : 10; 
    background-color : rgba(0, 0, 0 ,0);
    content : ''; 
	}
	
article > div > ul > li.gallery > ul > li > a::after {
    top : calc(50% - 10px);
    z-index : 20;
    color : rgba(255, 255, 255 ,1);
    opacity : 0;
    font : normal 20px/20px 'moscowhome', Arial, Tahoma, Verdana, sans-serif;
    text-align : center;
    content : '\e986';
    }
    
article > div > ul > li.gallery > ul > li > a:hover::before { background-color : rgba(0, 0, 0 ,0.5); }
article > div > ul > li.gallery > ul > li > a:hover::after { opacity : 1; }
	
article > div > ul > li.gallery > ul > li > a > div > span {
	position : absolute;
	top : calc(50% - 15px);
	right : 0;
	left : 0;
	z-index : 20;
	font : 500 30px/30px 'GothamPro', Arial, Tahoma, Verdana, sans-serif;
	text-align : center;
	}
	
article > div > ul > li.gallery > ul > li > a {
	display : block;
	position : relative;
	width : 100%;
	height: 100%;
	}

	article > div > ul > li.gallery > a > img {
		width : 100%;
	}
	
article > div > ul > li.gallery > img,
article > div > ul > li.gallery > ul > li > a > img {
	display : block;
	width : 100%;
	height : auto;

	}
article > div > ul > li.gallery > ul > li > a > img{
	height: 100%;
}
article > div > ul > li.params { 
	background-color : rgba(136, 34, 37, 1);
	color : rgba(255, 255, 255, 1);
	text-align : center;
	}
	
article > div > ul > li.params > ul {
	display : flex;
	justify-content : space-between;
	width : 100%;
    margin : 0;
    padding : 0;
    list-style : none;	
	}
	
article > div > ul > li.params > ul > li {
	position : relative;
	min-height : 40px;
	min-width : 40px;
	/* color : rgba(237, 157, 169, 1); */
	color : rgba(255, 255, 255, 1);
	text-transform : uppercase;
	text-align : center;
	/* white-space : nowrap; */
	}

article > div > ul > li.params > ul > li:first-child,
article > div > ul > li.params > ul > li > strong { color : rgba(255, 255, 255, 1) !important; }
	
article > div > ul > li.params > ul > li > strong {
	text-transform : lowercase;
	/*white-space : nowrap;*/
font: 500 15px/15px 'GothamPro', Arial, Tahoma, Verdana, sans-serif !important;
	}
	
article > div > ul > li.params > ul > li.dash::before { position : absolute; }
article > div > ul > li.description { background-color : rgba(246, 246, 246, 1); }
article > div > ul > li.description > h3 { text-align : left !important; }

article > div > ul > li.description > ul {
	margin : 0;
	padding : 0;
	list-style : none;
	}
	
article > div > ul > li.description > ul > li {
	position : relative;
	width : 100%;
	padding-left : 20px;
	padding-bottom : 10px;
	}
	
article > div > ul > li.description > ul > li::before {
	display : block;
	position : absolute;
	top : 10px;
	left : 0;
	z-index : 10;	
	width : 5px;
	height : 5px;
	background-color : rgba(136, 34, 37, 1);
	border-radius : 50%;
    content : '';
   	}
   	
article > div > ul > li.description > div {
	margin : 10px 0;
	padding-top : 20px;
	border-top : solid 1px rgba(208, 208, 208, 1);
	}
	
article > div > ul > li.description > div > ul > li {
	position : relative;
	min-width : 190px;
	padding-left : 30px;
	padding-right : 30px;
	margin-bottom : 10px;
	margin-top : 10px;
	font : 400 14px/18px 'GothamPro', Arial, Tahoma, Verdana, sans-serif; 
	}
	
article > div > ul > li.description > div > ul > li > strong { 
	font : 500 14px/20px 'GothamPro', Arial, Tahoma, Verdana, sans-serif; 
	text-transform : uppercase; 
	}
	
article > div > ul > li.description > div > ul > li::before {
	position : absolute;
	top : 0;
	left : 0;
	z-index : 10;
	color : rgba(208, 208, 208, 1);
    font : normal 20px/20px 'moscowhome', Arial, Tahoma, Verdana, sans-serif;
	}
	
article > div > ul > li.description > div > ul > li.style::before { content : '\e924'; }
article > div > ul > li.description > div > ul > li.designer::before { content : '\e925'; }
article > div > ul > li.description > div > ul > li.architect::before { content : '\e922'; }
article > div > ul > li.description > div > a.button { margin : 10px 10px 10px 0 !important; }

div.container > footer > div.similar {
	position : relative;
	padding-top : 40px;
	padding-bottom : 40px;
	background-color : rgba(246, 246, 246, 1);
	overflow : hidden;
	}
	
div.container > footer > div.similar > span {
	display : block;
	width : 100%;
	margin : 0 0 20px 0;
	font: 500 30px/30px 'GothamPro', Arial, Tahoma, Verdana, sans-serif;
	text-align : center;
	}
	
div.container > footer > div.similar > ul {
	position : relative;
	display : flex;
	width : 100%;
	padding : 0;
    margin : 0;
    list-style : none;
	}
	
div.container > footer > div.similar > ul > li { 
	padding : 10px;
	}
	
div.container > footer > div.similar > ul > li > a,
div.container > footer > div.similar > ul > li > a > img,
div.container > footer > div.similar > ul > li > a > div > strong,
div.container > footer > div.similar > ul > li > a > div > span { display : block; }

div.container > footer > div.similar > ul > li > a > img {
	width : 100%;
	height : auto;
	}
	
div.container > footer > div.similar > ul > li > a {
	position : relative;
	top : 0;
	left : 0;
	z-index : 10;
	width : 100%;
	height : 100%;
	background : rgba(255, 255, 255, 1);
	color : rgba(55, 55, 55, 1);
	font : 500 14px/20px 'GothamPro', Arial, Tahoma, Verdana, sans-serif;
	box-shadow : 0 0 2px rgba(0, 0, 0, 0.25);
	transition : all 0.15s ease;
	}
	
div.container > footer > div.similar > ul > li > a:hover {
	top : -2px;
	box-shadow : 0 0 20px rgba(0, 0, 0, 0.25);
	}
	
div.container > footer > div.similar > ul > li > a > div { padding : 25px; }

div.container > footer > div.similar > ul > li > a > div > span { 
	font-weight : 400 !important; 
	color : rgba(153, 153, 153, 1) !important;
	}

@media only screen and (min-width : 1081px) {
	article > div > div.location > span { 
		position : relative;
		padding : 0 10px; 
		}
	
	article > div > div.location > span:nth-child(2)::before {
		position : absolute;
		left : -5px;
		top : 0;
		z-index : 10;
		content : '|';
		}

	article > div > ul > li.gallery > ul { width : 100%; }
	article > div > ul > li.gallery > ul > li { width : 25%; }
	article > div > ul > li.gallery > ul > li:nth-child(1),
	article > div > ul > li.gallery > ul > li:nth-child(2),
	article > div > ul > li.gallery > ul > li:nth-child(3),
	article > div > ul > li.gallery > ul > li:nth-child(4) { display : block; }
	article > div > ul > li.gallery > ul > li:nth-child(4) > a::before,
	article > div > ul > li.gallery > ul > li:nth-child(4) > a::after,
	article > div > ul > li.gallery > ul > li:nth-child(2) > a > div { display : none; }

	article > div > ul > li.description,
	article > div > ul > li.gallery { width : 44%; }
	article > div > ul > li.description { padding : 20px 40px; }
		
	article > div > ul > li.params { 
		width : 12% !important;
		padding : 20px 10px;
		}
		
	article > div > ul > li.params > ul { flex-wrap : wrap; }
		
	article > div > ul > li.params > ul > li { 
		width : 100%;
		padding : 10px 0; 
		font : 400 11px/24px 'GothamPro', Arial, Tahoma, Verdana, sans-serif;
		}
		
	article > div > ul > li.params > ul > li > strong { font : 500 20px/20px 'GothamPro', Arial, Tahoma, Verdana, sans-serif; }
	
	article > div > ul > li.params > ul > li.dash::before {
		height : 100%;
		width : 4px;
		left : calc(50% - 2px);
		top : 0;
		content : '';
		background-color : rgba(255, 255, 255, 1);
		}
		
	article > div > ul > li.description > div > ul > li { width : 50%; }
	
	div.container > footer > div.similar > ul > li { 
		min-width : 360px;
		max-width : 360px;
		}
	
	div.container > footer > div.similar > ul > li:first-child { margin-left : 50px; } 
	div.container > footer > div.similar > ul > li:last-child { margin-right : 50px; } 	
	}
	
@media only screen and (min-width : 721px) and (max-width : 1080px) {
	article > div > div.location > span { 
		position : relative;
		padding : 0 10px; 
		}
	
	article > div > div.location > span:nth-child(2)::before {
		position : absolute;
		left : -5px;
		top : 0;
		z-index : 10;
		content : '|';
		}
	
	article > div > ul > li.gallery > ul { width : calc(100% + 10px); }
	article > div > ul > li.gallery > ul > li { width : 25%; }
	article > div > ul > li.gallery > ul > li:nth-child(1),
	article > div > ul > li.gallery > ul > li:nth-child(2),
	article > div > ul > li.gallery > ul > li:nth-child(3),
	article > div > ul > li.gallery > ul > li:nth-child(4) { display : block; }
	article > div > ul > li.gallery > ul > li:nth-child(4) > a::before,
	article > div > ul > li.gallery > ul > li:nth-child(4) > a::after,
	article > div > ul > li.gallery > ul > li:nth-child(2) > a > div { display : none; }

	article > div > ul > li { width : 100%; }
	article > div > ul > li.description { padding : 20px 40px; }
	
	article > div > ul > li.params > ul > li,
	article > div > ul > li.params {
		padding : 20px; 
		font : 400 12px/22px 'GothamPro', Arial, Tahoma, Verdana, sans-serif;
		}
		
	article > div > ul > li.params { margin : 10px 0; }	
	article > div > ul > li.params > ul > li > strong { font : 500 15px/15px 'GothamPro', Arial, Tahoma, Verdana, sans-serif; }
		
	article > div > ul > li.params > ul > li.dash::before {
		height : 4px;
		width : 100%;
		top : calc(50% - 2px);
		left : 0;
		content : '';
		background-color : rgba(255, 255, 255, 1);
		}
		
	div.container > footer > div.similar > ul > li { 
		min-width : 320px;
		max-width : 320px;
		}
	
	div.container > footer > div.similar > ul > li:first-child { margin-left : 40px; } 
	div.container > footer > div.similar > ul > li:last-child { margin-right : 40px; } 
	}
	
@media only screen and (max-width : 720px) {
	article > div > div.location > span { display : block; }
	article > div > ul > li.gallery > ul { width : calc(100% + 10px); }
	article > div > ul > li.gallery > ul > li { width : 50%; }
	article > div > ul > li.gallery > ul > li:nth-child(1),
	article > div > ul > li.gallery > ul > li:nth-child(2) { display : block; }
	article > div > ul > li.gallery > ul > li:nth-child(2) > a::before,
	article > div > ul > li.gallery > ul > li:nth-child(2) > a::after { display : none; }
	
	article > div > ul > li { width : 100%; }
	article > div > ul > li.description { padding : 20px 20px 0 20px; }
		
	article > div > ul > li.params {
		width : 100%;
		padding : 10px 0;
		margin : 10px 0;
		}
		
	article > div > ul > li.params > ul { flex-wrap : wrap; }
		
	article > div > ul > li.params > ul > li { 
		width : 100%;
		padding : 10px 0; 
		font : 400 14px/24px 'GothamPro', Arial, Tahoma, Verdana, sans-serif;
		}
		
	article > div > ul > li.params > ul > li > strong { font : 500 15px/15px 'GothamPro', Arial, Tahoma, Verdana, sans-serif; }
	
	article > div > ul > li.params > ul > li.dash::before {
		height : 100%;
		width : 4px;
		left : calc(50% - 2px);
		top : 0;
		content : '';
		background-color : rgba(255, 255, 255, 1);
		}
		
	article > div > ul > li.description > div > ul > li { width : 50%; }
	
	div.container > footer > div.similar > ul > li { 
		min-width : 280px;
		max-width : 280px;
		}
	
	div.container > footer > div.similar > ul > li:first-child { margin-left : 10px; } 
	div.container > footer > div.similar > ul > li:last-child { margin-right : 10px; } 
	}
/* End */


/* Start:/local/templates/moscowhome/resources/lightbox/lightbox.css?17683516981817*/
@charset "UTF-8";body:after{content:url('/local/templates/moscowhome/resources/lightbox/close.png') url('/local/templates/moscowhome/resources/lightbox/loading.gif') url('/local/templates/moscowhome/resources/lightbox/prev.png') url('/local/templates/moscowhome/resources/lightbox/next.png');display:none}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background:#000;opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;text-align:center;line-height:0;font-weight:normal}.lightbox .lb-image{display:block;height:auto}.lightbox a img{border:0}.lb-outerContainer{position:relative;background:#fff;width:250px;height:250px;margin:0 auto}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url('/local/templates/moscowhome/resources/lightbox/loading.gif') no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0}.lb-prev,.lb-next{width:49%;height:100%;cursor:pointer;display:block}.lb-prev{left:0;float:left}.lb-prev:hover{background:url('/local/templates/moscowhome/resources/lightbox/prev.png') left 48% no-repeat}.lb-next{right:0;float:right}.lb-next:hover{background:url('/local/templates/moscowhome/resources/lightbox/next.png') right 48% no-repeat}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#bbb}.lb-data .lb-details{width:85%;padding:10px 0;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font:400 14px/18px 'GothamPro',Arial,Tahoma,Verdana,sans-serif;color:#fff}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font:100 12px/16px 'GothamPro',Arial,Tahoma,Verdana,sans-serif;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;margin-top:10px;background:url('/local/templates/moscowhome/resources/lightbox/close.png') top right no-repeat;text-align:right;outline:0;opacity:.7}.lb-data .lb-close:hover{cursor:pointer;opacity:1}
/* End */


/* Start:/local/templates/moscowhome/components/bitrix/news/projects/bitrix/news.detail/.default/style.css?1768351698155*/
div.news-detail
{
	word-wrap: break-word;
}
div.news-detail img.detail_picture
{
	float:left;
	margin:0 8px 6px 1px;
}
.news-date-time
{
	color:#486DAA;
}

/* End */
/* /local/templates/moscowhome/resources/css/project.css?176835169812625 */
/* /local/templates/moscowhome/resources/lightbox/lightbox.css?17683516981817 */
/* /local/templates/moscowhome/components/bitrix/news/projects/bitrix/news.detail/.default/style.css?1768351698155 */