@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;600&display=swap');
#itlcb-call-btn{
	top: -55px !important;
}
body{
	background: #fff;
	background-size: cover;
	color: #000;
	font-family: 'Oswald', sans-serif;
	font-size: 10px;
}
header{
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 25px 0px;
}
.logo img{
	width: 360px;
	height: 80px;
}
header .tel{
	color: #000;
	font-size: 2.8em;
	display: flex;
	align-items: center;
}
header .tel .cont{
	margin-right: 10px;
}
header .tel a{
	font-weight: 600;
	color: #000;
	transition: 0.2s ease-in;
	font-family: sans-serif;
	text-decoration: none;
}
header .tel a:hover{
	text-shadow: -3px -1px 6px rgba(150, 150, 150, 1);
}
.social a:nth-last-child(n+2){
	padding-right: 7px;
}

.social img {
	-webkit-transition: -webkit-transform .5s ease-in-out;
	transition:transform .5s ease-in-out;
 }
.social img:hover {
	-webkit-transform: rotate(360deg) scale(1.2);
			  transform: rotate(360deg) scale(1.2);
 }
.gallery{
	background: url(/img/bg.png) center;
	background-size: cover;
	position: relative;
}
.gallery__block{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: 20px 20px;
}
.gallery-soc{
	position: absolute;
	left: 25px;
	top: 10%;
	display: inline-flex;
	flex-direction: column;
	flex: 0 0 30%;
}
.gallery-soc img{
	width: 45px !important;
	height: 45px !important;
	margin-bottom: 10px;
}
.gallery__item{
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	font-size: 2.4em;
	padding-right: 10px;
	padding-bottom: 15px;
	color: #fff;
	flex: 0 0 20%;
}
.gallery__item p{
	margin-top: 10px;
}
.gallery img{
	width: 310px;
	height: 270px;
	border-radius: 25px;
}
.gallery img.img-fasad{
	width: 340px;
	height: 300px;
	padding-bottom: 0px;
	box-shadow: 1px 0px 14px 0px rgba(250, 250, 250, 0.75);
}
.text{
	padding: 50px 0;
	text-align: center;
	width: 60%;
	margin: 0 auto;
}
.text p{
	font-size: 2.8em;
	font-weight: 500;
}
@media (max-width: 880px) {
	.gallery img{
		width: 240px;
		height: 220px;
	}
	.gallery img.img-fasad{
		width: 240px;
		height: 220px;
	}
}
@media (max-width: 775px) {
	header{
		flex-direction: column;
		align-items: center;
		padding: 15px 0px;
	}
	header .tel{
		margin-top: 15px;
	}
	.gallery img{
		width: 100%;
		height: 210px;
	}
	.text{
		padding: 30px 0;
		width: 90%;
	}
	.text p{
		font-size: 2.4em;
	}
	.gallery__item{
		flex: 0 0 45%;
	}
}
@media (max-width: 650px) {
	.gallery{
		flex-direction: column;
		text-align: center;
	}
	.gallery img{
		padding-right: 0;
		padding-bottom: 8px;
		width: 90%;
	}
}
@media (max-width: 520px) {
	.gallery__item{
		flex: 0 0 90%;
	}
	.gallery img{
		width: 80%;
	}
	.gallery__item p{
		margin-top: 0;
	}
}
@media (max-width: 484px) {

	.text{
		padding: 35px 0;
		font-size: 1.8em;
	}
	.text h2{
		font-size: 20px;
	}
	.text p{
		font-size: 1.6em;
	}
	header .tel{
		font-size: 2.2em;
	}
	.logo img{
		width: 280px;
		height: 60px;
	}
}
@media (max-width: 400px) {
	header .tel{
		font-size: 2em;
	}
	.gallery img{
		width: 90%;
		height: 190px;
	}
	.text p{
		font-size: 1.3em;
	}
}