@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400&display=swap');

body { font-family: 'Inter', sans-serif;}
header { position: relative;}
header .contact { font-weight: 600; line-height: 19px;}
header div[class|="col"] { position: static;}
.top-menu { position: absolute; left: 50%; top: 50%; transform: translate(-45%, -53%);}
@media (max-width: 991px) {
		.top-menu { left: 50%; top: 84px; transform: translate(-347px, 0); width: 60%;}
}
.top-menu a { margin-left: 23px;}
.top-menu a:first-child { margin-left: 0px;}

.news-list .name {
    font-size: 108%;
    line-height: 1.3;
}

.main-bottom .news-list .news-item img {
    width: 100%;
    height: 307px;
    object-fit: cover;
}
@media (max-width: 1199px) {
	.main-bottom .news-list .news-item img {
	    height: 255.8px;
	}
}
@media (max-width: 991px) {
	.main-bottom .news-list .news-item img {
	    height: 187.6px;
	}
}
@media (max-width: 767px) {
	.main-bottom .news-list .news-item img {
	    height: 136.4px;
	}
}
@media (max-width: 575px) {
	.main-bottom .news-list .news-item img {
	    height: 307px;
	}
}

@media (min-width: 768px) {
	.news-list .name {
		font-size: 108%;
	}
}
@media (min-width: 992px) {
	.news-list .name {
		font-size: 144%;
	}
}

.bn-sect-name { font-weight: 300; font-size: 42px; line-height: 51px;}

@media (max-width: 767px) {
	.title h1 {  font-weight: 300; font-size: 18px; line-height: 22px; text-transform: uppercase;}
}

.banner._singleRowTitle .text { margin-bottom: 18px;}
.banner._singleRowTitle .bn-title { font-weight: 300; font-size: 42px; line-height: 51px; text-transform: uppercase;}

nav.left_menu a { font-weight: 400; font-size: 16px; line-height: 20px;}
nav.left_menu > a { padding-top: 8px; padding-bottom: 8px; text-transform: uppercase;}
nav.left_menu div.level2 { margin-bottom: 8px;}
nav.left_menu div.level2 > a { padding-top: 8px; padding-bottom: 8px;}

/* Прячет ТРЦ из меню #SAW-217*/
nav.left_menu div.level2 > a[href="/projects/shopping-malls/?servid=9"],
nav.mobile-menu .submenu a[href="/projects/shopping-malls/"] {display: none}

.project-list .navigation { padding-top: 28px;}
@media (max-width: 991px) {
	.project-list .navigation { padding-top: 20px;}
}
@media (max-width: 767px) {
	.project-list .navigation { padding-top: 28px;}
}
a.project-item { height: 100%; margin: 0;}
a.project-item:hover { background: none;}
a.project-item span.name { padding: 20px 0 32px; font-weight: 500; font-size: 24px; line-height: 32px; color: #1c2632; text-align: left;}
@media (max-width: 991px) {
	a.project-item span.name { padding: 15px 0 40px; font-size: 14px; line-height: 21px; text-align: center;}
}
@media (max-width: 767px) {
	a.project-item span.name { padding-bottom: 32px;}
}

.secTab { background: #fff; display: flex; flex-direction: column; align-items: center;}
@media (max-width: 767px) {
	.secTab { padding: 32px 0;}
}
.secTab_title { font-weight: 300; font-size: 18px; line-height: 22px; text-align: center; text-transform: uppercase; color: #44A0CA; margin-bottom: 34px; display: none;}
@media (max-width: 767px) {
	.secTab_title { display: block;}
}
.secTab_links { display: flex; align-items: center; justify-content: center;}
.secTab_link { height: 82px; margin: 0 45px; display: flex; align-items: center; font-weight: 500; font-size: 24px; line-height: 29px; color: #979797; border-bottom: 2px solid transparent; transition: color 0.3s ease;}
.secTab_link:hover { color: #3CACDD; text-decoration: none;}
.secTab_link._active { color: #3CACDD; border-bottom-color: #3CACDD;}
@media (max-width: 991px) {
	.secTab_link { height: 74px; margin: 0 20px; font-size: 20px; line-height: 24px;}
}
@media (max-width: 767px) {
	.secTab_links { flex-direction: column; align-items: flex-start;}
	.secTab_link { height: auto; margin: 0;}
	.secTab_link + .secTab_link { margin-top: 10px;}
	.secTab_link._active { padding-bottom: 4px;}
}
.secTab {}
.secTab {}

h1 {font-weight: 500; font-size: 24px; line-height: 29px;}
h2 {color: #3CACDD;}
@media (max-width: 991px){
	h1 {font-size: 20px; line-height: 24px;}
}

.contacts {	max-width: 824px; margin: 8px auto 16px;}
.contacts_top { display: flex; align-items: center; margin-bottom: 28px; color: #000;}
.contacts_info { flex-grow: 1; font-weight: 500;}
.contacts_button { display: flex; flex-shrink: 0; align-items: center; justify-content: center; max-width:361px; width: 100%; height: 48px; font-size: 16px; line-height: 20px; color: #FFFFFF !important; text-decoration: none !important; text-transform: uppercase; background: #3CACDD; margin-left: 23px;}
	.contacts_button img { width: 20px; height: 19px; margin-right: 12px;}
.contacts_map { height: 500px;}
@media (max-width: 1023px) {
	.contacts {	margin: -8px auto 16px;}
	.contacts_top { flex-direction: column; align-items: flex-start;}
	.contacts_button { max-width:367px; margin: 24px 0 0;}
}
@media (max-width: 767px) {
	.contacts { margin: -8px auto -4px;}
	.contacts_top { margin-bottom: 24px;}
	.contacts_button { font-size: 14px; margin-top: 16px;}
		.contacts_button img { display: none;}
	.contacts_map { height: 400px;}
}

.bn-content { background-position: 0% 0%}
body.index .bn-content {
	background-position: center top;
}

.text-animation {
	display: flex;
	position: absolute;
	inset: 0;
	justify-content: end;
	align-items: center;
	width: 100%;
	height: 100%;
	z-index: 10;
}

.text-animation__step {
	display: flex;
	justify-content: end;
	align-items: center;
	flex-wrap: wrap;
	gap: 14px 20px;
	color: white;
	font-family: 'Manrope', sans-serif;
	transition: opacity 600ms ease-in-out;
}


.text-animation__big {
	font-size: clamp(70px, 10vw, 100px);
	line-height: 1;
	font-weight: 400;
	flex-shrink: 0;
}
.text-animation__small {
	font-size: clamp(20px, 5vw, 40px);
	line-height: 1;
	font-weight: 300;
}

.text-animation__step--vert {
	flex-direction: column;
	align-items: end;
}
.text-animation__step--vert .text-animation__big {
	font-size: clamp(26px, 10vw, 50px);
	line-height: 45px;
	text-align: right;
}
.text-animation__step--vert .text-animation__small {
	font-size: clamp(16px, 10vw, 30px);
	line-height: 27px;
	text-align: right;
}

.hidden {
	opacity: 0;
	position: absolute;
}


header .toggle-btn { position: relative; z-index: 3;}
@media (max-width: 1199px) {
	header .d-md-block { display: none !important;}
	header .d-md-none { display: block !important;}
}
@media (max-width: 991px) {
	header .row { display: grid; grid-template-columns: repeat(2, 1fr)}
}
@media (max-width: 767px) {
	header .row { display: flex;}
}
@media (min-width: 768px) {
	header .toggle-btn { padding-top: 0; margin-top: -4px;}
}