body {
  overflow-x: hidden;
  overflow-y: hidden;
}

body.scrollAuto {
  overflow-y: auto;
}

main {
  padding-top: 240px;
}

main.overflowHidden {
  overflow: hidden
}

/* main >section:first-child h1{opacity: 0;transition: .2s all;}
main.overflowHidden >section:first-child h1{opacity: 1;} */
/* start header css */
header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 44px 75px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9001;
}

header#header {
  transition: opacity .8s ease-in-out, transform .8s ease-in-out, 0.65s padding ease-out;
  -webkit-transition: opacity .8s ease-in-out, transform .8s ease-in-out, 0.65s padding ease-out;
  -moz-transition: opacity .8s ease-in-out, transform .8s ease-in-out, 0.65s padding ease-out;
  -o-transition: opacity .8s ease-in-out, transform .8s ease-in-out, 0.65s padding ease-out;
}

header.sticky#header {
  /* position: fixed;
  top: 0;
  width: 100%;z-index: 9001;
  transform: translateY(-100%); */
  /* -webkit-animation:headerSticky .5s ease 0s 1 normal forwards;  animation:headerSticky .5s ease 0s 1 normal forwards; */
  /* pointer-events: none; */

  padding-block: 15px;
}

header::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
  -webkit-transition: .75s all;
  -o-transition: .75s all;
  transition: .75s all;
}

/* header.sticky#header::before {background: rgba(21, 53, 141, 0.75);opacity: 1;}
.page-template-template-building-page header.sticky#header::before {background:rgba(255, 226, 226, 0.75);}
.page-template-template-availability-page header.sticky#header::before {background: rgba(0, 141, 99, 0.75);}
.page-template-template-local-area-page header.sticky#header::before {background: rgba(205, 236, 236, 0.75);}
.page-template-template-contact-page header.sticky#header::before {background: rgba(0, 141, 99, 0.75);} */
.homePage .headerLogo,
.buildingPage .headerLogo,
.availabilityPage .headerLogo,
.localAreaPage .headerLogo,
.contactPage .headerLogo,
.notFound .headerLogo,
.post .headerLogo {
  position: absolute;
  left: 0;
  right: 0;
  top: 44px;
  margin: 0 auto;
  text-align: center;
  max-width: 272px;
  width: 100%;
  height: auto;
  z-index: 9002;
}

main > .headerLogo {
  -webkit-transform: translate3d(0, 30px, 0);
  -webkit-moz: translate3d(0, 30px, 0);
  transform: translate3d(0, 30px, 0);
  opacity: 0;
  transition: opacity .8s ease-in-out, transform .8s ease-in-out;
  -webkit-transition: opacity .8s ease-in-out, transform .8s ease-in-out;
  -moz-transition: opacity .8s ease-in-out, transform .8s ease-in-out;
  -o-transition: opacity .8s ease-in-out, transform .8s ease-in-out;
}

main.overflowHidden .headerLogo,
main.overflowHidden .headerLogo,
main.overflowHidden .headerLogo,
main.overflowHidden .headerLogo,
main.overflowHidden .headerLogo {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

nav.mainNavBox.active ~ main .headerLogo {
  /* opacity: 0; */
  transition: 0s all;
  visibility: hidden;
}

html.touch .menuBox.active #Path_11814 path:nth-child(1) {
  fill: var(--blue) !important;
}

html.touch .menuBox.active #Group_88 path {
  stroke: var(--lightYellow) !important;
}

header .headerLogo {
  display: none;
}

header.menuOpen.sticky#header::before {
  opacity: 0;
}

@-ms-keyframes headerSticky {
  0% {}

  100% {
    -ms-transform: translateY(0);
  }
}

@-moz-keyframes headerSticky {
  0% {}

  100% {
    -moz-transform: translateY(0);
  }
}

@-webkit-keyframes headerSticky {
  0% {}

  100% {
    -webkit-transform: translateY(0);
  }
}

@keyframes headerSticky {
  0% {}

  100% {
    transform: translateY(0);
  }
}

header .headerLogo a img,
header .headerLogo a svg {
  transition: .75s all;
  max-width: 272px;
  width: 100%;
  height: auto;
}

header.sticky .headerLogo a img,
header.sticky .headerLogo a svg {
  max-width: 170px;
  height: auto;
}

header > a {
  border-radius: 50%;
  -webkit-tap-highlight-color: transparent;
}

header > a .fill,
.hamburgerMenu .fill {
  opacity: 0;
}

/* header.sticky .headerLogo{    opacity: 0;
  pointer-events: none;} */
header.sticky > a,
header.sticky .hamburgerMenu {
  pointer-events: auto;
}

header.menuOpen {
  z-index: 5
}

header .headerLogo {
  font-size: unset;
  margin: 0
}

header .headerLogo a {
  display: inline-block
}

header .homeIcon,
header .hamburgerMenu > svg {
  height: auto;
  width: 65px;
}

.hamburgerMenu {
  display: inline-block;
  border-radius: 50%;
  -webkit-tap-highlight-color: transparent;
}

.menuBox #Group_88 path {
  transition: .5s all;
}

.menuBox #Group_88 path:nth-child(1) {
  transform-origin: 67% 58%;
}

.menuBox #Group_88 path:nth-child(3) {
  transform-origin: 65% 42%;
}

.menuBox.active #Group_88 path:nth-child(2) {
  opacity: 0;
}

.menuBox.active #Group_88 path:nth-child(1) {
  transform: rotate(45deg);
}

.menuBox.active #Group_88 path:nth-child(3) {
  transform: rotate(-45deg);
}

header.menuOpen {
  z-index: 99;
  pointer-events: none;
}

header.menuOpen > a,
header.menuOpen .headerLogo {
  opacity: 0;
  pointer-events: none;
}

a.hamburgerMenu.active {
  pointer-events: auto;
}

/* .hamburgerMenu {
  display: inline-block;
  border-radius: 50%;
  -webkit-tap-highlight-color: transparent;
  width: 65px;
  height: 65px;
  position: relative;
  border: 2px solid yellow;
}
a.hamburgerMenu span {
  display: inline-block;
  width: 34px;
  height: 2px;
  background: yellow;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
a.hamburgerMenu span:first-child {
  top: calc(50% - 9px);
}
a.hamburgerMenu span:nth-child(3) {
  top: calc(50% + 9px);
} */
nav.mainNavBox {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background: var(--blue);
  padding: 0;
  z-index: -2;
  text-align: center;
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* -webkit-box-align:center;  -ms-flex-align:center;  align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;   */
  -webkit-transition: .25s all;
  -o-transition: .25s all;
  transition: .25s all;
  opacity: 0;
  overflow: hidden;
}

.page-template-template-building-page nav.mainNavBox {
  background: var(--pink)
}

.page-template-template-availability-page nav.mainNavBox {
  background: var(--green)
}

.page-template-template-local-area-page nav.mainNavBox {
  background: var(--lightSky)
}

nav.mainNavBox.active {
  z-index: 9;
  opacity: 1;
}

nav.mainNavBox a {
  pointer-events: none;
  opacity: 0;
  text-decoration: none;
}

nav.mainNavBox.active a {
  pointer-events: auto;
  opacity: 0;
}

header.menuOpen.sticky#header {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

nav.mainNavBox a {
  position: relative;
  opacity: 0;
  top: 10px;
}

nav.mainNavBox.active a.active {
  position: relative;
  opacity: 1;
  top: 0px;
  -ms-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}


nav.mainNavBox > div {
  overflow: auto;
  max-height: 100vh;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* background:var(--blue);   */
  height: 0;
  /* background:var(--lightYellow) */
}

nav.mainNavBox ul {
  list-style-type: none;
  padding: 0;
  height: 100%;
  width: 100%
}

nav.mainNavBox > div > ul {
  overflow: auto;
}

nav.mainNavBox .menu-main-menu-container > ul {
  padding: 40px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  margin: auto;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(15deg);
  -ms-transform: translateY(-50%) rotate(15deg);
  transform: translateY(-50%) rotate(15deg);
  max-height: 100vh;
}

.mainNavBox ul.mainMenu > li:not(:last-child) {
  margin-bottom: 40px
}

.mainNavBox ul.mainMenu > li > a {
  font-family: "Interstate_Colmore";
  text-transform: uppercase;
  color: var(--blue);
  font-size: 90px;
  line-height: 1.03
}

.mainNavBox ul.sub-menu > li > a {
  font-family: "Interstate Light";
  text-transform: uppercase;
  color: var(--green);
  font-size: 40px;
  line-height: 1.3
}

.mainNavBox ul.mainMenu > li.current_page_item > a,
.mainNavBox ul.mainMenu > li > a:hover,
.mainNavBox ul.sub-menu > li > a:hover {
  color: var(--red);
}

.menuClose {
  position: fixed;
  z-index: -5;
  opacity: 0;
  right: 75px;
  top: 59px;
  border-radius: 50%;
  -webkit-tap-highlight-color: transparent;
  -ms-transition: .75s ease-in;
  -moz-transition: .35s ease-in;
  -webkit-transition: .35s all;
  transition: .35s ease-in;
  pointer-events: none;
}

.mac-os .menuClose {
  right: 90px;
}

.menuClose.active {
  z-index: 22;
  opacity: 1;
  pointer-events: auto;
}

nav.mainNavBox {
  position: fixed;
  top: -50%;
  left: -50%;
  height: 200%;
  width: 200%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--blue);
  visibility: hidden;
  z-index: 2;
  -webkit-transform: rotate(-15deg) translate3d(0, 0, 0);
  transform: rotate(-15deg) translate3d(0, 0, 0);
}

.mainNavBox::before,
.mainNavBox::after {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  width: 100%;
  height: 80%;
  background-color: var(--lightYellow);
  z-index: -1;
  opacity: 0;
}

.mainNavBox::before {
  top: 51%;
  -moz-transform: translate(-100%, -100%) translate3d(0, 0, 0);
  -webkit-transform: translate(-100%, -100%) translate3d(0, 0, 0);
  transform: translate(-100%, -100%) translate3d(0, 0, 0);
}

.mainNavBox::after {
  top: 49%;
  -moz-transform: translate(100%, 0%) translate3d(0, 0, 0);
  -webkit-transform: translate(100%, 0%) translate3d(0, 0, 0);
  transform: translate(100%, 0%) translate3d(0, 0, 0);
  opacity: 0;
}

nav.mainNavBox.active {
  visibility: visible;
}

.mainNavBox.active::before {
  -moz-transform: translate(-100%, -100%) translate3d(0, 0, 0);
  -webkit-transform: translate(-100%, -100%) translate3d(0, 0, 0);
  transform: translate(-100%, -100%) translate3d(0, 0, 0);
  -moz-animation: menu-in-left 0.25s linear 0.25s 1 normal forwards;
  -webkit-animation: menu-in-left 0.25s linear 0.25s 1 normal forwards;
  animation: menu-in-left 0.25s linear 0.25s 1 normal forwards;

}

.mainNavBox.active::after {
  -moz-transform: translate(100%, 0%) translate3d(0, 0, 0);
  -webkit-transform: translate(100%, 0%) translate3d(0, 0, 0);
  transform: translate(100%, 0%) translate3d(0, 0, 0);
  -moz-animation: menu-in-right 0.25s linear 0.35s 1 normal forwards;
  -webkit-animation: menu-in-right 0.25s linear 0.35s 1 normal forwards;
  animation: menu-in-right 0.25s linear 0.35s 1 normal forwards;
  opacity: 0;
}

@-moz-keyframes menu-in-left {
  0% {}

  100% {
    -moz-transform: translate(-50%, -100%) translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes menu-in-left {
  0% {}

  100% {
    -webkit-transform: translate(-50%, -100%) translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes menu-in-left {
  0% {}

  100% {
    -webkit-transform: translate(-50%, -100%) translate3d(0, 0, 0);
    transform: translate(-50%, -100%) translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-moz-keyframes menu-in-right {
  0% {}

  100% {
    -moz-transform: translate(-50%, 0%) translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes menu-in-right {
  0% {}

  100% {
    -webkit-transform: translate(-50%, 0%) translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes menu-in-right {
  0% {}

  100% {
    -webkit-transform: translate(-50%, 0%) translate3d(0, 0, 0);
    transform: translate(-50%, 0%) translate3d(0, 0, 0);
    opacity: 1;
  }
}

/* .mainNavBox ul.mainMenu > li:nth-child(1) > a,
.mainNavBox ul.mainMenu > li:nth-child(1) > ul > li:nth-child(2n+2) a,
.mainNavBox ul.mainMenu > li:nth-child(2) > a,
.mainNavBox ul.mainMenu > li:nth-child(3) > ul > li:nth-child(odd) a,
.mainNavBox ul.mainMenu > li:nth-child(4) > ul > li a
{position:relative;opacity: 0;left:1%;-ms-transition: .75s ease-in;-moz-transition: .75s ease-in;-webkit-transition: .75s all;transition: .75s ease-in;}

.mainNavBox ul.mainMenu > li:nth-child(1) > ul > li:nth-child(odd) a,
.mainNavBox ul.mainMenu > li:nth-child(3) > a,
.mainNavBox ul.mainMenu > li:nth-child(1) > ul > li:nth-child(odd) a,
.mainNavBox ul.mainMenu > li:nth-child(4) > a,
.mainNavBox ul.mainMenu > li:nth-child(3) > ul > li:nth-child(2n+2) a

{position:relative;opacity: 0;left:-1%;-ms-transition: .75s ease-in;-moz-transition: .75s ease-in;-webkit-transition: .75s all;transition: .75s ease-in;} */

/* .mainNavBox ul.mainMenu > li:nth-child(1),
.mainNavBox ul.mainMenu > li:nth-child(1),
.mainNavBox ul.mainMenu > li:nth-child(1),
.mainNavBox ul.mainMenu > li:nth-child(1),
.mainNavBox ul.mainMenu > li:nth-child(1),
.mainNavBox ul.mainMenu > li:nth-child(1) {} */
/* nav.mainNavBox a:nth-child(odd) {position:relative;opacity: 0;left:1%;-ms-transition: .75s ease-in;-moz-transition: .75s ease-in;-webkit-transition: .75s all;transition: .75s ease-in;}
nav.mainNavBox a:nth-child(even) {position:relative;opacity: 0;left:-1%;-ms-transition: .75s ease-in;-moz-transition: .75s ease-in;-webkit-transition: .75s all;transition: .75s ease-in;} */
/* .mainNavBox ul.mainMenu > li:nth-child(1) > a.active,
.mainNavBox ul.mainMenu > li:nth-child(1) > ul > li:nth-child(2n+2) a.active,
.mainNavBox ul.mainMenu > li:nth-child(2) > a.active,
.mainNavBox ul.mainMenu > li:nth-child(3) > ul > li:nth-child(odd) a.active,
.mainNavBox ul.mainMenu > li:nth-child(4) > ul > li a.active,
.mainNavBox ul.mainMenu > li:nth-child(1) > ul > li:nth-child(odd) a.active,
.mainNavBox ul.mainMenu > li:nth-child(3) > a.active,
.mainNavBox ul.mainMenu > li:nth-child(1) > ul > li:nth-child(odd) a.active,
.mainNavBox ul.mainMenu > li:nth-child(4) > a.active,
.mainNavBox ul.mainMenu > li:nth-child(3) > ul > li:nth-child(2n+2) a.active {opacity: 1;transform: translateX(0);left: 0;} */

/* end header css */

/* intro animation start */
.pageAnimation {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--blue);
  z-index: 999;
}

.pageAnimation #Group_4342 > g:nth-child(even) {
  -moz-animation: fadeUp 1s cubic-bezier(0.39, 0.58, 0.57, 1) 1.255s 1 normal forwards;
  -webkit-animation: fadeUp 1s cubic-bezier(0.39, 0.58, 0.57, 1) 1.255s 1 normal forwards;
  animation: fadeUp 1s cubic-bezier(0.39, 0.58, 0.57, 1) 1.255s 1 normal forwards;
  opacity: 0;
}

.pageAnimation #Group_4342 > g:nth-child(odd) {
  -moz-animation: fadeDown 1s cubic-bezier(0.39, 0.58, 0.57, 1) 1.255s 1 normal forwards;
  -webkit-animation: fadeDown 1s cubic-bezier(0.39, 0.58, 0.57, 1) 1.255s 1 normal forwards;
  animation: fadeDown 1s cubic-bezier(0.39, 0.58, 0.57, 1) 1.255s 1 normal forwards;
  opacity: 0;
}

.pageAnimation #Group_4343 {
  -moz-animation: fadeDown .75s cubic-bezier(0.39, 0.58, 0.57, 1) .5s 1 normal forwards;
  -webkit-animation: fadeDown .75s cubic-bezier(0.39, 0.58, 0.57, 1) .5s 1 normal forwards;
  animation: fadeDown .75s cubic-bezier(0.39, 0.58, 0.57, 1) .5s 1 normal forwards;
  opacity: 0;
}

.pageAnimation #Group_4341 {
  -moz-animation: fadeUp .75s cubic-bezier(0.39, 0.58, 0.57, 1) 1.95s 1 normal forwards;
  -webkit-animation: fadeUp .75s cubic-bezier(0.39, 0.58, 0.57, 1) 1.95s 1 normal forwards;
  animation: fadeUp .75s cubic-bezier(0.39, 0.58, 0.57, 1) 1.95s 1 normal forwards;
  opacity: 0;
}

@-moz-keyframes fadeUp {
  0% {
    -moz-transform: translateY(10%);
    opacity: 0;
  }

  100% {
    -moz-transform: translateY(0px);
    opacity: 1;
  }
}

@-webkit-keyframes fadeUp {
  0% {
    -webkit-transform: translateY(10%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes fadeUp {
  0% {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}

@-moz-keyframes fadeDown {
  0% {
    -moz-transform: translateY(-10%);
    opacity: 0;
  }

  100% {
    -moz-transform: translateY(0px);
    opacity: 1;
  }
}

@-webkit-keyframes fadeDown {
  0% {
    -webkit-transform: translateY(-10%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes fadeDown {
  0% {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}

.logoAniBox {
  background: transparent;
  position: relative;
  height: auto;
  width: 60%;
  display: inline-block;
}

.pageAnimation.hidden {
  -webkit-animation: fadeOut .5s cubic-bezier(0.39, 0.58, 0.57, 1) 0s 1 normal forwards;
  animation: fadeOut .5s cubic-bezier(0.39, 0.58, 0.57, 1) 0s 1 normal forwards;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  95% {
    opacity: 0;
  }

  100% {
    z-index: -15;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  95% {
    opacity: 0;
  }

  100% {
    z-index: -15;
  }
}

main.overflowHidden > section.topSection .imgHolder {
  overflow: hidden;
}

/* start page top section */
.homePage h1 {
  text-align: center;
  max-width: 1070px;
  margin: 0 auto 80px
}

.buildingPage h1 {
  text-align: center;
  max-width: 1100px;
  margin: 0 auto 80px
}

main > section > .container > h1 {
  margin-bottom: 80px
}

main > section.topSection {
  padding-bottom: 120px
}

.homePage section.topSection p {
  color: var(--red);
}

/* main > section .container{opacity: 0;-ms-transition: .75s ease-in;-moz-transition: .75s ease-in;-webkit-transition: .75s all;transition: .75s ease-in;} */
/* footer .container, h1.txtReveal, h2.txtReveal{opacity: 0;-ms-transition: .5s ease-in;-moz-transition: .75s ease-in;-webkit-transition: .75s all;transition: .75s ease-in;}
main > section.fadeIn .container, footer.fadeIn .container, h1.txtReveal.active, h2.txtReveal.active {opacity: 1;} */

/* main > section .container{-webkit-transform : translate3d(0, 30px, 0); -webkit-moz : translate3d(0, 30px, 0); transform : translate3d(0, 30px, 0); opacity:0; transition: opacity .8s ease-in-out, transform .8s ease-in-out;
  -webkit-transition: opacity .8s ease-in-out, transform .8s ease-in-out;
  -moz-transition: opacity .8s ease-in-out, transform .8s ease-in-out;
  -o-transition: opacity .8s ease-in-out, transform .8s ease-in-out;} */
/* footer .container, h1.txtReveal, h2.txtReveal,
.imgHolder.largeCover, .threeCol_Icons img, .getInTouch img { -webkit-transform : translate3d(0, 30px, 0); -webkit-moz : translate3d(0, 30px, 0); transform : translate3d(0, 30px, 0); opacity:0; transition: opacity .8s ease-in-out, transform .8s ease-in-out;
  -webkit-transition: opacity .8s ease-in-out, transform .8s ease-in-out;
  -moz-transition: opacity .8s ease-in-out, transform .8s ease-in-out;
  -o-transition: opacity .8s ease-in-out, transform .8s ease-in-out;
 }
  footer.fadeIn .container, .overflowHidden h1.txtReveal.active, h2.txtReveal.active,
 .imgHolder.largeCover.fadeIn, .threeCol_Icons img.lazyloaded, .getInTouch img.lazyloaded { -webkit-transform : translate3d(0, 0, 0); -moz-transform : translate3d(0, 0, 0); transform : translate3d(0, 0, 0); opacity:1 } */
/* main.overflowHidden >section:first-child h1 */

/* .container.netZero{cursor:none} */

.netZero .arrowLink {
  position: absolute;
  position: absolute;
  -webkit-transition: .5s all;
  -o-transition: .5s all;
  transition: .5s all;
  -webkit-transform: translate(145%, 460%);
  -ms-transform: translate(145%, 460%);
  transform: translate(145%, 460%);
}

.arrowLink .arrow g g path {
  -webkit-transition: .5s all;
  -o-transition: .5s all;
  transition: .5s all;
}

.arrowLink:hover .arrow g g path {
  fill: var(--yellow)
}

.homeBlueBg {
  position: absolute;
  width: 100%;
  height: 160vw;
  bottom: -27.5vw;
  background-color: var(--blue);
  z-index: -1;
  -webkit-clip-path: polygon(100% 0, 100% 59%, 0 100%, 0 0);
  clip-path: polygon(100% 0, 100% 59%, 0 100%, 0 0)
}

.homeLightSkyBg {
  position: absolute;
  width: 100%;
  height: 160vw;
  bottom: -48vw;
  background-color: var(--lightSky);
  z-index: -2;
  -webkit-clip-path: polygon(100% 0, 100% 59%, 0 100%, 0 0);
  clip-path: polygon(100% 0, 100% 59%, 0 100%, 0 0)
}

.homeGreenBg {
  position: absolute;
  width: 100%;
  height: 200vw;
  top: 48vw;
  background-color: var(--green);
  z-index: -2;
  -webkit-clip-path: polygon(100% 33.1%, 100% 100%, 0% 100%, 0 0%);
  clip-path: polygon(100% 33.1%, 100% 100%, 0% 100%, 0 0%)
}

.homePinkBg {
  position: absolute;
  width: 100%;
  height: 200vw;
  top: -40vw;
  background-color: var(--pink);
  z-index: -2;
  -webkit-clip-path: polygon(100% 33%, 100% 100%, 0% 100%, 0 0%);
  clip-path: polygon(100% 33%, 100% 100%, 0% 100%, 0 0%)
}

.buildingPinkBg {
  position: absolute;
  width: 100%;
  height: 160vw;
  bottom: -18.5vw;
  background-color: var(--pink);
  z-index: -1;
  -webkit-clip-path: polygon(100% 0, 100% 59%, 0 100%, 0 0);
  clip-path: polygon(100% 0, 100% 59%, 0 100%, 0 0)
}

.buildingLightSkyBg {
  position: absolute;
  width: 100%;
  height: 160vw;
  bottom: -58vw;
  background-color: var(--lightSky);
  z-index: -2;
  -webkit-clip-path: polygon(100% 0, 100% 59%, 0 100%, 0 0);
  clip-path: polygon(100% 0, 100% 59%, 0 100%, 0 0)
}

.buildingYellowBg {
  position: absolute;
  width: 100%;
  height: 258vw;
  top: 39vw;
  background-color: var(--lightYellow);
  z-index: -2;
  -webkit-clip-path: polygon(0 0, 100% 25.6%, 100% 100%, 0 74.4%);
  clip-path: polygon(0 0, 100% 25.6%, 100% 100%, 0 74.4%)
}

.buildingGreenBg {
  position: absolute;
  width: 100%;
  height: 258vw;
  top: -14vw;
  background-color: var(--green);
  z-index: -2;
  -webkit-clip-path: polygon(0 0, 100% 25.6%, 100% 100%, 0 74.4%);
  clip-path: polygon(0 0, 100% 25.6%, 100% 100%, 0 74.4%)
}

.buildingBlueBg {
  position: absolute;
  width: 100%;
  height: 258vw;
  top: 41vw;
  background-color: var(--blue);
  z-index: -2;
  -webkit-clip-path: polygon(100% 25.6%, 100% 100%, 0% 100%, 0 0%);
  clip-path: polygon(100% 25.6%, 100% 100%, 0% 100%, 0 0%)
}

.availabityGreenBg {
  position: absolute;
  width: 100%;
  height: 160vw;
  bottom: -12.5vw;
  background-color: var(--green);
  z-index: -1;
  -webkit-clip-path: polygon(100% 0, 100% 59%, 0 100%, 0 0);
  clip-path: polygon(100% 0, 100% 59.3%, 0 100%, 0 0)
}

.availabityPinkBg {
  position: absolute;
  width: 100%;
  height: 160vw;
  bottom: -41vw;
  background-color: var(--pink);
  z-index: -2;
  -webkit-clip-path: polygon(100% 0, 100% 59%, 0 100%, 0 0);
  clip-path: polygon(100% 0, 100% 59%, 0 100%, 0 0)
}

.availabityYellowBg {
  position: absolute;
  width: 100%;
  height: 428vw;
  top: 3vw;
  background-color: var(--lightYellow);
  z-index: -2;
  -webkit-clip-path: polygon(0 0, 100% 15.4%, 100% 100%, 0 84.55%);
  clip-path: polygon(0 0, 100% 15.4%, 100% 100%, 0 84.55%);
}

.availabityPinkBgBottom {
  position: absolute;
  width: 100%;
  height: 258vw;
  top: -33.5vw;
  background-color: var(--pink);
  z-index: -2;
  -webkit-clip-path: polygon(100% 25.6%, 100% 100%, 0% 100%, 0 0%);
  clip-path: polygon(100% 25.6%, 100% 100%, 0% 100%, 0 0%)
}

.localArealightSky {
  position: absolute;
  width: 100%;
  height: 160vw;
  bottom: -24.5vw;
  background-color: var(--lightSky);
  z-index: -1;
  -webkit-clip-path: polygon(100% 0, 100% 59.25%, 0 100%, 0 0);
  clip-path: polygon(100% 0, 100% 59.25%, 0 100%, 0 0);
}

.localAreaGreen {
  position: absolute;
  width: 100%;
  height: 160vw;
  top: 50%;
  -webkit-transform: translateY(-72%);
  -ms-transform: translateY(-72%);
  transform: translateY(-72%);
  background-color: var(--green);
  z-index: -2;
  -webkit-clip-path: polygon(100% 0, 100% 59.25%, 0 100%, 0 40.8%);
  clip-path: polygon(100% 0, 100% 59.25%, 0 100%, 0 40.8%);
}

.localAreaBlue {
  position: absolute;
  width: 100%;
  height: 500vw;
  background: var(--blue);
  top: 50%;
  -webkit-transform: translateY(-101.4%);
  -ms-transform: translateY(-101.4%);
  transform: translateY(-101.4%);
  z-index: -3;
  -webkit-clip-path: polygon(100% 0, 100% 86.98%, 0 100%, 0 13%);
  clip-path: polygon(100% 0, 100% 86.98%, 0 100%, 0 13%);
}

.localArealightYellow {
  position: absolute;
  width: 100%;
  background: var(--lightYellow);
  height: 3250px;
  top: 50%;
  -webkit-transform: translateY(-41.5%);
  -ms-transform: translateY(-41.5%);
  transform: translateY(-41.5%);
  z-index: -1;
  -webkit-clip-path: polygon(0 0, 100% 37.5%, 100% 100%, 0 62.8%);
  clip-path: polygon(0 0, 100% 37.5%, 100% 100%, 0 62.8%);
}

.localAreaPink {
  position: absolute;
  width: 100%;
  height: 258vw;
  top: -10.5vw;
  background-color: var(--pink);
  z-index: -2;
  -webkit-clip-path: polygon(100% 25.6%, 100% 100%, 0% 100%, 0 0%);
  clip-path: polygon(100% 25.6%, 100% 100%, 0% 100%, 0 0%);
}

.samplePinkBg {
  position: absolute;
  width: 100%;
  height: 160vw;
  top: -240px;
  background-color: var(--pink);
  z-index: -1;
  -webkit-clip-path: polygon(100% 0, 100% 59%, 0 100%, 0 0);
  clip-path: polygon(100% 0, 100% 59%, 0 100%, 0 0);
}

.sampleLightYellowBg {
  position: absolute;
  width: 100%;
  height: 170vw;
  bottom: 0;
  background-color: var(--lightYellow);
  z-index: -1;
  -webkit-clip-path: polygon(100% 0, 100% 59%, 0 100%, 0 0);
  clip-path: polygon(100% 0%, 100% 100%, 0 100%, 0% 38.5%);
}

/* end page top section */
/* start for Market leading amenities */
.amenitiesFirstRow,
.amenitiesSecondRow,
.brightReception {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.amenitiesFirstRow > div:first-child,
.brightReception > div:first-child {
  width: 365px
}

.amenitiesFirstRow > div:first-child .smCover,
.brightReception div:first-child .smCover {
  width: calc(100% + 130px);
  z-index: 1
}

.amenitiesFirstRow > div:last-child,
.brightReception > div:last-child {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 38px
}

.marketAmenities h3,
.brightReception h5 {
  margin-bottom: 32px
}

.amenitiesFirstRow h3 {
  margin: 70px 0 90px
}

.brightReception h5 {
  margin: 230px 0 40px;
  padding-right: 30px;
}

.amenitiesSecondRow > div:first-child {
  width: 47.5%
}

.marketAmenities .amenitiesSecondRow > div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.amenitiesSecondRow > div:first-child h3 {
  display: inline-block;
  margin: 90px auto 68px;
  max-width: 400px
}

.amenitiesSecondRow > div:last-child {
  width: 52.5%;
  padding-left: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.marketAmenities .amenitiesSecondRow > div:last-child {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.marketAmenities .amenitiesSecondRow > div:last-child > div:first-child {
  position: relative;
  bottom: 38px
}

.marketAmenities .amenitiesSecondRow > div:last-child > div:last-child h3 {
  margin: 50px 0 25px
}

.amenitiesSecondRow > div:last-child > div:nth-child(2) h3 {
  margin-bottom: 50px
}

.amenitiesSecondRow > div:last-child .lr_padding {
  padding-left: 23%;
  padding-right: 5%
}

.marketAmenities .amenitiesSecondRow > div:last-child .smCover {
  position: relative;
  left: -144px;
  width: 495px
}

.amenitiesSecondRow p {
  padding: 0
}

/* end for Market leading amenities */
.imageMdCenter {
  margin: 0 14.8%
}

.bigText {
  text-align: center;
  font-size: 395px;
  font-family: "Interstate_Colmore";
  line-height: 0.725;
  letter-spacing: 0;
  margin: 0;
  display: inline-block
}

.bigText.number {
  font-family: "Interstate Bold";
  color: transparent;
  -webkit-text-stroke-width: 7px;
  -webkit-text-stroke-color: #000;
  font-size: 425px
}

.bigText.number.white {
  -webkit-text-stroke-color: var(--white)
}

.bigText.number.green {
  -webkit-text-stroke-color: var(--green)
}

.bigText.number.red {
  -webkit-text-stroke-color: var(--red)
}

.bigText.number.blue {
  -webkit-text-stroke-color: var(--blue)
}

.bigText.number.lightSky {
  -webkit-text-stroke-color: var(--lightSky)
}

.bigText.number.yellow {
  -webkit-text-stroke-color: var(--yellow)
}

.bigText.leftMove {
  position: relative;
  left: -63px
}

.bigText.leftMove.number {
  position: relative;
  left: -14px
}

.bigText + .center_mdBox,
.bigText + .center_smBox {
  padding: 60px 0 50px
}

.bigText + .center_mdBox p,
.bigText + .center_smBox p {
  padding: 0;
  margin: 0
}

.bigText + .center_mdBox,
.bigText + .center_smBox {
  padding-top: 60px;
}

.bigText + .bigText {
  padding-top: 60px;
}

.threeCol_Icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: -15px;
  margin-right: -15px
}

.threeCol_Icons > div {
  width: 33.33%;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center
}

.threeCol_Icons > div img {
  margin: 0 auto;
  height: auto;
  width: max(115px, min(115px + (160 - 115) * ((100vw - 1330px) / (1920 - 1330)), 160px));
}

.threeCol_Icons > div p {
  padding: 25px 0 0
}

.buildingPage .threeCol_Icons > div p {
  max-width: 320px;
  margin: 0 auto
}

.threeCol_Icons > div:not(:nth-last-child(-n+2)) p {
  padding-bottom: 45px;
}

.threeCol_Icons > div > div {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

/* footer style start */
footer {
  background-color: var(--green);
  padding: 100px 0 80px
}

footer * {
  color: var(--yellow)
}

footer a {
  text-decoration: none;
}

footer p,
.downloadLink a,
.getInTouch a,
footer .registerForm .gform_title {
  font-size: 20px
}

footer .footerLogo .logo {
  display: inline-block;
  margin-bottom: 40px
}

footer small {
  padding-bottom: 10px;
  display: inline-block;
  font-size: 13px
}

footer > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1680px
}

.footerLogo {
  position: absolute;
  left: 20px;
  top: 0
}

footer > section > .downloadBox {
  width: 29%
}

footer > section > .contactInfoBox {
  width: 33%
}

footer > section > .footerLinksBox {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  width: 275px;
  padding-top: 150px
}

footer nav ul {
  list-style-type: none;
  padding: 0;
  font-size: 20px;
  margin-bottom: 40px
}

footer h3 {
  font-family: "Interstate_Colmore";
  margin-bottom: 40px
}

.downloadLink,
.getInTouch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.downloadLink a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 50px;
  height: 60px;
  background-position: 0% 50%;
}

.downloadLink a.locked {
  pointer-events: none;
}

.downloadLink p {
  padding: 10px 0 0
}

.downloadLink p:not(:last-child) {
  padding-right: 20px
}

.downloadLink img,
.downloadLink svg {
  height: 50px;
  margin-right: 7px;
  position: relative;
  left: -3px;
}

.downloadLink a svg .lockTop {
  -webkit-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  transform: translateY(-4px);
  -webkit-transition: .25s all;
  -o-transition: .25s all;
  transition: .25s all;
}

.downloadLink a.locked svg .lockTop {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

.getInTouch img,
.getInTouch svg {
  height: auto;
  max-height: 62px;
  width: auto
}

.getInTouch .logo {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 25px;
  height: 62px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.getInTouch > div:nth-child(odd) {
  width: 300px;
  padding-right: 20px;
  padding-bottom: 15px;
}

.getInTouch h6 {
  font-size: 20px;
  font-family: "Interstate Bold";
  margin: 0
}

.getInTouch p {
  line-height: 1.3;
}

footer .gform_wrapper.gravity-theme .gfield_required {
  color: var(--yellow);
}

.downloadLink a:hover {
  color: var(--lightSky);
}

.downloadLink a.locked:hover {
  color: inherit;
}

footer a {
  transition: .25s all;
}

footer a:hover {
  color: var(--lightSky);
}

.contactPage + .downloadLink a:hover {
  color: var(--yellow);
}

.contactPage + .downloadLink a.locked:hover {
  color: inherit;
}

.contactPage + footer a:hover {
  color: var(--yellow);
}

/* footer style end */

header > a g .fill,
header > a g .fill,
header > a g path,
header > a g path,
.menuClose:hover svg path,
.hamburgerMenu:hover path {
  transition: .25s all;
}

.page-template-template-home header > a:hover g path {
  fill: var(--blue);
}

.page-template-template-home header .hamburgerMenu:hover #Group_88 path {
  stroke: var(--blue);
}

.page-template-template-home header > a:hover g .fill,
.page-template-template-home header .hamburgerMenu:hover g .fill,
.page-template-template-home header > a:hover g path.border,
.page-template-template-home header .hamburgerMenu:hover g .path.border {
  opacity: 1;
  fill: var(--yellow);
}

header a g .fill,
.menuBox #Path_11814 path:nth-child(1) {
  -webkit-transform: scale(0.98);
  -moz-transform: scale(0.98);
  -ms-transform: scale(0.98);
  -o-transform: scale(0.98);
  transform: scale(0.98);
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
}

.page-template-template-home header > a g .fill {
  opacity: 1;
  fill: var(--blue);
}

.page-template-template-availability-page header > a g .fill {
  opacity: 1;
  fill: var(--green);
}

.page-template-template-building-page header > a g .fill {
  opacity: 1;
  fill: var(--pink);
}

.page-template-template-local-area-page header > a g .fill {
  opacity: 1;
  fill: var(--lightSky);
}

.page-template-template-home .menuBox #Path_11814 path:nth-child(2) {
  fill: var(--yellow) !important;
}

.page-template-template-home .menuBox #Group_88 path {
  stroke: var(--yellow) !important;
}

.page-template-template-home .menuBox:hover #Path_11814 path:nth-child(1) {
  fill: var(--yellow) !important;
}

.page-template-template-home .menuBox #Path_11814 path:nth-child(1) {
  fill: var(--blue) !important;
}

.page-template-template-home .menuBox:hover #Group_88 path {
  stroke: var(--blue) !important;
}

.page-template-template-availability-page .menuBox #Path_11814 path:nth-child(1) {
  fill: var(--green) !important;
}

/* building page css start */
.page-template-template-building-page header > a g path,
.page-template-template-building-page header .headerLogo a path,
.page-template-template-building-page header .headerLogo a rect,
.page-template-template-building-page .hamburgerMenu svg g:first-child path,
.buildingPage .headerLogo a path {
  fill: var(--green);
}

.page-template-template-building-page .hamburgerMenu svg g:last-child path {
  stroke: var(--green);
}

.page-template-template-building-page header > a:hover g path {
  fill: var(--pink);
}

.page-template-template-building-page header .hamburgerMenu:hover #Group_88 path {
  stroke: var(--pink);
}

.page-template-template-building-page header > a:hover g .fill,
.page-template-template-building-page header .hamburgerMenu:hover g .fill,
.page-template-template-building-page header > a:hover g path.border,
.page-template-template-building-page header .hamburgerMenu:hover g .path.border {
  opacity: 1;
  fill: var(--green);
}

.page-template-template-building-page .menuBox #Path_11814 path:nth-child(2) {
  fill: var(--green) !important;
}

.page-template-template-building-page .menuBox #Group_88 path {
  stroke: var(--green) !important;
}

.page-template-template-building-page .menuBox:hover #Path_11814 path:nth-child(1) {
  fill: var(--green) !important;
}

.page-template-template-building-page .menuBox #Path_11814 path:nth-child(1) {
  fill: var(--pink) !important;
}

.page-template-template-building-page .menuBox:hover #Group_88 path {
  stroke: var(--pink) !important;
}

/* building page css end */
/* Local Area Page css start */
main.localAreaPage > section.topSection {
  padding-bottom: 160px;
}

main.localAreaPage > section > .container > h1 {
  max-width: 1230px;
  margin-left: auto;
  margin-right: auto;
}

.page-template-template-local-area-page header > a:hover g path {
  fill: var(--lightSky);
}

.page-template-template-local-area-page header .hamburgerMenu:hover #Group_88 path {
  stroke: var(--lightSky);
}

.page-template-template-local-area-page header > a:hover g .fill,
.page-template-template-local-area-page header .hamburgerMenu:hover g .fill,
.page-template-template-local-area-page header > a:hover g path.border,
.page-template-template-local-area-page header .hamburgerMenu:hover g .path.border {
  opacity: 1;
  fill: var(--red);
}

.page-template-template-local-area-page .menuBox #Path_11814 path:nth-child(2) {
  fill: var(--red) !important;
}

.page-template-template-local-area-page .menuBox #Group_88 path {
  stroke: var(--red) !important;
}

.page-template-template-local-area-page .menuBox:hover #Path_11814 path:nth-child(1) {
  fill: var(--red) !important;
}

.page-template-template-local-area-page .menuBox #Path_11814 path:nth-child(1) {
  fill: var(--lightSky) !important;
}

.page-template-template-local-area-page .menuBox:hover #Group_88 path {
  stroke: var(--lightSky) !important;
}

/* Local Area Page css end */
/* Availability Page css start */
.page-template-template-local-area-page header > a g path,
.page-template-template-local-area-page header .headerLogo a path,
.page-template-template-local-area-page header .headerLogo a rect,
.page-template-template-local-area-page .hamburgerMenu svg g:first-child path,
.localAreaPage .headerLogo a path {
  fill: var(--red);
}

.page-template-template-local-area-page .hamburgerMenu svg g:last-child path {
  stroke: var(--red);
}

.page-template-template-availability-page header > a:hover g path {
  fill: var(--green);
}

.page-template-template-availability-page header .hamburgerMenu:hover #Group_88 path {
  stroke: var(--green);
}

.page-template-template-availability-page header > a:hover g .fill,
.page-template-template-availability-page header .hamburgerMenu:hover g .fill,
.page-template-template-availability-page header > a:hover g path.border,
.page-template-template-availability-page header .hamburgerMenu:hover g .path.border {
  opacity: 1;
  fill: var(--yellow);
}

.page-template-template-availability-page .menuBox #Path_11814 path:nth-child(2) {
  fill: var(--yellow) !important;
}

.page-template-template-availability-page .menuBox #Group_88 path {
  stroke: var(--yellow) !important;
}

.page-template-template-availability-page .menuBox:hover #Path_11814 path:nth-child(1) {
  fill: var(--yellow) !important;
}

.page-template-template-availability-page .menuBox:hover #Group_88 path {
  stroke: var(--green) !important;
}

/* Availability Page css end */
/* Contact Page css start */
.page-template-template-contact-page {
  background: linear-gradient(45deg, var(--green) 20%, var(--blue) 20%);
  min-height: 100vh
}

.error404 {
  background-color: var(--green);
}

.page-template-template-contact-page header > a g path,
.page-template-template-contact-page header .headerLogo a path,
.page-template-template-contact-page header .headerLogo a rect,
.page-template-template-contact-page .hamburgerMenu svg g:first-child path,
.contactPage .headerLogo a path {
  fill: var(--lightSky);
}

.page-template-template-contact-page .hamburgerMenu svg g:last-child path {
  stroke: var(--lightSky);
}

.page-template-template-contact-page header > a:hover g path {
  fill: var(--blue);
}

.page-template-template-contact-page header .hamburgerMenu:hover #Group_88 path {
  stroke: var(--blue);
}

.page-template-template-contact-page header > a:hover g .fill,
.page-template-template-contact-page header .hamburgerMenu:hover g .fill,
.page-template-template-contact-page header > a:hover g path.border,
.page-template-template-contact-page header .hamburgerMenu:hover g .path.border {
  opacity: 1;
  fill: var(--lightSky);
}

.page-template-template-contact-page .hamburgerMenu:hover #Path_11814 path:nth-child(1) {
  fill: var(--lightSky) !important;
  opacity: 1;
}

.page-template-template-contact-page .hamburgerMenu:hover #Group_88 path {
  stroke: var(--blue) !important;
}


.page-template-template-contact-page .menuBox #Path_11814 path:nth-child(2) {
  fill: var(--lightSky) !important;
}

.page-template-template-contact-page .menuBox #Group_88 path {
  stroke: var(--lightSky) !important;
}

.menuBox.active #Path_11814 path:nth-child(2),
.page-template-template-building-page .menuBox.active #Path_11814 path:nth-child(1),
.page-template-template-availability-page .menuBox.active #Path_11814 path:nth-child(1),
.page-template-template-local-area-page .menuBox.active #Path_11814 path:nth-child(1),
.page-template-template-contact-page .menuBox.active #Path_11814 path:nth-child(1) {
  fill: var(--blue) !important;
}

/* .menuBox.active #Group_88 path {stroke: var(--blue) !important;} */
.menuBox.active #Group_88 path {
  stroke: var(--lightYellow) !important;
}

.menuBox.active:hover #Path_11814 path:nth-child(1) {
  fill: none !important;
}

.menuBox.active:hover #Path_11814 path:nth-child(2) {
  fill: var(--blue) !important;
}

.menuBox.active:hover #Group_88 path {
  stroke: var(--blue) !important;
}

/* Contact Page css end */
.menuClose:hover svg > path {
  stroke: var(--lightYellow);
}

.menuClose:hover svg g > path:first-child {
  fill: var(--blue);
}

/* slider style */
.swiper {
  width: 100%;
  height: 100%
}

.swiper-slide {
  text-align: center
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 2px;
  line-height: 0
}

.swiper .swiper-pagination .swiper-pagination-bullet {
  width: 18px;
  height: 18px;
  background-color: transparent;
  margin: 0 8px;
  opacity: 1;
  -webkit-transition: 0.25s all;
  -o-transition: 0.25s all;
  transition: 0.25s all;
  font-size: 0;
}

.swiper .swiper-pagination.green .swiper-pagination-bullet {
  border: 2px solid var(--green)
}

.swiper .swiper-pagination.green .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--green)
}

.swiper .swiper-pagination.yellow .swiper-pagination-bullet {
  border: 2px solid var(--yellow);
  margin: 8px;
}

.swiper .swiper-pagination.yellow .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--yellow)
}

.swiper .swiper-pagination.lightSky .swiper-pagination-bullet {
  border: 2px solid var(--lightSky)
}

.swiper .swiper-pagination.lightSky .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--lightSky)
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: unset;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  right: unset;
  left: 10px;
  bottom: 0;
  top: unset;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  bottom: 0;
  top: unset;
}

.clientsSlider .swiper-button-prev {
  display: inline-block;
  right: unset;
  bottom: -10px;
  top: unset;
  left: 50%;
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
}

.clientsSlider .swiper-button-prev svg {
  transform: rotateY(360deg) rotate(180deg);
  -webkit-transform: rotateY(360deg) rotate(180deg);
  -moz-transform: rotateY(360deg) rotate(180deg);
}

.clientsSlider .swiper-button-next {
  display: inline-block;
  right: unset;
  bottom: -10px;
  top: unset;
  left: 50%;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
}

/* .swiper-button-prev > svg {     -webkit-transform: rotateZ(180deg);     -ms-transform: rotate(180deg);     transform: rotateZ(180deg); } */


.swiper-button-prev > svg g > path:first-child,
.swiper-button-next > svg g > path:first-child {
  -webkit-transition: .25s all;
  -o-transition: .25s all;
  transition: .25s all;
}

.swiper-button-prev:hover > svg g > path:first-child,
.swiper-button-next:hover > svg g > path:first-child {
  fill: var(--green);
}

.gallerySlider {
  padding-bottom: 60px
}

.gallerySlider .swiper-slide p {
  padding: 70px 0 0
}

#gallery .swiper-button-next,
#gallery .swiper-button-prev {
  height: calc(100% - 137px);
  width: 60px;
  top: 0;
  padding: 0;
  height: 60px;
  top: calc(50% + 30px);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  -webkit-transition: .5s all;
  -o-transition: .5s all;
  transition: .5s all;
}

#gallery .swiper-button-next {
  right: -55px;
  padding-left: 5px;
}

#gallery .swiper-button-prev {
  left: -55px;
  padding-right: 5px;
}

#gallery .swiper-button-next::after,
#gallery .swiper-button-prev::after {
  content: unset;
}

/*#gallery .swiper-button-prev{left: 0;
  justify-content: flex-start;
  cursor: url(../images/slider-left-arrow.svg), auto;}
  .gallerySlider .swiper-button-next{right: 0;justify-content: flex-end;
    cursor: url(../images/slider-right-arrow.svg), auto;} */
#gallery .swiper-button-prev svg,
#gallery .swiper-button-next svg {
  -webkit-transition: .5s all;
  -o-transition: .5s all;
  transition: .5s all
}

#gallery .swiper-button-prev svg g path,
#gallery .swiper-button-next svg g path {
  -webkit-transition: .5s all;
  -o-transition: .5s all;
  transition: .5s all;
}

.no-touch #gallery .swiper-button-prev:hover svg g path,
.no-touch #gallery .swiper-button-next:hover svg g path,
.touch #gallery .swiper-button-prev:active svg g path,
#gallery .swiper-button-next:active svg g path {
  fill: var(--lightSky);
}

/* #gallery .swiper-button-prev:hover svg, #gallery .swiper-button-next:hover svg  {
opacity: 0;
  } */
#gallery .swiper-button-prev:hover > svg g > path:first-child,
#gallery .swiper-button-next:hover > svg g > path:first-child {
  fill: var(--lightSky);
}

.touch #gallery .swiper-button-prev:hover svg,
.touch #gallery .swiper-button-next:hover svg {
  opacity: 1;
}

/* #gallery .swiper-button-prev path{
  -webkit-transform: rotateX(190deg) translateY(-17px);
  transform: rotateX(190deg) translateY(-17px);
  } */
.gallerySlider .largeCover a {
  pointer-events: none;
}

.gallerySlider .zoomIcon {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 2;
  width: 25px;
  height: auto;
  display: none;
  pointer-events: none;
}

.clientsSlider .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;

  height: auto
}

.clientsSlider .swiper-wrapper .swiper-slide {
  height: auto;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 30px;
}

.clientsSlider .swiper-wrapper .swiper-slide img,
.clientsSlider .swiper-wrapper .swiper-slide svg {
  height: auto;
  width: auto;
  max-height: 64px;
  margin: 0 auto
}

/* slider style end */
/* css start for mobile app screen slider */
.mobileScreen > div {
  position: relative
}

.appScreensSlider {
  max-width: max(270px, min(270px + (380 - 270) * ((100vw - 1323px) / (1920 - 1323)), 380px));
  height: auto;
  /* top:max(29px, min(29px + (40 - 29) * ((100vw - 1323px) / (1920 - 1323)), 40px));  position:absolute;  
    left:50%;  -webkit-transform:translateX(-50%);  -ms-transform:translateX(-50%);  transform:translateX(-50%);
    border-radius:2% 2% 4% 4%; */
}

.mobileDevice {
  text-align: center;
  z-index: 1;
  position: relative;
  pointer-events: none;
  display: none;
}

.appScreensSlider .imgHolder {
  overflow: hidden;
  width: 100%;
  margin: 0 auto
}

.appScreensSlider .imgHolder::before {
  padding-top: 206%
}

.mobileDevice img {
  display: inline-block;
  max-width: max(270px, min(270px + (380 - 270) * ((100vw - 1323px) / (1920 - 1323)), 380px));
  width: 100%;
}

.appScreensSlider p {
  text-align: center;
  padding: 50px 0
}

.appScreensTextSlider {
  max-width: 450px;
  padding: 30px 0 40px;
}

.appScreensTextSlider p {
  text-align: center;
  padding: 15px 0
}

.smartAppBox {
  position: relative;
}

.smartAppBox > img {
  margin: 0 auto;
  max-width: max(590px, min(590px + (850 - 590) * ((100vw - 1366px) / (1920 - 1366)), 850px));
}

.smartAppBox .appInfoBox .appInfo {
  position: absolute;
  max-width: 160px;
  width: 100%;
  text-align: center;
  color: #FF4041;
}

.smartAppBox .appInfoBox .appInfo:nth-of-type(odd) {
  left: 0.75%;
}

.smartAppBox .appInfoBox .appInfo:nth-of-type(even) {
  right: 0.75%;
}

.smartAppBox .appInfoBox .appInfo:nth-child(1),
.smartAppBox .appInfoBox .appInfo:nth-child(2) {
  top: 21.6%;
}

.smartAppBox .appInfoBox .appInfo:nth-child(3),
.smartAppBox .appInfoBox .appInfo:nth-child(4) {
  top: 48%;
}

.smartAppBox .appInfoBox .appInfo:nth-child(5),
.smartAppBox .appInfoBox .appInfo:nth-child(6) {
  top: 74%;
}

.smartAppBox .appInfoBox .appInfo .icon {
  display: none;
}

.smartAppBox .appInfoBox .appInfo p {
  position: relative;
  padding: 0;
  font-weight: normal;
  text-transform: uppercase;
}

.smartAppBox .appInfoBox .appInfo p::after {
  content: "_";
  display: block;
}

/* css end for mobile app screen slider */
/* accordion css start */
.accordion .question,
.accordion .answer {
  list-style-type: none
}

.accordion .question {
  padding: 10px 30px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Interstate Bold";
  text-transform: uppercase
}

.accordion .question:hover {
  cursor: pointer
}

.accordion .answer {
  display: none;
  padding: 15px 30px 15px
}

.accordion > div:nth-child(odd) {
  border-top: 1px solid rgba(0, 141, 99, 0.3);
  padding: 10px 30px;
  color: var(--red);
}

.accordion > div:nth-last-child(2) {
  border-bottom: 1px solid rgba(0, 141, 99, 0.3)
}

.accordion > div.open:nth-last-child(2) {
  border-bottom: none
}

.accordion > div.open:nth-last-child(2) + div {
  border-bottom: 1px solid rgba(0, 141, 99, 0.3)
}

.mapPointAcco {
  margin-top: 50px
}

.accordion.mapPointAcco > div:nth-child(odd) {
  font-family: "Interstate Bold";
  text-transform: uppercase
}

.accordion.mapPointAcco .greenAcco {
  color: var(--green)
}

.accordion.mapPointAcco .redAcco {
  color: var(--red)
}

.accordion.mapPointAcco .blueAcco {
  color: var(--blue)
}

.accordion.mapPointAcco .greenAcco + div ul {}

.accordion.mapPointAcco .answer {
  padding: 8px 30px 15px
}

.accordion.mapPointAcco ul {
  list-style: none;
  padding: 0
}

.accordion.mapPointAcco .answer > ul {
  display: -ms-grid;
  display: grid;
  grid-gap: 10px 20px;
  grid-auto-flow: column;
  overflow: hidden auto;
}

.accordion.mapPointAcco .redAcco + .answer > ul {
  -ms-grid-rows: 38px 38px 38px 38px 38px 38px 38px;
  grid-template-rows: 38px 38px 38px 38px 38px 38px 38px;
  -ms-grid-columns: auto 400px auto auto;
  grid-template-columns: auto 400px auto auto
}

.accordion.mapPointAcco .redAcco + .answer > ul > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1
}

.accordion.mapPointAcco .redAcco + .answer > ul > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2
}

.accordion.mapPointAcco .redAcco + .answer > ul > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3
}

.accordion.mapPointAcco .redAcco + .answer > ul > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 4
}

.accordion.mapPointAcco .redAcco + .answer > ul > *:nth-child(5) {
  -ms-grid-row: 2;
  -ms-grid-column: 1
}

.accordion.mapPointAcco .redAcco + .answer > ul > *:nth-child(6) {
  -ms-grid-row: 2;
  -ms-grid-column: 2
}

.accordion.mapPointAcco .redAcco + .answer > ul > *:nth-child(7) {
  -ms-grid-row: 2;
  -ms-grid-column: 3
}

.accordion.mapPointAcco .redAcco + .answer > ul > *:nth-child(8) {
  -ms-grid-row: 2;
  -ms-grid-column: 4
}

.accordion.mapPointAcco .redAcco + .answer > ul > *:nth-child(9) {
  -ms-grid-row: 3;
  -ms-grid-column: 1
}

.accordion.mapPointAcco .redAcco + .answer > ul > *:nth-child(10) {
  -ms-grid-row: 3;
  -ms-grid-column: 2
}

.accordion.mapPointAcco .redAcco + .answer > ul > *:nth-child(11) {
  -ms-grid-row: 3;
  -ms-grid-column: 3
}

.accordion.mapPointAcco .redAcco + .answer > ul > *:nth-child(12) {
  -ms-grid-row: 3;
  -ms-grid-column: 4
}

.accordion.mapPointAcco .redAcco + .answer > ul > *:nth-child(13) {
  -ms-grid-row: 4;
  -ms-grid-column: 1
}

.accordion.mapPointAcco .redAcco + .answer > ul > *:nth-child(14) {
  -ms-grid-row: 4;
  -ms-grid-column: 2
}

.accordion.mapPointAcco .redAcco + .answer > ul > *:nth-child(15) {
  -ms-grid-row: 4;
  -ms-grid-column: 3
}

.accordion.mapPointAcco .redAcco + .answer > ul > *:nth-child(16) {
  -ms-grid-row: 4;
  -ms-grid-column: 4
}

.accordion.mapPointAcco .redAcco + .answer > ul > *:nth-child(17) {
  -ms-grid-row: 5;
  -ms-grid-column: 1
}

.accordion.mapPointAcco .redAcco + .answer > ul > *:nth-child(18) {
  -ms-grid-row: 5;
  -ms-grid-column: 2
}

.accordion.mapPointAcco .redAcco + .answer > ul > *:nth-child(19) {
  -ms-grid-row: 5;
  -ms-grid-column: 3
}

.accordion.mapPointAcco .redAcco + .answer > ul > *:nth-child(20) {
  -ms-grid-row: 5;
  -ms-grid-column: 4
}

.accordion.mapPointAcco .redAcco + .answer > ul > *:nth-child(21) {
  -ms-grid-row: 6;
  -ms-grid-column: 1
}

.accordion.mapPointAcco .redAcco + .answer > ul > *:nth-child(22) {
  -ms-grid-row: 6;
  -ms-grid-column: 2
}

.accordion.mapPointAcco .redAcco + .answer > ul > *:nth-child(23) {
  -ms-grid-row: 6;
  -ms-grid-column: 3
}

.accordion.mapPointAcco .redAcco + .answer > ul > *:nth-child(24) {
  -ms-grid-row: 6;
  -ms-grid-column: 4
}

.accordion.mapPointAcco .redAcco + .answer > ul > *:nth-child(25) {
  -ms-grid-row: 7;
  -ms-grid-column: 1
}

.accordion.mapPointAcco .redAcco + .answer > ul > *:nth-child(26) {
  -ms-grid-row: 7;
  -ms-grid-column: 2
}

.accordion.mapPointAcco .redAcco + .answer > ul > *:nth-child(27) {
  -ms-grid-row: 7;
  -ms-grid-column: 3
}

.accordion.mapPointAcco .redAcco + .answer > ul > *:nth-child(28) {
  -ms-grid-row: 7;
  -ms-grid-column: 4
}

.accordion.mapPointAcco .blueAcco + .answer > ul {
  -ms-grid-rows: 38px 38px 38px 38px 38px 38px;
  grid-template-rows: 38px 38px 38px 38px 38px 38px;
  -ms-grid-columns: 33% 33% 33%;
  grid-template-columns: 33% 33% 33%
}

.accordion.mapPointAcco .blueAcco + .answer > ul > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1
}

.accordion.mapPointAcco .blueAcco + .answer > ul > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2
}

.accordion.mapPointAcco .blueAcco + .answer > ul > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3
}

.accordion.mapPointAcco .blueAcco + .answer > ul > *:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 1
}

.accordion.mapPointAcco .blueAcco + .answer > ul > *:nth-child(5) {
  -ms-grid-row: 2;
  -ms-grid-column: 2
}

.accordion.mapPointAcco .blueAcco + .answer > ul > *:nth-child(6) {
  -ms-grid-row: 2;
  -ms-grid-column: 3
}

.accordion.mapPointAcco .blueAcco + .answer > ul > *:nth-child(7) {
  -ms-grid-row: 3;
  -ms-grid-column: 1
}

.accordion.mapPointAcco .blueAcco + .answer > ul > *:nth-child(8) {
  -ms-grid-row: 3;
  -ms-grid-column: 2
}

.accordion.mapPointAcco .blueAcco + .answer > ul > *:nth-child(9) {
  -ms-grid-row: 3;
  -ms-grid-column: 3
}

.accordion.mapPointAcco .blueAcco + .answer > ul > *:nth-child(10) {
  -ms-grid-row: 4;
  -ms-grid-column: 1
}

.accordion.mapPointAcco .blueAcco + .answer > ul > *:nth-child(11) {
  -ms-grid-row: 4;
  -ms-grid-column: 2
}

.accordion.mapPointAcco .blueAcco + .answer > ul > *:nth-child(12) {
  -ms-grid-row: 4;
  -ms-grid-column: 3
}

.accordion.mapPointAcco .blueAcco + .answer > ul > *:nth-child(13) {
  -ms-grid-row: 5;
  -ms-grid-column: 1
}

.accordion.mapPointAcco .blueAcco + .answer > ul > *:nth-child(14) {
  -ms-grid-row: 5;
  -ms-grid-column: 2
}

.accordion.mapPointAcco .blueAcco + .answer > ul > *:nth-child(15) {
  -ms-grid-row: 5;
  -ms-grid-column: 3
}

.accordion.mapPointAcco .blueAcco + .answer > ul > *:nth-child(16) {
  -ms-grid-row: 6;
  -ms-grid-column: 1
}

.accordion.mapPointAcco .blueAcco + .answer > ul > *:nth-child(17) {
  -ms-grid-row: 6;
  -ms-grid-column: 2
}

.accordion.mapPointAcco .blueAcco + .answer > ul > *:nth-child(18) {
  -ms-grid-row: 6;
  -ms-grid-column: 3
}

.accordion.mapPointAcco .greenAcco + .answer > ul {
  -ms-grid-rows: 38px 38px 38px 38px;
  grid-template-rows: 38px 38px 38px 38px;
  -ms-grid-columns: 27% 24% 26% 240px;
  grid-template-columns: 27% 24% 26% 240px;
}

.accordion.mapPointAcco .greenAcco + .answer > ul > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1
}

.accordion.mapPointAcco .greenAcco + .answer > ul > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2
}

.accordion.mapPointAcco .greenAcco + .answer > ul > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3
}

.accordion.mapPointAcco .greenAcco + .answer > ul > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 4
}

.accordion.mapPointAcco .greenAcco + .answer > ul > *:nth-child(5) {
  -ms-grid-row: 2;
  -ms-grid-column: 1
}

.accordion.mapPointAcco .greenAcco + .answer > ul > *:nth-child(6) {
  -ms-grid-row: 2;
  -ms-grid-column: 2
}

.accordion.mapPointAcco .greenAcco + .answer > ul > *:nth-child(7) {
  -ms-grid-row: 2;
  -ms-grid-column: 3
}

.accordion.mapPointAcco .greenAcco + .answer > ul > *:nth-child(8) {
  -ms-grid-row: 2;
  -ms-grid-column: 4
}

.accordion.mapPointAcco .greenAcco + .answer > ul > *:nth-child(9) {
  -ms-grid-row: 3;
  -ms-grid-column: 1
}

.accordion.mapPointAcco .greenAcco + .answer > ul > *:nth-child(10) {
  -ms-grid-row: 3;
  -ms-grid-column: 2
}

.accordion.mapPointAcco .greenAcco + .answer > ul > *:nth-child(11) {
  -ms-grid-row: 3;
  -ms-grid-column: 3
}

.accordion.mapPointAcco .greenAcco + .answer > ul > *:nth-child(12) {
  -ms-grid-row: 3;
  -ms-grid-column: 4
}

.accordion.mapPointAcco .greenAcco + .answer > ul > *:nth-child(13) {
  -ms-grid-row: 4;
  -ms-grid-column: 1
}

.accordion.mapPointAcco .greenAcco + .answer > ul > *:nth-child(14) {
  -ms-grid-row: 4;
  -ms-grid-column: 2
}

.accordion.mapPointAcco .greenAcco + .answer > ul > *:nth-child(15) {
  -ms-grid-row: 4;
  -ms-grid-column: 3
}

.accordion.mapPointAcco .greenAcco + .answer > ul > *:nth-child(16) {
  -ms-grid-row: 4;
  -ms-grid-column: 4
}

.accordion.mapPointAcco .answer > ul > li {
  position: relative;
  padding: 2px 0 15px 42px;
  counter-increment: my-awesome-counter;
  cursor: pointer
}

.accordion.mapPointAcco .answer > ul > li small {
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 33px;
  height: 33px;
  border-radius: 50%;
  font-family: "Interstate Bold";
  font-size: 18px;
  line-height: 1
}

.accordion.mapPointAcco .greenAcco + .answer > ul > li small {
  border: 2px solid var(--green);
  color: var(--green);
  background-color: #CDECEC;
}

.accordion.mapPointAcco .redAcco + .answer > ul > li small {
  border: 2px solid var(--red);
  color: var(--red);
  background-color: #FFF0B5;
}

.accordion.mapPointAcco .blueAcco + .answer > ul > li small {
  border: 2px solid var(--blue);
  color: var(--blue);
  background-color: #FFE2E2;
}

.accordion.mapPointAcco .answer > ul > li > ul {
  margin-top: 5px;
}

.accordion.mapPointAcco .answer > ul > li > ul > li {
  padding-left: 15px
}

.accordion.mapPointAcco .answer > ul > li > ul > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 5px;
  height: 5px;
  display: inline-block;
  background-color: var(--red);
  border-radius: 50%
}

.accordion .open {
  border-bottom: none
}

.accordion .question .expand-bar {
  position: relative;
  width: 0;
  height: 0;
  border-left: solid 15px var(--green);
  border-top: solid 10.5px transparent;
  border-bottom: solid 10.5px transparent;
  float: right;
  top: 4px;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-left: auto
}

.accordion .question.open .expand-bar {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.accordion.mapPointAcco .question {
  background-color: transparent
}

.accordion.floorAcco .question {
  background-color: var(--lightSky);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.accordion .question .expand-bar {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  background: url(../images/accordion-arrow.svg) no-repeat center center;
  background-size: contain;
  border: none;
  width: 15px;
  height: 19px;
}

.accordion .question:hover .expand-bar {
  background: url(../images/accordion-arrow-fill.svg) no-repeat center center;
}

.accordion.floorAcco .answer {
  background-color: var(--lightSky)
}

/* .question .expand-bar::after{ content:"";  position:absolute;  top:-4.5px;  left:-12px;  width:0;  height:0;  border-left:solid 7px var(--lightSky);  border-top:solid 4px transparent;  border-bottom:solid 4px transparent} */
/* .mapPointAcco .question .expand-bar::after{ border-left:solid 7px #fff} */

.accordion > div:nth-child(odd) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-transform: uppercase;
}

.accordion > div:nth-child(odd) span {
  width: 25%;
}

.accordion.floorAcco .question span {
  width: 25%;
  padding-right: 15px
}

.accordion.floorAcco .question span {
  width: 25%;
  padding-right: 15px
}

.accordion.floorAcco .question span:last-child {
  width: 50%
}

.accordion.floorAcco .question span:nth-child(3),
.accordion.floorAcco .question span:nth-child(4) {
  color: var(--blue);
}

.accordion > div:nth-child(odd) span:not(:nth-child(2)) {
  color: var(--blue);
}

.floorPlan.d-none,
.spacePlan.d-none {
  display: none
}

.spacePlan.d-block,
.floorPlan.d-block {
  display: block;
}

.floorPlan img,
.spacePlan img {
  margin: 0 auto;
  max-width: 800px;
  width: 100%;
  height: auto;
}

/* accordion css end */
/*start css for time takes from building */
.timeTakesFromBuilding .container > div:first-child {
  margin-bottom: 45px
}

.timeTakesFromBuilding .container > div:nth-child(2),
.timeTakesFromBuilding .container > div:nth-child(3) {
  margin-bottom: 70px
}

.timeTakesFromBuilding h5 {
  font-family: "Interstate Bold"
}

.timeTakesFromBuilding p {
  padding-bottom: 20px
}

.timeTakesFromBuilding small {
  font-size: 71%
}

.timeTakesFromBuilding > div:not(:first-child) {
  padding-top: 30px
}

.timeTakesFromBuilding .duration {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative
}

.timeTakesFromBuilding .duration .line {
  content: "";
  position: absolute;
  left: 0;
  top: 37px;
  height: 2px;
  width: 100%;
  background-color: var(--red)
}

.timeTakesFromBuilding .duration ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding: 0 0 20px
}

.timeTakesFromBuilding .duration ul li {
  width: 21%;
  padding-right: 6%
}

.timeTakesFromBuilding .duration ul li:last-child {
  width: 16%;
  padding-right: 0
}

.timeTakesFromBuilding .duration ul:first-child li {
  font-family: "Interstate Bold"
}

/* end css for time takes from building style */
/* avalaibility page */
.availabilty_imageText .amenitiesFirstRow h5 {
  padding: 250px 10% 30px 0
}

.clientsSlider {
  padding-bottom: 65px;
  max-width: 950px;
}

.occuipiersLogos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 80px 20px;
  padding-top: 20px;
}

.occuipiersLogos > div {
  width: calc(20% - 17px);
  text-align: center;
  padding: 10px;
}

.occuipiersLogos > div img {
  display: inline-block;
  max-width: 100%;
  max-height: 88px;
}

/* availablity page end */
/* floor map css */
.floorMap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.floorMap > div:first-child {
  width: calc(100% - 180px)
}

.floorMap > div:first-child img,
.floorMap > div:first-child svg {
  width: 100%
}

.floorMap .floorList {
  width: 150px
}

.floorMap .floorList ul {
  padding: 0;
  list-style-type: none;
  color: var(--red)
}

.floorList li {
  padding-top: 24px
}

.floorList li:first-child {
  padding-top: 52px;
  padding-bottom: 18px
}

.floorList li:nth-child(13) {
  padding-top: 37px
}

.floorList li:nth-child(14) {
  padding-top: 34px
}

.accordion.floorAcco .answer > img {
  margin: 0 auto;
  max-width: 910px;
  width: 100%
}

.radioBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.radioBox label {
  margin: 38px 30px 15px;
  position: relative;
  cursor: pointer;
  text-transform: capitalize;
  text-align: center;
  color: var(--blue);
  font-size: 13px;
}

.radioBox label input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute
}

.radioBox label span {
  position: relative;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-bottom: 5px;
  border: 1px solid var(--blue);
  border-radius: 50%;
}

/* .radioBox label span::before,  */
.radioBox label span::after {
  content: "";
  position: absolute
}

.radioBox label span::before {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 1px solid var(--blue);
  border-radius: 50%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.radioBox label span::after {
  width: 5px;
  height: 5px;
  background-color: var(--blue);
  opacity: 0;
  border-radius: 50%;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.radioBox label input:checked ~ span::after {
  opacity: 1;
  width: 16px;
  height: 16px
}

/* floor map css end */
/* local area time taking section */
.zigzag_threeImg {
  position: relative;
  padding: 75px 0 180px
}

.zigzag_threeImg > div:first-child {
  position: absolute;
  right: 20px;
  top: -80px;
  z-index: 1;
  width: 495px
}

.zigzag_threeImg > div:last-child {
  position: absolute;
  left: 20px;
  bottom: 40px;
  z-index: 1;
  width: 495px
}

.michelinStar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 35px 0 125px
}

.michelinStar .bigText {
  position: absolute;
  top: -235px;
  left: 45px
}

.michelinStar > div:first-child {
  padding: 0px 5% 0 0;
  width: 565px
}

.michelinStar h4 {
  margin-bottom: 20px;
  font-family: "Interstate Regular";
  text-transform: uppercase;
}

.michelinStar > div:first-child p {
  padding-right: 20%
}

.michelinStar > div:last-child {
  max-width: 495px;
  width: 100%
}

.galleries {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 70px 150px 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 1
}

.galleries .portraitCover {
  width: 330px;
  position: absolute;
  left: 20px;
  top: -200px
}

.galleries .bigText {
  z-index: 1;
  position: relative;
  top: 100px
}

.galleries h3 {
  position: relative;
  left: -150px;
  margin-bottom: 30px
}

.galleries p {
  margin-bottom: 40px
}

.galleries > div:first-child {
  padding-left: 125px
}

.galleries > div:last-child {
  width: 495px
}

.galleries .smCover {
  z-index: 1
}

.museumSection > .imgHolder {
  top: 55px
}

.museumContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  top: -75px
}

.museumContent > div:first-child {
  width: 43%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.museumContent > div:last-child {
  width: 57%;
  padding-left: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-right: 50px
}

.museumContent .bigText {
  text-align: left
}

.museumContent h3 {
  margin: 50px 0 25px
}

.museumContent p {
  padding-left: 27%
}

.museumContent .smCover {
  max-width: 495px;
  margin-top: auto
}

.coffeeResto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.coffeeResto > div:first-child {
  width: 47.5%;
  position: relative;
}

.coffeeResto > div:last-child {
  width: 52.5%;
  padding-left: 115px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}


.coffeeResto .restoHotel {
  position: absolute;
  z-index: 1;
  right: -200px;
  width: 495px;
  top: 330px;
}

.coffeeResto .smCover {
  width: 100%;
  /* position:relative;  top:-110px;  z-index:1;  right:-200px;  float:right */
}

.coffeeResto .portraitCover {
  margin-top: 100px
}

.coffeeResto h3 {
  padding-right: 10%;
  padding-bottom: 20px
}

.coffeeResto p {
  padding-left: 25%
}

.coffeeResto .bigText {
  padding-top: 70px;
  text-align: left;
  padding-bottom: 65px;
  z-index: 2
}

/* end local area time taking section */
/* custom classes start */
.textBold {
  font-family: "Interstate Bold"
}

.dBlock {
  display: block
}

.pb-0 {
  padding-bottom: 0 !important
}

.textCenter {
  text-align: center
}

.center_xlBox {
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto
}

.center_lgBox {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto
}

.center_mdBox {
  max-width: 620px;
  margin-left: auto;
  margin-right: auto
}

.center_smBox {
  max-width: 360px;
  margin-left: auto;
  margin-right: auto
}

.pb-165 {
  padding-bottom: 165px
}

.pb-145 {
  padding-bottom: 145px
}

.pb-120 {
  padding-bottom: 120px
}

.pb-90 {
  padding-bottom: 90px
}

.pb-65 {
  padding-bottom: 65px
}

.pb-45 {
  padding-bottom: 45px
}

.pb-20 {
  padding-bottom: 20px
}

.pt-30 {
  padding-top: 30px
}

.top-45 {
  top: -45px
}

/* custom classes end */
/* start css for cookies setting */
.cky-revisit-bottom-left.cky-btn-revisit-wrapper {
  display: none
}

.cky-notice .cky-title {
  display: none
}

.cky-consent-bar .cky-notice-des {
  max-width: 900px;
}

.cky-consent-bar .cky-notice-des p {
  margin: 0;
  padding: 0
}

.cky-consent-bar .cky-notice-des p a {
  color: var(--green)
}

.cky-consent-container {
  z-index: 998 !important
}

.cky-consent-container .cky-consent-bar {
  padding: 10px 25px;
}

.cky-notice-group {
  max-width: 1060px;
  margin: 0 auto;
}

.cky-notice-group .cky-notice-btn-wrapper {
  margin-left: 55px;
}

.cky-notice-group .cky-notice-des p {
  line-height: 1.1;
}

.cky-notice-btn-wrapper button:not(:last-child) {
  margin-right: 20px;
}

[data-cky-tag="detail-powered-by"] {
  display: none !important;
}

.cky-accordion-header-des {
  margin: 10px 0 0px 0;
}

.cky-consent-bar .cky-notice-des p,
.cky-gpc-wrapper .cky-gpc-desc p,
.cky-preference-body-wrapper .cky-preference-content-wrapper p,
.cky-accordion-header-wrapper .cky-accordion-header-des p,
.cky-cookie-des-table li div:last-child p {
  padding: 0px 0px 10px 0px;
  line-height: 1.3;
  font-size: 20px;
}

.cky-consent-bar .cky-notice-des p a {
  font-size: 20px;
}

button.cky-btn.cky-btn-accept::after {
  content: "";
  width: 14px;
  display: inline-block;
  position: relative;
  top: 1px;
  height: 14px;
  margin-left: 8px;
  background: url(../images/check-icon.png) no-repeat center center;
  background-size: contain;
}

[data-cky-tag="settings-button"]::after,
[data-cky-tag="detail-save-button"]::after {
  content: "";
  width: 17px;
  display: inline-block;
  position: relative;
  top: 4px;
  height: 17px;
  margin-left: 8px;
  background: url(../images/setting-icon2.png) no-repeat center center;
  background-size: contain;
}

button.cky-btn.cky-btn-reject::after {
  content: "";
  width: 14px;
  display: inline-block;
  position: relative;
  top: 1px;
  height: 14px;
  margin-left: 8px;
  background: url(../images/cross-blue.png) no-repeat center center;
  background-size: contain;
}

.cky-consent-container .cky-consent-container .cky-consent-bar {
  padding: 7px 20px;
}

.cky-consent-container .cky-consent-bar .cky-notice-des p {
  padding-top: 7px;
}

.cky-notice-btn-wrapper .cky-btn {
  font-size: 18px;
}

/* css wnd for cookies policy popup */

.registerForm {
  margin-bottom: 15px
}

.registerForm .gform_wrapper.gravity-theme .gform_fields {
  grid-row-gap: 12px
}

.registerForm .gform_wrapper.gravity-theme .gform_footer,
.registerForm .gform_wrapper.gravity-theme .gform_page_footer {
  margin: 12px 0 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.registerForm .gform_wrapper .gform_validation_errors,
.registerForm .gform_wrapper.gravity-theme .description,
.registerForm .gform_wrapper.gravity-theme .gfield_description,
.registerForm .gform_wrapper.gravity-theme .gsection_description,
.registerForm .gform_wrapper.gravity-theme .instruction {
  display: none
}

.registerForm .gform_title {
  padding: 0;
  font-size: 20px;
  font-family: "Interstate Light";
  text-align: left;
  text-transform: initial
}

.registerForm .gform_wrapper.gravity-theme .gfield input.large,
.registerForm .gform_wrapper.gravity-theme .gfield select.large {
  width: 100%;
  border: 2px solid var(--yellow);
  color: var(--yellow);
  font-family: "Interstate Regular";
  font-size: 20px;
  padding: 7px 15px
}

.registerForm .ginput_container.ginput_container_consent [type="checkbox"] {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute
}

.registerForm .ginput_container.ginput_container_consent label {
  padding-left: 30px;
  font-family: "Interstate Light";
  font-size: 15px;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 4px;
}

.registerForm .ginput_container.ginput_container_consent {
  position: relative
}

.registerForm .ginput_container.ginput_container_consent label::before {
  content: "";
  border: 2px solid var(--yellow);
  display: inline-block;
  width: 13px;
  height: 13px;
  position: absolute;
  left: 0;
  top: 8px
}

.registerForm .ginput_container.ginput_container_consent [type="checkbox"]:checked ~ label::after {
  content: "";
  border: 2px solid var(--yellow);
  border-top: none;
  border-left: none;
  display: inline-block;
  width: 4px;
  height: 8px;
  position: absolute;
  left: 5px;
  top: 10px;
  -webkit-transform: rotate(35deg);
  -ms-transform: rotate(35deg);
  transform: rotate(35deg)
}

.registerForm .gform_wrapper .gform_footer [type="submit"] {
  border: 2px solid var(--yellow);
  color: var(--yellow);
  font-family: "Interstate Regular";
  text-transform: uppercase;
  font-size: 20px;
  padding: 7px 28px;
  background-color: transparent;
  margin: 0;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease
}

.registerForm .gform_wrapper .gform_footer [type="submit"]:hover {
  background-color: var(--yellow);
  color: #fff
}

.registerForm .ginput_container input::-ms-input-placeholder {
  color: var(--yellow);
  opacity: 0.5;
  font-family: "Interstate Light"
}

.registerForm .ginput_container input::-moz-placeholder {
  color: var(--yellow);
  opacity: 0.5;
  font-family: "Interstate Light"
}

.registerForm .ginput_container input::-webkit-input-placeholder {
  color: var(--yellow);
  opacity: 0.5;
  font-family: "Interstate Light"
}

.registerForm .ginput_container input::placeholder {
  color: var(--yellow);
  opacity: 0.5;
  font-family: "Interstate Light"
}

.registerForm .gform_wrapper.gravity-theme .gfield.gfield_error input.large,
.registerForm .gform_wrapper.gravity-theme .gfield.gfield_error select.large {
  border-color: var(--red);
}

footer .gform_wrapper.gravity-theme .gfield_error .gfield_required {
  color: var(--red);
}

.registerForm .gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label,
.registerForm .gform_wrapper.gravity-theme .gfield_error label,
.registerForm .gform_wrapper.gravity-theme .gfield_error legend,
.registerForm .gform_wrapper.gravity-theme .gfield_validation_message,
.registerForm .gform_wrapper.gravity-theme .validation_message,
.registerForm .gform_wrapper.gravity-theme [aria-invalid=true] + label,
.registerForm .gform_wrapper.gravity-theme label + [aria-invalid=true] {
  color: var(--red);
}

footer .registerForm .gform_title {
  margin-bottom: 20px;
}

.gform_wrapper.gravity-theme .gform_required_legend {
  margin-bottom: 10px;
  padding-bottom: 0;
  display: none;
}

.registerForm .gform_wrapper.gravity-theme .gfield_error label,
.registerForm .gform_wrapper.gravity-theme [aria-invalid=true] + label {
  color: var(--yellow);
}

.registerForm .gfield_error .ginput_container.ginput_container_consent label::before {
  border: 2px solid var(--red);
}

.gform_confirmation_message {
  border: 2px dashed;
  padding: 12px;
  font-size: 20px;
  margin-bottom: 20px;
}

/* css end for register form */
/* start page graphic elements style */
img.waterDrop {
  position: absolute;
  top: 11%;
  left: 80%;
  -webkit-transform: translateX(150%);
  -ms-transform: translateX(150%);
  transform: translateX(150%);
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  height: auto;
  width: max(60px, min(60px + (292 - 60) * ((100vw - 320px) / (1920 - 320)), 292px));
  opacity: 0;
}

img.waterDrop.active {
  -moz-animation: waterDropAnimation 1.5s linear 1s 1 normal forwards;
  -webkit-animation: waterDropAnimation 1.5s linear 1s 1 normal forwards;
  animation: waterDropAnimation 1.5s linear 1s 1 normal forwards;
  opacity: 1;
}

@-moz-keyframes waterDropAnimation {
  0% {}

  100% {
    left: 50%
  }
}

@-webkit-keyframes waterDropAnimation {
  0% {}

  100% {
    left: 50%
  }
}

@keyframes waterDropAnimation {
  0% {}

  100% {
    left: 50%
  }
}

img.yogaWomen {
  position: absolute;
  z-index: 2;
  height: auto;
  width: max(115px, min(115px + (460 - 115) * ((100vw - 320px) / (1920 - 320)), 460px));
  top: 50%;
  left: 80%;
  -webkit-transform: translate(120%, -118%);
  -ms-transform: translate(120%, -118%);
  transform: translate(120%, -118%);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -webkit-transition: 2s all;
  -o-transition: 2s all;
  transition: 2s all
}

img.yogaWomen.active {
  left: 50%;
  -webkit-animation: yogaWomenAnimate 6s linear 2s infinite normal forwards;
  animation: yogaWomenAnimate 6s linear 2s infinite normal forwards
}

@-moz-keyframes yogaWomenAnimate {

  0%,
  98% {
    -moz-transform: translate(120%, -118%);
  }

  48%,
  53% {
    -moz-transform: translate(120%, -124%);
  }
}

@-webkit-keyframes yogaWomenAnimate {

  0%,
  98% {
    -webkit-transform: translate(120%, -118%);
  }

  48%,
  53% {
    -webkit-transform: translate(120%, -124%);
  }
}

@keyframes yogaWomenAnimate {

  0%,
  98% {
    -webkit-transform: translate(120%, -118%);
    transform: translate(120%, -118%);
  }

  48%,
  53% {
    -webkit-transform: translate(120%, -124%);
    transform: translate(120%, -124%);
  }
}


.mobilePhone {
  width: max(90px, min(90px + (338 - 90) * ((100vw - 320px) / (1920 - 320)), 338px));
  height: auto;
  position: absolute;
  bottom: 74%;
  left: 90%;
  -webkit-transform: translate(150%, 2%);
  -ms-transform: translate(150%, 2%);
  transform: translate(150%, 2%);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  z-index: 1;
  -webkit-transition: 2s all;
  -o-transition: 2s all;
  transition: 2s all
}

.mobilePhone.active {
  left: 51%;
  -webkit-animation: mobilePhoneAnimate 6s linear 2s infinite normal forwards;
  animation: mobilePhoneAnimate 6s linear 2s infinite normal forwards
}

@-ms-keyframes mobilePhoneAnimate {

  0%,
  98% {
    -ms-transform: translate(150%, 2%);
  }

  48%,
  53% {
    -ms-transform: translate(150%, -8%);
  }
}

@-moz-keyframes mobilePhoneAnimate {

  0%,
  98% {
    -moz-transform: translate(150%, 2%);
  }

  48%,
  53% {
    -moz-transform: translate(150%, -8%);
  }
}

@-webkit-keyframes mobilePhoneAnimate {

  0%,
  98% {
    -webkit-transform: translate(150%, 2%);
  }

  48%,
  53% {
    -webkit-transform: translate(150%, -8%);
  }
}

@keyframes mobilePhoneAnimate {

  0%,
  98% {
    -webkit-transform: translate(150%, 2%);
    transform: translate(150%, 2%);
  }

  48%,
  53% {
    -webkit-transform: translate(150%, -8%);
    transform: translate(150%, -8%);
  }
}

.cafeBanner,
.galleryBanner {
  z-index: -1;
}

.teaCup {
  position: absolute;
  bottom: 270px;
  left: 125%;
  width: max(120px, min(120px + (445 - 120) * ((100vw - 360px) / (1920 - 360)), 445px));
  height: auto;
  -moz-transition: left 2s cubic-bezier(0.57, 0.21, 0.62, 0.73), opacity .15s ease;
  -webkit-transition: left 2s cubic-bezier(0.57, 0.21, 0.62, 0.73), opacity .15s ease;
  transition: left 2s cubic-bezier(0.57, 0.21, 0.62, 0.73), opacity .15s ease;
  opacity: 0;
  -moz-transform-origin: bottom;
  -webkit-transform-origin: bottom;
  transform-origin: bottom
}

.teaCup.active {
  left: 74%;
  opacity: 1;
}

.building_leafFlowers {
  position: absolute;
  top: -73%;
  right: -7%;
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
  width: 640px;
  height: auto
}


.txtReveal .line,
.mainNavBox ul.mainMenu li a .line {
  position: relative;
  overflow: hidden
}

.txtReveal .line {
  display: inline-block !important
}

/* .txtReveal .char {opacity: 0;} */


.hand_flowers {
  position: absolute;
  left: -15%;
  bottom: 8%;
  height: 302px;
  width: auto;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease, left 1.15s linear;
  -o-transition: opacity 0.15s ease, left 1.15s linear;
  transition: opacity 0.15s ease, left 1.15s linear;
}

.hand_flowers.active {
  left: -1%;
  opacity: 1;
}


.hand_flowers #voiletFlowerTree {
  -webkit-transform-origin: 62% 78%;
  -ms-transform-origin: 62% 78%;
  transform-origin: 62% 78%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0
}

.hand_flowers.active #voiletFlowerTree {
  -webkit-animation: voiletFlowerTree 1.5s linear 0s 1 normal forwards, voiletFlowerTreeSwing 6s linear 1.75s infinite normal forwards;
  animation: voiletFlowerTree 1.5s linear 0s 1 normal forwards, voiletFlowerTreeSwing 6s linear 1.75s infinite normal forwards
}

.hand_flowers #redLeafyellowFlowers {
  -webkit-transform-origin: 66% 79%;
  -ms-transform-origin: 66% 79%;
  transform-origin: 66% 79%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0
}

.hand_flowers.active #redLeafyellowFlowers {
  -webkit-animation: voiletFlowerTree 1.5s linear 0.85s 1 normal forwards, voiletFlowerTreeSwing 6s linear 2s infinite normal forwards;
  animation: voiletFlowerTree 1.5s linear 0.85s 1 normal forwards, voiletFlowerTreeSwing 6s linear 2s infinite normal forwards
}

.hand_flowers #greenTree {
  -webkit-transform-origin: 71% 79%;
  -ms-transform-origin: 71% 79%;
  transform-origin: 71% 79%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0
}

.hand_flowers.active #greenTree {
  -webkit-animation: voiletFlowerTree 1.5s linear 0.5s 1 normal forwards, voiletFlowerTreeSwing 6s linear 2s infinite normal forwards;
  animation: voiletFlowerTree 1.5s linear 0.5s 1 normal forwards, voiletFlowerTreeSwing 6s linear 2s infinite normal forwards
}

@-ms-keyframes voiletFlowerTree {
  0% {}

  100% {
    -ms-transform: scale(1);
    opacity: 1;
  }
}

@-moz-keyframes voiletFlowerTree {
  0% {}

  100% {
    -moz-transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes voiletFlowerTree {
  0% {}

  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}

@keyframes voiletFlowerTree {
  0% {}

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@-ms-keyframes voiletFlowerTreeSwing {
  25% {
    -ms-transform: scale(1) rotateZ(3deg);
  }

  75% {
    -ms-transform: scale(1) rotateZ(-3deg);
  }
}

@-moz-keyframes voiletFlowerTreeSwing {
  25% {
    -moz-transform: scale(1) rotateZ(3deg);
  }

  75% {
    -moz-transform: scale(1) rotateZ(-3deg);
  }
}

@-webkit-keyframes voiletFlowerTreeSwing {
  25% {
    -webkit-transform: scale(1) rotateZ(3deg);
  }

  75% {
    -webkit-transform: scale(1) rotateZ(-3deg);
  }
}

@keyframes voiletFlowerTreeSwing {
  25% {
    -webkit-transform: scale(1) rotateZ(3deg);
    transform: scale(1) rotateZ(3deg);
  }

  75% {
    -webkit-transform: scale(1) rotateZ(-3deg);
    transform: scale(1) rotateZ(-3deg);
  }
}

.hand_flowers #whiteLeaf {
  -webkit-transform-origin: 6% 20%;
  -ms-transform-origin: 6% 20%;
  transform-origin: 6% 20%;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0
}

.hand_flowers.active #whiteLeaf {
  -webkit-animation: whiteLeaf 1.5s linear 0.25s 1 normal forwards;
  animation: whiteLeaf 1.5s linear 0.25s 1 normal forwards
}

@-ms-keyframes whiteLeaf {
  0% {}

  100% {
    -ms-transform: scale(1);
    opacity: 1;
  }
}

@-moz-keyframes whiteLeaf {
  0% {}

  100% {
    -moz-transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes whiteLeaf {
  0% {}

  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}

@keyframes whiteLeaf {
  0% {}

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

.books {
  height: 490px;
  width: auto;
  position: absolute;
  right: -10%;
  bottom: 2%
}

#bulb_tree {
  position: absolute;
  top: -8%;
  width: 210px;
  height: auto;
  left: 2%
}

#bulb_tree .bulbTree {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: 50% 75.6%;
  -ms-transform-origin: 50% 75.6%;
  transform-origin: 50% 75.6%
}

#bulb_tree.active .bulbTree {
  -webkit-animation: bulbAnimation 1.5s linear 0.25s 1 normal forwards, bulbAnimationSwing 5s linear 2s infinite normal forwards;
  animation: bulbAnimation 1.5s linear 0.25s 1 normal forwards, bulbAnimationSwing 5s linear 2s infinite normal forwards
}

@-ms-keyframes bulbAnimation {
  0% {
    -ms-transform: scale(0);
    opacity: 0;
  }

  15% {
    -ms-transform: scale(0.15);
    opacity: 1;
  }

  100% {
    -ms-transform: scale(1);
    opacity: 1;
  }
}

@-moz-keyframes bulbAnimation {
  0% {
    -moz-transform: scale(0);
    opacity: 0;
  }

  15% {
    -moz-transform: scale(0.15);
    opacity: 1;
  }

  100% {
    -moz-transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes bulbAnimation {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }

  15% {
    -webkit-transform: scale(0.15);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}

@keyframes bulbAnimation {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }

  15% {
    -webkit-transform: scale(0.15);
    transform: scale(0.15);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@-ms-keyframes bulbAnimationSwing {
  25% {
    -ms-transform: scale(1) rotate(3.5deg);
  }

  75% {
    -ms-transform: scale(1) rotate(-3.5deg);
  }
}

@-moz-keyframes bulbAnimationSwing {
  25% {
    -moz-transform: scale(1) rotate(3.5deg);
  }

  75% {
    -moz-transform: scale(1) rotate(-3.5deg);
  }
}

@-webkit-keyframes bulbAnimationSwing {
  25% {
    -webkit-transform: scale(1) rotate(3.5deg);
  }

  75% {
    -webkit-transform: scale(1) rotate(-3.5deg);
  }
}

@keyframes bulbAnimationSwing {
  25% {
    -webkit-transform: scale(1) rotate(3.5deg);
    transform: scale(1) rotate(3.5deg);
  }

  75% {
    -webkit-transform: scale(1) rotate(-3.5deg);
    transform: scale(1) rotate(-3.5deg);
  }
}

.red_tree {
  position: absolute;
  bottom: 15%;
  width: 230px;
  right: 5%;
  height: auto;
}

.green_tree {
  position: absolute;
  bottom: -12%;
  width: 285px;
  right: -4.5%;
  height: auto;
}

.elementAppear .elementGrow {
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom
}

.elementAppear.active .elementGrow {
  -webkit-animation: bulbAnimation 1.5s linear 0.25s 1 normal forwards;
  animation: bulbAnimation 1.5s linear 0.25s 1 normal forwards
}

.man_shirts {
  position: absolute;
  bottom: 0%;
  left: -2%;
  width: 430px;
  height: auto
}

.man_shirts.active .shirt_hanger {
  -webkit-transform-origin: 82% 22%;
  -ms-transform-origin: 82% 22%;
  transform-origin: 82% 22%;
  -webkit-animation: hangerAnimated 8s linear 0s infinite normal forwards;
  animation: hangerAnimated 8s linear 0s infinite normal forwards
}

@-ms-keyframes hangerAnimated {
  25% {
    -ms-transform: rotate(5deg);
  }

  75% {
    -ms-transform: rotate(-5deg);
  }
}

@-moz-keyframes hangerAnimated {
  25% {
    -moz-transform: rotate(5deg);
  }

  75% {
    -moz-transform: rotate(-5deg);
  }
}

@-webkit-keyframes hangerAnimated {
  25% {
    -webkit-transform: rotate(5deg);
  }

  75% {
    -webkit-transform: rotate(-5deg);
  }
}

@keyframes hangerAnimated {
  25% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  75% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}

.burger,
.women_shopping {
  position: absolute;
  position: absolute;
  right: min(-110px, max(-110px + (-220 - -110) * ((100vw - 1681px) / (1920 - 1681)), -220px));
  bottom: -30%;
  -webkit-transition: transform 2s all;
  -o-transition: transform 2s all;
  transition: transform 2s all;
  -webkit-transform: translateX(170%);
  -o-transform: translateX(170%);
  transform: translateX(170%);
  width: 100%;
  height: auto;
  width: 100px;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}

.burger {
  width: max(98px, min(98px + (250 - 98) * ((100vw - 741px) / (1920 - 741)), 250px));
}

.women_shopping {
  width: max(85px, min(85px + (460 - 85) * ((100vw - 320px) / (1920 - 320)), 460px));
}

.burger.active {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.women_shopping.active {
  -webkit-transform: translateX(85%) scale(1);
  -ms-transform: translateX(85%) scale(1);
  transform: translateX(85%) scale(1);
}

.cycle_boy {
  position: absolute;
  top: -14%;
  width: max(355px, min(355px + (580 - 355) * ((100vw - 1081px) / (1920 - 1081)), 580px));
  right: -35%;
  height: auto;
  transition: 2s all;
}

.cycle_boy.active {
  right: -7%;
}

#leftWheel {
  -webkit-transform-origin: 18.8% 79.6%;
  -ms-transform-origin: 18.8% 79.6%;
  transform-origin: 18.8% 79.6%;
  -webkit-animation: wheelRotate 5s linear 0s infinite normal forwards;
  -ms-animation: wheelRotate 5s linear 0s infinite normal forwards;
  animation: wheelRotate 5s linear 0s infinite normal forwards
}

#rightWheel {
  -webkit-transform-origin: 76% 78.5%;
  -ms-transform-origin: 76% 78.5%;
  transform-origin: 76% 78.5%;
  -webkit-animation: wheelRotate 5s linear 0s infinite normal forwards;
  -ms-animation: wheelRotate 5s linear 0s infinite normal forwards;
  animation: wheelRotate 5s linear 0s infinite normal forwards
}

@-ms-keyframes trainAnimation {
  0% {}

  100% {
    -ms-transform: rotate(360deg)
  }
}

@-moz-keyframes wheelRotate {
  0% {}

  100% {
    -moz-transform: rotate(360deg)
  }
}

@-webkit-keyframes wheelRotate {
  0% {}

  100% {
    -webkit-transform: rotate(-360deg)
  }
}

@keyframes wheelRotate {
  0% {}

  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg)
  }
}

.laptop_boy {
  position: absolute;
  top: -16%;
  left: -20%;
  width: max(120px, min(120px + (330 - 120) * ((100vw - 840px) / (1920 - 840)), 330px));
  height: auto;
  -webkit-transition: 2s all;
  -o-transition: 2s all;
  transition: 2s all;
}

.laptop_boy.active {
  left: 4%;
}

.bookPen {
  position: absolute;
  top: -6%;
  left: -26%;
  width: max(340px, min(340px + (480 - 340) * ((100vw - 1680px) / (1920 - 1680)), 480px));
  height: auto;
  -webkit-transition: 2s all;
  -o-transition: 2s all;
  transition: 2s all;
}

.bookPen.active {
  left: -6.5%;
}

.ladyBriefcase {
  position: absolute;
  top: 50%;
  left: 25%;
  -webkit-transform: translate(-275%, -50%);
  -ms-transform: translate(-275%, -50%);
  transform: translate(-275%, -50%);
  height: auto;
  width: max(100px, min(100px + (330 - 100) * ((100vw - 525px) / (1920 - 525)), 330px));
  -webkit-transition: 2s all;
  -o-transition: 2s all;
  transition: 2s all;
}

.ladyBriefcase.active {
  left: 50%;
}

.localAreaLeafs {
  position: absolute;
  left: 50%;
  z-index: 2
}

.localAreaLeafs:first-child {
  bottom: 38%
}

.leafBunch_first.localAreaLeafs {
  bottom: -7%;
  -webkit-transform: translateX(-45%);
  -ms-transform: translateX(-45%);
  transform: translateX(-45%);
  width: max(60px, min(60px + (219 - 60) * ((100vw - 320px) / (1920 - 320)), 219px));
  height: auto;
}

.leafBunch_second.localAreaLeafs {
  bottom: 9%;
  -webkit-transform: translateX(15%);
  -ms-transform: translateX(15%);
  transform: translateX(15%);
  width: max(54px, min(54px + (188 - 54) * ((100vw - 320px) / (1920 - 320)), 188px));
  height: auto;
}

.leafBunch_third.localAreaLeafs {
  bottom: 2%;
  -webkit-transform: translateX(125%);
  -ms-transform: translateX(125%);
  transform: translateX(125%);
  width: max(50px, min(50px + (168 - 50) * ((100vw - 320px) / (1920 - 320)), 168px));
  height: auto;
}

.leafBunch_fourth.localAreaLeafs {
  bottom: -2%;
  -webkit-transform: translateX(355%);
  -ms-transform: translateX(355%);
  transform: translateX(355%);
  width: max(46px, min(46px + (165 - 46) * ((100vw - 320px) / (1920 - 320)), 165px));
  height: auto;
}

.leafBunch_fifth.localAreaLeafs {
  bottom: 7%;
  -webkit-transform: translateX(431%);
  -ms-transform: translateX(431%);
  transform: translateX(431%);
  width: max(48px, min(48px + (181 - 48) * ((100vw - 320px) / (1920 - 320)), 181px));
  height: auto;
}

.leafBunch_sixth.localAreaLeafs {
  bottom: 25%;
  -webkit-transform: translateX(555%);
  -ms-transform: translateX(555%);
  transform: translateX(555%);
  width: max(36px, min(36px + (123 - 36) * ((100vw - 320px) / (1920 - 320)), 123px));
  height: auto;
}

.pizza {
  position: absolute;
  top: 28%;
  width: 420px;
  height: auto;
  left: 20%;
  -webkit-transform: translateX(-209%);
  -ms-transform: translateX(-209%);
  transform: translateX(-209%)
}

.pizza.active {
  left: 50%;
  transition: 2s all;
}

img.vegetable {
  position: absolute;
  right: -7%;
  top: 27%;
  width: 470px;
  height: auto;
  opacity: 0;
  -webkit-transform: scale(0.1);
  -ms-transform: scale(0.1);
  transform: scale(0.1);
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right
}

.vegetable.active {
  -webkit-animation: vegAppear 2s ease 0s 1 normal forwards, vegRotate 55s linear 2s infinite normal forwards;
  animation: vegAppear 2s ease 0s 1 normal forwards, vegRotate 55s linear 2s infinite normal forwards
}

@-webkit-keyframes vegAppear {
  to {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
  }
}

@keyframes vegAppear {
  to {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
  }
}

@-webkit-keyframes vegRotate {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

@keyframes vegRotate {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

.purple_flowers {
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: -120px;
  width: 500px;
  height: auto;
  -webkit-transform: translateX(80%);
  -ms-transform: translateX(80%);
  transform: translateX(80%)
}

.gallery_building {
  position: absolute;
  top: -215px;
  left: 50%;
  -webkit-transform: translateX(71.5%);
  -ms-transform: translateX(71.5%);
  transform: translateX(71.5%);
  width: max(140px, min(140px + (500 - 140) * ((100vw - 480px) / (1920 - 480)), 500px));
  height: auto;
  z-index: 1
}

.gallery_building > div {
  position: relative;
  overflow: hidden;
  padding-top: 90%;
}

.gallery_building > div img {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(101%);
  -webkit-transition: 2s all;
  -o-transition: 2s all;
  transition: 2s all;
}

.gallery_building.active > div img {
  transform: translateY(0%);
}

.women_painting {
  position: absolute;
  bottom: -5%;
  z-index: 1;
  left: 30%;
  width: max(90px, min(90px + (320 - 90) * ((100vw - 525px) / (1920 - 525)), 320px));
  height: auto;
  transform: translateX(-300%);
  -webkit-transition: 2s all;
  -o-transition: 2s all;
  transition: 2s all;
}

.women_painting.active {
  left: 50%;
}

.hotel_dish {
  position: absolute;
  top: 150px;
  width: max(180px, min(180px + (570 - 180) * ((100vw - 525px) / (1920 - 525)), 570px));
  height: auto;
  left: 25%;
  transform: translateX(-185%);
  -webkit-transition: 2s all;
  -o-transition: 2s all;
  transition: 2s all;
}

.hotel_dish.active {
  left: 50%;
}

.metroTrain {
  position: absolute;
  right: -5%;
  top: -35%;
  width: 430px;
  height: auto
}

.metroTrain .trainTrack {
  opacity: 0;
  -webkit-transition: .75s all;
  -o-transition: .5s all;
  transition: .75s all
}

.metroTrain.active .trainTrack {
  opacity: 1
}

.metroTrain .train {
  -webkit-transform: translate(100%, -80%);
  -ms-transform: translate(100%, -80%);
  transform: translate(100%, -80%);
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom
}

.metroTrain.active .train {
  -webkit-animation: trainAnimation 2s cubic-bezier(0, 0, 0, 0.83) 0.25s 1 normal forwards;
  animation: trainAnimation 2s cubic-bezier(0, 0, 0, 0.83) 0.25s 1 normal forwards
}

@-ms-keyframes trainAnimation {
  0% {}

  100% {
    -ms-transform: translate(0%, 0%);
  }
}

@-moz-keyframes trainAnimation {
  0% {}

  100% {
    -moz-transform: translate(0%, 0%);
  }
}

@-webkit-keyframes trainAnimation {
  0% {}

  100% {
    -webkit-transform: translate(0%, 0%);
  }
}

@keyframes trainAnimation {
  0% {}

  100% {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
}

/* end page graphic elements style */
text {
  font-family: "Interstate Light"
}

/* start video css */
.video {
  position: relative
}

.videoWrapper {
  position: relative;
  width: 100%;
  height: 0;
  background-color: #000;
  overflow: hidden
}

.videoWrapper169 {
  padding-top: 56.25%
}

.videoIframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  overflow: hidden
}

.videoWrapperActive .videoPoster {
  opacity: 0;
  height: 0;
  -webkit-transition-delay: 0s, 0.8s;
  -o-transition-delay: 0s, 0.8s;
  transition-delay: 0s, 0.8s
}

.videoPoster {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border: 0;
  outline: none;
  background-position: 50% 50%;
  background-size: 100% 100%;
  background-size: cover;
  text-indent: -999em;
  overflow: hidden;
  opacity: 0.9;
  -webkit-transition: opacity 0.8s ease, height 0s ease, -webkit-filter .5s ease;
  transition: opacity 0.8s ease, height 0s ease, -webkit-filter .5s ease;
  -o-transition: opacity 0.8s ease, height 0s ease, filter .5s ease;
  transition: opacity 0.8s ease, height 0s ease, filter .5s ease;
  transition: opacity 0.8s ease, height 0s ease, filter .5s ease, -webkit-filter .5s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.videoPoster:hover {
  -webkit-filter: brightness(0.85);
  filter: brightness(0.85)
}

.home-video-close {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  display: block;
  line-height: 0;
  display: inline-block;
  padding: 20px 10px;
  font-size: 3em;
  font-weight: 700;
  color: white;
  cursor: pointer;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -webkit-transition: ease-in-out 0.15s all;
  -o-transition: ease-in-out 0.15s all;
  transition: ease-in-out 0.15s all;
  display: none
}

.home-video-close.is-hidden {
  display: block;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0)
}

#js-pointer-detector {
  display: none
}

/* end video css */
/* map css start here */
.local-occupiers9 span::before,
.restaurants-bars13 span::before,
.hotels5 span::before,
.hotels7 span::before,
.hotels9 span::before {
  left: auto !important;
  right: -10px
}

.local-occupiers9 span,
.restaurants-bars13 span,
.hotels5 span,
.hotels7 span,
.hotels9 span {
  right: 36px;
  left: auto !important
}

.pinOverlay.local-occupiers > div > div {
  background-color: #EE9784
}

.pinOverlay.restaurants-bars > div > div {
  background-color: #B4DEE7;
  color: #000
}

.pinOverlay.leisure-fitness > div > div {
  background-color: #FAE700;
  color: #000
}

.pinOverlay.hotels > div > div {
  background-color: #cdecec;
  color: var(--green);
  border: 2px solid var(--green);
}

.pinOverlay.hotels > div > div .hotspotNumber {
  background-color: var(--green);
  color: #fff
}

.pinOverlay.food-drink > div > div .hotspotNumber {
  background-color: var(--red);
  color: #fff
}

.pinOverlay.occupiers > div > div .hotspotNumber {
  background-color: var(--blue);
  color: #fff
}

.pinOverlay.restaurants-bars > div > div .pincloseIcon,
.pinOverlay.leisure-fitness > div > div .pincloseIcon,
.pinOverlay.hotels > div > div .pincloseIcon {
  background: url('../images/close-icon.svg') no-repeat center center;
  background-size: 18px
}

.mapHolder [data-fancybox="gallerybox"] {
  display: none;
}

.mapHolder {
  position: relative;
  width: 100%;
  height: 100%;
}

.mapHolder.showconnection {
  width: 100%
}

.mapHolder.showconnection ~ .maplinkList {
  padding: 0px !important
}

.maplinkList {
  width: 100%;
  padding: 60px;
  position: absolute;
  left: 0;
  max-height: 50vw;
  overflow: auto
}

.mapLinks ul {
  list-style-type: none;
  margin: 0px;
  padding: 34px 0;
  list-style-type: none
}

.mapLinks ul li {
  margin: 0;
  padding: 0 20px
}

.mapLinks ul li a.active {
  font-family: "Interstate Regular";
  font-style: normal
}

.mapLinks ul li a {
  cursor: pointer;
  font-size: 26px;
  line-height: 34px;
  letter-spacing: -1.04px;
  position: relative;
  padding-left: 32px;
  color: #172C35
}

.mapLinks ul li a::before {
  position: absolute;
  left: 0;
  top: 6px;
  width: 20px;
  height: 20px;
  background-color: #f00;
  content: '';
  border-radius: 50%
}

.mapimg::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(23, 44, 53, 0.74);
  opacity: 0;
  visibility: hidden
}

.mapimg.showoverlay::before {
  opacity: 1;
  visibility: visible
}

.mapLinks ul li a[data-rel="local-occupiers"]::before {
  background-color: #EE9784
}

.mapLinks ul li a[data-rel="restaurants-bars"]::before {
  background-color: #B4DEE7
}

.mapLinks ul li a[data-rel="leisure-fitness"]::before {
  background-color: #FAE700
}

.mapLinks ul li a[data-rel="hotels"]::before {
  background-color: #9CD1C4
}

.mapLinks ul li a[data-rel="connections"]::before {
  background-color: #FF525C
}

.mappointer > div {
  display: none
}

.mappointer div.connections > span {
  width: 8vw;
  max-width: 8vw;
  height: auto;
  background-color: transparent;
  border: 0px;
  color: #fff
}

.connectIcon {
  margin: 0 auto;
  width: 4vw
}

.mappointer .name b,
.mappointer .name strong {
  font-size: 1vw;
  line-height: 0.8vw;
  font-family: "Interstate Regular";
  font-style: normal;
  padding-top: 0.4vw
}

.mappointer .name {
  font-size: 0.8vw;
  line-height: 1vw;
  padding-top: 0.4vw
}

.locationIcon {
  padding-top: 0.6vw;
  text-align: center;
  position: relative
}

.locationIcon img {
  margin: 0 auto;
  height: 20px;
  max-height: 20px;
  width: auto;
  display: inline-block;
  max-width: none;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.mappointer div > span {
  width: 30px;
  height: 30px;
  position: absolute;
  border-radius: 50%;
  cursor: pointer;
  text-align: center;
  background-color: var(--yellow);
  color: #000;
  border: 2px solid;
  display: block;
  font-size: 16px;
  line-height: 26px;
  -ms-transition: .25s all;
  -webkit-transition: .25s all;
  transition: .25s all;
}

.mappointer .local-occupiers > span,
.mappointer .local-occupiers > span > span,
.maplinkList .local-occupiers ul li b {
  background-color: #EE9784
}

.mappointer .restaurants-bars > span,
.mappointer .restaurants-bars > span > span,
.maplinkList .restaurants-bars ul li b {
  background-color: #B4DEE7
}

.mappointer .leisure-fitness > span,
.mappointer .leisure-fitness > span > span,
.maplinkList .leisure-fitness ul li b {
  background-color: #FAE700
}

.mappointer .hotels > span,
.mappointer .hotels > span > span,
.maplinkList .hotels ul li b {
  background-color: var(--green)
}


.mappointer .local-occupiers > span > span::before,
.mappointer .restaurants-bars > span > span::before,
.mappointer .leisure-fitness > span > span::before,
.mappointer .hotels > span > span::before {
  background-color: #000
}

.maplinkList ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none
}

.maplinkList ul li {
  cursor: pointer;
  margin: 0px;
  padding: 0 0 8px 34px;
  position: relative
}

.maplinkList ul li b {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--red);
  color: #000;
  border: #000 solid 1px;
  display: block;
  position: absolute;
  left: 0;
  text-align: center;
  line-height: 22px;
  font-size: 14px;
  top: 4px
}

.maplinkList ul li.active {
  color: #FF525C
}

.maplinkList div {
  display: none
}

.mappointer > div > span > span {
  display: none;
  font-size: 16px;
  line-height: 24px;
  background-color: var(--red);
  padding: 5px 10px;
  position: absolute;
  z-index: 1;
  left: 36px;
  white-space: nowrap;
  color: var(--lightSky);
  text-align: left;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  border: #000 solid 1px;
  -webkit-box-shadow: 4px 4px #000;
  box-shadow: 4px 4px #000
}

.mappointer > div > span > span::before {
  content: "";
  width: 10px;
  height: 2px;
  background-color: #000;
  position: absolute;
  left: -10px;
  top: 0;
  bottom: 0;
  margin: auto
}

.mappointer > div.hotels > span > span {
  background-color: var(--green);
}

.mappointer > div.food-drink > span > span {
  background-color: var(--red);
}

.mappointer > div.occupiers > span > span {
  background-color: var(--blue);
}

.mappointer div.hotels > span {
  border-color: var(--green);
  background-color: #CDECEC;
  color: var(--green)
}

.mappointer div.food-drink > span {
  border-color: var(--red);
  background-color: #FFF0B5;
  color: var(--red)
}

.mappointer div.occupiers > span {
  border-color: var(--blue);
  background-color: #FFE2E2;
  color: var(--blue)
}

.mappointer div.hotels > span:hover {
  background-color: var(--green);
  color: #CDECEC
}

.mappointer div.food-drink > span:hover {
  background-color: var(--red);
  color: #FFF0B5
}

.mappointer div.occupiers > span:hover {
  background-color: var(--blue);
  color: #FFE2E2
}

.pinOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  padding: 20px;
  z-index: 3;
  background-color: rgba(23, 44, 53, 0.74)
}

.pinOverlay > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%
}

.pinOverlay > div > div {
  background-color: #fff0b5;
  text-align: center;
  color: var(--red);
  padding: 20px;
  width: 100%;
  max-width: 300px;
  border: 2px solid var(--red);
  position: relative
}

.pinOverlay.occupiers > div > div {
  background-color: #ffe2e2;
  border: 2px solid var(--blue);
  color: var(--blue);
}

.pincloseIcon {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
}

.pincloseIcon svg {
  width: 100%;
  height: auto;
}

.pinOverlay.hotels > div > div .pincloseIcon path {
  stroke: var(--green);
}

.pinOverlay.food-drink > div > div .pincloseIcon path {
  stroke: var(--red);
}

.pinOverlay.occupiers > div > div .pincloseIcon path {
  stroke: var(--blue);
}

.hotspotNumber {
  width: 40px;
  height: 40px;
  text-align: center;
  background-color: #fff;
  color: #AD585A;
  font-size: 24px;
  line-height: 40px;
  border-radius: 50%;
  display: block;
  margin: 0 auto 15px
}

.hotspotName {
  font-family: "Interstate Regular";
}

.mapPinLinksBlock .mapHolder .zoomPan .mapimg {
  -moz-transition: all .55s ease;
  -webkit-transition: all .55s ease;
  transition: all .55s ease;
}

.zoomingIcon {
  position: absolute;
  /* right: 0; */
  top: -7px;
  left: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-direction: column;
}

.zoomingIcon a {
  padding: 0px;
  margin: 0 4px;
  font-size: 0;
  line-height: 0;
  cursor: pointer
}

.mapPinLinksBlock.imageMdCenter {
  margin: 0 8%;
}

/* map css end here */
/* contact us page css start */
main.contactPage {
  padding-top: max(180px, min(180px + (261 - 180) * ((100vw - 1330px) / (1920 - 1330)), 261px));
}

main.contactPage > section.topSection {
  padding-bottom: max(84px, min(84px + (125 - 84) * ((100vw - 1330px) / (1920 - 1330)), 125px));
}

main.contactPage::before,
main.notFound::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 45.5vw;
  top: 0;
  bottom: -8.75vw;
  z-index: -2;
  -webkit-clip-path: polygon(0 0, 73% 0, 0 100%);
  clip-path: polygon(0 0, 73% 0, 0 100%);
}

main.contactPage::before {
  background-color: var(--green);
  content: unset;
}

main.contactPage > section > .container > h1 {
  color: var(--pink);
  font-size: max(105px, min(105px + (146 - 105) * ((100vw - 1330px) / (1920 - 1330)), 146px));
  margin-bottom: max(80px, min(80px + (100 - 80) * ((120vw - 1330px) / (1920 - 1330)), 120px));
}

.contactPage + footer {
  background: transparent;
  position: relative;
  padding: 0 0 40px;
}

.contactPage + footer *,
.contactPage + footer .gform_wrapper.gravity-theme .gfield_required {
  color: var(--pink);
}

.contactPage + footer::before,
.notFound + footer::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 360vw;
  background: var(--blue);
  bottom: 0;
  z-index: -3;
}

.contactPage + footer::before {
  background: var(--blue);
  content: unset;
}

.contactPage + footer > .container {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: max(90px, min(90px + (150 - 90) * ((100vw - 1330px) / (1920 - 1330)), 150px));
}

.contactPage + footer h3 {
  font-family: "Interstate Bold";
}

.contactPage + footer .footerLogo,
.contactPage + footer > section > .footerLinksBox,
footer .registerForm .gform_description {
  display: none;
}

.contactPage + footer .getInTouch .logo {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.contactPage + footer .registerForm .gform_wrapper.gravity-theme .gfield input.large,
.contactPage + footer .registerForm .gform_wrapper.gravity-theme .gfield select.large,
.contactPage + footer .registerForm .gform_wrapper .gform_footer [type="submit"] {
  border: 2px solid var(--pink);
  color: var(--pink);
}

.contactPage + footer .registerForm .gform_wrapper .gform_footer [type="submit"]:hover {
  background-color: var(--pink);
  color: var(--blue);
}

.contactPage + footer .registerForm .ginput_container.ginput_container_consent label::before,
.contactPage + footer .registerForm .ginput_container.ginput_container_consent [type="checkbox"]:checked ~ label::after {
  border-color: var(--pink);
}

.contactPage + footer .registerForm .ginput_container input::-ms-input-placeholder {
  color: var(--pink);
}

.contactPage + footer .registerForm .ginput_container input::-moz-placeholder {
  color: var(--pink);
}

.contactPage + footer .registerForm .ginput_container input::-webkit-input-placeholder {
  color: var(--pink);
}

.contactPage + footer .registerForm .ginput_container input::placeholder {
  color: var(--pink);
}

.downloadLink a {
  background: url('../images/unlock.svg') no-repeat center center;
  background-position: 0% 50%;
  padding-top: 6px;
}

.downloadLink a.locked {
  background: url('../images/lock.svg') no-repeat center center;
  background-position: 0% 50%;
  padding-left: 44px;
}

.contactPage + footer .downloadLink a {
  background: url('../images/unlock-white.svg') no-repeat center center;
  background-position: 0% 50%;
  padding-top: 12px;
  background-size: auto 100%;
  padding-left: 38px;
}

.contactPage + footer .downloadLink a.locked {
  background: url('../images/lock-white.svg') no-repeat center center;
  background-position: 0% 50%;
  padding-left: 38px;
  background-size: auto 100%;
  padding-top: 8px;
}

.contactPage + footer .downloadLink a {
  height: 43px;
}

.registerForm .gform_wrapper.gravity-theme .gfield.gfield_error input.large,
.registerForm .gform_wrapper.gravity-theme .gfield.gfield_error select.large,
.contactPage + footer .registerForm .gform_wrapper.gravity-theme .gfield.gfield_error input.large,
.contactPage + footer .registerForm .gform_wrapper.gravity-theme .gfield.gfield_error select.large,
.contactPage + footer .registerForm .gfield_error .ginput_container.ginput_container_consent label::before {
  border-color: var(--red);
}

.contactPage + footer .gform_wrapper.gravity-theme .gfield_error .gfield_required {
  color: var(--red);
}

.contactPage + footer .registerForm .gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label,
.contactPage + footer .registerForm .gform_wrapper.gravity-theme .gfield_error label,
.contactPage + footer .registerForm .gform_wrapper.gravity-theme .gfield_error legend,
.contactPage + footer .registerForm .gform_wrapper.gravity-theme .gfield_validation_message,
.contactPage + footer .registerForm .gform_wrapper.gravity-theme .validation_message,
.contactPage + footer .registerForm .gform_wrapper.gravity-theme [aria-invalid=true] + label,
.contactPage + footer .registerForm .gform_wrapper.gravity-theme label + [aria-invalid=true] {
  color: var(--red);
}

/* contact us page css end */

main.notFound::before {
  background-color: var(--blue);
}

main.notFound + footer {
  background-color: transparent;
}

.notFound + footer {
  position: relative;
  padding-top: 0;
}

.notFound + footer::before {
  background: var(--green);
}

/* .vegetable, .pizza, .localAreaLeafs, .purple_flowers, .gallery_building, .women_painting, .hotel_dish, .ladyBriefcase, .metroTrain  {display: none;} */

#gform_ajax_spinner_1 {
  width: 24px;
  height: 24px;
  margin-left: 10px;
}


/* div.cky-audit-table-element{
	background-color:#cdecec;
	display:block;
	position:relative;
	min-height:80px;
	width: 100%;
	border: 1px solid #008d62;
    color: #000000;
} */
/* div.cky-audit-table-element::before{
	content:'Cookie Policy table info fetched here, Please do not remove this block.';
	position: absolute;
	left:0;
	right: 0;
	top:50%;
	font-size:16px;
	line-height: 24px;
	color:#000;
	transform: translate(0, -50%);
	text-align: center;
} */

a.cky-banner-element {
  padding: 8px 30px;
  box-sizing: border-box;
  border-radius: 2px;
  cursor: pointer;
  background-color: var(--blue) !important;
  opacity: 1;
  color: #ffffff !important;
  border: 1px solid var(--blue) !important;
  position: relative;
  font-size: 14px;
  margin-bottom: 20px;
  text-decoration: none;
}

.cky-consent-bar .cky-notice-des p a.cky-banner-element {
  padding: 0;
  box-sizing: border-box;
  border-radius: 0;
  cursor: pointer;
  background-color: transparent !important;
  opacity: 1;
  color: var(--green) !important;
  border: none !important;
  position: relative;
  font-size: inherit;
  margin-bottom: 0;
  text-decoration: underline;
}

.tableRespo {
  overflow: auto;
}

.post a {
  word-wrap: break-word;
}

.post ul,
.post ol {
  padding-bottom: 28px;
}

.post ul ul,
.post ul ol,
.post ol ul,
.post ol ol {
  padding-bottom: 0;
}


.fancybox-toolbar button {
  display: none;
}

.fancybox-toolbar .fancybox-button--zoom,
.fancybox-toolbar .fancybox-button--close {
  display: inline-block;
}

.fancybox-navigation .fancybox-button svg {
  width: 20px;
  height: auto;
}

.fancybox-navigation .fancybox-button path {
  fill: transparent
}

.fancybox-navigation .fancybox-button g path:first-child {
  stroke: var(--lightSky);
  stroke-width: 2px;
}

.fancybox-navigation .fancybox-button {
  padding: 0;
  background: transparent;
  opacity: 1;
  background: transparent url(../images/slider-left-arrow.svg) no-repeat center center;
}

.fancybox-slide,
.fancybox-is-open .fancybox-stage {
  background-color: var(--blue) !important;
}

.fancybox-navigation .fancybox-button--arrow_right {
  -webkit-transform: rotateZ(180deg);
  -ms-transform: rotate(180deg);
  transform: rotateZ(180deg);
}

.fancybox-image,
.fancybox-spaceball {
  /* background: transparent;
  border: 0;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit:cover";
  -o-object-position: center center;
     object-position: center center; */


}

@media (min-width:1181px) {
  .fancybox-container {
    display: none;
  }
}