body{
	margin: 0;
	background-color: rgb(235,237,236);
	font-family: "Golos-UI_Bold";
}

#header{
	width: 100%;
	height: 40vw;
	background-size: cover;
	position: relative;

}
#header .top-block{
	position: absolute;
	top: 5%;
	left: 5%;
	z-index: 100;
	
}
	#header .top-block::before{
		content:"";
		display:block;
		position: absolute;
		left: 20%; 
		bottom: 1.6vw; 
		width: 80%;
		border-bottom: 2px solid rgb(70,179,170);
	}
	#header .top-block .logo{
		height: 5vw;
		float: left;
		line-height: 5vw;
		margin-left: 2vw;
	}
		#header .top-block .logo img{
			height: 5vw;
		}
	#header .top-block .menu{
		margin-left: 25vw;
		float: left;
		line-height: 5vw;
	}
		#header .top-block .menu a{
			font-size: 1vw;
			text-weight: bold;
			color: black;
			padding: 0.5vw 0.25vw;
			margin: 0 0.5vw;
			background-color: rgba(255,255,255,0.7);
			text-decoration:none;
		}
			#header .top-block .menu a:hover{
				background-color: white;
			}
	#header .top-block .tel{
		text-decoration: none;
		font-size: 2vw;
		color: rgb(19,126,118);
		line-height: 5vw;
		margin-left:3vw;
		position: relative;
		bottom: 0.5vw;
	}	
		#header .top-block .tel span{
			font-size: 3vw;
		}
			#header .top-block .drop_menu{
				display: none;
			}
#header .left-block{
	width: 36%;
	height: 40vw;
	margin-left: 5%;
	padding-left: 1vw;
	background: linear-gradient(to bottom, rgba(19,126,118,1),rgba(19,126,118,0.9),rgba(19,126,118,0.5));
	position: relative;
	
}
	#header .left-block div{
		padding-top: 12vw;
		position: relative;
	}
		#header .left-block div h1{
			font-size: 5vw;
			color:	rgb(69,181,169);
			margin: 0;
		}
		#header .left-block div h2{
			font-size: 23vw;
			color:	white;
			margin: 0;
			line-height: 18vw;	
			height: 12vw;				
			vertical-align: top;				
		}
		#header .left-block div h2 .first-part{
			font-size: 3vw;
			color:	rgb(69,181,169);
			margin: 0;
			vertical-align: top;
			line-height: 3vw;	
		}	
		#header .left-block div h3{
			font-size: 2.5vw;
			color:	white;
			margin: 0;
			line-height: 2.5vw;	
			text-align:left;
			padding-right: 1vw;
			position: absolute;
			right: 0;
			/*position: absolute;
			bottom: 0.3vw;
			right:1vw;*/
		}	
			#header .left-block div h3 sup{
				font-size: 1.5vw;
			}
	/*#header .left-block::before{
		content:"";
		display:block;
		position: absolute;
		right: -7.9vw; 
		bottom: 40%; 
		border: 4vw solid transparent; 
		border-left: 4vw solid rgba(19,126,118,0.8);
	}*/
	.searh-apart-button{
		position: absolute;
		top: 46%;
		left: 48%;		
		padding: 0.5vw 1vw;
		background-color: rgba(255,255,255,0.7);
		border-radius: 0.5vw;
		font-size: 2vw;
		text-decoration: none;
		color: rgb(19,126,118);
		display: none;;
	}
		.searh-apart-button:hover{
			background-color: white;
		}
	.botom-block{
		position: absolute;
		bottom:0;
		right: 1vw;	
	}
			.botom-block p{
				font-size: 1.5vw;
				color: white;				
			}
				.botom-block p img{
					width: 2vw;			
				}			
			
			
#about_building{
	width: 80%;
	margin: 5% 10%;
	overflow: auto;
}	
	#about_building h1{
		font-size: 3vw;
		color: gray;
	}
	#about_building p{
		font-size: 2vw;
		font-family: "Golos-UI_Regular";
	}
	#about_building .more_link{
		text-decoration: none;
		font-size: 1.5vw;
		color: gray;
		background-color: rgba(255,255,255,0.7);
		padding: 0.5vw;
		border-radius: 0.5vw;
	}
		#about_building .more_link:hover{
			background-color: white;
		}
	.about_icons_list{
		width: 80%;
		margin-left: 10%;
		margin-top: 5%;
	}				
		.about_icons_list .about_icon{
			width: 23.3%;
			margin: 2% 5%;
			float: left;
		}
			.about_icons_list .about_icon img{
				width: 100%;
			}
#ipoteka{
	width: 100%;
	margin: 5% 0;
	overflow: auto;	
	position: relative;
}
	#ipoteka .left-block{
		width: 50%;
		float: left;
	}
	#ipoteka .left-block img{
		width: 100%;
	}
	#ipoteka .right-block{
		width: 40%;
		margin-left: 5%;
		float: left;
	}
	#ipoteka .right-block h2{
		font-size: 3vw;
		color: gray;
		margin: 1vw 0;
	}	
	#ipoteka .right-block p{
		font-size: 1.8vw;
		font-family: "Golos-UI_Regular";
		margin: 1.4vw 0;
	}	
	#ipoteka .right-block p a{
		white-space: nowrap;
		text-decoration: none;
		color: rgb(20,106,100);
	}	
	#ipoteka .ipoteka_form{
		width: 60%;
		margin: auto;
		overflow: auto;
	}
		#ipoteka .ipoteka_form .form-control{
			display: block;
			font-size: 1.5vw;
			width: 96%;
			height: 3vw;
			line-height: 3vw;
			margin: 0.5vw 0;
			padding:0 2%;
			background-color: white;
			outline: none;
			border: none;
			border-radius: 0.5vw;		
			letter-spacing: 2px;
			text-align: center;
		}	
		#ipoteka .ipoteka_form .btn_send{
			width: 100%;
			position: relative;
			top: auto;
			cursor: pointer;
			display: block;
			margin: auto;
			margin-top: 1vw;
			background-color: rgb(59,144,139);
			outline: none;
			/* font-family: "HelveticaNeueCyr-Bold"; */
			font-size: 1.5vw;
			border-radius: 0.5vw;
			border: 0px solid black;
			padding: 0.5vw 1vw;
			color: white;
		}
		#ipoteka .banki-link{
			width: 100%;
		}
			#ipoteka .banki-link a{
				display: block;
				width: 15%;
				margin-right: 2%;
				float: left;
				text-align: center;
			}
			#ipoteka .banki-link a img{
				width: 70%;
			}		
			
#gallery{
	width: 90%;
	margin: 5%;
	overflow: auto;
}	
	#gallery .big_img{
		width: 48%;
		height: 30vw;
		float: left;
		/*margin: 1vw;*/
		margin: 1%;
		overflow: hidden;
		border-radius: 1vw;
		position: relative;
	}
		#gallery .big_img p{
			position: absolute;
			bottom: 0vw;
			right: 1vw;
			color: white;
			height: 2vw;
			line-height: 2vw;
			font-size: 2vw;
		}
		#gallery .gal_link p img{
		height: 3vw;
		width: 3vw;
		position: relative;
		top: 0.6vw;
		padding-left: 1vw;
		}
#gallery .gallery-slider{
		width: 48%;
		float: left;
		/*margin: 1vw;*/
	}
	#gallery .small_img{
		width: 44%;
		float: left;
		margin: 1vw;
		height: 14vw;
		overflow: hidden;
		border-radius: 1vw;
		position: relative;
	}		
		#gallery .small_img p{
			position: absolute;
			bottom: 0.5vw;
			right: 0vw;
			left: 0;
			margin: 0;
			padding: 0.5vw 0;
			color: white;
			height: 2vw;
			line-height: 2vw;
			font-size: 2vw;
			background-color: rgba(59,144,139,0.5);
			text-align: center;
		}		
	#gallery img{
		width: 100%;
	}

#location{
	width: 90%;
	margin: 5%;	
	overflow: auto;
}
	#location h1{
		font-size: 3vw;
		color: gray;
	}
	#location .map{
		width: 49%;
		height: 30vw;
		float: left;
	}
	#location .text{
		width: 49%;
		height: 30vw;
		float: left;
		margin-left: 2%;
	}
		#location .text p {
			font-size: 2vw;
			color: rgb(60,60,60);
			font-family: "Golos-UI_Regular";
		}

		
		
#plan_list{
	width: 90%;
	margin: 5%;	
	overflow: auto;
}	
	#plan_list h2{
		font-size: 3vw;
		color: gray;
	}
	#plan_list p{
		font-size: 2vw;
		margin-bottom: 0;
		font-family: "Golos-UI_Regular";
	}	
	#plan_list .podezd{
		width: 100%;
		overflow: auto;
	}
		#plan_list .podezd a{
			text-decoration: none;
		}
		#plan_list .podezd a img{
			width: 100%;
			height: auto;
			max-height: 20vw !important;
		}
		#plan_list .podezd a p{
			margin: 0;
			text-align: center;
			color: gray;
		}
			#plan_list .podezd .apartament_slider .slick-center .appartament {
				opacity: 1;
				transform: scale(3);
			}
			#plan_list .podezd .apartament_slider .slick-center .appartament a {
				position: relative;
				top: 15vw;
				border: 1px solid rgb(76,171,163);
				border-radius: 0.5vw;
			}
			#plan_list .podezd .apartament_slider .slick-center .appartament p{
				font-size: 1vw;
				white-space: nowrap;
				color: black;
			}
			  #plan_list .podezd .apartament_slider .slick-slide{
				padding: 0 5vw;
			}	
	#plan_list .apartament_slider{
		width: 96%;
		margin-left: 2%;
	} 
	#plan_list .appartament{
		height: 30vw;
		opacity: 0.8;
		 position: relative;
	}
	#plan_list .appartament a{
		/*background-color: red;*/
		display: block;
		margin-top: 1vw;
		position: relative;
		top: 60%;
		transform: translateY(-50%);	
		outline: none;	
	}
	#plan_list .appartament a img {
		max-width: 100%;
		max-height: 10vw;
		margin: auto;
		display: block;
		position: relative;
		-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
		filter: grayscale(100%);
	}
	#plan_list .appartament h1{
		font-size: 1vw;
		display: none;
	}
	#plan_list .apartament_slider .slick-slide {
		margin: 2vw;
	}
	#plan_list .apartament_slider .slick-center{
		
	}
		#plan_list .apartament_slider .slick-list{
			height: 42vw;
			}
		#plan_list .apartament_slider .slick-center .appartament{
			
			opacity: 1;
			transform: scale(1.2);
			
		}
			#plan_list .apartament_slider .slick-center .appartament a{
				border: 2px solid rgb(76,171,163);
				border-radius: 1vw;
				padding: 1vw;
				text-decoration: none;
			}
			#plan_list .apartament_slider .slick-center .appartament a img {
				max-width: 100%;
				max-height: 25vw;
				margin: auto;
				display: block;
				position: relative;
				-webkit-filter: none;
				filter:  none;
			}
			#plan_list .apartament_slider .slick-center .appartament h1{
				font-size: 3vw;
				display: block;
				color:rgb(51,51,51);
				text-align: center;
				margin: 1vw 0;
			}
			#plan_list .apartament_slider .slick-center .appartament h1 span{
				font-size: 2vw;
			}
				#plan_list .apartament_slider .slick-next {
					right: 0vw !important;
					display: block;
					width: 4vw;
					height: 4vw;
					background-image: url("img/arrow.png");
					background-size: cover;					
				}
				#plan_list .apartament_slider .slick-next:before {
					/*font-family: 'Font Awesome 5 Free' !important;
					font-weight: 900 !important;
					content: "\f138" !important;
					color: rgb(76,171,163) !important;
					font-size: 5vw !important;
					position: relative;
					right: 0vw;**/
					content: none;
					
				}			
				#plan_list .apartament_slider .slick-prev {
					left: 0vw !important;
					z-index: 1;
					display: block;
					width: 4vw;
					height: 4vw;
					background-image: url("img/arrow.png");
					background-size: cover;		
					transform: scale(-1, 1);				
				}
				#plan_list .apartament_slider .slick-prev:before {
					/*font-family: 'Font Awesome 5 Free' !important;
					font-weight: 900 !important;
					content: "\f137" !important;
					color: rgb(76,171,163)  !important;
					font-size: 5vw !important;
					position: relative;
					left: 0vw;*/
					content: none;
				}			
						
#specific{
	width: 90%;
	margin: 5%;	
	margin-bottom: 0;
	overflow: auto;	
}	
		#specific h1{
			font-size: 3vw;
			color: gray;			
		}
		#specific a{
			display: block;
			width: 46%;
			margin: 2%;
			float: left;
			text-decoration: none;
		}
					#specific a img{
						width: 100%;
					}
					#specific a p{
						font-size: 2vw;
						height: 2vw;
						line-height: 2vw;
						position: relative;
						margin-top: 0.5vw;
						color: gray;
						font-family: "Golos-UI_Regular";
					}
					#specific a p img{
						height: 2vw;
						width: 2vw;
						position: absolute;
						right: 0;
						top: 0;
					}
					
.modal-specific{
	
}					
	.modal-specific img{
		display: block;
		width: 50%;
		float: left;
	}
	.modal-specific .text{
		display: block;
		margin-left: 10%;
		width: 40%;		
		float: left;
	}
	#modal-specific-3 .text,
	#modal-specific-4 .text{
		margin-left: 0%;
		width: 100%;				
	}
	#modal-specific-4 img{
	    width: 48%;		
	}
	#modal-specific-4 .small_img{
		width: 24%;		
		margin-left: 2%;
	}	
		.modal-specific-features {
			margin-top: 2vw;
			text-align: center;
		}
		.modal-specific-features span{
		font-size: 1vw;
		font-family: "Golos-UI_Bold";
		line-height: 3vw;
		background-color: rgb(235,237,236);
		padding: 1vw;
		margin: 1vw;
		white-space: nowrap;
		display: inliine-block;
		position: relative;
		border-radius: 0.5vw;
	}
		.modal-specific-features span::before{
			content:"";
			display: block;
			position: absolute;
			top: -1vw;
			left: -1vw;
			background: rgb(59,144,139);
			width: 2vw;
			height: 2vw;
			border-radius: 50%;
		}	
	
#contacts{
	width: 100%;
	height: 25vw;
	background-image: url("img/logo_bg.png");
	background-size: 50%;
	background-repeat: no-repeat;
	 background-position: top 0 right -50px;
	position: relative;
	padding-top: 5vw;
}		
	#contacts .left-block{
		width: 30%;
		margin-left: 10%;
		float: left;
		color: rgb(105,105,104);
		
	}	
		#contacts .left-block h1{
			font-size: 2vw;
		}
		#contacts  p{
			font-size: 1.5vw;
			font-family: "Golos-UI_Regular";
			margin: 1vw 0;
			color: black;
		}		
		#contacts .left-block p a{
			white-space: nowrap;
			text-decoration: none;
			color: rgb(20,106,100);
		}	
		
	#contacts .right-block{
		width: 30%;
		margin-left: 5%;
		float: left;
	}		
		#contacts .right-block .contact_form{
			width: 100%;
			background-color: rgba(255,255,255,0.5);
			padding: 1vw;
			border-radius: 1vw;
		}
		#contacts .right-block .contact_form .form-control{
			font-size: 1.5vw;
			width: 96%;
			height: 3vw;
			line-height: 3vw;
			margin: 0.5vw 0;
			padding:0 2%;
			background-color: white;
			outline: none;
			border: none;
			border-radius: 0.5vw;
		}
		#contacts .right-block .contact_form .form-control-s{
			width: 44%;
			float: left;
		}
		
		.contact_form .btn_send {
			position: relative;
			top: auto;
			cursor: pointer;
			display: block;
			margin: auto;
			margin-top: 1vw;
			background-color: rgb(59,144,139);
			outline: none;
			/* font-family: "HelveticaNeueCyr-Bold"; */
			font-size: 1.5vw;
			border-radius: 0.5vw;
			border: 0px solid black;
			padding: 0.5vw 1vw;
			color: white;
		}		
	#contacts .logo_bottom{
		width: 15vw;
		position: absolute;
		bottom: 5%;
		left: 15%;
	}
	#contacts .banki{
		width: 15%;
		float: left;
		margin-left: 4vw;
		text-align: center;
	}	
	#contacts .banki img{
		width: 25%;
		float: left;
		/*background-color: white;*/
		margin: 5% 12.5%;
	}
	#contacts .banki p{
		margin: 0;
	}
	#contacts .logo_bottom{
		width: 15vw;
		position: absolute;
		bottom: 5%;
		left: 15%;
	}
		
	
.modal-window{
	width: 80%;
}
	.modal-window h1{
	    font-family: "Golos-UI_Bold";
		font-size: 2vw;
		color: gray;
	}
	.modal-window p{
		font-size: 1.5vw;
		color: black;
		font-family: "Golos-UI_Regular";
	}	
		.modal-window p a{
            white-space: nowrap;
            text-decoration: none;
            color: rgb(20,106,100);
		}
#modal-about_building{
    	width: 100%;
		text-align: center;
}
	#modal-about_building h1{

	}
	#modal-about_building a{
		text-decoration: none;
		position: relative;
		margin: 0 5vw;

	}	
		#modal-about_building a i{
			font-size: 30vw;
			text-decoration: none;
			color: rgb(19,126,118);
			margin: auto;

		}	
		#modal-about_building a span{
			font-size: 2vw;
			text-decoration: none;
			color: white;
			/*border-bottom: 2px dashed black;*/
			position: absolute;
			bottom: -2vw;
			left: 2vw;
			right: 2vw;
			text-align: center;
			font-family: "Golos-UI_Bold";
		}	
.modal-plan{
	width: auto !important;
}
	.modal-plan .image{
		width: 50%;
		text-align: center;
		float: left;			
	}
	.modal-plan img{
		max-width: 50%;
		max-height: 30vw;	
	}	
	.modal-plan .text{
		width:40%;
		float: left;
		margin-left: 5%;
	}	
	.modal-plan .text h2{	
		margin-top: 0;
	}
@media (max-width: 800px){
	#header{
		height: 90vw;
	}
	#header .left-block {
		width: 90%;
		height: 90vw;
		padding-left: 5px;
		box-sizing: border-box;
	}
	#header .left-block::before{
		display: none;
	}
	#header .left-block div {
		padding-top: 22vw;
	}
	#header .left-block div h1 {
		font-size: 12.5vw;
	}
	#header .left-block div h2{
		font-size: 55vw;
		height: 25vw;
		line-height: 40vw;
	}
	#header .left-block div h2 .first-part{
		font-size: 10vw;
		line-height: 10vw;
	}
	#header .left-block div h3{
		font-size: 8vw;
		line-height: 7vw;
		right: 5px;
	}
	#header .left-block div h3 sup{
		font-size: 5vw;
	}
	#header .top-block{
		top: 5%;
		width: 90%;
	}
	#header .top-block .logo{
		height: 12vw;
	}
	#header .top-block .logo img{
		height: 12vw;
	}
	#header .top-block .menu{
		display: none;
	}
	#header .top-block .tel{
		color: white;
		font-size: 5vw;
		margin-left: 12vw;
	}
	#header .top-block .tel span{
		font-size: 7vw;
		line-height: 50px;
	}
	#header .top-block::before{
		display: none;
	}
	#header .top-block .drop_menu{
		display: none;
		position: absolute;
		top: 2.5vw;
		right: 10px;		
		
	}
	#header .top-block .drop_menu img{
		height: 8vw;
	}
	.searh-apart-button{
		font-size: 5vw;
		padding: 2vw 4vw;
		border-radius: 5px;
		width: 50%;
		text-align: center;
		left: 20%;
		top: 80%;
	}
	#header .botom-block{
		right: 0;
		left: 6%;	
		bottom: -4%;	
	}	
	#header .botom-block p{
		font-size: 4.5vw;

	}
	.botom-block p img{
		width: 5vw;
	}
	
	
	#about_building{
		width: 90%;
		margin: 5%;
	}
	#about_building h1{
		font-size: 8vw;
		margin: 5px 0;
	}
	#about_building p{
		font-size: 5vw;
	}
	#about_building .more_link{
		display: block;
		font-size: 20px;
		padding: 5px;
		margin: auto;
		text-align: center;
		background-color: white;
	}
	.about_icons_list{
		width: 100%;
		margin-left: 0;
	}
	.about_icons_list .about_icon{
		width: 45%;
		margin: 5% 2.5%;
		height: 55vw;
	}
	#gallery .big_img{
		margin: 0;
		width: 95%;
		height: 60vw;
		border-radius: 3vw;
		margin: 2.5%;
	}
	#gallery .big_img p{
		font-size: 5vw;
		height: 5vw;
		margin-bottom: 1vw;
	}
	#gallery .big_img p img{
		width: 5vw;
		height: 5vw;
		top: 0.8vw;
	}
	#gallery .gallery-slider{
		width: 95%;
		margin: 2.5%;
		height: 80vw;
	}
	#gallery .gallery-slider .slick-dots{
		bottom: 0;	
	}	
	#gallery .small_img{
		width: 45%;
		margin: 2.5%;
		height: 30vw;
		border-radius: 3vw;
	}
	#gallery .small_img p{
		font-size: 5vw;
		line-height: 5vw;
		height: auto;
		margin-bottom: 1vw;
	}	
		
	
	#location h1{
		font-size: 8vw;
		margin: 5px 0;		
	}
	#location .map{
		width: 100%;
		height: 50vw;
	}
	#location .text{
		width: 100%;
		height: auto;
		margin: 0;
	}
	#location .text p{
		font-size: 5vw;
	}
	#plan_list h2{
		font-size: 8vw;
		margin: 5px 0;				
	}
	#plan_list p{
		font-size: 6vw;
		margin-top: 2vw;
	}
	#plan_list .apartament_slider .slick-list{
		height: auto;
	}
	#plan_list .appartament{
		height: auto;

	}
	#plan_list .appartament a{
		top: 0; 
		transform: none;	
		text-decoration: none;
	}
	#plan_list .appartament a img{
		max-height: 100vw !important;
		-webkit-filter: none;
		filter:  none;		
	}
	#plan_list .podezd .apartament_slider .slick-slide{
	    padding: 0;
	}
	#plan_list .appartament h1{
		display: block;
		font-size: 8vw;
		display: block;
		color:rgb(51,51,51);
		text-align: center;
		margin: 1vw 0;
	}
	#plan_list .appartament h1 span{
		font-size: 6vw;
	}
	#specific h1{
		font-size: 8vw;
		margin: 5px 0;			
	}
	#specific a{
		width: 100%;
		margin: 0;
		margin-bottom: 5%;
	}
	#specific a p{
		font-size: 4.8vw;
		height: auto;
		line-height: 5vw;
		margin-top: 1vw;
	}
	#specific a p img{
		width: 5vw;
		height: 5vw;
	}
	#contacts{
		width: 90%;
		height: auto;
		margin: 0;
		padding: 0 5%;
		overflow: auto;
		background-position: bottom 30vw right -20vw;
		background-size: 70%;
	}
	#contacts .left-block{
		width: 100%;
		margin-left: 0;
	}
	#contacts .left-block h1{
		font-size: 8vw; 
		margin: 5px 0;
	}
	#contacts p{
		font-size: 5vw; 
		margin: 5px 0;
	}
	#contacts .right-block{
		width: 100%;
		margin: 5vw 0;
	}
	#contacts .right-block .contact_form{
		width: 100%;
		box-sizing: border-box;
		padding: 3vw;
	}
	#contacts .right-block .contact_form .form-control{
		font-size: 5vw; 
		height: 10vw;
		line-height: 10vw;
		margin: 2vw 0;
	}
	.contact_form .btn_send{
		font-size: 6vw; 
		margin-top: 3vw;
		padding: 2vw 4vw;
	}
	#contacts .banki {
		width: 100%;
		margin: 0;
	}
	#contacts .banki p{
		font-size: 6vw;
	}
	#contacts .banki img {
    width: 15%;
    margin: 5% 0.8%;
    }	
	#contacts .logo_bottom{
		display: none;
	}
	#ipoteka{
		background-image: url("img/ipoteka_bg.jpg");
		background-size: cover;
	}
	#ipoteka .left-block{
		width: 100%;
		display: none;
	}
	#ipoteka .right-block{
		width: 80%;
		/*position: absolute;
		top: 0;
		left: 5%;
		bottom: 0;*/
		background-color: rgba(255,255,255,0.7);
		margin: 0 5%;	
		padding: 5%;
		
	}
	#ipoteka .right-block h2{
		font-size: 7vw;
		text-align: center;
		margin-bottom: 1vw;
	}
	#ipoteka .right-block p{
		font-size: 5vw;
	}
	#ipoteka .ipoteka_form{
		width: 100%;
	}
	#ipoteka .ipoteka_form .form-control{
		font-size: 5vw; 
		height: 10vw;
		line-height: 10vw;
		margin: 2vw 0;
		text-align: center;
	}
	#ipoteka .ipoteka_form .btn_send{
		font-size: 6vw; 
		margin-top: 3vw;
		padding: 2vw 4vw;
	}
	#ipoteka .banki-link a{
		width: 30%;
		margin: 3% 1.5%;
	}
.modal-window{
	width: 100%;
}
	.modal-window h1{
		font-size: 7vw;
		text-align: center;
	}
	.modal-window p{
		font-size: 5vw;
	}		
	#modal-about_building a i{
		font-size: 50vw;
		margin: 3vw 0;

	}	
	#modal-about_building a span{
		font-size: 4.5vw;
	}
	.modal-specific img{
		width: 100%;
	}
	.modal-specific .text {
    margin-left: 0;
    width: 100%;
	}
	#modal-specific-3 .m_1{
	    margin-top: 4%;
	}	
	#modal-specific-4 img{
	    width: 100%;
	    margin-bottom: 4%;
	}
	#modal-specific-4 .small_img{
		width: 48%;	
	    margin: 0;
	}	
	#modal-specific-4 .m_1{
	    margin-left: 4%;
	}
	.modal-specific-features {
		margin-top: 2vw;
	}
	.modal-specific-features span{
		font-size: 4.5vw;
		line-height: 7vw;
		padding: 2vw;
		margin: 6vw 2vw;
		display: block;
		border-radius: 1vw;
    }
	.modal-specific-features span::before{
		top: -4vw;
		left: -5vw;
		width: 10vw;
		height: 10vw;
		}	
	.modal-plan .image{
		width: 100%;
	}
	.modal-plan img{
		max-width: 100%;
		max-height: 130vw; 
	}
	.modal-plan .text{
		width: 100%;
	}
	.modal-plan .text h2{
		margin-top: 2vw;
	}
}	
	
	
	
	
	
@font-face{
	font-family: "Golos-UI_Regular";
	src: url("fonts/Golos-UI_Regular.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}			
@font-face{
	font-family: "Golos-UI_Bold";
	src: url("fonts/Golos-UI_Bold.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}