:root{
--blue: #114A8A;
--lightblue:#EDF3F9;
--darkgrey:#383838;
--white:#fff;
--lightgrey:#E5E5E5;
--midblue:#237CE0;
--black:#000000;
	
}

.btn {
	--bs-border-width:0;
	--bs-btn-border-width: var(--bs-border-width);;
}

.breadcrumb {
--bs-breadcrumb-margin-bottom: 0rem;	
}
.breadcrumb-item + .breadcrumb-item::before {
  content: var(--bs-breadcrumb-divider, ">");

}

html, body {
font-family:'Montserrat', sans-serif !important;
}

body {
	  overflow-x: hidden;
}

main {
width:100%;	
}


::selection {
  background: #b3d4fc;
  text-shadow: none;
}

.breadcrumb-item {
font-size: 10px;	
}

footer {
background-color:#EDF3F9;
padding-top:120px;
padding-bottom:64px;	
font-size:16px;
position:relative;
}

.footeraddress {
margin-bottom:24px;
}

.footeraddress .office {
font-size:23px;
font-weight:600;
color:#000;	
}

footer a {
text-decoration:none;
color:#000;
display:flex;	
padding:0 !important;
}

footer a .btn-inner {
padding:0;
width:auto;
}


.footermenu {
border-left: 1px solid #000;
  padding-left: 12px;  
  list-style: none;
  
}

.footermenu li {
margin-bottom:12px;	
}

a {
text-decoration:underline;
color:var(--blue);	
}

a:hover{
color:var(--black);	
}
h1 {
font-size:4.2rem;	
font-family:'Montserrat';
line-height:1;
}

h2 {
font-size:4rem;	
font-family:'Montserrat';
line-height:1;
}

h3 {
font-size:3.2rem;
font-family:'Montserrat';
line-height:1;	
}

h4 {
font-size:2.4rem;
font-family:'Montserrat';
line-height:1;	
}

h5 {
font-size:1.8rem;
font-family:'Montserrat';
line-height:1;	
}

p {
font-size:1rem;	
line-height:1.5;
color:#000;
margin-bottom:0;
}
.form-select:focus {
  border-color:#86b7fe;
  outline:0;
  box-shadow: none;
}
.fw-200{
font-weight:200;	
}

.pl-64 {
padding-left:64px;	
}

.p-8{
padding:8px;	
}

.ml-32 {
margin-left:32px;	
}

.bg-body-white{
background-color:#EDF3F9;	
position:relative;
backdrop-filter:blur(10px);
}

header {height:72px;top:0 !important;}
section {
position:relative;	
}

header .logo{
height: 18px;
  margin-left: 1rem;	
}

.mainmenu {
border-radius:24px;
background-color:rgba(255,255,255,0.8) !important;	
padding-left:24px !important;
padding-right:24px !important;
}

.mainmenu ul li a {
color:#244A86 !important;	
}

header .nav-link {
font-weight:600;
font-size:14px;	
color:#000;
display: grid;
  place-content: center;
  overflow: hidden;
  text-transform:uppercase;
  position:relative;
}
header .nav-link:hover {
color:var(--blue);	
}

header .nav-link:hover:before,header .nav-link.active:before {
position:absolute;
bottom:0;
left:50%;
transform:translateX(-50%);
content:'';
width:8px;
height:8px;
border-radius:50%;
background-color:var(--blue);
}

header .nav-link.active {
color:	#244A86 !important;
}
header .nav-item {
  height: 16px;
  display: flex;
  /*overflow: hidden;*/
  align-items: center;
  justify-content: center;
  position: relative;
}
.homevideo {
position:fixed;
top:0;	
width:100%;
}
#lmenu-company{
margin-top:100vh;	
}
#lmenu-company,#lmenu-location1,#lmenu-materials,#lmenu-stages,#lmenu-gallery {
background-color:#fff;	

}
.text-justify {
text-align:justify;	
}
.materialcover {
height: 818px;
width: 672px;	
}
.materialcover .reveal {
height:100%;	
}
.materialcover img {
width:100%;
height:100%;
object-fit:cover;
object-position:center;	
}

.projecttitle {
position:absolute;
top:50%;
right:15%;
transform:translateY(-50%);	
color:#fff;	
}
p.primary,
p.secondary {
      width: 100%;
      margin: 0;
	  font-size:16px;
	  white-space:nowrap;
	  text-transform:uppercase;
	  display:flex;
	  align-items:center;
    }
p.primary {
      transform: translateY(50%);
    }
p.secondary {
      transform: translateY(50%);
    }

.dropdown-toggle::after {
display:none !important;	
}

header .btn-txt {
	  font-size:16px;
	  white-space:nowrap;
	  text-transform:uppercase;	
}

header .btn-inner {
padding:15px 12px !important;	
gap:0;
width: auto;
}

header .btn-jsplink,header .btn-jsplink:hover {
color:#000 !important;	
}
header .btn-jsplink .btn-txt span {
  text-shadow: 0px 1.3em 0px #000;
}
.projecttitle h1,.projecttitle p{
color:#fff;	
}

.spectitle {
color:#114A8A;
font-size:28px;
font-weight:500;
font-family:'Montserrat' !Important;
margin-bottom:0;
line-height:1;
}

.specification a:not(.btn) {
color:#244A86 !important;
display:inline-flex;	
}


.locicon2 span{
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 64px;
  border: 1px solid #EDF3F9;
  border-radius: 50%;
  height: 64px;
  align-items: center;
  background-color:#EDF3F9;
}
.locicon2 {
display:flex;
flex-direction:column;
align-items:center;  
font-size: 1rem;
  font-weight: 700;
  color: #244a86;	
  font-family:'Montserrat' !important;
}

.locations {
 margin-bottom:72px;	
}

.locationtitle {
font-size:38px;	
line-height:1;
margin:0;
}

.locationtitle span {
font-size:68px;	
font-weight:700;
color:var(--blue);
}

.propertyspec {
color:#fff;
height:100vh;
position:relative;
}

.propertyspec p {
color:#fff;	
}

.propertyspecbg {
background-repeat:no-repeat;
 background-size: cover;
  background-position: center;  

    background-attachment: fixed;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index: -1;
}

.projectspectitle span {
font-size:38px;	
font-weight:700;
color:var(--midblue);
text-transform:uppercase;		
}




.propertyspec h3 {
color:#fff;
text-transform:uppercase;	
font-size:28px;
font-weight:500;
margin:0;
}

.propertyspec h3 span {
color:#237CE0;	
}

.bg-lightblue {
background-color:#EDF3F9;		
}

#aboutuscarusel {
min-height:720px;
background-color:#EDF3F9;	
}

.p-sm-72 {
padding:72px;	
}

.bgdark {
background-color:#383838;
color:#fff;	
padding-top:96px;
padding-bottom:96px;
height:200vh;
}

.bgdark .h1 {
color:#fff;	
text-transform:uppercase;
line-height:1.5;
}

.searchform {
background-color:#EDF3F9;	
padding: 30px 0;
}
.searchhomeform {
  background-color: #EDF3F9;
  padding: 30px 0 30px 0;
}
.searchform select,.searchhomeform select {
background-color:transparent;	
border-top:0;
border-left:0;
border-right:0;
border-radius:0;
border-bottom:1px solid #000;
padding-left:0;
margin:0 12px;
}

.fs-64 {
font-size:64px;	
}
.fs-31 {
font-size:31px;	
}
.caption {
color:#fff;	
width:100%;
bottom:200px;
}

.subtitle {
font-size:36px;	
color:#000;
}

.caption h3 {
font-size:48px;	
color:#fff;
}

.ptb-28 {
padding-top:28px;
padding-bottom:28px;	
}
.ptb-30 {
padding-top:30px;
padding-bottom:30px;	
}
.companysection h2,#aboutuscarusel h3 {
font-size:32px;
color:#000;	
  margin-bottom: 36px;
  font-weight:500;
}

.mb-36 {
margin-bottom:36px !important;	
}

.companysection h2 span,#aboutuscarusel h3 span {
font-size:48px;
color:var(--blue);	
font-weight:700;
}

.companysection .subtitle {
font-size:32px !important;
line-height:1;	
}

.mb-24 {
margin-bottom:24px;	
}

#aboutuscarusel .carousel-item img {
object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;	
}


.quote {
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48
}
.quote {
color:#244A86;
font-size:48px;
transform:rotate(180deg);	
}

.caruseldescription{
	width: 80%;
  display: inline-flex;
  margin-left: 24px;
}

.teampower,.rprojects {
padding-top:96px;
padding-bottom:	96px;
}

.teampower h3,.rprojects h3,.futuredesc h3 {
font-size:48px;
color:#244A86;
font-weight:700;	
}

.teampower .subtitle,.rprojects .subtitle, .futuredesc .subtitle {
font-weight:400;
font-size:32px;	
line-height:1;
}

.teampower ul {
list-style:inside disc;	
}

.team {
padding-bottom:96px;	
}

.teammember {
color:#114A8A;
font-size:20px;
font-weight:600;	
}
.teambox {
  margin-bottom: 64px;
  border-bottom:1px solid #114A8A;
  height: calc(100% - 64px);
  text-align: center;
  display: flex;
  flex-direction: column;
}

.teaminfo {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 24px;
  position: relative;
  font-size:14px;
}

.teaminfo:before {
position:absolute;
top:-16px;
left:20px;
width:1px;
height:90px;
background-color:#114A8A;	
content:'';
}

.rpinfo {
font-size:64px;
font-weight:400;
color:#114A8A;	
}
.rpdesc{
font-size:20px;	
}

.projectitle {
font-size:32px;
font-weight:600;
color:#505050;
margin-bottom:24px;	
}

.projects a{
color:#244A86;
font-size:18px;
font-weight:700;
margin-top:24px;	
}
.futurebuild {
	background-image:url('../../../assets/images/aboutus/futurebuild.jpg');
	background-repeat:no-repeat;
	background-size:100%;
	  background-attachment:fixed;
	height:942px;
}
.futuredesc {
background-color:#EDF3F9C2;
display:flex;
flex-direction:column;
justify-content:center;
height:100%;
padding-left:48px;
padding-right:48px;
  justify-content: center;	
  position:relative;
  width:80%;
}

.section-3 {
  padding-top: 70px;
  margin-top: 0px;
  background-color: #EDF2F9;
  padding-bottom: 70px;
}
.companysection {
position:relative;
height:610px;	
z-index:1;
}
.companysectionbkg:before {
position:absolute;
content:'';
width:100%;
height:404px;
bottom:0;
left:0;
background-image:url('../../../assets/images/aboutus/company-bkg.png');	
background-repeat:no-repeat;
background-size:100% 404px;
}

.companysection img {
object-fit:cover;
object-position:center;
width:100%;
height:100%;	
}
.herosection {
height:100vh;
position:relative;
background-image:url('../../../assets/images/aboutus/aboutus-slide1.jpg');
background-repeat:no-repeat;
background-size:100% 100%;
display: flex;
  justify-content: end;
  align-items: end;
  background-attachment:fixed;
}	

.herosection .subtitle {
color:#fff;	
}


.herosection img {
object-fit:cover;
object-position:center;
width:100%;
height:100%;
	
}

.companyslogan p {
color:#fff;	
}

@media (max-width: 576px) {
	#lmenu-company {
  margin-top: 0;
}

.homevideo {
position:relative !important;	
}

footer {
padding-top:60px !important;
padding-bottom:60px !important;
}	

.footermenu{
margin-bottom:0 !important;
}
	
.herosection {
height:408px;
position:relative;
}	

.herosection img {
object-fit:cover;
object-position:100%;
width:100%;
height:100%;
	
}
.caption h3 {
  font-size: 24px;
  color: #fff;
}
.subtitle {
  font-size: 16px;
  margin-bottom: 0;
}
.bgdark h1 {
  color: #fff;
  font-size: 36px;
  text-transform: uppercase;
  line-height: 2;

}
.companysection {
  position: relative;
  min-height: 610px;
  background-color:#E9ECEF80;
  padding-top:96px !important;
  height:100%;
}
.companysection h2 span, #aboutuscarusel h3 span {
  font-size: 32px;
  color: #244A86;
}
.companysection h2, #aboutuscarusel h3 {
  font-size: 20px;
  color: #707070;
}
.companysection .subtitle {
  font-size: 16px !important;
  line-height: 1;
  margin-bottom:24px;
}

#aboutuscarusel {
  height: 100%;
  background-color: #EDF3F9;
}
.teampower .subtitle, .rprojects .subtitle, .futuredesc .subtitle {
  font-weight: 400;
  font-size: 20px;
  line-height: 1;
}
.teampower h3, .rprojects h3, .futuredesc h3 {
  font-size: 32px;
  color: #244A86;
  font-weight: 700;
}

.projectitle {
  font-size: 24px;
  font-weight: 600;
  color: #505050;
  margin-bottom: 24px;
}
.teampower {
  padding-top: 48px;
  padding-bottom: 48px;
}

.rprojects {
  padding-top: 48px;
}

.futurebuild {
  background-image: url('https://www.jspstil.com/assets/images/aboutus/futurebuild.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment:fixed;
  height: 100%;
}

.futuredesc {
padding:24px !important;
  width:100%;	
}

.bgdark {
height: 100%;	
}

.section {
padding-top:0 !important;
height:100% !important;	
}

.bgdark .h1 {
  color: #fff;
  text-transform: uppercase;
  line-height: 1.5;
  max-width: 100vw;
  overflow: hidden;
}
.herosection {
  height: 555px;
  position: relative;
  background-image: url('https://www.jspstil.com/assets/images/aboutus/heroimg-mob.jpg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: end;
  align-items: end;
  background-attachment: scroll;
}

.h1 {
font-size: clamp(1.8rem, 4vw + 1rem, 10rem) !important;

}

.deptitle {
  font-size: 1.70rem !important;
  font-weight: 700;
}

.depcontact a span.btn-txt {
  font-size: 1.313rem !important;
  padding: 0;
}

.depcontact a span.material-symbols-outlined {
  font-size: 1.313rem !important;
  
}



.depinfo {
margin-top: 24px;	
}


}
.p-24 {
padding:24px !important;	
}

.absection{
padding-top:96px;
padding-bottom:96px;
background-color: #EDF3F9;	
}

.abcaruselinfo{
width:90%;
margin-left:auto;	
display:flex;
flex-direction:column;
height: 50vh;
}

:root {
  --bg: hsl(0 0% 2%);
  --color: hsl(0 0% 100% / 0.1);
  --underline-width: 1lh;
  --underline-block-width: 200vmax;
  --underline-color: hsl(0 0% 50% / 0.15);
  --underline-color-hover: hsl(180 100% 50% / 1);
  --underline-transition: 5s;
  --finish-fill: hsl(0 0% 100%);
  --accent: hsl(0 0% 100%);
  --fill: hsl(0 0% 50%);
}

.h1 {
outline-color: hsl(10 80% 50%);
	outline-offset: 1ch;
	font-size: clamp(2.5rem, 3vw + 1rem, 10rem);
  color: var(--color);
  text-decoration: none;
  background-image:
		/* First one is the highlight */
		linear-gradient(90deg, transparent calc(100% - 8ch), var(--accent) calc(100%  - 8ch)),
  	linear-gradient(90deg, var(--fill), var(--fill)),
    linear-gradient(90deg, var(--underline-color), var(--underline-color));
  background-size:
  	var(--underline-block-width) var(--underline-width),
  	var(--underline-block-width) var(--underline-width),
    100% var(--underline-width);
  background-repeat: no-repeat;
  background-position-x: 0;
  background-position-y: 100%;
  background-clip: text;
  color: var(--finish-fill);
}
svg#jsplogo path.fillpath {
fill:'none';	
}
@supports (animation-timeline: scroll()) {
  @media (prefers-reduced-motion: no-preference) {
    .bgdark {
      view-timeline-name: --section;
    }
    
    .h1 {
      background-position-x:
        calc(var(--underline-block-width) * -1),
        calc(var(--underline-block-width) * -1),
        0;
      color: transparent;
      animation-name: fill-up, color-in;
      animation-fill-mode: both;
      animation-timing-function: linear;
    	animation-timeline: --section;
    	animation-range: entry 100% cover 50%, cover 50% exit 0%;
    }

/*  */ svg#jsplogo path.fillpath {
          background-position-x:
        calc(var(--underline-block-width) * -1),
        calc(var(--underline-block-width) * -1),
        0;
      fill: transparent;
      animation-name: fill-in;
      animation-fill-mode: both;
      animation-timing-function: linear;
    	animation-timeline: --section;
      	animation-range: entry 100% cover 50%, cover 50% exit 0%;
    } 

    @keyframes fill-up {
    	to { background-position-x: 0, 0, 0; }
    }

    @keyframes color-in {
    	to { color: var(--finish-fill); }
    }
	
	    @keyframes fill-in {
    	to { fill: var(--finish-fill); }
    }
  }
}


.section {
/* */   position: sticky;
  top: 64px;
  display: grid;
  place-items: start;
  height:100vh;
  padding-top:64px;
}
.t-64 {
top:64px;	
}
.b-24 {
bottom:24px;	
}

#aboutuscarusel .carousel-inner {
transform: translate3d(0px, 0px, 0px) !important;

}

@media screen and (min-width: 56.25em) {
  .hscroll__scroller > .strip {
    width: 80vw;
  }
}
.strip {
  --hpad: var(--vpad);
}

@media screen and (min-width: 60em) {
  html {
    --vpad: 3.52rem;
  }
}
.hscroll__container {
  display: flex;
  overflow: hidden;
}
@media screen and (min-width: 62em) {
  .hscroll__scroller {
    display: flex;
  }
}

.hscroll__scroller > .strip {
  flex: 0 0 auto;
}
.hscroll__container .fullheight {
  min-height: 0;
}
.fullheight {
height:100vh;
padding-top:1.6rem;
padding-bottom:1.6rem;
display: flex;
  align-items: center;	
}

@media screen and (prefers-reduced-motion: no-preference) {
    .animated:first-child {
        transition-delay: 0.1s;
    }
    .animated:nth-child(2) {
        transition-delay: 0.2s;
    }
    .animated:nth-child(3) {
        transition-delay: 0.3s;
    }
    .animated:nth-child(4) {
        transition-delay: 0.4s;
    }
    .animated:nth-child(5) {
        transition-delay: 0.5s;
    }
    .animated:nth-child(6) {
        transition-delay: 0.6s;
    }
    .animated:nth-child(7) {
        transition-delay: 0.7s;
    }
    .animated:nth-child(8) {
        transition-delay: 0.8s;
    }
    .animated:nth-child(9) {
        transition-delay: 0.9s;
    }
    .animated:nth-child(10) {
        transition-delay: 1s;
    }
    .animated:nth-child(11) {
        transition-delay: 1.1s;
    }
    .animated:nth-child(12) {
        transition-delay: 1.2s;
    }
    .animated:nth-child(13) {
        transition-delay: 1.3s;
    }
    .animated:nth-child(14) {
        transition-delay: 1.4s;
    }
    .animated:nth-child(15) {
        transition-delay: 1.5s;
    }
    .animated:nth-child(16) {
        transition-delay: 1.6s;
    }
    .animated:nth-child(17) {
        transition-delay: 1.7s;
    }
    .animated:nth-child(18) {
        transition-delay: 1.8s;
    }
    .animated:nth-child(19) {
        transition-delay: 1.9s;
    }
    .waiting {
        pointer-events: none;
    }
    .waiting.anima--fade .strip__blurb,
    .waiting.anima--fade .strip__counter,
    .waiting.anima--fade.strip__column .strip__column__content,
    .waiting.anima--fade:not(.strip__column):not([class*="strip__blurb"]) {
        opacity: 0;
    }
    .waiting.anima--left-in .strip__blurb,
    .waiting.anima--left-in .strip__counter,
    .waiting.anima--left-in.strip__column .strip__column__content,
    .waiting.anima--left-in:not(.strip__column):not([class*="strip__blurb"]) {
        opacity: 0;
        transform: translate3d(-5vh, 0, 0);
    }
    .waiting.anima--right-in .strip__blurb,
    .waiting.anima--right-in .strip__counter,
    .waiting.anima--right-in.strip__column .strip__column__content,
    .waiting.anima--right-in:not(.strip__column):not([class*="strip__blurb"]) {
        opacity: 0;
        transform: translate3d(5vh, 0, 0);
    }
    .waiting.anima--top-in .strip__blurb,
    .waiting.anima--top-in .strip__counter,
    .waiting.anima--top-in.strip__column .strip__column__content,
    .waiting.anima--top-in:not(.strip__column):not([class*="strip__blurb"]) {
        opacity: 0;
        transform: translate3d(0, -5vh, 0);
    }
    .waiting.anima--bottom-in,.waiting.anima--bottom-in .abcaruselinfo {
        opacity: 0;
        transform: translate3d(0, 5vh, 0);
    }
}

.slick-slide {
padding-top;24px;	
}

.mt-24 {
margin-top:24px;	
}

.swipehand {
  animation-duration: 1.3s;
  animation-name: swipe;
  animation-iteration-count: infinite;
  position: absolute;    
  bottom: 30px;
  left: 20px;
  z-index: 10;
  display:none;
}
@keyframes swipe {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.reveal-text,.acreveal-text {
  visibility: hidden;
}

.letter,.acletter {
  position: relative;
  display: inline-block;
  will-change: transform;
  transform-style: preserve-3d;
}

.letter div,.acletter div {
  width: 100%;
  backface-visibility: hidden;
  transform: translateZ(4vw);
  transform-style: preserve-3d;
}

 .word,.acword {
  display:inline-flex;
}

.perspective,.acperspective {
float:left;	
}

.reveal {
  visibility: hidden;
  position: relative;
  width: 100%;
  height: auto;
  max-width: 100%;
  overflow: hidden;
}

.reveal img,.pjreveal img {

  transform-origin: left;	
}


.pjreveal {
  visibility: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 100%;
  overflow: hidden;
}

.pb-96 {
padding-bottom:96px;	
}

.mt-96 {
margin-top:96px;	
}
.slickslide {
 position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  display: flex;
  text-align: left;
  justify-content: center;
  min-height: 100vh;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
}



@media (min-width: 576px) {
.project-slider {
height: 100vh;
  display: flex;
  flex-wrap: nowrap;
  padding-top: 128px !important;	
padding-bottom: 64px !important;
  overflow: hidden;
}

.project-slider img {
object-fit:cover;
object-position:center;
width:100%;
height:100% !important;	
}
}

.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%235f6368'%3E%3Cpath d='M480-80 200-360l56-56 184 183v-647h80v647l184-184 56 57L480-80Z'/%3E%3C/svg%3E");

}

 .btn-jspprimary {
  color: #fff;
  text-decoration: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height:56px;
  padding:0;
}


.btn-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
 /**/ gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
padding: 15px 20px 15px 20px;
  position: relative;
  text-decoration: none;
 border-radius: 48px;
  width: 308px;
  z-index: 1;
}

.btn-jspprimary .btn-inner::before {
  background: #114A8A;
  border-radius: 48px;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -2;
}

.btn-jspprimary .btn-inner::after {
  background: #000000;
  border-radius: 48px;
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: -1;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  will-change: transform;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  transition: -webkit-transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  -o-transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1),
    -webkit-transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.btn:hover .btn-inner::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
}

.btn-txt {
  overflow: hidden;
  font-family: "Montserrat";
  font-size: 16px;
  white-space: nowrap;
}

.btn-txt span {
display: block;
  text-shadow: 0px 1.2em 0px #fff;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  -o-transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),
    -webkit-transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.btn:hover .btn-txt span {
  -webkit-animation: moveUpInitial 0.25s forwards;
  animation: moveUpInitial 0.25s forwards;
  color: #fff;
}

@-webkit-keyframes moveUpInitial {
  to {
    -webkit-transform: translate3d(0, -1.29em, 0);
    transform: translate3d(0, -1.29em, 0);
  }
}

@keyframes moveUpInitial {
  to {
    -webkit-transform: translate3d(0, -1.29em, 0);
    transform: translate3d(0, -1.29em, 0);
  }
}

@-webkit-keyframes MoveUpEnd {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes MoveUpEnd {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

/* .btn:hover {
  color: transparent;
} */

.btn-jspprimary:disabled,.btn-jspsecondary:disabled {
background-color:#E3E3E3;
color:	#114A8A;
border-radius:48px;
border:0;
}


.btn-jspsecondary {
color:	#114A8A;
height:56px;
  text-decoration: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding:0;
}

.btn-jspsecondary .btn-inner::before {
  background: #EDF3F9;
  border-radius: 48px;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -2;
}

.btn-jspsecondary .btn-inner::after {
  background: #114A8A;
  border-radius: 48px;
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: -1;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  will-change: transform;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  transition: -webkit-transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  -o-transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1),
    -webkit-transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.propertyinfo {
	color:var(--blue) !important;
	text-decoration:none;
	padding:0;
}

.propertyinfo .btn-inner {
gap:0;
padding:0;	
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;  
  width: auto;
}

.propertyinfo .btn-txt {
  font-size: 16px;
}


.propertyinfo .btn-inner::after, .propertyinfo .btn-inner::before {
  content: none;

}

.btn-jsplink .btn-txt span {
  text-shadow: 0px 1.25em 0px var(--blue);
}

.info {
padding-left:24px;	
}

.projectinfo {
padding-bottom:162px;	
}
.projectinfo .item {
width:90%;	
}

.propertyresults{
margin-top:24px;	
}

.propertyresults a{
display:flex;	
text-decoration: none;
}

.propertyresults th {
font-size:21px;
color:var(--blue);
font-weight:600;	
}

.propertyresults table th,.propertyresults table td {
font-size:1rem;
}

.propertyresults h3{
font-size:2.375rem;
color:var(--blue);	
font-family:'Montserrat';
}

.projectmodaltitle h3{
font-size:2.375rem;
color:var(--blue);	
}

.projectmodaltitle p {
font-size:1rem;
color:var(--blue);	
}

.btn-close {
width: 72px;
  height: 72px;
  border: 1px solid #000;
  border-radius: 50%;
  background-color: #F7F7F7;
  font-size: 24px;	
}


.home-scroll_visual {
  display: flex;
  height: 100vh;
  justify-content: center;
  align-items: start;  
  position: sticky;
  top: 84px;
}
.home-scroll_img-list {
  position: relative;
  height: 100%;
}
.home-scroll_img-item {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100%;
/*   opacity: 0;
  transition: opacity 300ms ease; */
}

.home-scroll_img-item.is-active {
  opacity: 1;
}
.home-scroll_img-wrap {
  width: 100%;
  height: 952px;
  max-height: 100%;
  max-width: 100%;
}
.home-scroll_img {
  width: 100%;
  height: 100%;
  border-radius: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

 /**/.home-scroll_text-item {
 display: flex;
 /* padding-top: 3em;*/
  padding-bottom: 3em;
flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em; 
  opacity: 0.2;
  transition: opacity 300ms ease;
}
  
.home-scroll_text-item.is-active {
  opacity: 1;
}

.fw-500 {
font-weight:500;	
}

.imp-wrap {
max-width:100% !important;	
}

.outer,
.inner {
  width: 100%;
  height: 100%;
  overflow-y: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container-img {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  visibility: hidden;  
  top: 0;
  left: 0;
  position: absolute;
}

.table th {
color:var(--blue);	
}

.flatinfo {
color:var(--blue) !important;	
font-weight:600;	
font-size:1rem;
}

.btn-link {
text-decoration:none;
color:var(--blue);	
}

.projectbuilding {
font-size:21px;
color:var(--blue);
text-decoration:underline;
margin-bottom:0;	
}

.projectprice{
font-size:28px;
color:var(--blue);
font-weight:600;
background-color:#EDF3F9;	
border:0;
}

.flattitle {
text-transform:uppercase;
font-size:38px;
font-weight:700;
margin-bottom:24px;	
}

.flatlabel{
font-size:1rem;
font-weight:400;	
}

.flatsticky {
position:sticky;
top:96px;
left:0;
width:100%;	
}

.request-section .form-control {
border-top:0;
border-left:0;
border-right:0;
border-bottom:1px solid #000;	
margin-bottom:12px;
border-radius:0;
padding-left:0;
}

.request-section .form-control::placeholder{
color:var(--blue);	
}

.reqfphone {
margin-top:48px;	
}

.mb-48 {
margin-bottom:48px;	
}

table tr td,table tr th {
border-bottom:1px solid #000 !important;	
}

.pagetitle {
font-size:50px;
font-weight:600;
color:#000;	
}

.strip__image {
height:420px;	
}

.strip__image img {
  object-fit: cover;
  object-position: center;
  height: 100% !important;
  width: 100% !important;
}

.caruseldescription h4 {
font-size:28px;
font-weight:500;
text-transform:uppercase;	
}

.caruseldescription p {
font-size:2.375rem;
font-weight:700;
color:var(--blue);
text-transform:uppercase;	
}

.homeprojecttitle {
position: absolute;
  top: 50%;
  left: 10%;
  transform: translateY(-50%);
  color: #fff;
width:fit-content;  
}

.homeprojecttitle h1, .homeprojecttitle p {
color:#fff;	
}

.homeprojecttitle p {
font-size:28px;
font-weight:500;	
}

.mainslogan {
color:var(--blue);
background-color:var(--lightblue);
  position: relative;
  z-index: 0;
  display: flex;
  min-height: 100dvh;
  align-items: center;
  justify-content: center;
  overflow: hidden;
 
}

.mainslogancnt > .wrapper {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.mainslogancnt {
height:100%;	
overflow:hidden;
background-color: var(--lightblue);
}

.mainslogan .wrapper {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}


.slogan {
font-size:48px;
font-weight:700;
color:var(--blue);
text-align:center;
text-transform:uppercase;	
}

.activeproject {
position:relative;	
}

.activeproject .media{
  height: 100vh;
  width: 100vw;
  max-width: 100%;
overflow:hidden;  
position:relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
}



.media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  inset: 0;
	
}


.homecompanysection{
padding-top:96px;
padding-bottom:96px;
background-color:var(--lightblue);	
}

.mt-48 {
margin-top:48px;	
}

.homecompanysection h1 {
color:var(--blue);	
}
.homecompanysection h1 span {
font-weight:500;	
}

.homecompanysection .subtitle {
text-transform:uppercase;
font-size:38px;
font-weight:500;	
}

.mt-168{
margin-top:168px;	
}
.companydetails .rpinfo {
	writing-mode: sideways-lr;
  text-orientation: mixed;
  /*transform: rotate(-90deg);*/
  display: inline-flex;
  align-items: center;
  color: #000;
  font-size: 20px;
  white-space: nowrap;
}

.companydetails .countup {
  font-size: 64px;
  font-weight: 800;
  color: #114A8A;
  align-items: center;
  display: flex;
}

.companydetails .count_numbers {
height:150px;
flex-direction:row;	
display:flex;	
}

.countupdesc {
font-weight: 700;
  text-transform: uppercase;
  color: var(--blue);
  font-size: 38px;	
    line-height: 1;
}

.rpinfodesc {
color:#000;
font-weight:500;
font-size:28px;
  margin-top: 24px;	
}

.countdesc {
display:flex;
flex-direction:column;	
}

.mtb-60{
margin-top:60px;
margin-bottom:60px;	
}

.companydetails {
height:100%;
position:relative;
padding:96px 0;	
}
.projectdetails .rpinfo {
	writing-mode: sideways-lr;
  text-orientation: mixed;
  /*transform: rotate(-90deg);*/
  display: inline-flex;
  align-items: center;
  color: #000;
  font-size: 20px;
  white-space: nowrap;
}

.projectdetails .countup {
  font-size: 64px;
  font-weight: 800;
  color: #114A8A;
  align-items: center;
  display: flex;
}


.projectdetails {
height:auto;
position:relative;
}


.projectdetails .count_numbers {
height:100%;
flex-direction:row;	
display:flex;	
align-items:flex-start;
width:60%;
margin-left:48px;
padding:24px 48px 0 0;
}


.projectdetails:before {
content:'';
position:absolute;
width:1px;
height:100%;
background-color:var(--blue);
top:0;
left:48px;	
}

.projectdetails::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 96px;
  background-color: var(--blue);
  top: -24px;
  left: 48px;
}




.realizedprojectbg{
color:#fff;	
}
.realizedprojectbg {
  mix-blend-mode: difference;
  color: #fff;
  overflow: hidden;  
  width: 100%;
  height: 50vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 5vh 0;
}

.rptitle {
 mix-blend-mode: difference;
  font-size: 4rem;
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
  line-height: 1;	
}

.realizedprojectbg .circle {
  background-color: #fff;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 5%;
}





.activitysection {
padding-top:96px;
padding-bottom:96px;
position:relative;	
}

.activitysection h3 {
font-size:4rem;
font-weight:800;	
}

section.horizontal {
overflow-x: hidden;	
}

section.horizontal .pin-wrap,
section.horizontal .animation-wrap {
    display: flex;
    position: relative;
    z-index: 1;  
    height: 100vh;
}


section.horizontal .item {
    position: relative;
    padding: 150px 80px;
    flex: 0 0 500px;
    height: calc(100vh);
    display: flex;
    align-items: center;
    line-height: 1.7;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-right: 1px solid rgba(0, 0, 0, 0.06);
    background-color: transparent;
}

section.horizontal .item:before {
    position: absolute;
    font-size: 100px;
    opacity: .13;
    font-weight: bold;    
    z-index: -1;
    -webkit-transform: translate(-30px, -50px);
    transform: translate(-30px, -50px);
    line-height: 1;
}




section.horizontal .animation-wrap.to-right {
    counter-reset: item;
    float: left;
}

section.horizontal .animation-wrap.to-left {
    counter-reset: item 11;
    float: right; 
}

section.horizontal .animation-wrap.to-right .item:before {
    counter-increment: item;
    content: counter(item);
}

section.horizontal .animation-wrap.to-left .item:before {
    counter-increment: item -1;
    content: counter(item);
}



section.horizontal .animation-wrap .item:nth-child(2n+2) {
    align-items: flex-start;
}

section.horizontal .animation-wrap .item:nth-child(4n+4) {
    align-items: flex-end;
}


.imp-shape-container {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  transform:translateX(-50%) translateY(-50%);
}

.creative-showcase--slider .swiper-slide{
    position: relative;
    overflow: hidden;
    width: 100%;
	height:100vh;
    padding: 80px 0;
}
.creative-showcase--slider .swiper-slide .slide-bg{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-slide .slide-bg .slide-container {
    max-width: 1320px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 7;
    padding-left: 15px;
    padding-right: 15px;
}
.slide-bg .slide-container .slide-row {
    display: flex;
    flex-wrap: wrap;
}
.slide-container .slide-row .slider-content {
    flex: 0 0 auto;
    width: 91.66666667%;
    margin-left: 8.33333333%;
    padding-left: 15px;
    padding-right: 15px;
}

.slider-content .slide-subtitle {
	    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 30px;
        margin-top: 0px;
}
.slider-content .slide-heading{
    font-size: 100px;
    color: #fff;
    margin: 0px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: .2rem;
}
.slider-content .slide-heading a{
	    text-decoration: none;
    color: #fff;
    outline: none;
}
.slider-content .slide-heading a span{
	display: inline-block;
}

.prbl-24 {
padding-left:24px;
padding-right:24px;
padding-bottom:24px;	
}

.abcardesc p {
font-size: 1rem;
  line-height: 1;
  color: #000;
  text-transform: initial;
  font-weight: 400;
}

  .autoplay-progress {
      position: absolute;
      right: 16px;
      bottom: 16px;
      z-index: 10;
      width: 48px;
      height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
      color: #fff;
    }

    .autoplay-progress svg {
      --progress: 0;
      position: absolute;
      left: 0;
      top: 0px;
      z-index: 10;
      width: 100%;
      height: 100%;
      stroke-width: 4px;
      stroke: #fff;
      fill: none;
      stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
      stroke-dasharray: 125.6;
      transform: rotate(-90deg);
    }
	


.clip {
  clip-path: inset(10% 10% 10% 10%);
  text-align: center;
  transition: transform 0.5s ease-in-out;
}

.mb-96 {
margin-bottom:96px;	
}

.mtb-30 {
margin-top:30px;
margin-bottom:30px;	
}

@media (max-width: 575.98px) { 

h1 {
  font-size: 2.375rem !important;
  font-family: 'Montserrat';
  line-height: 1;
}
.activitysection h3 {
    font-size: 3rem;
    font-weight: 800;
}
.homeprojecttitle p {
  font-size: 24px;
  font-weight: 500;
}

.slogan {
  font-size: 24px;
  font-weight: 700;
  color: var(--blue);
  text-align: center;
  text-transform: uppercase;
}

.clip {
clip-path: content-box !important;
    position: relative !important;
}

.clip img {
width:100%;
height:100%;
aspect-ratio:1;	
}

.mt-xs-24 {
margin-top:24px;	
}

.countupdesc {
  font-weight: 700;
  text-transform: uppercase;
  color: var(--blue);
  font-size: 1.75rem;
  line-height: 1;
}

.companydetails .count_numbers {
  height: 100%;
  flex-direction: column !important;
  display: flex;
}

.companydetails .rpinfo {
  writing-mode: unset;
  text-orientation: mixed;
  display: inline-flex;
  align-items: center;
  color: #000;
  font-size: 20px;
  white-space: nowrap;
}

.companydetails .rpinfo.countup {
  font-size: 64px;
  font-weight: 800;
  color: #114A8A;
  align-items: center;
  display: flex;
}

.projectdetails .count_numbers {
  height: 100%;
  flex-direction: column;
  display: flex;
}

.projectdetails .rpinfo {
  writing-mode: unset;
  text-orientation: mixed;
  display: inline-flex;
  align-items: center;
  color: #000;
  font-size: 20px;
  white-space: nowrap;
}

.projectdetails .rpinfo.countup {
  font-size: 64px;
  font-weight: 800;
  color: #114A8A;
  align-items: center;
  display: flex;
}


.rpinfodesc {
  color: #000;
  font-weight: 500;
  font-size: 24px;
  margin-top: 24px;
  line-height: 1.2;
}

.rptitle {
  mix-blend-mode: difference;
  font-size: 2rem;
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
}

section.horizontal .item {
  position: relative;
  padding: 24px 24px;
flex: 0 0 0% !important;
    height: 100%;
  display: flex;
  align-items: center;
  line-height: 1.7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-right: 1px solid rgba(0, 0, 0, 0.06);
  background-color: transparent;
}

section.horizontal .item::before {
  position: absolute;
  font-size: 100px;
  opacity: .13;
  font-weight: bold;
  z-index: -1;
  -webkit-transform:translate(-30px, -50px);
  transform: translate(0px, -50px);
  line-height: 1;
}

section.horizontal .animation-wrap .item:nth-child(2n+2) {
    align-items: center;
}

section.horizontal .animation-wrap .item:nth-child(4n+4) {
    align-items: center;
}

.activeproject .media {
  height: auto;
  width: 100vw;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
}

.projectinfo .item {
  width: 100%;
}

.home-scroll_visual {
  display: flex;
  max-height: 420px;
  justify-content: center;
  align-items: start;
  position: sticky;
  top: 84px;
}

.mb-xs-24 {
margin-bottom:24px;	
}

h2 {
  font-size: 3.2rem;
  font-family: 'Montserrat';
  line-height: 1;
}

.locationtitle {
  font-size: 28px;
  line-height: 1;
}

.locationtitle span {
  font-size: 48px;
  font-weight: 700;
  color: var(--blue);
}

/* .locicon2 {
  display: flex;
  align-items: center;
  font-size: 32px;
  font-weight: 700;
  color: #244a86;
  font-family: 'Montserrat' !important;
  margin-bottom: 24px;
  line-height: 1;
} */

.caruseldescription {
  width: 100%;
  display: inline-flex;
  margin-left: 0;
}

.caruseldescription p {
  font-size: 2rem;
  font-weight: 700;
  color: var(--blue);
  text-transform: uppercase;
}

.abcaruselinfo {
  width: 100%;
  margin-left: 0;
  display: flex;
  flex-direction: column;
  height: auto;
}

.searchform {
  background-color: #EDF3F9;
  padding: 84px 0 30px 0;
}

.searchhomeform {
  background-color: #EDF3F9;
  padding: 30px 0 30px 0;
}

.gallery .swiper-pagination, .homes .swiper-pagination, .fhomes .swiper-pagination {
  bottom: -32px !important;
}

.btn-close {
  width: 38px !important;
  height: 38px !important;
  border: 1px solid #000;
  border-radius: 50%;
  background-color: #F7F7F7;
  font-size: 24px;
}

.modal h4 {
  font-size: 2rem !important;
  font-family: 'Montserrat';
  line-height: 1;
}

.projecttitle {
  position: relative;
  top: 0;
  right: 0;
  transform: none;
  color: var(--blue);
  bottom: 0;
  font-size:28px;
  background-color:#EDF3F9;
  padding-top:48px;
  padding-bottom:48px;
}

.projecttitle h2 {
font-weight:700;	
font-size: 28px;
    text-align: center;
}
.projecttitle p {
display:none;	
}
.projecttitle::before {
  position: absolute;
  content: '';
  width: 1px;
  height: 64px;
  background-color: #000;
  top: -28px;
  left: 50%;
  transform: translateX(-50%);
}
.fullheight {
  height: auto;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  display: flex;
  align-items: center;
}

h3 {
  font-size: 2rem !important;
  font-family: 'Montserrat';
  line-height: 1;
}

.sectioninfo h3 {
font-size: 1.8rem !important;	
}

.pagetitle {
  font-size: 48px;
  font-weight: 600;
  color: #000;
}
.overlay.active {
  background-color: rgba(255,255,255,0.5);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(20px);
  z-index: 1;
}
.project-slider {
width:100% !important;	
}

.abcardesc p {
  font-size: 1rem;
  line-height: 1;
  color: #000;
  text-transform: initial;
  font-weight: 400;
}
.homes h4 {
  text-transform: uppercase;
  font-weight: 700;
  color: var(--blue);
  font-size: 21px;
  margin-bottom: 24px;
}
header p.primary {
  transform: translateY(0);
  font-size:1.75rem;
  color:var(--blue);
}
header p.secondary {
  display:none;
}

.nav-item {
  height: 35px !important;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: start;
  position: relative;
}

header #navbarNavDropdown {
padding-top:24px;	
}

header .logo {
height: 20px;
    margin-left: 1rem;
}

header .logolink img{
height: 20px;
}

.homeprojecttitle {
  position: relative;
  top: 0%;
  left: 0%;
  transform: none;
  color: var(--blue);
  width: fit-content;/* 
  margin-left: 1.5rem;
  margin-right: 1.5rem; */
}

.homeprojecttitle p {
color:var(--blue);	
}

.mb-xs-12 {
margin-bottom:12px;	
}

.ptb-xs-48 {
padding-top:48px !important;
padding-bottom:48px !important;	
}

.feattitle {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 21px !important;
}
.navbar-toggler {
border:0;
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: none;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%235f6368'%3E%3Cpath d='M256-227.69 227.69-256l224-224-224-224L256-732.31l224 224 224-224L732.31-704l-224 224 224 224L704-227.69l-224-224-224 224Z'/%3E%3C/svg%3E");
}

.imp-shape-spot-pin {
position:relative;
display:block !important;
width:14px !important;
height:14px !important;
  background-color: #ffffff;
border-radius:100%;  
}
.creative-showcase--slider .swiper-slide{
    position: relative;
    overflow: hidden;
    width: 100%;
	height:100vh;
    padding: 80px 0;
}

.activeproject  .projecttitle {
    position: relative;
    top: 0;
    right: 0;
    color: #000;
	padding:24px;
	transform: translateY(0);
  }

.activeproject .projecttitle h1,.activeproject  .projecttitle p {
  color: #000;
}

.activeproject .btn-jspsecondary .btn-inner::before {
  background: #EDF3F9;
  border-radius: 48px;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -2;
  border: 1px solid var(--blue);
}


.activityslogan p {
  color: #fff;
  font-size: 1.8rem !important;
  font-weight: 700;
  margin-top:24px;
}

.activitytitle {
  text-align: center;
  font-weight: 800;
  font-size: 2.3rem !important;
margin-top: 0 !important;
    margin-bottom: 48px !important;
}

.actypes {
  min-height: 313px !important;
  height: auto;
}

.pb-xs-48 {
padding-bottom:48px !important;	
}
.pjpage {
  padding-top: 96px !important;
  padding-bottom: 48px !important;
}
.sectioninfo .sectitle {
  color: var(--blue);
  font-size: 1.8rem !important;
  font-weight: 700;
}

.bldsubtitle{
font-size:1.5rem !important;	
}

.actimgright img, .order-2 .actimgleft img {
  position: relative !important;
  right:0 !important;
  height: auto;
}

.order-1 .actimgleft img {
  position: relative !important;
  left: 0 !important;
  height: auto;
}

.actsecimg, .actmainimg {
  width: 100%;
  position: relative;
  margin-top: 48px;
  height: 100% !important;
}

.flatsticky {
  position: relative !important;
  margin-top:24px;
  top: 0 !important;
  left: 0;
  width: 100%;
}

.sectioninfo {
padding-top:24px;	
}

.activitynavs .navbar {
  background-color: var(--lightgrey);
  border-radius: 24px;
  color: #000;
}

.activitynavs {
position: relative !important;
    color: #fff;
    bottom: -24px;
    width: 100% !important;
    text-align: center;
    z-index: 10;
    top: -24px;    
	left: 0 !important;
    transform: none !important;
}
.activitynavs .nav-item {
width:100%;	
}
.activitynavs .nav-pills {
  background-color: transparent !important;
  border-radius: 0 !important;
  backdrop-filter: blur(20px);
}

.activitynavs .nav-item .nav-link {
  width: 100%;
}

.activityslogan {
width:auto !important;	
}

.projecttypesnavs .navbar {
  background-color: var(--lightgrey);
  border-radius: 24px;
  color: #000;
  width:100%;
}

.projecttypesnavs {
position: relative !important;
    color: #fff;
    bottom: 0;
    width: 100% !important;
    text-align: center;
    z-index: 10;
    top: 0;    
	left: 0 !important;
    transform: none !important;
}
.projecttypesnavs .nav-item {
width:100%;	
}
.projecttypesnavs .nav-pills {
  background-color: transparent !important;
  border-radius: 0 !important;
  backdrop-filter: blur(20px);
}

.projecttypesnavs .nav-item .nav-link {
  width: 100%;
}

.projecttypes .statictitle {
  color: var(--blue) !important;
  font-weight: 700;
  font-size: 3rem !Important;
  margin-bottom: 24px;
}

.projecttypes .subtitle {
  font-weight: 500;
  font-size: 1.2rem !important;
  margin-bottom: 24px;
}

.pjtitle {
  font-weight: 700;
  font-size: 2.5rem !Important;
  text-transform:uppercase;
}

.projectdetails::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 96px;
  background-color: var(--blue);
  top: -24px;
  left: 36px !important;
}
.projectdetails::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: var(--blue);
  top: 0;
  left: 36px !important;
}

.mt-xs-0{
margin-top:0 !important;	
}

header {
  height: 72px;
  top: 0px !important;
}

.box {
  width: 100%;
  height: auto !important;
  margin-top: 24px;
}

.activitynavs .navbar-brand {
font-size:1.2rem !important;	
}

.projecttypesnavs .navbar-brand {
font-size:1.2rem !important;	
}

.error404msg {
  position: relative !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 100% !important;
  padding: 24px;
}

.featureinfo {
  padding: 24px !important;
  position: relative;
}

.featureinfo::before {
  content: '';
  position: absolute;
  height: calc(100% - 24px) !important;
  width: 1px;
  background-color: #000;
  top: 0;
  left: 12px !important;
}

.cursor, .cursor-follower {
display:none !important;	
}

.hidden-xs {
display:none !important;	
}
.homes .card-body {
height:405px;	
}

.pjmainimg::before {
  content: '';
  position: absolute;
  left: 50%;
  top: -40px !important;
  width: 1px;
  height: 75px !important;
  background-color: #000;
  transform: translateX(-50%);
}

.pjinfo::before {
  content: '';
  position: absolute;
  height: 75px !important;
  width: 1px;
  background-color: #000;
  left: 50%;
  transform: translateX(-50%);
  top: -40px !important;
}

.propertyspec {
  color: #fff;
  height: 100% !important;
  position: relative;
  padding-top:48px;
  padding-bottom:48px;
}
.bldtitle {
  text-transform: uppercase;
  color: var(--blue);
  font-weight: 700;
  font-size: 2.5rem !important;
}

.realizedprojectbg {
  mix-blend-mode: difference;
  color: #fff;
  overflow: hidden;
  width: 100%;
  height: 150vw !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 10vh 0;
}
.imapsection {
position:relative;
margin-top:0px;	
}

.pjinfo {
  text-align: center;
  position: relative;
  height: 238px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 96px !important;
  padding-bottom: 48px !important;
}

.pjdescription {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.activitycover {
  margin-top: 84px;
}


.slickslide {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  text-align: left;
  justify-content: center;
  min-height: 100% !important;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
}

.locationmsg {
  display: none !important;
/*   align-items: center;
  -webkit-transform:translate(-50%, -50%);
  transform: translate(-25%, -50%) !important;
  position: absolute !important;
  bottom: 0px !important;
  left: 25%;
  color: #fff; */
}
.info {
  padding-left: 0px !important;
}

.projectinfo {
  padding-bottom: 48px;
}

.absection {
  padding-top: 48px;
  padding-bottom: 48px !important;
  background-color: #EDF3F9;
}

 .flattitle {
font-size:2rem !important;
 }
 
.propertyspec p {
  color: #fff;
  line-height: 1.2;
}
.materials .swiper-pagination {
  bottom: -32px !important;
}
.team {
  padding-bottom: 0px !important;
}
.mainslogan, .activeproject {
display:none;	
}

.mt-xs-48 {
margin-top:48px !important;	
}

.mb-xs-48 {
margin-bottom:48px !important;	
}

.ml-xs-0 {
margin-left:0 !important;	
}

  section.horizontal .pin-wrap, section.horizontal .animation-wrap {
    display: flex;
    position: relative;
    z-index: 1;
    height: 100% !important;
    padding-top: 10px;
    flex-direction: column;
  }
  .offices .hr {
position: absolute;
  width: 50% !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  right: 0;
  top: 15% !important;
}

.offices .address {
  color: var(--blue);
  margin-bottom: 0;
  font-size: 1.313rem !important;
}
 }
 
  .homecompcolleft .clip {
clip-path: inset(10% 10% 10% 0%);

  }
 .homecompcolright .clip {
clip-path: inset(10% 0% 10% 10%);	
position:absolute;
right:0; 
 }
 
 
  .imp-shape-spot-pin {
	display:none;
 }


.imp-shape-spot-pin:after {
	position: absolute;
top: 50%;
  left: 50%;
	display: block;
	content: "";
	height: 32px;
	width: 32px;
animation: pulsate 2s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; 
  background-color: #ffffff;
border-radius:100%; 
margin: -16px;
  transform: translate(-50%, -50%); 	
}

@-webkit-keyframes pulsate{
  0% {
      -webkit-transform: scale(0);
      opacity: .05;
  }
  20% {
      -webkit-transform: scale(0.7);
      opacity: .1;
  }
  40% {
      -webkit-transform: scale(0.9);
      opacity: .2;
  }
  60% {
      -webkit-transform: scale(1.1);
      opacity: .3;
  }
  100% {
      -webkit-transform: scale(1.4);
      opacity: 0;
  }
}

@keyframes pulsate{
  0% {
      transform: scale(0);
      opacity: .05;
  }
  20% {
      transform: scale(0.7);
      opacity: .1;
  }
  40% {
      transform: scale(0.9);
      opacity: .2;
  }
  60% {
      transform: scale(1.1);
      opacity: .3;
  }
  100% {
      transform: scale(1.4);
      opacity: 0;
  }
}

.absectionimg {
width:100%;
height:500px;	
}

.ptb-96 {
padding-top:96px;
padding-bottom:96px;	
}

.deptitle {
  font-size: 38px;
  font-weight: 700;
}
.depcontact {
  margin-bottom: 48px;
}
.depcontact a {
  font-size: 24px;
  justify-content: space-between;
  border-bottom: 1px solid #000 !important;
  align-items:center;
  border-radius: 0;
  margin-bottom:48px;
}

.depcontact a span.btn-txt {
font-size:24px;
padding:0;	
}

.depcontact a span.btn-inner {
width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0;	
}

.depcontact a span.material-symbols-outlined {
color:var(--blue) !important;	
}

.mapnavigation a {
color:var(--blue);	
}

.fs-38{
font-size:38px;	
}

.offices {
margin-bottom:48px;	
}


.offices h2 {
color:var(--blue);	
font-weight: 700;
  font-size: 68px;
}

.offices .address {
color:var(--blue);
margin-bottom:0;
font-size: 1.75rem;	
}

.depinfo{
margin-bottom:64px;	
}

.offices .hr {
position: absolute;
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  right: 0;
  top: calc(50% - 0.5rem);
}

.hr::before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #000;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) translateX(15%);
}

.hr::after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #000;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) translateX(-15%);
}

.fw-800 {
font-weight:800;	
}

.activityslogan {
position: absolute;
  color: #fff;
  top: 50%;
  left: 50%;
  width: 70%;
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
}

.activityslogan p {
color:#fff;
font-size:68px;
font-weight:700;	
}

.activityslogan p span{
color:#fff;
font-size:90px;
font-weight:700;	
}

.activitynavs {
  position: absolute;
  color: #fff;
  bottom: 24px;
  left: 50%;
  width: 70%;
  transform: translateX(-50%) translateY(-50%);
  text-align: center;

}
.activitynavs .nav-pills {
  background-color: var(--lightgrey);	
border-radius:48px;  
backdrop-filter:blur(20px);
}
.activitynavs .nav-item .nav-link {
border-radius:48px;
  font-size: 0.9rem;
  color:#000;

}

.activitynavs .nav-link.active{
color:#fff;	
}


.projecttypesslogan p span{
color:#fff;
font-size:90px;
font-weight:700;	
}

.projecttypesnavs {
  position: relative;
  color: #fff;
  width: 100%;
  text-align: center;
  display:flex;
  justify-content:center;

}
.projecttypesnavs .nav-pills {
  background-color: var(--lightgrey);	
border-radius:48px;  
backdrop-filter:blur(20px);
}
.projecttypesnavs .nav-item .nav-link {
border-radius:48px;
  font-size: 0.9rem;
  color:#000;

}

.projecttypesnavs .nav-link.active{
color:#fff;	
}


.breadcrumbsnav {
padding-top:48px;
padding-bottom:48px;	
}

.sectioninfo h3{
color:var(--blue);
font-size:38px;
font-weight:500;
margin-top:24px;
margin-bottom:24px;	
}

.sectioninfo .sectitle{
color:var(--blue);
font-size:48px;
font-weight:500;
line-height:1;
}

.sectioninfo .secsubtitle{
font-size:28px;
font-weight:500;
text-transform:uppercase;	
line-height:1;
margin-bottom: 24px;
}
.sectioninfo h4 {
margin-top:24px;
margin-bottom:24px;	
}
.sectioninfo ul {
	list-style-type:none;
	padding-left:0;
}

.sectioninfo li {
color:var(--blue);
font-size: 1.75rem;
  margin-bottom: 24px;
  line-height: 1.2;
  font-weight:500;
}

.activitytitle{
text-align:center;
font-weight:800;
font-size:4rem;
margin-top:0;
margin-bottom:48px;
}

.bldtitle {
text-transform:uppercase;
color:var(--blue);
font-weight:700;
  font-size: 4rem;	
}

.actsecimg, .actmainimg {
width:100%;
position:relative;
margin-top:48px;
/*height:625px;*/
	
}

.actypes {
/* min-height:625px; */	
height:100%
}

.boxwrapper {
  position: relative;
  overflow: hidden;
  height:100%;
}

.box{
width:100%;
height:952px;	
}

.sectioninfo{
position:relative;	
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background-color: var(--blue);
}

.activitycover img {
	object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.staticpage {
height:100vh;
padding-top:96px;
padding-bottom:96px;	
}

.statictitle {
font-size:50px;
font-weight:700;	
}

.error404msg {
position:absolute;
bottom:24px;
right:-10%;
width:50%;	
}

/* .projecttype {
display: flex;
  flex-direction: row;
  justify-content: space-between;
  overflow: hidden; 
  
}

.projecttype div {
  white-space: nowrap;
  margin: 0 12px;
} */
.mb-120 {
margin-bottom:120px;	
}
.mt-120 {
margin-top:120px;	
}
.text-blue {
color:var(--blue);	
}

.pjtitle {
font-weight:700;
font-size:50px;	
margin-top:24px;
  text-transform:uppercase;
  margin-bottom:24px;
}

.projecttypes{
padding-top:96px;
padding-bottom:96px;	
}

.projecttypes .statictitle {
color:var(--blue) !important;
font-weight:700;
font-size:64px;	
margin-bottom:24px;
line-height: 1.2;
}

.projecttypes .subtitle {
font-weight:500;
font-size:38px;	
margin-bottom:24px;
line-height: 1.2;
}

.pjpage {
padding-top:180px;
padding-bottom:96px;	
}

.pjinfo p b {
  font-size: 28px;
  font-weight: 600;
}
.pjinfo {
text-align: center;
  position: relative;
  height: 476px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 96px;
  padding-bottom: 96px;
}

.pjinfo:before {
content:'';
position:absolute;
height:158px;
width:1px;
background-color:#000;
left:50%;
transform:translateX(-50%);
top:-79px;	
}

.pjdescription {
  padding-top: 96px;
  padding-bottom: 96px;	
}

.featureinfo {
  padding: 48px;
  position: relative;
}

.featurenum {
  font-size: 28px;
  font-weight: 600;
}

.featureinfo::before {
  content: '';
  position: absolute;
  height: calc(100% - 48px);
  width: 1px;
  background-color: #000;
  top: 0;
  left: 24px;
}

.pjimg{
margin-top:24px;
margin-bottom:48px;	
}

.pjrealized {
padding-top:128px !important;	
}

.pjrealized .pjtitle {
color:var(--blue);	
}

.homeprojectstatus {
text-transform:uppercase;	
}

.dropdown-menu {
  width: 80px;
  flex-direction: column;
  min-width: inherit;
  left: 50% !important;
  transform: translateX(-50%);
  backdrop-filter: blur(20px);
  background-color: rgba(255,255,255,0.8);
}

.pjmainimg {
  position: relative;
}

.pjmainimg::before {
  content: '';
  position: absolute;
  left: 50%;
  top: -75px;
  width: 1px;
  height: 150px;
  background-color: #000;
  transform: translateX(-50%);
}

.pjmarquee {
  display: flex;
  align-items: center;
  /**/overflow: hidden;
}
.pjmarquee .marquee {
  white-space: nowrap;
  animation: marquee 300s infinite linear;
}
.pjmarquee .marquee p {
  font-size: 1vw;
  margin-bottom: 0;
  font-weight: 400;
  color: #000;
  word-spacing: 10px;
}
.pjmarquee .marquee p:after {
  content: attr(data-text);
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.pjblock .reveal a,.pjblock .pjreveal a {
position:relative;	
  width: 100%;
  height: 100%;
  display:flex;
}


.pjblock .reveal a:hover::after,.pjblock .pjreveal a:hover::after {
  content: ;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(255,255,255,0.5);
}


.cursor {
  position: fixed;
  background-color: black;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  z-index: 1;
  transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
  user-select: none;
  pointer-events: none;
  z-index: 10000;
  transform: scale(1);
}

.cursor-follower {
  position: fixed;
  border: 1px solid black;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  z-index: 1;
  transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background;
  user-select: none;
  pointer-events: none;
  z-index: 10000;
  transform: translate(2px, 2px);
}

.load-3 .line:nth-last-child(1) {
  animation: loadingC 0.6s 0.1s linear infinite;
}
.load-3 .line:nth-last-child(2) {
  animation: loadingC 0.6s 0.2s linear infinite;
}
.load-3 .line:nth-last-child(3) {
  animation: loadingC 0.6s 0.3s linear infinite;
}

@keyframes loadingC {
  0 {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 15px);
  }
  100% {
    transform: translate(0, 0);
  }
}

.load-3 .line {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  background-color: #fff;
}


.error{
color:#ff0000 !important;	
}

.locationmsg {
  display: inline-flex;
  align-items: center;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  bottom: 12px;
  left: 25%;
  color:#fff;
}
.location-button {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.location-button-outer {
  position: absolute;
  width: 18px;
  height: 18px;
  animation: pulse 2.5s ease-out;
  animation-iteration-count: infinite;
  opacity: 0;
  border: 3px solid var(--lightblue);
  border-radius: 30px;
}
.location-button-inner {
  position: absolute;
  width: 14px;
  height: 14px;
  background: var(--blue);
  border-radius: 100%;
}
@keyframes pulse {
  0% {
    transform: scale(0.7, 0.7);
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}

@media (max-width: 991.98px) { 
.homecompcolright,.homecompcolleft {
	position: relative;
	
}
.nav-item {
  height: 35px !important;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: start;
  position: relative;
}

  header {
    height: 72px;
    top: 0px !important;
  }
  
    header .logo {
    height: 20px !important;
  }
  
    .navbar-toggler {
    border:0;
  }
  
  h2 {
  font-size: 3rem;
  font-family: 'Montserrat';
  line-height: 1;
}

.subtitle {
  font-size: 26px;
  color: #000;
}

::selection {
  background:#b3d4fc;
  text-shadow: none;

}
.swipehand { 
display:block;
}
.mb-24 {
  margin-bottom: 24px;

}

.pt-sm-24 {
padding-top:24px;	
}

.locationtitle {
  font-size: 28px;
  line-height: 1;
  margin:0 0 24px 0;
}

.locicon2 {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 700;
  color: #244a86;
  font-family: 'Montserrat' !important;
  width: 64px;
}

.locationtitle span {
  font-size: 46px;
  font-weight: 700;
  color: var(--blue);
}

.locicon2 img {
width: 100%;	
}

.locicon2 span {
width: 45px !important;	
height:45px !important;
aspect-ratio: 1;
margin-top: 12px;
}
.locbox.active .loclabel {
color:#fff !important;	
}

.locbox .loclabel {
color:var(--blue) !important;	
}
.routetype {
height:64px;
width:64px;	
}


.caruseldescription h4 {
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
}

.activityslogan p {
  color: #fff;
  font-size: 68px;
  font-weight: 700;
  line-height: 1;
}

.sectioninfo .sectitle {
  color: var(--blue);
  font-size: 30px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 24px;
}

.bldsubtitle{

  font-size: 30px !important;	
}

.bldtitle {
  text-transform: uppercase;
  color: var(--blue);
  font-weight: 700;
  font-size: 2.2rem;
}

.homes .card .card-img-top, .fhomes .card .card-img-top,.searchresult .card .card-img-top {
  height: 384px;
  border-radius: 8px;
  background-color: #fff;
  width: 100%;
  object-fit: contain;
}

  .activitynavs {
    position: relative !important;
    color: #fff;
    bottom: -24px;
    width: 100% !important;
    text-align: center;
    z-index: 10;
    top: -24px;
    left: 0 !important;
    transform: none !important;
  }
  
   .activitynavs .navbar {
    background-color: var(--lightgrey);
    border-radius:24px;
    color: #000;
  }
  
    .navbar-toggler:focus {
    text-decoration:none;
    outline:0;
    box-shadow: none;
  }
  .activitytitle {
  text-align: center;
  font-weight: 800;
  font-size: 3rem;
  margin-top: 48px;
  margin-bottom: 96px;
  line-height: 1;
}

.caption {
  color: #fff;
  width: 100%;
  bottom: 20px;
}

  .fullheight {
    height: auto;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
    display: flex;
    align-items: center;
  }
  
    .abcaruselinfo {
    width: 100%;
    margin-left: 0;
    display: flex;
    flex-direction: column;
    height: auto;
  }
  
   .caruseldescription {
    width: 100%;
    display: inline-flex;
    margin-left: 0;
  }
  
    #aboutuscarusel {
    height: 100%;
    background-color: #EDF3F9;
  }
  
    h3 {
    font-size: 2rem !important;
    font-family: 'Montserrat';
    line-height: 1;
  }
  
    .companysection {
    position: relative;
    min-height: 610px;
    background-color: #E9ECEF80;
    padding-top: 43px;
    height: 100%;
  }
  
  .futuredesc {
    padding:24px !important;
    width: 100%;
  }
.btn-inner {
  overflow:inherit;
  padding:15px 10px 15px 10px;	
} 
.depcontact a {
  font-size: 24px;
  justify-content: space-between;
  border-bottom:1px solid #000 !important;
  align-items: center;
  border-radius:0;
}

.depcontact{
margin-bottom:24px;	
}

.offices h2 {
  color: var(--blue);
  font-weight: 700;
  font-size: 38px;
}

.hr::after {
  content: '';
  width: 90%;
  height: 1px;
  background-color: #000;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) translateX(-15%);
}

.countupdesc {
  font-weight: 700;
  text-transform: uppercase;
  color: var(--blue);
  font-size: 36px;
  line-height: 1;
}


.homecompcolright .clip {
  clip-path: inset(10% 0% 10% 10%);
  position: absolute;
  right: 0;
  width: 100%;
  top:80px;
}
h1 {
  font-size: 3.2rem;
  font-family: 'Montserrat';
  line-height: 1;
}

.companydetails .count_numbers {
  min-height: 150px;
  height:100%;
  flex-direction: row;
  display: flex;
}
section.horizontal .pin-wrap, section.horizontal .animation-wrap {
  display: flex;
  position: relative;
  z-index: 1;
  height: 100vh;
  padding-top: 10px;
}
.pjmarquee .marquee p {
  font-size: 2vw;
  margin-bottom: 0;
  font-weight: 400;
  color: #000;
  word-spacing: 10px;
}

.caruseldescription p {
  font-size: 1.375rem;
  font-weight: 700;
  color: var(--blue);
  text-transform: uppercase;
}

.absectionimg {
  width: 100%;
  height: 100%;
}

.projectspecdescription{
line-height:1.5;
font-size:0.85rem;	
}
.projectspectitle span {
  font-size: 28px;
  font-weight: 700;
  color: var(--midblue);
  text-transform: uppercase;
}

.mb-sm-24 {
margin-bottom:24px;	
}

.activitysection {
  padding-top: 96px;
  padding-bottom: 0 !important;
  position: relative;
}
.offices .address {
  color: var(--blue);
  margin-bottom: 0;
  font-size: 1.2rem;
}
.deptitle {
  font-size: 1.75rem;
  font-weight: 700;
}

.mt-sm-96{
margin-top:96px;	
}

.pjtitle {
  font-weight: 700;
  font-size: 3rem;
  margin-top: 24px;
}

.home-scroll_text-item {
  display: flex;
  padding-top: 3em;
  padding-bottom: 3em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  opacity: 0.2;
  transition: opacity 300ms ease;
}

.materials .swiper-slide {
height: auto;
  display: flex;	
}
.materials .card-body {
  background-color: #EDF3F9;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.galswiper .swiper-slide {
  height: 306px !important;
}

.gmap {
	height:100% !important;
}

.gallery .swiper-pagination {
  bottom: -64px !important;
}







}

.flatsticky h1{
	font-size:2.2rem;
}

#cookiescript_accept {
  transition: all 0.25s ease 0s;
    transition-duration: 0.25s;
    transition-timing-function: ease;
  text-transform: uppercase;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0.4px;
  border: 0;
  background-color: #EDF3F9 !important;
  color: #114A8A !important;
  line-height: 3.2;
}

#cookiescript_readmore {
  color: #fff !important;
  text-decoration:underline !important;
}

.ptb-12 {
padding-top:12px;
padding-bottom:12px;	
}

.card h5 {
font-size:1rem;	
color:var(--blue);
font-weight:400;
}

.card .card-img-top {
height:384px;	
}

.card-img-box {
  width: 100%;
  max-height: 363px;
  overflow: hidden;
  display: flex;
  aspect-ratio: 1;
  position: relative;
}

.card-img-box .card-img-top {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}


.rotate-90{
rotate:90deg;	
}

.cardtitle {
display:flex;
align-items:center;
justify-content:space-between;	
}

.materials .card {
border:5px solid #EDF3F9;
border-radius:8px;
height:100%;
color:#114A8A;
}

.materials .card-body {
background-color:#EDF3F9;	
}

.materials .card h3 {
font-size:21px !important;	
}

.materials .card-text {
color:#114A8A;	
}

.materials h4,.payments h4,.constructionstage h4{
text-transform:uppercase;
font-weight:500;	
}
.materials h3,.payments h3,.constructionstage h3{
text-transform:uppercase;
font-weight:700;
font-size:50px;
color:var(--blue);	
}

.payments{
padding-top:96px;
padding-bottom:96px;
background-image:url('../../img/bg/syn3rgy2payments.jpg');	
background-attachment: fixed;
min-height:100vh;
}

.paybox {
background-color:#EDF3F9;
border:1px solid var(--blue);
height:158px;
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
border-radius:8px;
text-align:center;
margin-bottom:4px;	
}

.paytitle {
text-align:center;
color:var(--blue);
font-size:28px;
font-weight:600;	
}

.ptitlebox {
display: flex;
  flex-direction: column;
  margin-bottom: 24px;
  height: 84px;	
}

.pbeven .paybox {
background-color:#F5F5F5;	
}

.constructionstage {
padding-top:96px;
padding-bottom:96px;	
	
}

.constructionstage .list-group-item.active::before {
  content: '';
  width: 16px;
  height: 16px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: -12px;
  z-index: 2;
  background-color: var(--blue);
}

.constructionstage .list-group-item.active {
background-color:transparent;
border-left:8px solid var(--blue);
border-top:0;
border-right:0;
border-bottom:0;
color:var(--blue);	
font-weight:700;
}

.constructionstage .list-group-item {
border-left:8px solid #EDF3F9;	
font-size:28px;
display:flex;
align-items:center;
padding-top:40px;
padding-bottom:40px;border-top:0;
border-right:0;
border-bottom:0;
}

.constructionstage .list-group-item:not(.active) {
padding-left:36px;	
}

.gallery h3 {
font-size:50px;
font-weight:700;
text-transform:uppercase;
color:var(--blue);	
}

.gallery {
padding-top:96px;
padding-bottom:96px;	
}

.gmap {
height:100vh;
background-color:#EDF3F9;	
padding-top:64px;
padding-bottom:64px;
}

.gmaproute,.gmaproute svg {
width:100%;
height:100%;	
}


.locicon {
width:64px;
height:64px;	
}

.locbox {
border-radius:16px;
height:148px;
background-color:#fff;
padding:12px;
display:flex;
}

.locdescription {
display:flex;
height:100%;
width:100%;
align-items:center;
flex-direction:column;	
}

.loclabel{
font-size:24px;	
font-weight:600;
display: flex;
align-items: center;
height:64px;
line-height: 1.2;
  justify-content: center;
  text-align: center;
}

.location {
height: calc(100% - 128px);
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
scrollbar-color: var(--blue) transparent;
  scrollbar-width: thin;  
}

.labelinfo {
margin-top:auto;	
}

.swiper-pagination-bullet-active {
  background: var(--blue);
  width: 16px;
  height: 8px;
  border-radius:16px;
}

.homes {
background-color:#EDF3F9;	
}

.homes h3 {
text-transform:uppercase;
font-weight:700;
color:var(--blue);
font-size:68px;	
}

.homes h4 {
text-transform:uppercase;
font-weight:700;
color:var(--blue);	
font-size:28px;
margin-bottom:24px;
}

.locbox.active,.locbox:hover {
  background-color: var(--blue);
  color: #fff;
}
.loclabel{
color:var(--blue);	
}

.locbox.active .loclabel,.locbox:hover .loclabel {
  color: #fff;	
}

.locbox.active .timedistance,.locbox:hover .timedistance{
  color: #fff;
}

.feattitle {
font-weight:500;
text-transform:uppercase;
font-size:28px;	
}

.fhomes h3 {
text-transform:uppercase;
font-weight:600;
margin-bottom:24px;	
}

.homes .card-body,.homes .card-footer,.fhomes .card-body,.fhomes .card-footer {
  background-color: #fff;
  margin-top: 8px;
  border-radius: 8px;
}

.homes .card .card-img-top,.fhomes .card .card-img-top {
  height: 384px;
  border-radius: 8px;
  background-color: #fff;
}

.homes .card,.fhomes .card {
  border: 0;
  border-radius: 8px;
  background-color: transparent;
}

.propprice {
font-weight:600;
font-size:18px;
color:var(--blue);	
}

.projectprice s {
color:#000;
font-size:1rem;	
font-weight:400;
}

.top-84 {
top:84px;	
}

.features {
position:relative;
overflow:hidden;	
}

.featurebg {
width:341px;
height:341px;
border-radius:50%;
background-color:#EDF3F94D;	
position:absolute;
top:0%;
left:50%;
transform:translateX(-50%);
}


.fade-up {
  opacity: 0;
  transform: translateY(100px);
  will-change: transform, opacity;
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.fade-up.animate {
  transform: translateY(0);
  opacity: 1;
}

.galswiper .swiper-slide {
height:856px;	
}

.galswiper img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.gallery .swiper-pagination,.homes .swiper-pagination{
bottom: -64px;	
}

.materials .swiper-pagination {
bottom: -64px;	
}

.payments .swiper-pagination {
bottom: -64px;	
}
.logolink {
text-decoration:none; 
display: flex;
align-items: end;
	
}
.logoby {
  font-family: "Cookie", cursive;
  font-weight: 400;
  font-style: normal; 
  font-size:18px;
  margin-left:1.2rem;
}

svg .route {
fill: none;
    stroke: #244a86;
    stroke-width: 3px;

/* Stroke-dasharray property */
/*     stroke-dasharray: 50; 
    stroke-dashoffset: 50; */
/*     stroke-dashoffset: 500px; */
/*     stroke-dasharray: 1353px;
    stroke-dashoffset: 1353px; */
/*    animation: move 2s linear infinite;      */

opacity:0;
/* transition:all 1s ease-out;	 */
}

svg .route.active {
  opacity:1;  
  animation: move 3s linear; 
   animation-fill-mode: forwards;
}

svg .pinroute{
opacity:0;	
}

svg .pinroute.active{
opacity:1;	
}


@keyframes move {
    100% {
        stroke-dashoffset: 0; 
	/*	fill:#244a86;*/
    }
}

/* .pbox {
border: 2px solid var(--blue);
  border-radius: 8px;	
} */

#lmenu-location [aria-expanded="true"] circle,#lmenu-location [aria-expanded="false"]:hover circle {
	fill:var(--blue);
}

#lmenu-location [aria-expanded="false"] circle {
	fill:#E5E5E5;
}

#lmenu-location [aria-expanded="true"] .inactive,#lmenu-location [aria-expanded="false"]:hover .inactive {
	fill:var(--blue);
}

#lmenu-location [aria-expanded="true"] .inactivedarkgrey,#lmenu-location [aria-expanded="false"]:hover .inactivedarkgrey{
fill:#EDF3F9;	
}
#lmenu-location [aria-expanded="true"] .inactivegrey,#lmenu-location [aria-expanded="false"]:hover .inactivegrey{
fill:#CCD8E5;	
}

@media (max-width: 1399.98px) { 
header .nav-link {
  font-weight: 600;
  font-size: 12px !important;
  color: #000;
  display: grid;
  place-content: center;
  overflow: hidden;
  text-transform: uppercase;
  position: relative;
}
 }
 
 .jspbox {
	display:flex;
	position:fixed;
	bottom:12px;
	right:12px;
	background-color:#EDF3F9;
	color:var(--blue);
	border-radius:48px;
	padding:8px;
	font-size:12px;
	align-items:center;
	z-index:10;
	border:1px solid var(--blue);
 }
 
 .jspbox a {
text-decoration:none;
display: flex;
  align-items: center;	 
 }
 
 .propprice s {
  color: #000;
  font-size: 14px;
}