@import url('mr-general.css');

/* lv1*/  /* lv1 HOMES */ 

/* cities-2 */
.lv4_breadcrumbs {position: relative;}
.lv4_breadcrumbs .lv4_breadcrumbs_block { width: 100%;}
.column_center div.lv2_top { margin: 16px 0 0 18px;}
.column_center h3 { padding: 0; margin: 0 0 12px 17px; font-size: 23px; line-height: 40px; font-family: Arsenal; font-weight: 700; color: #000; font-weight: normal;}

.social-5{display: none;}

.cy2{}

ul.cy2-wrapper{ list-style-type: none; }
	ul.cy2-wrapper li{ position: relative; display: block; float: left; width: 32.26%;  padding-bottom: 32.266%;   margin:16px 0.8% 0 0.8%; 
	overflow: hidden;}
	ul.cy2-wrapper li:nth-child(3n+3){ margin-right:0px; }
	ul.cy2-wrapper li:nth-child(3n+1){ margin-left:0px; }
		a.cy2-link-block{ position: absolute; width: 100.2%; height: 100.2%; display: block;
		 background-repeat: no-repeat; 	background-size: 100%; z-index: 2;}
		/* default */
			.cy2-def-block{ position: absolute; bottom: 0px; width: 100%;  opacity: 1;-webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; }
				.cy2-city{ height: 32px; background: rgba(14,39,66, 0.8); color: #fff; font-size: 20px; line-height: 32px; font-family: 'Arsenal'; font-weight: 700; text-align: center; }
				.cy2-sell-rent-block{}
					.cy2-sell-rent-block div{ float: left; width: 50%; height: 26px; color: #fff; font-size: 14px; line-height: 26px; font-family: 'Arsenal'; font-weight: 500; text-align: center; }
						.cy2-sell-rent-block div span{ font-weight: 700; font-size: 18px; }
					.cy2-sell{ background: rgba(33,87,58, 0.8);}
					.cy2-rent{ background: rgba(12,61,113, 0.8);}
		/* hover */
			.cy2-hover-block{position: absolute;  top: 0px;  width: 100%; height: 100%; background: rgba(255,255,255, 0.9); 
				opacity: 0;  transform: translate3d(0,0px,0); transition: transform 0.35s ease 0.1s, opacity 0.5s ease 0.1s;}
				.cy2-hover-city{ padding: 8px 0 0 0; font-size: 19px; line-height: 20px; font-family: 'Arsenal'; font-weight: 700;
				 text-align: center; color: #000; }
				.cy2-hover-description{ margin: 2px 0 0 0; font-size: 12px; line-height: 13px; font-family: 'Arsenal'; font-weight: 700; color: #000; 
				text-align: center;}
				.cy2-hover-sale{ margin: 4px 0 0 0; text-align: center;}
					.cy2-hover-sale div{  font-size: 13px; line-height: 16px; color: #244b9a; font-family: 'Arsenal'; font-weight: 700;}
						.cy2-hover-sale div span{ display: block;  font-size: 20px; line-height: 20px;  color: #2964b0;}
					.cy2-hover-sale p{ font-size: 12px; line-height: 12px; color: #000; font-family: 'Arsenal'; font-weight: 700;}
				.cy2-hover-rent{ margin: 5px 0 0 0; text-align: center; }
					.cy2-hover-rent div{  font-size: 13px; line-height: 16px; color: #12a24f; font-family: 'Arsenal'; font-weight: 700;}
						.cy2-hover-rent div span{ display: block;  font-size: 20px; line-height: 20px;  color: #178a48;}
					.cy2-hover-rent p{ font-size: 12px; line-height: 12px; color: #000; font-family: 'Arsenal'; font-weight: 700;}

				.cy2-hover-price{ margin: 10px 0 0 0; font-size: 12px; line-height: 12px; color: #000; font-family: 'Arsenal'; 
				font-weight: 700; text-align: center;}
				.cy2-hover-price-ft{margin: 3px 0 0 0;}
				
				.cy2-hover-button{  opacity: 0;  position: absolute; bottom: 4px; left: 50%; right: 50%; margin: 0 0 0 -76px; height: 28px;
					width: 152px;	 padding: 0 0 0 32px; background-color: #fff; border-radius:
				 3px; z-index: 3; background-image: url(../img/cy2-search-icon.svg); background-size: 20px 20px; background-repeat: no-repeat;
				background-position: 6px 4px; font-size: 13px; line-height: 28px; color: #1b75b3;  text-decoration: none;
				font-family: 'Arsenal'; font-weight: 700;
				 /**/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box; /**/
				transition: opacity 0.5s ease 0.1s, background-color 0.4s ease 0s; }
				 	.cy2-hover-button:hover{ background-color: #2e8ccc; color: #fff; background-image: url(../img/cy2-search-icon-white.svg);}

ul.cy2-wrapper li:hover .cy2-def-block{ opacity: 0; }
ul.cy2-wrapper li:hover .cy2-hover-block{opacity: 1; -webkit-transform: translate3d(0,0px,0); transform: translate3d(0,0px,0); }
ul.cy2-wrapper li:hover .cy2-hover-button{opacity: 1; }

/*cities*/
 	.h2-cities-drop{  width: 378px;}
 	.h2-drop-block.h2-cities-drop ul li{ float: left; width: 178px; margin: 0 5px 0 5px;  }
 		.h2-drop-block.h2-cities-drop ul li:nth-child(2n+1){ margin: 0 9px 0 2px;  }
 		.h2-drop-block.h2-cities-drop ul li:nth-child(2n){ margin: 0 2px 0 9px;  }









/** MEDIA **/

@media screen and (min-width: 1366px) {
.h2-cities-drop{ width: 178px;}
 	.h2-drop-block.h2-cities-drop ul li{ float: none; width: auto; margin: 0;  }
 		.h2-drop-block.h2-cities-drop ul li:nth-child(2n+1){ margin: 0;  }
 		.h2-drop-block.h2-cities-drop ul li:nth-child(2n){ margin: 0;  }


}


@media screen and (min-width: 1232px) {
/* cities-2 */
.cy2-city{  height: 40px; font-size: 24px; line-height: 40px;}
.cy2-sell-rent-block div{  height: 30px;  font-size: 15px; line-height: 30px;}
	.cy2-sell-rent-block div span{  font-size: 19px; }
.cy2-hover-city{ padding: 14px 0 0 0; font-size: 23px; line-height: 23px;  }
.cy2-hover-description{ margin: 7px 0 0 0; font-size: 13px; line-height: 16px;}
.cy2-hover-sale{ margin: 13px 0 0 0; }
.cy2-hover-sale div{  font-size: 14px; line-height: 18px;}
	.cy2-hover-sale div span{  font-size: 24px; line-height: 24px; }
.cy2-hover-sale p{ font-size: 13px; line-height: 13px;}
.cy2-hover-rent{ margin: 12px 0 0 0; }
.cy2-hover-rent div{  font-size: 14px; line-height: 18px; }
	.cy2-hover-rent div span{ font-size: 24px; line-height: 24px;}
.cy2-hover-rent p{ font-size: 13px; line-height: 13px;}
.cy2-hover-price{ margin: 16px 0 0 0; font-size: 13px; line-height: 13px; }
	.cy2-hover-price-ft{margin: 5px 0 0 0;}
.cy2-hover-button{ bottom: 10px;   height: 32px; font-size: 14px; line-height: 32px; background-position: 6px 6px; }


}

@media screen and (max-width: 1020px) {
/* cities-2 */
ul.cy2-wrapper li{ width: 49.5%;  padding-bottom: 49.6%;  margin:12px 0 0 0;}
ul.cy2-wrapper li:nth-child(3n+3){ margin-right:0px; }
ul.cy2-wrapper li:nth-child(3n+1){ margin-left:0px; }
ul.cy2-wrapper li:nth-child(odd){ margin-right:  0.5%; }
ul.cy2-wrapper li:nth-child(even){ margin-left: 0.5%; }
.column_center h3 { margin: 0 0 0 5px; font-size: 20px;  line-height: 24px;  }

}



@media screen and (max-width: 767px), screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape)  {
/* cities-2 */
.cy2{ padding: 0 2% 0 2%; }
ul.cy2-wrapper li{ width: 32.26%; padding-bottom: 32.4%; margin:16px 0.7% 0 0.7%; }
ul.cy2-wrapper li:nth-child(odd){ margin-right:  0.7%; }
ul.cy2-wrapper li:nth-child(even){ margin-left: 0.7%; }
ul.cy2-wrapper li:nth-child(3n+3){ margin-right:0px; }
ul.cy2-wrapper li:nth-child(3n+1){ margin-left:0px; }

ul.cy2-wrapper li:hover .cy2-def-block{ opacity: 1; }
ul.cy2-wrapper li:hover .cy2-hover-block{opacity: 0; }
ul.cy2-wrapper li:hover .cy2-hover-button{opacity:0; }

}


@media screen and (max-width: 710px) {
/* cities-2 */
.cy2-city{ height: 30px; font-size: 18px; line-height: 30px; }

}


@media screen and (max-width: 620px) {
 /* cities-2 */
ul.cy2-wrapper li{ width: 49.5%;  padding-bottom: 49.6%;  margin:6px 0 0 0;}
ul.cy2-wrapper li:nth-child(3n+3){ margin-right:0px; }
ul.cy2-wrapper li:nth-child(3n+1){ margin-left:0px; }
ul.cy2-wrapper li:nth-child(odd){ margin-right:  0.5%; }
ul.cy2-wrapper li:nth-child(even){ margin-left: 0.5%; }
}


@media screen and (max-width: 450px) {
/* cities-2 */
.cy2-city{ height: 30px; font-size: 18px; line-height: 30px;  }
.cy2-sell-rent-block div{ height: 24px; font-size: 13px; line-height: 24px; }
.cy2-sell-rent-block div span{  font-size: 16px; }

}

@media screen and (max-width: 370px) {
/* cities-2 */
.cy2-city{ height: 26px; font-size: 16px; line-height: 26px;  }
.cy2-sell-rent-block div{ height: 22px; font-size: 11px; line-height: 22px; }
.cy2-sell-rent-block div span{  font-size: 14px; }
}