body {
  font-family: 'Avenirltstd book', sans-serif;
  color: #333;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.header.active {
  background-color: rgb(20, 43, 67);
  transition: all 0.2s ease-out 0s;
}
.header {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 990;
  display: none;
  width: 100%;
  height: auto;
  margin-top: 0px;
  padding-top: 10px;
  padding-bottom: 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 0px;
  background-color: transparent;
}

.left-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  padding-top: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px none #cacaca;
}

.header-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 70px;
  margin-right: 0px;
  margin-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.logo-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 257px;
  height: 69px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

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

.link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 4px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 13px;
  letter-spacing: 1.4px;
  text-decoration: none;
}

.link.black {
  font-family: Avenirltstd, sans-serif;
  color: #000;
}

.link.left {
  font-family: Avenirltstd, sans-serif;
  color: #000;
}

.white-logo {
  position: absolute;
  display: block;
  width: auto;
  padding-right: 5px;
  padding-bottom: 8px;
  padding-left: 5px;
}

.bar-container {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1130px;
  padding-top: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: space-around;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.right-nav {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.home-hero {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  margin-top: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#234c76), to(#122c44));
  background-image: linear-gradient(180deg, #234c76, #122c44);
}

.homer-header {
  position: relative;
  z-index: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.parallax {
  position: relative;
}

.center-headline-30 {
  position: relative;
  z-index: 3;
  display: none;
  height: 450px;
  padding-top: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/images-community/downtown-min.jpg');
  background-position: 0px -150px;
  background-size: 117%;
  background-attachment: scroll;
}

.tw {
  width: auto;
  margin-top: 0px;
  color: #fff;
  font-size: 22px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.tw.centre {
  padding-bottom: 2px;
  font-family: 'Avenirltstd book', sans-serif;
  color: #000;
  font-size: 30px;
  line-height: 40px;
  text-align: left;
  letter-spacing: 2px;
  text-indent: 0px;
}

.tw.inline-title {
  width: auto;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 2px;
  font-family: 'Avenirltstd book', sans-serif;
  color: #000;
  font-size: 30px;
  line-height: 145%;
  font-weight: 400;
  text-align: left;
  letter-spacing: 2px;
  text-indent: 0px;
}

.tw.inline-title-white {
  width: auto;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 2px;
  font-family: 'Avenirltstd book', sans-serif;
  color: #fff;
  font-size: 30px;
  line-height: 145%;
  font-weight: 400;
  text-align: left;
  letter-spacing: 2px;
  text-indent: 0px;
}

.tw.annoucnemnt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Avenirltstd book', sans-serif;
  color: #000;
  font-size: 24px;
  line-height: 40px;
  text-align: center;
  letter-spacing: 2px;
  text-indent: 0px;
}

.execlusive-map {
  height: auto;
}

.numbers-frame {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.hero-left-text {
  position: relative;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: 0%;
  z-index: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.text-wrapper {
  position: relative;
  z-index: 40;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0px 0px 0px 5%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.simplyput {
  width: 100%;
  padding-top: 0px;
  font-family: 'Avenirltstd book', sans-serif;
  color: #fff;
  font-size: 30px;
  line-height: 34px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 2px;
}

.princples {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 100%;
  padding-right: 0%;
  padding-left: 0%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.bold-text-2 {
  font-family: 'Avenirltstd 2', sans-serif;
}

.bold-text-3 {
  font-family: 'Avenirltstd 2', sans-serif;
}

.projects-title-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 80px;
  padding-bottom: 80px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/images-community/map-min.png');
  background-position: 50% -40%;
  background-size: 1100px;
  background-repeat: no-repeat;
}

.footer {
  position: relative;
  z-index: 2;
  height: auto;
  margin-top: 0px;
}

.image-4 {
  margin-top: -4px;
}

.what-we-do-hero {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  margin-top: -1px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.what-we-do-hero-2 {
  position: relative;
  z-index: 50;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 87vh;
  margin-top: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.what-we-do-parrallax-b4 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #fff;
  background-color: #000;
  background-image: url('../images/images-community/toronto-old.jpg');
  background-position: 0px 0px;
  background-size: cover;
  background-attachment: fixed;
}

.inline-text-section {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  margin-top: 71px;
  margin-bottom: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.text-headline-what-we-do {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  padding-top: 65px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  -o-object-fit: fill;
  object-fit: fill;
}

.mini-title-center-white {
  padding-top: 12px;
  font-family: 'Avenirltstd book', sans-serif;
  color: #fff;
  font-size: 30px;
  line-height: 145%;
  font-weight: 400;
  text-align: center;
  letter-spacing: 2px;
}

.specs {
  position: relative;
  z-index: 18;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 400px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #142c44;
  background-image: none;
  background-size: auto;
}

.what-we-do-parrallax-new {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/images-community/torontoi-new-min.jpg');
  background-position: 0% 50%;
  background-size: cover;
  background-repeat: repeat-x;
  background-attachment: fixed;
}

.image-6 {
  width: 880px;
  margin-top: 19px;
}

.white-paragraph {
  width: 600px;
  margin-top: 10px;
  color: #fff;
  font-size: 16px;
  line-height: 29px;
  font-weight: 400;
  text-align: justify;
  letter-spacing: 0px;
  text-transform: none;
}

.white-paragraph.innovation {
  width: 550px;
}

.white-paragraph.left {
  width: auto;
  margin-top: 0px;
  font-size: 18px;
  line-height: 32px;
  text-align: left;
}

.text {
  width: 600px;
  margin-top: 10px;
  color: #000;
  font-size: 16px;
  line-height: 29px;
  text-align: center;
}

.text.black {
  width: auto;
  padding-top: 22px;
  padding-right: 0%;
  font-family: Avenirltstd, sans-serif;
  color: #000;
  font-weight: 400;
  text-align: left;
  letter-spacing: 0.5px;
}

.text.white {
  width: 420px;
  padding-right: 0px;
  padding-left: 0px;
  font-family: Avenirltstd, sans-serif;
  color: #fff;
  text-align: left;
  letter-spacing: 0.5px;
}

.text.blacked-out {
  width: auto;
  padding-top: 22px;
  padding-right: 0%;
  font-family: Avenirltstd, sans-serif;
  color: #000;
  font-weight: 400;
  text-align: left;
  letter-spacing: 0.5px;
}

.text.white-cerntre {
  width: 420px;
  padding-right: 0px;
  padding-left: 0px;
  font-family: Avenirltstd, sans-serif;
  color: #fff;
  text-align: center;
  letter-spacing: 0.5px;
}

.map-home {
  position: relative;
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.building-container-map {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 4;
  background-color: transparent;
}

.building-container-relative {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-4 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 30px;
  margin-bottom: 0px;
  padding-right: 12px;
  padding-left: 12px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.81);
  color: #fff;
}

.poptag {
  position: absolute;
  left: 0px;
  top: -38px;
  right: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  padding-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.poptag.bottom {
  position: relative;
  left: 0px;
  top: 7px;
  width: 100%;
  height: auto;
  margin-top: 25px;
}

.triangle {
  margin-top: -1px;
  padding-top: 0px;
}

.triangle.bottom {
  margin-top: -37px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.dawes {
  position: absolute;
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  margin-bottom: 91px;
  margin-left: 472px;
  padding-bottom: 0px;
  padding-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.poptag-adjustment {
  margin-top: -13px;
  padding-right: 0px;
  padding-left: 0px;
}

.locust {
  position: absolute;
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  margin-bottom: 189px;
  margin-left: 235px;
  padding-bottom: 0px;
  padding-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.keele {
  position: absolute;
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  margin-bottom: 211px;
  margin-left: 306px;
  padding-bottom: 0px;
  padding-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-8 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.div-block-8.w--current {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.black-paragraph {
  width: 600px;
  margin-top: 0px;
  color: #000;
  font-size: 16px;
  line-height: 29px;
  text-align: center;
  letter-spacing: 0px;
}

.black-paragraph.left {
  width: auto;
  padding-bottom: 6px;
  font-family: Avenirltstd, sans-serif;
  font-size: 16px;
  line-height: 32px;
  font-weight: 500;
  text-align: left;
}

.track-record {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 510px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e4f7ff;
  background-image: url('../images/images-community/data.png');
  background-position: 0% 50%;
  background-size: cover;
}

.countup-wrapper-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 230px;
  height: 210px;
  margin-right: 3px;
  margin-left: 3px;
  padding: 5px 0px 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.counter {
  height: 38px;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #000;
  font-size: 32px;
  letter-spacing: 1px;
}

.image-8 {
  width: 84px;
  height: auto;
  margin-top: 5px;
  padding-bottom: 10px;
}

.track-record-name {
  padding-top: 5px;
  font-family: Avenirltstd, sans-serif;
  color: #000;
  text-align: center;
}

.stats {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.challenge-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1120px;
  height: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.right-column-text-black {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 100%;
  padding-top: 79px;
  padding-left: 0%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.div-block-11 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 100%;
  padding-right: 0px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.creative-approach {
  position: relative;
  z-index: 10;
  display: none;
  height: 520px;
  margin-bottom: 95px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.hiw-title {
  padding-bottom: 4px;
  font-family: 'Avenirltstd book', sans-serif;
  color: #fff;
  font-size: 30px;
  font-weight: 400;
  letter-spacing: 2px;
}

.how-it-works-text-col {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 500vh;
  margin-top: 195px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.block-one {
  margin-top: 33px;
  padding-bottom: 226px;
}

.paragraph-5 {
  width: 470px;
  padding-top: 6px;
  color: #fff;
  font-size: 16px;
  line-height: 29px;
  letter-spacing: 0px;
  text-indent: 0px;
}

.feature-cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.image-10 {
  padding-top: 0px;
  padding-right: 14px;
  padding-bottom: 7px;
}

.how-it-works-text-section {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 310px;
  margin-top: 106px;
  padding-top: 121px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #132c43;
}

.lottie-animation {
  position: -webkit-sticky;
  position: sticky;
  z-index: 1;
  width: 280px;
  margin-top: -12px;
  margin-left: 46px;
  padding-top: 0px;
}

.numbered-blokcs {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: auto;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.releative-tech-mask {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: transparent;
}

.spacer {
  display: block;
  height: 22px;
}

.tech-right-col {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 1500px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: transparent;
}

.how-it-works {
  position: relative;
  z-index: 2;
  height: 1500px;
}

.the-sticky-div {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  margin: 0px auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0px;
  background-color: hsla(0, 0%, 100%, 0.51);
}

.technologies-left-side {
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 70%;
  margin-left: 12.5%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: transparent;
}

.tech-stream-2 {
  position: relative;
  width: 470px;
  height: auto;
  margin-top: 0px;
  background-color: transparent;
  color: transparent;
}

.bg-blue-gradient {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  height: 3000px;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#24415e), to(#142c44));
  background-image: linear-gradient(0deg, #24415e, #142c44);
}

.div-block-13 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  line-height: 0px;
}

.plus-sign {
  height: 40px;
  margin-top: 0px;
  margin-bottom: 0px;
  letter-spacing: 1px;
}

.countup-wrapper-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 310px;
  height: 210px;
  margin-right: 3px;
  margin-left: 3px;
  padding: 5px 0px 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.nav-button-container {
  width: auto;
  height: auto;
}

.right-link {
  padding-left: 35px;
}

.underline-mask {
  position: relative;
  bottom: -3px;
  overflow: hidden;
  width: auto;
  height: 1px;
}

.white-effect {
  position: absolute;
  width: 100%;
  height: 2px;
  margin-right: 130px;
  background-color: #fff;
  opacity: 1;
}

.link-with-img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.link-with-img.space {
  padding-top: 21px;
}

.image-12 {
  padding-bottom: 4px;
  padding-left: 6px;
}

.left-link {
  padding-right: 35px;
  padding-left: 0px;
}

.brand {
  display: none;
}

.nav-menu {
  width: 100vw;
}

.line-mask {
  position: relative;
  top: 100px;
  bottom: 0px;
  z-index: 121;
  overflow: hidden;
  width: 2px;
  height: 90px;
}

.div-block-14 {
  position: relative;
  z-index: 50;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 91px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-15 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 2px;
  background-color: #fff;
}

.div-block-15.blk {
  background-color: #000;
}

.scroll-down {
  position: relative;
  bottom: -127px;
  z-index: 120;
  width: auto;
  background-color: transparent;
  font-family: Avenirnextcyr, sans-serif;
  color: #fff;
  letter-spacing: 3px;
}

.scroll-down.black {
  color: #000;
}

.scroll-down.blk {
  bottom: -5px;
  color: #000;
}

.body {
  display: block;
  height: 600px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.lottie-animation-2 {
  width: 380px;
  height: 100%;
  padding-top: 49px;
}

.sketch-video {
  position: relative;
  z-index: 120;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.azrua-sketch {
  position: relative;
  z-index: auto;
  width: auto;
  height: auto;
}

.lottie-animation-3 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: block;
  width: auto;
  height: auto;
  margin-top: 0px;
}

.section-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  padding-top: 65px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url('../images/images-community/wall_arts_chinatown_toronto_paint_hand_painted_symbol-886813.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/images-community/wall_arts_chinatown_toronto_paint_hand_painted_symbol-886813.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
}

.focus-25 {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 712px;
  padding-top: 23px;
  padding-bottom: 75px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.animated-chart {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 90%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.lottie-animation-5 {
  width: 1000px;
}

.nav-button-animated {
  position: fixed;
  top: 0px;
  right: 0px;
  z-index: 900;
  width: 60px;
  height: 60px;
  margin-top: 10px;
  margin-right: 20px;
  padding: 0px;
  background-color: transparent;
}

.nav-button-animated.w--open {
  background-color: transparent;
}

.top-line {
  position: absolute;
  left: 0px;
  top: 18px;
  right: 0px;
  width: 40px;
  height: 2px;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
}

.middle-line {
  position: absolute;
  left: 0px;
  top: 28px;
  right: 0px;
  width: 40px;
  height: 2px;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
}

.bottom-line {
  position: absolute;
  left: 0px;
  top: 38px;
  right: 0px;
  width: 40px;
  height: 2px;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
}

.image-14 {
  display: none;
}

.map-viideo {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  overflow: hidden;
  width: auto;
  height: 100%;
}

.background-video-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding-left: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.future-under-consturcitonm {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Avenirltstd book', sans-serif;
}

.mapmobile {
  display: none;
  width: 880px;
  margin-top: 19px;
}

.mobile-chart {
  display: none;
}

._2-columns---community {
  position: relative;
  z-index: 4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 950px;
  padding-bottom: 87px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

._2-columns---community.edu {
  height: 1060px;
}

._2-columns---community.social {
  height: 1190px;
}

.column-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: auto;
  padding-top: 90px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.img-blue-building {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 50%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/images-community/corporate-building.jpg');
  background-position: 50% 61%;
  background-size: cover;
}

.text-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0px 15%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.mini {
  width: 100%;
  padding-right: 22px;
  font-family: 'Avenirltstd book', sans-serif;
  color: #00c0f1;
  font-size: 30px;
  font-weight: 400;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.mini.centre {
  padding-right: 0px;
  padding-bottom: 35px;
  text-align: center;
}

.mini.centre-low {
  padding-right: 0px;
  padding-bottom: 8px;
  font-weight: 400;
  text-align: center;
}

.mini.green {
  font-family: 'Avenirltstd book', sans-serif;
  color: #82cd49;
  font-weight: 400;
}

.mini.black {
  padding-right: 0px;
  padding-bottom: 7px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  color: #000;
  line-height: 100%;
  text-align: center;
  margin-bottom: 10px;
}

.title-box-block {
  width: auto;
  margin-top: 0px;
  padding-top: 15px;
  padding-bottom: 2px;
  font-family: 'Avenirltstd book', sans-serif;
  color: #000;
  font-size: 24px;
  line-height: 145%;
  font-weight: 400;
  text-align: left;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.title-box-block.left {
  padding-bottom: 0px;
}

.column-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.img-planning {
  width: 50%;
  height: 100%;
  background-image: url('../images/images-community/planning.jpg');
  background-position: 70% 60%;
  background-size: auto 108%;
}

.horizontal-text-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  padding-top: 0px;
  padding-bottom: 54px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.horizontal-text-container.initives {
  padding-top: 85px;
}

.paragraph-container {
  width: 65%;
  height: auto;
}

.title-container {
  width: 30%;
  height: auto;
  margin-top: 0px;
  margin-right: 0px;
  padding-right: 0px;
}

.horizontal-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 75%;
  padding-bottom: 22px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.line {
  width: 80%;
  height: 1px;
  margin-top: 52px;
  background-color: #dbdbdb;
}

.black-paragraph---announcement {
  width: 620px;
  margin-top: 10px;
  color: #000;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  letter-spacing: 0px;

}

.test {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 96%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.lottie-animation-7 {
  margin-left: 36px;
  padding-left: 0px;
}

.how-it-works-section {
  position: relative;
  z-index: 4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  padding-top: 108px;
  padding-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#142c44), to(#24415e));
  background-image: linear-gradient(180deg, #142c44, #24415e);
}

.howitworks-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1000px;
  height: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.howitworks-autoslider-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 66%;
  padding-top: 38px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

._101-building-container {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  height: 100%;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.lottie-animation-8 {
  position: relative;
  top: 0px;
  z-index: 20;
  display: block;
  width: 85%;
}

.slider-2 {
  display: none;
  width: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-color: transparent;
}

.right-arrow-2 {
  display: none;
}

.icon-4 {
  display: none;
}

.left-arrow-2 {
  display: none;
}

.icon-5 {
  display: none;
}

.slide-nav-2 {
  display: none;
}

.block-one-new {
  margin-top: 33px;
  padding-bottom: 0px;
}

.feature-cell-new {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.progress-bar-container {
  display: none;
  width: 100%;
  margin-bottom: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.baseline {
  position: absolute;
  width: 100%;
  height: 1px;
  margin-top: 0px;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  background-color: rgba(0, 192, 241, 0.4);
}

.step-tab {
  padding-top: 8px;
  padding-right: 38px;
  padding-bottom: 16px;
  opacity: 1;
  font-family: Avenirltstd, sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 0px;
  letter-spacing: 2px;
}

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

.progress-line-group {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.blue-line {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 3px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0px;
  background-color: #00c0f1;
  line-height: 20px;
}

.blue-line-progress {
  position: absolute;
  width: 100%;
  height: 2.5px;
  margin-left: 0%;
  border-radius: 70px;
  background-color: #00c0f1;
  box-shadow: 0 0 4px 1px rgba(77, 188, 216, 0.48);
}

.tab-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: transparent;
  opacity: 0.32;
}

.tab-link.w--current {
  padding-right: 0px;
  background-color: transparent;
  opacity: 1;
}

.blue-number {
  opacity: 1;
  color: #00c0f1;
  font-size: 18px;
  line-height: 16px;
}

.tabs-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.tabs-content {
  overflow: visible;
}

.white-paragraph-hero {
  width: 600px;
  margin-top: 10px;
  color: #fff;
  font-size: 16px;
  line-height: 29px;
  font-weight: 400;
  text-align: justify;
  letter-spacing: 0px;
  text-transform: none;
}

.white-paragraph-hero.herohead {
  width: 400px;
  font-family: Avenirltstd, sans-serif;
  text-align: center;
  letter-spacing: 0px;
  text-transform: uppercase;
}

.hero-simplyput-wrapper {
  position: relative;
  z-index: 40;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 450px;
  height: 100%;
  padding-top: 29px;
  padding-right: 0%;
  padding-left: 0%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.simplyput-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 47px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.simplyput-blue-line {
  width: 100%;
  height: 1.2px;
  background-color: #87c566;
}

.herostep {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 21px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-weight: 400;
}

.number0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.text-block-11 {
  padding-top: 2px;
  padding-right: 20px;
  font-family: Avenirnextcyr, sans-serif;
  color: #fff;
  font-size: 40px;
  line-height: 46px;
  font-weight: 200;
}

.step-text {
  margin-bottom: 0px;
  padding-top: 4px;
  font-family: Avenirnextcyr, sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 32px;
  font-weight: 300;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.bold {
  font-family: Avenirltstd, sans-serif;
  color: #87c667;
  font-weight: 500;
}

.button-blue {
  position: static;
  z-index: 40;
  margin-top: 38px;
  padding: 15px 40px;
  border-style: solid;
  border-width: 1px;
  border-color: #00c0f1;
  background-color: #00c0f1;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  font-family: Avenirltstd, sans-serif;
  line-height: 20px;
  letter-spacing: 2px;
  cursor: pointer;
}

.button-blue:hover {
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  background-color: rgba(0, 192, 241, 0);
}

.button-blue.w--current {
  position: relative;
  z-index: 40;
}

.navlink-sub {
  position: relative;
  bottom: 0px;
  z-index: 3;
  width: auto;
  background-color: transparent;
  color: #fff;
  letter-spacing: 3px;
}

.listing {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 390px;
  height: 380px;
  margin-right: 2px;
  margin-left: 2px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: #e2e1e1;
}

.div-block-24 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 49px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-23 {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #00c0f1;
}

.subnav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
}

.communits-grid {
  height: 1000px;
}

.city-name {
  font-family: 'Avenirltstd book', sans-serif;
  color: #00c0f1;
  font-size: 12px;
  letter-spacing: 1px;
}

.image-17 {
  width: auto;
  height: 108%;
  max-width: none;
}

.boarder {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  border-style: solid;
  border-width: 19px;
  border-color: #fff;
}

.gridrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1320px;
  height: 344px;
  margin-top: 18px;
  margin-bottom: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.project-name {
  margin-bottom: 0px;
  font-family: 'Avenirltstd 2', sans-serif;
  color: #000;
  font-weight: 400;
  letter-spacing: 2px;
}

.listing-texts {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 5%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  padding-top: 18px;
  padding-bottom: 18px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.nav-tab {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.communites-page {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}

.background-video-3 {
  position: absolute;
  width: 100%;
  height: 100%;
}

.mini-title-center-white-2 {
  padding-top: 12px;
  font-family: 'Avenirltstd book', sans-serif;
  color: #fff;
  font-size: 32px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 2px;
}

.icon-dots {
  position: relative;
  left: -15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 84px;
  margin-bottom: 73px;
  margin-left: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.dots-connect {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: -12%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
}

.dots-horz {
  position: relative;
  left: 135px;
  width: 180px;
}

.specs-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.heading-3 {
  height: auto;
  margin-top: 0px;
  color: #fff;
  font-size: 22px;
  line-height: 32px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.text-specs-container {
  position: relative;
  top: -23px;
  display: -ms-grid;
  display: grid;
  width: 1120px;
  height: auto;
  padding-top: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-items: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 34px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.feature-text-container {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: auto;
  margin-left: 0px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.feature-body-text {
  width: 240px;
  margin-top: 0px;
  font-family: Avenirnextcyr, sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  text-align: left;
  letter-spacing: 0.5px;
}

.img-toronto {
  position: relative;
  overflow: hidden;
  width: 50%;
  height: 100%;
  background-image: url('../images/images-community/30-04-2018-5DS-0693.jpg');
  background-position: 70% 60%;
  background-size: cover;
}

._2-columns-reverse {
  position: relative;
  z-index: 4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 630px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.expertise-block {
  position: relative;
  z-index: 4;
  display: none;
  height: 680px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.revealer {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 0%;
  background-color: #fff;
}

.image-mask {
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0;
}

.login-screen {
  display: block;
  height: 730px;
}

.portal-screen {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.32)), to(rgba(0, 0, 0, 0.32))), url('../images/images-community/30-04-2018-5DS-0693.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.32)), url('../images/images-community/30-04-2018-5DS-0693.jpg');
  background-position: 0px 0px, 50% 60%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.portal-header {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 80px;
  padding-top: 16px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.back-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.div-block-25 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  padding: 4px 0px 0px 9px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: transparent;
  font-family: Avenirltstd, sans-serif;
  color: #fff;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 1px;
}

.div-block-26 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 59px;
  padding: 10px 19px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px;
  background-color: #000;
  opacity: 0.36;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  text-decoration: none;
}

.div-block-26:hover {
  background-color: #000;
  opacity: 1;
}

.footer-portal {
  width: 100%;
}

.login-widget-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 380px;
  height: 380px;
  padding-top: 9px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 11px;
  background-color: #fff;
}

.text-block-12 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  line-height: 28px;
  text-align: center;
}

.fields {
  width: 300px;
}

.sub-text-block {
  padding-bottom: 39px;
  line-height: 22px;
  text-align: center;
}

.sub-text-block.partners {
  width: 290px;
  padding-top: 0px;
  padding-bottom: 22px;
  font-family: Avenirltstd, sans-serif;
  color: #000;
}

.sub-text-block.comm {
  width: 260px;
}

.partners-login-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: right;
}

.submit-button {
  margin-top: 5px;
  padding: 11px 30px;
  border: 1px solid #000;
  background-color: #000;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.submit-button:hover {
  border: 1px solid #000;
  background-color: #fff;
  color: #000;
}

.submit-button:visited {
  background-color: #000;
  color: #fff;
}

.submit-button.partners:hover {
  border: 1px solid #000;
  background-color: #fff;
  color: #000;
}

.submit-button.form {
  width: 100%;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  font-family: Avenirltstd, sans-serif;
}

.text-field {
  height: 46px;
  margin-bottom: 17px;
  background-color: #fff;
}

.link-2 {
  padding-right: 13px;
  padding-left: 13px;
  color: #fff;
  text-decoration: none;
}

.copyrights {
  padding-right: 13px;
  padding-bottom: 18px;
  padding-left: 13px;
  color: #fff;
  text-decoration: none;
}

.dots-vertical {
  display: none;
}

.logo-container---urban {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 257px;
  height: 69px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.section-6 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 200vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image1 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100%;
  background-image: url('../images/images-community/toronto-old.jpg');
  background-position: 1px 0px;
  background-size: cover;
}

.image2 {
  position: -webkit-sticky;
  position: sticky;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100vh;
  max-height: 100vh;
  max-width: none;
  min-height: 100vh;
  min-width: auto;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  border-top: 2px solid #fff;
  background-image: url('../images/images-community/torontoi-new-min.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.parallax-controller {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 100%;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-color: transparent;
}

.div-block-28 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 100%;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.animation-controller {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 205vh;
  margin-top: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  border-top: 0px none #fff;
  background-color: transparent;
}

.div-block-29 {
  position: relative;
  top: 15px;
  width: 46vw;
  height: 90vh;
  padding-bottom: 0px;
}

.greenline-container {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 2px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.greenline {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  background-color: #87c667;
}

.scroll-down-wrapper {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 176px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.scroll-down-wrapper.hide {
  height: auto;
}

.btn-container {
  position: relative;
  z-index: auto;
}

.our-impact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.outimpact-header {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 630px;
  padding-top: 100px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.22)), to(rgba(0, 0, 0, 0.22))), url('../images/images-community/impact-min.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.22)), url('../images/images-community/impact-min.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.div-block-30 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.white-gradient-bg {
  position: relative;
  top: 0px;
  bottom: 0px;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  margin-top: -228px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.64)), color-stop(35%, #f4f7f9));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.64), #f4f7f9 35%);
}

.mini-green {
  width: auto;
  padding-right: 0px;
  padding-bottom: 13px;
  font-family: 'Avenirltstd book', sans-serif;
  color: #87c667;
  font-size: 30px;
  text-align: center;
  letter-spacing: 2px;
}

.track-record-headline-white {
  width: auto;
  margin-top: 0px;
  padding-top: 10px;
  padding-bottom: 2px;
  font-family: 'Avenirltstd book', sans-serif;
  color: #fff;
  font-size: 24px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.story-container {
  position: relative;
  top: -108px;
  width: 1100px;
  height: 630px;
  background-color: #fff;
}

.successstories {
  width: 100%;
  height: 100%;
  background-color: transparent;
}

.slide-nav-3 {
  left: 0%;
  top: auto;
  right: 0%;
  bottom: -13%;
  margin-top: 0px;
  margin-bottom: 0px;
  background-color: transparent;
  color: #000;
}

.icon-6 {
  display: none;
  color: #000;
}

.icon-7 {
  display: none;
  color: #000;
}

.story-main-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding-right: 22px;
  padding-left: 22px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-style: normal;
}

.storybody {
  position: relative;
  left: -36px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 420px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-style: normal;
}

.storyheadline-text {
  position: relative;
  z-index: 4;
  width: 370px;
  height: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 32px;
  font-weight: 400;
  letter-spacing: 1px;
}

.story-body {
  height: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
  font-family: Avenirltstd, sans-serif;
  color: #000;
  font-size: 16px;
  line-height: 26px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
}

.div-block-31 {
  width: 2px;
  height: 75%;
  margin-right: 18px;
  margin-left: -21px;
  background-color: #e7e7e7;
}

.left-arrow-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: -40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.right-arrow-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: -38px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.storyheadline-container {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 370px;
  padding-top: 0px;
  padding-left: 48px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-14 {
  padding-top: 32px;
  padding-bottom: 6px;
  font-family: Avenirnextcyr, sans-serif;
  font-size: 22px;
  font-weight: 400;
}

.text-block-15 {
  color: #87c667;
}

.div-block-32 {
  position: absolute;
  left: 4%;
  top: -10%;
  right: auto;
  bottom: auto;
  font-family: Lato, sans-serif;
}

.button-blue-to-black {
  position: static;
  z-index: 40;
  margin-top: 38px;
  padding: 15px 40px;
  border-style: solid;
  border-width: 1px;
  border-color: #00c0f1;
  background-color: #00c0f1;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  font-family: Avenirltstd, sans-serif;
  line-height: 20px;
  letter-spacing: 2px;
  cursor: pointer;
}

.button-blue-to-black:hover {
  border-style: solid;
  border-width: 1px;
  border-color: #000;
  background-color: rgba(0, 192, 241, 0);
  color: #000;
}

.annoucment-blocks-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  padding-top: 23px;
  padding-bottom: 23px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.project-announcement {
  position: relative;
  overflow: hidden;
  width: 310px;
  height: 320px;
  margin-right: 5px;
  margin-left: 5px;
}

.project-hover-announcment {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 60px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.51);
}

.ann-project {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.ann-project-name {
  padding-top: 15px;
  padding-left: 5px;
  font-family: Avenirltstd, sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 400;
}

.ann-city {
  position: static;
  padding-top: 4px;
  padding-left: 5px;
  font-family: Avenirltstd, sans-serif;
  color: #838383;
}

.text-block-16 {
  font-family: Avenirnextcyr, sans-serif;
  color: #fff;
  font-size: 18px;
}

.image-22 {
  width: 100%;
}

.column-2-comm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.img-section-comm {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 50%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/images-community/222healthcare.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.img-section-comm.ed {
  background-image: url('../images/images-community/Edu.jpg');
}

.img-section-comm.social {
  background-image: url('../images/images-community/social.jpg');
}

.img-section-comm.elder {
  background-image: url('../images/images-community/222healthcare.jpg');
}

._1323 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  padding-top: 62px;
  padding-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  background-image: linear-gradient(146deg, #67c687 28%, #00b7f1);
}

.mini-white {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  padding-right: 0px;
  padding-bottom: 34px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Avenirltstd, sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 2px;
}

.org-logos-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 110px;
  margin-top: 0px;
  margin-bottom: 83px;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.credits-heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  padding-top: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.logo-container---crd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  padding-right: 22px;
  padding-left: 22px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-35 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.div-block-36 {
  width: 1px;
  height: 180px;
  margin-right: 50px;
  margin-left: 50px;
  background-color: #fff;
}

._2-columns {
  position: relative;
  z-index: 4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 690px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.italic-text {
  color: #000;
  font-size: 28px;
  line-height: 30px;
  font-style: italic;
}

.italic-text-2 {
  font-style: italic;
}

.logo-wrapper-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.mini-white-active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  padding-right: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Avenirltstd, sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  letter-spacing: 2px;
}

.italic-text-3 {
  color: #000;
}

._339 {
  width: 100%;
}

.left-arrow-4 {
  display: none;
}

.right-arrow-4 {
  display: none;
}

.cards {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 480px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 2000px;
  perspective: 2000px;
  -webkit-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
  -webkit-transform: perspective(157px);
  transform: perspective(157px);
}

.partners-intro {
  position: static;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 330px;
  height: 380px;
  margin-right: 0px;
  margin-left: 0px;
  padding-top: 47px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 9px;
  background-color: #fff;
  box-shadow: 1px 0 12px 4px rgba(32, 65, 105, 0.14);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.text-span {
  padding-right: 9px;
  font-family: Avenirltstd, sans-serif;
  font-weight: 400;
}

.partners-icon {
  padding-bottom: 45px;
}

.community-portal {
  position: static;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 330px;
  height: 380px;
  margin-right: 0px;
  margin-left: 0px;
  padding-top: 47px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 9px;
  background-color: #fff;
  box-shadow: 0 0 2px -20px #204169;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.form-block {
  display: block;
  width: 80%;
  height: auto;
}

.form-block.comm {
  display: none;
}

.comm-login-form-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: right;
}

.comm-icon {
  padding-bottom: 25px;
}

.partners-block-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.comm-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.partners-login {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 330px;
  height: 380px;
  margin-right: 0px;
  margin-left: 0px;
  padding-top: 47px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 9px;
  background-color: #fff;
  box-shadow: 1px 0 12px 4px rgba(32, 65, 105, 0.14);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg);
  transform: rotateX(0deg) rotateY(180deg) rotateZ(0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.div-block-37 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
}

.close-button {
  margin-top: -12px;
  margin-left: -15px;
  padding-left: 0px;
}

.comm-container {
  position: relative;
  -webkit-transform: rotateX(3deg) rotateY(0deg) rotateZ(0deg);
  transform: rotateX(3deg) rotateY(0deg) rotateZ(0deg);
  -o-object-fit: fill;
  object-fit: fill;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.comm-login {
  position: relative;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 330px;
  height: 440px;
  margin-right: 0px;
  margin-left: 0px;
  padding-top: 37px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 9px;
  background-color: #fff;
  box-shadow: 1px 0 12px 4px rgba(32, 65, 105, 0.14);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.close-button-2 {
  margin-top: -12px;
  margin-left: -15px;
  padding-left: 0px;
}

.loading {
  position: relative;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  background-color: #fff;
}

.html-embed {
  position: absolute;
  z-index: 1000;
  display: none;
  width: 100%;
  height: 100%;
}

.browser-detect {
  position: static;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 5555555;
  display: none;
  width: 100%;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.browser-warning {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 555;
  background-color: #24415e;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#142c44), to(#24415e));
  background-image: linear-gradient(180deg, #142c44, #24415e);
}

.notice {
  width: 540px;
  padding-bottom: 36px;
  font-family: 'Avenirltstd book', sans-serif;
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  text-align: center;
}

.div-block-38 {
  width: 70%;
  height: 1px;
  margin-bottom: 34px;
  background-color: hsla(0, 0%, 100%, 0.37);
}

.notice-container {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding-bottom: 85px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Avenirltstd book', sans-serif;
}

.logo-notice {
  padding-top: 0px;
}

.middle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

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

.notice-2 {
  width: 540px;
  padding-bottom: 0px;
  font-family: 'Avenirltstd book', sans-serif;
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  text-align: center;
}

.div-block-39 {
  width: 100px;
  height: 100px;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.4);
  border-radius: 15px;
  background-color: transparent;
}

.logo-container-browser {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80px;
  height: 80px;
  margin-right: 5px;
  margin-left: 5px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.4);
  border-radius: 15px;
  background-color: transparent;
}

.link-3 {
  color: #fff;
}

.unsupported-browser {
  width: 100%;
  padding-top: 0px;
  font-family: 'Avenirltstd book', sans-serif;
  color: #fff;
  font-size: 30px;
  line-height: 34px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 2px;
}

.image-25 {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  width: 40px;
  height: 20px;
}

.arrow-line {
  position: relative;
}

.div-block-41 {
  position: absolute;
  left: 0%;
  top: -21%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.21);
}

.lottie-animation-9 {
  width: 100px;
}

.text-block-17 {
  color: #fff;
  font-size: 16px;
}

.howitworks-mission {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.how-it-works-new {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: auto;
  padding: 0px 15% 13px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

._2-text-blocks {
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.building-arrows {
  position: relative;
  height: auto;
  margin-top: 0px;
  padding-top: 0px;
}

.image-26 {
  width: 100%;
}

.image-27 {
  position: relative;
  z-index: 120;
  width: 40px;
}

.arrow-line-cntr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.arrow-head {
  position: absolute;
  left: 0%;
  top: 432px;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.arrow-head.black {
  top: 0px;
  bottom: 30%;
}

.text-block-18 {
  padding-top: 22px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  font-family: Avenirltstd, sans-serif;
}

.section-7 {
  position: relative;
  height: 100vh;
  background-color: #000;
}

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

.arrow-container {
  position: relative;
}

.image-28 {
  width: 30px;
}

.howitworks {
  position: relative;
  z-index: 40;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  padding-top: 75px;
  padding-bottom: 75px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e4f5ff), to(#fff));
  background-image: linear-gradient(180deg, #e4f5ff, #fff);
}

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

._4-steps-container {
  -webkit-perspective: 1412px;
  perspective: 1412px;
}

.step-container {
  position: relative;
  overflow: hidden;
  width: 390px;
  height: 360px;
  margin-right: 6px;
  margin-left: 6px;
  padding-left: 24px;
  border-radius: 7px;
  background-color: #fff;
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.07);
}

.row-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 12px;
  margin-bottom: 12px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.line-num {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  height: 4px;
  background-color: #00c0f1;
}

.line-num.orange {
  background-color: #f37921;
  color: transparent;
}

.line-num.green {
  background-color: #82cd49;
}

.line-num.purple {
  background-color: #6a4599;
}

.number-arrow-top {
  position: absolute;
  left: 31px;
  top: -33px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60px;
  height: 60px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #00c0f1;
}

.number-arrow-top.orange {
  background-color: #f37921;
}

.number-arrow-top.green {
  background-color: #82cd49;
}

.number-arrow-top.purple {
  background-color: #6a4599;
}

.text-block-19 {
  position: absolute;
  left: 41px;
  top: 41px;
  right: 67.2031px;
  bottom: 0px;
  width: auto;
  height: auto;
  background-color: #fff;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  color: #fff;
  font-size: 24px;
}

.heading-4 {
  padding-top: 32px;
  font-size: 24px;
  font-weight: 400;
  text-transform: uppercase;
}

.feature-new-text {
  width: 330px;
  margin-bottom: 4px;
  padding-top: 4px;
  font-family: Avenirltstd, sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 29px;
  letter-spacing: 0px;
  text-indent: 0px;
}

.point {
  padding-top: 10px;
  padding-right: 14px;
  padding-bottom: 0px;
}

.bod-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.lottie {
  position: -webkit-sticky;
  position: sticky;
  z-index: 1;
  width: 320px;
  margin-top: -12px;
  margin-left: 0px;
  padding-top: 0px;
}

.image-29 {
  position: absolute;
  top: -53px;
  width: 100px;
}

.div-block-45 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 75%;
}

.section-8 {
  height: 600px;
}

.duration {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 344px;
  height: 46px;
  margin-bottom: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 13px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 6px;
  background-color: rgba(2, 191, 241, 0.43);
}

.duration.blue {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.duration.orange {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-color: rgba(243, 121, 33, 0.4);
}

.duration.green {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-color: rgba(130, 205, 73, 0.43);
}

.duration.purple {
  padding-top: 28px;
  padding-bottom: 28px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-color: rgba(106, 69, 153, 0.36);
}

.duration-text {
  width: 280px;
  margin-bottom: 0px;
  padding-top: 5px;
  padding-left: 10px;
  font-family: Avenirltstd, sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 141%;
  letter-spacing: 0px;
  text-indent: 0px;
}

.accordion {
  display: block;
  width: 66.66%;
  margin-right: auto;
  margin-bottom: -24px;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
}

.accordion.js-accordion {
  margin-bottom: 100px;
  padding-top: 32px;
}

.accordion-body__contents {
  margin-top: 8px;
  opacity: 1;
  font-family: Avenirltstd, sans-serif;
  color: #000;
  font-size: 14px;
  line-height: 26px;
  font-weight: 300;
}

.accordion-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #2e323c;
}

.accordion-header.js-accordion-header {
  cursor: pointer;
}

.question-text {
  margin-top: 15px;
  margin-left: 24px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 22px;
  line-height: 24px;
  font-weight: 400;
}

.accordion-body {
  display: block;
  padding-right: 8px;
  padding-left: 64px;
  color: #9096a4;
}

.accordion-body.js-accordion-body {
  padding-bottom: 20px;
  padding-left: 0px;
  color: #9096a4;
}

.accordion__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  margin-bottom: 24px;
  padding: 20px 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(46, 50, 60, 0.09);
  -webkit-transition: box-shadow 300ms ease;
  transition: box-shadow 300ms ease;
  text-align: left;
  text-decoration: none;
}

.accordion__item:hover {
  box-shadow: 0 3px 9px 0 rgba(46, 50, 60, 0.09);
}

.accordion__item.js-accordion-item {
  padding-bottom: 20px;
}

.accordion__item.js-accordion-item.active {
  padding-top: 25px;
  cursor: default;
}

.faq-image {
  width: 100%;
  margin-top: 40px;
}

.faq-button {
  margin-top: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
  border-radius: 3px;
  background-color: #ffb223;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  font-family: Lato, sans-serif;
  font-weight: 700;
}

.faq-button:hover {
  background-color: #ffd17b;
}

.faq-wrapper {
  max-width: 1200px;
  background-color: transparent;
}

.faq-video {
  margin-top: 40px;
}

.accordion_item-image {
  width: 160px;
}

.accordion_item-image.proaction {
  width: 86px;
}

.accordion-body__contents-2 {
  width: auto;
  margin-top: 8px;
  padding-top: 8px;
  opacity: 1;
  font-family: Avenirltstd, sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 29px;
  font-weight: 300;
}

.question-text-2 {
  margin-top: 15px;
  margin-left: 24px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 21px;
  line-height: 24px;
}

.section01 {
  overflow: hidden;
  padding: 120px 24px;
  background-color: #fff;
  text-align: center;
}

.section01.grey-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 64px;
  padding-bottom: 103px;
  background-color: #f5f7f8;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #67c687), to(#00b7f1));
  background-image: linear-gradient(180deg, #67c687 25%, #00b7f1);
}

.bold-text {
  font-family: 'Avenirltstd 2', sans-serif;
}

.div-block-46 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.tab-link-tab-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.tab-link-tab-1.w--current {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  background-color: rgba(0, 0, 0, 0.37);
}

.tab-link-tab-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 51px;
  padding-left: 51px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.tab-link-tab-2.w--current {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  background-color: rgba(0, 0, 0, 0.37);
}

.tab-link-tab-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.tab-link-tab-3.w--current {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  background-color: rgba(0, 0, 0, 0.37);
}

.tabs-menu-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.tabs-2 {
  width: 810px;
  padding-bottom: 74px;
}

.tabs-content-2 {
  padding: 28px 58px 42px;
  background-color: rgba(0, 0, 0, 0.37);
}

.button-green-to-white-copy {
  position: static;
  z-index: 40;
  margin-top: 38px;
  padding: 15px 40px;
  border-style: solid;
  border-width: 1px;
  border-color: #82cd49;
  background-color: #82cd49;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  font-family: Avenirltstd, sans-serif;
  line-height: 20px;
  letter-spacing: 2px;
  cursor: pointer;
}

.button-green-to-white-copy:hover {
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  background-color: rgba(0, 192, 241, 0);
  color: #fff;
}

.tab-pane-tab-3 {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}

.tab-pane-tab-2 {
  text-align: left;
}

.italic-text-4 {
  font-family: Avenirltstd, sans-serif;
  font-style: normal;
  font-weight: 400;
}

.section-9 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0px;
  padding-bottom: 28px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-container---comm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0px 15%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.text-container---comm.green {
  padding-top: 78px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-color: #16adc7;
}

.text-container---comm.orange {
  padding-top: 78px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-color: #e07426;
}

.text-container---comm.blue {
  padding-top: 78px;
  padding-right: 4%;
  padding-left: 10%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-color: #73b651;
}

.title-white {
  width: auto;
  margin-top: 0px;
  padding-top: 15px;
  padding-bottom: 2px;
  font-family: 'Avenirltstd book', sans-serif;
  color: #fff;
  font-size: 30px;
  line-height: 145%;
  font-weight: 400;
  text-align: left;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.title-white.left {
  padding-bottom: 0px;
}

.section-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.endorsement-section {
  position: relative;
  z-index: 3;
  width: 100%;
  margin-top: -106px;
  padding-right: 7.5px;
  padding-bottom: 36px;
  padding-left: 7.5%;
}

.heading-5 {
  color: #fff;
  font-size: 18px;
}

.initatives-block {
  width: 660px;
  padding: 33px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: -6px 8px 9px -7px hsla(0, 1.6%, 58%, 0.3);
}

.initatives-block.two {
  width: 460px;
  height: auto;
  margin-right: 23px;
}

.initatives-block.one {
  height: 360px;
}

.initatives-block.three {
  width: 30%;
  height: 360px;
}

.initatives-block.three {
  width: 30%;
  height: auto;
  margin-right: 23px;
}

.image-30 {
  padding-bottom: 14px;
}

.two-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.sub-head-hero {
  font-family: Avenirltstd, sans-serif;
  font-weight: 500;
  letter-spacing: 0.5px;
}

.div-block-47 {
  width: 1.5px;
  height: 530px;
  margin-top: 46px;
  background-color: #e0e0e0;
}

.tab-link-tab-3-2 {
  background-color: transparent;
}

.tab-link-tab-3-2.w--current {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  background-color: rgba(0, 0, 0, 0.37);
}

.black-scroll {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 176px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.black-scroll.hide {
  top: -37%;
  padding-top: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.div-block-48 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: -156px;
  padding-top: 4px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.div-block-49 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 220px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-31 {
  width: 40px;
}

.arrow-line-black {
  position: relative;
  top: -75px;
}
@media screen and (min-width: 1440px){
  .text.white {
    width: auto;
  }
}

@media screen and (min-width: 1280px) {
  .left-nav {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .bar-container {
    width: 1170px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .right-nav {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .text.black {
    color: #fff;
  }
  .text.white {
    text-align: left;
  }

  .text.blacked-out {
    color: #000;
  }
  .text.white-cerntre {
    text-align: left;
  }
  .black-paragraph.left {
    line-height: 31px;
  }
  ._2-columns---community {
    height: auto;
    padding-bottom: 38px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  ._2-columns---community.social {
    height: 1040px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .mini.black {
    padding-bottom: 0px;
    line-height: 100%;
  }
  .horizontal-text-container {
    padding-top: 45px;
    padding-bottom: 105px;
  }
  .horizontal-text-container.initives {
    margin-top: 91px;
    padding-top: 13px;
    padding-bottom: 104px;
  }
  .white-paragraph-hero.herohead {
    font-family: Avenirltstd, sans-serif;
  }
  .img-section-comm {
    background-image: url('../images/images-community/healthcare.jpg');
  }
  .img-section-comm.social {
    background-image: url('../images/images-community/social.jpg');
  }
  .section-9 {
    padding-bottom: 79px;
  }
  .text-container---comm.green {
    padding-top: 75px;
    padding-right: 10%;
    padding-left: 10%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #16adc7;
  }
  .text-container---comm.orange {
    padding-top: 75px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #e07426;
  }
  .text-container---comm.blue {
    padding-top: 75px;
    padding-left: 10%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #73b651;
  }
  .title-white {
    color: #fff;
    font-size: 30px;
  }
  .section-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 510px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .endorsement-section {
    position: relative;
    z-index: 4;
    width: 100%;
    margin-top: -107px;
    padding-top: 0px;
    padding-bottom: 54px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .endorsement-section.three {
    width: 100%;
  }
  .heading-5 {
    color: #fff;
    font-size: 19px;
  }
  .initatives-block {
    width: 710px;
    height: 230px;
    background-color: #fff;
    box-shadow: 1px 1px 7px 0 rgba(0, 0, 0, 0.11);
  }
  .initatives-block.two {
    width: 450px;
  }
  .initatives-block.three {
    width: 420px;
    height: auto;
  }
  .initatives-block.three {
    width: 400px;
  }
  .image-30 {
    padding-bottom: 22px;
  }
  .two-col {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .div-block-48 {
    margin-top: -120px;
  }
}

@media screen and (max-width: 991px) {
  .header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 6px;
    padding-bottom: 12px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #13283e;
  }
  .left-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .header-wrapper {
    position: relative;
    width: 100%;
    height: 60px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .logo-container {
    display: none;
  }
  .nav-container {
    padding-right: 158px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .link {
    font-size: 18px;
    text-align: left;
  }
  .link.left {
    padding-left: 0px;
  }
  .bar-container {
    position: relative;
    width: auto;
    height: 100vh;
    margin-top: 0px;
    padding-top: 122px;
    padding-left: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: rgba(0, 0, 0, 0.91);
  }
  .right-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .home-hero {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .parallax {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .center-headline-30 {
    width: 100%;
    height: 410px;
    background-position: 50% 9%;
    background-size: 170%;
    background-repeat: repeat-x;
    background-attachment: scroll;
  }
  .tw.centre {
    font-size: 26px;
  }
  .tw.inline-title {
    width: 180px;
    padding-left: 0px;
    font-size: 26px;
  }
  .tw.inline-title-white {
    font-size: 26px;
  }
  .tw.annoucnemnt {
    font-size: 26px;
  }
  .execlusive-map {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .hero-left-text {
    width: 60%;
  }
  .text-wrapper {
    padding-left: 10%;
  }
  .simplyput {
    font-size: 26px;
  }
  .princples {
    height: auto;
    margin-bottom: 0px;
    padding-right: 7%;
    padding-left: 3%;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .bold-text-2 {
    display: inline;
  }
  .bold-text-3 {
    display: inline;
  }
  .projects-title-section {
    width: 100%;
    height: auto;
    padding-top: 75px;
    padding-bottom: 75px;
    background-size: 830px;
  }
  .footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .what-we-do-hero {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .what-we-do-hero-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .inline-text-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 390px;
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .text-headline-what-we-do {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }
  .mini-title-center-white {
    font-size: 26px;
  }
  .specs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    padding-top: 75px;
    padding-bottom: 75px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#436688), to(#142c44));
    background-image: linear-gradient(180deg, #436688, #142c44);
    background-position: 0px 0px;
  }
  .white-paragraph {
    width: 520px;
  }
  .white-paragraph.left {
    font-size: 16px;
    line-height: 26px;
    text-align: left;
  }
  .text.black {
    width: 330px;
    line-height: 26px;
    text-align: left;
  }
  .text.white {
    width: 320px;
    line-height: 26px;
    text-align: left;
  }
  .text.blacked-out {
    width: 330px;
    line-height: 26px;
    text-align: left;
  }
  .text.white-cerntre {
    width: 320px;
    line-height: 26px;
    text-align: left;
  }
  .black-paragraph {
    width: 520px;
  }
  .black-paragraph.left {
    padding-left: 0px;
    font-size: 16px;
    line-height: 26px;
  }
  .track-record {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    padding: 77px 5%;
  }
  .countup-wrapper-1 {
    width: 333px;
  }
  .stats {
    position: relative;
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-auto-columns: 1fr;
    grid-column-gap: 13px;
    grid-row-gap: 16px;
    grid-template-areas: "Area Area-2" "Area-3 Area-4" "Area-5 Area-5";
    -ms-grid-columns: 1fr 13px 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto 16px auto 16px auto;
    grid-template-rows: auto auto auto;
  }
  .challenge-section {
    position: relative;
    width: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .right-column-text-black {
    width: 640px;
    height: 60%;
    padding-top: 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .div-block-11 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 57%;
    height: auto;
    padding-top: 75px;
    padding-bottom: 54px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .creative-approach {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    margin-bottom: 0px;
    padding-bottom: 67px;
  }
  .hiw-title {
    font-size: 26px;
  }
  .how-it-works-text-col {
    left: -65px;
  }
  .paragraph-5 {
    width: auto;
  }
  .how-it-works-text-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 310px;
    padding-top: 96px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .lottie-animation {
    margin-left: 0px;
  }
  .tech-right-col {
    padding-right: 19px;
    padding-left: 19px;
  }
  .how-it-works {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .the-sticky-div {
    overflow: hidden;
  }
  .technologies-left-side {
    margin-left: 50px;
  }
  .plus-sign {
    font-size: 32px;
  }
  .countup-wrapper-2 {
    width: 333px;
  }
  .right-link {
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 0px;
  }
  .left-link {
    padding-top: 14px;
    padding-right: 0px;
    padding-bottom: 14px;
    text-align: left;
  }
  .brand {
    z-index: 3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .image-13 {
    width: 231px;
    padding-top: 4px;
  }
  .nav-menu {
    display: block;
    margin-top: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #000;
  }
  .line-mask {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .scroll-down {
    display: block;
  }
  .lottie-animation-2 {
    width: 280px;
    padding-top: 0px;
  }
  .sketch-video {
    position: relative;
    width: 50%;
  }
  .lottie-animation-3 {
    position: relative;
    left: -60px;
    right: 0px;
    width: 500px;
    height: 630px;
  }
  .section-5 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url('../images/images-community/wall_arts_chinatown_toronto_paint_hand_painted_symbol-886813.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/images-community/wall_arts_chinatown_toronto_paint_hand_painted_symbol-886813.jpg');
    background-position: 0px 0px, 60% 50%;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
  }
  .focus-25 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 630px;
  }
  .animated-chart {
    position: relative;
  }
  .nav-button-animated {
    margin-top: 14px;
  }
  .mapmobile {
    display: none;
  }
  ._2-columns---community {
    height: 860px;
    padding-bottom: 29px;
  }
  ._2-columns---community.edu {
    height: 1080px;
  }
  ._2-columns---community.social {
    height: 1260px;
  }
  .column-2 {
    width: 50%;
  }
  .text-container {
    width: 100%;
    height: auto;
    padding: 75px 0% 75px 10%;
  }
  .mini {
    font-size: 26px;
  }
  .title-box-block {
    width: 88%;
    font-size: 20px;
  }
  .column-3 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .img-planning {
    background-position: 80% 60%;
  }
  .paragraph-container {
    width: 60%;
    font-size: 14px;
  }
  .title-container {
    width: auto;
  }
  .horizontal-text {
    width: 640px;
  }
  .line {
    width: 90%;
  }
  .black-paragraph---announcement {
    width: 520px;
  }
  .howitworks-container {
    width: 640px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .howitworks-autoslider-container {
    width: 60%;
    padding-top: 43px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  ._101-building-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0px;
  }
  .lottie-animation-8 {
    left: -8px;
    top: 65px;
    width: 120%;
    padding-top: 0px;
  }
  .step-tab {
    padding-right: 29px;
    padding-bottom: 10px;
    font-size: 12px;
    letter-spacing: 1px;
  }
  .step-tab.lasttab {
    padding-right: 0px;
  }
  .blue-line {
    height: 1px;
  }
  .tab-link {
    width: 180px;
    padding-bottom: 4px;
  }
  .tab-link.w--current {
    width: 180px;
  }
  .blue-number {
    margin-top: 0px;
    margin-bottom: 3px;
  }
  .tabs-menu {
    display: -ms-grid;
    display: grid;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }
  .tabs-content {
    padding-left: 0px;
  }
  .tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .white-paragraph-hero {
    width: 520px;
  }
  .white-paragraph-hero.herohead {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 10px;
    padding-bottom: 0px;
  }
  .hero-simplyput-wrapper {
    width: 90%;
    padding-right: 0%;
  }
  .simplyput-wrapper {
    width: 100%;
  }
  .herostep {
    width: 335px;
  }
  .text-block-11 {
    padding-top: 0px;
    padding-right: 15px;
    font-size: 32px;
  }
  .step-text {
    font-size: 18px;
    line-height: 28px;
    text-align: left;
  }
  .city-name {
    font-size: 18px;
  }
  .communites-page {
    background-position: 0% 0%;
    background-size: auto;
    background-attachment: scroll;
  }
  .mini-title-center-white-2 {
    font-size: 26px;
  }
  .icon-dots {
    height: 84px;
    margin-bottom: 29px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .dots-connect {
    position: absolute;
    z-index: 1;
    display: block;
  }
  .dots-horz {
    display: none;
    width: 150px;
  }
  .specs-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .heading-3 {
    margin-bottom: 4px;
  }
  .text-specs-container {
    top: 0px;
    width: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-column-gap: 22px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .feature-text-container {
    width: auto;
    margin-top: 57px;
    padding-right: 20px;
    padding-left: 33px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .feature-body-text {
    width: 250px;
  }
  ._2-columns-reverse {
    height: 510px;
  }
  .expertise-block {
    height: 650px;
  }
  .feature-text {
    margin-left: -47px;
    padding-left: 0px;
  }
  .dots-vertical {
    position: absolute;
    left: 76px;
    top: 79px;
    z-index: auto;
    display: block;
    width: 3px;
    line-height: 14px;
  }
  .blocks {
    position: relative;
    z-index: 0;
  }
  .logo-container---urban {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .parallax-controller {
    height: 200vh;
  }
  .greenline-container {
    width: 70%;
  }
  .scroll-down-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .outimpact-header {
    height: 720px;
  }
  .white-gradient-bg {
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.64)), color-stop(25%, #f4f7f9));
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.64), #f4f7f9 25%);
  }
  .mini-green {
    font-size: 26px;
  }
  .track-record-headline-white {
    padding-bottom: 0px;
    font-size: 20px;
  }
  .story-container {
    width: 640px;
    height: auto;
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .successstories {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .slide-nav-3 {
    bottom: -17%;
  }
  .story-main-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .storybody {
    left: 0px;
    width: 80%;
  }
  .storyheadline-text {
    width: 100%;
    padding-bottom: 28px;
  }
  .div-block-31 {
    display: none;
    height: 70%;
  }
  .storyheadline-container {
    width: 80%;
    padding-left: 0px;
  }
  .div-block-32 {
    left: -1%;
    top: 0%;
    z-index: 0;
    overflow: visible;
    margin-left: -51px;
  }
  .image-21 {
    position: relative;
    z-index: auto;
  }
  .project-announcement {
    width: 240px;
    height: 251px;
  }
  .text-block-16 {
    font-size: 13px;
  }
  .column-2-comm {
    width: 50%;
  }
  ._1323 {
    padding-top: 50px;
    padding-bottom: 80px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .mini-white {
    font-size: 18px;
  }
  .org-logos-container {
    margin-top: 0px;
    padding-left: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .logo-container---crd {
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .div-block-36 {
    width: 90%;
    height: 1px;
    margin: 47px 0px;
    padding-right: 0px;
    padding-left: 0px;
    background-color: hsla(0, 0%, 100%, 0.47);
  }
  ._2-columns {
    height: 510px;
  }
  .mini-white-active {
    font-size: 18px;
  }
  .unsupported-browser {
    font-size: 26px;
  }
  .how-it-works-new {
    width: 100%;
    height: auto;
    padding: 75px 0% 75px 10%;
  }
  .howitworks {
    height: auto;
  }
  .tower {
    display: none;
  }
  .step-container {
    width: 340px;
    height: 290px;
  }
  .row-1 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .heading-4 {
    margin-bottom: -3px;
    padding-bottom: 6px;
    font-size: 22px;
  }
  .feature-new-text {
    width: auto;
    margin-bottom: 0px;
    padding-top: 9px;
    font-size: 13px;
    line-height: 20px;
  }
  .lottie {
    margin-left: 0px;
  }
  .div-block-45 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
  }
  .duration.blue {
    width: 299px;
    margin-left: -6px;
    padding-top: 2px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .duration.orange {
    width: 299px;
    margin-left: -6px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .duration.green {
    width: 299px;
    margin-left: -6px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .duration.purple {
    width: 299px;
    margin-left: -6px;
    background-color: rgba(106, 69, 153, 0.36);
  }
  .duration-text {
    width: auto;
    margin-bottom: 0px;
    padding-top: 3px;
    font-size: 12px;
    line-height: 20px;
  }
  .accordion {
    width: 83.33%;
    padding-right: 8px;
    padding-left: 8px;
  }
  .section01 {
    padding: 100px 8px;
  }
  .tabs-2 {
    width: 690px;
  }
  .text-container---comm {
    width: 100%;
    height: auto;
    padding: 75px 0% 75px 10%;
  }
  .text-container---comm.green {
    height: 100%;
  }
  .text-container---comm.orange {
    height: 100%;
    padding-top: 50px;
  }
  .text-container---comm.blue {
    height: 100%;
    padding-top: 50px;
  }
  .title-white {
    width: 88%;
    font-size: 20px;
  }
  .endorsement-section {
    padding-right: 5px;
    padding-left: 5%;
  }
  .initatives-block.one {
    height: 330px;
  }
  .black-scroll {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .header {
    background-color: #0f1f30;
  }
  .header-wrapper {
    height: 60px;
    padding-left: 11px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .nav-container {
    padding-right: 98px;
  }
  .bar-container {
    margin-top: -6px;
    padding-top: 134px;
  }
  .home-hero {
    height: 1010px;
    margin-top: 0px;
  }
  .homer-header {
    z-index: 670;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .tw {
    width: 420px;
    text-align: center;
    letter-spacing: 3px;
  }
  .tw.centre {
    width: auto;
    line-height: 145%;
  }
  .tw.inline-title {
    width: 80%;
    padding-bottom: 15px;
    padding-left: 4px;
    text-align: left;
  }
  .tw.inline-title-white {
    width: auto;
    padding-bottom: 37px;
    text-align: center;
  }
  .tw.annoucnemnt {
    width: auto;
    line-height: 145%;
  }
  .hero-left-text {
    width: 100%;
    height: 800px;
    padding-top: 0px;
  }
  .text-wrapper {
    padding-top: 24px;
    padding-bottom: 81px;
    padding-left: 0%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .simplyput {
    letter-spacing: 3px;
  }
  .princples {
    margin-bottom: 26px;
    padding-right: 0%;
    padding-left: 0%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .bold-text-3 {
    display: inline;
  }
  .projects-title-section {
    height: auto;
    padding-top: 75px;
    padding-bottom: 75px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url('../images/images-community/map-min.png');
    background-image: linear-gradient(180deg, transparent, transparent), url('../images/images-community/map-min.png');
    background-position: 0px 0px, 50% -10%;
  }
  .image-4 {
    display: none;
  }
  .inline-text-section {
    height: auto;
  }
  .text-headline-what-we-do {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
  }
  .mini-title-center-white {
    line-height: 145%;
  }
  .specs {
    height: auto;
    padding-top: 75px;
    padding-bottom: 75px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .image-6 {
    position: relative;
    display: block;
    width: auto;
    margin-left: 0px;
  }
  .white-paragraph {
    width: 420px;
  }
  .white-paragraph.innovation {
    width: 420px;
  }
  .white-paragraph.left {
    width: 430px;
    text-align: left;
  }
  .text.black {
    width: 420px;
    text-align: left;
  }
  .text.white {
    width: 420px;
    text-align: left;
  }
  .text.blacked-out {
    width: 420px;
    text-align: left;
  }
  .text.white-cerntre {
    width: 420px;
    text-align: center;
  }
  .dawes {
    margin-bottom: 73px;
    margin-left: 332px;
  }
  .image-container-link {
    width: auto;
  }
  .locust {
    margin-bottom: 107px;
    margin-left: 137px;
  }
  .keele {
    z-index: 1;
    margin-bottom: 125px;
    margin-left: 200px;
  }
  .black-paragraph {
    width: 420px;
  }
  .track-record {
    height: auto;
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .countup-wrapper-1 {
    width: 100%;
    margin-top: 3px;
    margin-bottom: 3px;
  }
  .track-record-name {
    text-align: center;
  }
  .stats {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
  }
  .challenge-section {
    width: 100%;
  }
  .right-column-text-black {
    width: 450px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
  .creative-approach {
    height: auto;
    padding-bottom: 62px;
  }
  .how-it-works-text-col {
    left: -100px;
  }
  .how-it-works-text-section {
    margin-top: 0px;
  }
  .lottie-animation {
    margin-top: 0px;
  }
  .numbered-blokcs {
    left: -86px;
  }
  .tech-right-col {
    width: 40%;
  }
  .how-it-works {
    line-height: 30px;
  }
  .the-sticky-div {
    overflow: hidden;
  }
  .tech-stream-2 {
    width: 191px;
  }
  .bg-blue-gradient {
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
  }
  .plus-sign {
    font-size: 32px;
  }
  .countup-wrapper-2 {
    width: 100%;
    margin-top: 3px;
    margin-bottom: 3px;
  }
  .image-13 {
    width: 220px;
  }
  .line-mask {
    display: none;
  }
  .div-block-14 {
    width: auto;
  }
  .scroll-down {
    display: block;
  }
  .lottie-animation-2 {
    width: 590px;
  }
  .sketch-video {
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .lottie-animation-3 {
    left: 0px;
    width: auto;
    height: 640px;
  }
  .section-5 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url('../images/images-community/wall_arts_chinatown_toronto_paint_hand_painted_symbol-886813.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/images-community/wall_arts_chinatown_toronto_paint_hand_painted_symbol-886813.jpg');
    background-position: 0px 0px, 80% 50%;
  }
  .focus-25 {
    height: auto;
  }
  .animated-chart {
    position: relative;
  }
  .lottie-animation-5 {
    display: none;
    padding-top: 30px;
  }
  .nav-button-animated {
    margin-top: 6px;
  }
  .top-line {
    top: 25px;
    width: 32px;
    height: 1px;
  }
  .middle-line {
    top: 35px;
    width: 32px;
    height: 1px;
  }
  .bottom-line {
    top: 45px;
    width: 32px;
    height: 1px;
  }
  .image-14 {
    display: block;
  }
  .background-video-2 {
    height: 100%;
  }
  .future-under-consturcitonm {
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    display: none;
    height: auto;
    padding-top: 24px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .mapmobile {
    position: relative;
    display: none;
    width: auto;
    margin-left: 0px;
  }
  .mobile-chart {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .property25 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    margin-top: 25px;
    padding-top: 30px;
    padding-bottom: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #cecece;
  }
  .text-block-7 {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-family: 'Avenirltstd book', sans-serif;
    font-weight: 400;
  }
  .image-15 {
    width: 230px;
    max-width: none;
    padding: 10px 0px 24px;
  }
  .property-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    margin-top: 25px;
    padding-top: 14px;
    padding-bottom: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .boldnbig {
    display: block;
    padding-bottom: 9px;
    color: #00c0f1;
    font-size: 24px;
    text-align: center;
  }
  ._2-columns---community {
    height: auto;
    padding-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  ._2-columns---community.edu {
    height: auto;
  }
  ._2-columns---community.social {
    height: auto;
  }
  .column-2 {
    width: 100%;
    padding-top: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .img-blue-building {
    width: 100%;
    height: 47%;
  }
  .text-container {
    width: 410px;
    height: auto;
    padding-left: 0%;
  }
  .text-container.long-text {
    padding-top: 0px;
  }
  .mini {
    padding-right: 17px;
    text-align: left;
  }
  .mini.green {
    text-align: left;
  }
  .mini.left {
    text-align: left;
  }
  .title-box-block {
    width: 360px;
    text-align: left;
    letter-spacing: 3px;
  }
  .title-box-block.left {
    width: 440px;
    text-align: left;
  }
  .column-3 {
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .img-planning {
    width: 100%;
    height: 40%;
    background-size: cover;
  }
  .horizontal-text-container {
    height: 100%;
    padding-top: 91px;
    padding-bottom: 91px;
  }
  .horizontal-text-container.initives {
    padding-bottom: 59px;
  }
  .paragraph-container {
    width: 450px;
  }
  .title-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .horizontal-text {
    width: 100%;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .black-paragraph---announcement {
    width: 460px;
  }
  .test {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .how-it-works-section {
    height: auto;
    padding-top: 77px;
    padding-bottom: 48px;
  }
  .howitworks-container {
    position: relative;
    width: 100%;
  }
  .howitworks-autoslider-container {
    position: relative;
    z-index: 30;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  ._101-building-container {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    display: none;
    width: 100%;
    margin-left: 134px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    opacity: 0.42;
  }
  .lottie-animation-8 {
    left: 0px;
    width: 40%;
  }
  .div-block-20 {
    width: 450px;
  }
  .white-paragraph-hero {
    width: 420px;
  }
  .white-paragraph-hero.herohead {
    margin-top: 0px;
    padding-bottom: 56px;
  }
  .hero-simplyput-wrapper {
    width: 410px;
    height: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .communites-page {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), none;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), none;
    background-position: 0px 0px, -113px 0px;
  }
  .text-specs-container {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .feature-text-container {
    margin-top: 0px;
    padding-bottom: 45px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .feature-body-text {
    width: 330px;
  }
  .img-toronto {
    width: 100%;
    height: 70%;
    background-size: cover;
  }
  ._2-columns-reverse {
    height: 700px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .expertise-block {
    height: 700px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  ._25-wide {
    width: 310px;
    max-width: none;
    padding: 10px 0px 24px;
  }
  .image-mask {
    height: 100%;
  }
  .div-block-26 {
    display: none;
  }
  .dots-vertical {
    top: 65px;
  }
  .div-block-29 {
    width: 100vw;
    height: 90vh;
  }
  .scroll-down-wrapper {
    display: none;
  }
  .scroll-down-wrapper.hide {
    z-index: -1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .our-impact {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .white-gradient-bg {
    height: 770px;
  }
  .mini-green {
    padding-right: 17px;
    padding-bottom: 0px;
    text-align: center;
  }
  .track-record-headline-white {
    width: auto;
    padding-top: 15px;
    padding-bottom: 2px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .story-container {
    width: 100%;
    height: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .successstories {
    height: auto;
  }
  .slide-nav-3 {
    bottom: -11%;
    padding-top: 0px;
  }
  .story-main-container {
    height: 89%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .storybody {
    width: 80%;
    padding-top: 22px;
  }
  .storyheadline-text {
    padding-bottom: 0px;
  }
  .story-body {
    font-size: 16px;
  }
  .left-arrow-3 {
    left: 8%;
    top: auto;
    right: 0%;
    bottom: -13%;
    display: none;
    margin-right: 0px;
    margin-left: 0px;
  }
  .right-arrow-3 {
    left: auto;
    top: auto;
    right: 8%;
    bottom: -13%;
    display: none;
    margin-right: 0px;
    margin-left: 0px;
  }
  .div-block-32 {
    margin-top: 0px;
    margin-left: -32px;
    padding-top: 0px;
  }
  .mask {
    top: 57px;
    overflow: hidden;
    width: 100%;
  }
  .annoucment-blocks-container {
    padding-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .project-announcement {
    width: 270px;
  }
  .ann-city {
    padding-top: 3px;
    padding-bottom: 21px;
  }
  .column-2-comm {
    width: 100%;
    height: auto;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .img-section-comm {
    width: 100%;
    height: 70%;
  }
  .img-section-comm.ed {
    height: 60%;
  }
  .img-section-comm.social {
    height: 60%;
  }
  .img-section-comm.elder {
    height: 60%;
  }
  .mini-white {
    padding-right: 17px;
    text-align: center;
  }
  .org-logos-container {
    height: auto;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .logo-container---crd {
    margin-bottom: 0px;
    padding-right: 24px;
    padding-left: 24px;
  }
  .div-block-36 {
    margin-top: 68px;
    margin-bottom: 68px;
  }
  ._2-columns {
    height: 700px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  ._2-columns.more-text {
    height: 810px;
  }
  .logo-wrapper-2 {
    padding-top: 16px;
  }
  .mini-white-active {
    padding-right: 17px;
    text-align: center;
  }
  .image-23 {
    display: none;
  }
  .image-24 {
    display: none;
  }
  .notice-container {
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    display: none;
    height: auto;
    padding-top: 24px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .unsupported-browser {
    letter-spacing: 3px;
  }
  .how-it-works-new {
    width: 410px;
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 0%;
  }
  .how-it-works-new.long-text {
    padding-top: 0px;
  }
  ._2-text-blocks {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .howitworks {
    height: auto;
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .step-container {
    margin-top: 7px;
    margin-bottom: 7px;
  }
  .row-1 {
    margin-top: 0px;
    margin-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .lottie {
    margin-top: 0px;
  }
  .duration.blue {
    margin-left: -6px;
  }
  .duration.orange {
    margin-left: -6px;
  }
  .duration.green {
    margin-left: -6px;
  }
  .duration.purple {
    margin-left: -6px;
  }
  .duration-text {
    font-size: 13px;
  }
  .accordion {
    width: 100%;
    margin-bottom: -16px;
  }
  .question-text {
    margin-top: 8px;
  }
  .accordion__item {
    margin-bottom: 16px;
    padding-right: 24px;
    padding-left: 24px;
  }
  .question-text-2 {
    margin-top: 8px;
  }
  .section01 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .tabs-2 {
    width: 530px;
  }
  .italic-text-4 {
    width: auto;
  }
  .text-container---comm {
    width: 410px;
    height: auto;
    padding-left: 0%;
  }
  .text-container---comm.long-text {
    padding-top: 0px;
  }
  .text-container---comm.green {
    width: 100%;
    padding-left: 10%;
  }
  .text-container---comm.orange {
    width: 100%;
    padding-left: 10%;
  }
  .text-container---comm.blue {
    width: 100%;
    height: auto;
    padding-bottom: 104px;
    padding-left: 10%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .title-white {
    width: 360px;
    text-align: left;
    letter-spacing: 3px;
  }
  .title-white.left {
    width: 440px;
    text-align: left;
  }
  .section-head {
    height: 820px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .section-head.orange {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .endorsement-section {
    top: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: -20%;
    padding-right: 10%;
    padding-bottom: 48px;
    padding-left: 10%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .endorsement-section.orange {
    margin-top: -20%;
  }
  .heading-5 {
    font-size: 16px;
    letter-spacing: 1px;
  }
  .initatives-block.two {
    margin-bottom: 16px;
    box-shadow: 2px 5px 13px -1px hsla(0, 1.6%, 58%, 0.3);
  }
  .initatives-block.one {
    width: 100%;
  }
  .initatives-block.three {
    margin-bottom: 11px;
    box-shadow: 2px 5px 13px -7px hsla(0, 1.6%, 58%, 0.3);
  }
  .initatives-block.three {
    width: auto;
    margin-right: 0px;
    box-shadow: 2px 5px 13px -1px hsla(0, 1.6%, 58%, 0.3);
  }
  .two-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .div-block-47 {
    display: none;
  }
  .black-scroll {
    display: none;
  }
  .black-scroll.hide {
    z-index: -1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 479px) {
  .header {
    top: 0px;
    padding-top: 0px;
    padding-bottom: 6px;
    background-color: #13283e;
  }
  .header-wrapper {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: transparent;
  }
  .nav-container {
    padding-right: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .link {
    font-size: 16px;
  }
  .bar-container {
    width: 100%;
    height: 100vh;
    margin-left: 0%;
    padding-top: 104px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .right-nav {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .home-hero {
    height: auto;
    padding-bottom: 75px;
  }
  .homer-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background-color: transparent;
  }
  .center-headline-30 {
    background-position: 200% 17%;
    background-size: 390%;
  }
  .tw {
    width: 300px;
    margin-bottom: 10px;
    font-size: 23px;
    line-height: 42px;
    text-align: center;
  }
  .tw.centre {
    width: 280px;
    margin-bottom: 2px;
    text-align: center;
  }
  .tw.inline-title {
    width: auto;
    margin-top: 0px;
    padding-bottom: 10px;
    font-size: 26px;
  }
  .tw.inline-title-white {
    width: auto;
    margin-top: 0px;
    padding-bottom: 10px;
    font-size: 24px;
  }
  .tw.annoucnemnt {
    width: 280px;
    text-align: center;
  }
  .execlusive-map {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
  }
  .hero-left-text {
    top: 0%;
    width: 100%;
    height: auto;
    margin-top: 0px;
    padding-top: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .text-wrapper {
    height: auto;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .simplyput {
    font-size: 28px;
    letter-spacing: 3px;
  }
  .princples {
    margin-bottom: 43px;
  }
  .projects-title-section {
    height: auto;
  }
  .what-we-do-hero {
    height: 700px;
    margin-top: 0px;
  }
  .what-we-do-hero-2 {
    height: 700px;
  }
  .inline-text-section {
    height: auto;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .text-headline-what-we-do {
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .specs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .image-6 {
    display: none;
    width: 540px;
  }
  .white-paragraph {
    width: 90%;
    text-align: justify;
  }
  .white-paragraph.innovation {
    width: 90%;
  }
  .white-paragraph.left {
    width: 90%;
    line-height: 26px;
    text-align: left;
  }
  .text.black {
    width: auto;
    text-align: left;
  }
  .text.white {
    width: auto;
    margin-top: 1px;
    padding-top: 16px;
    padding-right: 35px;
    padding-bottom: 50px;
    text-align: left;
  }
  .text.blacked-out {
    width: auto;
    text-align: left;
  }
  .text.white-cerntre {
    width: auto;
    margin-top: 1px;
    padding-top: 16px;
    text-align: center;
  }
  .map-home {
    display: none;
    margin-top: 22px;
  }
  .dawes {
    margin-bottom: 39px;
    margin-left: 172px;
  }
  .locust {
    margin-bottom: 123px;
    margin-left: 32px;
  }
  .keele {
    margin-bottom: 139px;
    margin-left: 98px;
  }
  .black-paragraph {
    width: 90%;
  }
  .black-paragraph.left {
    width: auto;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .track-record {
    height: auto;
    padding-top: 60px;
  }
  .countup-wrapper-1 {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
  }
  .counter {
    font-size: 30px;
  }
  .stats {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    grid-template-areas: "Area Area-2" "Area-3 Area-4" "Area-5 Area-5";
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .challenge-section {
    width: 100%;
    height: auto;
    margin-top: 55px;
    margin-bottom: 90px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .right-column-text-black {
    width: 90%;
    height: auto;
    padding-left: 0%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .div-block-11 {
    width: 100%;
    height: 30%;
    padding-top: 26px;
    padding-bottom: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .creative-approach {
    height: auto;
    padding-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .hiw-title {
    position: relative;
    width: auto;
    min-width: auto;
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-size: 24px;
  }
  .how-it-works-text-col {
    left: 0px;
    height: 630vh;
  }
  .paragraph-5 {
    width: auto;
    padding-top: 10px;
    font-size: 16px;
    line-height: 23px;
  }
  .feature-cell {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .image-10 {
    padding-top: 14px;
    padding-bottom: 0px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .how-it-works-text-section {
    height: auto;
    padding-top: 75px;
    padding-bottom: 35px;
  }
  .lottie-animation {
    width: 200px;
  }
  .numbered-blokcs {
    left: 0px;
    z-index: 1;
  }
  .releative-tech-mask {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    opacity: 1;
  }
  .tech-right-col {
    z-index: 4;
    width: 100%;
    height: 1640px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .the-sticky-div {
    height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .technologies-left-side {
    bottom: 8px;
    z-index: 3;
    height: auto;
    margin-left: 0px;
    padding-top: 70px;
    padding-right: 5%;
    padding-left: 5%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    opacity: 0.3;
  }
  .tech-stream-2 {
    width: 100%;
  }
  .plus-sign {
    font-size: 30px;
  }
  .countup-wrapper-2 {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
  }
  .nav-button-container {
    font-size: 14px;
  }
  .right-link {
    padding-top: 11px;
    padding-bottom: 11px;
  }
  .image-13 {
    width: 210px;
    padding-top: 0px;
  }
  .nav-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .line-mask {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .scroll-down {
    bottom: -65px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 53px;
  }
  .lottie-animation-2 {
    width: 70%;
    margin-top: 26px;
  }
  .sketch-video {
    height: auto;
    padding-top: 0px;
  }
  .azrua-sketch {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .lottie-animation-3 {
    position: relative;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    width: 660px;
    height: 640px;
    margin-top: 0px;
    margin-left: 0px;
    padding-top: 39px;
    padding-left: 0px;
  }
  .section-5 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url('../images/images-community/wall_arts_chinatown_toronto_paint_hand_painted_symbol-886813.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/images-community/wall_arts_chinatown_toronto_paint_hand_painted_symbol-886813.jpg');
    background-position: 0px 0px, 50% 50%;
  }
  .focus-25 {
    height: auto;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .animated-chart {
    height: auto;
  }
  .lottie-animation-5 {
    display: none;
  }
  .nav-button-animated {
    margin-top: 0px;
    margin-right: 0px;
  }
  .background-video-2 {
    height: 90%;
  }
  .mapmobile {
    display: block;
    width: 540px;
  }
  .mobile-chart {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .property25 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    height: auto;
    margin-top: 25px;
    padding-top: 61px;
    padding-bottom: 33px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #cecece;
  }
  .text-block-7 {
    color: #000;
    text-align: center;
  }
  .image-15 {
    width: 190px;
    padding-top: 30px;
    padding-bottom: 24px;
  }
  .property-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    height: auto;
    margin-top: 25px;
    padding-top: 27px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px none #000;
  }
  .boldnbig {
    display: block;
    padding-bottom: 9px;
    background-color: transparent;
    color: #00c0f1;
    font-size: 24px;
  }
  ._2-columns---community {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .column-2 {
    padding-top: 16px;
    padding-bottom: 0px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .text-container {
    width: 90%;
    padding-bottom: 0px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .mini {
    width: 250px;
    padding-right: 15px;
    line-height: 130%;
    text-align: left;
  }
  .mini.centre {
    width: 290px;
    line-height: 32px;
  }
  .mini.centre-low {
    line-height: 32px;
  }
  .mini.black {
    margin-top: 0px;
    line-height: 145%;
  }
  .title-box-block {
    width: auto;
    margin-bottom: 0px;
    padding-top: 5px;
    font-size: 20px;
    line-height: 145%;
    text-align: left;
  }
  .title-box-block.left {
    width: auto;
    margin-bottom: 5px;
    text-align: left;
  }
  .column-3 {
    width: auto;
    margin-bottom: 29px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .horizontal-text-container {
    padding: 75px 5% 125px;
  }
  .paragraph-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .horizontal-text {
    padding-bottom: 0px;
  }
  .black-paragraph---announcement {
    width: 90%;
    line-height: 26px;
  }
  .test {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: transparent;
  }
  .how-it-works-section {
    height: auto;
  }
  .howitworks-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .howitworks-autoslider-container {
    width: 100%;
    padding-top: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  ._101-building-container {
    left: 60%;
    top: auto;
    right: 0%;
    bottom: -5%;
    display: block;
    width: auto;
    margin-top: 0px;
    margin-left: 0px;
    opacity: 1;
  }
  .lottie-animation-8 {
    top: 4px;
    width: 100%;
  }
  .block-one-new {
    width: auto;
  }
  .feature-cell-new {
    width: auto;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 16px;
  }
  .step-tab {
    padding-top: 11px;
    padding-bottom: 14px;
    font-size: 16px;
  }
  .tab-link {
    width: auto;
    padding-top: 0px;
  }
  .tabs-menu {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .tabs-content {
    width: 100%;
  }
  .tabs {
    width: 100%;
  }
  .div-block-20 {
    width: 90%;
  }
  .tab-pane-tab-1 {
    width: auto;
  }
  .white-paragraph-hero {
    width: 90%;
    text-align: justify;
  }
  .white-paragraph-hero.herohead {
    width: auto;
    padding-right: 23px;
    padding-left: 23px;
    text-align: center;
  }
  .hero-simplyput-wrapper {
    width: auto;
    padding: 12px 5% 0px;
  }
  .herostep {
    width: auto;
  }
  .step-text {
    font-size: 18px;
  }
  .communites-page {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), none;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), none;
    background-position: 0px 0px, 26% 1%;
  }
  .icon-dots {
    left: 0px;
    width: 210px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .dots-connect {
    left: 0%;
    width: auto;
  }
  .specs-container {
    width: 90%;
  }
  .heading-3 {
    width: auto;
    text-align: center;
  }
  .text-specs-container {
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
  }
  .feature-text-container {
    top: -45px;
    width: 100%;
    padding-right: 0px;
    padding-bottom: 27px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .feature-body-text {
    width: auto;
    text-align: center;
  }
  ._2-columns-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .expertise-block {
    height: 850px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  ._25-wide {
    width: 190px;
    padding-top: 15px;
    padding-bottom: 24px;
  }
  .image-mask {
    height: 270px;
  }
  .image-mask.social {
    height: 280px;
  }
  .portal-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .back-button {
    display: none;
  }
  .login-widget-container {
    width: 90%;
  }
  .fields {
    width: 85%;
  }
  .feature-text {
    margin-left: 0px;
  }
  .dots-vertical {
    display: none;
  }
  .blocks {
    left: 39px;
  }
  .logo-container---urban {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .image-20 {
    width: 230px;
  }
  .image1 {
    background-position: 3px 0px;
  }
  .image2 {
    position: fixed;
    max-height: 100vh;
    max-width: 100vw;
    min-height: 100vh;
    min-width: 100vw;
  }
  .parallax-controller {
    height: 100vh;
  }
  .div-block-28 {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .animation-controller {
    padding-bottom: 0px;
    border-bottom: 2px solid #fff;
  }
  .div-block-29 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .scroll-down-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .scroll-down-wrapper.hide {
    display: none;
  }
  .our-impact {
    width: 100%;
  }
  .outimpact-header {
    height: 470px;
    padding-top: 113px;
  }
  .div-block-30 {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f4f7f9;
  }
  .white-gradient-bg {
    width: 90%;
    height: auto;
    margin-top: 0px;
    border-radius: 0px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.64)), color-stop(25%, #f4f7f9));
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.64), #f4f7f9 25%);
  }
  .impact-header-content-container {
    width: 90%;
  }
  .mini-green {
    padding-right: 0px;
    padding-bottom: 0px;
  }
  .track-record-headline-white {
    position: relative;
    display: block;
    width: auto;
    padding-top: 15px;
    padding-bottom: 2px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    font-size: 20px;
    line-height: 145%;
    letter-spacing: 3px;
  }
  .story-container {
    width: 100%;
    border-radius: 0px;
    background-color: #fff;
  }
  .successstories {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top-left-radius: 90px;
  }
  .slide-nav-3 {
    bottom: -6%;
    padding-top: 9px;
  }
  .story-main-container {
    height: auto;
    padding-right: 0px;
    padding-left: 0px;
  }
  .storybody {
    width: auto;
    height: auto;
    padding-bottom: 48px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    text-align: left;
  }
  .storyheadline-text {
    width: 90%;
    font-size: 26px;
    line-height: 35px;
  }
  .story-body {
    width: 90%;
    font-size: 16px;
  }
  .div-block-31 {
    display: none;
  }
  .storyheadline-container {
    width: 100%;
    padding-top: 59px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
  }
  .text-block-14 {
    width: 230px;
    padding-left: 5%;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .text-block-15 {
    width: 180px;
    padding-top: 7px;
    padding-left: 5%;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .div-block-32 {
    left: 0%;
    top: 1%;
    margin-left: 13px;
    padding-top: 31px;
  }
  .image-21 {
    margin-top: -2px;
    padding-top: 0px;
  }
  .mask {
    top: 0px;
    overflow: hidden;
    width: auto;
    height: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .annoucment-blocks-container {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .project-announcement {
    width: 75%;
    height: auto;
    max-width: 75%;
    min-width: 75%;
  }
  .project-hover-announcment {
    height: 60px;
  }
  .ann-project {
    position: relative;
    height: auto;
  }
  .image-22 {
    width: 100%;
    min-width: 100%;
  }
  .column-2-comm {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  ._1323 {
    padding-bottom: 0px;
  }
  .mini-white {
    padding-right: 15px;
  }
  .org-logos-container {
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .logo-container---crd {
    padding-right: 28px;
    padding-left: 28px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  ._2-columns {
    height: 700px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .italic-text {
    width: auto;
    font-size: 24px;
  }
  .mini-white-active {
    width: auto;
    padding-right: 15px;
  }
  .slide {
    width: auto;
  }
  ._339 {
    width: 100%;
    min-width: 100%;
  }
  .comm-login {
    width: 310px;
    box-shadow: none;
  }
  .unsupported-browser {
    font-size: 28px;
    letter-spacing: 3px;
  }
  .how-it-works-new {
    width: 90%;
    padding-bottom: 0px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .arrow-head {
    top: 384px;
  }
  ._4-steps-container {
    width: 90%;
  }
  .step-container {
    width: 100%;
    height: auto;
    padding-bottom: 33px;
    padding-left: 19px;
  }
  .heading-4 {
    width: 95%;
    padding-top: 44px;
    font-size: 22px;
    line-height: 30px;
    text-transform: uppercase;
  }
  .feature-new-text {
    width: 88%;
    padding-top: 10px;
    font-size: 14px;
    line-height: 23px;
  }
  .point {
    padding-top: 14px;
    padding-bottom: 0px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .bod-container {
    width: 100%;
  }
  .lottie {
    width: 200px;
  }
  .div-block-45 {
    padding-bottom: 33px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .duration.blue {
    width: 90%;
    margin-top: 10px;
  }
  .duration.orange {
    width: 90%;
    margin-top: 11px;
  }
  .duration.green {
    width: 90%;
    margin-top: 11px;
  }
  .duration.purple {
    width: 90%;
    height: auto;
    padding-top: 8px;
    padding-bottom: 9px;
  }
  .duration-text {
    width: 88%;
    padding-top: 3px;
    font-size: 14px;
    line-height: 23px;
  }
  .question-text {
    margin-bottom: 8px;
    margin-left: 16px;
    padding-right: 20px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 100%;
    -ms-flex: 0 100%;
    flex: 0 100%;
  }
  .accordion-body {
    padding-left: 56px;
  }
  .accordion-body.js-accordion-body {
    margin-top: 20px;
    padding-top: 10px;
    padding-right: 0px;
    padding-left: 0px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .faq-image {
    margin-top: 20px;
  }
  .accordion_item-image {
    width: 30px;
  }
  .question-text-2 {
    margin-bottom: 8px;
    margin-left: 16px;
    padding-right: 20px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 100%;
    -ms-flex: 0 100%;
    flex: 0 100%;
  }
  .section01.grey-section {
    display: none;
  }
  .tab-link-tab-1 {
    width: 90%;
    height: 90px;
    border-radius: 9px;
    background-color: hsla(0, 0%, 100%, 0.23);
  }
  .tab-link-tab-1.w--current {
    width: 90%;
    height: 90px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 9px;
  }
  .tab-link-tab-2 {
    width: 90%;
    height: 90px;
    margin-top: 8px;
    margin-bottom: 8px;
    border-radius: 9px;
    background-color: hsla(0, 0%, 100%, 0.23);
  }
  .tab-link-tab-2.w--current {
    width: 90%;
    height: 90px;
    border: 0px solid #000;
    border-radius: 6px;
  }
  .tab-link-tab-3 {
    width: 90%;
    height: 90px;
    margin-bottom: 0px;
    border-radius: 9px;
    background-color: hsla(0, 0%, 100%, 0.23);
  }
  .tab-link-tab-3.w--current {
    border-radius: 9px;
  }
  .tabs-menu-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .tabs-2 {
    width: auto;
  }
  .tabs-content-2 {
    margin-top: 25px;
    padding-right: 5%;
    padding-left: 5%;
  }
  .italic-text-4 {
    text-align: left;
  }
  .section-9 {
    padding-bottom: 39px;
  }
  .text-container---comm {
    width: 90%;
    padding-bottom: 0px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .text-container---comm.green {
    height: auto;
    padding-top: 50px;
    padding-left: 5%;
  }
  .text-container---comm.orange {
    height: auto;
    padding-left: 5%;
  }
  .text-container---comm.blue {
    padding-bottom: 0px;
    padding-left: 5%;
  }
  .title-white {
    width: auto;
    margin-bottom: 0px;
    padding-top: 15px;
    font-size: 20px;
    line-height: 145%;
    text-align: left;
  }
  .title-white.left {
    width: auto;
    margin-bottom: 5px;
    text-align: left;
  }
  .section-head {
    height: auto;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .endorsement-section {
    margin-top: -36%;
    padding-right: 5%;
    padding-left: 5%;
  }
  .endorsement-section.green {
    margin-top: -36%;
    padding-right: 5%;
    padding-left: 5%;
  }
  .endorsement-section.orange {
    margin-top: -36%;
    padding-right: 5%;
    padding-left: 5%;
  }
  .initatives-block.two {
    width: auto;
    margin-right: 0px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .initatives-block.one {
    height: auto;
    padding-right: 20px;
    padding-left: 20px;
  }
  .initatives-block.three {
    margin-right: 0px;
    margin-bottom: 16px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .tab-link-tab-3-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    height: 90px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 9px;
    background-color: hsla(0, 0%, 100%, 0.23);
  }
  .tab-link-tab-3-2.w--current {
    width: 90%;
    height: 90px;
    border-radius: 9px;
  }
  .black-scroll {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .black-scroll.hide {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  #w-node-3ca3e1bfd017-59a5192b {
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column: span 2;
    grid-column-start: span 2;
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
  }
}

@font-face {
  font-family: 'Avenirltstd';
  src: url('../fonts/AvenirLTStd-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Avenirltstd 2';
  src: url('../fonts/AvenirLTStd-Black-2.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Avenirltstd book';
  src: url('../fonts/AvenirLTStd-Book.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Avenirnextcyr';
  src: url('../fonts/AvenirNextCyr-UltraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Avenirnextcyr';
  src: url('../fonts/AvenirNextCyr-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Avenirnextcyr';
  src: url('../fonts/AvenirNextCyr-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Avenirltstd';
  src: url('../fonts/AvenirLTStd-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}

/*! CSS Used from: https://tbd.thiswasblank.com/css/pure-min.css */
footer{display:block;}
.pure-g{letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em;text-rendering:optimizespeed;font-family:FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;display:-webkit-flex;-webkit-flex-flow:row wrap;display:-ms-flexbox;-ms-flex-flow:row wrap;-ms-align-content:flex-start;-webkit-align-content:flex-start;align-content:flex-start;}
.pure-g{word-spacing:-.43em;}
.pure-g [class *="pure-u"]{font-family:sans-serif;}
.pure-u-1-1{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto;}
.pure-u-1-1{width:100%;}
.pure-menu{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.pure-menu-list,.pure-menu-item{position:relative;}
.pure-menu-list{list-style:none;margin:0;padding:0;}
.pure-menu-item{padding:0;margin:0;height:100%;}
.pure-menu-link{display:block;text-decoration:none;white-space:nowrap;}
.pure-menu-horizontal{width:100%;white-space:nowrap;}
.pure-menu-horizontal .pure-menu-list{display:inline-block;}
.pure-menu-horizontal .pure-menu-item{display:inline-block;*display:inline;zoom:1;vertical-align:middle;}
.pure-menu-link{color:#777;}
.pure-menu-link{padding:.5em 1em;}
.pure-menu-link:hover,.pure-menu-link:focus{background-color:#eee;}
/*! CSS Used from: https://tbd.thiswasblank.com/css/main.css */
div,span,p,a,img,ul,li,footer{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
*{box-sizing:border-box;}
footer{display:block;}
footer{width:100%;margin-bottom:0;text-align:left;max-width:100%;padding:60px 0;position:relative;bottom:0;background-color:#17283C!important;}
.logo-footer{max-width:200px;margin:0 auto 60px;}
.logo-footer img{width:100%;}

footer .pure-menu-list li a {
  font-size: 13px;
  color: #FFF;
  padding-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 1.4px;
}

footer .copyright{margin-top:40px;color:#d5d6d7;font-size:14px;font-family:"Avenirltstd book", sans-serif;}
footer .pure-menu-list li a:hover,footer .pure-menu-list li a:focus{text-decoration:none;}
footer hr{border-bottom:1px solid #ffffff36;border-top:0px;border-right:0px;border-left:0px;margin-top:-2px;}
footer .pure-menu-item{margin:0 20px;}
ul{list-style:none;}
.pure-g>div{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;letter-spacing:normal;}
div{box-sizing:border-box;background-color:transparent;}
.pure-g [class *="pure-u"]{font-family:'Avenirltstd book', sans-serif;}
a{text-decoration:none;color:#000;}
.pure-menu-horizontal{width:100%;white-space:nowrap;-background-color:#fff!important;}
.show-mobile{display:none;}
a.pure-menu-link{color:#000;font-family:'Avenirltstd book', sans-serif;line-height:1.4rem;font-size:1.4rem;-letter-spacing:.2rem;}
p:after,p:before{margin:0;}
.wrapper{width:100%;max-width:1280px;min-width:320px;height:auto;text-align:center;margin:0 auto;}
.pure-menu-link:hover{text-decoration:underline;}
#footer .wrapper{padding:0 40px;}
.pure-menu-item{text-align:center;padding:0px 0 0 0;border-bottom:none;}
.pure-menu-link{box-sizing:border-box;border-bottom:3px solid transparent;padding-left:0;padding-right:0;margin-right:0em;}
.pure-menu-link:hover,.pure-menu-link:focus{background:transparent;}
@media screen and (max-width: 567px){
  .pure-menu-link:hover,.pure-menu-link:focus{background:transparent;border-bottom:3px solid rgba(0, 0, 0, 0);}
  #footer{max-width:100%;padding-bottom:0rem;padding-left:0rem!important;position:relative;bottom:0;height:auto;text-align:center;}
  #footer .copyright{width:100%;text-align:center;}
  /*#footer p{padding:0 0 1rem 0;font-size:1.2rem;line-height:1.6rem;color:#fff;text-align:center;padding-left:0rem;}*/
  #footer p{color: #fff;}
}
@media screen and (min-width: 1024px){
  .pure-menu-item{text-align:center;-background-color:#CCC;margin-right:.5rem;margin-left:.5rem;margin:0.5rem 0.5rem 0 0.5rem;}
  a.pure-menu-link{line-height:1.45;font-size:1.4rem;padding:0;font-family:"Avenirltstd book", sans-serif;}
}
@media only screen and (max-width: 768px){
  .pure-menu-link:hover,.pure-menu-link:focus{background:transparent;border-bottom:3px solid transparent;}
}
@media only screen and (max-width: 1024px){
  .pure-menu-link:hover,.pure-menu-link:focus{background:transparent;}
  .pure-menu-link{margin-right:1em;}
  .pure-menu-item{border-radius:0!important;}
  footer .pure-menu-horizontal .pure-menu-item{display:inline-block;}
  footer .pure-menu-item{margin:0;}
  footer .copyright{font-size:12px;}
  .pure-menu-horizontal .pure-menu-item{display:none;zoom:1;vertical-align:middle;}
}
@media only screen and (max-width: 1240px){
  .pure-menu-item{margin-right:0rem;margin-left:0rem;}
}
@media only screen and (max-width: 768px){
  .wrapper{padding:0 5%;}
}
@media only screen and (max-width: 767px){
  footer .pure-menu-list{width:100%!important;padding:0;display:grid!important;grid-template-columns:50% 50%;}
  footer .pure-menu-item{display:block!important;float:left;padding:0!important;margin:0!important;text-align:left;margin-bottom:10px;}
  footer .pure-menu-item a{font-size:14px!important;line-height:1rem;padding-left:10px;}
  footer .pure-menu-list:after{content:"";display:table;clear:both;}
}
@media only screen and (max-width: 568px){
  .show-mobile{display:block;margin-bottom:40px;}
  .show-mobile li{padding-left:20px;}
  .hide-mobile{display:none;}
}
/*! CSS Used from: https://tbd.thiswasblank.com/css/normalize.css */
footer{display:block;}
a{background-color:transparent;}
a:active,a:hover{outline:0;}
img{border:0;}
hr{box-sizing:content-box;height:0;}
/*! CSS Used from: https://tbd.thiswasblank.com/css/webflow.css */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
img{max-width:100%;vertical-align:middle;display:inline-block;}
p{margin-top:0;margin-bottom:10px;}
ul{margin-top:0px;margin-bottom:10px;padding-left:40px;}
/*! CSS Used from: https://tbd.thiswasblank.com/css/trolleybus1.webflow.css */
p{font-family:Avenirltstd, sans-serif;}
/*! CSS Used from: Embedded */
.lang{display:none;}
.pure-menu-list{display:inline-block;margin:0 auto;text-align:center;max-width:789px;}
.pure-menu-list li{list-style-type:none;display:inline-block;float:left;margin-left:15px;margin-right:15px;}
.pure-menu-list a{color:white;}
.lang-en{display:flex;}
/*! CSS Used fontfaces */



.link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-left:4px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:13px;letter-spacing:1.4px;text-decoration:none;}
.link.left{font-family:Avenirltstd, sans-serif;color:#000;}
.text{width:600px;margin-top:10px;color:#000;font-size:16px;line-height:29px;text-align:center;}
.text.white{width:420px;padding-right:21px;padding-left:0px;font-family:Avenirltstd, sans-serif;color:#fff;text-align:left;letter-spacing:0.5px;}
.black-paragraph{width:600px;margin-top:0px;color:#000;font-size:16px;line-height:29px;text-align:center;letter-spacing:0px;}
.black-paragraph.left{width:auto;padding-bottom:6px;font-family:Avenirltstd, sans-serif;font-size:16px;line-height:32px;font-weight:500;text-align:left;}
.link-with-img{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.link-with-img.space{padding-top:21px;}
.image-12{padding-bottom:4px;padding-left:6px;}
._2-columns---community{position:relative;z-index:4;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:950px;padding-bottom:87px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#fff;}
._2-columns---community.edu{height:1230px;}
.image-mask{width:100%;height:100%;background-color:#fff;opacity:0;}
.column-2-comm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:50%;height:100%;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.img-section-comm{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;width:50%;height:100%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-image:url("https://uploads-ssl.webflow.com/5e26a7d0496ea0d3f516079f/5e98da72795d7db483a13dd4_2healthcare.jpg");background-position:0px 0px;background-size:cover;}
.img-section-comm.ed{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.26)), to(rgba(0, 0, 0, 0.26))), url("https://uploads-ssl.webflow.com/5e26a7d0496ea0d3f516079f/5ea136fc198975283d2611b0_Screenshot%202020-04-23%2002.34.32.png");background-image:linear-gradient(180deg, rgba(0, 0, 0, 0.26), rgba(0, 0, 0, 0.26)), url("https://uploads-ssl.webflow.com/5e26a7d0496ea0d3f516079f/5ea136fc198975283d2611b0_Screenshot%202020-04-23%2002.34.32.png");background-position:0px 0px, 0px 0px;background-size:auto, cover;}
.text-container---comm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:100%;padding:0px 15%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;}

.text-container---comm.orange {
  padding-top: 78px;
  padding-right: 2%;
  padding-left: 10%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-color: #e07426;
}

.title-white{width:auto;margin-top:0px;padding-top:15px;padding-bottom:2px;font-family:'Avenirltstd book', sans-serif;color:#fff;font-size:30px;line-height:145%;font-weight:400;text-align:left;letter-spacing:2px;text-transform:uppercase;}
.section-head{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
.endorsement-section{position:relative;z-index:3;width:100%;margin-top:-106px;padding-right:7.5px;padding-bottom:36px;padding-left:7.5%;}
.endorsement-section.orange{padding-right:5%;padding-left:5%;}
.heading-5{color:#fff;font-size:18px;}
.initatives-block{width:660px;padding:33px;border-radius:5px;background-color:#fff;box-shadow:-6px 8px 9px -7px hsla(0, 1.6%, 58%, 0.3);}
.initatives-block.two{width:50%;height:auto;margin-right:0px;}
.initatives-block.two-2{width:50%;height:auto;margin-right:0px;}
.image-30{padding-bottom:14px;}
.two-col{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;}
@media screen and (min-width: 1280px){
  .text.white{text-align:left;}
  .black-paragraph.left{line-height:31px;}
  ._2-columns---community{height:auto;padding-bottom:38px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
  ._2-columns---community.edu{height:auto;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}

  .img-section-comm.ed {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.22)), to(rgba(0, 0, 0, 0.22))), url("../images/images-community/education.jpg");
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.22)), url("../images/images-community/education.jpg");
    background-position: 0px 0px, 30% 50%;
    background-size: auto, auto;
  }

  .text-container---comm.orange {
    padding-top: 75px;
    padding-right: 3%;
    padding-left: 10%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #e07426;
  }
  .title-white{color:#fff;font-size:30px;}
  .section-head{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:510px;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;}
  .section-head.orange{height:610px;}
  .endorsement-section{position:relative;z-index:4;width:100%;margin-top:-107px;padding-top:0px;padding-bottom:54px;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;}
  .heading-5{color:#fff;font-size:19px;}
  .initatives-block{width:710px;height:230px;background-color:#fff;box-shadow:1px 1px 7px 0 rgba(0, 0, 0, 0.11);}
  .initatives-block.two{width:50%;}
  .initatives-block.two-2{width:50%;margin-right:23px;}
  .image-30{padding-bottom:22px;}
  .two-col{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}
}
@media screen and (min-width: 1440px){
  .text.white{width:auto;}
}
@media screen and (max-width: 991px){
  .link{font-size:18px;text-align:left;}
  .link.left{padding-left:0px;}
  .text.white{width:320px;line-height:26px;text-align:left;}
  .black-paragraph{width:520px;}
  .black-paragraph.left{padding-left:0px;font-size:16px;line-height:26px;}
  ._2-columns---community{height:860px;padding-bottom:29px;}
  ._2-columns---community.edu{height:1150px;}
  .column-2-comm{width:50%;}
  .img-section-comm.ed{background-position:50% 50%;}
  .text-container---comm{width:100%;height:auto;padding:75px 0% 75px 10%;}
  .text-container---comm.orange{height:100%;padding-top:50px;}
  .title-white{width:88%;font-size:20px;}
  .endorsement-section{padding-right:5px;padding-left:5%;}
}
@media screen and (max-width: 767px){
  .text.white{width:420px;text-align:left;}
  .black-paragraph{width:420px;}
  ._2-columns---community{height:auto;padding-bottom:0px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
  ._2-columns---community.edu{height:auto;}
  .image-mask{height:100%;}
  .column-2-comm{width:100%;height:auto;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;}
  .img-section-comm{width:100%;height:70%;}
  .img-section-comm.ed{height:60%;}
  .text-container---comm{width:410px;height:auto;padding-left:0%;}
  .text-container---comm.orange{width:100%;padding-left:10%;}
  .title-white{width:360px;text-align:left;letter-spacing:3px;}
  .section-head{height:820px;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}
  .section-head.orange{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
  .endorsement-section{top:0px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:-20%;padding-right:10%;padding-bottom:48px;padding-left:10%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}
  .endorsement-section.orange{margin-top:-20%;}
  .heading-5{font-size:16px;letter-spacing:1px;}
  .initatives-block.two{margin-bottom:16px;box-shadow:2px 5px 13px -1px hsla(0, 1.6%, 58%, 0.3);}
  .initatives-block.two-2{margin-bottom:16px;box-shadow:2px 5px 13px -1px hsla(0, 1.6%, 58%, 0.3);}
  .two-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
}
@media screen and (max-width: 479px){
  .link{font-size:16px;}

  .text.white {
    width: auto;
    margin-top: 1px;
    padding-top: 16px;
    padding-right: 17px;
    padding-bottom: 50px;
    text-align: left;
  }
  .black-paragraph{width:90%;}
  .black-paragraph.left{width:auto;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;}
  ._2-columns---community{height:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
  .image-mask{height:270px;}
  .column-2-comm{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;}
  .text-container---comm{width:90%;padding-bottom:0px;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;}
  .text-container---comm.orange{height:auto;padding-left:5%;}
  .title-white{width:auto;margin-bottom:0px;padding-top:15px;font-size:20px;line-height:145%;text-align:left;}
  .section-head{height:auto;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
  .endorsement-section{margin-top:-36%;padding-right:5%;padding-left:5%;}
  .endorsement-section.orange{margin-top:-22%;padding-right:5%;padding-left:5%;}
  .initatives-block.two{width:auto;margin-right:0px;padding-right:20px;padding-left:20px;}
  .initatives-block.two-2{width:auto;margin-right:0px;padding-right:20px;padding-left:20px;}
}
/*! CSS Used from: Embedded */
@media screen and (max-width: 1200px){
  .link{font-size:18px;text-align:left;}
}



/*! CSS Used from: http://localhost/flow/css/normalize.css */
a{background-color:transparent;}
a:active,a:hover{outline:0;}
h1{font-size:2em;margin:0.67em 0;}
img{border:0;}
/*! CSS Used from: http://localhost/flow/css/webflow.css */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
img{max-width:100%;vertical-align:middle;display:inline-block;}
h1{font-weight:bold;margin-bottom:10px;}
h1{font-size:38px;line-height:44px;margin-top:20px;}
p{margin-top:0;margin-bottom:10px;}
/*! CSS Used from: http://localhost/flow/css/trolleybus1.webflow.css */
.link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-left:4px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:13px;letter-spacing:1.4px;text-decoration:none;}
.link.left{font-family:Avenirltstd, sans-serif;color:#000;}
.black-paragraph{width:600px;margin-top:0px;color:#000;font-size:16px;line-height:29px;text-align:center;letter-spacing:0px;}
.black-paragraph.left{width:auto;padding-bottom:6px;font-family:Avenirltstd, sans-serif;font-size:16px;line-height:32px;font-weight:500;text-align:left;}
.link-with-img{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.link-with-img.space{padding-top:21px;}
.image-12{padding-bottom:4px;padding-left:6px;}
.endorsement-section{position:relative;z-index:3;width:100%;margin-top:-106px;padding-right:7.5px;padding-bottom:36px;padding-left:7.5%;}
.heading-5{color:#fff;font-size:18px;}
.initatives-block{width:660px;padding:33px;border-radius:5px;background-color:#fff;box-shadow:-6px 8px 9px -7px hsla(0, 1.6%, 58%, 0.3);}
.initatives-block.two{width:40%;height:auto;margin-right:0px;}
.initatives-block.two-2{width:40%;height:auto;margin-right:17px;}
.image-30{padding-bottom:14px;}
.two-col{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;}
@media screen and (min-width: 1280px){
  .black-paragraph.left{line-height:31px;}
  .endorsement-section{position:relative;z-index:4;width:100%;margin-top:-107px;padding:0px 34.5px 54px 5%;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;}
  .heading-5{color:#fff;font-size:19px;}
  .initatives-block{width:710px;height:230px;background-color:#fff;box-shadow:1px 1px 7px 0 rgba(0, 0, 0, 0.11);}
  .initatives-block.two{width:38%;}
  .initatives-block.two-2{width:40%;margin-right:23px;}
  .image-30{padding-bottom:22px;}
  .two-col{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}
}
@media screen and (min-width: 1920px){
  .initatives-block.two{width:30%;}
  .initatives-block.two-2{width:30%;}
}
@media screen and (max-width: 991px){
  .link{font-size:18px;text-align:left;}
  .link.left{padding-left:0px;}
  .black-paragraph{width:520px;}
  .black-paragraph.left{padding-left:0px;font-size:16px;line-height:26px;}
  .endorsement-section{margin-top:-85px;padding-right:5px;padding-left:5%;}
  .endorsement-section.green{margin-top:-85px;padding-right:5%;}
  .initatives-block.two{width:50%;}
  .initatives-block.two-2{width:50%;}
}
@media screen and (max-width: 767px){
  .black-paragraph{width:420px;}
  .endorsement-section{top:0px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:-85px;padding-right:10%;padding-bottom:48px;padding-left:10%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}
  .endorsement-section.green{margin-top:-85px;padding-right:10%;}
  .heading-5{font-size:16px;letter-spacing:1px;}
  .initatives-block.two{width:auto;margin-bottom:16px;box-shadow:2px 5px 13px -1px hsla(0, 1.6%, 58%, 0.3);}
  .initatives-block.two-2{width:100%;margin-bottom:16px;box-shadow:2px 5px 13px -1px hsla(0, 1.6%, 58%, 0.3);}
  .two-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
}
@media screen and (max-width: 479px){
  .link{font-size:16px;}
  .black-paragraph{width:90%;}
  .black-paragraph.left{width:auto;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;}
  .endorsement-section{margin-top:-85px;padding-right:5%;padding-left:5%;}
  .endorsement-section.green{margin-top:-85px;padding-right:5%;padding-left:5%;}
  .initatives-block.two{width:auto;margin-right:0px;padding-right:20px;padding-left:20px;}
  .initatives-block.two-2{width:auto;margin-right:0px;padding-right:20px;padding-left:20px;}
}
/*! CSS Used from: Embedded */
@media screen and (max-width: 1200px){
  .link{font-size:18px;text-align:left;}
}
@media screen and (max-width: 991px){
  .horizontal-text-container.initives {
    padding-top: 58px;
  }
}