@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic&subset=latin,cyrillic-ext,cyrillic');
@import url('https://fonts.googleapis.com/css?family=Arsenal:400,700&subset=latin,cyrillic-ext,cyrillic');

@font-face {
font-family: 'HelveticaNeueLTCyr-67-MC';
src: url("/templates/mycccp_temp/fonts/HelveticaNeueLTCyr-67-MediumCondenced.eot");
src: url("/templates/mycccp_temp/fonts/HelveticaNeueLTCyr-67-MediumCondenced?#iefix") format("embedded-opentype"),
url("/templates/mycccp_temp/fonts/HelveticaNeueLTCyr-67-MediumCondenced.woff") format("woff"),
url("/templates/mycccp_temp/fonts/HelveticaNeueLTCyr-67-MediumCondenced.woff2") format("woff2"),
url("/templates/mycccp_temp/fonts/HelveticaNeueLTCyr-67-MediumCondenced.ttf") format("truetype");
font-weight: normal;
font-style: normal;}

/***************  contact window lv3 modal *********************/
/*.c-modal{ position: absolute!important; z-index: 1500; left: 0; right: 0;  margin: 100px auto 0;}

.c3-window{ width: 953px; min-height: 150px; border-radius: 5px; position: relative; padding: 18px 18px 25px 18px; background: white; 
 text-align: center; }
 */
.clear{ clear: both; }



html{border-radius: 5px;}
body{ margin: 0px; padding: 18px 18px 25px 18px;  font-family: 'PT Sans', sans-serif; border-radius: 5px; }

  .c3-title-block{  /*min-height: 46px;*/  padding: 0 0 0 0px; text-align: left; }
		.c3-title-block-logo{ float: left; width: 62px; height: 46px;  }
			.c3-title-block-logo img{max-width: 100%; height: auto;}
		.c3-title-block-text{ float: left; margin: 0 0 0 12px; }
			.c3-title-block h2{ padding: 0 0 0 0; margin: 0 0 0 0; color: #048ebc; font-size: 20px; line-height: 20px; font-family: 'Arsenal'; 
		 		text-transform: uppercase;}
			.c3-title-block p{ margin: 4px 0 0 0; color: #093463; font-size: 14px; line-height: 14px; }

	.c3-close { position: absolute; top: 15px; right: 20px; display: block;  width: 22px; height: 22px; 
	background-size: 22px 22px;  background-image: url(../img/mc-close-icon-blue.png); cursor: pointer; pointer-events:auto ;
	 background-repeat: no-repeat; background-position: center; }
	.c3-close:hover{top: 14px; right: 19px; width: 24px; height: 24px;  background-size: 24px 24px; }
	.c3-content{}

.c3-window{}
	.c3-col{ float: left;  text-align: left; margin: 18px 0 0 0; 
	/**/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box; /**/}
	.c3-col-1{ width: 35%; background:none; margin: 18px 0 0 0; padding: 0 1% 0 1.7%; }
	.c3-col-2{ width: 34%; padding: 0 1% 0 1%; }
	.c3-col-3{ width: 31%; }

	.c3-col-2 .c4-input-block{  padding: 0 0 5px 0;  }
	.c4-send-block {width: 100%;}
	.c3-col-2 .c4-send-block .c4-kaptcha{ margin: 3px 0 0 0; }
	.c3-col-2 .c4-send-block button{  display: block; margin: 11px 0 0 0; width: 100%; max-width: 100%; height: 36px; border-radius: 3px;
background-color: #ff8a00; color: #fff; border: none; font-family: 'Arsenal'; font-size: 13px; text-transform: uppercase;
font-weight: bold; background-image: none;}

	.c3-window .c4-input-block textarea {  height: 133px;}

	.c3-building{ }
		.c3-building-grey{background-color: #f3f4f4;  padding: 8px 8px 8px 8px; }
		.c3-title{ display: block; color: #0b4079; font-size: 16px; line-height: 18px; margin: 0 0 0 0; padding: 0 0 0 0; text-decoration: none;		 }
		.c3-building p{ margin: 2px 0 0 0; font-size: 12px; line-height: 12px; font-style: italic; color: #454545; font-weight: bold; }
		.c3-image{ position: relative; display: block;  margin: 6px 0 0 0; }
		.c3-image img{ max-width: 100%; height: auto; }
			.c3-rating {position: absolute; top: 7px; right: 6px; }
/**/.tr-rating-image-icon {  position: absolute;  top: 10px;  right: 9px;  width: 40px;  height: 36px;  padding: 2px 0 0 0;  border-radius: 100%;
    background-color: #1c3d62;  color: #eee2ba;  font-size: 19px;  line-height: 19px;  font-family: 'Arsenal';  font-weight: 700;
      text-decoration: none;  text-align: center; cursor: default;}
      	.tr-rating-image-icon span{ display: block; font-size: 9px; line-height: 9px; text-transform: uppercase; }
    .rt-101best-image-icon {  position: absolute; top: 56px; right: 6px; width: 46px; height: 46px; background-size: 46px 46px;
    background-image: url(../img/rt-101-award-icon.png); cursor: default;}
    	
    	.c3-for-sale{ position: absolute;   bottom: 0; left: 0px; width: 50px; height: 48px;  text-align: center; background-color: #fff; }
    		.c3-for-sale p{ margin: 4px 0 0 0; color: #59a9aa; font-size: 27px; line-height: 27px;  font-family: 'HelveticaNeueLTCyr-67-MC'; font-style: normal;  }
    		.c3-for-sale span{ display: block; color: #208caf; font-size: 11px; line-height: 11px;   font-family: 'HelveticaNeueLTCyr-67-MC';
    		font-style: normal;	text-transform: uppercase;  }
    	.c3-for-rent{position: absolute;   bottom: 0; left: 52px; width: 50px; height: 48px;  text-align: center;  background-color: #fff; }
    		.c3-for-rent p{ margin: 4px 0 0 0; color: #5f89b1; font-size: 27px; line-height: 27px;  font-family: 'HelveticaNeueLTCyr-67-MC'; font-style: normal;  }
    		.c3-for-rent span{ display: block; color: #005e8d; font-size: 11px; line-height: 11px;   font-family: 'HelveticaNeueLTCyr-67-MC';
    		font-style: normal;	text-transform: uppercase;  }


 .c4-input-block{ float: none; width: 100%; padding: 0 0 15px 0; position: relative; }
	 			.c4-input-block label{ position: relative; display: block; font-size: 14px; line-height: 14px; color: #0b4079; font-weight: bold; }
	 				.c4-input-block label span{ position: absolute; top: -2px; margin: 0 0 0 2px;  font-size: 22px; line-height: 22px; color: #ff0000; }
	 			.c4-input-block input{ display: block; width: 96%; padding: 0 2% 0 2%; height: 32px; margin: 4px 0 0 0; border:1px solid #09243b; 
	 				border-radius: 3px;  font-size: 14px; line-height: 32px; color: #000;}
	 			.c4-input-block p{ position: absolute;  /*display: none;*/ right: 0px; top:53px; color: #ff6161; font-size: 12px; line-height: 12px; }
	 			.c4-input-block textarea{ display: block; height: 116px; margin: 4px 0 0 0; width: 96%; padding: 8px 2% 8px 2%; 
	 			 border:1px solid #09243b; border-radius: 3px; font-size: 14px;  line-height: 17px; }
	 			 .s4-required{ float: none; width: auto; margin: 0px 0 0 0; }
	 				.s4-required p{ position: relative; padding: 0 0 0 10px; font-size: 14px; line-height: 14px; color:#0b4079; }
	 				.s4-required p:before{ position: absolute; top: 0px; left: 0px; display: block; font-size: 22px; line-height: 22px; color: #ff0000; 
	 				content: "*"; }
	 			.c4-calendar{ position: relative; }
	 			.c4-calendar div{ width: 100%;  height: 220px; margin: 5px 0 0 0; border:1px solid #ced3d8; border-radius: 5px; }
				.c4-input-block.c4-calendar p{position: absolute;  /*display: none;*/ right: 0px; top: auto; right: 0px; bottom:0px!important; color: #ff6161;
				 font-size: 12px; line-height: 12px; }






@media screen and (min-width: 1021px) {
body{ width: 989px;  }

}



@media screen and (max-width: 1020px) {
body{  max-width: 670px;}
.c3-window{ }

.c3-col-3{ width: 100%; }
.c3-col-1{ width: 50%; padding: 0 2% 0 0;}
.c3-col-2{ width: 50%; }
	.c3-window .c4-input-block textarea { height: 70px;}

.c3-building-grey{ position: relative; float: left; width: 64%; padding: 8px 1% 8px 1%; }
	.c3-top-block{ float: left; width: 80%; }
	.c3-image{ position: static; float: left; width: 20%; margin: 0 0 0 0; }
		
		.c3-for-sale{ top: 0px; left: auto; right: -60px; background-color: #f3f4f4;}
		.c3-for-rent{top: 0px; left: auto; right: -120px; background-color: #f3f4f4;}
		.c3-rating { top: 4px; right:-170px; }
		.c3-image .rt-101best-image-icon { top: 0px; right:-224px;}


}









@media screen and (max-width: 767px) {

.c3-window{width: 93%; padding: 18px 1.5% 25px 1.5%;}
.c3-col-1{ width: 44%; }
.c3-col-2{ width: 56%; }
	.c3-image{ display: none; }
	.c3-building-grey{  width: 98%; }

}






@media screen and (max-width: 620px) {
.c3-col-1{ width: 100%; }
.c3-col-2{ width: 100%; }
.c3-title-block{ width: 75%;  }
.c3-col-2 .c4-send-block button{ margin: 16px auto 0; }
.c3-title-block-text { margin: 10px 0 0 0px;}
.c3-title-block-logo, .c3-title-block-text{ float: none; }


}


@media screen and (max-width: 450px) {


}




@media screen and (max-width: 340px) {
.c3-title-block{ width: 65%;  }


}