@import '../css/fonts/fonts.css';

html {
  position: relative;
  height: 100%;
  margin: 0;
  font-family: "Archivo", sans-serif;
}

b, h3 {
  color: #052f3f;
}

@media screen and (min-width: 2560px) {
  html {
    font-size: 15px;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  html {
    font-size: 15px;
  }
}
@media screen and (min-width: 1681px) and (max-width: 1919px) {
  html {
    font-size: 15px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
  html {
    font-size: 15px;
  }
}
@media screen and (min-width: 1366px) and (max-width: 1440px) {
  html {
    font-size: 15px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1365px) {
  html {
    font-size: 15px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1023px) {
  html {
    font-size: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  html {
    font-size: 12px;
  }
}
@media screen and (min-width: 441px) and (max-width: 767px) {
  html {
    font-size: 11px;
  }
}
@media screen and (min-width: 351px) and (max-width: 440px) {
  html {
    font-size: 9px;
  }
}
@media screen and (max-width: 350px) {
  html {
    font-size: 9px;
  }
}


#fp-nav {
  opacity: 0;
  pointer-events: none;
}

h1, h2, h3, h4, h5, h1 a, h2 a, h3 a, h4 a, h5 a {
  color: #052f3f;
  font-weight: 900;
  font-family: "Archivo", sans-serif;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
  text-decoration: none;
}

/* p {
  font-size: calc(1.2rem + 0.1vw);
  text-align: center;
  color: #052f3f;
  font-weight: 100;
  font-family: "Archivo", sans-serif;
} */

.center-elements {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80%;
}

.center-elements-vert {
  display: flex;
  align-items: center;
  height: 80%;
}

.containo {
  max-width: 1024px;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 992px) {
  .containo {
    padding-left: 5%;
  }
}
@media screen and (max-width: 991px) {
  .containo {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
  .containo {
    padding-left: 5%;
    padding-right: 5%;
  }
}
.containo.widecontain {
  width: 90vw;
  max-width: 1280px;
}

.fp-bg {
  /* Portrait and Landscape */
  /* Portrait */
  /* Landscape */
}
/* @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
  .fp-bg {
    padding-left: 10%;
    width: 90% !important;
  }
} */

#fullpage {
  height: 100%;
  position: relative;
  touch-action: none;
  transition: transform 1000ms ease 0s;
}

.fp-bg {
  top: 0;
  bottom: 0;
  width: 100%;
  position: absolute;
  z-index: -1;
  height: 100%;
}

.fp-bg {
  background-size: cover;
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/********************/
/*** ********** *****/
/********************/
.side_menu {
  position: fixed;
  display: flex;
  top: 0;
  background: #fff;
  transition: all 500ms ease;
  z-index: 999;
  height: 100%;
  top: 0;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.side_menu .holds_undermenu_buttons ul {
  margin: 0;
  padding: 0;
}
.side_menu .holds_undermenu_buttons ul li {
  list-style-type: none;
}
.side_menu .holds_undermenu_buttons ul li a {
  color: #052f3f;
  text-align: center;
  font-size: calc(0.9rem + 0.1vw);
  font-weight: 600;
  font-family: "Archivo", sans-serif;
}
.side_menu figure {
  text-align: center;
  position: absolute;
  top: 1rem;
  padding: 0;
  margin: 1.5rem;
}
.side_menu figure img {
  width: 95%;
  max-width: 100px;
}
@media screen and (min-width: 2560px) {
  .side_menu {
    left: 0;
    width: 8rem;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  .side_menu {
    left: 0;
    width: 8rem;
  }
}
@media screen and (min-width: 1681px) and (max-width: 1919px) {
  .side_menu {
    left: 0;
    width: 8rem;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
  .side_menu {
    left: 0;
    width: 8rem;
  }
}
@media screen and (min-width: 1366px) and (max-width: 1440px) {
  .side_menu {
    left: 0;
    width: 8rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .side_menu {
    left: 0;
    width: 8rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1023px) {
  .side_menu {
    left: 0;
    width: 8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .side_menu {
    left: -8rem;
    width: 8rem;
  }
}
@media screen and (min-width: 441px) and (max-width: 767px) {
  .side_menu {
    left: -8rem;
    width: 8rem;
  }
}
@media screen and (min-width: 351px) and (max-width: 440px) {
  .side_menu {
    left: -8rem;
    width: 8rem;
  }
}
@media screen and (max-width: 350px) {
  .side_menu {
    left: -8rem;
    width: 8rem;
  }
}
.side_menu ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 60vh;
  justify-content: space-between;
}
@media screen and (min-height: 1000px) {
  .side_menu ul {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}
@media screen and (min-height: 900px) and (max-height: 999px) {
  .side_menu ul {
    margin-top: 5rem;
    margin-bottom: 0rem;
  }
}
@media screen and (min-height: 800px) and (max-height: 899px) {
  .side_menu ul {
    margin-top: 5rem;
    margin-bottom: 0rem;
  }
}
@media screen and (min-height: 700px) and (max-height: 799px) {
  .side_menu ul {
    margin-top: 5rem;
    margin-bottom: 0rem;
  }
}
@media screen and (max-height: 699px) {
  .side_menu ul {
    margin-top: 5rem;
    margin-bottom: 0rem;
  }
}
.side_menu ul li.logincontact {
  position: relative;
  width: 100%;
  margin-bottom: 0.25rem;
}
.side_menu ul li.logincontact a {
  background: #052f3f;
  text-align: center;
  color: #fff;
  padding: 1rem;
  font-weight: 600;
  font-family: "Archivo", sans-serif;
  text-decoration: none;
  display: block;
}
.side_menu ul li {
  list-style-type: none;
  margin-bottom: 0;
}
/* @media screen and (min-height: 1000px) {
  .side_menu ul li {
    margin-bottom: 1rem;
  }
} */
/* @media screen and (min-height: 900px) and (max-height: 999px) {
  .side_menu ul li {
    margin-bottom: 1vh;
  }
}
@media screen and (min-height: 800px) and (max-height: 899px) {
  .side_menu ul li {
    margin-bottom: 1vh;
  }
}
@media screen and (min-height: 700px) and (max-height: 799px) {
  .side_menu ul li {
    margin-bottom: 1vh;
  }
}
@media screen and (max-height: 699px) {
  .side_menu ul li {
    margin-bottom: 1vh;
  }
} */
.side_menu ul li a {
  text-decoration: none;
  position: relative;
  display: inline-block;
}
.side_menu ul li a .tooltipper {
  position: absolute;
  pointer-events: none;
  top: -0.5rem;
  opacity: 0;
  background: #e5e5e5;
  padding: 0.75rem 2rem;
  min-width: 12rem;
  color: #052f3f;
  text-align: center;
  font-size: calc(0.9rem + 0.1vw);
  font-weight: 600;
  font-family: "Archivo", sans-serif;
}

.side_menu ul li:nth-child(odd) a .tooltipper {
    left: calc(100% + 1rem);
}

.side_menu ul li:nth-child(even) a .tooltipper {
    left: calc(100% + 1rem);
}

.menu-full.side_menu ul li a .tooltipper {
  cursor: pointer;
  pointer-events: auto;
}

.menu-full.side_menu ul li:nth-child(even) a .tooltipper {
    /*right: calc(100% + 1rem);*/
    left: -17rem;
}

.menu-full.side_menu ul li a:hover .tooltipper, .menu-full.side_menu ul li a .tooltipper:hover {
    font-weight: bold;
    border-bottom: 2px #052f3f solid;
}

.side_menu ul li:hover .tooltipper {
    opacity: 1;
}
.side_menu ul li a .innercircle {
  border: 3px solid #fcfcfa;
  background: #052f3f;
  height: 1rem;
  width: 1rem;
  border-radius: 50%;
  margin: 0.25rem;
  position: relative;
  z-index: 1;
}
.side_menu ul li a .innercircle:before {
  content: "";
  border-right: 1px dashed #052f3f;
  display: block;
  position: absolute;
  left: 50%;
  top: 130%;
  z-index: 3;
}
@media screen and (min-width: 2560px) {
  .side_menu ul li a .innercircle:before {
    height: 5rem;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  .side_menu ul li a .innercircle:before {
    height: 5rem;
  }
}
@media screen and (min-width: 1681px) and (max-width: 1919px) {
  .side_menu ul li a .innercircle:before {
    height: 5rem;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
  .side_menu ul li a .innercircle:before {
    height: 5rem;
  }
}
@media screen and (min-width: 1366px) and (max-width: 1440px) {
  .side_menu ul li a .innercircle:before {
    height: 4rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .side_menu ul li a .innercircle:before {
    height: 4rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1023px) {
  .side_menu ul li a .innercircle:before {
    height: 4rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .side_menu ul li a .innercircle:before {
    height: 3rem;
  }
}
@media screen and (min-width: 441px) and (max-width: 767px) {
  .side_menu ul li a .innercircle:before {
    height: 3rem;
  }
}
@media screen and (min-width: 351px) and (max-width: 440px) {
  .side_menu ul li a .innercircle:before {
    height: 3rem;
  }
}
@media screen and (max-width: 350px) {
  .side_menu ul li a .innercircle:before {
    height: 3rem;
  }
}
.side_menu ul li a .innercircle.activio {
  box-shadow: 0px 0px 0px 2px #052f3f;
  border: 3px solid #fcfcfa;
}
.side_menu ul li.lastone {
  margin-bottom: 2rem;
}
.side_menu ul li.lastone .innercircle:before {
  display: none;
}
.side_menu ul li.activia .innercircle {
  box-shadow: 0px 0px 0px 2px #052f3f;
  border: 3px solid #fcfcfa;
}
.side_menu.menublue {
  background: #052f3f;
  transition: all 500ms ease;
}
.side_menu.menublue figure img {
  filter: saturate(0) brightness(6) invert(0);
}
.side_menu.menublue .innercircle {
  border: 3px solid #fff;
  background: #fff;
}
.side_menu.menublue .innercircle:before {
  content: "";
  border-right: 1px dashed #fff;
}
.side_menu.menucream {
  background: #fff8f0;
  transition: all 500ms ease;
}
.side_menu.menubrown {
  background: #e2ddd6;
  transition: all 500ms ease;
}

/********************/
/*** ********** *****/
/********************/

.skyline-light {
    background: url(../../inc/assets/skyline.jpg);
    background-position: center top;
    overflow: hidden;
    background-size: cover;
}

.skyline-medium {
    background: linear-gradient(0deg, rgb(3 26 28 / 30%), rgb(4 42 61 / 30%)), url(../../inc/assets/skyline.jpg);
    background-position: center 50%;
    overflow: hidden;
}

.skyline-dark {
    background: linear-gradient(0deg, rgb(3 26 28 / 56%), rgb(4 42 61 / 56%)), url(../../inc/assets/skyline.jpg);
    background-position: center 0%;
    overflow: hidden;
}

#section1 .fp-bg {
    /*background: #fff8f0;*/
    z-index: 1;
    background-color: #fff;
    /*background-position: center 60%;*/
    /*overflow: hidden;*/
    /*background: linear-gradient(0deg, rgb(3 26 28 / 56%), rgb(4 42 61 / 56%)), url(../../inc/assets/skyline.png)*/
    /*background-image: url("../../inc/assets/skyline.png");*/
}
#section1 .building_zone {
  position: absolute;
}

#section1 p {
    color: #fff;
}

@media screen and (min-height: 1100px) {
    #section1 .building_zone {
    top: 20vh;
  }
}
@media screen and (min-height: 1000px) {
  #section1 .building_zone {
    top: 20vh;
  }
}
@media screen and (min-height: 900px) and (max-height: 999px) {
  #section1 .building_zone {
    top: 20vh;
  }
}
@media screen and (min-height: 800px) and (max-height: 899px) {
  #section1 .building_zone {
    top: 20vh;
  }
}
@media screen and (min-height: 700px) and (max-height: 799px) {
  #section1 .building_zone {
    top: 20vh;
  }
}
@media screen and (max-height: 699px) {
  #section1 .building_zone {
    top: 20vh;
  }
}

#section2 .fp-bg, #section3 .fp-bg {
  /*background: #fff8f0;*/
  z-index: 1;
}
#section2 .building_zone, #section3 .building_zone {
  position: absolute;
}
@media screen and (min-height: 1100px) {
  #section2 .building_zone, #section3 .building_zone {
    top: 12vh;
  }
}
@media screen and (min-height: 1000px) {
  #section2 .building_zone, #section3 .building_zone {
    top: 12vh;
  }
}
@media screen and (min-height: 900px) and (max-height: 999px) {
  #section2 .building_zone, #section3 .building_zone {
    top: 12vh;
  }
}
@media screen and (min-height: 800px) and (max-height: 899px) {
  #section2 .building_zone, #section3 .building_zone {
    top: 12vh;
  }
}
@media screen and (min-height: 700px) and (max-height: 799px) {
  #section2 .building_zone, #section3 .building_zone {
    top: 12vh;
  }
}
@media screen and (max-height: 699px) {
  #section2 .building_zone, #section3 .building_zone {
    top: 12vh;
  }
}
@media screen and (max-width: 991px) {
  #section2 .building_zone, #section3 .building_zone {
    top: 6vh !important;
  }
}

#section1 .fp-bg, #section2 .fp-bg, #section3 .fp-bg, #section4 .fp-bg {
  /********************/
  /*** ********** *****/
  /********************/
}
@media screen and (min-width: 2560px) {
  #section1 .fp-bg .building_zone, #section2 .fp-bg .building_zone, #section3 .fp-bg .building_zone, #section4 .fp-bg .building_zone {
    left: 0%;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  #section1 .fp-bg .building_zone, #section2 .fp-bg .building_zone, #section3 .fp-bg .building_zone, #section4 .fp-bg .building_zone {
    left: 0%;
  }
}
@media screen and (min-width: 1681px) and (max-width: 1919px) {
  #section1 .fp-bg .building_zone, #section2 .fp-bg .building_zone, #section3 .fp-bg .building_zone, #section4 .fp-bg .building_zone {
    left: 0%;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
  #section1 .fp-bg .building_zone, #section2 .fp-bg .building_zone, #section3 .fp-bg .building_zone, #section4 .fp-bg .building_zone {
    left: 0%;
  }
}
@media screen and (min-width: 1366px) and (max-width: 1440px) {
  #section1 .fp-bg .building_zone, #section2 .fp-bg .building_zone, #section3 .fp-bg .building_zone, #section4 .fp-bg .building_zone {
    left: 0%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1365px) {
  #section1 .fp-bg .building_zone, #section2 .fp-bg .building_zone, #section3 .fp-bg .building_zone, #section4 .fp-bg .building_zone {
    left: 0%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1023px) {
  #section1 .fp-bg .building_zone, #section2 .fp-bg .building_zone, #section3 .fp-bg .building_zone, #section4 .fp-bg .building_zone {
    left: 0%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  #section1 .fp-bg .building_zone, #section2 .fp-bg .building_zone, #section3 .fp-bg .building_zone, #section4 .fp-bg .building_zone {
    left: -5%;
    top: 35vh;
  }
}
@media screen and (min-width: 441px) and (max-width: 767px) {
  #section1 .fp-bg .building_zone, #section2 .fp-bg .building_zone, #section3 .fp-bg .building_zone, #section4 .fp-bg .building_zone {
    left: -5%;
    top: 35vh;
  }
}
@media screen and (min-width: 351px) and (max-width: 440px) {
  #section1 .fp-bg .building_zone, #section2 .fp-bg .building_zone, #section3 .fp-bg .building_zone, #section4 .fp-bg .building_zone {
    left: -5%;
    top: 35vh;
  }
}
@media screen and (max-width: 350px) {
  #section1 .fp-bg .building_zone, #section2 .fp-bg .building_zone, #section3 .fp-bg .building_zone, #section4 .fp-bg .building_zone {
    left: -5%;
    top: 35vh;
  }
}
#section1 .fp-bg .building_zone img.dummio, #section2 .fp-bg .building_zone img.dummio, #section3 .fp-bg .building_zone img.dummio, #section4 .fp-bg .building_zone img.dummio {
  opacity: 0;
  opacity: 0;
}
@media screen and (min-width: 2560px) {
  #section1 .fp-bg .building_zone img.dummio, #section2 .fp-bg .building_zone img.dummio, #section3 .fp-bg .building_zone img.dummio, #section4 .fp-bg .building_zone img.dummio {
    width: 60vw;
    max-width: 1200px;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  #section1 .fp-bg .building_zone img.dummio, #section2 .fp-bg .building_zone img.dummio, #section3 .fp-bg .building_zone img.dummio, #section4 .fp-bg .building_zone img.dummio {
    width: 60vw;
    max-width: 1200px;
  }
}
@media screen and (min-width: 1681px) and (max-width: 1919px) {
  #section1 .fp-bg .building_zone img.dummio, #section2 .fp-bg .building_zone img.dummio, #section3 .fp-bg .building_zone img.dummio, #section4 .fp-bg .building_zone img.dummio {
    width: 60vw;
    max-width: 1200px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
  #section1 .fp-bg .building_zone img.dummio, #section2 .fp-bg .building_zone img.dummio, #section3 .fp-bg .building_zone img.dummio, #section4 .fp-bg .building_zone img.dummio {
    width: 60vw;
    max-width: 1200px;
  }
}
@media screen and (min-width: 1366px) and (max-width: 1440px) {
  #section1 .fp-bg .building_zone img.dummio, #section2 .fp-bg .building_zone img.dummio, #section3 .fp-bg .building_zone img.dummio, #section4 .fp-bg .building_zone img.dummio {
    width: 60vw;
    max-width: 1200px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1365px) {
  #section1 .fp-bg .building_zone img.dummio, #section2 .fp-bg .building_zone img.dummio, #section3 .fp-bg .building_zone img.dummio, #section4 .fp-bg .building_zone img.dummio {
    width: 60vw;
    max-width: 1200px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1023px) {
  #section1 .fp-bg .building_zone img.dummio, #section2 .fp-bg .building_zone img.dummio, #section3 .fp-bg .building_zone img.dummio, #section4 .fp-bg .building_zone img.dummio {
    width: 80vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  #section1 .fp-bg .building_zone img.dummio, #section2 .fp-bg .building_zone img.dummio, #section3 .fp-bg .building_zone img.dummio, #section4 .fp-bg .building_zone img.dummio {
    width: 100vw;
  }
}
@media screen and (min-width: 441px) and (max-width: 767px) {
  #section1 .fp-bg .building_zone img.dummio, #section2 .fp-bg .building_zone img.dummio, #section3 .fp-bg .building_zone img.dummio, #section4 .fp-bg .building_zone img.dummio {
    width: 100vw;
  }
}
@media screen and (min-width: 351px) and (max-width: 440px) {
  #section1 .fp-bg .building_zone img.dummio, #section2 .fp-bg .building_zone img.dummio, #section3 .fp-bg .building_zone img.dummio, #section4 .fp-bg .building_zone img.dummio {
    width: 100vw;
  }
}
@media screen and (max-width: 350px) {
  #section1 .fp-bg .building_zone img.dummio, #section2 .fp-bg .building_zone img.dummio, #section3 .fp-bg .building_zone img.dummio, #section4 .fp-bg .building_zone img.dummio {
    width: 100vw;
  }
}
#section1 .fp-bg .clouds, #section2 .fp-bg .clouds, #section3 .fp-bg .clouds, #section4 .fp-bg .clouds, #section3awesome .clouds {
  position: absolute;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
}
#section1 .fp-bg .clouda, #section2 .fp-bg .clouda, #section3 .fp-bg .clouda, #section4 .fp-bg .clouda, #section3awesome .clouda {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../../inc/assets/cloud_a.png");
  animation-iteration-count: infinite;
  animation: lefttoright 60s infinite;
}

@media screen and (min-width: 1441px) {
  #section1 .fp-bg .clouda, #section2 .fp-bg .clouda, #section3 .fp-bg .clouda, #section4 .fp-bg .clouda, #section3awesome .clouda {
    width: 30rem;
    height: 10rem;
  }
}

@media screen and (min-width: 992) and (max-width: 1440px) {
  #section1 .fp-bg .clouda, #section2 .fp-bg .clouda, #section3 .fp-bg .clouda, #section4 .fp-bg .clouda, #section3awesome .clouda {
    width: 21rem;
    height: 7rem;
  }
}

@media screen and (max-width: 991px) {
  #section1 .fp-bg .clouda, #section2 .fp-bg .clouda, #section3 .fp-bg .clouda, #section4 .fp-bg .clouda, #section3awesome .clouda {
    width: 15rem;
    height: 5rem;
  }
}

@keyframes lefttoright {
  0% {
    opacity: 0;
    transform: translateX(-30vw);
  }
  5% {
    opacity: 1;
    transform: translateX(-15vw);
  }
  45% {
    opacity: 1;
    transform: translateX(120vw);
  }
  50% {
    opacity: 0;
    transform: translateX(110vw);
  }
  100% {
    opacity: 0;
    transform: translateX(-30vw);
  }
}
#section1 .fp-bg .cloudb, #section2 .fp-bg .cloudb, #section3 .fp-bg .cloudb, #section4 .fp-bg .cloudb, #section3awesome .cloudb {
  width: 30rem;
  height: 10rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../../inc/assets/cloud_b.png");
  animation-iteration-count: infinite;
  animation: lefttoright_b 50s infinite;
}
@keyframes lefttoright_b {
  0% {
    opacity: 0;
    transform: translateX(-30vw);
  }
  5% {
    opacity: 1;
    transform: translateX(-15vw);
  }
  45% {
    opacity: 1;
    transform: translateX(122vw);
  }
  50% {
    opacity: 0;
    transform: translateX(110vw);
  }
  100% {
    opacity: 0;
    transform: translateX(-30vw);
  }
}
#section1 .building_zone.hidden_building, #section2 .building_zone.hidden_building, #section3 .building_zone.hidden_building, #section4 .building_zone.hidden_building {
  opacity: 0;
}
#section1 .homebuilding_top, #section2 .homebuilding_top, #section3 .homebuilding_top, #section4 .homebuilding_top {
  z-index: 1;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#section1 .homebuilding_mid, #section2 .homebuilding_mid, #section3 .homebuilding_mid, #section4 .homebuilding_mid {
  z-index: 2;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
}
#section1 .homebuilding_mid .buildingsizer, #section2 .homebuilding_mid .buildingsizer, #section3 .homebuilding_mid .buildingsizer, #section4 .homebuilding_mid .buildingsizer {
  height: 100%;
  width: 100%;
  position: relative;
}
#section1 .homebuilding_mid .buildingsizer .solarpanels, #section2 .homebuilding_mid .buildingsizer .solarpanels, #section3 .homebuilding_mid .buildingsizer .solarpanels, #section4 .homebuilding_mid .buildingsizer .solarpanels {
  opacity: 1;
  background-size: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../../inc/assets/solarpanels.png");
  top: -5%;
  left: 20%;
  z-index: 0;
  position: absolute;
}
#section1 .homebuilding_mid .buildingsizer .solarpanels img, #section2 .homebuilding_mid .buildingsizer .solarpanels img, #section3 .homebuilding_mid .buildingsizer .solarpanels img, #section4 .homebuilding_mid .buildingsizer .solarpanels img {
  opacity: 0;
  height: auto;
  width: 50%;
}
#section1 .homebuilding_mid .buildingsizer .lifto, #section2 .homebuilding_mid .buildingsizer .lifto, #section3 .homebuilding_mid .buildingsizer .lifto, #section4 .homebuilding_mid .buildingsizer .lifto {
  position: absolute;
  background-image: url("../../inc/assets/lift.png");
  right: 8%;
  top: 4%;
  height: 11%;
  width: 10%;
  z-index: -1;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.8s ease-in-out;
}
#section1 .homebuilding_mid .buildingsizer .lifto .holds_shine, #section2 .homebuilding_mid .buildingsizer .lifto .holds_shine, #section3 .homebuilding_mid .buildingsizer .lifto .holds_shine, #section4 .homebuilding_mid .buildingsizer .lifto .holds_shine {
  position: relative;
  height: 100%;
  width: 200%;
}
#section1 .homebuilding_mid .buildingsizer .lifto .holds_shine .shineo, #section2 .homebuilding_mid .buildingsizer .lifto .holds_shine .shineo, #section3 .homebuilding_mid .buildingsizer .lifto .holds_shine .shineo, #section4 .homebuilding_mid .buildingsizer .lifto .holds_shine .shineo {
  background-size: contain;
  background-position: 10% center;
  background-repeat: no-repeat;
  background-image: url("../../inc/assets/shine.png");
  right: -75%;
  top: 0%;
  height: 100%;
  width: 100%;
  z-index: 1;
  position: absolute;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
#section1 .homebuilding_mid .buildingsizer .lifto .holds_shine .shineo img, #section2 .homebuilding_mid .buildingsizer .lifto .holds_shine .shineo img, #section3 .homebuilding_mid .buildingsizer .lifto .holds_shine .shineo img, #section4 .homebuilding_mid .buildingsizer .lifto .holds_shine .shineo img {
  height: 100%;
  width: auto;
}
#section1 .homebuilding_bott, #section2 .homebuilding_bott, #section3 .homebuilding_bott, #section4 .homebuilding_bott {
  z-index: 3;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease;
  /********************/
  /********************/
}
#section3 .homebuilding_bott .xray_content {
  pointer-events: none;
  visibility: none;
  position: absolute;
  z-index: 99;
  top: 25%;
  transition: all 0.2s ease;
  width: 100%;
  height: 100%;
  height: 100vh;
}
#section3 .homebuilding_bott .xray_content li {
  list-style-type: none;
  position: absolute;
}


#section3 .homebuilding_bott .xray_content li div.node  {
  padding: 2rem;
  cursor: pointer;
}

#section3 .homebuilding_bott .xray_content li div.node div {
  height: 1.5rem;
  width: 1.5rem;
  background-image: url("../../inc/assets/painbutton.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  animation-iteration-count: infinite;
  animation: pulso 1s infinite;
}
#section3 .homebuilding_bott .xray_content li div.node:hover {
  cursor: pointer;
}

@keyframes pulso {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
#section1 .homebuilding_bott .xray_content li div.node_text, #section2 .homebuilding_bott .xray_content li div.node_text, #section3 .homebuilding_bott .xray_content li div.node_text, #section4 .homebuilding_bott .xray_content li div.node_text {
  background-image: url("../../inc/assets/pain_balloon.png");
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat;
  display: none;
}
#section1 .homebuilding_bott .xray_content li div.node_text p, #section2 .homebuilding_bott .xray_content li div.node_text p, #section3 .homebuilding_bott .xray_content li div.node_text p, #section4 .homebuilding_bott .xray_content li div.node_text p {
  width: 100%;
  max-width: 13rem;
  padding: 1.5rem;
  font-size: calc(0.8rem + 0.1vw);
  font-weight: 500;
  padding: 0;
  margin: 0;
  line-height: 1em;
}
    #section1 .homebuilding_bott .xray_content li div.node_text .speechdummy, #section2 .homebuilding_bott .xray_content li div.node_text .speechdummy, #section3 .homebuilding_bott .xray_content li div.node_text .speechdummy, #section4 .homebuilding_bott .xray_content li div.node_text .speechdummy {
        opacity: 0;
        position: relative;
        max-width: 15rem;
    }
#section1 .homebuilding_bott .xray_content li div.node_text.node_high, #section2 .homebuilding_bott .xray_content li div.node_text.node_high, #section3 .homebuilding_bott .xray_content li div.node_text.node_high, #section4 .homebuilding_bott .xray_content li div.node_text.node_high {
  background-image: url("../../inc/assets/pain_balloon_high.png");
}
#section1 .homebuilding_bott .xray_content li div.node_text.node_high #xray_node_a, #section2 .homebuilding_bott .xray_content li div.node_text.node_high #xray_node_a, #section3 .homebuilding_bott .xray_content li div.node_text.node_high #xray_node_a, #section4 .homebuilding_bott .xray_content li div.node_text.node_high #xray_node_a {
  height: 122%;
  display: flex;
  position: absolute;
  top: 0%;
  align-items: center;
  width: 100%;
  flex-direction: column;
  justify-content: center;
}
#section1 .homebuilding_bott .xray_content li div.node_text.node_high #xray_node_a p, #section2 .homebuilding_bott .xray_content li div.node_text.node_high #xray_node_a p, #section3 .homebuilding_bott .xray_content li div.node_text.node_high #xray_node_a p, #section4 .homebuilding_bott .xray_content li div.node_text.node_high #xray_node_a p {
  top: 22%;
  font-size: calc(0.8rem + 0.1vw);
  color: #052f3f;
  font-weight: 600;
  font-family: "Archivo", sans-serif;
  font-weight: 500;
  transform: rotate(-2deg);
}
#section1 .homebuilding_bott .xray_content li div.node_text.node_med, #section2 .homebuilding_bott .xray_content li div.node_text.node_med, #section3 .homebuilding_bott .xray_content li div.node_text.node_med, #section4 .homebuilding_bott .xray_content li div.node_text.node_med {
  background-image: url("../../inc/assets/pain_balloon.png");
  position: absolute;
  bottom: 100%;
}
#section1 .homebuilding_bott .xray_content li div.node_text.node_med #xray_node_b, #section2 .homebuilding_bott .xray_content li div.node_text.node_med #xray_node_b, #section3 .homebuilding_bott .xray_content li div.node_text.node_med #xray_node_b, #section4 .homebuilding_bott .xray_content li div.node_text.node_med #xray_node_b {
  height: 90%;
  display: flex;
  position: absolute;
  top: 0%;
  align-items: center;
  width: 100%;
  flex-direction: column;
  justify-content: center;
}
#section1 .homebuilding_bott .xray_content li div.node_text.node_med #xray_node_b p, #section2 .homebuilding_bott .xray_content li div.node_text.node_med #xray_node_b p, #section3 .homebuilding_bott .xray_content li div.node_text.node_med #xray_node_b p, #section4 .homebuilding_bott .xray_content li div.node_text.node_med #xray_node_b p {
  top: 22%;
  font-size: calc(0.8rem + 0.1vw);
  color: #052f3f;
  font-weight: 600;
  font-family: "Archivo", sans-serif;
  font-weight: 500;
  transform: rotate(2deg);
}
#section1 .homebuilding_bott .xray_content li div.node_text.node_med #xray_node_c, #section2 .homebuilding_bott .xray_content li div.node_text.node_med #xray_node_c, #section3 .homebuilding_bott .xray_content li div.node_text.node_med #xray_node_c, #section4 .homebuilding_bott .xray_content li div.node_text.node_med #xray_node_c {
  height: 90%;
  display: flex;
  position: absolute;
  top: 0%;
  align-items: center;
  width: 100%;
  flex-direction: column;
  justify-content: center;
}
#section1 .homebuilding_bott .xray_content li div.node_text.node_med #xray_node_c p, #section2 .homebuilding_bott .xray_content li div.node_text.node_med #xray_node_c p, #section3 .homebuilding_bott .xray_content li div.node_text.node_med #xray_node_c p, #section4 .homebuilding_bott .xray_content li div.node_text.node_med #xray_node_c p {
  top: 22%;
  font-size: calc(0.8rem + 0.1vw);
  color: #052f3f;
  font-weight: 600;
  font-family: "Archivo", sans-serif;
  font-weight: 500;
  transform: rotate(2deg);
}
#section1 .homebuilding_bott .xray_content li div.node_text.node_low, #section2 .homebuilding_bott .xray_content li div.node_text.node_low, #section3 .homebuilding_bott .xray_content li div.node_text.node_low, #section4 .homebuilding_bott .xray_content li div.node_text.node_low {
  background-image: url("../../inc/assets/pain_balloon.png");
  position: absolute;
  bottom: 100%;
}
#section1 .homebuilding_bott .xray_content li div.node_text.node_low #xray_node_c, #section2 .homebuilding_bott .xray_content li div.node_text.node_low #xray_node_c, #section3 .homebuilding_bott .xray_content li div.node_text.node_low #xray_node_c, #section4 .homebuilding_bott .xray_content li div.node_text.node_low #xray_node_c {
  height: 80%;
  display: flex;
  position: absolute;
  top: 10%;
  align-items: center;
  width: 100%;
  flex-direction: column;
  justify-content: center;
}
#section1 .homebuilding_bott .xray_content li div.node_text.node_low #xray_node_c p, #section2 .homebuilding_bott .xray_content li div.node_text.node_low #xray_node_c p, #section3 .homebuilding_bott .xray_content li div.node_text.node_low #xray_node_c p, #section4 .homebuilding_bott .xray_content li div.node_text.node_low #xray_node_c p {
  top: 22%;
  font-size: calc(0.8rem + 0.1vw);
  color: #052f3f;
  font-weight: 600;
  font-family: "Archivo", sans-serif;
  font-weight: 500;
}
#section1 .homebuilding_bott .xray_content li div.node_text.node_low #xray_node_d, #section2 .homebuilding_bott .xray_content li div.node_text.node_low #xray_node_d, #section3 .homebuilding_bott .xray_content li div.node_text.node_low #xray_node_d, #section4 .homebuilding_bott .xray_content li div.node_text.node_low #xray_node_d {
  height: 90%;
  display: flex;
  position: absolute;
  top: 0%;
  align-items: center;
  width: 100%;
  flex-direction: column;
  justify-content: center;
}
#section1 .homebuilding_bott .xray_content li div.node_text.node_low #xray_node_d p, #section2 .homebuilding_bott .xray_content li div.node_text.node_low #xray_node_d p, #section3 .homebuilding_bott .xray_content li div.node_text.node_low #xray_node_d p, #section4 .homebuilding_bott .xray_content li div.node_text.node_low #xray_node_d p {
  top: 22%;
  font-size: calc(0.8rem + 0.1vw);
  color: #052f3f;
  font-weight: 600;
  font-family: "Archivo", sans-serif;
  font-weight: 500;
  transform: rotate(2deg);
}
#section1 .homebuilding_bott .xray_content li div.node_text.node_lower, #section2 .homebuilding_bott .xray_content li div.node_text.node_lower, #section3 .homebuilding_bott .xray_content li div.node_text.node_lower, #section4 .homebuilding_bott .xray_content li div.node_text.node_lower {
  background-image: url("../../inc/assets/pain_balloon.png");
  position: absolute;
  bottom: 100%;
}
#section1 .homebuilding_bott .xray_content li div.node_text.node_lower p, #section2 .homebuilding_bott .xray_content li div.node_text.node_lower p, #section3 .homebuilding_bott .xray_content li div.node_text.node_lower p, #section4 .homebuilding_bott .xray_content li div.node_text.node_lower p {
  top: 8%;
  font-size: calc(0.8rem + 0.1vw);
  color: #052f3f;
  font-weight: 500;
  font-family: "Archivo", sans-serif;
}
    #section1 .homebuilding_bott .xray_content li div.node_text.node_lower img.speechdummy, #section2 .homebuilding_bott .xray_content li div.node_text.node_lower img.speechdummy, #section3 .homebuilding_bott .xray_content li div.node_text.node_lower img.speechdummy, #section4 .homebuilding_bott .xray_content li div.node_text.node_lower img.speechdummy, #sectionStreetMap li div.node_text.node_lower img.speechdummy, #sectionstreetmapawesome li div.node_text.node_lower img.speechdummy {
        max-width: 16rem;
    }
#section1 .homebuilding_bott .xray_content li div.node_text.node_lower #xray_node_e, #section2 .homebuilding_bott .xray_content li div.node_text.node_lower #xray_node_e, #section3 .homebuilding_bott .xray_content li div.node_text.node_lower #xray_node_e, #section4 .homebuilding_bott .xray_content li div.node_text.node_lower #xray_node_e {
  height: 90%;
  display: flex;
  position: absolute;
  top: 0%;
  align-items: center;
  width: 100%;
  flex-direction: column;
  justify-content: center;
}
#section1 .homebuilding_bott .xray_content li div.node_text.node_lower #xray_node_e p, #section2 .homebuilding_bott .xray_content li div.node_text.node_lower #xray_node_e p, #section3 .homebuilding_bott .xray_content li div.node_text.node_lower #xray_node_e p, #section4 .homebuilding_bott .xray_content li div.node_text.node_lower #xray_node_e p {
  top: 22%;
  font-size: calc(0.8rem + 0.1vw);
  color: #052f3f;
  font-weight: 600;
  font-family: "Archivo", sans-serif;
  font-weight: 500;
  transform: rotate(4deg);
}
@media screen and (min-width: 992px) {
  #section1 .homebuilding_bott .xray_content li:nth-child(1), #section2 .homebuilding_bott .xray_content li:nth-child(1), #section3 .homebuilding_bott .xray_content li:nth-child(1), #section4 .homebuilding_bott .xray_content li:nth-child(1) {
    top: -10%;
    left: 40%;
  }
}
@media screen and (max-width: 991px) {
  #section1 .homebuilding_bott .xray_content li:nth-child(1), #section2 .homebuilding_bott .xray_content li:nth-child(1), #section3 .homebuilding_bott .xray_content li:nth-child(1), #section4 .homebuilding_bott .xray_content li:nth-child(1) {
    top: -12%;
    left: 40%;
  }
}
@media screen and (min-width: 992px) {
  #section1 .homebuilding_bott .xray_content li:nth-child(2), #section2 .homebuilding_bott .xray_content li:nth-child(2), #section3 .homebuilding_bott .xray_content li:nth-child(2), #section4 .homebuilding_bott .xray_content li:nth-child(2) {
    top: -28%;
    left: 45%;
  }
}
@media screen and (max-width: 991px) {
  #section1 .homebuilding_bott .xray_content li:nth-child(2), #section2 .homebuilding_bott .xray_content li:nth-child(2), #section3 .homebuilding_bott .xray_content li:nth-child(2), #section4 .homebuilding_bott .xray_content li:nth-child(2) {
    top: -24%;
    left: 72%;
  }
}
@media screen and (min-width: 992px) {
  #section1 .homebuilding_bott .xray_content li:nth-child(3), #section2 .homebuilding_bott .xray_content li:nth-child(3), #section3 .homebuilding_bott .xray_content li:nth-child(3), #section4 .homebuilding_bott .xray_content li:nth-child(3) {
    top: 7%;
    left: 73%;
  }
}
@media screen and (max-width: 991px) {
  #section1 .homebuilding_bott .xray_content li:nth-child(3), #section2 .homebuilding_bott .xray_content li:nth-child(3), #section3 .homebuilding_bott .xray_content li:nth-child(3), #section4 .homebuilding_bott .xray_content li:nth-child(3) {
    top: 23%;
    left: 59%;
  }
}
@media screen and (min-width: 992px) {
  #section1 .homebuilding_bott .xray_content li:nth-child(4), #section2 .homebuilding_bott .xray_content li:nth-child(4), #section3 .homebuilding_bott .xray_content li:nth-child(4), #section4 .homebuilding_bott .xray_content li:nth-child(4) {
    top: -35%;
    left: 80%;
  }
}
@media screen and (max-width: 991px) {
  #section1 .homebuilding_bott .xray_content li:nth-child(4), #section2 .homebuilding_bott .xray_content li:nth-child(4), #section3 .homebuilding_bott .xray_content li:nth-child(4), #section4 .homebuilding_bott .xray_content li:nth-child(4) {
    top: 3%;
    left: 60%;  
  }
}
@media screen and (min-width: 992px) {
  #section1 .homebuilding_bott .xray_content li:nth-child(5), #section2 .homebuilding_bott .xray_content li:nth-child(5), #section3 .homebuilding_bott .xray_content li:nth-child(5), #section4 .homebuilding_bott .xray_content li:nth-child(5) {
    top: -16%;
    left: 73%;
  }
}
@media screen and (max-width: 991px) {
  #section1 .homebuilding_bott .xray_content li:nth-child(5), #section2 .homebuilding_bott .xray_content li:nth-child(5), #section3 .homebuilding_bott .xray_content li:nth-child(5), #section4 .homebuilding_bott .xray_content li:nth-child(5) {
    top: 5%;
    left: 85%;
  }
}
#section1 .homebuilding_bott .xray_content.showzone, #section2 .homebuilding_bott .xray_content.showzone, #section3 .homebuilding_bott .xray_content.showzone, #section4 .homebuilding_bott .xray_content.showzone {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
  transition: 0.2s ease;
  z-index: 99;
}
@media screen and (min-width: 992px) {
  #section1 .containo, #section2 .containo, #section3 .containo, #section4 .containo {
    margin-left: 55%;
  }
}
#section1 .containo .holdscontent, #section2 .containo .holdscontent, #section3 .containo .holdscontent, #section4 .containo .holdscontent {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
  z-index: 2;
  position: relative;
}
@media screen and (max-width: 991px) {
  #section1 .containo .holdscontent, #section2 .containo .holdscontent, #section3 .containo .holdscontent, #section4 .containo .holdscontent {
    padding: 1rem;
    text-align: center;
  }
}
#section1 .containo .holdscontent p.this_website, #section2 .containo .holdscontent p.this_website, #section3 .containo .holdscontent p.this_website, #section4 .containo .holdscontent p.this_website {
  max-width: 30rem;
  text-align: left;
  font-family: "Archivo", sans-serif;
}
#section1 .containo .holdscontent .underlay, #section2 .containo .holdscontent .underlay, #section3 .containo .holdscontent .underlay, #section4 .containo .holdscontent .underlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  background: #fff;
  opacity: 0.7;
}
@media screen and (min-width: 992px) {
  #section1 .containo .holdscontent .underlay, #section2 .containo .holdscontent .underlay, #section3 .containo .holdscontent .underlay, #section4 .containo .holdscontent .underlay {
    display: none;
  }
}

#section1 .containo .holdscontent .rightside_text_and_buttons {
  padding-right: 7.5rem;
}

#section1 .containo .holdscontent .rightside_text_and_buttons .text-zone, #section2 .containo .holdscontent .rightside_text_and_buttons .text-zone, #section3 .containo .holdscontent .rightside_text_and_buttons .text-zone, #section4 .containo .holdscontent .rightside_text_and_buttons .text-zone {
  position: relative;
}
#section1 .containo .holdscontent .rightside_text_and_buttons .text-zone h1, #section2 .containo .holdscontent .rightside_text_and_buttons .text-zone h1, #section3 .containo .holdscontent .rightside_text_and_buttons .text-zone h1, #section4 .containo .holdscontent .rightside_text_and_buttons .text-zone h1 {
  color: #052f3f;
  font-size: calc(3rem + 0.1vw);
  margin-bottom: 2rem;
  font-family: "Ballinger", sans-serif;
}

    #section0 .containo .holdscontent .rightside_text_and_buttons .text-zone h1, #section1 .containo .holdscontent .rightside_text_and_buttons .text-zone h1 {
        color: #fff;
    }

#section1 .containo .holdscontent .rightside_text_and_buttons .text-zone ul, #section2 .containo .holdscontent .rightside_text_and_buttons .text-zone ul, #section3 .containo .holdscontent .rightside_text_and_buttons .text-zone ul, #section4 .containo .holdscontent .rightside_text_and_buttons .text-zone ul {
  margin: 0;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  position: relative;
}
#section1 .containo .holdscontent .rightside_text_and_buttons .text-zone ul li, #section2 .containo .holdscontent .rightside_text_and_buttons .text-zone ul li, #section3 .containo .holdscontent .rightside_text_and_buttons .text-zone ul li, #section4 .containo .holdscontent .rightside_text_and_buttons .text-zone ul li {
  list-style-type: none;
  text-align: revert;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 1rem;
}
#section1 .containo .holdscontent .rightside_text_and_buttons .text-zone ul li a, #section2 .containo .holdscontent .rightside_text_and_buttons .text-zone ul li a, #section3 .containo .holdscontent .rightside_text_and_buttons .text-zone ul li a, #section4 .containo .holdscontent .rightside_text_and_buttons .text-zone ul li a {
  font-family: "Archivo", sans-serif;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  text-decoration: none;
}
#section1 .containo .holdscontent .rightside_text_and_buttons .text-zone ul li a:hover, #section2 .containo .holdscontent .rightside_text_and_buttons .text-zone ul li a:hover, #section3 .containo .holdscontent .rightside_text_and_buttons .text-zone ul li a:hover, #section4 .containo .holdscontent .rightside_text_and_buttons .text-zone ul li a:hover {
  cursor: pointer;
}
#section1 .containo .holdscontent .rightside_text_and_buttons .text-zone ul li a span, #section1 .containo .holdscontent .rightside_text_and_buttons .text-zone ul li a .checkbox, #section2 .containo .holdscontent .rightside_text_and_buttons .text-zone ul li a span, #section2 .containo .holdscontent .rightside_text_and_buttons .text-zone ul li a .checkbox, #section3 .containo .holdscontent .rightside_text_and_buttons .text-zone ul li a span, #section3 .containo .holdscontent .rightside_text_and_buttons .text-zone ul li a .checkbox, #section4 .containo .holdscontent .rightside_text_and_buttons .text-zone ul li a span, #section4 .containo .holdscontent .rightside_text_and_buttons .text-zone ul li a .checkbox {
  display: block;
}
#section1 .containo .holdscontent .rightside_text_and_buttons .text-zone ul li a span, #section2 .containo .holdscontent .rightside_text_and_buttons .text-zone ul li a span, #section3 .containo .holdscontent .rightside_text_and_buttons .text-zone ul li a span, #section4 .containo .holdscontent .rightside_text_and_buttons .text-zone ul li a span {
  margin-left: 1rem;
  font-weight: 400;
  color: #052f3f;
  font-size: calc(1.75rem + 0.1vw);
}

    #section0 .containo .holdscontent .rightside_text_and_buttons .text-zone ul li a span, #section1 .containo .holdscontent .rightside_text_and_buttons .text-zone ul li a span {
        color: #fff;
    }


#section1 .containo .holdscontent .rightside_text_and_buttons .text-zone ul li a .checkbox, #section2 .containo .holdscontent .rightside_text_and_buttons .text-zone ul li a .checkbox, #section3 .containo .holdscontent .rightside_text_and_buttons .text-zone ul li a .checkbox, #section4 .containo .holdscontent .rightside_text_and_buttons .text-zone ul li a .checkbox {
  background-size: contain;
  background-position: 0% center;
  background-repeat: no-repeat;
  background-image: url("../../inc/assets/checker_1.png");
  height: 2rem;
  width: 2rem;
  display: block;
}

    #section1 .containo .holdscontent .rightside_text_and_buttons .text-zone ul li a .checkbox {
        background-image: url("../../inc/assets/checker_1_white.png");
    }

#section1 .containo .holdscontent .rightside_text_and_buttons .text-zone ul li a.active .checkbox:before, #section2 .containo .holdscontent .rightside_text_and_buttons .text-zone ul li a.active .checkbox:before, #section3 .containo .holdscontent .rightside_text_and_buttons .text-zone ul li a.active .checkbox:before, #section4 .containo .holdscontent .rightside_text_and_buttons .text-zone ul li a.active .checkbox:before {
  content: "";
  background-size: contain;
  background-position: 0% -5%;
  background-repeat: no-repeat;
  background-image: url("../../inc/assets/check.png");
  height: 3rem;
  width: 3rem;
  display: block;
  top: -0.5rem;
  left: -0.5rem;
  position: absolute;
}
#section1 .containo .holdscontent .rightside_text_and_buttons .choice_stuff, #section2 .containo .holdscontent .rightside_text_and_buttons .choice_stuff, #section3 .containo .holdscontent .rightside_text_and_buttons .choice_stuff, #section4 .containo .holdscontent .rightside_text_and_buttons .choice_stuff {
  position: relative;
}
    #section1 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section2 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section3 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section4 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p {
        color: #052f3f;
        font-weight: 500;
        font-family: "Archivo", sans-serif;
        text-align: center;
        line-height: 2rem;
    }
@media screen and (min-width: 2560px) {
  #section1 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section2 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section3 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section4 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p {
    font-size: calc(1.2rem + 0.1vw);
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  #section1 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section2 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section3 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section4 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p {
    font-size: calc(1.2rem + 0.1vw);
  }
}
@media screen and (min-width: 1681px) and (max-width: 1919px) {
  #section1 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section2 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section3 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section4 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p {
    font-size: calc(1.2rem + 0.1vw);
  }
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
  #section1 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section2 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section3 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section4 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p {
    font-size: calc(1.2rem + 0.1vw);
  }
}
@media screen and (min-width: 1366px) and (max-width: 1440px) {
  #section1 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section2 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section3 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section4 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p {
    font-size: calc(1.05rem + 0.1vw);
  }
}
@media screen and (min-width: 1024px) and (max-width: 1365px) {
  #section1 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section2 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section3 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section4 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p {
    font-size: calc(1.05rem + 0.1vw);
  }
}
@media screen and (min-width: 992px) and (max-width: 1023px) {
  #section1 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section2 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section3 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section4 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p {
    font-size: calc(1.05rem + 0.1vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  #section1 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section2 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section3 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section4 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p {
    font-size: calc(1rem + 0.1vw);
  }
}
@media screen and (min-width: 441px) and (max-width: 767px) {
  #section1 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section2 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section3 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section4 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p {
    font-size: calc(1rem + 0.1vw);
  }
}
@media screen and (min-width: 351px) and (max-width: 440px) {
  #section1 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section2 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section3 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section4 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p {
    font-size: calc(1rem + 0.1vw);
  }
}
@media screen and (max-width: 350px) {
  #section1 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section2 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section3 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section4 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p {
    font-size: calc(1rem + 0.1vw);
  }
}
@media screen and (min-width: 1024px) {
  #section1 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section2 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section3 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section4 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p {
    max-width: 27rem;
  }
}
@media screen and (max-width: 1023px) {
  #section1 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section2 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section3 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p, #section4 .containo .holdscontent .rightside_text_and_buttons .choice_stuff #choice_texto p {
    max-width: unset;
  }
}
#section1 .containo .holdscontent .rightside_text_and_buttons .choice_stuff .zone_button, #section2 .containo .holdscontent .rightside_text_and_buttons .choice_stuff .zone_button, #section3 .containo .holdscontent .rightside_text_and_buttons .choice_stuff .zone_button, #section4 .containo .holdscontent .rightside_text_and_buttons .choice_stuff .zone_button {
  height: 7.5rem;
  width: 7.5rem;
  margin: 0 auto;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../../inc/assets/round_scroll_text.png");
}
#section1 .containo .holdscontent .rightside_text_and_buttons .choice_stuff.active_stuff, #section2 .containo .holdscontent .rightside_text_and_buttons .choice_stuff.active_stuff, #section3 .containo .holdscontent .rightside_text_and_buttons .choice_stuff.active_stuff, #section4 .containo .holdscontent .rightside_text_and_buttons .choice_stuff.active_stuff {
  opacity: 1;
  pointer-events: all;
}

@media screen and (max-width: 992px) {
  #section1 .containo .holdscontent .rightside_text_and_buttons {
    padding-right: 0;
  }

  #section1 .containo .holdscontent {
    align-self: center !important;
    padding: 10%;
  }

  #section1 .scroll-msg {
    display: none;
  }
}



#section2 .lifto, #section3 .lifto {
  right: 8%;
  top: 4%;
}
#section2 .lifto .holds_shine .shineo, #section3 .lifto .holds_shine .shineo {
  opacity: 1 !important;
}
#section2 .lifto .holds_shine .shineo img, #section3 .lifto .holds_shine .shineo img {
  height: 100%;
  width: auto;
  max-height: 8rem;
  margin-top: 35%;
}

/********************/
/*** ********** *****/
/********************/
#section4 .fp-bg {
  background: #fff8f0;
  z-index: 1;
}
#section4 .building_zone {
  position: absolute;
  left: 0%;
}
@media screen and (min-height: 1100px) {
  #section4 .building_zone {
    top: -62%;
  }
}
@media screen and (min-height: 1000px) and (max-height: 1099px) {
  #section4 .building_zone {
    top: -62%;
  }
}
@media screen and (min-height: 900px) and (max-height: 999px) {
  #section4 .building_zone {
    top: -64%;
  }
}
@media screen and (min-height: 800px) and (max-height: 899px) {
  #section4 .building_zone {
    top: -63%;
  }
}
@media screen and (min-height: 700px) and (max-height: 799px) {
  #section4 .building_zone {
    top: -62%;
  }
}
@media screen and (max-height: 699px) {
  #section4 .building_zone {
    top: -65%;
  }
}
#section4 .homebuilding_top {
  z-index: 1;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}
#section4 .homebuilding_mid {
  z-index: 2;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}
#section4 .between_message {
  position: relative;
  height: 100%;
  background: #e4dfd9;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  bottom: 0;
}
#section4 .between_message .top_white_wave {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../../inc/assets/top_white_wave.svg);
  width: 100%;
  position: absolute;
  height: 44vh;
  top: 0rem;
}
@media screen and (min-width: 2560px) {
  #section4 .between_message .top_white_wave {
    height: 76vh;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  #section4 .between_message .top_white_wave {
    height: 76vh;
  }
}
@media screen and (min-width: 1681px) and (max-width: 1919px) {
  #section4 .between_message .top_white_wave {
    height: 56vh;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
  #section4 .between_message .top_white_wave {
    height: 56vh;
  }
}
@media screen and (min-width: 1366px) and (max-width: 1440px) {
  #section4 .between_message .top_white_wave {
    height: 44vh;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1365px) {
  #section4 .between_message .top_white_wave {
    height: 44vh;
  }
}
@media screen and (min-width: 992px) and (max-width: 1023px) {
  #section4 .between_message .top_white_wave {
    height: 44vh;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  #section4 .between_message .top_white_wave {
    height: 44vh;
  }
}
@media screen and (min-width: 441px) and (max-width: 767px) {
  #section4 .between_message .top_white_wave {
    height: 44vh;
  }
}
@media screen and (min-width: 351px) and (max-width: 440px) {
  #section4 .between_message .top_white_wave {
    height: 44vh;
  }
}
@media screen and (max-width: 350px) {
  #section4 .between_message .top_white_wave {
    height: 44vh;
  }
}
#section4 .between_message .holdshach {
  width: 100%;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 992px) {
  #section4 .between_message .holdshach {
    padding-left: 5%;
  }
}
@media screen and (max-width: 991px) {
  #section4 .between_message .holdshach {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media screen and (min-height: 1000px) {
  #section4 .between_message .holdshach {
    margin-top: 2%;
  }
}
@media screen and (min-height: 900px) and (max-height: 999px) {
  #section4 .between_message .holdshach {
    margin-top: 2%;
  }
}
@media screen and (min-height: 800px) and (max-height: 899px) {
  #section4 .between_message .holdshach {
    margin-top: 2%;
  }
}
@media screen and (min-height: 700px) and (max-height: 799px) {
  #section4 .between_message .holdshach {
    margin-top: 5%;
  }
}
@media screen and (max-height: 699px) {
  #section4 .between_message .holdshach {
    margin-top: 5%;
  }
}
#section4 .between_message .holdshach h2 {
  color: #052f3f;
  font-weight: 900;
  font-family: "Ballinger", sans-serif;
  z-index: 99;
  text-align: center;
  margin: 0;
}
@media screen and (min-width: 2560px) {
  #section4 .between_message .holdshach h2 {
    font-size: calc(2rem + 0.1vw);
    max-width: 65%;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  #section4 .between_message .holdshach h2 {
    font-size: calc(2rem + 0.1vw);
    max-width: 65%;
  }
}
@media screen and (min-width: 1681px) and (max-width: 1919px) {
  #section4 .between_message .holdshach h2 {
    font-size: calc(2rem + 0.1vw);
    max-width: 65%;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
  #section4 .between_message .holdshach h2 {
    font-size: calc(2rem + 0.1vw);
    max-width: 65%;
  }
}
@media screen and (min-width: 1366px) and (max-width: 1440px) {
  #section4 .between_message .holdshach h2 {
    font-size: calc(2rem + 0.1vw);
    max-width: 65%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1365px) {
  #section4 .between_message .holdshach h2 {
    font-size: calc(1.75rem + 0.1vw);
    max-width: 65%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1023px) {
  #section4 .between_message .holdshach h2 {
    font-size: calc(1.25rem + 0.1vw);
    max-width: 65%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  #section4 .between_message .holdshach h2 {
    font-size: calc(1.25rem + 0.1vw);
    max-width: 65%;
  }
}
@media screen and (min-width: 441px) and (max-width: 767px) {
  #section4 .between_message .holdshach h2 {
    font-size: calc(1.2rem + 0.1vw);
    max-width: 65%;
  }
}
@media screen and (min-width: 351px) and (max-width: 440px) {
  #section4 .between_message .holdshach h2 {
    font-size: calc(1.2rem + 0.1vw);
    max-width: 65%;
  }
}
@media screen and (max-width: 350px) {
  #section4 .between_message .holdshach h2 {
    font-size: calc(1.2rem + 0.1vw);
    max-width: 65%;
  }
}
#section4 .between_message .bottom_wave {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../../inc/assets/top_blue_wave.svg);
  width: 100%;
  position: absolute;
  height: 15rem;
  bottom: -20px;
  left: 0;
  z-index: 3;
}
#section4 .containo .holdscontent {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#section4 .containo .holdscontent .text-zone h1 {
  font-size: calc(2rem + 0.1vw);
}

/********************/
/*** people *****/
/********************/
#section1 div.holds_people, #section2 div.holds_people, #section3 div.holds_people {
  position: absolute;
  height: 100%;
  width: 100%;
}
#section1 div.holds_people .hidepeopledummy, #section2 div.holds_people .hidepeopledummy, #section3 div.holds_people .hidepeopledummy {
  opacity: 0;
}
#section1 div.holds_people div.window_people, #section2 div.holds_people div.window_people, #section3 div.holds_people div.window_people {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#section1 div.holds_people div.window_people img, #section2 div.holds_people div.window_people img, #section3 div.holds_people div.window_people img {
  width: 100%;
  opacity: 0;
}
#section1 div.holds_people div#building_person_1a, #section1 div.holds_people div#building_person_1b, #section2 div.holds_people div#building_person_1a, #section2 div.holds_people div#building_person_1b, #section3 div.holds_people div#building_person_1a, #section3 div.holds_people div#building_person_1b {
  position: absolute;
  top: 5.5%;
  width: 10%;
  height: 7%;
  left: 66.5%;
  z-index: 5;
}
#section1 div.holds_people div#building_person_2a, #section1 div.holds_people div#building_person_2b, #section2 div.holds_people div#building_person_2a, #section2 div.holds_people div#building_person_2b, #section3 div.holds_people div#building_person_2a, #section3 div.holds_people div#building_person_2b {
  position: absolute;
  top: 24.5%;
  width: 10%;
  height: 7%;
  left: 33.5%;
  z-index: 5;
}
#section1 div.holds_people div#building_person_3a, #section1 div.holds_people div#building_person_3b, #section2 div.holds_people div#building_person_3a, #section2 div.holds_people div#building_person_3b, #section3 div.holds_people div#building_person_3a, #section3 div.holds_people div#building_person_3b {
  position: absolute;
  top: 38.5%;
  width: 10%;
  height: 7%;
  left: 36%;
  z-index: 5;
}
#section1 div.holds_people div#building_person_4a, #section1 div.holds_people div#building_person_4b, #section2 div.holds_people div#building_person_4a, #section2 div.holds_people div#building_person_4b, #section3 div.holds_people div#building_person_4a, #section3 div.holds_people div#building_person_4b {
  position: absolute;
  top: 46%;
  width: 10%;
  height: 7%;
  left: 44.5%;
  z-index: 5;
}

/*************************************/
/*** send data, section 5 *****/
/*************************************/
#section5 .fp-bg {
  background: #052f3f;
  z-index: 0;
  transition: all 0.4s ease;
}
#section5 .fp-bg.changecolor {
  background-color: #fff8f0 !important;
  transition: all 0.4s ease;
}
#section5 .fp-bg .goahead {
  border: 1px solid #fff;
  background: #052f3f;
  padding: 0rem;
  text-align: center;
  transition: opacity 0.2s ease;
  opacity: 1;
  z-index: 9;
  position: relative;
}
@media screen and (min-width: 992px) {
  #section5 .fp-bg .goahead {
    max-width: 50%;
    margin-left: 25%;
  }
}
@media screen and (max-width: 991px) {
  #section5 .fp-bg .goahead {
    max-width: 70%;
    margin-left: 15%;
  }
}
@media screen and (min-height: 1000px) {
  #section5 .fp-bg .goahead {
    margin-top: 6rem;
  }
}
@media screen and (min-height: 900px) and (max-height: 999px) {
  #section5 .fp-bg .goahead {
    margin-top: 6rem;
  }
}
@media screen and (min-height: 800px) and (max-height: 899px) {
  #section5 .fp-bg .goahead {
    margin-top: 6rem;
  }
}
@media screen and (min-height: 700px) and (max-height: 799px) {
  #section5 .fp-bg .goahead {
    margin-top: 6vh;
  }
}
@media screen and (max-height: 699px) {
  #section5 .fp-bg .goahead {
    margin-top: 6vh;
  }
}
#section5 .fp-bg .goahead p {
  font-size: calc(1.5rem + 0.1vw);
  color: #fff;
  font-weight: 600;
  font-family: "Archivo", sans-serif;
  text-align: center;
}
#section5 .fp-bg #goahead.hidden {
  transition: opacity 0.2s ease;
  opacity: 0;
}
#section5 .fp-bg .goahead_automatic {
  padding: 0rem;
  max-width: 75%;
  margin-left: 12.5%;
  text-align: center;
  transition: opacity 0.2s ease;
  opacity: 1;
  position: absolute;
  z-index: 9;
  top: 0;
  pointer-events: none;
}
#section5 .fp-bg .goahead_automatic p {
  font-size: calc(1.75rem + 0.1vw);
  color: #052f3f;
  font-weight: 600;
  font-family: "Archivo", sans-serif;
  text-align: center;
}
#section5 .fp-bg #goahead_automatic.hidden {
  transition: opacity 0.2s ease;
  opacity: 0;
}
#section5 .fp-bg .element_holder {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-top: 20%;
  transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 992px) {
  #section5 .fp-bg .element_holder {
    flex-direction: row;
  }
}
@media screen and (max-width: 991px) {
  #section5 .fp-bg .element_holder {
    flex-direction: column;
  }
}
@media screen and (max-width: 991px) {
  #section5 .fp-bg .element_holder .element.element_b, #section5 .fp-bg .element_holder .element.element_c {
    display: none;
  }
}
#section5 .fp-bg .element_holder .element {
  position: relative;
  margin: 0 auto;
}
@media screen and (min-width: 992px) {
  #section5 .fp-bg .element_holder .element {
    max-width: 33%;
  }
}
@media screen and (max-width: 991px) {
  #section5 .fp-bg .element_holder .element {
    max-width: 80%;
    margin-top: 20%;
  }
}
@media screen and (min-width: 2560px) {
  #section5 .fp-bg .element_holder .element img.imagemachine {
    max-width: 300px;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  #section5 .fp-bg .element_holder .element img.imagemachine {
    max-width: 300px;
  }
}
@media screen and (min-width: 1681px) and (max-width: 1919px) {
  #section5 .fp-bg .element_holder .element img.imagemachine {
    max-width: 300px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
  #section5 .fp-bg .element_holder .element img.imagemachine {
    max-width: 300px;
  }
}
@media screen and (min-width: 1366px) and (max-width: 1440px) {
  #section5 .fp-bg .element_holder .element img.imagemachine {
    max-width: 300px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1365px) {
  #section5 .fp-bg .element_holder .element img.imagemachine {
    max-width: 280px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1023px) {
  #section5 .fp-bg .element_holder .element img.imagemachine {
    max-width: 250px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  #section5 .fp-bg .element_holder .element img.imagemachine {
    max-width: 100%;
  }
}
@media screen and (min-width: 441px) and (max-width: 767px) {
  #section5 .fp-bg .element_holder .element img.imagemachine {
    max-width: 100%;
  }
}
@media screen and (min-width: 351px) and (max-width: 440px) {
  #section5 .fp-bg .element_holder .element img.imagemachine {
    max-width: 100%;
  }
}
@media screen and (max-width: 350px) {
  #section5 .fp-bg .element_holder .element img.imagemachine {
    max-width: 100%;
  }
}
@media screen and (min-height: 1000px) {
  #section5 .fp-bg .element_holder .element img.imagemachine {
    max-width: 250px;
  }
}
@media screen and (min-height: 900px) and (max-height: 999px) {
  #section5 .fp-bg .element_holder .element img.imagemachine {
    max-width: 250px;
  }
}
@media screen and (min-height: 800px) and (max-height: 899px) {
  #section5 .fp-bg .element_holder .element img.imagemachine {
    max-width: 250px;
  }
}
@media screen and (min-height: 700px) and (max-height: 799px) {
  #section5 .fp-bg .element_holder .element img.imagemachine {
    max-width: 220px;
  }
}
@media screen and (max-height: 699px) {
  #section5 .fp-bg .element_holder .element img.imagemachine {
    max-width: 200px;
  }
}
#section5 .fp-bg .element_holder .element .hovertoshowtext_senddata {
  opacity: 0;
  position: absolute;
  top: -13rem;
  width: 15rem;
  height: 15rem;
  left: -2rem;
  z-index: 9;
  pointer-events: none;
  transform: translateY(12px);
  transition: all 0.3s ease-in-out;
}
#section5 .fp-bg .element_holder .element .hovertoshowtext_senddata div.node_text_machines {
  background-image: url("../../inc/assets/pain_balloon_left.png");
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat;
  position: absolute;
}
#section5 .fp-bg .element_holder .element .hovertoshowtext_senddata div.node_text_machines div {
  position: absolute;
  top: 0%;
  left: 2%;
  max-width: 14rem;
  padding: 2rem 2rem 1rem;
  font-size: calc(0.8rem + 0.1vw);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#section5 .fp-bg .element_holder .element .hovertoshowtext_senddata div.node_text_machines div p {
  font-size: calc(0.75rem + 0.1vw);
  color: #052f3f;
  font-weight: 500;
  font-family: "Archivo", sans-serif;
}
#section5 .fp-bg .element_holder .element .hovertoshowtext_senddata div.node_text_machines div p.send_data {
  background: #052f3f;
  padding: 0.5rem;
  margin-top: 0rem;
  font-size: 1.1rem;
  font-weight: 600;
  text-align: center;
  color: #fff;
}
#section5 .fp-bg .element_holder .element .hovertoshowtext_senddata div.node_text_machines div p.send_data:hover {
  cursor: pointer;
}
#section5 .fp-bg .element_holder .element .hovertoshowtext_senddata div.node_text_machines button {
  position: absolute;
  bottom: 3rem;
  background: #052f3f;
  border: none;
  padding: 0.5rem 1rem;
}
#section5 .fp-bg .element_holder .element .hovertoshowtext_senddata div.node_text_machines .speechdummy {
  opacity: 0;
  position: relative;
  max-width: 16rem;
}
#section5 .fp-bg .element_holder .element .hovertoshowtext_senddata div.node_text_machines .speechdummy.speechdummy_a {
  max-width: 17rem;
}
#section5 .fp-bg .element_holder .element .hovertoshowtext_senddata div.node_text_machines .speechdummy.speechdummy_b {
  max-width: 18rem;
}
#section5 .fp-bg .element_holder .element .hovertoshowtext_senddata div.node_text_machines .speechdummy.speechdummy_c {
  max-width: 17rem;
}

#section5 .fp-bg .element_holder .element .hovertoshowtext_senddata.bubblon {
  opacity: 1 !important;
  transform: translateY(0px);
  pointer-events: all !important;
  transition: all 0.3s ease-in-out;
}
#section5 .fp-bg .element_holder .element .canvas_a {
  position: absolute;
  width: 100%;
  max-width: 70rem;
  z-index: -1;
  top: 30%;
  left: 30%;
  pointer-events: none;
}
#section5 .fp-bg .element_holder .element .canvas_a svg, #section5 .fp-bg .element_holder .element .canvas_a img {
  min-height: unset !important;
  max-height: unset !important;
  max-width: unset !important;
  width: 63vw !important;
  height: 100vh !important;
  margin-left: 0;
  margin-top: 0rem;
}
#section5 .fp-bg .element_holder .element .canvas_b {
  position: absolute;
  width: 100%;
  max-width: 70rem;
  z-index: -1;
  top: 30%;
  left: 30%;
}
#section5 .fp-bg .element_holder .element .canvas_b svg:nth-child(1), #section5 .fp-bg .element_holder .element .canvas_b img:nth-child(1) {
  min-height: unset !important;
  max-height: unset !important;
  max-width: unset !important;
  width: 63vw !important;
  height: 100vh !important;
  margin-left: 0;
  margin-top: 0rem;
}
#section5 .fp-bg .element_holder .element .canvas_b svg:nth-child(2), #section5 .fp-bg .element_holder .element .canvas_b img:nth-child(2) {
  min-height: unset !important;
  max-height: unset !important;
  max-width: unset !important;
  width: 63vw !important;
  height: 100vh !important;
  margin-left: 3px;
  margin-top: 0rem;
}
#section5 .fp-bg .element_holder .element .canvas_c {
  position: absolute;
  width: 100%;
  max-width: 70rem;
  z-index: -1;
  top: 50%;
  left: 20%;
}
#section5 .fp-bg .element_holder .element .canvas_c svg, #section5 .fp-bg .element_holder .element .canvas_c img {
  min-height: unset !important;
  max-height: unset !important;
  max-width: unset !important;
  width: 63vw !important;
  height: 100vh !important;
  margin-left: 0;
  margin-top: 0rem;
}
#section5 .fp-bg .ipad {
  transition: all 1.3s ease-in-out !important;
}
@media screen and (min-width: 1680px) {
  #section5 .fp-bg .ipad {
    width: 30%;
    max-width: 30vw;
    position: absolute;
    left: 40%;
    top: 80%;
  }
}
@media screen and (max-width: 1679px) {
  #section5 .fp-bg .ipad {
    width: 40%;
    max-width: 50rem;
    position: absolute;
    left: 32.5%;
    top: 80%;
  }
}
#section5 .fp-bg .ipad img {
  max-width: 100%;
}
#section5 .fp-bg .ipad.middleipad {
  width: 40%;
  max-width: 25vw;
  position: absolute;
  left: 42.5vw;
  top: 15%;
}

/*************************************/
/*** ipad, men talking section 6 *****/
/*************************************/
#section6 .fp-bg {
  background: #fff8f0;
  z-index: 0;
  /********************/
  /*** tabelet men *****/
  /********************/
  /********************/
  /*** tabelet men *****/
  /********************/
}
#section6 .fp-bg .canvas_ipad {
  position: absolute;
  width: 100%;
  max-width: 10rem;
  z-index: -1;
  top: 0%;
  left: calc(50% - 6rem);
  pointer-events: none;
}
#section6 .fp-bg .canvas_ipad svg, #section6 .fp-bg .canvas_ipad img {
  min-height: unset !important;
  max-height: unset !important;
  max-width: unset !important;
  width: 63vw !important;
  height: 100vh !important;
  margin-left: 0;
  margin-top: 0rem;
}
#section6 .fp-bg .ipad_bringdown {
  width: 30%;
  max-width: 25rem;
  position: absolute;
  top: -9%;
  transition: all 0.3s ease;
}
@media screen and (min-width: 992px) {
  #section6 .fp-bg .ipad_bringdown {
    left: calc(50% - 12.5rem);
  }
}
@media screen and (max-width: 991px) {
  #section6 .fp-bg .ipad_bringdown {
    left: calc(50% - 3rem);
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
  #section6 .fp-bg .ipad_bringdown {
    left: 35%;
  }
}
#section6 .fp-bg .ipad_bringdown img {
  max-width: 100%;
}
#section6 .fp-bg .ipad_bringdown .holds_leaves {
  position: absolute;
  top: 105%;
  width: 100%;
}
#section6 .fp-bg .ipad_bringdown .holds_leaves #leaf_1 {
  width: 10rem;
  max-width: 5rem;
  position: absolute;
  left: 20%;
  top: 0;
  transform: rotate(0deg);
  transition: all 0.2s ease-in-out;
  opacity: 0;
}
#section6 .fp-bg .ipad_bringdown .holds_leaves #leaf_2 {
  width: 10rem;
  max-width: 6rem;
  position: absolute;
  right: 30%;
  top: 0;
  transform: rotate(0deg);
  transition: all 0.25s ease-in-out;
  opacity: 0;
}
#section6 .fp-bg .ipad_bringdown.downer {
  width: 33%;
  max-width: 30rem;
  position: absolute;
  top: 15%;
}
@media screen and (min-width: 992px) {
  #section6 .fp-bg .ipad_bringdown.downer {
    left: calc(50% - 13rem);
  }
}
@media screen and (max-width: 991px) {
  #section6 .fp-bg .ipad_bringdown.downer {
    left: calc(50% - 3rem);
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
  #section6 .fp-bg .ipad_bringdown.downer {
    left: 35%;
  }
}
#section6 .fp-bg .ipad_bringdown.leafo .holds_leaves #leaf_1 {
  top: 3rem;
  opacity: 1;
  transform: rotate(5deg);
  transition: all 0.2s ease-in-out;
}
#section6 .fp-bg .ipad_bringdown.leafo .holds_leaves #leaf_2 {
  top: 4.5rem;
  opacity: 1;
  transform: rotate(5deg);
  transition: all 0.25s ease-in-out;
}
#section6 .fp-bg .ipad_bringdown.leafo.leafo_hide .holds_leaves #leaf_1 {
  top: 4.5rem;
  opacity: 0;
  transform: rotate(0deg);
  transition: all 0.2s ease-in-out;
}
#section6 .fp-bg .ipad_bringdown.leafo.leafo_hide .holds_leaves #leaf_2 {
  top: 6rem;
  opacity: 0;
  transform: rotate(0deg);
  transition: all 0.25s ease-in-out;
}

#section-how-it-works .fp-bg .tabletmen {
  width: 50vw;
  display: block;
  position: absolute;
  height: 70vh;
  right: 2rem;
  bottom: 0px;
  transform: scale(1.2) translate(-2rem, -5rem);
}

#section-how-it-works .fp-bg .tabletman ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
}
#section-how-it-works .fp-bg .tabletman ul li p {
  color: #052f3f;
  font-weight: 500;
  font-family: "Archivo", sans-serif;
}
#section-how-it-works .fp-bg .tabletman ul li img {
  opacity: 0;
  width: 20rem;
  height: 9rem;
}
#section-how-it-works .fp-bg .tabletman ul.speechbubblezone.left {
  position: absolute;
  bottom: 15%;
  height: 30rem;
  left: 7rem;
  width: 100%;
}
#section-how-it-works .fp-bg .tabletman ul.speechbubblezone.left li {
  list-style-type: none;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../../inc/assets/talking_head_balloon_left.png");
}
#section-how-it-works .fp-bg .tabletman ul.speechbubblezone.left li p {
  position: absolute;
  width: 100%;
  max-width: 60%;
  font-size: calc(0.8rem + 0.1vw);
  left: 25%;
  color: #052f3f;
  font-weight: 500;
  font-family: "Archivo", sans-serif;
  line-height: 1em;
}
#section-how-it-works .fp-bg .tabletman ul.speechbubblezone.right {
  position: absolute;
  bottom: 15%;
  height: 30rem;
  right: 18rem;
  width: 100%;
}
#section-how-it-works .fp-bg .tabletman ul.speechbubblezone.right li {
  list-style-type: none;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../../inc/assets/talking_head_balloon_right.png");
}
#section-how-it-works .fp-bg .tabletman ul.speechbubblezone.right li p {
  position: absolute;
  width: 100%;
  max-width: 60%;
  font-size: calc(0.8rem + 0.1vw);
  left: calc(20% - 1rem);
  color: #052f3f;
  font-weight: 500;
  font-family: "Archivo", sans-serif;
  line-height: 1em;
}
#section-how-it-works .fp-bg .left_tablet_man {
  position: absolute;
  right: 40rem;
  bottom: 1rem;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
  #section-how-it-works .fp-bg .left_tablet_man {
    left: 12%;
  }
}
#section-how-it-works .fp-bg .left_tablet_man figure#tablet_man_left {
  opacity: 0;
  background-image: url("../../inc/assets/tablet_man_left.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transform: translateY(2rem);
  transition: all 0.2s ease;
}
@media screen and (min-width: 992px) {
  #section-how-it-works .fp-bg .left_tablet_man figure#tablet_man_left {
    height: 14rem;
    width: 14rem;
    max-width: 15vw;
    max-height: 15vw;
  }
}

#section-how-it-works .fp-bg .left_tablet_man figure#tablet_man_left.tabletman_in {
  opacity: 1 !important;
  transform: translateY(0rem) !important;
  transition: all 0.2s ease;
}
#section-how-it-works .fp-bg .left_tablet_man ul {
  position: absolute;
  bottom: 10%;
}
#section-how-it-works .fp-bg .right_tablet_man {
  position: absolute;
  right: 5%;
  bottom: 1rem;
}
#section-how-it-works .fp-bg .right_tablet_man figure#tablet_man_right {
  opacity: 0;
  background-image: url("../../inc/assets/tablet_man_right.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 992px) {
  #section-how-it-works .fp-bg .right_tablet_man figure#tablet_man_right {
    height: 14rem;
    width: 14rem;
    max-width: 15vw;
    max-height: 15vw;
  }
}
@media screen and (max-width: 991px) {
  #section-how-it-works .fp-bg .right_tablet_man figure#tablet_man_right {
    height: 30vw;
    width: 30vw;
  }
}
#section-how-it-works .fp-bg .right_tablet_man figure#tablet_man_right.tabletman_in {
  opacity: 1 !important;
  transform: translateY(0rem) !important;
  transition: all 0.2s ease;
}
#section-how-it-works .fp-bg .textballonery {
  top: 12rem;
  opacity: 0;
  transform-origin: left bottom;
  transform: scale(0);
  /* transition: all 0.2s ease; */
  /* transform: translateY(2.25rem); */
}
#section-how-it-works .fp-bg .textballonery img {
  width: 9rem;
  height: 18rem;
}
#section-how-it-works .fp-bg .textballonery.bubblecomein {
  opacity: 1 !important;
  /* transition: all 0.2s ease; */
  /* transform: translateY(1rem) !important; */
}
#section-how-it-works .fp-bg #speechman_a.speech_in_a {
  opacity: 1 !important;
  transform: translateY(0rem) !important;
  transition: all 0.2s ease;
}
#section-how-it-works .fp-bg #speechman_c, #section6 .fp-bg #speechman_d {
  top: 12rem;
}
@media screen and (max-width: 991px) {
  #section-how-it-works .fp-bg #speechman_a {
    top: -12rem;
  }
}
@media screen and (max-width: 991px) {
  #section-how-it-works .fp-bg #speechman_b {
    top: -3rem;
    left: -50%;
  }
}
@media screen and (max-width: 991px) {
  #section-how-it-works .fp-bg #speechman_c {
    top: 5rem;
  }
}
@media screen and (max-width: 991px) {
  #section-how-it-works .fp-bg #speechman_d {
    top: 12rem;
    left: -50%;
  }
}

@media screen and (max-width: 991px) {
  #section-how-it-works .fp-bg .left_tablet_man figure#tablet_man_left {
    height: 30vw;
    width: 30vw;
  }

  #section-how-it-works .fp-bg .tabletmen {
    width: 100%;
  }

  #section-how-it-works .fp-bg .right_tablet_man {
    right: -5%;
  }

  #section-how-it-works .fp-bg .tabletman ul.speechbubblezone.right {
    right: 9rem;
  }

  #section-how-it-works .fp-bg .left_tablet_man {
    left: 10%;
  }

  #section-how-it-works .fp-bg .tabletman ul.speechbubblezone.left {
    left: 8rem;
  }

}

#section7 .fp-bg {
  background-color: #e2ddd6;
  background-image: url("../../inc/assets/simple_map.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#section7 .simplemap_text p {
  position: relative;
  color: #052f3f;
  text-align: left;
  margin: 0 auto;
}

#section7 .simplemap_text p b {
  font-weight: 900;
  font-family: "Ballinger", sans-serif;
}



  #section7 .simplemap_text p {
    font-size: calc(3.25rem + 0.1vw);
    max-width: 60rem;
  }


/********************/
/*** ********** *****/
/********************/
#section8 .fp-bg {
  z-index: 1;
}
#section8 .containo {
  margin-top: 5%;
}
#section8 .holds_usp_boxes {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 992px) {
  #section8 .holds_usp_boxes {
    flex-direction: row;
  }
}
@media screen and (max-width: 991px) {
  #section8 .holds_usp_boxes {
    flex-direction: column;
  }
}
@media screen and (max-width: 991px) {
  #section8 .holds_usp_boxes .usp_block_b, #section8 .holds_usp_boxes .usp_block_c {
    display: none;
  }
}
#section8 .holds_usp_boxes .usp_block {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 992px) {
  #section8 .holds_usp_boxes .usp_block {
    width: 30%;
  }
}
@media screen and (max-width: 991px) {
  #section8 .holds_usp_boxes .usp_block {
    margin-bottom: 1rem;
    width: 70%;
  }
}
#section8 .holds_usp_boxes .usp_block img.dummio {
  opacity: 0;
  max-width: 100%;
}
#section8 .holds_usp_boxes .usp_block p {
  position: absolute;
  min-height: 7rem;
  text-align: center;
  color: #052f3f;
  font-weight: 600;
  max-width: 80%;
  left: 10%;
  z-index: 9;
}
@media screen and (min-width: 992px) {
  #section8 .holds_usp_boxes .usp_block p {
    bottom: 15%;
    font-size: calc(1.1rem + 0.1vw);
  }
}
@media screen and (max-width: 991px) {
  #section8 .holds_usp_boxes .usp_block p {
    bottom: 10%;
    font-size: calc(1rem + 0.1vw);
  }
}
#section8 .get_more_info_button_holder {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 2rem;
}
#section8 .get_more_info_button_holder a {
  background: #052f3f;
  text-align: center;
  color: #fff;
  max-width: 15rem;
  padding: 1rem 2rem;
  font-weight: 600;
  font-family: "Archivo", sans-serif;
  text-decoration: none;
}
#section8 .get_more_info_button_holder .gotonext_button_usp {
  margin: 0 auto;
  max-width: 6rem;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../../inc/assets/keep_scrolling.png");
  left: calc(50% - 1.5rem);
  -ms-animation: buttondown 0.7s infinite alternate;
  -webkit-animation: buttondown 0.7s infinite alternate;
  -moz-animation: buttondown 0.7s infinite alternate;
  pointer-events: none;
}
#section8 .get_more_info_button_holder .gotonext_button_usp .dummo {
  opacity: 0;
  pointer-events: none;
  height: 100%;
  width: 100%;
}

/********************/
/*** ********** *****/
/********************/
@media screen and (max-width: 991px) {
  #section9 .fp-bg .containo {
    height: 100%;
  }
}
#section9 .fp-bg .testimonials_holder {
  display: flex;
  width: 100%;
}
@media screen and (min-width: 992px) {
  #section9 .fp-bg .testimonials_holder {
    flex-direction: row;
    justify-content: center;
  }
}
@media screen and (max-width: 991px) {
  #section9 .fp-bg .testimonials_holder {
    flex-direction: column-reverse;
    height: 90%;
    justify-content: space-between;
  }
}
@media screen and (min-width: 992px) {
  #section9 .fp-bg .testimonials_holder .person.testimonial_person {
    width: 40%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 40rem;
  }
}
@media screen and (max-width: 991px) {
  #section9 .fp-bg .testimonials_holder .person.testimonial_person {
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 12rem;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
  #section9 .fp-bg .testimonials_holder .person.testimonial_person {
    width: 30% !important;
  }
}
@media screen and (min-width: 992px) {
  #section9 .fp-bg .testimonials_holder .testimonial_speech {
    width: 50%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    background-image: url("../../inc/assets/testimonial_speech.png");
  }
}
@media screen and (max-width: 991px) {
  #section9 .fp-bg .testimonials_holder .testimonial_speech {
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
  #section9 .fp-bg .testimonials_holder .testimonial_speech {
    width: 70% !important;
  }
}
#section9 .fp-bg .testimonials_holder .testimonial_speech img.dummio {
  opacity: 0;
  pointer-events: none;
  max-width: 100%;
  height: 100%;
  max-height: 50rem;
}
#section9 .fp-bg .testimonials_holder .testimonial_speech .innerspeech {
  padding: 1.5rem 2rem;
  position: absolute;
  text-align: left;
}
@media screen and (min-width: 992px) {
  #section9 .fp-bg .testimonials_holder .testimonial_speech .innerspeech {
    height: 90%;
    left: 18%;
    top: 0%;
    width: 66%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
  }
}
@media screen and (max-width: 991px) {
  #section9 .fp-bg .testimonials_holder .testimonial_speech .innerspeech {
    top: 5%;
    width: 90%;
  }
}
#section9 .fp-bg .testimonials_holder .testimonial_speech .innerspeech p {
  color: #052f3f;
  font-weight: 600;
  font-family: "Archivo", sans-serif;
  text-align: left;
}
@media screen and (min-width: 992px) {
  #section9 .fp-bg .testimonials_holder .testimonial_speech .innerspeech p {
    font-size: calc(1.05rem + 0.1vw);
  }
}
@media screen and (max-width: 991px) {
  #section9 .fp-bg .testimonials_holder .testimonial_speech .innerspeech p {
    font-size: calc(1.05rem + 0.1vw);
  }
}
#section9 .fp-bg .testimonials_holder .testimonial_speech #testimonial_author {
  position: relative;
  margin-top: 1rem;
}
#section9 .fp-bg .testimonials_holder .testimonial_speech #testimonial_author p {
  color: #052f3f;
  font-weight: 500;
  font-size: calc(1.1rem + 0.1vw);
  font-family: "Archivo", sans-serif;
}

.fp-slidesNav {
  display: none;
}

/********************/
/*** ********** *****/
/********************/
#section10 .fp-arrow, #sectionContact2 .fp-arrow {
  border-color: transparent transparent transparent #052f3f;
}
#section10 .fp-bg, #sectionContact2 .fp-bg {
  z-index: 99;
}
#section10 .fp-bg .staffbackground_a {
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background-size: 40%;
  background-position: 96% 50%;
  background-repeat: repeat-x;
  background-image: url("../../inc/assets/staffback_bw_strip.png");
  opacity: 0.1;
  position: absolute;
}
#section10 .fp-bg .staffbackground_a img {
  opacity: 0;
}
@media screen and (min-width: 992px) {
  #section10 .fp-bg .slide .staffslider_zone {
    display: flex;
  }
}
@media screen and (max-width: 991px) {
  #section10 .fp-bg .slide .staffslider_zone {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (min-width: 992px) {
  #section10 .fp-bg .slide .staffslider_zone .staff_image {
    width: 33%;
  }
}
@media screen and (max-width: 991px) {
  #section10 .fp-bg .slide .staffslider_zone .staff_image {
    width: 100%;
  }
}
#section10 .fp-bg .slide .staffslider_zone .staff_image figure {
  margin: 0;
  text-align: center;
}
#section10 .fp-bg .slide .staffslider_zone .staff_image figure img {
  width: 100%;
}

@media screen and (min-width: 992px) {
  #section10 .fp-bg .slide .staffslider_zone .staff_image figure img {
    max-width: 20rem;
  }
}
@media screen and (max-width: 991px) {
  #section10 .fp-bg .slide .staffslider_zone .staff_image figure img {
    max-width: 8rem;
  }

  #section10 .right-text-col {
    width: calc(100vw - 10rem);
    left: 1rem;
    padding: 4rem;
  }

  #section10 .fp-bg,  #sectionContact2 .fp-bg{
    background-position: top;
  }
}

/********************/
/*** ********** *****/
/********************/
section#section11 {
  padding-bottom: 5rem;
}
section#section11 .fp-bg {
  z-index: 9;
}
section#section11 .fp-bg .containo {
  position: relative;
  max-height: 80%;
}
section#section11 .fp-bg .grid_zone {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 991px) {
  section#section11 .fp-bg .grid_zone #grid_box_3, section#section11 .fp-bg .grid_zone #grid_box_4, section#section11 .fp-bg .grid_zone #grid_box_5, section#section11 .fp-bg .grid_zone #grid_box_6 {
    /* display: none; */
  }
}
@media screen and (min-width: 2560px) {
  section#section11 .fp-bg .grid_zone .grid_box {
    width: 33%;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  section#section11 .fp-bg .grid_zone .grid_box {
    width: 33%;
  }
}
@media screen and (min-width: 1681px) and (max-width: 1919px) {
  section#section11 .fp-bg .grid_zone .grid_box {
    width: 33%;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
  section#section11 .fp-bg .grid_zone .grid_box {
    width: 33%;
  }
}
@media screen and (min-width: 1366px) and (max-width: 1440px) {
  section#section11 .fp-bg .grid_zone .grid_box {
    width: 33%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1365px) {
  section#section11 .fp-bg .grid_zone .grid_box {
    width: 33%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1023px) {
  section#section11 .fp-bg .grid_zone .grid_box {
    width: 33%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  section#section11 .fp-bg .grid_zone .grid_box {
    width: calc(50% - 0.5rem);
  }
}
@media screen and (min-width: 441px) and (max-width: 767px) {
  section#section11 .fp-bg .grid_zone .grid_box {
    width: calc(50% - 0.5rem);
  }
}
@media screen and (min-width: 351px) and (max-width: 440px) {
  section#section11 .fp-bg .grid_zone .grid_box {
    width: calc(50% - 0.5rem);
  }
}
@media screen and (max-width: 350px) {
  section#section11 .fp-bg .grid_zone .grid_box {
    width: calc(50% - 0.5rem);
  }
}
section#section11 .fp-bg .grid_zone .grid_box a {
  text-decoration: none;
}
section#section11 .fp-bg .grid_zone .grid_box a:hover {
  opacity: 0.8;
}
section#section11 .fp-bg .grid_zone .grid_box .innerbox {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../../inc/assets/six_grid_back.png");
  background-size: cover;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 992px) {
  section#section11 .fp-bg .grid_zone .grid_box .innerbox {
    height: 20rem;
    max-height: 14rem;
  }
}
@media screen and (max-width: 991px) {
  section#section11 .fp-bg .grid_zone .grid_box .innerbox {
    height: 20rem;
    max-height: 14rem;
  }
}
@media screen and (min-height: 1000px) {
  section#section11 .fp-bg .grid_zone .grid_box .innerbox {
    max-height: 12rem;
  }
}
@media screen and (min-height: 900px) and (max-height: 999px) {
  section#section11 .fp-bg .grid_zone .grid_box .innerbox {
    max-height: 12rem;
  }
}
@media screen and (min-height: 800px) and (max-height: 899px) {
  section#section11 .fp-bg .grid_zone .grid_box .innerbox {
    max-height: 12rem;
  }
}
@media screen and (min-height: 700px) and (max-height: 799px) {
  section#section11 .fp-bg .grid_zone .grid_box .innerbox {
    max-height: 12rem;
  }
}
@media screen and (max-height: 699px) {
  section#section11 .fp-bg .grid_zone .grid_box .innerbox {
    max-height: 12rem;
  }
}
@media screen and (min-height: 1000px) {
  section#section11 .fp-bg .grid_zone .grid_box .innerbox {
    max-height: 20vh;
  }
}
@media screen and (min-height: 900px) and (max-height: 999px) {
  section#section11 .fp-bg .grid_zone .grid_box .innerbox {
    max-height: 20vh;
  }
}
@media screen and (min-height: 800px) and (max-height: 899px) {
  section#section11 .fp-bg .grid_zone .grid_box .innerbox {
    max-height: 20vh;
  }
}
@media screen and (min-height: 700px) and (max-height: 799px) {
  section#section11 .fp-bg .grid_zone .grid_box .innerbox {
    max-height: 20vh;
  }
}
@media screen and (max-height: 699px) {
  section#section11 .fp-bg .grid_zone .grid_box .innerbox {
    max-height: 20vh;
  }
}
section#section11 .fp-bg .grid_zone .grid_box .innerbox img {
  opacity: 0;
}
section#section11 .fp-bg .grid_zone .grid_box .innerbox p {
  font-size: calc(0.9rem + 0.1vw);
  font-family: "Archivo", sans-serif;
  color: #052f3f;
  font-weight: 600;
  text-decoration: none;
}
@media screen and (min-width: 992px) {
  section#section11 .fp-bg .grid_zone .grid_box .innerbox p {
    max-width: 80%;
    margin-left: 10%;
  }
}
@media screen and (max-width: 991px) {
  section#section11 .fp-bg .grid_zone .grid_box .innerbox p {
    max-width: 95%;
    margin-left: 2.5%;
  }
}
section#section11 .fp-bg .grid_zone .grid_box .holds_undertext {
  text-align: center;
  max-width: 70%;
  margin-left: 15%;
}
section#section11 .fp-bg .grid_zone .grid_box .holds_undertext p {
  text-decoration: none;
  text-align: center;
  text-decoration: none;
  font-size: calc(0.9rem + 0.1vw);
  color: #052f3f;
  margin-bottom: 3rem;
}
section#section11 .fp-bg .grid_zone .grid_box .holds_undertext a {
  margin: unset;
}

/*********************************************************/
/*** end sections  *****/
/********************/
/********************/
/*** ********** *****/
/********************/



/********************/
/*** ********** *****/
/********************/
/********************/
/*** ********** *****/
/********************/
section .faded_down {
  opacity: 0;
  transition: all 0.7s ease-in-out;
  transform: translateY(30%);
}
section .faded_down_b {
  opacity: 0;
  transition: all 0.8s ease-in-out;
  transform: translateY(40%);
}
section .faded_down_b_a {
  opacity: 0;
  transition: all 0.8s ease-in-out;
  transform: translateY(50%);
}
section .faded_down_b_b {
  opacity: 0;
  transition: all 0.7s ease-in-out;
  transform: translateY(20%);
}
section .faded_down_b_c {
  opacity: 0;
  transition: all 0.8s ease-in-out;
  transform: translateY(80%);
}
section .faded_scale {
  opacity: 0;
  transition: all 0.9s ease-in-out;
  transform: scale(0.8);
}
section .staff_person_1 {
  transition: all 0.5s ease-in-out !important;
  transform: translate(-10%, 30%) scale(0.8);
}
section .staff_person_2 {
  transition: all 0.5s ease-in-out !important;
  transform: translate(0%, 30%) scale(0.8);
}
section .staff_person_3 {
  transition: all 0.5s ease-in-out !important;
  transform: translate(-5%, 20%) scale(0.8);
}
section .staff_person_4 {
  transition: all 0.5s ease-in-out !important;
  transform: translate(0%, 30%) scale(0.8);
}
section .staff_person_5 {
  transition: all 0.5s ease-in-out !important;
  transform: translate(10%, 30%) scale(0.8);
}
section .staff_person_6 {
  transition: all 0.5s ease-in-out !important;
  transform: translate(15%, 25%) scale(0.8);
}
section .staff_person_7 {
  transition: all 0.5s ease-in-out !important;
  transform: translate(15%, 30%) scale(0.8);
}
section .staff_person_8 {
  transition: all 0.5s ease-in-out !important;
  transform: translate(18%, 50%) scale(0.8);
}
section .staff_person_9 {
  transition: all 0.5s ease-in-out !important;
  transform: translate(30%, 80%) scale(0.8);
}

/********************/
/***      james *****/
/********************/
.side_man {
  pointer-events: none;
  position: fixed;
  right: 0;
  bottom: 0;
  /* height: 100%; */
  z-index: 999;
}
@media screen and (min-width: 2560px) {
  .side_man {
    width: 30rem;
    max-width: 33vw;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  .side_man {
    width: 30rem;
    max-width: 33vw;
  }
}
@media screen and (min-width: 1681px) and (max-width: 1919px) {
  .side_man {
    width: 30rem;
    max-width: 33vw;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
  .side_man {
    width: 30rem;
    max-width: 33vw;
  }
}
@media screen and (min-width: 1366px) and (max-width: 1440px) {
  .side_man {
    width: 30rem;
    max-width: 33vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .side_man {
    width: 30rem;
    max-width: 30vw;
  }
}
@media screen and (min-width: 992px) and (max-width: 1023px) {
  .side_man {
    width: 30rem;
    max-width: 30vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .side_man {
    width: 100rem;
    max-width: 100vw;
  }
}
@media screen and (min-width: 441px) and (max-width: 767px) {
  .side_man {
    width: 100rem;
    max-width: 100vw;
  }
}
@media screen and (min-width: 351px) and (max-width: 440px) {
  .side_man {
    width: 100rem;
    max-width: 100vw;
  }
}
@media screen and (max-width: 350px) {
  .side_man {
    width: 100rem;
    max-width: 100vw;
  }
}
.side_man .james_click_out_speech {
  position: absolute;
  bottom: 1.5rem;
  right: -5%;
  top: 5%;
  opacity: 0;
  transition: all 0.2s ease;
  z-index: 400;
  cursor: pointer;
}
.side_man .james_click_out_speech span {
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background: #fff;
  color: #052f3f;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #333;
}
.side_man .james_head {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../../inc/assets/james.png");
  padding: 2rem;
  position: absolute;
  bottom: 0;
  right: -40rem;
  transform: scale(1);
  filter: saturate(1);
  transition: all 0.1s ease;
  height: 12rem;
  width: 12rem;
  z-index: 999;
  transition: all 0.2s ease;
  /********************/
  /********************/
}
.side_man .james_head:hover {
  transform: scale(1.1) translateY(-0.2rem);
}
.side_man .james_head.head-shown {
  right: 1rem !important;
  transition: all 0.5s ease;
}
    .side_man .james_head .james_speech {
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        background-image: url("../../inc/assets/talking_head_balloon_right.png");
        padding: 2rem;
        position: absolute;
        cursor: pointer;
        right: 12rem;
    bottom: 7rem;
    }
@media screen and (min-width: 2560px) {
  .side_man .james_head .james_speech {
    max-width: 22rem;
    max-height: 13rem;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  .side_man .james_head .james_speech {
    max-width: 22rem;
    max-height: 13rem;
  }
}
@media screen and (min-width: 1681px) and (max-width: 1919px) {
  .side_man .james_head .james_speech {
    max-width: 22rem;
    max-height: 13rem;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
  .side_man .james_head .james_speech {
    max-width: 22rem;
    max-height: 13rem;
  }
}
@media screen and (min-width: 1366px) and (max-width: 1440px) {
  .side_man .james_head .james_speech {
    max-width: 22rem;
    max-height: 13rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .side_man .james_head .james_speech {
    max-width: 22rem;
    max-height: 13rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1023px) {
  .side_man .james_head .james_speech {
    max-width: 22rem;
    max-height: 13rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .side_man .james_head .james_speech {
    max-width: 22rem;
    max-height: 13rem;
  }
}
@media screen and (min-width: 441px) and (max-width: 767px) {
  .side_man .james_head .james_speech {
    max-width: 22rem;
    max-height: 13rem;
  }
}
@media screen and (min-width: 351px) and (max-width: 440px) {
  .side_man .james_head .james_speech {
    max-width: 22rem;
    max-height: 13rem;
  }
}
@media screen and (max-width: 350px) {
  .side_man .james_head .james_speech {
    max-width: 22rem;
    max-height: 13rem;
  }
}
.side_man .james_head .james_speech p {
  max-width: 15rem;
  position: absolute;
  left: 4rem;
  font-size: calc(0.85rem + 0.1vw);
  text-align: center;
  color: #052f3f;
  font-weight: 500;
  font-family: "Archivo", sans-serif;

  margin: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.side_man .james_head .james_speech p span.click_me {
  display: block;
  margin-top: 1rem;
  font-size: calc(0.7rem + 0.1vw);
}
.side_man .james_head .james_speech .speech_sizer {
  opacity: 0;
  max-width: 25rem;
  position: relative;
}
.side_man .james_side_text {
  color: #052f3f;
  font-size: 1.2rem;
  height: 100%;
  position: absolute;
  right: -150%;
  visibility: hidden;
  transition: all 0.2s ease;
  background: #efefef;
  background-image: url("../../inc/assets/quote.png");
  background-repeat: no-repeat;
  background-position: 1rem 1rem;
  padding: 2rem;
  max-width: 40rem;
  display: flex;
  align-items: center;
  width: 100%;
  z-index: 99999;
  flex-direction: column;
  justify-content: center;
}
.side_man .james_side_text p {
  font-size: 1.2rem;
  text-align: center;
  color: #052f3f;
  font-weight: 400;
  font-family: "Archivo", sans-serif;
  max-width: 24rem;
}
.side_man .james_side_text p strong {
  font-weight: 800;
}
.side_man .james_side_text p a.internal_side_link {
  font-size: calc(1.1rem + 0.1vw);
  text-align: center;
  color: #052f3f;
  font-weight: 600;
  font-family: "Archivo", sans-serif;
  max-width: 24rem;
  text-decoration: none;
  display: block;
  margin-top: 1rem;
}
.side_man .james_side_text.text-shown {
  right: 0%;
  visibility: visible;
}
.side_man .james_side_text a.readmorelink {
  width: 100%;
  display: block;
  text-align: center;
  color: #052f3f;
  font-weight: 600;
  font-family: "Archivo", sans-serif;
}

.side_man.manpointer_on {
  pointer-events: all !important;
}
.side_man.manpointer_on .james_click_out_speech {
  right: 35%;
  opacity: 1;
  transition: all 0.2s ease;
  pointer-events: all;
}

.james_head.head-shown {
  z-index: 99999999;
}

.james_head.head-shown.rightforcedface {
  right: 87% !important;
}

.james_head.speechbubblehidden .james_speech {
  display: none;
}

@media screen and (max-width: 992px) {

  .james_head.head-shown.rightforcedface {
    right: 57% !important;
  }

  .side_man .james_side_text.text-shown {
    padding: 0; 
    max-width: 100%;
  }

  .side_man .james_side_text p {
    max-width: 80vw;
    font-size: 1.3rem;
    line-height: 2rem;
  }

  .side_man .james_head .james_speech p {
    font-size: 1.2rem
  }

}


/********************/
/***      james *****/
/********************/
section.active .faded_down {
  opacity: 1 !important;
  transition: all 0.7s ease-in-out !important;
  transform: translateY(0%);
}
section.active .faded_down_b {
  opacity: 1 !important;
  transition: all 0.9s ease-in-out !important;
  transform: translateY(0%) !important;
}
section.active .faded_down_b_a {
  opacity: 1 !important;
  transition: all 0.8s ease-in-out !important;
  transform: translateY(0%) !important;
}
section.active .faded_down_b_b {
  opacity: 1 !important;
  transition: all 0.7s ease-in-out !important;
  transform: translateY(0%) !important;
}
section.active .faded_down_b_c {
  opacity: 1 !important;
  transition: all 0.8s ease-in-out !important;
  transform: translateY(0%) !important;
}
section.active .faded_scale {
  opacity: 1 !important;
  transition: all 0.9s ease-in-out !important;
  transform: scale(1) ;
}
section.active .staff_person_1 {
  transition: all 0.5s ease-in-out !important;
  transform: translate(-10%, 10%) scale(0.8);
}
section.active .staff_person_2 {
  transition: all 0.5s ease-in-out !important;
  transform: translate(0%, 10%) scale(1.02);
}
section.active .staff_person_3 {
  transition: all 0.5s ease-in-out !important;
  transform: translate(-5%, -20%) scale(0.8);
}
section.active .staff_person_4 {
  transition: all 0.5s ease-in-out !important;
  transform: translate(0%, 20%) scale(0.8);
}
section.active .staff_person_5 {
  transition: all 0.5s ease-in-out !important;
  transform: translate(10%, 20%) scale(1.5);
}
section.active .staff_person_6 {
  transition: all 0.5s ease-in-out !important;
  transform: translate(15%, 15%) scale(1);
}
section.active .staff_person_7 {
  transition: all 0.5s ease-in-out !important;
  transform: translate(15%, 20%) scale(1.07);
}
section.active .staff_person_8 {
  transition: all 0.5s ease-in-out !important;
  transform: translate(18%, 40%) scale(1.05);
}
section.active .staff_person_9 {
  transition: all 0.5s ease-in-out !important;
  transform: translate(30%, 70%) scale(1.1);
}

.fp-watermark {
  display: none;
}

#section5 .canvas_a #polyline_a, #section5 .canvas_a #polyline_ab, #section5 .canvas_a #polyline_ac, #section5 .canvas_a #polyline_ad, #section5 .canvas_a #polyline_ae, #section5 .canvas_a #polyline_af, #section5 .canvas_a #polyline_ag {
  transition: stroke-dashoffset 2s linear;
}
@media screen and (min-width: 992px) {
  #section5 .canvas_a #polyline_a, #section5 .canvas_a #polyline_ab, #section5 .canvas_a #polyline_ac, #section5 .canvas_a #polyline_ad, #section5 .canvas_a #polyline_ae, #section5 .canvas_a #polyline_af, #section5 .canvas_a #polyline_ag {
    stroke-dasharray: 800;
    stroke-dashoffset: 800;
  }
}
@media screen and (max-width: 991px) {
  #section5 .canvas_a #polyline_a, #section5 .canvas_a #polyline_ab, #section5 .canvas_a #polyline_ac, #section5 .canvas_a #polyline_ad, #section5 .canvas_a #polyline_ae, #section5 .canvas_a #polyline_af, #section5 .canvas_a #polyline_ag {
    stroke-dasharray: 1200;
    stroke-dashoffset: 1200;
  }
}
#section5 .canvas_b #polyline_b, #section5 .canvas_b #polyline_bb, #section5 .canvas_b #polyline_bc, #section5 .canvas_b #polyline_bd, #section5 .canvas_b #polyline_be, #section5 .canvas_b #polyline_bf, #section5 .canvas_b #polyline_bg {
  transition: stroke-dashoffset 2.5s linear;
}
@media screen and (min-width: 992px) {
  #section5 .canvas_b #polyline_b, #section5 .canvas_b #polyline_bb, #section5 .canvas_b #polyline_bc, #section5 .canvas_b #polyline_bd, #section5 .canvas_b #polyline_be, #section5 .canvas_b #polyline_bf, #section5 .canvas_b #polyline_bg {
    stroke-dasharray: 800;
    stroke-dashoffset: 800;
  }
}
@media screen and (max-width: 991px) {
  #section5 .canvas_b #polyline_b, #section5 .canvas_b #polyline_bb, #section5 .canvas_b #polyline_bc, #section5 .canvas_b #polyline_bd, #section5 .canvas_b #polyline_be, #section5 .canvas_b #polyline_bf, #section5 .canvas_b #polyline_bg {
    stroke-dasharray: 1300;
    stroke-dashoffset: 1300;
  }
}
#section5 .canvas_c #polyline_c, #section5 .canvas_c #polyline_cb, #section5 .canvas_c #polyline_cc, #section5 .canvas_c #polyline_cd, #section5 .canvas_c #polyline_ce, #section5 .canvas_c #polyline_cf, #section5 .canvas_c #polyline_cg {
  transition: stroke-dashoffset 2s linear;
}
@media screen and (min-width: 992px) {
  #section5 .canvas_c #polyline_c, #section5 .canvas_c #polyline_cb, #section5 .canvas_c #polyline_cc, #section5 .canvas_c #polyline_cd, #section5 .canvas_c #polyline_ce, #section5 .canvas_c #polyline_cf, #section5 .canvas_c #polyline_cg {
    stroke-dasharray: 800;
    stroke-dashoffset: 800;
  }
}
@media screen and (max-width: 991px) {
  #section5 .canvas_c #polyline_c, #section5 .canvas_c #polyline_cb, #section5 .canvas_c #polyline_cc, #section5 .canvas_c #polyline_cd, #section5 .canvas_c #polyline_ce, #section5 .canvas_c #polyline_cf, #section5 .canvas_c #polyline_cg {
    stroke-dasharray: 1300;
    stroke-dashoffset: 1300;
  }
}

#section5.send-data-class .canvas_a #polyline_a, #section5.send-data-class .canvas_a #polyline_ab, #section5.send-data-class .canvas_a #polyline_ac, #section5.send-data-class .canvas_a #polyline_ad, #section5.send-data-class .canvas_a #polyline_ae, #section5.send-data-class .canvas_a #polyline_af, #section5.send-data-class .canvas_a #polyline_ag {
  stroke-dashoffset: 0 !important;
  transition: stroke-dashoffset 1.5s linear !important;
}
#section5.send-data-class .canvas_b #polyline_b, #section5.send-data-class .canvas_b #polyline_bb, #section5.send-data-class .canvas_b #polyline_bc, #section5.send-data-class .canvas_b #polyline_bd, #section5.send-data-class .canvas_b #polyline_be, #section5.send-data-class .canvas_b #polyline_bf, #section5.send-data-class .canvas_b #polyline_bg {
  stroke-dashoffset: 0 !important;
  transition: stroke-dashoffset 1s linear !important;
}
#section5.send-data-class .canvas_c #polyline_c, #section5.send-data-class .canvas_c #polyline_cb, #section5.send-data-class .canvas_c #polyline_cc, #section5.send-data-class .canvas_c #polyline_cd, #section5.send-data-class .canvas_c #polyline_ce, #section5.send-data-class .canvas_c #polyline_cf, #section5.send-data-class .canvas_c #polyline_cg {
  stroke-dashoffset: 0 !important;
  transition: stroke-dashoffset 1s linear !important;
}

/********************/
/*** ********** *****/
/********************/
section#section6 .canvas_ipad #polyline_canvas_a, section#section6 .canvas_ipad #polyline_canvas_b, section#section6 .canvas_ipad #polyline_canvas_c, section#section6 .canvas_ipad #polyline_canvas_d, section#section6 .canvas_ipad #polyline_canvas_e, section#section6 .canvas_ipad #polyline_canvas_f, section#section6 .canvas_ipad #polyline_canvas_g {
  transition: stroke-dashoffset 0.8s linear;
}
@media screen and (min-width: 992px) {
  section#section6 .canvas_ipad #polyline_canvas_a, section#section6 .canvas_ipad #polyline_canvas_b, section#section6 .canvas_ipad #polyline_canvas_c, section#section6 .canvas_ipad #polyline_canvas_d, section#section6 .canvas_ipad #polyline_canvas_e, section#section6 .canvas_ipad #polyline_canvas_f, section#section6 .canvas_ipad #polyline_canvas_g {
    stroke-dasharray: 800;
    stroke-dashoffset: 800;
  }
}
@media screen and (max-width: 991px) {
  section#section6 .canvas_ipad #polyline_canvas_a, section#section6 .canvas_ipad #polyline_canvas_b, section#section6 .canvas_ipad #polyline_canvas_c, section#section6 .canvas_ipad #polyline_canvas_d, section#section6 .canvas_ipad #polyline_canvas_e, section#section6 .canvas_ipad #polyline_canvas_f, section#section6 .canvas_ipad #polyline_canvas_g {
    stroke-dasharray: 1200;
    stroke-dashoffset: 1200;
  }
}

section#section6.get-data-class .canvas_ipad #polyline_canvas_a, section#section6.get-data-class .canvas_ipad #polyline_canvas_b, section#section6.get-data-class .canvas_ipad #polyline_canvas_c, section#section6.get-data-class .canvas_ipad #polyline_canvas_d, section#section6.get-data-class .canvas_ipad #polyline_canvas_e, section#section6.get-data-class .canvas_ipad #polyline_canvas_f, section#section6.get-data-class .canvas_ipad #polyline_canvas_g {
  stroke-dashoffset: 0 !important;
  transition: stroke-dashoffset 1s linear !important;
}

/********************/
/*** ********** *****/
/********************/

main .single_container {
  padding: 0 10rem;
}

@media screen and (max-width: 1440px) {
  main .single_container {
    padding: 0;
  }
}

@media screen and (max-width: 991px) {
  main.site-main .flexholder {
    padding-top: 9rem;
  }

  
  
}

main.site-main.single_blog_post {
  background: #fcfcfa;
}
@media screen and (max-width: 991px) {
  main.site-main.single_blog_post .holds_content {
    padding-top: 6rem;
  }
}
main.site-main.single_blog_post .holds_content .holds_image {
  height: 40vh;
  margin: 3rem 0;
}
main.site-main.single_blog_post .holds_content .holds_image figure {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  margin: 0;
  padding: 0;
}
main.site-main.single_blog_post .holds_content .holds_content_side {
  display: flex;
}
@media screen and (min-width: 992px) {
  main.site-main.single_blog_post .holds_content .holds_content_side {
    flex-direction: row;
  }
}
@media screen and (max-width: 991px) {
  main.site-main.single_blog_post .holds_content .holds_content_side {
    flex-direction: column;
  }
}
@media screen and (min-width: 992px) {
  main.site-main.single_blog_post .holds_content .holds_content_side .maincontent {
    width: 70%;
  }
}
@media screen and (max-width: 991px) {
  main.site-main.single_blog_post .holds_content .holds_content_side .maincontent {
    width: 100%;
  }
}
main.site-main.single_blog_post .holds_content .holds_content_side .maincontent h1, main.site-main.single_blog_post .holds_content .holds_content_side .maincontent h2, main.site-main.single_blog_post .holds_content .holds_content_side .maincontent h3, main.site-main.single_blog_post .holds_content .holds_content_side .maincontent h4, main.site-main.single_blog_post .holds_content .holds_content_side .maincontent h5 {
  color: #052f3f;
  font-weight: 700;
  font-family: "Archivo", sans-serif;
  text-align: left;
}
main.site-main.single_blog_post .holds_content .holds_content_side .maincontent p {
  text-align: left;
  font-size: calc(0.9rem + 0.1vw);
  font-family: "Archivo", sans-serif;
  /* line-height: 1.1em; */
}

/********************/
/*** ********** *****/
/********************/
main.site-main.single_page {
  background: #fcfcfa;
}
main.site-main.single_page .holds_content .holds_image {
  height: 40vh;
  margin: 3rem 0;
}
main.site-main.single_page .holds_content .holds_image figure {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  margin: 0;
  padding: 0;
}
main.site-main.single_page .holds_content .holds_content_side {
  display: flex;
}
main.site-main.single_page .holds_content .holds_content_side .maincontent {
  width: 70%;
}
main.site-main.single_page .holds_content .holds_content_side .maincontent h1, main.site-main.single_page .holds_content .holds_content_side .maincontent h2, main.site-main.single_page .holds_content .holds_content_side .maincontent h3, main.site-main.single_page .holds_content .holds_content_side .maincontent h4, main.site-main.single_page .holds_content .holds_content_side .maincontent h5 {
  color: #052f3f;
  font-weight: 700;
  font-family: "Archivo", sans-serif;
  text-align: left;
}
main.site-main.single_page .holds_content .holds_content_side .maincontent p {
  text-align: left;
  font-size: calc(0.9rem + 0.1vw);
  font-weight: 400;
  font-family: "Archivo", sans-serif;
}

main.site-main .single_top_menu  {
  position: absolute;
  margin: 2rem 3rem;
}

main.archivo .single_top_menu  {
  margin: 2rem 0rem;
  position: inherit;
}

main.site-main .single_top_menu img{
  height: 5rem;
  transform: rotate(90deg);
}

main.archivo .single_top_menu img {
  height: 5rem;
  transform: rotate(0deg);
}

main.site-main .single_top_menu a.back_btn, main.archivo .single_top_menu a.back_btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 1.5rem;
  text-decoration: none;
}


main.site-main .single_top_menu a.back_btn img, main.archivo .single_top_menu a.back_btn img {
  height: 5rem;
  transform: rotate(90deg);
  transition: all 600ms ease-in-out;
  position: absolute;
  font-family: 'Ballinger';
  color: #052f3f;
  font-size: 1.3rem;
  width: max-content;
}

main.archivo .single_top_menu a.back_btn img {
  transform: scale(1);
}

main.site-main .single_top_menu a:hover.back_btn img, main.archivo .single_top_menu a:hover.back_btn img {
  transform: rotate(450deg);
}

main.site-main .single_top_menu a:hover.back_btn img, main.archivo .single_top_menu a:hover.back_btn img {
  transform: scale(1.2);
}

main.site-main .single_top_menu a.back_btn .btn_label_text, main.archivo .single_top_menu a.back_btn .btn_label_text {
  opacity:0;
  transition: all 400ms ease-in-out;
  color: #052f3f;
  font-family: 'Ballinger';
  font-size: 1.5rem;
}

main.site-main .single_top_menu a:hover.back_btn .btn_label_text, main.archivo .single_top_menu a:hover.back_btn .btn_label_text {
  opacity:1;
  transform: scaleX(1) translateX(200px);
}





main .holds_content .holds_content_full {
  display: flex;
}
main.site-main.single_page .holds_content .holds_content_full .maincontent {
  width: 70%;
}
main.site-main.single_page .holds_content .holds_content_full .maincontent h1, main.site-main.single_page .holds_content .holds_content_side .maincontent h2, main.site-main.single_page .holds_content .holds_content_side .maincontent h3, main.site-main.single_page .holds_content .holds_content_side .maincontent h4, main.site-main.single_page .holds_content .holds_content_side .maincontent h5 {
  color: #052f3f;
  font-weight: 700;
  font-family: "Archivo", sans-serif;
  text-align: left;
}
main.site-main.single_page .holds_content .holds_content_full .maincontent p {
  text-align: left;
  font-size: calc(0.9rem + 0.1vw);
  font-weight: 400;
  font-family: "Archivo", sans-serif;
}

main.site-main .holds_content {
  padding: 5rem 0rem;
}

main.site-main .holds_content p {
  /* line-height: 2rem; */
  text-align: left;
}


@media screen and (min-width: 992px) {
  main.site-main.single_page .side_bar,
main.site-main.single_blog_post .side_bar {
    width: 30%;
    padding: 1rem 1.5rem 0 3rem;
  }
}

@media screen and (max-width: 991px) {
  main.site-main.single_page .side_bar,
main.site-main.single_blog_post .side_bar {
    width: 100%;
    padding-top: 2rem;
  }

  main .holds_content .holds_content_full {
    display: block;
  }
}

main.site-main.single_page .side_bar .holds_inner,
main.site-main.single_blog_post .side_bar .holds_inner {
  border-left: 1px solid #052f3f;
  padding: 0 1rem 0;
}
main.site-main.single_page .side_bar .holds_inner p, main.site-main.single_page .side_bar .holds_inner a,
main.site-main.single_blog_post .side_bar .holds_inner p,
main.site-main.single_blog_post .side_bar .holds_inner a {
  font-family: "Archivo", sans-serif;
}



/********************/
/*** route defaults *****/
/********************/
/* .routeclass-default .xray_content li:nth-child(4), .routeclass-default .xray_content li:nth-child(5), .routeclass-sustainability .xray_content li:nth-child(4), .routeclass-sustainability .xray_content li:nth-child(5) {
  display: none;
} */
.routeclass-default #section2 .lifto#lifto_b, .routeclass-sustainability #section2 .lifto#lifto_b {
  top: 13%;
}

.routeclass-wellness .xray_content li:nth-child(4), .routeclass-wellness .xray_content li:nth-child(5), .routeclass-financial .xray_content li:nth-child(4), .routeclass-financial .xray_content li:nth-child(5) {
  display: block;
}

.routeclass-wellness #section2 .lifto#lifto_b {
  top: 35%;
}

.routeclass-financial #section2 .lifto#lifto_b {
  top: 52%;
}
@media screen and (min-width: 992px) {
  .routeclass-financial .testimonial_speech {
    width: 60% !important;
  }
}

/********************/
/*** ********** *****/
/********************/
.body-head-shown .side_man.manpointer_on .james_click_out_speech {
  right: 90%;
}

/********************/
/*** moile  *****/
/********************/
@media screen and (max-width: 991px) {
  /* section.section {
    height: 100vh;
  } */
}

@media screen and (max-width: 991px) {
  .hideonmobile {
    display: none !important;
  }
}

@media screen and (min-width: 992px) {
  .hideondesktop {
    display: none !important;
  }


}

/********************/
/*** ********** *****/
/********************/
.empty_image_loader {
  display: none;
}

/********************/
/*** ********** *****/
/********************/
#coverall {
  opacity: 1;
  transition: all 0.2s ease-in-out;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 999999999;
  display: flex;
  align-items: center;
  justify-content: center;
}
#coverall img {
  width: 8rem;
  height: 8rem;
  animation-iteration-count: infinite;
  animation: pulsar 40s infinite;
}

@keyframes pulsar {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(220deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
#coverall.unhide {
  opacity: 0 !important;
  pointer-events: none !important;
  transition: all 0.2s ease-in-out;
}

/********************/
/*** ********** *****/
/********************/
.archivo {
  padding-bottom: 5rem;
  z-index: 9;
}
.archivo .containo {
  position: relative;
  max-height: 80%;
}
.archivo .containo .flexholder {
  display: flex;
}
@media screen and (min-width: 992px) {
  .archivo .containo .flexholder {
    flex-direction: row;
  }
}
@media screen and (max-width: 991px) {
  .archivo .containo .flexholder {
    flex-direction: column;
  }
}
.archivo .grid_zone {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-right: 2.5%;
}
@media screen and (min-width: 992px) {
  .archivo .grid_zone {
    width: 80%;
  }
}
@media screen and (max-width: 991px) {
  .archivo .grid_zone {
    width: 100%;
  }
}
@media screen and (min-width: 2560px) {
  .archivo .grid_zone .grid_box {
    width: 33%;
  }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  .archivo .grid_zone .grid_box {
    width: 33%;
  }
}
@media screen and (min-width: 1681px) and (max-width: 1919px) {
  .archivo .grid_zone .grid_box {
    width: 33%;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
  .archivo .grid_zone .grid_box {
    width: 33%;
  }
}
@media screen and (min-width: 1366px) and (max-width: 1440px) {
  .archivo .grid_zone .grid_box {
    width: 33%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .archivo .grid_zone .grid_box {
    width: 33%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1023px) {
  .archivo .grid_zone .grid_box {
    width: 33%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .archivo .grid_zone .grid_box {
    width: calc(50% - 0.5rem);
  }
}
@media screen and (min-width: 441px) and (max-width: 767px) {
  .archivo .grid_zone .grid_box {
    width: calc(50% - 0.5rem);
  }
}
@media screen and (min-width: 351px) and (max-width: 440px) {
  .archivo .grid_zone .grid_box {
    width: calc(50% - 0.5rem);
  }
}
@media screen and (max-width: 350px) {
  .archivo .grid_zone .grid_box {
    width: calc(50% - 0.5rem);
  }
}
.archivo .grid_zone .grid_box a {
  text-decoration: none;
}
.archivo .grid_zone .grid_box .innerbox {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../../inc/assets/six_grid_back.png");
  background-size: contain;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.archivo .grid_zone .grid_box .innerbox img {
  opacity: 0;
}
.archivo .grid_zone .grid_box .innerbox p {
  font-size: calc(1rem + 0.1vw);
  font-family: "Archivo", sans-serif;
  color: #052f3f;
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .archivo .grid_zone .grid_box .innerbox p {
    max-width: 80%;
    margin-left: 10%;
  }
}
@media screen and (max-width: 991px) {
  .archivo .grid_zone .grid_box .innerbox p {
    max-width: 95%;
    margin-left: 2.5%;
  }
}
.archivo .grid_zone .grid_box .holds_undertext {
  text-align: center;
  max-width: 70%;
  margin-left: 15%;
}
.archivo .grid_zone .grid_box .holds_undertext p, .archivo .grid_zone .grid_box .holds_undertext a {
  text-align: center;
  font-size: calc(0.9rem + 0.1vw);
  color: #052f3f;
}
.archivo .grid_zone .grid_box .holds_undertext a {
  margin: unset;
}
.archivo .sidebar_zone {
  padding-top: 2rem;
}
@media screen and (min-width: 992px) {
  .archivo .sidebar_zone {
    width: 20%;
    padding-left: 2.5%;
  }
}
@media screen and (max-width: 991px) {
  .archivo .sidebar_zone {
    width: 100%;
  }
}

/********************/
/*** ********** *****/
/********************/
.topmenu {
  padding: 0.75rem 0;
  z-index: 999;
  top: 0;
  display: none;
}

.topmenu.visible {
  display: block;
}

@media screen and (min-width: 992px) {
  .topmenu {
    position: relative;
    display: none !important; 
  }
}
@media screen and (max-width: 991px) {
  .topmenu {
    position: fixed;
    width: 100%;
  }
}
.topmenu .holds_menu {
  display: flex;
  justify-content: space-between;
}
.topmenu .holds_menu .left_menu {
  width: 4rem;
}
.topmenu .holds_menu .left_menu a, .topmenu .holds_menu .left_menu a:visited {
  width: 100%;
  height: 100%;
  display: block;
}
.topmenu .holds_menu .left_menu a img, .topmenu .holds_menu .left_menu a:visited img {
  width: 100%;
  height: 100%;
  max-height: 60px;
  max-width: 60px;
}
.topmenu .holds_menu .right_menu {
  width: 80%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.topmenu .holds_menu .right_menu ul {
  display: flex;
  height: 100%;
  align-items: center;
  margin: 0;
}
.topmenu .holds_menu .right_menu ul li {
  list-style-type: none;
  margin-left: 1rem;
}
.topmenu .holds_menu .right_menu ul li a {
  color: #052f3f;
  text-decoration: none;
}
.topmenu .holds_menu .right_menu ul li a svg {
  display: block;
  height: 2.5rem;
  width: 2.5rem;
}

.popoutmenu {
  position: fixed;
  top: 0;
  right: -100%;
  width: 80%;
  max-width: 30rem;
  height: 100%;
  background-color: #fcfcfa;
  padding: 10% 1rem;
  z-index: 40;
  display: flex;
  /* align-items: center; */
  transition: all 0.2s ease;
}
.popoutmenu ul {
  margin: 0;
  padding: 0;
  height: 33%;
  max-height: 10rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.popoutmenu ul::before{
  content: '';
  border: 1px dashed #052f3f;
  top: 8.5rem;
  position: absolute;
  left: 2.1rem;
  height: 38em;
}


.popoutmenu ul li {
  position: relative;
  list-style-type: none;
  line-height: 2em;
  left: 2rem;
}

.popoutmenu ul li::before{
  content: '';
  display: block;
  top: 2.2rem;
  position: relative;
  left: -1.5rem;
  width: 15px;
  height: 15px;
  -moz-border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
  border-radius: 7.5px;
  background-color: #052f3f;
}


.popoutmenu ul li a {
  font-size: calc(1.8rem + 0.1vw);
  text-decoration: none;
  display: block;
  padding: 0.5rem;
  color: #052f3f;
  font-weight: 600;
  font-family: "Archivo", sans-serif;
}

.popoutmenu.shown {
  transition: all 0.2s ease;
  right: 0% !important;
  box-shadow: -4px 1px 17px #1f2b315e;
}

/********************/
/*** ********** *****/
/********************/
.genstyles ul {
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
}
.genstyles ul a {
  color: #052f3f;
  text-decoration: none;
  font-weight: 600;
  font-family: "Archivo", sans-serif;
}
.genstyles ul li {
  margin-bottom: 0.2rem;

}
.genstyles ul li a {
  font-weight: 300;
  font-size: 1rem;
}
.genstyles ul li a:hover {
  /* font-weight: 400; */
  text-decoration: underline;
}

.genstyles .wp-block-search__input {
  border-radius: 3px;
  background: transparent;
  border-width: 2px;
  border-color: #052f3f;
}
.genstyles label.wp-block-search__label {
  display: none;
}
.genstyles button.wp-block-search__button {
  background: #052f3f;
  color: #fff;
  border: none;
}

.genstyles .widget_block {
  margin-top:1.5rem;
}

/********************/
/*** ********** *****/
/********************/
main.four-oh-four {
  min-height: 70vh;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}
main.four-oh-four .flexholder {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
}
main.four-oh-four .flexholder h1 {
  font-size: calc(4rem + 0.1vw);
}

/********************/
/********************/
 /* @media screen and (min-width: 992px) { */
  #wholemobilesite {
    display: none;
  }
/* } */
/*
@media screen and (max-width: 991px) {
  #wholedesktopsite {
    display: none;
  }
} */

.mobile_section {
  background-color: #e3ded9;
  min-height: 100vh;
}
.mobile_section.eighty {
  min-height: 80vh;
}
.mobile_section.ninety {
  min-height: 90vh;
}
.mobile_section .clouds_mobile {
  position: absolute;
  height: 70vh;
  top: 10rem;
  width: 100%;
  pointer-events: none;
  overflow: hidden;
}
.mobile_section .clouds_mobile .cloud_mobile_a {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../../inc/assets/cloud_a.png");
  animation-iteration-count: infinite;
  animation: lefttoright_mobile 30s infinite;
  top: 0;
  position: absolute;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .mobile_section .clouds_mobile .cloud_mobile_a {
    width: 15rem;
    height: 5rem;
  }
}
@media screen and (min-width: 441px) and (max-width: 767px) {
  .mobile_section .clouds_mobile .cloud_mobile_a {
    width: 10rem;
    height: 3.5rem;
  }
}
@media screen and (min-width: 351px) and (max-width: 440px) {
  .mobile_section .clouds_mobile .cloud_mobile_a {
    width: 10rem;
    height: 3.5rem;
  }
}
@media screen and (max-width: 350px) {
  .mobile_section .clouds_mobile .cloud_mobile_a {
    width: 10rem;
    height: 3.5rem;
  }
}
@keyframes lefttoright_mobile {
  0% {
    opacity: 0;
    transform: translateX(-30vw);
  }
  5% {
    opacity: 1;
    transform: translateX(-15vw);
  }
  45% {
    opacity: 1;
    transform: translateX(120vw);
  }
  50% {
    opacity: 0;
    transform: translateX(110vw);
  }
  100% {
    opacity: 0;
    transform: translateX(-30vw);
  }
}
.mobile_section .clouds_mobile .cloud_mobile_b {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../../inc/assets/cloud_b.png");
  animation-iteration-count: infinite;
  animation: lefttoright_mobile 35s infinite;
  bottom: 50%;
  position: absolute;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .mobile_section .clouds_mobile .cloud_mobile_b {
    width: 15rem;
    height: 5rem;
  }
}
@media screen and (min-width: 441px) and (max-width: 767px) {
  .mobile_section .clouds_mobile .cloud_mobile_b {
    width: 10rem;
    height: 3.5rem;
  }
}
@media screen and (min-width: 351px) and (max-width: 440px) {
  .mobile_section .clouds_mobile .cloud_mobile_b {
    width: 10rem;
    height: 3.5rem;
  }
}
@media screen and (max-width: 350px) {
  .mobile_section .clouds_mobile .cloud_mobile_b {
    width: 10rem;
    height: 3.5rem;
  }
}
@keyframes lefttoright_mobile_b {
  0% {
    opacity: 0;
    transform: translateX(-30vw);
  }
  5% {
    opacity: 1;
    transform: translateX(-15vw);
  }
  45% {
    opacity: 1;
    transform: translateX(125vw);
  }
  50% {
    opacity: 0;
    transform: translateX(110vw);
  }
  100% {
    opacity: 0;
    transform: translateX(-30vw);
  }
}
.mobile_section .holds_james_mobile_speech {
  position: absolute;
  top: 0;
  height: 100vh;
  width: 100%;
  z-index: 9;
  pointer-events: none;
}
.mobile_section .holds_james_mobile_speech .james_mobile_speech {
  position: absolute;
  bottom: 5%;
  right: 0;
  width: 90%;
  max-width: 30rem;
}
.mobile_section .holds_james_mobile_speech .james_mobile_speech .inner_mobile_holder {
  position: relative;
  height: 30rem;
  max-height: 65vh;
}
.mobile_section .holds_james_mobile_speech .james_mobile_speech .inner_mobile_holder .speecher {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../../inc/assets/speech_balloon_large.png);
  z-index: 3;
  position: absolute;
  width: 100%;
  min-height: 16rem;
  display: flex;
  align-items: center;
  min-height: 22rem !important;
}
.mobile_section .holds_james_mobile_speech .james_mobile_speech .inner_mobile_holder .speecher p {
  max-width: 20rem;
  font-size: calc(1.2rem + 0.1vw);
  max-width: 22rem;
  padding: 1rem 1rem 2.5rem 1rem;
  max-width: 15rem;
  margin: 0 auto;
  color: #052f3f;
  font-weight: 400;
  font-family: "Archivo", sans-serif;
  line-height: 1.5em;
}
.mobile_section .holds_james_mobile_speech .james_mobile_speech .inner_mobile_holder .header {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../../inc/assets/james.png");
  padding: 2rem;
  position: absolute;
  bottom: 0;
  height: 6rem;
  width: 6rem;
  z-index: 0;
  right: 0;
}

.mobile_section_1 {
  background-color: #e3ded9;
  position: relative;
  max-width: 100vw;
}
.mobile_section_1 .createheight {
  opacity: 0;
  width: 30rem;
  pointer-events: none;
  left: 0;
  margin-top: 10rem;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .mobile_section_1 .createheight {
    max-width: 28.5vw;
  }
}
@media screen and (min-width: 441px) and (max-width: 767px) {
  .mobile_section_1 .createheight {
    max-width: 28.5vw;
  }
}
@media screen and (min-width: 351px) and (max-width: 440px) {
  .mobile_section_1 .createheight {
    max-width: 28.5vw;
  }
}
@media screen and (max-width: 350px) {
  .mobile_section_1 .createheight {
    max-width: 28.5vw;
  }
}
@media only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation: portrait) {
  .mobile_section_1 .createheight {
    max-width: 27vw;
  }
}
.mobile_section_1 .mobile_sidebuilding {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 15rem;
}
.mobile_section_1 .mobile_sidebuilding img {
  opacity: 0;
  position: relative;
  width: 25rem;
  max-width: 25vw;
}
.mobile_section_1 p.sidebuilding_section_1_mobile_text {
  text-align: center;
  color: #052f3f;
  font-weight: 700;
  font-family: "Ballinger", sans-serif;
  position: absolute;
  max-width: 16rem;
  right: 10%;
  line-height: 1.3em;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .mobile_section_1 p.sidebuilding_section_1_mobile_text {
    font-size: calc(1.8rem + 0.1vw);
    max-width: 24rem;
    top: 30vh;
  }
}
@media screen and (min-width: 441px) and (max-width: 767px) {
  .mobile_section_1 p.sidebuilding_section_1_mobile_text {
    font-size: calc(1.5rem + 0.1vw);
    max-width: 16rem;
    top: 40vh;
  }
}
@media screen and (min-width: 351px) and (max-width: 440px) {
  .mobile_section_1 p.sidebuilding_section_1_mobile_text {
    font-size: calc(1.5rem + 0.1vw);
    max-width: 16rem;
    top: 40vh;
  }
}
@media screen and (max-width: 350px) {
  .mobile_section_1 p.sidebuilding_section_1_mobile_text {
    font-size: calc(1.5rem + 0.1vw);
    max-width: 16rem;
    top: 40vh;
  }
}
@media only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation: portrait) {
  .mobile_section_1 p.sidebuilding_section_1_mobile_text {
    font-size: calc(2rem + 0.1vw);
    max-width: 25rem;
    top: 30vh;
  }
}
.mobile_section_1 .holds_mobile_testimonial_bubbles {
  position: absolute;
  left: 0;
  width: 92%;
  height: 80vh;
  overflow: hidden;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .mobile_section_1 .holds_mobile_testimonial_bubbles {
    top: 15vh;
    height: 80vh;
  }
}
@media screen and (min-width: 441px) and (max-width: 767px) {
  .mobile_section_1 .holds_mobile_testimonial_bubbles {
    top: 15vh;
    height: 80vh;
  }
}
@media screen and (min-width: 351px) and (max-width: 440px) {
  .mobile_section_1 .holds_mobile_testimonial_bubbles {
    top: 15vh;
    height: 70vh;
  }
}
@media screen and (max-width: 350px) {
  .mobile_section_1 .holds_mobile_testimonial_bubbles {
    top: 15vh;
    height: 70vh;
  }
}
@media only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation: portrait) {
  .mobile_section_1 .holds_mobile_testimonial_bubbles {
    top: 10vh;
    height: 70vh;
  }
}
.mobile_section_1 .holds_mobile_testimonial_bubbles .inner_holder_bubbles {
  position: relative;
  height: 100%;
  width: 100%;
}
@media only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation: portrait) {
  .mobile_section_1 .holds_mobile_testimonial_bubbles .inner_holder_bubbles {
    transform: scale(1.2);
  }
}
.mobile_section_1 .holds_mobile_testimonial_bubbles .bubble_top {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../../inc/assets/testimonial_speech.png);
  z-index: 0;
  top: 10%;
  position: absolute;
  width: 90%;
  min-height: 14rem;
  display: flex;
  align-items: center;
}
.mobile_section_1 .holds_mobile_testimonial_bubbles .bubble_top p {
  font-size: calc(0.9rem + 0.1vw);
  max-width: 14rem;
  margin: 0 auto;
  padding: 1rem 1rem 1rem 3.75rem;
  color: #000;
  line-height: 1.4em;
  font-family: "Archivo", sans-serif;
}
.mobile_section_1 .holds_mobile_testimonial_bubbles .bubble_two {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../../inc/assets/talking_head_balloon_left.png);
  z-index: 0;
  bottom: 10%;
  position: absolute;
  width: 90%;
  min-height: 10rem;
  display: flex;
  align-items: center;
}
.mobile_section_1 .holds_mobile_testimonial_bubbles .bubble_two p {
  font-size: calc(0.9rem + 0.1vw);
  max-width: 13rem;
  margin: 0 auto;
  padding: 1rem 1rem 1rem 3rem;
  color: #000;
  line-height: 1.4em;
  font-family: "Archivo", sans-serif;
}
.mobile_section_1 .holds_james_mobile_speech.part_b {
  top: unset;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .mobile_section_1 .holds_james_mobile_speech.part_b {
    bottom: 5vh;
  }
}
@media screen and (min-width: 441px) and (max-width: 767px) {
  .mobile_section_1 .holds_james_mobile_speech.part_b {
    bottom: 5vh;
  }
}
@media screen and (min-width: 351px) and (max-width: 440px) {
  .mobile_section_1 .holds_james_mobile_speech.part_b {
    bottom: 5vh;
  }
}
@media screen and (max-width: 350px) {
  .mobile_section_1 .holds_james_mobile_speech.part_b {
    bottom: 5vh;
  }
}
@media only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation: portrait) {
  .mobile_section_1 .holds_james_mobile_speech.part_b {
    bottom: 5vh;
  }
}
.mobile_section_1.part_b .createheight, .mobile_section_1.part_c .createheight {
  top: 0;
  margin-top: 0;
}
.mobile_section_1.part_b .mobile_sidebuilding, .mobile_section_1.part_c .mobile_sidebuilding {
  top: 0;
}
.mobile_section_1.part_d .createheight {
  height: 100vh;
  margin-top: 0;
}
.mobile_section_1.part_d .mobile_sidebuilding {
  top: 0;
  background-size: cover;
  background-position: 100% -140vh;
}

.over_trans_pic {
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
  position: absolute;
  background-image: url("../../inc/assets/side_transparent.png");
}
.over_trans_pic img.inner_trans {
  opacity: 0;
  width: 30vw;
  height: auto;
}

.mobile_section_2 {
  height: 100vh;
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  justify-content: center;
}
@media only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation: portrait) {
  .mobile_section_2 {
    height: 70vh;
  }
}
.mobile_section_2 .section_2_text {
  padding: 2rem 1rem;
}
.mobile_section_2 .section_2_text p {
  position: relative;
  color: #052f3f;
  font-weight: 900;
  text-align: center;
  font-family: "Archivo", sans-serif;
  margin: 0 auto;
  max-width: 30rem;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .mobile_section_2 .section_2_text p {
    font-size: calc(2.5rem + 0.1vw);
    padding: 0 2rem;
  }
}
@media screen and (min-width: 441px) and (max-width: 767px) {
  .mobile_section_2 .section_2_text p {
    font-size: calc(2.25rem + 0.1vw);
    padding: 0 2rem;
  }
}
@media screen and (min-width: 351px) and (max-width: 440px) {
  .mobile_section_2 .section_2_text p {
    font-size: calc(2rem + 0.1vw);
    padding: 0 2rem;
  }
}
@media screen and (max-width: 350px) {
  .mobile_section_2 .section_2_text p {
    font-size: calc(1.85rem + 0.1vw);
    padding: 0 2rem;
  }
}

.mobile_section {
  position: relative;
}
.mobile_section.lasty {
  overflow: hidden;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .mobile_section img.mobile_section_ipaddo {
    width: 110vw;
    position: absolute;
    left: -30vw;
    top: 10%;
    max-width: unset;
  }
}
@media screen and (min-width: 441px) and (max-width: 767px) {
  .mobile_section img.mobile_section_ipaddo {
    width: 110vw;
    position: absolute;
    left: -30vw;
    top: 10%;
    max-width: unset;
  }
}
@media screen and (min-width: 351px) and (max-width: 440px) {
  .mobile_section img.mobile_section_ipaddo {
    width: 110vw;
    position: absolute;
    left: -30vw;
    top: 10%;
    max-width: unset;
  }
}
@media screen and (max-width: 350px) {
  .mobile_section img.mobile_section_ipaddo {
    width: 110vw;
    position: absolute;
    left: -30vw;
    top: 10%;
    max-width: unset;
  }
}
@media only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation: portrait) {
  .mobile_section img.mobile_section_ipaddo {
    width: 110vw;
    position: absolute;
    left: -30vw;
    top: 10%;
    max-width: unset;
  }
}

.mobile_section._starto {
  height: 100vh;
  overflow-y: hidden;
}

.mobile_section_3 {
  height: 90vh;
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  justify-content: center;
}
.mobile_section_3 .mobile_getmoreinfo_buttonholder {
  position: absolute;
  bottom: 3rem;
  left: 10%;
}

.holds_james_mobile_speech.part_a {
  top: 30vh;
}
@media only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation: portrait) {
  .holds_james_mobile_speech.part_a {
    top: 12vh;
  }
}

.holds_james_mobile_speech.part_b .inner_mobile_holder .speecher p {
  max-width: 18rem !important;
}

.holds_james_mobile_speech.part_c .inner_mobile_holder .speecher p {
  max-width: 20rem !important;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .holds_james_mobile_speech {
    transform: scale(0.9);
  }
}
@media screen and (min-width: 441px) and (max-width: 767px) {
  .holds_james_mobile_speech {
    transform: scale(0.9);
  }
}
@media screen and (min-width: 351px) and (max-width: 440px) {
  .holds_james_mobile_speech {
    transform: scale(0.9);
  }
}
@media screen and (max-width: 350px) {
  .holds_james_mobile_speech {
    transform: scale(0.9);
  }
}

.mobile_getmoreinfo_buttonholder {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 2rem;
}
.mobile_getmoreinfo_buttonholder a {
  background: #052f3f;
  text-align: center;
  color: #fff;
  max-width: 15rem;
  padding: 1rem 2rem;
  font-weight: 600;
  font-family: "Archivo", sans-serif;
  text-decoration: none;
}

.if_ipad {
  display: none;
}

@media only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation: portrait) {
  .if_small_mobile {
    display: none !important;
  }
}

@media only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation: portrait) {
  .if_ipad {
    display: block !important;
  }
}

/********************/
/*** ********** *****/
/********************/
.cover_portrait {
  opacity: 1;
  transition: all 0.2s ease-in-out;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 999999999;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  display: none;
}
@media screen and (orientation: portrait) {
  .cover_portrait {
    display: none;
  }
}
@media screen and (orientation: landscape) and (max-width: 1023px) {
  .cover_portrait {
    display: flex;
  }
}
@media only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation: landscape) {
  .cover_portrait {
    display: flex;
  }
}
.cover_portrait img {
  width: 8rem;
  height: 8rem;
  animation-iteration-count: infinite;
  animation: pulsar_less 2s infinite;
}
.cover_portrait p.please_rotate {
  background: #052f3f;
  text-align: center;
  color: #fff;
  padding: 1rem;
  font-weight: 600;
  font-family: "Archivo", sans-serif;
  text-decoration: none;
  display: block;
}

@keyframes pulsar_less {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.025);
  }
  100% {
    transform: scale(1);
  }
}

.close-menu-btn {
    display: none;
    position: absolute;
    top: 1rem;
    right: 1rem;
    transition: transform ease .3s;
    cursor: pointer;
}

.close-menu-btn:hover {
    transform: rotate(-90deg);
}

.close-menu-btn img {
    width: 50px;
    height: 50px;
}

.open-menu-btn-col {
    display: inline-block;
    width: 1rem;
    left: 50%;
    margin-left: -78px;
    position: absolute;
    text-transform: uppercase;
    top: 50%;
    width: 74px;
    z-index: 1;
    padding: 10px 10px 0px;
    transition: color 0.3s cubic-bezier(0.5, 0, 0.2, 1) 0s, opacity 0.5s cubic-bezier(0.5, 0, 0.2, 1) 0.3s;
}

.open-menu-btn {
    cursor: pointer;
    transition: font-weight ease-out .5s;
    transform: rotate(90deg);
}

.open-menu-btn:hover {
    font-weight: bold
}

.menuitemclass {
    cursor: pointer;
    display: block;
    margin-bottom: 0;
    /* padding-bottom: 2rem; */
    width:100%;
}

.menu-full {
    width: 100%;
    transition: width ease-out 1s ;
}

    .menu-full .open-menu-btn {
        display: none;
    }

.menu-full .close-menu-btn {
    display: block;
}

.menu-full.side_menu figure {
    margin: 1rem;
    top: 0;
    text-align:left
}

.menu-full.side_menu .sidemenu-logo img {
    width: 5%;
    /* transition: width ease-out .3s; */
}

.menu-full.side_menu ul li .tooltipper {
    opacity: 1;
}

#sectionStart .skyline-dark {
    background-size: cover;
}

.col-wrapper {
  height: 100vh; display: flex;
}

#sectionStart .col-logo,  #sectionContact2 .col-logo {
    flex: 1;
}

#sectionStart .col-btn,  #sectionContact2 .col-btn {
    /* flex: 0; */
    width: 7em;
}

#sectionStart .col-btn .col-btn-scroll,  #sectionContact2 .col-btn .col-btn-scroll {
    position: absolute;
    width: 7em;
    bottom: 18rem;
}

#sectionStart .col-text, #sectionContact2 .col-text {
    flex: 1;
}

#sectionStart .col-text .main-summary, #sectionContact2 .col-text .main-summary {
  font-weight: bold;
  color: white;
  position: absolute;
  bottom: 6em;
  padding-right: 10rem;
  padding-left: 5rem;
}

#sectionContact2 .col-text .main-summary {
  color: #052f3f;
}


@media screen and (max-width: 992px) {
  .col-wrapper {
    flex-direction: column;
    align-items: center;
  }

  #sectionStart .col-btn, #sectionContact2 .col-btn  {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  #sectionStart .col-btn .col-btn-scroll,  #sectionContact2 .col-btn .col-btn-scroll  {
    bottom: 1rem;
  }

  #sectionStart .col-text,   #sectionContact2 .col-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    top: 80%;
    position: absolute;
    width: 100vw;
  }

  #sectionStart .col-text .main-summary,   #sectionContact2 .col-text .main-summary{
    padding-left: 10rem;
    padding-right: 10rem;
    bottom: 3em;
  }
}

@media screen and (min-width: 441px) and (max-width: 992px) {
  
  #sectionStart .col-text .main-summary,   #sectionContact2 .col-text .main-summary{
    padding-left: 10rem;
    padding-right: 10rem;
    bottom: 1em;
  }
}


@media screen and (min-width: 351px) and (max-width: 440px) {
  #sectionStart .col-text .main-summary,   #sectionContact2 .col-text .main-summary {
    padding-left: 5rem;
    padding-right: 5rem;
    bottom: 1em;
  }
}

@media screen and (max-width: 350px) {
  #sectionStart .col-text .main-summary,  #sectionContact2 .col-text .main-summary {
    padding-left: 5rem;
    padding-right: 5rem;
    bottom: 1em;
    position: relative;
  }

  #sectionStart .col-text,   #sectionContact2 .col-text {
    height: 100vh;
    display: flex;
    top: 0;
    justify-content: center;
  }
}

/* @media screen and (min-width: 351px) and (max-width: 440px) {
   
}

@media screen and (max-width: 350px) {
  sectionstreetmapawesome
} */

#sectionStreetMap .fp-bg,  #sectionStreetMap .fp-overflow {
    background-image: url("../../inc/assets/landkaart.jpg");
    background-position: top right;
}

#sectionStreetMap li, #sectionstreetmapawesome li{
  list-style-type: none;
  position: absolute;
  pointer-events: all;
}


#sectionStreetMap {
  pointer-events: none;
}

#sectionStreetMap li div.node_text p, #sectionstreetmapawesome li div.node_text p  {
    font-size: calc(0.9rem);
    color: #052f3f;
    font-weight: 600;
    font-family: "Archivo", sans-serif;
    left: -9.5rem;
    top: -4.5rem;
    position: relative;
    z-index: 1;
    display: block;
    width: 10rem;
}

#sectionStreetMap li div.node_text p b, #sectionstreetmapawesome li div.node_text p b {
  font-family: "Ballinger", sans-serif;
}

#sectionStreetMap li div.node_text_green p,#sectionstreetmapawesome li div.node_text_green p {
  top: -4rem;
}

#sectionStreetMap li div.node_text #street_node_a_balloon img, #sectionstreetmapawesome li div.node_text #street_node_a_balloon img {
  height: 110px;
}

#sectionStreetMap li div.node_text, #sectionstreetmapawesome li div.node_text {
    height: 122%;
    display: flex;
    position: absolute;
    top: -1rem;
    align-items: center;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    pointer-events: none;
    opacity: 0;
    transform: scale(0);
    transform-origin: bottom right;
    transition: transform 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
}

#sectionStreetMap li div.node_text .speechdummy, #sectionstreetmapawesome li div.node_text .speechdummy {
  position: relative;
  max-width: 15rem;
  left: -8.5rem;
    top: 1rem;
}

#sectionStreetMap li div.visible, #sectionstreetmapawesome li div.visible{
  opacity: 1;
  transform: scale(1);
  transform-origin: bottom right;
}


  #sectionStreetMap li div.node,   #sectionstreetmapawesome li div.node {
      padding: 2rem;
      cursor: pointer;
  }

  #sectionStreetMap li div.green-node,   #sectionstreetmapawesome li div.green-node {
    padding: 1.5rem;
    cursor: pointer;
  }

  #sectionStreetMap li div.node div, #sectionStreetMap li div.green-node div,   #sectionstreetmapawesome li div.node div, #sectionstreetmapawesome li div.green-node div  {
    height: 1.5rem;
    width: 1.5rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

  #sectionStreetMap li div.node div,   #sectionstreetmapawesome li div.node div {
    background-image: url("../../inc/assets/painbutton.png");
    animation-iteration-count: infinite;
    animation: pulso 1s infinite;
}

#sectionStreetMap li div.green-node div, #sectionstreetmapawesome li div.green-node div {
  height: 2rem;
  width: 2rem;
  background-image: url("../../inc/assets/nopainbutton.png");
}


#sectionstreetmapawesome .streetmap_bg {
  height: 100%;
  background-image: url("../../inc/assets/landkaart.jpg");
  background-position: top right;
  background-size: cover;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100vw;
  pointer-events: none;
}


@media screen and (max-width: 991px) {
  #sectionStreetMap li div.node div, #sectionStreetMap li div.green-node div,  #sectionstreetmapawesome li div.node div, #sectionstreetmapawesome li div.green-node div {
    height: 2.5rem;
    width: 2.5rem;
  }
}

  .close-right_slide-btn {
    cursor: pointer;
    pointer-events: all;
    position: absolute;
    width: 100%;
    background-color: #fcfcfa;
    margin-top: -15px;
    padding-top: 15px;
    z-index: 10;
  }

  .side_man .close-right_slide-btn {
    position: absolute;
    top: 1rem;
    left: 1rem;
    background-color: #efefef;
  }

  .right_slide_column {
    display: block;
    position:absolute;
    width: 0;
    height: 100%;
    background: #fcfcfa;
    right: 0px;
    z-index: 100;
    transition: width 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
  }

.right_slide_column {
    overflow-y: auto;
    overflow-x: hidden;
  }

  .right_slide_column .close-right_slide-btn {
    width: fit-content;
    height: 60px;
  }

.close-right_slide-btn img:hover {
  /* height: 55px; */
  animation: pulso 1.2s infinite;
}

.right_slide_column .building_column_wrapper {
  margin: 3rem;
  position: relative;
}

.right_slide_column.visible {
  width: 30rem;
}

.right_slide_column.visible .slide_column_data p {
  opacity: 1;
}


.right_slide_column .slide_column_data, #building-panel-wrapper .building_column_data, .right_slide_column .slide_column_data, #blog-panel-wrapper .blog-panel{
  opacity:0;
  position:absolute;
  /* display: none; */
}

#building-panel-wrapper .building_column_data {
  top: 6rem;
}

.right_slide_column .slide_column_data.visible, #building-panel-wrapper .building_column_data.visible, .right_slide_column .slide_column_data.visible, #blog-panel-wrapper .blog-panel.visible {
  opacity:1;
  padding-right: 3rem;
  /* display: block; */
}

.right_slide_column .slide_column_data p {
  text-align: left;
  opacity: 0;
  /* transition: opacity 500ms ease-in; */
  /* transition-delay: 500ms; */
  position: relative;
  margin: 0.5rem 0;
  line-height: 2rem;
  hyphens: auto;
    text-align: justify;
}

.right_slide_column .slide_column_data h2, .blog-panel h2,  #building-panel-wrapper .building_column_data h2,  #blog-panel-wrapper .building_column_data h2   {
  display: inline;
  font-family: "Ballinger", sans-serif;
  font-size: 1.8rem;
}

.right_slide_column .slide_column_data h4, .blog-panel h4,  #building-panel-wrapper .building_column_data h4,  #blog-panel-wrapper .building_column_data h4 {
  font-family: "Archivo", sans-serif;
  font-size: 1.57em;
    margin: 0;
    font-weight: 100;
    padding-left: 1.6rem;
}

.right_slide_column .slide_column_data .building-data-title, .blog-panel .building-data-title{
  padding: 2rem 0;
}

.right_slide_column .slide_column_data .building-header-img, .blog-panel .building-header-img {
  width: 100%;
  margin-right: 3rem;
  margin-bottom: 1rem;
}




@media screen and (max-width: 992px) {

  .right_slide_column.visible {
    width: 100%;
  }

}


#section1 .containo {
  display: flex;
  height: 100vh;
}


#section1 .containo .holdscontent {
  align-self: flex-end;
}


.xray_node_read_more, .read_more_btn {
  display: block;
  text-transform: uppercase;
  background-color: #052f3f;
  font-weight: bold;
  height: 2rem;
  line-height: 2rem;
  color: white;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  cursor: pointer;
  text-decoration: none;
}

#section3 li .node_text {
  /* opacity:0; */
  display: block !important;
  pointer-events: none;
  transform: scale(0);
  transition: transform 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
}

#section3 li .node_text.visible {
  /* opacity: 1; */
  pointer-events: all;
  display: block !important;
  transform: scale(1);
}

#section3 li div.node_text.node_high {
  transform-origin: top left;
}

#section3 li div.node_text.node_med, #section3 li div.node_text.node_low, #section3 li div.node_text.node_low {
  transform-origin: bottom left;
}

#section3 li div.node_text.node_high .xray_node_read_more {
  transform: rotate(-2deg);
}

#section3 li div.node_text.node_med .xray_node_read_more {
  transform: rotate(2deg);
}

#section3 li div.node_text.node_low .xray_node_read_more {
  transform: rotate(2deg);
}

#section3 li div.node_text.node_lower .xray_node_read_more {
  transform: rotate(4deg);
}

#section3 .right_slide_column .slide_column_data {
  transition: opacity ease-in-out 300ms;
}


.xray_node_read_more {
  width: 80%;
  height: 2rem;
  line-height: 2rem;
  transition: width ease-in, height ease-in, line-height ease-in;
  transition-duration: 200ms;
}

.read_more_btn {
  width: fit-content;
  padding: 1rem 2rem;
}

.james_read_more_btn {
  margin-top: 4rem;
}

.xray_node_read_more:hover {
  width: 85%;
  height: 2.2rem;
  line-height: 2.2rem;
}

#section-how-it-works .fp-bg {
  background: linear-gradient(90deg, rgb(225 221 215 / 0%), rgb(225 221 215 / 0%), rgb(225 221 215 / 100%), rgb(225 221 215 / 100%)), url(../../inc/assets/howitworks-bg.png);
  /* background: url("../../inc/assets/howitworks-bg.png"); */
  background-repeat: no-repeat;
  background-size: cover;
}

#section-how-it-works #ipad-wrapper {
  position: absolute;
  left: -50vh;
  transition: left ease-in 700ms;
  height: 100vh;
  display: flex;
}

#section-how-it-works #ipad-wrapper .ipad-img {
  height: 90vh;
  margin-top: auto;
    margin-bottom: auto;
}

#section-how-it-works.active #ipad-wrapper {
    left: -10rem;
}

#section-how-it-works #ipad-wrapper .holds_leaves {
  top: -10vh;
  left: -50vh;
  transition: left ease-in 1s, top ease-in 1s;
}

#section-how-it-works.active #ipad-wrapper .holds_leaves {
  width: 10rem;
  position: relative;
  top: 10vh;
  left: 0;
}


#section-how-it-works #ipad-wrapper .holds_leaves img {
  width: 70%;
  transform: rotate(720deg) scale(0.2);
  transition: transform ease-in 1s;
}

#section-how-it-works.active #ipad-wrapper .holds_leaves img{
  width: 100%;
  transform: rotate(0deg) scale(1);
}


@media screen and (max-width: 1440px) {
  #section-how-it-works.active #ipad-wrapper {
    display: none;
  }
}



@media screen and (min-width: 992px) {
    #sectionStreetMap li:nth-child(1), #sectionstreetmapawesome li:nth-child(1)  {
        top: 10%;
        left: 33%;
    }
    #sectionStreetMap li:nth-child(2), #sectionstreetmapawesome li:nth-child(2) {
      top: 23%;
      left: 36%;
  }
    #sectionStreetMap li:nth-child(3), #sectionstreetmapawesome li:nth-child(3) {
      top: 59%;
      left: 40%;
    }
    #sectionStreetMap li:nth-child(4), #sectionstreetmapawesome li:nth-child(4) {
        top: 22%;
        left: 77%;
    }
    #sectionStreetMap li:nth-child(5), #sectionstreetmapawesome li:nth-child(5) {
        top: 65%;
        left: 35%;
    }
      /* no pain */
    #sectionStreetMap li:nth-child(6), #sectionstreetmapawesome li:nth-child(6) {
        top: 30%;
        left: 55%;
    }
    #sectionStreetMap li:nth-child(7), #sectionstreetmapawesome li:nth-child(7) {
      top: 52%;
      left: 75%
    }
  
    #sectionStreetMap li:nth-child(8), #sectionstreetmapawesome li:nth-child(8) {
      top: 45%;
      left: 25%;
    }
}

@media screen and (max-width: 991px) {
    #sectionStreetMap li:nth-child(1), #sectionstreetmapawesome li:nth-child(1) {
        top: 20%;
        left: 33%;
    }

    #sectionStreetMap li:nth-child(2), #sectionstreetmapawesome li:nth-child(2) {
      top: 38%;
      left: 36%;
    }

    #sectionStreetMap li:nth-child(3), #sectionstreetmapawesome li:nth-child(3) {
        top: 69%;
        left: 40%;
    }

    #sectionStreetMap li:nth-child(4), #sectionstreetmapawesome li:nth-child(4) {
        top: 47%;
        left: 77%;
    }

    #sectionStreetMap li:nth-child(5), #sectionstreetmapawesome li:nth-child(5) {
        top: 84%;
        left: 50%;
    }

        /* no pain */

    #sectionStreetMap li:nth-child(6), #sectionstreetmapawesome li:nth-child(6) {
      top: 55%;
      left: 55%;
    }

    #sectionStreetMap li:nth-child(7), #sectionstreetmapawesome li:nth-child(7) {
      top: 62%;
      left: 75%
    }
    
    #sectionStreetMap li:nth-child(8), #sectionstreetmapawesome li:nth-child(8) {
      top: 55%;
      left: 25%;
    }

}

#sectionProblem .fp-bg {
    background-image: url("../../inc/assets/road-to-net-zero.jpg");
    transition: opacity 600ms ease-in-out;
    background-color: #e2dfd8;
    opacity: 0.4;
}

#sectionProblem .fp-bg.fade {
  background-image: url("../../inc/assets/road-to-net-zero.jpg");
  opacity: 0.2;
}


#sectionProblem .main-container {
  width: 50%; 
  position:absolute; 
  right: 0; 
  height:100%; 
  top: 0; 
  font-size: X-LARGE;
}

#sectionProblem .main-container .summary-container {
  bottom: 0px;
  position: absolute; 
  padding-bottom: 20rem; 
  padding-right: 7rem;
}


@media screen and (max-width: 992px) {

  #sectionProblem .summary-container {
    position: inherit;
    padding-bottom: 0; 
    padding-right: 0;
  }

  #sectionProblem .main-container {
    width: calc(100vw - 20%);
    padding: 10%;
    position: inherit;
    overflow: hidden;
  }
}

.main-summary, .main-summary p {
    font-size: calc(3rem + 0.1vw);
    /* color: #0a2f40; */
    word-spacing: 0.2rem;
    position: relative;
    color: #052f3f;
    /* text-align: center; */
    font-family: "Archivo", sans-serif;
    margin: 0 auto;
    font-weight: 100;
}

.main-summary .main-summary-sub {
  font-size: calc(1.2rem + 0.1vw);
  font-weight: normal;
  opacity: 0.7;
  margin-top: .5rem;
}

#section-how-it-works .howitworkscontainer {
  position: absolute;
    width: 50%;
    right: 0px;
    bottom: 0px;
    height: 100vh;
}

#section-how-it-works .main-summary {
  top: 5rem;
  padding-right: 12rem;
  z-index: 100;
  background-color: #e1ddd7;
}

@media screen and (min-width: 992px) and (max-width: 1440px) {
  #section-how-it-works .howitworkscontainer  {
    width: 70%;
  }
}


@media screen and (max-width: 991px) {

  #section-how-it-works.active #ipad-wrapper {
    left: -30vw;
  }

  #section-how-it-works #ipad-wrapper .ipad-img {
      height: 50vh;
  }

  #section-how-it-works .howitworkscontainer {
    width: 100%;
  }

  #section-how-it-works .main-summary {
    top: 12rem;
    padding: 0 10%;
  }

}


#section9 .testimonials-holder {
  width: calc(2* 40vh);
  margin-left: auto;
  margin-right: auto;
}

#section9 .testimonial-1,#section9 .testimonial-2 ,#section9 .testimonial-3  {
  position: absolute;
  bottom: 0px;
}

#section9 .testimonial-bubble {
  background-repeat: no-repeat;
  background-size: contain;
  width: 70vh;
  height: 70vh;
  position: absolute;
  left: 40vh;
  bottom: 35vh;
}

#section9 .testimonial-bubble-text {
  /* display: flex; */
  align-items: center;
  transform: rotate(3deg);
  /* height: 100%; */
  /* flex-direction: column; */
  justify-content: space-evenly;

  margin: 0 5rem;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 80%;

  height: 40vh; 
  width: auto;
  height: fit-content;
}

#section9 .testimonial_person-new {
  position: absolute;
  bottom: -7rem;
}

#section9 .testimonial_person-new img {
  height: 60vh;
}

#section9 .testimonial-1, #section9 .testimonial-2, #section9 .testimonial-3 {
  opacity: 0;
  transform: translateY(5vh);
  transition: opacity ease-out 900ms 100ms;
  transition: transform ease-out 900ms;
}

#section9 .fp-bg {
	background-position: bottom center;
  background-size: cover;
  transition: background ease-out 900ms;
}


#section9.t-1 .fp-bg {
	background-image: url("../../inc/assets/testimonials/testimonial-1-bg.jpg");
}
#section9.t-1 .testimonial-1 {
  opacity: 1;
  transform: translateX(0vh);
}

#section9.t-1 .testimonial-bubble {
  background-image: url("../../inc/assets/testimonials/testimonial-1-bubble.png");
  transform: scale(1);
}


#section9.t-1 .testimonial-bubble-text {
  margin: 0rem 5rem;
}
#section9.t-1 .testimonial-bubble-text p:first-child {
  /* padding-top: 5rem; */
}
#section9.t-1 .testimonial-bubble-text p:last-child {
  /* padding-bottom: 10rem; */
}


#section9.t-2 .fp-bg {
	background-image: url("../../inc/assets/testimonials/testimonial-2-bg.jpg");
}
#section9.t-2 .testimonial-2 {
  opacity: 1;
  transform: translateY(0vh);
}
#section9.t-2 .testimonial-bubble-text {
  margin:0;
  margin-left: calc(14vh);
  margin-right: calc(14vh);

}
#section9.t-2 .testimonial-bubble {
  background-image: url("../../inc/assets/testimonials/testimonial-2-bubble.png");
  transform: scale(1);
}
#section9.t-2 .testimonial-bubble-text p:first-child {
  padding-top: 5rem;
}
#section9.t-2 .testimonial-bubble-text p:last-child {
  padding-bottom: 5rem;
}

#section9.t-3 .fp-bg {
	background-image: url("../../inc/assets/testimonials/testimonial-3-bg.jpg");
}
#section9.t-3 .testimonial-3 {
  opacity: 1;
  transform: translateY(0vh);
}
#section9.t-3 .testimonial-bubble-text {
  margin: 0rem 5rem;
}
#section9.t-3 .testimonial-bubble {
  background-image: url("../../inc/assets/testimonials/testimonial-3-bubble.png");
  transform: scale(1);
}
#section9.t-3 .testimonial-bubble-text p:first-child {
  padding-top: 5rem;
}
#section9.t-3 .testimonial-bubble-text p:last-child {
  padding-bottom: 9rem;
}

#section9 .testimonial-1-bubble, #section9 .testimonial-2-bubble, #section9 .testimonial-3-bubble {
  transform-origin: bottom left;
  transition: transform ease-out 500ms 900ms;
}

#section9.t-1 .testimonial-1-bubble, #section9.t-2 .testimonial-2-bubble, #section9.t-3 .testimonial-3-bubble {
  transform: scale(1);
}

#section9.t-1 .testimonial-2-bubble, #section9.t-1 .testimonial-3-bubble, #section9.t-2 .testimonial-1-bubble, #section9.t-2 .testimonial-3-bubble, #section9.t-3 .testimonial-1-bubble, #section9.t-3 .testimonial-2-bubble {
  transform: scale(0);
}



@media screen and (min-width: 992px) and (max-width: 1439px) {
  #section9 .testimonial-bubble {
    left: 8vh;
    width: 70vh;
    height: 70vh;
    top: -105vh;
  }

  #section9 .testimonial_person-new {
    position: absolute;
    bottom: -3rem;
    left: -8rem;
  }

  #section9 .testimonial_person-new img {
    height: 40vh;
  }

  /* #section9 .testimonial-bubble-text {
    height: 50vh;
  } */
}

@media screen and (min-width: 441px) and (max-width: 991px) {
  #section9 .testimonial-bubble {
    left: 5vh;
    width: 80vw;
    height:80vw;
    top: -95vh;
  }
}

@media screen and (max-width: 991px) {
  #section9 .testimonial-bubble {
    left: 5vh;
    width: 80vw;
    height:80vw;
    top: -95vh;
  }

  #section9 .testimonial_person-new{
    bottom: calc(35vh - 250px);
  }
  

  #section9 .testimonial_person-new img{
    width: 250px;
    height: 250px;
  }
}

@media screen and (max-height:680px) and (min-width: 441px) and (max-width: 1440px) {
  #section9.t-1 .testimonial-bubble-text,#section9.t-2 .testimonial-bubble-text ,#section9.t-3 .testimonial-bubble-text  {
    margin: 0 2rem;
    font-size: 1rem;
  }
}

@media screen and (max-width: 440px) {
  #section9.t-1 .testimonial-bubble,#section9.t-2 .testimonial-bubble ,#section9.t-3 .testimonial-bubble  {
    background-image: url("../../inc/assets/testimonials/tekstwolk_staand.png");
    background-size: cover;
  }

  #section9 .testimonial-bubble {
    left: 0;
    width: 100vw;
    height: 140vw;
    top: -105vh;
  }

  #section9.t-1 .testimonial-bubble-text,#section9.t-2 .testimonial-bubble-text ,#section9.t-3 .testimonial-bubble-text  {
    margin: 0 6rem;
    margin-top: 10rem;
  }

  #section9.t-1 .testimonial-bubble-text p,#section9.t-2 .testimonial-bubble-text p,#section9.t-3 .testimonial-bubble-text p{
    font-size: 2.1rem;
  }

  #section9.t-1 .fp-bg, #section9.t-2 .fp-bg, #section9.t-3 .fp-bg {
    background: linear-gradient(0deg, rgb(252 252 250 / 50%), rgb(252 252 250 / 50%)), url(../../inc/assets/quote.png);
    /* background-image:  url("../../inc/assets/quote.png");  */
    background-position: top left;
    background-size: auto;
    background-repeat: no-repeat;
  }

  /* #section9.t-1 .testimonial-1 {
    opacity: 1;
    transform: translateX(0vh);
  }*/
  
  #section9.t-1 .testimonial-bubble, #section9.t-2 .testimonial-bubble, #section9.t-3 .testimonial-bubble { 
    background-image: none;
    transform: scale(1);
  } 
}

footer.opn_footer .footer_address, footer.opn_footer .footer_links_list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
} 

footer.opn_footer .footer_links_list {
  text-align: right;
} 

.footer_links_list a {
  text-decoration: none;
}

.footer_links_list .footer-btn {
  display: block;
  background-color: white;
  text-align: center;
  padding: .4rem 0;
  color: #052f3f !important;
  font-size: .9rem;
  font-weight: bold;
  width: 100%;
}


footer .footer_container {
  width: 55vw;
  margin-left: 110px;
}

footer figure {
  width: calc(55vw / 9);
  position: relative;
  transform: scale(1);
  transition: transform ease-in 1000ms;
}

footer figure:hover img {
  transform: scale(1.1);
}

footer figure img {
  width: 100%;
  position: absolute;
}

footer .staff_text_area {
  display: block;
  position: absolute;
}

footer .footer_items .staff_image {
  height: calc(((90vw - 10rem) / 14));
}
/* 
footer.opn_footer .sub_footer {
  margin-top: 2rem;
} */



footer .sub_footer {
  color: #fff;
  font-size: 15px;
  font-family: "Archivo", sans-serif;
  justify-content: space-between;
}

footer .footer_items .staff_bubble {
  opacity: 0;
  position: absolute;
  width: 21vw;
    height: 14vw;
    top: -9.5rem;
  transform: scale(0);
  transform-origin: bottom left;
  transition: transform ease-out 200ms;
}

footer .footer_items .staff_bubble.visible {
  opacity: 1;
  transform: scale(1);
}



footer .footer_items .staff_bubble .staff_text_area {
  display: flex;
  position: relative;
  background-image: url(../../inc/assets/big_staff_right_bubble.png);
  background-size: cover;
  width: 100%;
  height: 100%;
  left: 1.5rem;
  flex-flow: column;
}

footer .footer_items .staff_bubble h4 {
  text-align: center;
  margin-top: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: 0;
  transform: rotate(2deg);
}

footer .footer_items .staff_bubble p {
  margin: 0;
  font-size: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  transform: rotate(2deg);
}

footer .footer_items .staff_bubble .sub_person{
  margin-bottom: 1rem;
  font-weight: 500;
}

footer .footer_items .staff_bubble .mailbtn {
  text-align: center;
  width: 100%;
  transform: rotate(2deg);
}

footer .footer_items .staff_bubble .opn-btn {
  text-align: center;
  padding: .2rem 2rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  transform: scaleX(1);
}

footer .footer_items .staff_bubble .opn-btn:hover {
  transform: scaleX(1.1);
}

@media screen and (max-width: 1441px) {

  footer.opn_footer .sub_footer ul {
    flex-direction: column;
  }

  footer.opn_footer .sub_footer ul li span.divido {
    display: none;
  }

  footer.opn_footer .sub_sub_person {
    display:none;
  }

}


@media screen and (min-width: 1366px) and (max-width: 1440px) {
  footer.opn_footer .mailbtn .opn-btn {
    margin-top:0;
  }
}

@media screen and (max-width: 1024px) {
  footer.opn_footer .footer_items {
    justify-content: space-between;
  }
}

@media screen and (min-width: 992px) and (max-width: 1023px) {

  footer .footer_container {
    width:  calc(90vw - 110px);
    margin-left: 110px;
  }
}

@media screen and (max-width: 991px) {
  /* footer.opn_footer {
    display: none
  } */

  footer .footer_container {
    width:  90vw;
    margin-left: 0;
  }
}


@media screen and (min-width: 441px) and (max-width: 767px) {

}
@media screen and (min-width: 351px) and (max-width: 440px) {

}
@media screen and (max-width: 350px) {

}

section#section11 .containo {
  padding-bottom: calc((55vw / 9) + 6rem);;
}

@media screen and (max-width: 991px) {
  #section11 .fp-bg {
    background-image: url("../../inc/assets/howitworks-bg.png");
  }
}


#section10 .fp-bg,  #sectionContact2 .fp-bg {
  background-image: url("../../inc/assets/worldmap.png");
}

.right-text-col {
    width: 40vw;
    position: absolute;
    right: 0;
    padding-right: 7rem;
}

@media screen and (max-width: 1500px) {
  .right-text-col {
    width: 50vw;
    position: absolute;
    right: 0;
    padding-right: 4rem;
  }

  .right-text-col .break-line {
    display: none;
  }

  .right-text-col .opn-btn {
    margin-bottom: 10rem;
  }

}

.opn-btn.bounce-btn {
  transform: scale(1);
}

.opn-btn.bounce-btn {
  transform: scale(1);
  transition: transform ease-in-out 400ms;
}

.opn-btn.bounce-btn:hover {
  transform: scale(1.1);
}

#section7 .section7-container {
  margin-left: 20rem;
}

@media screen and (max-width: 992px) {
  #section7 .section7-container {
    margin-left: 0rem;
  }

  #section7 .section7-container p {
    margin: 0;
    padding: 10%;
  }

  #section7 .section7-container .opn-btn {
    margin-left: 10%;
    margin-top: 0;
  }
}

.blogs-container {
  width: 80vw;
  margin: 0 0 0 110px;
  position: absolute;
  /* bottom: 20rem; */
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: fit-content;
  /* padding-bottom: 250px; */
  padding-top: 0px;
}

.blogs-container .fp-arrow.fp-next {
  border-color: transparent transparent transparent #052f3f;
}

.blogs-container .fp-arrow.fp-prev {
  border-color: transparent #052f3f transparent transparent;
}

.blog-container .fp-arrow {
  position: absolute;
  bottom: 20rem;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(calc(-50% - 125px));
  height: fit-content;
}



.blog-container {
  width: calc(100% - 300px);
  margin: auto;
}


.fp-slidesNav.fp-bottom {
  bottom: calc(9rem + 100px);
  display: inline-table;
  padding-left: 110px;
}


@media screen and (max-width: 992px) {
  .blogs-container {
    width: 100vw;
    margin: 0;
    bottom: 0;
    padding-bottom: 0px;
    padding-top: 70px;
  }

  .fp-slidesNav.fp-bottom {
    display: none;
  }

  .blog-container .fp-arrow {
    transform: translateY(calc(-50% + 35px));
  }
}

#sidemenuid.side_menu { 
  background-color: #fcfcfa;
  z-index: 9999;
}

#sidemenuid #side_menu_bg_images{
  display: none;
}

#sidemenuid.menu-full #side_menu_bg_images{
  display: block
}

#sidemenuid #side_menu_bg_images {
  width: 100%;
  height: 100%;
  position: fixed;
}

#sidemenuid #side_menu_bg_images div {
  width: 100%;
  height: 100%;
  background-size: cover;
  transition: opacity 1s ease-in-out;
  opacity: 0;
  position: fixed;
}

#sidemenuid #side_menu_bg_images div.active {
  opacity: 0.4;
}

#sidemenuid #side_menu_bg_images .bg-1 {
  background-image: url("../../inc/assets/worldmap.png");
}
#sidemenuid #side_menu_bg_images .bg-2 {
  background-image: url("../../inc/assets/simple_map.png");
}
#sidemenuid #side_menu_bg_images .bg-3 {
  background-image: url("../../inc/assets/the-problem-bg.jpg");
}
#sidemenuid #side_menu_bg_images .bg-4 {
  background-image: url("../../inc/assets/howitworks-bg.png");
}

#testimonial_dots {
  width: calc(100vw - 110px);
  left: 110px;
  position: absolute;
  bottom:  4rem;
  display: flex;
  justify-content: center;
}

#testimonial_dots ul {
  /* margin-left: auto;
  margin-right: auto; */
  display: flex;
  list-style-type: none;
}

#testimonial_dots ul li {
  cursor: pointer;
  z-index: 1;
}

#testimonial_dots ul li.active span, #testimonial_dots ul li.active:hover span{
  height: 1.2rem;
  width: 1.2rem;
  display: flex
}

#testimonial_dots ul li:hover span {
  height: .9rem;
  width: .9rem;
}

#testimonial_dots ul li span {
  border-radius: 100%;
  background: #052f3f;
  height: .8rem;
  width: .8rem;
  display: flex;
  margin: 0 .6rem;
}

@media screen and (max-width: 945px) {
  #testimonial_dots {
    width: 100vw;
    left: 0px;
  }
}


#sectionFooter {
  display: none;
}

@media screen and (max-width: 992px) {
  #sectionFooter {
    display:block; 
    color: white;
    font-size: large;
  }

  #sectionFooter a, #sectionFooter a:visited, #sectionFooter a:active {
    color: white;
    text-decoration: none;
  }

  #sectionFooter .fp-bg {
    background-color: #052f3f;
    display: flex;
    flex-direction: column;    
    pointer-events: none;
  }

  #sectionFooter .footer_items {
    display: flex;
  }

  #sectionFooter .footer_title  {
    font-family: 'Ballinger';
    font-size: xxx-large;
    margin-bottom: 10vh;
  }

  #sectionFooter .footer_address {
    font-size: 2rem;
    line-height: 3rem;
  }

  #sectionFooter .footer_container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 80vh;
  }

  #sectionFooter .footer_items .staff_image figure img{
    max-width: 25vw;
    max-height: 18vh;
  }

  #sectionFooter .sub_footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 10vh;
  }

  #sectionFooter .sub_footer img{
    width: 15vw
  }   

  #sectionFooter .sub_footer .sub_footer_list{
    font-size: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }  


}

#section3awesome .bg {
  background: url(../../inc/assets/skyline.png);
    background-position: center top;
    overflow: hidden;
    background-size: cover;
}

#sectionstreetmapawesome .building-panel {
  position: relative;
}


#section3awesome .blog-panel, #sectionstreetmapawesome .building-panel {
  display: block;
  float: right;
  height: 100%;
  width: 0;
  background: #fcfcfa;
  right: 0px;
  z-index: 100;
  transition: width 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
  padding: 0;
  text-align: left;
}

#section3awesome .blog-panel.visible, #sectionstreetmapawesome .building-panel.visible {
  width: 35rem;
  padding: 1rem 3rem;
  min-height: calc(100vh - 2rem);
  position: relative;
}

#section3awesome .blog-panel .blog-panel-content, #sectionstreetmapawesome .building-panel .building-panel-content {
  display: none
}

#section3awesome .blog-panel.visible .blog-panel-content, #sectionstreetmapawesome .building-panel.visible .building-panel-content {
 display: block;
}

#section3awesome .blog-panel.visible .blog-content, #sectionstreetmapawesome .building-panel.visible .building-content {
  padding-top: 4rem;
}

@media screen and (max-width: 992px) {
  #section3awesome .blog-panel.visible .blog-content, #sectionstreetmapawesome .building-panel.visible .building-content {
    padding-top: 10rem;
  }
}

#section3awesome .blog-panel *, #sectionstreetmapawesome .building-panel *  {
  text-align: left;
  text-align: justify;
  line-height: 2rem;
}

/* nasty hack for panel that wont go all the way down if content not filled */
#building-column-wrapper #building-panel-wrapper-comp {
  width: 0;
}

#building-column-wrapper.visible #building-panel-wrapper-comp {
    height: 100vh;
    position: absolute;
    background-color: #fcfcfa;
    width: 35rem;
    right: 10px;
    bottom: 0;
    padding: 1rem 3rem;
    transition: width 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
}

/* #building-panel-wrapper .building_column_data, #blog-panel-wrapper .blog-panel {
  padding-right: 3rem;
} */

#section3awesome .main-panel {
    background: url(../../inc/assets/building_xray_bg.png);
    background-position: bottom left;
    overflow: hidden;
    background-size: cover;
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: -1;
}

#section3awesome  .xray_content {
  pointer-events: none;
  visibility: none;
  position: absolute;
  top: 25%;
  transition: all 0.2s ease;
  width: 100%;
  height: 100%;
  height: 100vh;
}
#section3awesome  .xray_content li {
  list-style-type: none;
  position: absolute;
  z-index: 99;
  pointer-events: all;
}


#section3awesome  .xray_content li div.node  {
  padding: 2rem;
  cursor: pointer;
  position:absolute;
}

#section3awesome  .xray_content li div.node div {
  height: 1.5rem;
  width: 1.5rem;
  background-image: url("../../inc/assets/painbutton.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  animation-iteration-count: infinite;
  animation: pulso 1s infinite;
}
#section3awesome  .xray_content li div.node:hover {
  cursor: pointer;
}

@keyframes pulso {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
#section3awesome  .xray_content li div.node_text {
  background-image: url("../../inc/assets/pain_balloon.png");
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat;
  display: none;
  position: relative;
  top: 4rem;
}
#section3awesome  .xray_content li div.node_text p {
  width: 100%;
  max-width: 13rem;
  padding: 1.5rem;
  font-size: calc(0.8rem + 0.1vw);
  font-weight: 500;
  padding: 0;
  margin: 0;
  line-height: 1em;
}
#section3awesome  .xray_content li div.node_text .speechdummy {
  opacity: 0;
  position: relative;
  max-width: 15rem;
}
#section3awesome  .xray_content li div.node_text.node_high{
  background-image: url("../../inc/assets/pain_balloon_high.png");
}

#section3awesome  .xray_content li div.node_text.node_med {
  background-image: url("../../inc/assets/pain_balloon.png");
  position: absolute;
  top: -12rem;

  /* position: absolute;
  bottom: 100%; */
}

#section3awesome  .xray_content li div.node_text div {
  display: flex;
  position: absolute;
  top: 0%;
  align-items: center;
  width: 100%;
  flex-direction: column;
  justify-content: center;
}
#section3awesome  .xray_content li div.node_text.node_high div{
  height: 100%;
    transform: rotate(-2deg);
    top: 0%;
    width: 90%;
}
#section3awesome  .xray_content li div.node_text.node_med div {
  height: 90%;
}
#section3awesome  .xray_content li div.node_text.node_low div {
  height: 70%;
  top: 10%;
}

#section3awesome  .xray_content li div.node_text.node_low, #section3awesome  .xray_content li div.node_text.node_lower {
  background-image: url("../../inc/assets/pain_balloon.png");
  position: absolute;
  bottom: 100%;
}

#section3awesome  .xray_content li div.node_text p {
  font-size: calc(0.8rem + 0.1vw);
  color: #052f3f;
  font-family: "Archivo", sans-serif;
  font-weight: 500;
  width: 12rem;
}

#section3awesome  .xray_content li div.node_text.node_high p {
  top: 22%;
  transform: rotate(-2deg);
}
#section3awesome  .xray_content li div.node_text.node_med p {
  top: 22%;
  transform: rotate(2deg);
}
#section3awesome  .xray_content li div.node_text.node_low p {
  top: 22%;
  transform: rotate(2deg);
}
#section3awesome  .xray_content li div.node_text.node_lower p {
  top: 8%;
  transform: rotate(4deg);
}

#section3awesome  .xray_content li div.node_text.node_lower img.speechdummy {
    max-width: 16rem;
}

#section3awesome  .xray_content.showzone {
  opacity: 1;
  /* pointer-events: all; */
  visibility: visible;
  transition: 0.2s ease;
}

#section3awesome li .node_text {
  /* opacity:0; */
  display: block !important;
  pointer-events: none;
  transform: scale(0);
  transition: transform 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
}

#section3awesome li .node_text.visible {
  /* opacity: 1; */
  pointer-events: all;
  display: block !important;
  transform: scale(1);
}

#section3awesome li div.node_text.node_high {
  transform-origin: top left;
}

#section3awesome li div.node_text.node_med, #section3awesome li div.node_text.node_low, #section3awesome li div.node_text.node_low {
  transform-origin: bottom left;
}

#section3awesome li div.node_text.node_high .xray_node_read_more {
  transform: rotate(-2deg);
}

#section3awesome li div.node_text.node_med .xray_node_read_more {
  transform: rotate(2deg);
}

#section3awesome li div.node_text.node_low .xray_node_read_more {
  transform: rotate(2deg);
}

#section3awesome li div.node_text.node_lower .xray_node_read_more {
  transform: rotate(4deg);
}

#section3awesome .right_slide_column .slide_column_data {
  transition: opacity ease-in-out 300ms;
}

#section3awesome .highrise_container {
  /* position: absolute; */
  bottom: -1rem;
  left: 120px;
  pointer-events: none;
}

@media screen and (max-width: 1280px) {
  #section3awesome .blog-panel.visible {
    width: 100vw;
  }

}


@media screen and (min-width: 992px) {
  #section3awesome  .xray_content li:nth-child(1) {
    bottom: 18vh;
    left: 32vh;
  }
  #section3awesome  .xray_content li:nth-child(2) {
    bottom: 35vh;
    left: 48vh;
  }
  #section3awesome  .xray_content li:nth-child(3) {
    bottom: 68vh;
    left: 67vh;
  }
  #section3awesome  .xray_content li:nth-child(4) {
    bottom: 38vh;
    left: 110vh;
  }
  #section3awesome  .xray_content li:nth-child(5) {
    bottom: 10vh;
    left: 72vh;
  }
}

@media screen and (max-width: 991px) {
  #section3awesome  .xray_content li:nth-child(1) {
    top: 25%;
    left: 20%;
  }
  #section3awesome  .xray_content li:nth-child(2){
    top: 18%;
    left: 32%;
  }
  #section3awesome  .xray_content li:nth-child(3) {
    top: 4%;
    left: 59%;
  }
  #section3awesome  .xray_content li:nth-child(4) {
    top: 55%;
    left: 45%;
  }
  #section3awesome  .xray_content li:nth-child(5) {
    top: 40%;
    left: 73%;
  }

  #section3awesome .main-panel {
    background: url(../../inc/assets/skyline.png);
  }
  
  #section3awesome .blog-panel.visible, #sectionstreetmapawesome .building-panel.visible {
    width: calc(100vw - 6rem);
  }

  #building-panel-wrapper .building_column_data img,   #blog-panel-wrapper .blog-panel img {
    max-width: 90vw;
  }

  #section3awesome .highrise_container {
    width: 100%;
    left: -5rem;
  }

  #section3awesome .xray_content {
    top: 0;
  }
}

.mobileAcademyLinks {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
margin: 3rem

}

.mobileAcademyLinks a.academy_link_btn, .mobileAcademyLinks a.academy_link_btn:visited, .mobileAcademyLinks a.academy_link_btn:active {
  background: #052f3f;
    text-align: center;
    color: #fff;
    padding: 1rem;
    font-weight: 600;
    font-family: 'Archivo', sans-serif;
    text-decoration: none;
    display: block;
    margin: 1rem 0rem;
    padding: 2rem 4rem;
    font-size: 3rem;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
}

footer.opn_footer .sub_footer ul.footer_links_list {
display: block;

}

/* Fixed footer type container for "scroll to next page".
* --------------------------------------- */
#scroll_icon_container {
  position:fixed;
  height: 50px;
  display:block;
  width: 100%;
  z-index:9;
  text-align:center;
  padding: 20px 0 0 0;
  bottom:0px;
  color: #052f3f;
  opacity: 1;
  right: 0;
}

#scroll_icon_container.light {
  color: #fff;
}

#scroll_icon_container .scroll_arrow {
  bottom: 0;
  height: 60px;
  left: 50%;
  line-height: 40px;
  margin-bottom: 16px;
  position: absolute;
  width: 60px;
  z-index: 5;
  display: block;
  cursor: pointer;
}

#scroll_icon_container .scroll_arrow:hover {
  animation: jumping 700ms infinite;
}

@keyframes jumping {
0% {
  transform: translateY(0);
}
50% {
  transform: translateY(-1rem);
}
100% {
  transform: translateY(0);
}
}

#scroll_icon_container.hide {
  display: none;
}


#scroll_icon_container .scroll_arrow::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
  border-top-left-radius: 60px;
  border: 1px solid currentColor;
  border-bottom: 0;
  border-right: 0;
  animation: 1s linear infinite spin;
  transform-origin: 100% 100%;
  transition: opacity .5s cubic-bezier(0.5, 0, 0.2, 1);
  opacity: 0;
}

#scroll_icon_container .scroll_arrow i {
  width: 38px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  transform: translateY(0);
  transition: transform .5s cubic-bezier(0.5, 0, 0.2, 1);
  top: 10px;
}

#scroll_icon_container .scroll_arrow i::after {
  content: "";
  display: block;
  position: absolute;
  width: 28px;
  height: 28px;
  left: 50%;
  top: 50%;
  margin: -14px;
  border-width: 0 2px 2px 0;
  border-color: currentColor;
  border-style: solid;
  transform: rotate(45deg) translate(-7px, -7px);
  transform-origin: 14px 14px;
}

#coverall {
  flex-direction: column;
}

#coverall .loader_text {
  margin-top: 1rem;
  /* opacity:0; */
  /* transition: opacity 2s ease-in-out; */
}

li[disabled="disabled"], a[disabled="disabled"] {
  pointer-events: none;
}


/* -----------------Before and After Slider-------------------- */


#beforeAfterSlider * {
  box-sizing:border-box
}

#beforeAfterSlider .line {
  width:100px;
  height:1px;
  margin:20px auto 40px auto;
  border-bottom:1px solid #08303f;
}

#beforeAfterSlider img {
  width:100%;
  display:block;
}

#beforeAfterSlider .container {
  width: 100%;
  height: 100%;
  display:block;
  margin:auto auto
}

#beforeAfterSlider #before-after-slider {
  width:100%;
  height: 100%;
  position:relative;
  overflow:hidden;
}

#beforeAfterSlider #after-image {
  height: 100%;
  display:block;
  background-image: url(../../inc/assets/slider-yay.jpg);
  background-size: cover;
  pointer-events: none;
}

#beforeAfterSlider #before-image {
  position:absolute;
  height:100%;
  width:50%;
  top:0;
  left:0;
  overflow:hidden;
  z-index:2;
  background-image: url(../../inc/assets/slider-nay.jpg);
  background-size: cover;
  pointer-events: none;
}

#beforeAfterSlider #resizer {
  position:absolute;
  display:flex;
  align-items:center;
  z-index:5;
  top:0;
  left:50%;
  height:100%;
  width:6px;
  background:#08303f;
  /*Stop vertical scrolling on touch*/
  -ms-touch-action: pan-y;
    touch-action: pan-y;
    transition: transform 300ms ease-in-out;
}

#beforeAfterSlider #resizer:after {
  background-image: url(../../inc/assets/round_scroll_l_slide.png);;
  content:' ';
  background-size: cover;
  display:flex;
  position:absolute;
  margin: 0 0 0 -4rem;
  width:8rem;
  height:8rem;
  cursor: pointer;
  animation: sliderPuls 1s infinite;
}

#beforeAfterSlider #resizer:hover {
  /* margin: 0 0 0 -3rem;
  width:5rem;
  height:5rem; */
  transform: scale(1.2);
}

#beforeAfterSlider #resizer:hover:after {
  /* margin: 0 0 0 -3rem;
  width:5rem;
  height:5rem; */
  animation: none;
}

#beforeAfterSlider .slider-header {
  /* height: 100%; */
  /* margin: auto 0 auto 3rem; */
}


#beforeAfterSlider .slider-header.after-header {
  /* float: right; */
}

#beforeAfterSlider .header-text {
  font-size: 2.8rem;
  position: absolute;
  top: 50%;
  font-family: "Ballinger", sans-serif;
  pointer-events: none;
}

#beforeAfterSlider .before-header .header-text {
  color: #545454;
  -ms-transform: rotate(-90deg);
  text-align: center;
  left: -4rem;
  transform: rotate(-90deg);
}

#beforeAfterSlider .after-header .header-text {
  color: #08303f;
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  text-align: center;
  right: -8rem;
  text-shadow: 0 0 10px white;
}

#beforeAfterSlider .slider-overlay {
  z-index: 3;
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}


#beforeAfterSlider .slider-overlay-message {
  position: absolute;
  bottom: 5rem;
  right: 14rem;
  background-image: url(../../inc/assets/text-block-wide.png);
  background-size: cover;
  height: 15rem;
  width: 37rem;
  display: block;
  padding: 3rem 4rem;
  text-align: center;
  z-index: 10;
  pointer-events: none;
  font-size: 1.4rem;
}

#beforeAfterSlider .slider-overlay-message .slider-overlay-message-container {
  position: relative;
  height: 100%;
}

#beforeAfterSlider .slider-overlay-message #slider-overlay-message-1, #beforeAfterSlider .slider-overlay-message #slider-overlay-message-2 {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#beforeAfterSlider .slider-overlay-message #slider-overlay-message-1 {
  opacity: 1;
  
}

#beforeAfterSlider .slider-overlay-message #slider-overlay-message-2 {
  opacity: 0;
}

@media (max-width:900px) {

  #beforeAfterSlider * {

  }
  
  #beforeAfterSlider .line {

  }
  
  #beforeAfterSlider img {

  }
  
  #beforeAfterSlider .container {

  }
  
  #beforeAfterSlider #before-after-slider {

  }
  
  #beforeAfterSlider #after-image {
    /* background-image: url(../../inc/assets/slider-yay-m.jpg); */
    background-image: none;
    width: 100%;
  }
  
  #beforeAfterSlider #before-image {
    /* background-image: url(../../inc/assets/slider-nay-m.jpg); */
    background-image: none;
    width: 100%;
  }
  
  #beforeAfterSlider #resizer {
    height: 6px;
    width: 100%;
    left: 0;

    z-index: 11;
  }
  
  #beforeAfterSlider #resizer:after {
    background-image: url(../../inc/assets/round_scroll_t_slide.png);
    left: 50%;
  }
  
  #beforeAfterSlider #resizer:hover {

  }
  
  #beforeAfterSlider #resizer:hover:after {

  }
  
  #beforeAfterSlider .slider-header {

  }
  
  
  #beforeAfterSlider .slider-header.after-header {
    /* float: right; */
  }
  
  #beforeAfterSlider .header-text {

  }
  
  #beforeAfterSlider .before-header .header-text {
    transform: rotate(0deg);
    left: 0;
    width: 100%;
    top: 7rem;
    text-shadow: 0 0 4px black;
    color: white;
  }
  
  #beforeAfterSlider .after-header .header-text {
    left: 0;
    width: 100%;
    transform: rotate(0deg);
    bottom: 10px;
    position: absolute;
    top: auto;
  }
  
  #beforeAfterSlider .slider-overlay {

  }
  
  
  #beforeAfterSlider .slider-overlay-message {
    bottom: 15rem;
    right: 1rem;
}
  
  #beforeAfterSlider .slider-overlay-message .slider-overlay-message-container {

  }
  
  #beforeAfterSlider .slider-overlay-message #slider-overlay-message-1, #beforeAfterSlider .slider-overlay-message #slider-overlay-message-2 {

  }
  
  #beforeAfterSlider .slider-overlay-message #slider-overlay-message-1 {

  }
  
  #beforeAfterSlider .slider-overlay-message #slider-overlay-message-2 {

  }



  #beforeAfterSlider .img-container {
    width: 100%;
    height: 100vh;
    background-size: cover;
  }

  #beforeAfterSlider #before-image .img-container {
    background-image: url(../../inc/assets/slider-nay-m.jpg);
  }

  #beforeAfterSlider #after-image .img-container {
    background-image: url(../../inc/assets/slider-yay-m.jpg);
  }

}

@keyframes sliderPuls {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

/* 
#beforeAfterSlider #resizer:not(.is-grabbed)::before {
  animation: left-arr-pulsing 1s linear infinite;
}


#beforeAfterSlider #resizer::before {
  transform: rotate(-45deg) translate(-7px, -7px);
} */

/* 
#beforeAfterSlider #resizer::before, #beforeAfterSlider #resizer::after {
  width: 10px;
  height: 10px;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -5px;
  border-width: 2px 0 0 2px;
  border-style: solid;
  border-color: currentColor;
}
 */

 .section .sectionHeader {
  z-index: 300;
  position: absolute;
  right: 2rem;
  top: 2rem;
  font-size: 3rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  opacity: 0;
  transition: all 500ms ease-in-out 500ms;
 }

 .section.active .sectionHeader {
  opacity: 0.6;
 }

 @media screen and (max-width: 991px) {
  .section .sectionHeader {
    width: 100%;
        text-align: center;
        right: 0;
   }
 }

 #sectionSolution .the-solution-main-img-container {
  position: relative;
 }

 #sectionSolution .the-solution-main-img {
  left:15%;
  height: 70vh;
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
 }

 #sectionSolution .fp-bg {
  background-image: url("../../inc/assets/the-problem-bg.jpg");
}


@media screen and (min-width: 1301px) and (max-width: 1500px) {
  #sectionSolution .the-solution-main-img {
    left: 3rem;
  }
}
@media screen and (max-width: 1300px) {
  
  #sectionSolution .the-solution-main-img {
    left: 2rem;
  }
}

 @media screen and (max-width: 991px) {

  #sectionSolution .right-text-col {
    width: calc(100vw - 10rem);
    left: 1rem;
    padding: 4rem;
    position: absolute;
    top: 100px;
  }

  #sectionSolution .fp-bg{
    background-position: top;
    z-index: 99;
  }

  #sectionSolution .the-solution-main-img {
    left: 0;
    width: auto;
    max-height: 50vh;
    position: relative;
    margin: 0 auto;
  }

  #sectionSolution .center-elements-vert {
    /* display: flex;
    align-items: center; */
  }
}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#sectionKnowledgeAcademy #ka_container {
  left:15rem;
  width: 100%;
}

/* #sectionKnowledgeAcademy .fp-bg {
  background-color: #e1ddd7;
  background-image: url("../../inc/assets/knowledge_bg.jpg"); 
  background-position: top right;
} */


#sectionKnowledgeAcademy #ka_container .ka_row {
  width: 100%;
  margin-top: 2rem;
}

#sectionKnowledgeAcademy #ka_container .ka_row .opn-btn {
  display: inline-block;
    margin-right: 2rem;
    /* width: 14rem; */
    padding-left: 2rem;
    padding-right: 2rem;
}

#sectionKnowledgeAcademy .inner-addon {
  position: relative;
}

#sectionKnowledgeAcademy .inner-addon .fa {
  position: absolute;
    padding: .95rem 1rem;
    pointer-events: none;
}

#sectionKnowledgeAcademy .left-addon .fa  { 
  left:  0px;
  font-size: 1.5rem;
}

#sectionKnowledgeAcademy .left-addon input  { 
  padding-left:  3rem; 
}

#sectionKnowledgeAcademy .inner-addon-tall input {
  padding: 8px 5px 8px 30px;
}

#sectionKnowledgeAcademy .inner-addon-tall .fa {
  padding: 10px;
}

.form-control {
  height: 3rem;
  /* min-width: 500px; */
  border-radius: .75rem;
  border: 1px solid black;
}


@media screen and (max-width: 991px) {

  #sectionKnowledgeAcademy #ka_container {
    left: 0; 
    padding-left: 2rem;
  }

  #sectionKnowledgeAcademy #ka_container .ka_row .opn-btn {
    display: inline-block;
    margin-right: 2rem;
    width: calc(50vw - 3rem);
    padding: 2rem;
  }

  .form-control {
    min-width: 0;
    max-width: 100%;
    width: calc(100% - 7rem);
}
}


/* Tags 'column design' page */
#tags  {
  opacity: 0;
  transition: opacity ease-in-out 200ms;
}

#tags.visible {
  opacity: 1;
}

#tags .article-columns-container {
  padding: 6rem 12rem;
  height: calc(100vh - 12rem);
    display: flex;
}

#tags .article-column {
  width: 25%;
  margin: 0 1.5rem;
  display: flex;
  flex-direction: column;
}

#tags .article-column .img-container{
  overflow:hidden
}

#tags .article-column .article-text {
  text-align: justify;
  line-height: 2.5vh;
  margin:0;
  font-size: 2vh;
}

#tags .article-column .opn-btn {
  margin-top: 1rem;
}


#tags .articles-header {
  background-color: #E2E2E2;
  height: 30%;
  border-radius: 2rem;
  text-align: center;
  position: relative;
  transition: all 300ms ease-in-out;
}

#tags .articles-header:hover{
  border-radius: 1rem;
}


#tags .articles-header img {
  height: 15vh;
  max-height: 8rem;
  position: relative;
  top: -4rem;
  transition: transform 5s ease-in-out;
}

#tags .articles-header:hover  img{
  transform: rotate(360deg);
}

#tags .articles-header h1 {
  margin: 1vh;
}

#tags .articles-main{
  display: contents;
  padding-top: 3rem;
}

#tags .articles-main .content{
  display: flex;
}

#tags .articles-main .content{
  background-color: #4B6D53;
  height: calc(70% - 3rem);
  margin-top: 3rem;
  border-radius: 2rem;
  transition: all 300ms ease-in-out;
}

#tags .articles-main .content.content-green{
  background-color: #4B6D53;
}
#tags .articles-main .content.content-yellow{
  background-color: #f4bf57;
}
#tags .articles-main .content.content-red{
  background-color: #904041;
}
#tags .articles-main .content.content-lightblue{
  background-color: #a9c8c9;
}
#tags .articles-main .content.content-darkblue{
  background-color: #062f40;
}

#tags .articles-main .content:hover{
  border-radius: 1rem;
}

#tags .articles-main .content .content-container{
  display: flex; 
  flex: 1; 
  flex-direction: column; 
  padding: 4rem;
}

#tags .articles-main .content .content-container, #tags .articles-main .content .content-container h1{
  color: white;
}

#tags .articles-main .content img {
  width: 4rem;
}

#tags .articles-main .content:hover img {
  width: 4rem;
  animation: pulso 2.5s infinite;
}

#tags .article-container h1, #tags .article-container h2 {
  font-size: 2.1vh;
}

#tags .text-under-image img{
  height: inherit;
  width: 100%;
  object-fit: cover;
}

#tags .text-under-image .img-container{
  margin-bottom: auto;
  height: 50vh;
}

#tags .text-under-image .article-container{
  overflow: visible;
}



#tags .image-under-text img{
  height: 40vh;
  width: 100%;
  object-fit: cover;
  padding-top: 2rem;
}

#tags .image-under-text .article-container{
  margin-bottom: auto;
  overflow: hidden;
}

#tags .image-under-text h1, #tags .image-under-text h2  {
  margin-top: 0;
}

#tags .image-under-text .opn-btn {
  margin-bottom: 2rem;
}

#tags .article-container-wrapper {
  height: 100%
}



#tags .text-in-image {
  position: relative;
}

#tags .text-in-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

#tags .text-in-image h1, #tags .text-in-image h2  {
  margin-top: 0;
}

#tags .text-in-image .img-container{
  height: 100%;
}

#tags .text-in-image .article-container{
  background-color: #fcfcfa;
  margin: 0 3rem;
  padding: 3rem;
  height: 30%;
  overflow: visible;
  position: absolute;
  bottom: 3rem;
}

#tags .text-in-image .opn-btn{
  width: auto;
padding: 1rem 0;
}


#tags a.visited, #tags a.active {
  color: initial;
  text-decoration: none;
}

#tags a:-webkit-any-link {
  /* color: initial; */
  cursor: pointer;
  text-decoration: none;
}


#tags #article-column-3 {
  display: flex;
}

@media screen and (max-width: 1919px) {
  #tags .article-columns-container {
    padding: 6rem 6rem;
}

  #tags .article-column {
    margin: 0 1rem;
  }
}

@media screen and (min-width: 901px) and (max-width: 1680px) {
  #tags .article-column {
    width:33%;
  }

  #tags #article-column-3 {
    display: none;
  }
}


@media screen and (max-width: 900px) {
  #tags .article-column { 
    width: calc(50% - 2rem);
  }

  #tags #article-column-0 {
    display: inline-block;
  }

  #tags #article-column-1 {
    display: inline-block;
  }

  #tags #article-column-2 {
    display: inline-block;
  }

  #tags #article-column-3 {
    display: inline-block;
  }

  #tags .article-columns-container {
    display: block;
    padding: 2rem;
    height: calc(100% - 8rem);
  }

  .article-columns-container .article-columns-container-row {
    display: flex;
    height: 50%;
    margin-top: 2rem;
  }

  #tags .text-in-image .article-container {
    margin: 0 1.5rem;
    padding: 1.5rem;
    height: 60%;
  }

  #tags .articles-main .content {
    background-color: #4B6D53;
    height: calc(70% - 1.5rem);
    margin-top: 1.5rem;
    border-radius: 2rem;
    transition: all 300ms ease-in-out;
}

  #tags .article-column .article-text {
    line-height: 1.4rem;
    font-size: 1.1rem;
  }

  #tags .article-column .article-text p {
    text-align: left;
  }

  #tags .text-under-image .img-container {
    height: auto;
    min-height: 100px;
  }
  #tags .image-under-text img {
    height: 20vh;
  }

  .no-posts {
    margin-top: 10rem;
  }
  .no-posts .article-column {
    height: 60vh;
  }

}


@media screen and (max-height: 900px) {
  #tags .article-column .article-text {
    font-size: 1rem;
  }
  #tags .article-container h1, #tags .article-container h2 {
    font-size: 1.2rem;
  }
}




.single_blog_post h1 {
  font-weight: 500;
}

.single_blog_post h2 {
  font-weight: 400;
  font-size: 1.6rem;
}

.single_blog_post .side_bar h2 {
  font-weight: 600;
}

.maincontent  {
  color: #052f3f !important;
}