html {
  /*scroll-behavior: smooth; */
    padding:0;
    margin: 0;
	overflow-x: hidden;
}
body {
   padding:0;
    margin: 0;
	width: 100%;
}

.callback-bt {
       /* background:#38a3fd;
        border:2px solid #38a3fd;
        box-shadow:0 8px 10px rgba(56,163,253,0.3);	*/
        background:rgb(128,128,128);
        border:2px solid rgb(128,128,128);
        box-shadow:0 8px 10px rgba(128,128,128,0.3);			
        border-radius:50%;
        cursor:pointer;
        height:68px;
        text-align:center;
        width:68px;
        position: fixed;
        right: 3%;
        bottom: 5%;
        z-index:999;
        transition:.3s;
        -webkit-animation:hoverWave linear 1s infinite;
        animation:hoverWave linear 1s infinite;
}

.callback-bt .text-call{
        height:68px;
        width:68px;        
        border-radius:50%;
        position:relative;
        overflow:hidden;
}

.callback-bt .text-call span {
    text-align: center;
    color:rgb(128,128,128);
    opacity: 0;
    font-size: 0;
        position:absolute;
        right: 4px;
        top: 22px;
    line-height: 14px;
        font-weight: 600;
    text-transform: uppercase;
    transition: opacity .3s linear;
    font-family: "HelveticaNeueCyr-Light";
}

.callback-bt .text-call:hover span {
    opacity: 1;
        font-size: 12px;
}
.callback-bt:hover i {
    display:none;
}

.callback-bt:hover {
        z-index:1;
        background:#fff;
        color:transparent;
        transition:.3s;
}
.callback-bt:hover i {
        color:#38a3fd;
        font-size:40px;
        transition:.3s;
}
.callback-bt i {
        color:#fff;
        font-size:34px;
        transition:.3s;
        line-height: 66px;transition: .5s ease-in-out;
}

.callback-bt i  {
    animation: 1200ms ease 0s normal none 1 running shake_button;
        animation-iteration-count: infinite;
        -webkit-animation: 1200ms ease 0s normal none 1 running shake_button;
        -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes hoverWave {
        0% {
        box-shadow:0 8px 10px rgba(128,128,128,0.3),0 0 0 0 rgba(128,128,128,0.2),0 0 0 0 rgba(128,128,128,0.2)
}
40% {
        box-shadow:0 8px 10px rgba(128,128,128,0.3),0 0 0 15px rgba(128,128,128,0.2),0 0 0 0 rgba(128,128,128,0.2)
}
80% {
        box-shadow:0 8px 10px rgba(128,128,128,0.3),0 0 0 30px rgba(128,128,128,0),0 0 0 26.7px rgba(128,128,128,0.067)
}
100% {
        box-shadow:0 8px 10px rgba(128,128,128,0.3),0 0 0 30px rgba(128,128,128,0),0 0 0 40px rgba(128,128,128,0.0)
}
}@keyframes hoverWave {
        0% {
        box-shadow:0 8px 10px rgba(128,128,128,0.3),0 0 0 0 rgba(128,128,128,0.2),0 0 0 0 rgba(128,128,128,0.2)
}
40% {
        box-shadow:0 8px 10px rgba(128,128,128,0.3),0 0 0 15px rgba(128,128,128,0.2),0 0 0 0 rgba(128,128,128,0.2)
}
80% {
        box-shadow:0 8px 10px rgba(128,128,128,0.3),0 0 0 30px rgba(128,128,128,0),0 0 0 26.7px rgba(128,128,128,0.067)
}
100% {
        box-shadow:0 8px 10px rgba(128,128,128,0.3),0 0 0 30px rgba(128,128,128,0),0 0 0 40px rgba(128,128,128,0.0)
}
}

/* animations icon */

@keyframes shake_button {
0% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
10% {
    transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
}
20% {
    transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
}
30% {
    transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
}
40% {
    transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
}
50% {
    transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
}
60% {
    transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
}
70% {
    transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
}
80% {
    transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
}
90% {
    transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
}
100% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
}

@-webkit-keyframes shake_button {
0% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
10% {
    transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
}
20% {
    transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
}
30% {
    transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
}
40% {
    transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
}
50% {
    transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
}
60% {
    transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
}
70% {
    transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
}
80% {
    transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
}
90% {
    transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
}
100% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
}
/* конец кнопки звонка */

	#callback_form h1{
		color: rgb(128,128,128);
		font-size: 2.3vw;
		margin: 0;
		text-align: center;
		margin-top: 1vw;
		font-family: "HelveticaNeueCyr-Light";
	}
	#callback_form input{
		font-family: "HelveticaNeueCyr-Light";
		font-size: 1.2vw;
		width: 13vw;
		margin-left: 8%;
		margin-bottom: 0.5vw;
		margin-top: 0.5vw;
		padding: 0.5vw;
		background-color: white;
		border: 1px solid rgb(128,128,128);
		outline: none;
	}
	#callback_form #callback_submit{
		width: 40%;
		margin-left: 30%;
		background-color: rgb(128,128,128);
		color: white;
		cursor: pointer;
	}



#header{
	background-color: rgb(17,161,222);
	width: 100%;
	height: 5vw;
	z-index: 999999;
	border-bottom: 1px solid gray;
	/*background-image: url(img/bg_3.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;*/
}
	#header img{
		height: 4.5vw;
		background-color: white;
		padding: 0.25vw 3vw;
		border-radius: 0 2vw 2vw 0;
	}
	#header .contact_phone{
		float: right;
		height: 4.5vw;
		padding-top: 0.5vw;
		padding-right: 2vw;
		text-align: center;
		color: white;
	}
	#header .contact_phone p{
		font-family: "HelveticaNeueLTCyr-57-Condenced_0";
		font-size: 1vw;
		color: white;
		line-height: 100%;
		
		margin: 0;
	}
	#header .contact_phone span{
		font-family: "HelveticaNeueCyr-Light";
		font-size: 3.2vw;	
		line-height: 100%;		
	}
#desc{
	width: 100%;
	margin-top: 0vw;
	background-image: url(img/bg_1.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	overflow: auto;
}
.desc_text{
	width: 30%;
	height: 40vw;
	padding: 3.5vw 0;
	margin-left: 9%;
	float: left;
}
	.desc_text div{
		margin: 1vw;
		padding: 1vw;
		background-color: rgba(255,255,255,0.4);
		/*border-radius: 1vw;
		/*box-shadow: 0 025px rgba(255,255,255,0.4);*/
		display: flex;
		position: relative;
	}
		.desc_text div::before{
			content:"";
			display: block;
			width: 5vw;
			background: linear-gradient(to left, rgba(255,255,255,0.4) 1%,rgba(255,255,255,0) 100%);
			position: absolute;
			top: 0;
			bottom: 0;
			left: -5vw;
		}
		.desc_text div::after{
			content:"";
			display: block;
			width: 5vw;
			background: linear-gradient(to right, rgba(255,255,255,0.4) 1%,rgba(255,255,255,0) 100%);
			position: absolute;
			top: 0;
			bottom: 0;
			right: -5vw;
		}
		.desc_text div img{
			height: 2.5vw;
			width: 2.5vw;
			float: left;
			display: block;
			margin: auto;
		}		
		.desc_text div p{
			font-size: 1.5vw;
			font-family: "HelveticaNeueCyr-Light";
			margin: 0;
			line-height: 100%;
			margin-left: 1vw;
		}
	#desc .rb{
		float: right;
		width: 50%;
		height: 47vw;
		background-color: rgba(255,255,255,0.6);
	}
	#desc .rb .logo{
		width: 70%;
		margin-left: 15%;
		margin-top: 2.5vw;
	}
	#desc .rb h1{
		background-color: gray;
		color: white;
		font-family: "HelveticaNeueCyr-Black";
		font-size: 5vw;
		text-align: center;
		line-height: 100%;
		padding: 3vw 2vw;
		margin: 1vw 0;
	}	
	#desc .rb h2{
		text-align: center;
		color: rgb(28,107,150);
		font-family: "HelveticaNeueCyr-Light";
		font-size: 4vw;
		line-height: 100%;
		margin: 0;
	}
	#desc .rb h3{
		text-align: center;
		color: rgb(17,161,222);
		font-family: "HelveticaNeueCyr-Black";
		font-size: 5.5vw;
		line-height: 50%;
		margin: 1vw 0;
	}
	#desc .rb h3 span{
		font-size: 1.5vw;
	}
	#desc .rb h4{
		text-align: center;
		color: rgb(17,161,222);
        font-family: "HelveticaNeueCyr-Light";
		font-size: 1.5vw;
		line-height: 100%;
		margin: 0.5vw 0;
	}	
	#desc .rb h4 span{
		font-size: 1.5vw;
	}	
	#desc .rb p{
		text-align: center;
		color: black;
		font-family: "HelveticaNeueCyr-Bold";
		font-size: 0.9vw;
		line-height: 100%;
		margin-top: 0.5vw 0;
	}	
	#desc .rb .banner{
		background-color: rgb(240,179,0);
		color: white;
		font-family: "HelveticaNeueCyr-Black";
		font-size: 4vw;
	}
#build_info{
	overflow: auto;
	margin: 2vw 0;
}	
	#build_info .build_plan{
		width: 80%;
		overflow: auto;
		float: left;
	}
		#build_info .build_plan div{
			float: left;
			width: 50%;
			text-align: center;
			padding: 0 1vw;
			box-sizing: border-box;
		}
		#build_info .build_plan div img{
			width: 100%;
		}
		#build_info .build_plan div P{
			font-family: "HelveticaNeueCyr-Light";
			font-size: 0.9vw;
		}		
		
	#build_info	.build_profile{
		float: left;
		width: 20%;
		padding: 1.5vw;
		box-sizing: border-box;		
	}
		#build_info	.build_profile h1{
			font-family: "HelveticaNeueCyr-Light";
			font-size: 1vw;
		}
		#build_info	.build_profile p{
			font-size: 1.2vw;
			font-family: "HelveticaNeueCyr-Bold";
			margin: 0;
			margin-top: 1vw;
			color: rgb(17,161,222);
			line-height: 100%;
		}
		#build_info	.build_profile span,
		#build_info	.build_profile a{
			font-size: 1vw;
			font-family: "HelveticaNeueLTCyr-57-Condenced_0";
			text-decoration: none;
			color: black;
			margin-left: 1.2vw;
			line-height: 150%;
		}	
		#build_info	.build_profile a{
			border-bottom: 1px dashed black;
		}	
#plan_list{
	width: 100%;
	overflow: hidden;
}
	.apartament_slider{
		width: 96%;
		margin-left: 2%;
	}
	.apartament_slider .slick-slide{
		margin: 1vw;
	}
	.apartament_slider .slick-next{
		width: 3vw;
		height: 5vw;
		right: -2.3vw;
		z-index: 1;
	}
	.apartament_slider .slick-prev{
		width: 3vw;
		height: 5vw;
		left: -2.3vw;
		z-index: 1;
	}	
	.slick-next:before{
		font-family: 'Font Awesome 5 Free' !important;
		font-weight: 900 !important;
		content: "\f105" !important;
		color: rgb(17,161,222) !important;
		font-size: 5vw !important;
	}
	.slick-prev:before{
		font-family: 'Font Awesome 5 Free' !important;
		font-weight: 900 !important;
		content: "\f104" !important;
		color: rgb(17,161,222) !important;
		font-size: 5vw !important;
	}	
	#plan_list .appartament{
		/*width:17%;
		margin: 1.5%;
		padding: 0vw;
		float: left;*/
		box-sizing: border-box;
		/*border: 3px solid rgb(16,162,221);*/
		box-shadow: 0 0 10px rgb(144, 148, 151);
		/* border-radius: 2vw 0 2vw 0; */
		background-color: rgb(17,161,222);
	}
	#plan_list .appartament h1{
		font-family: "HelveticaNeueCyr-Black";
		font-size: 1.5vw;
		text-align: center;
		margin: 1vw 0;
		color: rgb(28,107,150);
	}
	#plan_list .appartament a{
		display: flex;
		width: 100%;
		background-color: white;
		padding: 1vw 0;	
		cursor: zoom-in;
	}
	#plan_list .appartament a img{
		max-width:100%;
		max-height: 10vw;
		margin: auto;
		display: block;
		position: relative;
	}
#plan_list .appartament-info{
	text-align: center;
	color: white;
	position: relative;
	overflow: hidden;
}	
	#plan_list .appartament-info p{
		margin: 0.5vw auto;
		font-family: "HelveticaNeueLTCyr-57-Condenced_0";
		font-size: 1.2vw;
		color: rgb(215, 219, 221);
	}
	#plan_list .appartament-info p span{
		font-family: "HelveticaNeueCyr-Black";
		font-size: 1.2vw;
		color: white;
	}
	#plan_list .appartament-info table{
		width: 100%;
		border-collapse: collapse;
	}
	#plan_list .appartament-info table tr{
		height: 3vw;
		/*vertical-align: bottom;*/
		border-top: 1px solid white;
	}
	#plan_list .appartament-info table th{
		text-align: right;
		font-family: "HelveticaNeueLTCyr-57-Condenced_0";
		font-size: 1.2vw;
		color: rgb(215, 219, 221);
		width: 50%;
	}
	#plan_list .appartament-info table td{
		text-align: left;
		font-family: "HelveticaNeueCyr-Bold";
		font-size: 1.3vw;
		color: white;
		width: 50%;
		padding-left: 0.3vw;
	}	
	#plan_list .appartament-info table td span{
		font-size: 0.9vw;
	}	
	#plan_list .appartament-info .appart_desc{
		position: absolute;
		top: 0;
		bottom: 0;
		background-color: rgb(17,161,222);
		opacity: 0;
		font-family: "HelveticaNeueCyr-Light";
		padding: 2% 5%;
		font-size: 0.9vw;
		text-align: left;
	}
	#plan_list .appartament-info:hover .appart_desc{
		opacity: 1;
		animation-name: slideInLeft;
		animation-duration: 1s;
		/* border-right: 1px solid white; */
	}
    @keyframes slideInLeft {
      from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
      }
    
      to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
    }
    
.appart_info{
}
.fancybox-content{
}
	.appart_img{
		float: left;
		 position: relative; 
		 z-index: 999999;
	}
	.appart_img img{
		display: block;
		margin: auto;
		max-width: 70vw;
		width: auto;
		max-height: 40vw;
	}
	.appart_text{
		float: left;
		max-width: 20vw;	
		padding-left: 2vw;
		overflow-x: hidden;	
	}
	.appart_text h1{
		color: black;
		font-family: "HelveticaNeueCyr-Black";
		font-size: 2vw;	
	}
	.appart_text p{
		color: black;
		font-family: "HelveticaNeueLTCyr-57-Condenced_0";
		font-size: 1.2vw;		
	}
	.appart_text p::after{
	}	
#info{
	/* margin-top: 3vw; */
}
	.info_block{
		margin: 3vw 0;
	}
	#info h2{
		font-family: "HelveticaNeueLTCyr-57-Condenced_0";
		margin: 0 10%;
		font-size: 1.5vw;
		font-weight: normal;
	}
	#info h2 span{
		font-family: "HelveticaNeueCyr-Bold";
		font-size: 2vw;
	}
	#info h1{
		font-family: "HelveticaNeueCyr-Bold";
		font-size: 4vw;
		margin: 0 10%;
		text-align: center;
		color: red;
	}
	#info p{
		font-family: "HelveticaNeueCyr-Light";
		font-size: 1.3vw;
		margin: 1vw 5%;
		float: left;
		width: 40%;
		color: rgb(91,91,91);
	}
	#info img{
		width: 90%;
		margin: 0 5%;
	}    
	
	
@font-face{
	font-family: "HelveticaNeueCyr-Light";
	src: url("fonts/HelveticaNeueCyr-Light.otf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
@font-face{
	font-family: "HelveticaNeueCyr-Black";
	src: url("fonts/HelveticaNeueCyr-Black.otf") format("truetype");
	font-style: normal;
	font-weight: normal;
}	
@font-face{
	font-family: "HelveticaNeueCyr-Bold";
	src: url("fonts/HelveticaNeueCyr-Bold.otf") format("truetype");
	font-style: normal;
	font-weight: normal;
}		
@font-face{
	font-family: "HelveticaNeueLTCyr-57-Condenced_0";
	src: url("fonts/HelveticaNeueLTCyr-57-Condenced_0.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}	
@font-face{
	font-family: "Izis_Two";
	src: url("fonts/Izis_Two.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}