/*Обнуление*/
*{
	padding: 0;
	margin: 0;
	border: 0;
}
*,*:before,*:after{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
:focus,:active{outline: none;}
a:focus,a:active{outline: none;}

nav,footer,header,aside{display: block;}

html,body{
	height: 100%;
	width: 100%;
	font-size: 100%;
	line-height: 1;
	font-size: 14px;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}
input,button,textarea{font-family:inherit;}

input::-ms-clear{display: none;}
button{cursor: pointer;}
button::-moz-focus-inner {padding:0;border:0;}
a, a:visited{text-decoration: none;}
a:hover{text-decoration: none;}
ul li{list-style: none;}
img{vertical-align: top;}

h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight: 400;}
/*--------------------*/


body{
	background-color: #fff;
}

/*header*/
header{
	background-color: #fff;
	max-width: 1180px;
	margin: 0 auto;
	width: 100%;
	height: auto;

}
.header-inner{
	display: flex;
}
.header-logo{
	margin-left: 15px;
	width: 175px;
	height: 109px;
}
.header-logo a{
	display: block;
}
.header-logo__img{
	margin-top: 15px;
}
.header-logo__img img{
	width: 160px;
	height: 84px;
}

.header-info{
	margin-top: 10px;
	width: 100%;
	height: 94px;
	position: relative;
}
.header-info__list{
	position: absolute;
	content: "";
	top: 15%;
	right: 15px;
}

.block img{
	width: 35px;
	height: 35px;
}
.block b{
	display: inline-block;
	margin-top: 7px;
	margin-left: 5px;
	font-size: 16px;
	color: #397373;
	font-family: 'Roboto', sans-serif;
}
@media(max-width: 405px){
	.header-inner{
		display: block;
	}
	.header-logo{
		margin: 0 auto;
		height: 84px
	}
	.header-info__list{
		position: relative;
	}
	.block{
		text-align: center;
	}
	.header-info{
		margin: 0;
	}
}


/*content*/
.content{
	max-width: 1180px;
	height: auto;
	margin: 0 auto;
}
.content-inner{
	width: inherit;
	height: inherit;
	background-color: #fff;
}
.location{
	width: 100%;
    height: auto;
}
.location-inner{
	display: table;
	position: relative;
    width: 100%;
    height: auto;
	
}
.location-firstLine{
	display: table-cell;
	width: 20%;
	height: 35px;
}	
.location-firstLine a.a_firstLine{
	background-color:#397373;
	height: inherit;
	position: relative;
	display: block;
	color: #fff;
	text-align: center;
}
.location-firstLine.activePage a.a_firstLine{
	background-color: #B1B3B4;
	color: #397373;
}
.location-firstLine-text{
	display: inline-block;
	margin-top: 7.5px;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;

}
.location-secondLine-gallery{
	display: none;
	position: absolute;
	content: "";
	z-index: 15;
	width: auto;
	height: auto;
}
.location-secondLine-gallery-inner a{
	display: block;
	color: #fff;
}
.a_secondLine{
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	height: 30px;
	padding:5px 5px 0 5px;
}

.location-firstLine:hover a.a_firstLine{
	background-color: #B1B3B4;
	color: #397373;
}
.location-firstLine.services:hover .location-secondLine-services{
	display: block;
	background-color: #397373;
}
.location-firstLine.gallery:hover .location-secondLine-gallery{
	display: block;
	background-color: #397373;
}
.a_secondLine:hover{
	background-color: #B7BABC;
	color: #397373;
}

.menu{
	width: 100%;
	display: none;
}
.menu-btn{
}
.menu_button{
	text-align: center;
	background-color: #397373;

}
.menu-btn button{
	background-color: #397373;
	border-left: 1px solid #397373;
	border-right: 1px solid #397373;
	width: 140px;
	color: #fff;
	font-size: 20px;
	font-family: 'Roboto', sans-serif;
}
.menu-btn button:hover{
	text-decoration: underline;
}
.menu-inner{
	display: none;
	background-color: #397373;
	text-align: center;
}
.menu-list{
	padding: 15px 15px 0px 15px;
}
.menu-list ul a{
	display: block;
	font-family: 'Roboto', sans-serif;
	color: #fff;
	font-size: 15px;
	padding-bottom: 15px;
}
.menu-list ul a:hover{
	text-decoration: underline;
	background-color: #397373;
}
.activePageMenu{
	background-color: #397373; ;
}
.menu-list-gallery{
	background-color: #397373;
	display: none;

}

@media(max-width: 700px){
	.location{
		display: none;
	}
	.menu{
		display: block;
	}
}


.information-inner{
	margin: 25px;
}
.information-inner h2{
	color: #397373;
	font-family: 'Roboto', sans-serif;
	text-align: left;
	font-size: 30px;
	margin-bottom: 25px;
}
.information-inner h3{
	color: #397373;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	margin-bottom: 25px;
}
.information-main-text{
	text-align: justify;
	color: #397373;
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
}
.information-main-text p{
	line-height: 1.2;
	padding-bottom: 25px;
}
.information-main-text-services{
	color: #397373;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
}
.information-main-text-services p{
	line-height: 1.3;
}
.services-subparagraphs{
	text-align: justify;
	color: #397373;
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
}
.information-main-text-contacts{
	color: #397373;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
}
.information-main-text-gallery-projects{
	color: #397373;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	margin-bottom: 50px;
}
.information-main-text-gallery-projects p{
	padding-bottom: 5px;
}
.documents{
	text-align: center;
}
.document{
	margin: 10px 5px;
	display: inline-block;
}
.document img{
	width: 275px;
	height: 390px;
}



/*gallery projects*/
.information-inner-text-gallery h2{
	color: #397373;
	font-family: 'Roboto', sans-serif;
	text-align: left;
	font-size: 30px;
	margin-bottom: 0px;
}
.projects{
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center	;
}
.project{
	width: 30%;
	height: 300px;
	background-color: #fff;
	margin-top: 20px;
}
.project.big{
	width: 40%;
	height: 300px;
	background-color: #fff;
}
.project-inner{
	position: relative;
	align-items: center;
	width: 100%;
	height: 300px;
	padding: 5px 5px 5px 5px;
}
.project-about h4{
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	color: #000;
}
.project-about p{
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
	color: #000;
}
.project-about{
	margin-bottom: 5px;
}
.project-img-large{
	position: relative;
}
.project-img-lower{
	position: relative;
}

.project-img-large img{
	width: 440px;
	height: 250px;
}
.project-img-lower img{
	width: 329px;
	height: 250px;
}
.project-img-lower.if-big-text img{
	width: 329px;
	height: 230px;
}
.project-img-large.if-big-text img{
	width: 440px;
	height: 230px;
}
.project-inner:hover .project-img-large img{
	opacity: 0.3;
	transition: 0.2s;
}
.project-inner:hover .project-img-lower img{
	opacity: 0.3;
	transition: 0.2s;
}
.project-text-hover{
	font-weight: bold;
	display: none;
	width: 100%;
	font-size: 25px;
	position: absolute;
	content: "";
	top: 35%;
	left: 0;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	color:#397373;
}
.project-inner:hover .project-text-hover{
	display: block;
}

/*.project-inner:hover */
@media(max-width: 1180px){
	.project{
		width: 50%;
	}
	.project.big{
		width: 50%;
	}

	.project-img-large img{
		max-width: 450px;
		width: 100%;
		height: 250px;
	}
	.project-img-lower img{
		max-width: 450px;
		width: 100%;
		height: 250px;
	}
	.project-img-lower.if-big-text img{
		max-width: 450px;
		width: 100%;
		height: 250px;
	}
	.project-img-large.if-big-text img{
		max-width: 450px;
		width: 100%;
		height: 250px;
	}

}
@media(max-width: 770px){
	.project{
		width: 100%;
		height: 450px;
	}
	.project.big{
		width: 100%;
		height: 450px;
	}
	.project-inner{
		text-align: center;
		height: 450px;
	}
	.project-img-large img{
		max-width: 550px;
		width: 100%;
		height: 350px;
	}
	.project-img-lower img{
		max-width: 550px;
		width: 100%;
		height: 350px;
	}
	.project-img-lower.if-big-text img{
		max-width: 550px;
		width: 100%;
		height: 350px;
	}
	.project-img-large.if-big-text img{
		max-width: 550px;
		width: 100%;
		height: 350px;
	}

}
@media(max-width: 450px){
	.project{
		width: 100%;
		height: 300px;
	}
	.project.big{
		width: 100%;
		height: 300px;
	}
	.project-inner{
		text-align: center;
		height: 300px;
	}
	.project-img-large img{
		max-width: none;
		width: 100%;
		height: 220px;
	}
	.project-img-lower img{
		max-width: none;
		width: 100%;
		height: 220px
	}
	.project-img-lower.if-big-text img{
		max-width: none;
		width: 100%;
		height: 220px
	}
	.project-img-large.if-big-text img{
		max-width: none;
		width: 100%;
		height: 220px
	}
}
/*project + slider*/
.some-project-main-inner{
	margin-top: 30px;
	display: flex;
}

.some-project-text{
	width: 35%;
	margin-right: 5%;
}
.some-project-about__small-text{}
.some-project-about__text{}

.some-project-name h2{
	font-size: 28px;
	font-weight: bolder;
}

.small-text__line{
	line-height: 1.2;
	margin-bottom: 10px;
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
	color: #397373;
	display: flex;
}
.some-project__bold-text{
	float: left;
	font-weight: bold;
	color: #000;

}
.some-project__span-bold-text{
	font-weight: bold;
	color: #000;
}
.address,.scale,.year{
	margin-left: 3px;
	float: right;
}
.year{
	margin-left: 20px;
}

.some-project-recommendation{
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
}

.some-project-recommendation a{
	display: block;
	color: #000;
	font-size: 20px;
	font-family: 'Roboto', sans-serif;
	font-weight: bolder;

}

.some-project-text{
	position: relative;
}

.some-project-about__text{
	text-align: justify;
	line-height: 1.3;
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
	color: #397373;
}

.l-info{
	width: 328px;
}
.l2-info{
	width: 351px;
}


/*slider*/
.some-project-slider{
	min-width: 0;
	width: 60%;
	height: auto;
	position: relative;
}
.image-slider{
	
}

.image-slider__slide{
	text-align: center;
}

.image-slider__image img{
	max-width: 100%;
}

.image-slider .swiper-button-prev:after,
.image-slider .swiper-button-next:after{
	color: #397373;
	font-size: 60px;
}

.swiper-pagination{
	position: relative;
	margin-top: 20px;
	display: grid;
	grid-template: repeat(2,1fr)/repeat(auto-fit,minmax(96.333px,96.333px));
	gap: 20px;
}
.swiper-pagination img{
    width: 96.333px;
    height: 65px;
}




.some-project-next-inner{
	margin-top: 20px;
	width: 100%;
	display: flex;
}
.some-project-next-text{
	padding-top: 40px;
	width: 40%;
}
.some-project-next-text p{
	color: #282626;
	font-size: 25px;
	font-family: 'Roboto', sans-serif;
	font-weight: bolder;
}
.some-project-next-text a{
	display: block;
	margin-top: 25px;
	color: #397373;
	font-size: 25px;
	text-decoration: underline;
	font-family: 'Roboto', sans-serif;
	font-weight: bolder;
	padding-right: 10px;
}
.some-project-next-text a:hover{
	text-decoration: none;
}
.some-project-next__img a{
	display: block;

}

.some-project-next__img img{
	
	width: 300px;
	height: 200px;
}
.some-project-next__img img:hover{
	border: 2px solid #397373;
}





.middle-flex{
	width: 100%;
	display: flex;
}
.null-flex{
	width: 35%;
	margin-right: 5%;
}
.swiper-pagination{
	width: 60%;
}



@media(max-width: 1150px){
	.some-project-main-inner.sizo{
		display: block;
	}
	.some-project-text.sizo{
		margin-bottom: 30px;
		width: 100%
	}
	.some-project-slider.sizo{
		width: 100%
	}
	.some-project-next-inner.sizo{
		display: block;
	}
	.some-project-next-text.sizo{
		width: 100%;
		text-align: center;

	}
	.some-project-next__img.sizo{
		margin-top: 20px;
		text-align: center;
		width: 100%;
	}
	.some-project-next__img.sizo img{
		margin: 0;
		width: 270px;
	}
	.some-project-recommendation.sizo{
		margin-top: 15px;
		position: relative;
	}
}

@media(max-width: 980px){
	.some-project-main-inner{
		display: block;
	}
	.some-project-text{
		margin-bottom: 30px;
		width: 100%
	}
	.some-project-slider{
		width: 100%
	}
	.some-project-next-inner{
		display: block;
	}
	.some-project-next-text{
		width: 100%;
		text-align: center;

	}
	.some-project-next__img{
		margin-top: 20px;
		text-align: center;
		width: 100%;
	}
	.some-project-next__img img{
		margin: 0;
		width: 270px;
	}
	.some-project-recommendation{
		margin-top: 15px;
		position: relative;
	}
	.null-flex{
		display: none;
	}
	.swiper-pagination{
		width: 100%;
	}
	.l-info{
		width: auto
	}
	.l2-info{
		width: auto
	}
}
@media(max-width: 500px){
	.swiper-pagination{
		display: none;
	}
}
	











.arrowUp{
	margin-right: 5px;
	width: 41px;
	height: 41px;
	float: right;
}
.arrowUpButton{
	position: fixed;
	z-index: 1001;
	bottom: 5%;
	background-color: #397373;
	border-radius: 5px;
}
.arrowUpButton:hover{
	background-color: #398666;

}
.arrowUpButton img{
	width: 41px;
	height: 41px;
}



.footer-inner{
	height: 35px;
	text-align: center;
}



.show{
	display: block;
}