@charset "utf-8";
/* CSS Document */

/*---------- Google Fonts ----------*/

:root {
	--creme: #F0EDE9;
	--white: #fff;
	--darkgreen: #142F29;
	--orange: #F3521F;
	--parkgreen: #32493A;
	--sunyellow: #F9BE6B;
	--blue: #2A2D63;
	--grey: #8595A3;
	--pink: #C4A4C5;

}

body {
	font-family: 'ApercuRegular';
	font-size: 17px;
	line-height: 30px;
	background-color: var(--creme);	
	color: var(--darkgreen);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media (min-width: 768px) {
	body {
		zoom: 90%;
	}
}

figure {
	margin: 0;
	display: flex;
}

a,
input,
button,
textarea {
	outline: none !important;
}

a {
	text-decoration: none;
	transition: all ease-in-out 300ms;
	-webkit-transition: all ease-in-out 300ms;
	-ms-transition: all ease-in-out 300ms;
	-o-transition: all ease-in-out 300ms;
	-moz-transition: all ease-in-out 300ms;
}

.container-fluid,
.container {
	padding-left: 15px;
	padding-right: 15px;
}

.row {
	margin-left: -15px;
	margin-right: -15px;
}

.row>* {
	padding-left: 15px;
	padding-right: 15px;
}

p {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

p a {
	text-decoration: none;
	color: inherit;
}

p a:hover {
	color: var(--darkgreen);
}

.footer-main .text-white a:hover {
	color: white;
	text-decoration: underline;
}

ul li,
ol li {
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

ul li a,
ol li a {
	text-decoration: none;
	color: inherit;
}

ul li a:hover,
ol li a:hover {
	color: var(--darkgreen);
}

/* Common Style Start */
.banner-title {
	font-family: 'ApercuMedium';
	font-size: 95px;
	line-height: 114px;
	letter-spacing: -0.959px;
	font-weight: normal;
	color: var(--white);
}

.banner-title * {
	text-decoration: none;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	font-weight: inherit;
	color: inherit;
	margin: 0;
}

.main-title {
	font-family: 'ApercuMedium';
	font-size: 68px;
	line-height: 80px;
	letter-spacing: -0.678px;
	font-weight: normal;
}

.main-title * {
	text-decoration: none;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	font-weight: inherit;
	margin: 0;
}

.section-title {
	font-family: 'ApercuMedium';
	font-size: 48px;
	line-height: 58px;
	font-weight: normal;
}

.section-title * {
	text-decoration: none;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	margin: 0;
}

.block-title {
	font-family: 'ApercuMedium';
	font-size: 34px;
	line-height: 50px;
	font-weight: normal;
}

.block-title * {
	text-decoration: none;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	margin: 0;
}

/* .block-title {
	font-family: 'ApercuMedium';
	font-size: 34px;
	line-height: 50px;
	font-weight: normal;
}

.block-title * {
	text-decoration: none;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	margin: 0;
} */

.small-title {
	font-size: 20px;
	line-height: 30px;
	font-weight: normal;
}

.small-title sup,
.small-title sub {
	font-size: 13px;
	line-height: 13px;
}

.small-title * {
	text-decoration: none;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	margin: 0;
}

.sub-title {
	font-family: 'ApercuMedium';
	letter-spacing: 3.394px;
	text-transform: uppercase;
	font-weight: normal;
}

.sub-title * {
	text-decoration: none;
	font-family: inherit;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	margin: 0;
}

.common-detail * {
	text-decoration: none;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	margin: 0;
}

.common-detail sup,
.common-detail sub {
	font-size: 12px;
}

.detail {
	font-size: 15px;
	line-height: 23px;
	font-weight: normal;
	padding: 11px 0 0;
	position: relative;
	margin: 23px 0 0;
}

.detail::before {
	content: "";
	width: 43px;
	height: 1px;
	background-color: var(--darkgreen);
	position: absolute;
	left: 0;
	top: 0;
}

strong {
	font-family: 'ApercuBold';
	font-weight: normal;
}

.detail strong {
	font-family: 'ApercuBold';
	font-weight: normal;
	line-height: 20px;
	display: block;
}

.detail * {
	text-decoration: none;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	margin: 0;
}

.apercu-medium {
	font-family: 'ApercuMedium';
}

.btn {
	font-family: 'ApercuMedium';
	font-size: 20px;
	line-height: 22px;
	font-weight: normal;
	letter-spacing: -0.2px;
	padding: 11px 32px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}

.btn-border {
	background-color: transparent;
	border: 1px solid var(--white);
	color: var(--white);
}

.btn-border:hover,
.btn-border:active {
	background-color: var(--white) !important;
	color: var(--darkgreen) !important;
	border-color: var(--white) !important;
}

.btn-border-green {
	background-color: transparent;
	border: 1px solid var(--darkgreen);
	color: var(--darkgreen);
}

.btn-border-green:hover,
.btn-border-green:active {
	background-color: var(--darkgreen) !important;
	color: var(--white) !important;
	border-color: var(--darkgreen) !important;
}

/* Common Style End */

/*==================================================================*/
/*========== Header Start ==========*/
/*==================================================================*/
.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	padding: 80px 0 0;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}

.header-fixed {
	padding: 40px 0 0;
}

.header .navbar {
	padding: 0 4px 0 0;
	align-items: flex-start;
}

.header .navbar-brand {
	padding: 0;
	margin: 0;
	position: relative;
	z-index: 99;
}

.header .navbar-toggler {
	padding: 0;
	border: none;
	box-shadow: none;
	position: relative;
	z-index: 99;
	opacity: 1;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}

.header .navbar-toggler img {
	width: 25px;
}

.header.open .navbar-toggler {
	opacity: 1;
}

.header-fixed .navbar-toggler {
	opacity: 1;
}

.header .navbar-collapse {
	background-color: var(--darkgreen);
	text-align: center;
	display: flex;
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	max-width: 100%;
	width: 100%;
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}

.header .navbar-collapse.show {
	opacity: 1;
	visibility: visible;
	height: auto;
}

/* .header .navbar-collapse::after {
	content: "";
	background-color: var(--darkgreen);
	position: fixed;
	right: -100%;
	top: 0;
	height: 160px;
	max-width: 100%;
	width: 100%;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}

.header .navbar-collapse.show::after {
	right: 0;
} */

.header .navbar-nav {
	display: block;
	margin: auto;
}

.header .navbar-nav .nav-item .nav-link,
.header .navbar-nav .dropdown-menu .dropdown-item {
	font-size: 52px;
	line-height: 105px;
	color: var(--white);
	padding: 0;
	text-align: center;
}

.header .navbar-nav .nav-item .nav-link:hover,
.header .navbar-nav .nav-item .nav-link:focus,
.header .navbar-nav .nav-item .nav-link.active,
.header .navbar-nav .nav-item .nav-link.show {
	opacity: 0.6;
}

.header .navbar-nav .dropdown-menu .dropdown-item:hover,
.header .navbar-nav .dropdown-menu .dropdown-item:focus,
.header .navbar-nav .dropdown-menu .dropdown-item.active {
	opacity: 0.6;
	background-color: transparent;
}

.header .navbar-nav .dropdown-menu {
	background-color: transparent;
	border: none;
	position: relative;
	padding: 36px 0 31px;
	display: flex;
    flex-direction: column;
    align-items: center;	
}

.header .navbar-nav .dropdown-menu::before {
	content: "";
	background-color: var(--white);
	width: 63px;
	height: 2.64px;
	position: absolute;
	left: 0;
	right: 0;
	top: 18px;
	margin: 0 auto;
}

.header .navbar-nav .dropdown-menu::after {
	content: "";
	background-color: var(--white);
	width: 63px;
	height: 2.64px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto 10px;
}


.header .navbar-nav .nav-item .dropdown-toggle::after {
	display: none;
}

.header .navbar-collapse.show .header-bg {
	/* position: fixed; */
	opacity: 1;
	visibility: visible;
}

.header-bg {
	position: fixed;
	left: 0;
	right: 0;
	top: 50%;
	opacity: 0;
	visibility: hidden;
	mix-blend-mode: multiply;
	z-index: -1;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
}


.header-bg img {
	margin: 0 auto;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}
/*==================================================================*/
/*========== Header End ==========*/
/*==================================================================*/



/*==================================================================*/
/*========== New Class Add Start ==========*/
/*==================================================================*/

/*========== Home Page Start ==========*/
.banner-wrp {
	background-color: var(--parkgreen);
	padding: 160px 0 180px;
	position: relative;
	z-index: 9;
	overflow: hidden;
}

.banner-wrp .banner-bg figure {
	justify-content: center;
	height: 100%;
}

.banner-bg img {
	object-fit: cover;
}

.banner-content {
	max-width: 794px;
	width: 100%;
	margin: 0 0 0 134px;
	/* margin: 0 auto; */
}

.banner-content .sub-title {
	margin: 0 0 28px;
	color: var(--white);
}

.banner-content .banner-title {
	margin: 0 0 47px;
}

.banner-menu {
	margin: 2px 0 4px;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}

.banner-menu .dropdown-menu {
	background-color: transparent;
	border: none;
	text-align: right;
	padding: 14px 0;
	position: relative;
	display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.banner-menu .dropdown-menu::before {
	content: "";
	width: 24px;
	height: 1px;
	background-color: var(--creme);
	position: absolute;
	right: 0;
	top: 7px;
}

.banner-menu .dropdown-menu::after {
	content: "";
	width: 24px;
	height: 1px;
	background-color: var(--creme);
	position: absolute;
	right: 0;
	bottom: 7px;
}

.banner-menu .nav-item {
	text-align: right;
}

.banner-menu .nav-item .nav-link,
.banner-menu .nav-item .dropdown-item {
	font-size: 20px;
	line-height: 40px;
	padding: 0;
	color: var(--white);
	background-color: transparent;
	display: inline-block;
}

.banner-menu .nav-item .dropdown li {
	display: inline-block;
}

.banner-menu .nav-item .nav-link::after {
	display: none;
}

.banner-menu .nav-item .nav-link:hover,
.banner-menu .nav-item .nav-link.active,
.banner-menu .nav-item .dropdown-item:hover,
.banner-menu .nav-item .dropdown-item.active {
	background-color: transparent;
	opacity: 0.6;
}

.banner-menu .navbar-nav {
	align-items: flex-end;
    position: relative;
    z-index: 1;
}

.banner-menu.hide {
	opacity: 0;
}

.banner-bg {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	mix-blend-mode: multiply;
	z-index: -1;
	text-align: center;
}

.circle-img {
	width: 151px;
	height: 151px;
	background-color: var(--orange);
	display: flex;
	align-items: center;
	justify-content: center;	
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.banner-main .circle-img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-673px, -129px);
	-webkit-transform: translate(-673px, -129px);
	-moz-transform: translate(-673px, -129px);
	-ms-transform: translate(-673px, -129px);
	-o-transform: translate(-673px, -129px);
}

.circle-img img {
	animation: infinite-spinning 20s infinite linear;
	-webkit-animation: infinite-spinning 20s infinite linear;
}

@keyframes infinite-spinning {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}	
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
	}
}

.at-glance-left {
	display: flex;
	padding: 6px 0 0;
}

.at-glance-wrp {
	padding: 180px 0;
}

.at-glance-right .sub-title {
	margin: 0 0 40px;
}

.at-glance-right {
	margin: 0 -20px 0 10px;
}

.at-glance-main {
	margin: 0 0 0 139px;	
}

.img-slider-wrp {
	padding: 0 0 100px;
	overflow: hidden;
	position: relative;
}

.img-slider {
	opacity: 0;
}

.img-slider.slick-initialized {
	opacity: 1;
}


.slick-dots {
	padding: 0;
	margin: -53px 0 0;
	height: 1.5px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: absolute;
	left: 0;
	right: 0;
}

.slick-dots li {
	list-style-type: none;
	width: 43px;
	height: 0.75px;
	background-color: var(--darkgreen);
	margin: 0 15px 0 0;
	cursor: pointer;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}

.slick-dots li.slick-active {
	height: 2px;
}

.slick-dots li:last-child {
	margin-right: 0;
}

.slick-dots li button {
	display: none;
}

.slider-img img {
	width: 100%;
	height: 1080px;
	object-fit: cover;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}

.img-slider .slick-prev {
    cursor: url("../images/left.svg"), none;
	left: 0;
}

.img-slider .slick-next {
    cursor: url("../images/right.svg"), none;
	right: 0;
}

.img-slider .slick-prev, .img-slider .slick-next {
	font-size: 0;
    position: absolute;
    width: 50%;
    z-index: 1;
	background-color: transparent;
	border: none;
	top: 0;
	padding: 0;
	bottom: 78px;
}

.about-img img {
	width: 100%;
	object-fit: cover;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}

.about-content {
	max-width: 519px;
	width: 100%;
	margin-left: auto;
}

.about-content .common-detail p {
	margin: 0 0 30px;
}

.about-content .common-detail p:last-child {
	margin-bottom: 0;
}

.about-img {
	margin: 0 auto;
	max-width: 520px;
	width: 100%;
}

.about-wrp {
	padding: 100px 0 61px;
}

.highlights-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 20px;
}

.highlights-main {
	max-width: 1346px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.highlights-main .main-title {
	margin: 0 0 80px;
}

.highlights-wrp {
	padding: 62px 0 35px;
}

.highlights-block {
	margin: 0 0 40px;
}

.architecture-content {
	color: var(--white);
	padding: 82px 136px 82px 138px;
	background-color: var(--darkgreen);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}

.architecture-content .btn {
	padding: 11px 28px;
}

.architecture-content .sub-title {
	margin: 0 0 28px;
}

.architecture-content .section-title {
	margin: 0 0 40px;
} 

.architecture-content .common-detail {
	margin: 0 0 40px;
}

.architecture-wrp {
	padding: 75px 0 24px;
}

.architecture-bottom {
	margin: -361px 0 0;
}

.architecture-top {
	position: relative;
}

.architecture-img img {
	width: 100%;
	height: 760px;
	object-fit: cover;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}

.cityscape-content {
	padding: 132px 0 0;
}

.cityscape-content .section-title {
	margin: 0 0 40px;
}

.cityscape-wrp {
	padding: 24px 0 67px;
}

.cityscape-img img {
	width: 100%;
	mix-blend-mode: multiply;
}

.apartments-block {
	color: var(--white);
}

.detail.white-border::before {
	background-color: var(--white);
}

.apartments-left {
	margin: -211px 0 0;
}

.apartments-wrp {
	padding: 144px 0 75px;
	position: relative;
}

.apartment-location {
	position: relative;
	z-index: 9;
}

.apartments-bg {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	top: 0;	
	mix-blend-mode: multiply;
	z-index: -1;
}

.apartments-content {
	max-width: 519px;
	width: 100%;
	margin: 0 auto;	
	color: var(--white);
}

.apartments-content .sub-title {
	margin: 0 0 28px;
}

.apartments-content .section-title {
	margin: 0 0 40px;
}

.apartments-content .common-detail {
	margin: 0 0 40px;
}

.apartments-btn .btn {
	padding: 11px 14px;
	max-width: 214px;
	width: 100%;
	display: block;
	margin: 0 0 24px;
}

.apartments-btn .btn:last-child {
	margin-bottom: 0;
}

.apartments-top {
	padding: 0 0 120px;
}

.apartments-img img {
	width: 100%;
	object-fit: cover;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}

.apartments-bottom .apartments-block {
	padding: 5px 0 0;
}

.location-main {
	color: var(--white);
	margin: -229px 0 0;
}

.location-content {
	background-color: var(--creme);
	padding: 66px 133px 66px 138px;
	color: var(--darkgreen);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}

.location-content .sub-title {
	margin: 0 0 28px;
}

.location-content .section-title {
	margin: 0 0 40px;
}

.location-content .common-detail {
	margin: 0 0 40px;
}

.location-block {
	padding: 0 0 35px;
}

.location-block-img img {
	width: 100%;
	object-fit: cover;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}

.location-wrp {
	padding: 75px 0 183px;
}

.location-img {
	padding: 0 50px 0 46px;
}

.location-img img {
	width: 100%;
	height: 844px;
	object-fit: cover;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}

.plan-wrp {
	padding: 180px 0;
}

.plan-content {
	max-width: 520px;
	width: 100%;
	margin: 0 auto;
}

.plan-content .btn {
	max-width: 179px;
	width: 100%;
}

.plan-content .section-title {
	margin: 0 0 54px;
}

.plan-content .common-detail {
	margin: 0 0 40px;
}

.plan-right {
	max-width: 657px;
	margin-left: auto;
	position: relative;
}

.plan-logo {
	max-width: 293px;
	width: 100%;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.plan-main-img img {
	width: 100%;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}

/*========== Home Page End ==========*/

/*========== Lage Page Start ==========*/
/*.inner-bnr-wrp.lage-bnr {*/
/*	padding: 329px 0 140px;*/
/*}*/

.inner-bnr-wrp {
	padding: 269px 0 200px;
	position: relative;
	overflow: hidden;
}

.inner-bnr-bg {
	position: absolute;
	left: 0;
	top: 0;
	mix-blend-mode: multiply;
}

.inner-bnr-content {
	color: var(--white);
}

.inner-bnr-main {
	position: relative;
}

.inner-bnr-wrp .banner-menu {
	position: absolute;
	right: 0;
	top: -100%;
	margin: 110px 0 0;
}

.inner-bnr-content {
	margin: 0 0 0 138px;
}

.inner-bnr-content .sub-title {
	margin: 0 0 28px;
}

.lage-about-content {
	max-width: 520px;
	width: 100%;
	margin: 180px 0 0 auto;
}

.lage-about-content .block-title {
	margin: 0 0 58px;
}

.lage-about-img {
	margin: -105px 0 0 0;
}

.lage-about-img img {
	width: 100%;
	object-fit: cover;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}

.lage-about-wrp {
	position: relative;
	padding: 0 0 80px;
}

.lage-img-slider .img-slider-main {
	max-width: 1345px;
	width: 100%;
	margin: 0 auto;
}

.lage-img-slider .slider-img img {
	height: 630px;
}

.lage-maps-section .nav-tabs {
	border: none;
	position: absolute;
	left: 137px;
	top: 25px;
	right: 0;
	z-index: 9;
}

.lage-maps-section .nav-tabs .nav-item {
	max-width: 163px;
	width: 100%;
	margin: 0 24px 0 0;
}

.lage-maps-section .nav-tabs .nav-item:last-child {
	margin-right: 0;
}

.lage-maps-section .nav-tabs .nav-link {
	font-family: 'ApercuMedium';
	font-size: 20px;
	line-height: 22px;
	letter-spacing: -0.2px;
	padding: 10px;
	text-align: center;
	color: var(--darkgreen);
	border: 1px solid var(--darkgreen);
	background-color: var(--creme);
	margin: 0;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}

.lage-maps-section .nav-tabs .nav-link.active,
.lage-maps-section .nav-tabs .nav-link:hover {
	color: var(--white);
}

.lage-maps-section .nav-tabs #restaurants-tab.active,
.lage-maps-section .nav-tabs #restaurants-tab:hover {
	background-color: var(--sunyellow);
	border-color: var(--sunyellow);
}

.lage-maps-section .nav-tabs #cafe-tab.active,
.lage-maps-section .nav-tabs #cafe-tab:hover {
	background-color: var(--blue);
	border-color: var(--blue);
}

.lage-maps-section .nav-tabs #shopping-tab.active,
.lage-maps-section .nav-tabs #shopping-tab:hover {
	background-color: var(--pink);
	border-color: var(--pink);
}

.lage-maps-section .nav-tabs #school-tab.active,
.lage-maps-section .nav-tabs #school-tab:hover {
	background-color: var(--grey);
	border-color: var(--grey);
}

.lage-maps-section .nav-tabs #fitness-tab.active,
.lage-maps-section .nav-tabs #fitness-tab:hover {
	background-color: var(--parkgreen);
	border-color: var(--parkgreen);
}

.lage-maps-section {
	position: relative;
}

.lage-maps-main .main-title {
	max-width: 794px;
	width: 100%;
	margin: 0 0 80px 138px;
}

.lage-maps-wrp {
	padding: 103px 0 90px;
}

.lage-map-img img {
	object-fit: cover;
	border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	-ms-border-radius: 8px 8px 0 0;
	-o-border-radius: 8px 8px 0 0;
}

.lage-distances-wrp {
	background-color: var(--parkgreen);
	color: var(--white);
	padding: 82px 150px 37px 137px;
	border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	-ms-border-radius: 0 0 8px 8px;
	-o-border-radius: 0 0 8px 8px;
}

.lage-distances-wrp .section-title {
	margin: 0 0 40px;
}

.lage-distances-block {
	margin: 0 0 40px;
}

.lage-distances-block .block-title {
	line-height: 45px;
}

.muhlenkamp-main {
	max-width: 1345px;
	width: 100%;
	margin: 0 auto;
}

.muhlenkamp-img img {
	width: 100%;
	object-fit: cover;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}

.muhlenkamp-img {
	max-width: 520px;
	width: 100%;
}

.muhlenkamp-top .muhlenkamp-img {
	margin-left: auto;
}

.muhlenkamp-title {
	margin: 34px 0 0;
}

.muhlenkamp-content .block-title {
	margin: 0 0 40px;
}

.muhlenkamp-content .common-detail p {
	margin: 0 0 30px;
}

.muhlenkamp-content .common-detail p:last-child {
	margin-bottom: 0;
}

.muhlenkamp-top {
	padding: 0 0 18px;
}

.muhlenkamp-content {
	margin: 162px 0 0;
}

.muhlenkamp-wrp {
	padding: 90px 0;
}

.lage-highlights-main {
	max-width: 1345px;
	width: 100%;
	margin: 0 auto;
}

.lage-highlights-main .section-title {
	margin: 0 0 80px;
}

.lage-highlights-wrp {
	padding: 90px 0 67px;
}

.ideal-location-wrp {
	padding: 67px 0 90px;
}

.ideal-location-main {
	max-width: 1345px;
	width: 100%;
	margin: 0 auto;
}

.ideal-location-img img {
	width: 100%;
	object-fit: cover;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}

.ideal-location-content {
	max-width: 516px;
	width: 100%;
}

.ideal-location-content .block-title {
	margin: 0 0 40px;
}

.ideal-location-content .common-detail p {
	margin: 0 0 30px;
}

.ideal-location-content .common-detail p:last-child {
	margin-bottom: 0;
}

.ideal-location-top {
	padding: 0 0 111px;
}

.ideal-location-bottom .ideal-location-img {
	max-width: 383px;
	width: 100%;
	margin-left: auto;
	margin-right: 21px;
}

.ideal-location-bottom .ideal-location-content {
	margin: 60px 0 0 auto;
}

.lage-services-main {
	max-width: 1346px;
	width: 100%;
	margin: 0 auto;
}

.lage-services-img {
	margin: 0 0 20px;
}

.lage-services-img img {
	width: 100%;
	object-fit: cover;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}

.main-lage-page .lage-services-img img {
	height: 263px;
}

.lage-services-content .section-title,	
.lage-services-content .block-title {
	margin: 0 0 32px;
}

.lage-services-content .common-detail {
	margin: 0 0 40px;
}

.lage-services-wrp {
	padding: 90px 0 180px;
}

.lage-services-content .btn {
	padding: 11px 23px;
}

/*========== Lage Page End ==========*/

/*========== Krohnskamp Page Start ==========*/
.krohnskamp-bnr .inner-bnr-bg {
	top: auto;
	bottom: 0;
}

.krohnskamp-glance-main {
	max-width: 1345px;
	width: 100%;
	margin: 0 auto;
}

.krohnskamp-glance-main .glance-icon {
	margin: 0 0 44px;
}

.krohnskamp-glance-main .sub-title {
	margin: 0 0 40px;
}

.krohnskamp-glance-wrp {
	padding: 180px 0 90px;
}

.implement-main {
	max-width: 1345px;
	width: 100%;
	margin: 0 auto;
}

.implement-top {
	padding: 0 0 82px;
}

.implement-right,
.implement-block {
	max-width: 520px;
	width: 100%;
	margin-left: auto;
}

.implement-right {
	padding: 52px 0 0;
}

.implement-content .block-title,
.implement-right .block-title {
	margin: 0 0 40px;
}

.implement-content .common-detail p {
	margin: 0 0 30px;
}

.implement-content .common-detail p:last-child {
	margin-bottom: 0;
}

.implement-right .apartments-img {
	margin: 134px 0 0;
}

.implement-wrp {
	padding: 41px 0 151px;
}

.krohnskamp-highlights-wrp .highlights-icon img {
	width: 36px;
}

.krohnskamp-highlights-main {
	max-width: 1346px;
	width: 100%;
	margin: 0 auto;
}

.krohnskamp-highlights-main .highlights-block {
	text-align: center;
	margin: 0 0 50px;
}

.krohnskamp-highlights-main .main-title {
	margin: 0 0 134px;
	text-align: center;
}

.krohnskamp-highlights-main .highlights-section {
	padding: 0 0 53px;
}

.krohnskamp-highlights-wrp {
	color: var(--white);
	padding: 180px 0;
	position: relative;
	z-index: 9;
	overflow: hidden;
}

.krohnskamp-highlights-top {
	padding: 0 0 177px;
}

.krohnskamp-top-left {
	max-width: 383px;
	width: 100%;
	margin-left: auto;
	margin-right: 23px;
}

/* .krohnskamp-top-left .common-detail span,
.krohnskamp-top-right .common-detail span,
.city-apartments-content .common-detail span,
.greenery-right .common-detail span {
	color: #FF00D4;
} */

.krohnskamp-top-right .block-title {
	margin: 0 0 44px;
}

.krohnskamp-top-right .common-detail p {
	margin: 0 0 30px;
}

.krohnskamp-top-right .common-detail p:last-child {
	margin-bottom: 0;
}

.krohnskamp-top-row .krohnskamp-top-right {
	max-width: 383px;
	width: 100%;
}

.krohnskamp-bottom-row .krohnskamp-top-right {
	margin: -149px 0 0;
}

.krohnskamp-top-left .common-detail p {
	margin: 0 0 30px;
}

.krohnskamp-top-left .common-detail p:last-child {
	margin-bottom: 0;
}

.krohnskamp-bottom-row .krohnskamp-top-left {
	padding: 134px 0 0;
}

.city-apartments-content {
	max-width: 382px;
	width: 100%;
	margin-left: auto;
}

.city-apartments-content .block-title {
	margin: 0 0 40px;
}

.city-apartments-details .block-title {
	margin: 0 -40px 40px 0;
}

/* .city-apartments-top {
	max-width: 1345px;
	width: 100%;
	margin: 0 auto;
} */

.city-apartments-details {
	max-width: 383px;
	width: 100%;
}

.city-apartments-wrp {
	padding: 180px 0;
}

.city-apartments-top .apartments-img {
	max-width: 657px;
	width: 100%;
}

.city-apartments-middle {
	margin: -66px 0 134px;
}

.city-apartments-main .implement-left {
	max-width: 1345px;
	width: 100%;
	margin: 0 auto;
}

.greenery-main {
	color: var(--white);
}

.greenery-right {
	max-width: 383px;
	width: 100%;
	margin: 111px 0 0;
}

.greenery-right .block-title {
	margin: 0 0 40px;
}

.greenery-wrp {
	padding: 180px 0 90px;
	position: relative;
	z-index: 9;
	overflow: hidden;
}

.greenery-bg {
	position: absolute;
	left: 0;
	top: 280px;
	mix-blend-mode: multiply;
	z-index: -1;
}

.greenery-middle-section {
	max-width: 658px;
	width: 100%;
	margin-left: auto;
}

.greenery-middle-block .detail {
	margin: 0 0 40px;
}

.greenery-middle-section .row>*:first-child .greenery-middle-block {
	padding: 82px 0 0;
	margin: 0 -54px 0 0;
}

.greenery-middle-section .row>*:last-child .greenery-middle-block {
	margin: 0 0 0 -54px;
}

.greenery-middle {
	margin: -60px 0 134px;
}

.greenery-main .implement-left {
	max-width: 1345px;
	width: 100%;
	margin: 0 auto;
}

.floor-plans-wrp {
	padding: 180px 0 180px;
	overflow: hidden;
}

.floor-plans-main .section-title {
	margin: 0 0 134px;
}

.floor-plans-details {
	max-width: 806px;
	width: 100%;
	margin: 0 0 134px;
}

.floor-plans-details .common-detail {
	margin: 0 0 40px;
}

.floor-plans-left {
	margin: 0 -49px 0 0;
}

.floor-plans-left img {
	width: 100%;
	mix-blend-mode: multiply;
}

.floor-plans-left .btn {
	position: absolute;
	right: 4%;
	bottom: 21px;
	z-index: 1;
}

@media (max-width: 1399px) {
	.floor-plans-left .btn {
		right: 0;
	}
}

@media (max-width: 1199px) {
	.floor-plans-left .btn {
		bottom: 10px;
	}
}

@media (max-width: 991px) {
	.download-btn {
		position: absolute;
		right: 8vw;
		bottom: 3vh;
	}
}

.floor-plans-right {
	margin: 0 0 0 45px;
}

.floor-plans-right .detail {
	padding: 0;
	margin: 0;
}

.floor-plans-right .detail::before {
	display: none;
}

.floor-plans-section .accordion-item {
	border: none;
	background-color: transparent;
	position: relative;
}

.floor-plans-section .accordion-item.active-item .bg-white {
	background-color: var(--white);
	opacity: 0.5;
	position: absolute;
	left: auto;
    right: -100%;
    top: 0;
    bottom: 0;
    z-index: -1;
    width: 6000px;
}

.floor-plans-section .accordion-item:first-child:before {
	content: "";
	background-color: var(--darkgreen);
	width: 6000px;
	height: 1px;
	position: absolute;
	top: 0;
	left: auto;
    right: -100%;
}

.floor-plans-section .accordion-item::after {
	content: "";
	background-color: var(--darkgreen);
	width: 6000px;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: auto;
    right: -100%;
}

.floor-plans-section .accordion-body {
	background-color: transparent;
	padding: 0 0 32px;
}

.floor-plans-section .accordion-button {
	background-color: transparent;
	border: none;
	box-shadow: none;
	padding: 36px 0;
	color: var(--darkgreen);
}

.floor-plans-top .detail {
	padding: 24px 0 0;
	text-align: right;
}

.floor-plans-bottom {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.floor-plans-bottom .btn {
	padding: 11px 21px;
	flex: 0 0 auto;
}

.floor-plans-main {
	max-width: 1345px;
	width: 100%;
	margin: 0 auto;
}

.floor-plans-right {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.floor-plans-section .accordion-button::after {
	background-image: url("../images/down-arrow.svg");
	background-size: 100% 100%;
}

.accordion-title {
	display: flex;
	align-items: center;
	padding: 0 0 0 113px;
	width: 100%;
}

.accordion-title .block-title {
	margin: 0 132px 0 0;
	max-width: 280px;
	width: 100%;
}

.accordion-title .details p {
	font-family: 'ApercuMedium';
	font-size: 26px;
	line-height: 36px;
	margin: 0;
}

.accordion-title .details p sup {
	font-size: 14px;
	line-height: 16px;
}

.contact-persons-main {
	max-width: 1345px;
	width: 100%;
	margin: 0 auto;
}

.contact-persons-details {
	display: flex;
    flex-direction: column;
    justify-content: center;
	width: 100%;
	height: 484px;
	padding: 80px 136px 70px;
	position: relative;
	border-radius: 8px 0 0 0;
}

.contact-persons-contacts {
	margin-top: -30px;
	padding: 110px 135px 114px;
	border: 1px solid rgba(50, 73, 58, 1);
	border-radius: 0 0 8px 8px;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.contact-persons-contacts {
		padding-left: 70px;
		padding-right: 70px;
	}
}

.contact-persons-contacts .contact-persons-img {
	display: flex;
	align-items: center;
	justify-content: start;
	height: 60px;
	margin-bottom: 17px;
}

.contact-persons-details .sub-title {
	font-family: 'ApercuRegular';
	text-transform: unset;
    letter-spacing: 0;
	margin: 0 0 20px;
}

.contact-persons-details .block-title {
	margin: 10px 0 30px;
	font-size: 48px;
	line-height: 58px;
}

.contact-persons-details .common-detail p {
	margin: 0 0 40px;
}

.contact-persons-details .common-detail p a:hover {
	color: var(--creme);
}

.contact-persons-details .common-detail p strong {
	font-family: 'ApercuMedium';
}

.contact-persons-details .common-detail p:nth-child(2) {
	margin: 0 0 52px;
}

.contact-persons-details .common-detail p:last-child {
	margin-bottom: 0;
}

.contact-persons-main .apartments-img {
	border-radius: 0;
	/* margin: 171px 0 0 -123px; */
}

.contact-persons-main .apartments-img img {
	width: 100%;
	height: 484px;
	object-fit: cover;
	border-radius: 0 8px 0 0;
}

.contact-persons-wrp {
	padding: 0 0 90px;
}


/*========== Krohnskamp Page End ==========*/

/*========== Heidberg1-5 Page Start ==========*/
.heidberg1-5-city-wrp .city-apartments-details {
	padding: 0 0 56px;
}

.heidberg1-5-city-wrp .city-apartments-middle {
    margin: -124px 0 134px;
}

.heidberg1-5-greenery-wrp .greenery-right {
	margin: 0;
}

.heidberg1-5-greenery-wrp .greenery-left {
	margin: 310px 0 0;
}

.heidberg1-5-greenery-wrp .greenery-middle {
    margin: -236px 0 134px;
}

.heidberg1-5-greenery-wrp .greenery-middle-section .row>*:first-child .greenery-middle-block {
	position: relative;
}

.heidberg1-5-contact-wrp .contact-persons-details {
	color: var(--white);
}

.highlights-bg {
	position: absolute;
	right: 0;
	bottom: 0;
	mix-blend-mode: multiply;
	z-index: -1;
}

.heidberg1-5-highlights-wrp .krohnskamp-bottom-row .krohnskamp-top-right {
	max-width: 383px;
	width: 100%;
	margin: 0;
}

.heidberg1-5-highlights-wrp .krohnskamp-bottom-row .krohnskamp-top-left {
    padding: 38px 0 0;
	max-width: 520px;
}

.heidberg1-5-highlights-wrp .krohnskamp-top-row .krohnskamp-top-left {
	padding: 40px 0 0;
	margin: 0 auto;
}

.heidberg1-5-highlights-wrp .krohnskamp-bottom-row {
	margin: 96px 0 165px;
}

.krohnskamp-top-left .block-title {
	margin: 0 0 40px;
}

.heidberg1-5-implement .implement-top {
	padding: 0 0 151px;
}
/*========== Heidberg1-5 Page End ==========*/

/*========== Heidberg7-9 Page Start ==========*/
.heidberg7-9-highlights-wrp .krohnskamp-bottom-row .krohnskamp-top-right {
    margin: 0;
	max-width: 520px;
}

.heidberg7-9-highlights-wrp .krohnskamp-bottom-row .krohnskamp-top-left {
    padding: 0;
}

.heidberg7-9-highlights-wrp .krohnskamp-bottom-row .row {
	align-items: flex-end;
}

.heidberg7-9-highlights-wrp .krohnskamp-bottom-row {
	padding: 27px 0 0;
}

.heidberg7-9-highlights-wrp .krohnskamp-top-row .krohnskamp-top-right {
	padding: 47px 0 0;
}

.heidberg5-7-city-wrp .city-apartments-content {
	padding: 16px 0 0;
}

.heidberg5-7-city-wrp .city-apartments-details {
	padding: 0 0 25px;
}

.heidberg5-7-city-wrp .city-apartments-middle {
    margin: -221px 0 0;
}

.heidberg5-7-city-wrp {
	padding: 180px 0 134px;
}

.highlights-bg1 {
    position: absolute;
    right: 0;
    bottom: 0;
    mix-blend-mode: multiply;
    z-index: -1;
    max-height: 100%;
}

.greenery-bg-1 {
    position: absolute;
    left: 0;
    top: 0;
    mix-blend-mode: multiply;
    z-index: -1;
}

.heidberg5-7-greenery-wrp .greenery-left {
	padding: 308px 0 0;
}

.heidberg5-7-greenery-wrp .greenery-right {
	margin: 0;
}

.heidberg5-7-greenery-wrp .greenery-middle {
    margin: -415px 0 134px;	
}

.heidberg5-7-greenery-wrp .greenery-middle-block .common-detail {
	margin: 134px 0 0;
}

.heidberg5-7-floor-plans .accordion-button > img {
	width: 21px;
}

.heidberg7-9-glance .glance-icon img {
	width: 21px;
}

.implement-content {
	max-width: 520px;
	width: 100%;
}

.heidberg7-9-implement .implement-right .apartments-img {
    margin: 220px 0 0;
}

.heidberg7-9-highlights-wrp .krohnskamp-highlights-top {
	padding: 0 0 195px;
}
/*========== Heidberg7-9 Page End ==========*/

/*========== Privacy Page Start ==========*/
.privacy-bnr-wrp {
	position: relative;
	padding: 327px 0 280px;
	overflow: hidden;
}

.privacy-bnr-wrp .inner-bnr-bg {
	top: auto;
	bottom: 0;
}

.privacy-details-wrp {
	padding: 180px 0;
}

.privacy-details-main {
	max-width: 1404px;
	width: 100%;
	margin: 0 auto;
}

.privacy-details-main .common-detail {
	color: #183437;
}

.privacy-details-main .common-detail h6 {
	font-family: 'ApercuBold';
	margin: 0 0 30px;
}

.privacy-details-main .common-detail b {
	font-family: 'ApercuBold';
}

.privacy-details-main .common-detail p {
	margin: 0 0 30px;
}

.privacy-details-main .common-detail a:hover {
	color: var(--orange);
}

.privacy-details-main .common-detail p:last-child {
	margin-bottom: 0;
}

.privacy-details-main ul {
	padding: 0;
	margin: 0 0 30px 25px;
}

.privacy-details-main ul li::marker {
	font-size: 10px;
	line-height: 10px;
}

.privacy-details-right {
	max-width: 536px;
	width: 100%;
	margin: 0 0 0 82px;
}
/*========== Privacy Page End ==========*/

/*========== Project Page Start ==========*/
.project-bnr .inner-bnr-bg {
	top: auto;
	bottom: 0;
}

.about-project-wrp {
	padding: 0 0 116px;
}

.about-project-left {
	max-width: 520px;
	width: 100%;
	margin: 87px auto 0;
}

.about-project-left .detail {
	max-width: 245px;
	width: 100%;
}

.about-project-right {
	max-width: 520px;
	width: 100%;
	margin: -105px 0 0;
	position: relative;
}

.about-project-detail {
	margin: 131px 0 0;
}

.about-project-detail .block-title {
	margin: 0 0 41px;
}

.project-map-main {
	padding: 66px 0 99px;
	position: relative;
}

.project-map-details {
	position: absolute;
	padding: 0 0 0 25px;
	z-index: 9;
}

.project-map-img img {
	width: 100%;
	object-fit: cover;
	mix-blend-mode: multiply;
}

.project-map-details .flower-img {
	margin: 0 0 20px;
}

.project-map-details .flower-img img {
	width: 18px;
}

.project-map-details .common-detail {
	line-height: 22px;
	margin: 0 0 16px;
}

.k-details {
	/* top: -65px; */
	top: 0;
	left: 50%;
	transform: translate(-126px, 0);
	-webkit-transform: translate(-126px, 0);
	-moz-transform: translate(-126px, 0);
	-ms-transform: translate(-126px, 0);
	-o-transform: translate(-126px, 0);
}

.project-map-details::after {
	content: "";
	background-color: var(--darkgreen);
	width: 1.5px;
	height: 331px;
	position: absolute;
	left: 0;
}

.k-details::after {
	top: 0;
}

.h1-5-details {
	bottom: 0;
	left: 50%;
	transform: translate(11px, 0);
	-webkit-transform: translate(11px, 0);
	-moz-transform: translate(11px, 0);
	-ms-transform: translate(11px, 0);
	-o-transform: translate(11px, 0);
}

.h1-5-details::after,
.h7-9-details::after {
	bottom: 0;
}


.h7-9-details {
	bottom: 50%;
	left: 50%;
	transform: translate(315px, 460px);
	-webkit-transform: translate(315px, 460px);
	-moz-transform: translate(315px, 460px);
	-ms-transform: translate(315px, 460px);
	-o-transform: translate(315px, 460px);
}

.project-map-wrp {
	padding: 50px 0 90px;
}

.project-map-details .btn-border-green {
	font-size: 15px;
	line-height: 17px;
	letter-spacing: -0.15px;
	padding: 7px 16px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}

.courtyard-top {
	max-width: 1345px;
	width: 100%;
	margin: 0 auto 104px;
}

.courtyard-main .row {
	align-items: flex-end;
}

.courtyard-details .main-title {
	margin: 0 0 40px;
}

.courtyard-details .common-detail {
	max-width: 601px;
}

.courtyard-wrp {
	padding: 90px 0 90px;
}

.courtyard-top .apartments-img {
	max-width: 383px;
	width: 100%;
	margin-left: auto;
	padding: 0 0 30px;
}

.courtyard-bottom-img {
	max-width: 1345px;
	width: 100%;
}

.courtyard-bottom-img .detail {
	text-align: right;
}

.courtyard-bottom-img .detail::before {
	right: 0;
	left: auto;
}

.courtyard-bottom-details {
	max-width: 656px;
	width: 100%;
	margin: 29px 0 0 138px;
}

.green-heart-main {
	max-width: 1345px;
	width: 100%;
	margin: 0 auto;
}

.green-heart-img img {
	width: 100%;
	object-fit: cover;
	mix-blend-mode: multiply;
}

.green-heart-main .section-title {
	margin: 0 0 134px;
}

.green-heart-img {
	margin: 0 0 134px;
}

.green-block-right {
	padding: 121px 0 0;
}

.green-heart-wrp {
	padding: 90px 0 318px;
}

.highly-relevant-small-img {
	margin: 0 138px 0 0;
}

.highly-relevant-main {
	max-width: 1345px;
	width: 100%;
	margin: 0 auto;
	color: var(--white);
}

.highly-relevant-small-img {
	max-width: 520px;
	width: 100%;
	margin: -182px 138px 134px auto;
}

.highly-relevant-img .apartments-img img {
	margin: -184px 0 0;
}

.highly-relevant-title {
	max-width: 1070px;
	width: 100%;
	margin: 0 auto 134px;
}

.highly-relevant-title .section-title {
	margin: 0 0 40px;
}

.highly-relevant-content {
	text-align: center;
	padding: 0 0 94px;
}

.highly-relevant-wrp {
	margin: 0 0 233px;
	position: relative;
	/* overflow: hidden; */
	z-index: 9;
}

.highly-relevant-bg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	mix-blend-mode: multiply;
}


.highly-relevant-bottom .apartments-img img {
	margin: 0 0 -233px;
}

.ecotree-main {
	max-width: 1345px;
	width: 100%;
	margin: 0 auto;
}

.ecotree-img {
	max-width: 382px;
	width: 100%;
	margin-left: 22px;
}

.ecotree-details .section-title {
	margin: 0 0 40px;
}

.ecotree-details .common-detail {
	max-width: 520px;
	width: 100%;
}

.ecotree-details .common-detail p {
	margin: 0 0 30px;
}

.ecotree-details .common-detail p:last-child {
	margin-bottom: 0;
}

.ecotree-logos {
	display: flex;
}

.ecotree-logos .ecotree-logo-img {
	padding: 0 126px 0 0;
}

.ecotree-logos .ecotree-logo-img:last-child {
	padding-right: 0;
}

.ecotree-block .block-title {
	margin: 0 0 20px;
}

.ecotree-block {
	margin: 0 0 80px;
}

.ecotree-bottom .row {
	align-items: flex-end;
}

.ecotree-right {
	padding: 0 0 79px;
	margin-left: 22px;
}

.ecotree-wrp {
	padding: 134px 0 90px;
}

.ecotree-bottom {
	margin: -22px 0 0;
}

.green-block-left {
	max-width: 383px;
	width: 100%;
}

.ecotree-left {
	max-width: 653px;
	width: 100%;
}

.project-award-block {
	display: flex;
	margin: 0 0 108px;
	position: relative;
}

.project-award-block .circle-img {
	width: 128px;
	height: 128px;
	margin: 23px 0 0;
	flex: 0 0 auto;
}

.project-award-block .block-title {
	max-width: 345px;
	width: 100%;
	margin: 0 41px 0 0;
}
/*========== Project Page End ==========*/

/*==================================================================*/
/*========== New Class Add End ==========*/
/*==================================================================*/


/*==================================================================*/
/*========== Footer Start ==========*/
/*==================================================================*/
.footer-logo {
	max-width: 335px;
	width: 100%;
	display: block;
	margin: 12px 0 132px;
}

.footer-logo img {
	width: 100%;
}

.footer-contact ul {
	padding: 0;
	margin: 0;
}

.footer-contact ul li {
	font-size: 30px;
	line-height: 45px;
	color: var(--white);
	list-style-type: none;
	padding: 0 0 8px;
}

.footer-contact ul li:last-child {
	padding-bottom: 0;
}

.footer-contact ul li a {
	color: var(--white);
}

.footer-contact .small-title {
	font-family: 'ApercuBold';
	color: var(--white);
	margin: 0 0 34px;
}

.footer-links .small-title {
	font-family: 'ApercuBold';
	line-height: 40px;
	color: var(--white);
	margin: 0 0 20px;
}

.footer-links ul {
	padding: 0;
	margin: 0;
}

.footer-links ul li {
	font-size: 20px;
	line-height: 40px;
	color: var(--white);
	list-style-type: none;	
}

.footer-links ul li a {
	color: var(--white);
}

.footer-links-bottom ul {
	display: flex;
	align-items: center;
	margin: 0 -30px;
}

.footer-links-bottom ul li {
	font-size: 17px;
	line-height: 30px;
	position: relative;
	padding: 0 30px;
}

.footer-links-bottom ul li:last-child {
	padding-right: 0;
}

.footer-links-bottom ul li:last-child::after {
	display: none;
}

.footer-links-bottom ul li::after {
	content: "";
	background-color: var(--white);
	width: 1.5px;
	height: 14px;
	position: absolute;
	right: 0;
	top: 8px;
	bottom: 0;
}

.footer-links-top {
	margin: 0 0 50px;
}

.footer-links-top ul ul {
	padding: 40px 0 0;
	position: relative;
}

.footer-links-top ul ul::before {
	content: "";
	background-color: var(--white);
	width: 44px;
	height: 1px;
	position: absolute;
	left: 0;
	top: 20px;
}

.footer-links-top ul li strong {
	font-family: 'ApercuBold';	
}

.footer-links-right {
	display: flex;
	/*margin: 0 0 85px;*/
}

.footer-right .footer-links-top {
	margin: 0;
}

.footer-links-right .footer-links-top {
	width: 33.3333%;
	margin-bottom: 0;
}

.footer-left, .footer-links, .footer-links-middle {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.footer-links-bottom {
	margin: 0 0 3px;
}

.footer {
	padding: 109px 0 80px;
	position: relative;
	z-index: 9;
	overflow: hidden;
}

.footer-bg {
	position: absolute;
	left: 0;
	bottom: 0;
	mix-blend-mode: multiply;
	z-index: -1;
	max-height: 100%;
}

.footer-bg figure,
.footer-bg img {
	max-height: 100%;
}

.footer-right ul li {
	line-height: 35px;
}

.footer-contact ul li a:hover,
.footer-links ul li a:hover {
	opacity: 0.7;
}
/*==================================================================*/
/*========== Footer End ==========*/
/*==================================================================*/


.footer-single .footer-logo {
	margin-bottom: 74px;
}

.footer-single ul {
	margin-top: -3px;
}

.footer-single .footer-links ul li {
	font-size: 17px;
	line-height: 30px;
	margin: 16px 0;
}

.footer-single .footer-links ul li hr {
	width: 44px;
	height: 2px;
	background: white;
	border: none;
	opacity: 1;
	margin: 30px 0;
}

.footer-single .footer-left, .footer-single .footer-links, .footer-single .footer-links-middle {
	justify-content: normal;
}

.footer-logo-sale {
	margin: 40px 0 60px;
}

.footer-logo-sale.footer-logo-sale--bk {
	margin: 25px 0 45px;
}

.footer-logo-sale.footer-logo-sale--gb {
	margin: 30px 0 50px;
}

.contact-persons-wrp.contact-persons-wrp--single .contact-persons-btn {
	text-align: right;
}

.contact-persons-wrp.contact-persons-wrp--single  .middle-col {
	padding-left: 0;
}

.contact-persons-wrp.contact-persons-wrp--single .contact-persons-contacts {
	padding-bottom: 90px;
}

.heidberg1-5-greenery-wrp .implement-left .apartments-img--single {
    margin: 100px 0 175px;
}

.heidberg1-5-greenery-wrp .greenery-left.greenery-left--2 {
    margin-top: 170px;
    padding-right: 50px;
}

.heidberg1-5-greenery-wrp .greenery-right--520 {
    float: right;
    max-width: 520px;
}

.heidberg1-5-greenery-wrp .greenery-right--520 .detail {
    margin-top: 335px;
    margin-left: 48%;
    max-width: 195px;
}

.heidberg1-5-greenery-wrp {
    padding-bottom: 180px;
}

.heidberg1-5-greenery-wrp .greenery-left.greenery-left--3 {
    margin-top: 0;
}

.detail-row {
    align-content: end;
    margin-bottom: 78px;
}

.detail-row .detail {
    max-width: 185px;
}

@media (max-width: 991px) {
	.contact-persons-wrp.contact-persons-wrp--single .middle-col {
		padding-left: 15px;
	}
	.contact-persons-wrp.contact-persons-wrp--single .contact-persons-btn {
		text-align: left;
	}
	.contact-persons-wrp.contact-persons-wrp--single .contact-persons-contacts {
		padding-bottom: 20px;
	}
	.contact-persons-wrp.contact-persons-wrp--single .contact-persons-contacts .contact-persons-block {
		margin-bottom: 25px;
	}
    .heidberg1-5-greenery-wrp .greenery-left.greenery-left--2 {
        max-width: none;
        margin-top: 0;
    }
    .detail-row {
        margin-bottom: 30px;
    }
    .detail-row .detail {
        margin-top: 0;
    }
    .heidberg1-5-greenery-wrp .greenery-left.greenery-left--3 {
        margin-bottom: 20px;
    }
    .heidberg1-5-greenery-wrp .greenery-right--520 .detail {
        margin-left: 0 !important;
    }

    .heidberg1-5-greenery-wrp .implement-left .apartments-img--single {
        margin: 75px 0 75px;
    }
}

@media (max-width: 767px) {
	.footer-single .footer-links {
		flex-direction: column;
	}

	.footer-single .footer-logo {
		margin-bottom: 50px;
	}

	.footer-single .footer-left {
		margin-bottom: 0;
	}

	.footer-single .footer-links ul li {
		font-size: 14px;
		margin: 9px 0;
	}

	.footer-single .footer-links-middle {
		margin-top: 45px;
	}

	.footer-logo-sale {
		margin: 22px 0 40px;
	}

	.footer-logo-sale.footer-logo-sale--bk {
		margin: 16px 0 40px;
	}

	.footer-logo-sale.footer-logo-sale--gb {
		margin: 18px 0 40px;
	}
}