@import url("aos.css");
@import url("animate.css");


/*
10px 	0.625rem
11px 	0.6875rem
12px 	0.75rem
13px 	0.8125rem
14px 	0.875rem
15px 	0.9375rem
16px 	1rem
17px 	1.0625rem
18px 	1.125rem
19px 	1.1875rem
20px 	1.25rem
21px 	1.3125rem
22px 	1.375rem
23px 	1.4375rem
24px 	1.5rem
25px 	1.5625rem
26px 	1.625rem
27px 	1.6875rem
28px 	1.75rem
29px 	1.8125rem
30px 	1.875rem
31px 	1.9375rem
32px 	2rem
33px 	2.0625rem
34px 	2.125remo
35px 	2.1875rem
36px 	2.25rem
37px 	2.3125rem
38px 	2.375rem
39px 	2.4375rem
40px 	2.5rem
41px 	2.5625rem
42px 	2.625rem
43px 	2.6875rem
44px 	2.75rem
45px 	2.8125rem
46px 	2.875rem
47px 	2.9375rem
48px 	3rem
49px 	3.0625rem
50px 	3.125rem
51px 	3.1875rem
52px 	3.25rem
53px 	3.3125rem
54px 	3.375rem
55px 	3.4375rem
56px 	3.5rem
57px 	3.5625rem
58px 	3.625rem
59px 	3.6875rem
60px 	3.75rem
61px 	3.8125rem
62px 	3.875rem
63px 	3.9375rem
64px 	4rem
*/


body{
	overflow-x: hidden;
}

a, a:visited{
	
}

a:hover{
	
}

h1, h2, h3, h4, h5, h6{
	
}

@media screen and (max-width: 991.98px) {
		
	
	h1, h2, h3, h4, h5, h6{
		
	}


	
}


.btn-email{
	font-size: 0.875rem;
	color: #fff;
	background-color: transparent;
	border-color: #fff;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}


.btn-email:hover{
	color: #fff;
	background-color: #7d7d7d;
	border-color: #7d7d7d;
}



#site{
	max-width: 1920px;
	margin: 0 auto;
}



#header:after {
  background: url(../images/lines.jpg) left bottom no-repeat;
  background-size: cover;
  position: absolute;
  content: '';
  height: 20px;
  right: 0;
  left: 0;
  bottom: -20px;
}

#header .navbar{
	color: #fff;
	
	font-size: 1rem;
	font-weight: 500;
	
	padding: 0;
			
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}





#header .navbar-dark .navbar-brand img{
	max-width: 200px;
	height: auto;
}




#header .navbar-dark .language {
    color: #fff;
    background: #969a9e;
    padding: 0 2rem;

	text-decoration: none;

	line-height: 122px;

	float: left;
}



#header .navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 1);
    border-color: rgba(255, 255, 255, 0);
	background: #7d7d7d;
	outline: none;
	
	padding: 3rem;
	font-size: 1rem;
}




#header .navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}



#header .navbar-collapse{
	background: #7d7d7d;
}

#header .navbar-dark .navbar-nav .nav-item {
    border-top: 1px solid  rgba(255, 255, 255, .05);
}


#header .navbar-dark .navbar-nav .nav-link {
    color: #fff;
	padding: 0.75rem 1.25rem;
	
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}



#header .navbar-dark .navbar-nav .nav-link:hover {
	color: #fff;
	background-color: #000;
	padding: 0.75rem 1.25rem 0.75rem 1.75rem;
}

#header .navbar-dark .navbar-nav .nav-link.active {
	color: #fff;
}






#header .contacts{
	position: absolute;
	right: 220px;
	text-align: right;
}

#header ul.list-inline{
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	margin: 1.2rem 0;
}

#header ul.list-inline li{
	margin: 0 1rem;
	vertical-align: middle;
}

#header ul.list-inline img{
	vertical-align: baseline;
	margin: 0 0 -0.25rem 0.5rem;
}

#header ul.list-inline img.jll-logo{
	max-width: 135px;
}

#header ul.list-inline img.wing-logo{
	max-width: 116px;
}

#header ul.list-inline img.cushman-logo{
	max-width: 135px;
}

#header ul.list-inline .phone{
	color: #fff;
	font-size: 1rem;
	font-weight: 500;
	text-decoration: none;
	width: 150px;
	display: inline-block;
	text-align: left;
}




@media screen and (max-width: 991.98px) {
		
	#header:after {
	  height: 10px;
	  bottom: -10px;
	}
	
	#header .navbar-dark .navbar-brand img{
		max-width: 160px;
	}

	#header .navbar-dark .language {
		padding: 0 1rem;
		line-height: 74px;
	}
	
	#header .navbar-dark .navbar-toggler {
		padding: 1.5rem;
	}


	#navBar01{
	   max-height: 75vh;
	   overflow-y: auto;
	}

	
}





#homeCarousel{
	overflow: hidden;
}


#homeCarousel .container-fluid{
	max-width: 1600px;
}

#homeCarousel .carousel-item{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}




#homeCarousel .carousel-description{
	color: #fff;
	position: relative;
	z-index: 5;
}

#homeCarousel .carousel-description h2{
	color: #fff;
	font-size: 3rem;
	line-height: 3.5rem;
}

#homeCarousel .carousel-description h4{
	color: #fff;
}

#homeCarousel .carousel-description p{
	font-size: 1.25rem;
}



#homeCarousel .overlay{
	width: 100%;
	height: 100%;	
	
	
	background: rgba(0, 0, 0, .4);

		
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
}






#homeCarousel .scrollDown{
	position: absolute;
	left: 50%;
	bottom: 50px;
	margin-left: -30px;
	z-index: 2;
	
	opacity: .5;
	
		
	animation: MoveUpDown 2s linear infinite;
	
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}



@-webkit-keyframes MoveUpDown {
  0% {
    bottom: 50px;
	opacity: 1;
  }
  50% {
    bottom: 70px;
	opacity: 0;
  }
  100% {
    bottom: 50px;
	opacity: 1;
  }
}



@keyframes MoveUpDown {
  0% {
    bottom: 50px;
	opacity: 1;
  }
  50% {
    bottom: 70px;
	opacity: 0;
  }
  100% {
    bottom: 50px;
	opacity: 1;
  }
}





#homeCarousel .scrollDown:hover{
	opacity: 1;
}


.carousel-control-prev, .carousel-control-next {
	width: 90px;
	z-index: 3;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    width: 30px;
    height: 30px;
}




/* animate.css */


#homeCarousel .carousel-item.active .carousel-animated-caption {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
#homeCarousel .carousel-item.active .carousel-animated-caption.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

#homeCarousel .carousel-item.active .carousel-animated-caption.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

#homeCarousel .carousel-item.active .carousel-animated-caption.flipOutX,
#homeCarousel .carousel-item.active .carousel-animated-caption.flipOutY,
#homeCarousel .carousel-item.active .carousel-animated-caption.bounceIn,
#homeCarousel .carousel-item.active .carousel-animated-caption.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
#homeCarousel .carousel-item .carousel-animated-caption.fadeIn,
#homeCarousel .carousel-item .carousel-animated-caption.fadeInDown,
#homeCarousel .carousel-item .carousel-animated-caption.fadeInDownBig,
#homeCarousel .carousel-item .carousel-animated-caption.fadeInLeft,
#homeCarousel .carousel-item .carousel-animated-caption.fadeInLeftBig,
#homeCarousel .carousel-item .carousel-animated-caption.fadeInRight,
#homeCarousel .carousel-item .carousel-animated-caption.fadeInRightBig,
#homeCarousel .carousel-item .carousel-animated-caption.fadeInUp,
#homeCarousel .carousel-item .carousel-animated-caption.fadeInUpBig{
  opacity:0;
}


@media screen and (max-width: 991.98px) {
		
	#homeCarousel .min-vh-100{
		min-height: 700px;
	}
	
	#homeCarousel .carousel-description{
		padding: 0 1rem;
	}
	
	#homeCarousel .carousel-description h2{
		font-size: 2rem;
		line-height: 2rem;
	}
	
	#homeCarousel .carousel-description p{
		font-size: 1rem;
	}
	
	
	#homeCarousel .carousel-control-prev, #homeCarousel .carousel-control-next{
		display: none;
	}
	

}




.section{
	
}


.text-box{
	padding: 2rem;
}

.text-box h2{
	margin-bottom: 2rem;
}

.text-box ul{
	margin: 0 0 0 1rem;
	padding: 0;
	list-style-type: disc;
}

.text-box ul ul{
	margin: 0 0 0 1rem;
	padding: 0;
}


.text-box ul li{
	vertical-align: middle;
}


.text-box a:not(.btn){
	color: #fff;
	text-decoration: underline;
}


.bl{
	position: relative;
}

.bl:before{
	content: "";
	width: 20px;
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	background: rgba(255, 255, 255, .5);
}



#health{
	color: #fff;
	background-color: #65bd47;
}

#health h2{
	color: #fff;
}

#health .bl:before{
	background: #a1cd49;
}



#video{
	padding: 5rem 0;
	background-color: #7d7d7d;
	color: #fff;
}


#about{
	color: #fff;
	background-color: #f04c23;
}

#about h2{
	color: #fff;
}

#about .bl:before{
	background: #cb2a46;
}




#project{
	color: #fff;
	background-color: #f6891f;
}

#project h2{
	color: #fff;
}

#project .bl:before{
	background: #f99b1c;
}


#services{
	color: #fff;
	background-color: #65bd47;
}

#services h2{
	color: #fff;
}

#services .bl:before{
	background: #a1cd49;
}





#location{
	color: #fff;
	background-color: #f99b1c;
}

#location h2{
	color: #fff;
}

#location .bl:before{
	background: #f6891f;
}




#location2{
	color: #fff;
	background-color: #f04c23;
}

#location2 h2{
	color: #fff;
}

#location2 .bl:before{
	background: #cb2a46;
}



#accessibility{
	color: #fff;
	background-color: #65bd47;
}

#accessibility h2{
	color: #fff;
}

#accessibility .bl:before{
	background: #a1cd49;
}






#floorplans{
	padding: 5rem 0;
}

#floorplans .table th{
	font-weight: 500;
	vertical-align: middle;
}


#floorplans .table td{
	white-space: nowrap;
}


#floorplans .table strong{
	font-weight: 500;
}



#attributes{
	color: #fff;
	background-color: #a1cd49;
}

#attributes h2{
	color: #fff;
}

#attributes .bl:before{
	background: #65bd47;
}




#security{
	color: #fff;
	background-color: #65bd47;
}

#security h2{
	color: #fff;
}

#security .bl:before{
	background: #a1cd49;
}




#technical-development{
	color: #fff;
	background-color: #f04c23;
}

#technical-development h2{
	color: #fff;
}

#technical-development .bl:before{
	background: #cb2a46;
}






#smart{
	color: #fff;
	background-color: #f6891f;
}

#smart h2{
	color: #fff;
}

#smart .bl:before{
	background: #f99b1c;
}





#green-experience{
	color: #fff;
	background-color: #a1cd49;
}

#green-experience h2{
	color: #fff;
}

#green-experience .bl:before{
	background: #65bd47;
}




#breeam{
	color: #fff;
	background-color: #65bd47;
}

#breeam h2{
	color: #fff;
}

#breeam .bl:before{
	background: #a1cd49;
}




#gallery{
	padding: 5rem 0;
}


#inquiry{
	background-color: #f2f2f2;
}

#inquiry form{
	padding: 2rem;
	background-color: #fff;
}


#inquiry a{
	color: #f04c23;
}


#developer{
	color: #fff;
	background-color: #969a9e;
}

#developer h2{
	color: #fff;
}

#developer .bl:before{
	background: #c8cdd2;
}




#references{
	padding: 5rem 0;
}




@media screen and (min-width: 1200px) {
		
	.text-box{
		padding: 5rem;
	}
	

}



@media screen and (min-width: 1600px) {
		
	.text-box{
		padding: 8rem;
	}

}



.bg-image{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	
	min-height: 550px;
}


.card{
	margin-bottom: 1rem;
}

.card .display-4{
	font-size: 2.5rem;
}







.icons-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 0 auto;
}


.icon {
	flex-basis: calc(100% / 9);
	-ms-flex: auto;
	padding: 1.5rem;
}



@media(max-width: 1365.98px) {
  .icon {
	flex-basis: 16.665%;
  }
}

@media(max-width: 991.98px) {
   .icon {
    flex-basis: 33.33%;
  }
}

@media(max-width: 767.98px) {
  .icon {
    flex-basis: 50%;
  }
}


@media(max-width: 575.98px) {
  .icon {
    flex-basis: 50%;
  }
}









.separator-image{
	min-height: 390px;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}







@media screen and (min-width: 1200px) {
		
	.separator-image{
		min-height: 520px;
	}

}






footer{
	padding: 1rem 0;
	color: #fff;
	background: #000;
}

footer:before {
  background: linear-gradient(to right, #f04c23 12.5%,#c8cdd2 12.5%, #c8cdd2 25%, #ffe094 25%, #ffe094 37.5%, #f99b1c 37.5%, #f99b1c 50%, #fcb23b 50%, #fcb23b 62.5%, #bb8f3d 62.5%, #bb8f3d 75%, #a1cd49 75%, #a1cd49 87.5%, #a1cd49 87.5%, #65bd47 87.5%, #65bd47 100%);
  position: absolute;
  content: '';
  height: 20px;
  right: 0;
  left: 0;
  top: -20px;
}





footer .footer-logo img{
	max-width: 200px;
	height: auto;
}



footer .contacts{
	text-align: right;
}

footer ul.list-inline{
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	margin: 0.5rem 0;
}

footer ul.list-inline li{
	margin: 0 1rem;
	vertical-align: middle;
}

footer ul.list-inline img{
	vertical-align: baseline;
	margin: 0 0 -0.25rem 0.5rem;
}

footer ul.list-inline img.jll-logo{
	max-width: 135px;
}

footer ul.list-inline img.wing-logo{
	max-width: 116px;
}

footer ul.list-inline img.cushman-logo{
	max-width: 135px;
}

footer ul.list-inline .phone{
	color: #fff;
	font-size: 1rem;
	font-weight: 500;
	text-decoration: none;
	width: 150px;
	display: inline-block;
	text-align: left;
}



@media(max-width: 767.98px) {
	
	footer{
		text-align: center;
		padding: 3rem 0;
	}
	
	
	footer .contacts{
		text-align: center;
		padding: 2rem 0;
	}
	
	footer ul.list-inline{
		margin: 2rem 0;
	}
	
	footer ul.list-inline:last-child{
		margin: 0;
	}
	
	footer ul.list-inline li:last-child{
		margin: 0;
	}

	
	footer ul.list-inline li{
		margin: 1rem 0;
		display: block;
	}
	
}





.call{
	position: fixed;
	z-index: 15;
	right: 20px;
	bottom: 20px;
	
	width: 50px;
	height: 50px;
	line-height: 50px;
	display: block;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	text-align: center;
	color: #fff;
	background: #7d7d7d;
	transition: all .5s ease;
}

.call:hover{
	color: #fff;
	background: #000;
}




.up{
	position: fixed;
	z-index: 15;
	right: 20px;
	bottom: 20px;
	
	width: 50px;
	height: 50px;
	line-height: 50px;
	display: block;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	text-align: center;
	color: #fff;
	background: #7d7d7d;
	
	opacity: 0;
	transition: all .5s ease;
}

.up:hover{
	color: #fff;
	background: #000;
}

.call, .up{
	-webkit-animation: pulsate-fwd 1s ease-in-out infinite both;
	        animation: pulsate-fwd 1s ease-in-out infinite both;
}



@-webkit-keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}



.blink {
  animation: blinker 2s linear infinite;
}

@-webkit-keyframes blinker {
  50% {
    opacity: .5;
  }
}

@keyframes blinker {
  50% {
    opacity: .5;
  }
}