@media screen and (min-width: 1921px) {
  .MainInfo h1 {
    font-size: 48px;
    line-height: 50px;
    letter-spacing: -2.5px;
  }
.statBlock .imageBlock .caption{
  font-size: 80px;
  line-height: 80px;
  letter-spacing: -4px;
}
  .HeroBanner {
    margin-top: calc(-50% - 180px);
  }

  .ImageAnimatedText>div span.infoText {
    font-size: 32px;
    line-height: 34px;
    letter-spacing: -0.62px;
  }

  .panImgText {
    width: 100%;
  }
  /* .peopleImageSlider .slick-arrow, .animatenext {
    top: 62.5%;
  } */
}
/* @media screen and (min-width: 0px) and (max-width:1750px) {
  .peopleImageSlider .slick-arrow, .animatenext {
    top: 35.4vw;
}
} */
@media screen and (min-width: 0px) and (max-width:1600px) {
  .statsGridWrap > div.statBlock:nth-child(5)::after
  {
    height: 19.2vw;
  }
  .logoHolder {
    height: 90px;
    margin-bottom: 20px;
  }

  .peopleImageSlider .partnerLogo {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.3px;
    bottom: 8%;
  }
}

/* @media screen and (min-width: 0px) and (max-width:1540px) {
.peopleImageSlider .slick-arrow, .animatenext {
  top: 35.1vw;
}
} */
@media screen and (min-width: 0px) and (max-width:1440px) {
.peopleImageSlider .slick-arrow, .animatenext {
    bottom: 18.6vw;
}
}
/* css hack for mozilla */
@-moz-document url-prefix() {
  @media screen and (min-width: 0px) and (max-width:1440px) {
  .peopleImageSlider .slick-arrow, .animatenext {
    bottom: 18.8vw;
  }
}
}

@media screen and (min-width: 0px) and (max-width:1400px) {
  /* .peopleImageSlider .slick-arrow, .animatenext {
    top: 35.6vw;
  } */
  .introText > .container h2
  {
    max-width: 950px;
  }
  .animateMe.bird {
    right: -35%;
  }
  .HeroBanner {
    margin-top: calc(-50% - 100px);
  }

  .ImageAnimatedText>div {
    width: 35px;
    height: 35px;
  }

  .csslider>.arrows label, .slick-arrow, .animatenext {
    width: 40px;
    height: 40px;
  }
  .peopleImageSlider .slick-arrow, .animatenext {
      bottom: 18.6vw;
  }
  .csslider>.arrows {
    bottom: 35px;
  }

  .galleryslider .galleryImage .caption {
    bottom: 0px;
  }

  .slick-arrow {
    bottom: 20px;
  }


  .slick-next.slick-arrow, .slick-prev.slick-arrow, .animatenext {
    background-size: 60%;
  }

  h1, .insideWrapper h1 {
    font-size: 60px;
    line-height: 62px;
    letter-spacing: -3.48px;
  }

  h2 {
    font-size: 40px;
    line-height: 45px;
    letter-spacing: -2px;
  }

  .contactWrapper .partnerLogo img {
    height: 60px;
  }


  #error-404-img {
    max-width: 400px;
  }

  .HeroBanner .logo img {
    width: 180px;
  }
  .bottompageContent .contentBlock
  {
    margin-top: 130px;
  }
  .contactWrapper::before, .bottompageContent::before,.constructionWrapper::before {
    height: 120px;
  }

  .DownloadCol {
    margin-right: 0px;
    max-width: 350px;
  }

  .statBlock .statText .statImg {
      max-width: 150px;
      max-height: 80px;
    }

    .statBlock .statText{
      font-size: 16px;
      line-height: 21px;
      padding: 20px;
    }
}

@-moz-document url-prefix() {
  @media screen and (min-width: 0px) and (max-width:1400px) {
  .peopleImageSlider .slick-arrow, .animatenext {
    bottom: 18.8vw;
  }
}
}

@media screen and (min-width: 0px) and (max-width:1280px) {
.peopleImageSlider .slick-arrow, .animatenext {
  bottom: 18.8vw;
}
}
@media screen and (min-width: 0px) and (max-width:1279px) {


  .insideWrapper, .bottompageContent .contentBlock {
    width: 100%;
    max-width: 100%;
    margin: 90px auto 0px auto;
  }

  .insideWrapper {
    min-height: auto;
    height: auto;
  }

}
@media screen and (min-width: 0px) and (max-width:1200px) {
  .HeroBanner {
    height: 100%;
    min-height: 750px;
    /* margin: 0px; */
  }

  /* .HeroBanner .logo {
    position: absolute;
      margin: 0 auto;
      display: block;

  } */
  .HeroBanner .logo img {
    position: relative;
    /* width: 100%; */
  }

  /* .scrollTop
  {
    display: none;
  } */
  .nextScroll {
    height: 70px;
    margin-top: -110px;
  }
  .introText {

      padding: 180px 13%;
  }
  .introText > .container h2
  {max-width: 950px;}
  .animateMe.bird {
  right: -35%;
}
  .introText > .container h2 {
      font-size: 36px;
      line-height: 41px;
      letter-spacing: -1px;
      margin: 30px auto;
  }
  .introText > .container h6 {
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -0.8px;
  }
  .MainInfo {
    left: 50px;
    bottom: 100px;
  }

  .logoHolder {
    height: 60px;
    margin-bottom: 20px;
  }

  .peopleImageSlider .partnerLogo {
    font-size: 11px;
    line-height: 14px;
    letter-spacing: -0.1px;
    bottom: 5%;
    right: 0px;
    width: 32%;
  }
}

@media all and (device-width: 1024px) and (device-height: 1366px) and (orientation:portrait) {}

@media screen and (min-width: 0px) and (max-width:1024px) {
  body:not(.lc_mousedrag_is_mobile) .panImgText {
    /* width: fit-content;
    height: fit-content; */
    position: relative;
    overflow: hidden;
  }

  body:not(.lc_mousedrag_is_mobile) #HeroImg {
    overflow: auto;
  }
}

@media screen and (min-width: 0px) and (max-width:912px) {
  .statBlock .imageBlock .caption
  {         font-size: 5vw;
        line-height: 5vw;
        letter-spacing: -0.1vw;
        bottom: 25px;
  }
  .textPannel h3{
      font-size: 40px;
      line-height: 44px;
    }

  .introText {
    padding: 120px 15%;
}
  .statsGridWrap > div.statBlock:nth-child(1), .statsGridWrap > div.statBlock:nth-child(2) {
      width: 100%;
  }
  .statBlock .statText{
    height: 37vw;
  }

  .statsGridWrap > div.statBlock:nth-child(1){
    align-items: flex-start;
            flex-direction: row-reverse;
  }
.statsGridWrap > div.statBlock:nth-child(2){
  flex-direction: row;
}
.statsGridWrap > div.statBlock:nth-child(3) {
    width: 100%;
            flex-direction: row-reverse;
  }
  .statsGridWrap > div.statBlock:nth-child(5) {
    width: 100%;
    margin-top: 0vw;
}
.statsGridWrap > div.statBlock:nth-child(3) .imageBlock {
    padding-top: 50%;
    width: 65%;
}
.statsGridWrap > div.statBlock:nth-child(3) .statText {
    width: 35%;
    height: 50vw;
}
.statsGridWrap > div.statBlock:nth-child(4) .imageBlock {
    width: 100%;
    padding-top: 75%;
}
.statsGridWrap > div.statBlock:nth-child(4)
{
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
}
.statsGridWrap > div.statBlock:nth-child(4)::before
{
  width: 20%;
}
.statsGridWrap > div.statBlock:nth-child(5)::before
{
  width: 25%;
    height: 30%;
    right: auto;
    left: 25%;
    opacity: 1;
}
.statsGridWrap > div.statBlock:nth-child(5).animateMe::before{
    animation: blueFlyres 1.5s forwards ease;
  }

@keyframes blueFlyres {
  0% {
    opacity: 0;
    top: 0%;
    right: auto;
    left: -25%;
  }

  100% {
    opacity: 1;
    top: 40%;
    left: 18%;
    right: auto;
  }
}
.statsGridWrap > div.statBlock:nth-child(5)
{
          flex-direction: row-reverse;
}
.statsGridWrap > div.statBlock:nth-child(5) .imageBlock {
    width: 65%;
    padding-top: 70%;
}
.statsGridWrap > div.statBlock:nth-child(5) .statText {
    width: 35%;
    position: relative;
}

.statsGridWrap > div.statBlock:nth-child(5)::after
{
  width: 35%;
  height: 35vw;
  display: none;
}

@keyframes blueFly {
  0% {
    opacity: 0;
    top: 0%;
    right: 50%;
  }

  100% {
    opacity: 1;
    top: 75%;
    right: -15%;
  }
}
  @media all and (orientation: landscape) {

    /* .peopleImageSlider .slick-arrow, .animatenext {
        top: 62%;
    } */

    .constructionWrapper .insideWrapper
    {
      min-height: auto;
    }
    .HeroBanner {
      /* height: 100%; */
      margin: 0px;
    }

    .HeroBanner .logo {
      position: absolute;
      margin: 0 auto;
      display: block;
    }

    .HeroBanner .logo img {
      position: relative;
      /* width: 100%; */
    }

    .scrollTop {
      display: none;
    }

    .MainInfo h1 span {
      margin-top: 30px;
    }

    .ImageAnimatedText>div {
      height: 29px;
      width: 29px;
    }

    .MainInfo {
      width: 35%;
    }

    .MainInfo h1 {
      font-size: 2.7vw;
      line-height: 3vw;
      letter-spacing: -0.08vw;
    }

    .ImageAnimatedText>div span.infoText {
      font-size: 16px;
      line-height: 20px;
      letter-spacing: -0.32px;
      left: 35px;
    }

    .ImageAnimatedText>div.label3 span.infoText,
    .ImageAnimatedText>div.label6 span.infoText {
      left: auto;
      right: 35px;
    }

    .MainInfo {
      left: 30px;
      bottom: 60px;
    }

    .HeroBanner .logo {
      left: 30px;
      top: 20px;
    }

    .panoromaInfoImage {
      height: auto;
    }

    .panoromaInfoImage img {
      width: auto;
      height: auto;
      min-height: inherit;
    }

    .scrollTop {
      width: 40px;
      height: 50px;
    }

    .nextScroll {
      height: 50px;
      margin-top: -120px;
    }

    .nextScroll img {
      top: 5px;
    }

    .HeroBanner .logo img {
      width: 120px;
    }

    .logo img, header.gescout-sticky .logo, .showconstruction header .logo {
      width: 60px;
      height: 55px;
    }

    .home.showGallery header .logo, .home.showcontact header .logo, .HeroBanner .logo,
    .home.pageinfoOpen header .logo {
      left: 20px;
      top: 15px;
      width: 60px;
      height: 55px;
    }

header .logo {
    left: 20px;
    top: 15px;
  }
    .contactWrapper::before, .bottompageContent::before, .constructionWrapper::before  {
      height: 90px;
    }

    /* .footerlogo {
    margin: 0 auto 30px auto;
    width: 175px;
    position: relative;
    left: 0;
    top: 0;
    display: block;
} */
    footer {
      padding: 30px;
    }

    .footerLinks {
      padding: 30px;
    }

    .DownloadCol {
      margin-right: 0px;
      max-width: 100% !important;
      text-align: left;
      padding: 30px;
    }

    .copyright {
      margin-bottom: 0px;
    }

    .leftCol {
      padding: 0px 30px 0px 0px !important;
    }
  }
}

@media screen and (min-width: 0px) and (max-width:821px) {
  @media all and (orientation: portrait) {

    /* body.lc_mousedrag_is_mobile .panImgText {
      width: 100%;
    } */
    .MainInfo:not(.ForMobile), .nextScroll, .scrollTop {
      display: none
    }
.buildingSlider
{
  padding-bottom: 0px;
}
    .HeroBanner, body:not(.lc_mousedrag_is_mobile) .HeroBanner {
      height: 100vh;
      margin: 0px;
      z-index: 3;
    }
    .peopleImageSlider
    {
      /* margin-top: -40px; */
      margin-top: 0px;
    }

    .panoromaInfoImage, body.lc_mousedrag_is_mobile .panoromaInfoImage {
      height: 70vh;
      min-height: 70vh;
      overflow: hidden;
    }

    .panoromaInfoImage .imagePlace, .panoromaInfoImage img {
      min-height: 68vh;
    }

    .panoromaInfoImage img {
      height: 68vh;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: 1s -webkit-transform cubic-bezier(.4, 0, .2, 1);
      transition: 1s -webkit-transform cubic-bezier(.4, 0, .2, 1);
      -o-transition: 1s transform cubic-bezier(.4, 0, .2, 1);
      transition: 1s transform cubic-bezier(.4, 0, .2, 1);
      transition: 1s transform cubic-bezier(.4, 0, .2, 1), 1s -webkit-transform cubic-bezier(.4, 0, .2, 1);
    }

    .zoomreset .panoromaInfoImage img {
      -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
      transform: scale(1.3);
      height: 70vh;
    }

    .ImageAnimatedText>div {
      height: 29px;
      width: 29px;
    }

    .ImageAnimatedText>div span.infoText {
      font-size: 18px;
      line-height: 18px;
      letter-spacing: -0.03vw;

    }

    .MainInfo.ForMobile {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      left: 0px;
      bottom: 40px;
      padding: 35px 25px;
      height: 27vh;
      width: 100%;
      background-color: var(--Lavender);
      transition: none !important;
      opacity: 1;
      text-align: center;
    }

    .MainInfo h1 {
      font-size: 2.88vh;
      line-height: 3.25vh;
      /* font-size: 23px;
  line-height: 25px; */
      letter-spacing: -1.15px;
    }

    .MainInfo h1 span {
      margin-top: 15px;
    }

    /* header {
    z-index: 5;
  } */
    .ImageAnimatedText>div.label3 span.infoText,
    .ImageAnimatedText>div.label6 span.infoText {
      left: auto;
      right: 35px;
    }

    .HeroBanner .logo {
      position: absolute;
      margin: 0 auto;
      left: 30px;
      display: block;
      transform: translateX(0%);
      width: 115px;
      height: 60px;
    }
    .home.showGallery header .logo, .logo, .home.showGallery header .logo,
    .home.showcontact header .logo, .home.pageinfoOpen header .logo,
    header.gescout-sticky .logo, .showconstruction header .logo{
      width: 60px;
      height: 55px;
      left: 20px;
    }

    .HeroBanner .logo img, .logo img {
      width: 100%;
    }

    .HeroBanner .logo img {
      position: relative;
      width: 100%;
    }

    .HeroBanner .imageovelay {
      display: none;
      width: 100%;
      height: 75vh;
      position: absolute;
      z-index: 7;
      left: 0px;
      top: 0px;
      background-image: url('../images/arrow-hand-LRTB.svg');
      background-size: 120px;
      background-position: center;
      background-repeat: no-repeat;
      opacity: 0.6;
    }

    .Close {
      right: 30px;
    }

    footer {
      padding: 30px 50px 70px 50px;
    }

    .footerLinks {
      padding: 30px 50px 70px 50px;
    }
  }

  /* .footerlogo img{
    width: 100%;
  } */
  .galleryWrapper {
    overflow: auto;
    padding-top: 0px;
  }

  .galleryWrapper .galleryslider, .galleryslider .galleryImage {
    height: auto;
    position: relative;
  }

  .galleryslider .galleryImage .caption {
    position: relative;
    width: 100%;
    bottom: 0;
    background-color: #827D75;
    padding: 10px 30px;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.35px;
  }

  .galleryslider .galleryImage::before {
    display: none;
  }

  .footerLinks {
    background-color: #CCC8BF;
  }

  .footerLinks .footerlogo, .footerLinks .DownloadCol, .footerLinks .footerMenu,
  .footerLinks .leftCol, .galleryWrapper .footerLinks {
    display: block;
  }

  /* .footerlogo {
    margin: 0 auto 0px auto;
    width: 175px;
    position: relative;
    left: 0;
    top: 0;
    display: block;
} */
  .DownloadCol {
    margin-right: 0px;
    max-width: 100%;
    text-align: left;
    padding: 30px;
  }

  .footerLinks {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }

  h3, .DownloadCol h3 {
    font-size: 23px;
    line-height: 28px;
    letter-spacing: -0.57px;
  }

  .DownloadCol ul {
    margin: 0px auto;
    display: block;
  }

  /* .leftCol {
  width: 100%;
    padding: 30px 30px 65px 30px;
    text-transform: uppercase;
} */
  ul.footerMenu, .footerLinks .footerMenu {
    margin: 0px 0px 10px 0px;
  }

  footer, .footerLinks {
    font-size: 14px;
  }
}

@media screen and (min-width: 1025px) {
  .zoomreset .panoromaInfoImage img {
    width: 100%;
  }

  .panoromaInfoImage img {
    width: 100%;
    height: auto;
    min-height: inherit;
  }
}

@media all and (device-width: 1024px) and (device-height: 1366px) and (orientation:portrait),
all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait),
all and (device-width: 820px) and (device-height: 1180px) and (orientation:portrait),
all and (device-width: 834px) and (device-height: 1194px) and (orientation:portrait),
all and (device-width: 810px) and (device-height: 1080px) and (orientation:portrait) {
  .insideWrapper {
    min-height: 60vh;
  }
  /* .peopleImageSlider .slick-arrow, .animatenext {
    top: 35vw;
} */
}

@media all and (device-width: 1366px) and (device-height: 1024px) and (orientation:landscape),
all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape),
all and (device-width: 1180px) and (device-height: 820px) and (orientation:landscape),
all and (device-width: 1194px) and (device-height: 834px) and (orientation:landscape),
all and (device-width: 1080px) and (device-height: 810px) and (orientation:landscape) {
  h1, .insideWrapper h1 {
    font-size: 50px;
    line-height: 55px;
    letter-spacing: -3.48px;
  }

  .HeroBanner {
    height: 100%;
    /* margin: 0px; */
  }

  .HeroBanner .logo img {
    position: relative;
    /* width: 100%; */
  }

  .insideWrapper {
    min-height: 50vw;
  }

  .nextScroll {
    height: 70px;
    margin-top: -90px;
  }

  .MainInfo {
    left: 50px;
    bottom: 100px;
  }
}

@media screen and (min-width: 0px) and (max-width:767px) {
  /* .statBlock .imageBlock .caption {
          font-size: 26px;
          line-height: 28px;
          letter-spacing: -1px;
          bottom: 20px;
      } */
      .introText {
    padding: 80px 30px 180px 30px;
}
.leaf {

width: 45vw;
padding-top: 30%;
}
.bird {
display: none;
}
      .FixButton{
        display: none;
      }
      header.gescout-sticky .FixButton{
          display: flex;
        }
  .textPannel
  {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.5px;
        padding: 40px 20px;
          font-family: 'euclid_circular_aregular';
  }
  .textPannel h3, .videoText h4, .introText > .container h2 {
        font-size: 30px;
        line-height: 36px;
        letter-spacing: -0.5px;
    }
    .videoText
    {
      font-size: 20px;
      line-height: 24px;
      letter-spacing: -0.5px;
    }

    .playVideo {height: 70px;
    width: 70px;}
  body {
    font-size: 18px;
    line-height: 23px;
  }
  .MainInfo h1 span
  {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -1px;
  }
  .peopleImageSlider.MobileSlider {
    display: block;
    /* margin-top: -40px; */
    margin-top: 0px;
  }

  .peopleImageSlider.DesktopSlider {
    display: none;
  }

  .partnerLogo.responsivelogo {
    font-size: 10px;
    line-height: 13px;
    letter-spacing: -0.1px;
  }

  #slide1-responsive-smalltext, #slide1-responsive-bigtext,
  #slide2-responsive-smalltext, #slide2-responsive-bigtext,
  #slide3-responsive-smalltext, #slide3-responsive-bigtext,
#cycleman-mobile, #pattern-slide1-mobile, #yoga-lady-mobile,
#pattern-slide2-mobile,#girl, #clip-path-6-slide3-mobile
  {
    opacity: 0;
    -webkit-transition: opacity .8s cubic-bezier(.16, .84, .44, 1);
    -moz-transition: opacity .8s cubic-bezier(.16, .84, .44, 1);
    -o-transition: opacity .8s cubic-bezier(.16, .84, .44, 1);
    transition: opacity .8s cubic-bezier(.16, .84, .44, 1);
    transition-timing-function: cubic-bezier(0.16, 0.84, 0.44, 1);
  }

  .animateMeinfo .slick-active .slide1animate #slide1-responsive-smalltext,
  .animateMeinfo .slick-active .slide1animate #slide1-responsive-bigtext,
  .animateMeinfo .slick-active .slide2animate #slide2-responsive-smalltext,
  .animateMeinfo .slick-active .slide2animate #slide2-responsive-bigtext,
  .animateMeinfo .slick-active .slide3animate #slide3-responsive-smalltext,
  .animateMeinfo .slick-active .slide3animate #slide3-responsive-bigtext,
  .animateMeinfo .slick-active .slide1animate #cycleman-mobile,
  .animateMeinfo .slick-active .slide1animate #pattern-slide1-mobile,
  .animateMeinfo .slick-active .slide2animate #yoga-lady-mobile,
  .animateMeinfo .slick-active .slide2animate #pattern-slide2-mobile,
  .animateMeinfo .slick-active .slide3animate #girl,
  .animateMeinfo .slick-active .slide3animate #clip-path-6-slide3-mobile {
    opacity: 1;
      transition-delay: 1.4s;
  }


.animateMeinfo .slick-active .slide1animate #gradientimgmob,
.animateMeinfo .slick-active .slide2animate #gradientimgmob,
.animateMeinfo .slick-active .slide3animate #gradientimgmob {
    animation: gradientanimatemobile 1.2s forwards cubic-bezier(.16, .84, .44, 1);
    animation-delay: 1s;
  }

  @keyframes gradientanimatemobile {
    0% {
      transform: translate(0px, 0px);
    }

    50% {
      transform: translate(-110px, 50px);
    }

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


#cycle-patch1-mobile rect#cycle-patch1-path-mobile, #cycle-patch2-mobile rect#cycle-patch2-path-mobile,
#cycle-patch3-mobile rect#cycle-patch3-path-mobile,
#yoga-patch1-mobile rect#yoga-patch1-path-mobile, #yoga-patch2-mobile rect#yoga-patch2-path-mobile,
#girl-patch1-mobile rect#girl-patch1-path-mob, #girl-patch2-mobile rect#girl-patch2-path-mob,
#girl-patch3-mobile rect#girl-patch3-path-mob, #girl-patch4-mobile rect#girl-patch4-path-mob
  {
    opacity: 0;
    -webkit-transition: opacity .6s cubic-bezier(.16, .84, .44, 1), transform .6s cubic-bezier(.16, .84, .44, 1);
    -moz-transition: opacity .6s cubic-bezier(.16, .84, .44, 1), transform .6s cubic-bezier(.16, .84, .44, 1);
    -o-transition: opacity .6s cubic-bezier(.16, .84, .44, 1), transform .6s cubic-bezier(.16, .84, .44, 1);
    transition: opacity .6s cubic-bezier(.16, .84, .44, 1), transform .6s cubic-bezier(.16, .84, .44, 1);
    transition-timing-function: cubic-bezier(0.16, 0.84, 0.44, 1);
  }

#cycle-patch1-mobile rect#cycle-patch1-path-mobile {
    transform: translate(490px, 347px);
  }

  .animateMeinfo .slick-active .slide1animate #cycle-patch1-mobile rect#cycle-patch1-path-mobile {
    opacity: 1;
    transform: translate(155.547px, 347px);
    transition-delay: 1s;
  }

  #cycle-patch2-mobile rect#cycle-patch2-path-mobile {
      transform: translate(0px, 730px);
    }

    .animateMeinfo .slick-active .slide1animate #cycle-patch2-mobile rect#cycle-patch2-path-mobile {
      opacity: 1;
      transform: translate(0px, 542px);
      transition-delay: 1s;
    }

    #cycle-patch3-mobile rect#cycle-patch3-path-mobile {
        transform: translate(-170px, 730px);
      }

      .animateMeinfo .slick-active .slide1animate #cycle-patch3-mobile rect#cycle-patch3-path-mobile {
        opacity: 1;
        transform: translate(155px, 730px);
        transition-delay: 1s;
      }

/* slide 1 end */
  #yoga-patch1-mobile rect#yoga-patch1-path-mobile{
      transform: translate(157px, 750px);
    }
    .animateMeinfo .slick-active .slide2animate #yoga-patch1-mobile rect#yoga-patch1-path-mobile{
      opacity: 1;
        transform: translate(157px, 552px);
        transition-delay: 1s;
      }

  #yoga-patch2-mobile rect#yoga-patch2-path-mobile  {
      transform: translate(-160px, 750px);
    }
    .animateMeinfo .slick-active .slide2animate #yoga-patch2-mobile rect#yoga-patch2-path-mobile{
      opacity: 1;
        transform: translate(0px, 750px);
        transition-delay: 1s;
      }

      /* slide 2 end */

      #girl-patch1-mobile rect#girl-patch1-path-mob
      { transform: translate(144px, 72px); opacity: 0;
        }
        .animateMeinfo .slick-active .slide3animate #girl-patch1-mobile rect#girl-patch1-path-mob
        { opacity: 1;
          transform: translate(144px, 72px);
          transition-delay: 1s;
          }

      #girl-patch2-mobile rect#girl-patch2-path-mob
      {
          transform: translate(298px, -10px);
        }
        .animateMeinfo .slick-active .slide3animate #girl-patch2-mobile rect#girl-patch2-path-mob
        { opacity: 1;
          transform: translate(298px, 188px);
          transition-delay: 1s;
          }

      #girl-patch3-mobile rect#girl-patch3-path-mob
      {
          transform: translate(300px, 384px);
        }
        .animateMeinfo .slick-active .slide3animate #girl-patch3-mobile rect#girl-patch3-path-mob
        { opacity: 1;
          transform: translate(144px, 384px);
          transition-delay: 1s;
          }

      #girl-patch4-mobile rect#girl-patch4-path-mob
      {
          transform: translate(300px, 765px);
        }
      .animateMeinfo .slick-active .slide3animate #girl-patch4-mobile rect#girl-patch4-path-mob
        { opacity: 1;
          transform: translate(300px, 574px);
          transition-delay: 1s;
          }

  .insideWrapper {
    min-height: inherit;
  }

  .contactWrapper .partnerLogo {
    height: 65px
  }

  .contactWrapper .partnerLogo img {
    height: 45px;
  }

  .logoHolder {
    height: 50px;
    margin-bottom: 10px;
  }

  /* .csslider {
    margin-top: -13vw;
  } */

  .csslider>.arrows {
    bottom: 30px
  }

  .csslider>.arrows label {
    width: 40px;
    height: 40px;
  }

  .csslider.infinity>input:last-of-type:checked~.arrows label.goto-first,
  .csslider>input:nth-of-type(1):checked~.arrows>label:nth-of-type(2),
  .csslider>input:nth-of-type(2):checked~.arrows>label:nth-of-type(3),
  .csslider>input:nth-of-type(3):checked~.arrows>label:nth-of-type(4) {
    right: 20px;
  }

  .csslider.infinity>input:first-of-type:checked~.arrows label.goto-last,
  .csslider>input:nth-of-type(1):checked~.arrows>label:nth-of-type(0),
  .csslider>input:nth-of-type(2):checked~.arrows>label:nth-of-type(1),
  .csslider>input:nth-of-type(3):checked~.arrows>label:nth-of-type(2),
  .csslider>input:nth-of-type(4):checked~.arrows>label:nth-of-type(3) {
    left: 20px;
  }

  .leftCol {
    padding-top: 90px;
  }

  .footerLinks .leftCol, .contactWrapper .leftCol {
    padding-top: 30px;
  }

  .insideWrapper, .bottompageContent .contentBlock {
    padding: 30px;
  }

  .contactWrapper .footerLinks, .bottompageContent .contentBlock .footerLinks {
    padding: 0px 30px 30px 30px;
  }

  .leftCol {
    padding: 30px;
  }

  .copyright {
    margin-bottom: 0px;
  }

  .DownloadCol ul {
    margin: 0px 0;
    display: block;
  }

  .DownloadCol ul li {
    padding: 10px 0px;
  }

  .footertopscroll {
    top: auto;
    left: auto;
    transform: none;
    right: 0px;
    bottom: 30px;
  }

  .footerlogo {
    width: 175px;
  }

  .footerlogo img {
    width: 100%;
  }

  h1, .insideWrapper h1, .bottompageContent .contentBlock h1 {
    font-size: 50px;
    line-height: 55px;
  }

  h3, .DownloadCol h3 {
    font-size: 23px;
    line-height: 28px;
    letter-spacing: -0.57px;
  }

  .insideWrapper h1 {
    border-bottom: 4px solid #fff;
  }

  .DownloadCol ul li a {
    font-size: 18px;
    line-height: 22px;
    left: -0.45px;
  }

  .DownloadCol {
    max-width: 50%;
  }

  .FixButton>div {
    letter-spacing: -0.37px;
    font-size: 16px;
    line-height: 20px;
  }

  .FixButton {
    right: 20px;
    top: 20px;
  }

  .home.showGallery header .logo {
    left: 30px;
    top: 20px;
  }

  .showcontact .FixButton, .showGallery .FixButton, .pageinfoOpen .FixButton {
    right: 15px;
  }



  .galleryslider .galleryImage .caption {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.35px;
    bottom: 0px;
  }

  .slick-arrow, .animatenext {
    width: 40px;
    height:40px;
  }


  .defaultContent {
    padding: 0px 30px;
  }

  @media all and (orientation: landscape) {
    .nextScroll img {
      top: 0px;
    }

    .bigtext {
    font-size: 5vw;
    line-height: 5vw;
    letter-spacing: -0.20vw;
  }
  .subtext {
    font-size: 2.3vw;
    line-height: 3vw;
    letter-spacing: -0.1vw;
  }
  .peopleImageSlider .slick-arrow, .animatenext {
      bottom: 78.9vw;
  }
  }

  @media all and (orientation: portrait) {

    .peopleImageSlider .slick-arrow, .animatenext {
        bottom: 78.9vw;
    }
    .mobilesvg {
      display: block;
      margin-top: 25vh;
    }

    .howeplayRow .mobilesvg {
      display: block;
      margin-top: 35vh;
    }

    .subtext {
      font-size: 16px !important;
      line-height: 19px !important;
      letter-spacing: -0.32px !important;
    }

    .bigtext {
      font-size: 38px !important;
      line-height: 34px !important;
      letter-spacing: -1.9px !important;
    }

    .midtext {
      font-size: 23px;
      line-height: 25px;
      letter-spacing: -1.15px;
      background-color: #8181D3;
      width: 100%;
      padding: 30px;
      text-align: center;
    }

    .midtext.ForMobile, .bgimgholder img.ForMobile {
      display: block;
    }

    .bgimgholder img.fordesktop {
      display: none;
    }

    .bgImg {
      bottom: 0;
    }

    .MainInfo:not(.ForMobile), .nextScroll, .scrollTop, .desktopsvg {
      display: none
    }

    .HeroBanner {
      height: 97vh;
      margin: 0px;
    }

    .panoromaInfoImage, body.lc_mousedrag_is_mobile .panoromaInfoImage {
      height: 75vh;
      min-height: 75vh;
      overflow: hidden;
    }

    .buildingSlider .swiper-pagination{
      bottom: 0px !important
    }
    .panImgText  {
    width: 100%;
    height: 100%;
  }
  .buildingSlider
  {padding-bottom: 0px;}
    .panoromaInfoImage .imagePlace, .panoromaInfoImage img {
      min-height: 70vh;
      object-fit: cover;
      object-position: center;
    }

    .panoromaInfoImage img {
      height: 68vh;
      width: 100%;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: 1s -webkit-transform cubic-bezier(.4, 0, .2, 1);
      transition: 1s -webkit-transform cubic-bezier(.4, 0, .2, 1);
      -o-transition: 1s transform cubic-bezier(.4, 0, .2, 1);
      transition: 1s transform cubic-bezier(.4, 0, .2, 1);
      transition: 1s transform cubic-bezier(.4, 0, .2, 1), 1s -webkit-transform cubic-bezier(.4, 0, .2, 1);
    }

    .zoomreset .panoromaInfoImage img {
      -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
      transform: scale(1.3);
      height: 70vh;
      margin-bottom: 0px;
    }

    .ImageAnimatedText>div {
      height: 29px;
      width: 29px;
    }

    .ImageAnimatedText>div span.infoText {
      font-size: 12px;
      line-height: 14px;
      letter-spacing: -0.02vw;
      left: 30px;
      top: 30px;
      padding: 10px;

    }

    .MainInfo.ForMobile {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      left: 0px;
      bottom: 40px;
      padding: 55px 25px 30px 25px;
      height: 30vh;
      width: 100%;
      background-color: var(--Lavender);
      transition: none !important;
      opacity: 1;
      text-align: center;
    }

    .MainInfo h1 {
      font-size: 2.88vh;
      line-height: 3.25vh;
      /* font-size: 23px;
    line-height: 25px; */
      letter-spacing: -1.15px;
    }

    .MainInfo h1 span {
      margin-top: 15px;
    }

    /* header {
      z-index: 5;
    } */
    .ImageAnimatedText>div.label3 span.infoText,
      .ImageAnimatedText>div.label5 span.infoText,
    .ImageAnimatedText>div.label6 span.infoText {
      left: auto;
      right: 30px;
      top: 30px;
    }

    .HeroBanner .logo {
      position: absolute;
      margin: 0 auto;
      left: 20px;
      top: 20px;
      display: block;
      transform: translateX(0%);
      width: 100px;
      height: 50px;
    }
    header.gescout-sticky, .showconstruction header{
          height: 65px;
    }
    .home.showGallery header .logo, .logo, .home.showGallery header .logo,
    .home.showcontact header .logo, .home.pageinfoOpen header .logo,
    header.gescout-sticky .logo, .showconstruction header .logo{
      width: 60px;
      height: 55px;
      left: 20px;
      height: 65px;
    }

    .HeroBanner .logo img, .logo img {
      width: 100%;
    }

    .Close {
      right: 20px;
    }

    .HeroBanner .logo img {
      position: relative;
      width: 100%;
    }


    .FixButton>div {
          font-size: 14px;
      line-height: 20px;
      letter-spacing: -0.25px;
    }
.textPannel.before
{
  background-color: #E4E2DE
}
    .partnerLogo.responsivelogo {
      position: relative;
      display: flex;
      justify-content: space-between;
      width: 100%;
      background-color: #fff;
      padding: 35px;
      bottom: 0;
      right: 0;
      color: var(--green);
      font-size: 14px;
      line-height: 19px;
      letter-spacing: -0.35px;
    }
    .partnerLogo.responsivelogo .logoBlock
    {padding: 10px; text-align: center;}

    .peopleSlide .partnerLogo {
      display: none;
    }

    .logoHolder {
      height: 100px;
    }

    .logoHolder img {
      filter: contrast(1%) sepia(01) hue-rotate(65deg) saturate(2);
    }

    .HeroBanner .imageovelay {
      display: none;
      width: 100%;
      height: 70vh;
      position: absolute;
      z-index: 7;
      left: 0px;
      top: 0px;
      background-image: url('../images/arrow-hand-LRTB.svg');
      background-size: 120px;
      background-position: center;
      background-repeat: no-repeat;
      opacity: 0.6;
    }

    .bgimgholder {
      bottom: 0px;
      height: 100%;
    }

    .csslider>.arrows {
      display: none;
    }

    .csslider::after {
      content: '';
      display: block;
      position: absolute;
      z-index: 2;
      left: 50%;
      margin-left: -52px;
      bottom: 10px;
      width: 105px;
      height: 35px;
      background-image: url('../images/arrow-hand-LR.svg');
      background-size: contain;
      background-repeat: no-repeat;
    }

    .csslider {
      margin: 0px 0px 50px 0px;
      overflow: visible;
    }

    .csslider>ul {
      padding-top: 65vh;
    }

    .csslider .panImage, .csslider .panImage .imagePlace, body.lc_mousedrag_is_mobile .panImage .imagePlace img {
      height: 65vh;
      min-height: inherit;
    }

    .DownloadCol {
      margin-right: 0px;
      max-width: 100%;
      text-align: left;
      padding: 35px 30px 30px 30px;
    }

    .DownloadCol h3 {
      margin-bottom: 20px;
    }

    .DownloadCol ul {
      margin: 0px auto;
    }

    .leftCol {
      padding: 30px;
      text-align: left;
      text-transform: uppercase;
    }

    .contactWrapper .leftCol {
      padding: 30px;
    }

    footer {
      padding: 50px 0px 50px 0px;
    }

    ul.footerMenu, .footerLinks .footerMenu {
      margin: 0px 0px 10px 0px
    }

    .copyright {
      margin-bottom: 0px;
    }

    footer>div, .footerLinks {
      display: block;
      text-align: center;
    }

    .footerlogo {
      margin: 0 auto 0px auto;
      width: 175px;
      position: relative;
      left: 0;
      top: 0;
      display: block;
    }

    .DownloadCol {
      max-width: 100%;
    }

    .insideWrapper .col_1_1 .col:nth-child(odd), .insideWrapper .col_1_1 .col:nth-child(even) {
      padding-left: 0px;
      padding-right: 0px;
      width: 100%;
      margin-bottom: 60px;
    }

    .insideWrapper .col_1_1 .col:last-child {
      margin-bottom: 30px;
    }

    .insideWrapper, .bottompageContent .contentBlock {
      margin: 100px auto 0px auto;
    }

    footer, .footerLinks {
      font-size: 14px;
    }

    .FixButton>div {
      font-family: 'euclid_circular_aregular';
    }

    .showGallery .galleryTab, .showcontact .contactTab {
      border-bottom: 0px;
      font-family: 'euclid_circular_aregular';
    }

    .contactWrapper .partnerLogo, .insideWrapper h1 {
      margin-bottom: 20px;
      padding-bottom: 20px;
    }

    .footerLinks {
      background-color: #CCC8BF;
      padding-top: 35px;
      padding-bottom: 50px;
      padding-left: 0px;
      padding-right: 0px;
    }

    .contactWrapper .footerLinks, .bottompageContent .contentBlock .footerLinks {
      padding: 35px 0px 50px 0px;
    }

    .footerLinks .footerlogo, .footerLinks .DownloadCol, .footerLinks .footerMenu,
    .footerLinks .leftCol, .galleryWrapper .footerLinks, .bottompageContent .contentBlock .footerLinks {
      display: block;
    }

    .galleryWrapper .footerLinks {
      padding: 35px 0px 0px 0px;
    }
  }
}

@media screen and (min-width: 0px) and (max-width:640px) {
  .peopleImageSlider .partnerLogo {
    font-size: 9px;
    line-height: 12px;
    letter-spacing: 0px;
  }

  .galleryWrapper {
    overflow: auto;
  }

  .galleryWrapper .galleryslider, .galleryslider .galleryImage {
    height: auto;
    position: relative;
  }

  .galleryslider .galleryImage .caption {
    position: relative;
    width: 100%;
    bottom: 0;
    background-color: #827D75;
    padding: 10px 30px;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.35px;
  }

  .galleryslider .galleryImage::before {
    display: none;
  }

  .contactWrapper, .contactWrapper::before, .bottompageContent::before, .bottompageContent, .page-template-default {
    background-color: var(--Lavender);
  }

  .showGallery header {
    height: 90px;
    background-color: #827D75;
  }

  .showcontact header, .pageinfoOpen header, .page-template-default header,
  .showcontact header.gescout-sticky{
    height: 90px;
    background-color: var(--Lavender) !important;
  }

  .showcontact header.gescout-sticky .logo, .pageinfoOpen header.gescout-sticky .logo{
    background: url('../images/logo-white-icon.svg');
    background-repeat: no-repeat;
    background-size: contain;
  }

  .contactWrapper::before, .bottompageContent::before,.constructionWrapper::before  {
    display: none;
  }

  .showGallery header::after, .showcontact header::after, .pageinfoOpen header::after,
  .page-template-default header::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 20px;
    left: 0px;
    width: 100%;
    height: 2px;
    background-color: #fff;
  }

  .galleryWrapper {
    height: calc(100% - 155px);
    /* top: 120px; */
  }

  .home.showGallery header .logo, .home.showcontact header .logo, .home.pageinfoOpen header .logo,
  .page-template-default header .logo {
    top: 7px;
  }

  h1, .insideWrapper h1, .bottompageContent .contentBlock h1 {
    font-size: 40px;
    line-height: 45px;
  }

  h2 {
    font-size: 30px;
    line-height: 35px;
  }

  .pagenotfound h2 {
    font-size: 26px;
    line-height: 32px;
  }

  h4 {
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.32px;
  }

  h5 {
    font-size: 20px;
    line-height: 25px;
  }

  h6 {
    font-size: 16px;
    line-height: 20px;
  }

  @media all and (orientation: landscape) {
    .galleryWrapper {
      height: calc(100% - 120px);
    }
  }
}

@media screen and (min-width: 0px) and (max-width:550px) {
.statBlock .statText .statImg {
        max-width: 100px;
        max-height: 50px;
        margin-bottom: 10px
    }
    .statBlock .statText {
    font-size: 12px;
    line-height: 14px;
    padding: 10px;
}
.statBlock .imageBlock .caption
{
  font-size: 21px;
  line-height: 21px;
  bottom: 15px;

}
  }
@media screen and (min-width: 0px) and (max-width:480px) {
  .cky-consent-container.cky-box-bottom-right {
    bottom: 0px;
    right: 0px;
  }

  .partnerLogo.responsivelogo {
    display: block;
    font-size: 9px;
    line-height: 12px;
    letter-spacing: 0px;
  }

.partnerLogo.responsivelogo br {
    display: none
  }

.partnerLogo.responsivelogo .logoBlock {
    width: 100%;
    margin: 0 auto 0px auto;
  }

.partnerLogo.responsivelogo .logoBlock:not(:last-child) {
    margin: 0 auto 30px auto;
  }

  .logoHolder {
    height: 100px;
  }
}