body {
  font-family: 'Avenirltstd book', sans-serif;
  color: #333;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
h1 {
   font-size: 38px;
   line-height: 44px;
   margin-top: 20px;
 }

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
body.map-location div.header{
  display:none !important;
}

.header {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 990;
  display: none;
  width: 100vw;
  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: #17283C*/
}

.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.active{
  background-color: rgb(20, 43, 67);
  transition: all 0.2s ease-out;
}
.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;
}

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

.bar-container {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  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;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  min-width: 1300px;
}

.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/downtown-min.jpg');
  background-position: 0px -150px;
  background-size: 117%;
  background-attachment: scroll;
}

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

.tw.blk {
  padding-top: 10px;
  padding-bottom: 31px;
  font-family: 'Avenirltstd book', sans-serif;
  color: #000;
  font-size: 32px;
  line-height: 145%;
  font-weight: 400;
  text-align: left;
  letter-spacing: 2px;
  text-indent: 0px;
}

.tw.centre {
  padding-bottom: 2px;
  font-family: 'Avenirltstd book', sans-serif;
  color: #000;
  font-size: 32px;
  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: 32px;
  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: 32px;
  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: 28px;
  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: 32px;
  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;
}

.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/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: 85px;
  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: 32px;
  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/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 {
  width: 600px;
  margin-top: 10px;
  color: #000;
  font-size: 16px;
  line-height: 29px;
  text-align: center;
}

.text.black {
  width: auto;
  padding-right: 0%;
  color: #000;
  text-align: justify;
  letter-spacing: 0.5px;
}

.map-home {
  position: relative;
  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;
  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;
  font-family: 'Avenirltstd book', sans-serif;
  font-size: 18px;
  line-height: 32px;
  font-weight: 500;
  text-align: justify;
}

.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/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: 190px;
  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: 40px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 32px;
  letter-spacing: 1px;
}

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

.track-record-name {
  padding-top: 5px;
}

.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;
}

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

.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;
}

.challenge {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 520px;
  -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, sans-serif;
  color: #fff;
  font-size: 30px;
  font-weight: 400;
  letter-spacing: 2px;
    text-align: left;
}

.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;
    text-align: left;
}

.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;
}

.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: 190px;
  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;
}

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

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

.brand {
  display: none;
}

.nav-menu {
  width: 100vw;
}

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

.div-block-14 {
  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;
}

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

.text-block-6 {
  position: relative;
  bottom: -127px;
  z-index: 121;
  width: auto;
  background-color: transparent;
  color: #fff;
  letter-spacing: 3px;
  text-align: center;
}

.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/image.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/image.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.focus-25 {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  padding-top: 0px;
  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;
  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 {
  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;
}

.column-2 {
  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;
  /*background-image: url('../images/building-stucture.jpg');*/
  background-position: 50% 100%;
  background-size: contain;
  background-repeat: repeat-x;
}

.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/corporate-building.jpg');
  background-position: 50% 61%;
  background-size: cover;
}

.text-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 100%;
  padding: 0px 20% 35px 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: auto;
  padding-right: 22px;
  font-family: Avenirltstd, sans-serif;
  color: #00c0f1;
  font-size: 20px;
  letter-spacing: 2px;
}

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

.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/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;
  -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;
}

.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: 1000px;
  padding-bottom: 32px;
  -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: 610px;
  margin-top: 0px;
  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: 550px;
  -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: 65%;
  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;
}

.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;
  text-align: center;
  letter-spacing: 0px;
  text-transform: uppercase;
}

.hero-simplyput-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 450px;
  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-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: #00c0f1;
}

.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: hsla(0, 0%, 100%, 0.57);
  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: 22px;
  line-height: 32px;
  font-weight: 300;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.bold {
  font-family: Avenirltstd, sans-serif;
  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;
  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);
}

.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;
  z-index:6;
}

.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;
  z-index:555;
}

.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 {
  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-align: left;
}

.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: 210px;
  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;
}

.button-black {
  margin-top: 38px;
  padding: 15px 40px;
  border: 1px solid #000;
  background-color: transparent;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #000;
  letter-spacing: 2px;
  cursor: pointer;
}

.button-black:hover {
  background-color: #000;
  color: #fff;
}

.img-toronto {
  position: relative;
  overflow: hidden;
  width: 50%;
  height: 100%;
  background-image: url('../images/downtown.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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 640px;
  -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: 100vh;
}

.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: url('../images/image_1.jpg');
  background-position: 50% 60%;
  background-size: cover;
  background-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;
}

.text-block-13 {
  padding-bottom: 39px;
}

.form {
  text-align: right;
}

.submit-button {
  margin-top: 5px;
  padding: 11px 30px;
  background-color: #000;
}

.text-field {
  height: 46px;
  margin-bottom: 17px;
}

.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/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/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;
}

@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: rgba(0, 0, 0, 0.65);
  }
  .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;
  }
  .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: #13283e;
  }
  .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.blk {
    font-size: 26px;
  }
  .tw.centre {
    font-size: 26px;
  }
  .tw.inline-title {
    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;
  }
  .footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .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;
  }
  .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.black {
    width: 330px;
    line-height: 26px;
    text-align: justify;
  }
  .black-paragraph {
    width: 520px;
  }
  .black-paragraph.left {
    font-size: 16px;
    line-height: 26px;
  }
  .track-record {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 440px;
    padding-right: 5%;
    padding-left: 5%;
  }
  .stats {
    position: relative;
    -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;
  }
  .track-record-headline {
    padding-bottom: 46px;
    font-size: 26px;
  }
  .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;
  }
  .challenge {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
  }
  .hiw-title {
      font-size: 26px;
      text-align: left;
  }
  .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;
  }
  .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: #13283e;
  }
  .line-scrolling {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .text-block-6 {
    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-position: 0% 0%;
    background-size: auto;
    background-attachment: 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 {
    height: 510px;
  }
  .column-2 {
    width: 50%;
  }
  .text-container {
    width: 100%;
    height: auto;
    padding: 75px 0% 75px 10%;
  }
  .mini {
    font-size: 18px;
  }
  .title-box-block {
    width: 88%;
    font-size: 26px;
  }
  .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: 15px;
    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;
  }
}

@media screen and (max-width: 767px) {
  .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: 1030px;
    margin-top: 0px;
  }
  .homer-header {
    -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.blk {
    width: auto;
    text-align: center;
  }
  .tw.centre {
    width: auto;
    line-height: 145%;
  }
  .tw.inline-title {
    padding-bottom: 15px;
    text-align: center;
  }
  .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: auto;
    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;
  }
  .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.black {
    width: 420px;
    text-align: justify;
  }
  .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: 245px;
    margin-top: 3px;
    margin-bottom: 3px;
  }
  .stats {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
  }
  .track-record-headline {
    width: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .challenge-section {
    width: 100%;
  }
  .right-column-text-black {
    width: 450px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
  .challenge {
    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: 245px;
    margin-top: 3px;
    margin-bottom: 3px;
  }
  .image-13 {
    width: 220px;
  }
  .line-scrolling {
    display: none;
  }
  .div-block-14 {
    width: auto;
  }
  .text-block-6 {
    display: none;
  }
  .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: 690px;
  }
  .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/image.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/image.jpg');
    background-position: 0px 0px, -113px 0px;
  }
  .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;
  }
  .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 {
    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;
  }
  .column-2 {
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .img-blue-building {
    width: 100%;
    height: 70%;
  }
  .text-container {
    width: 410px;
    height: auto;
    padding-left: 0%;
  }
  .mini {
    padding-right: 17px;
    text-align: center;
  }
  .title-box-block {
    width: 420px;
    text-align: left;
    letter-spacing: 3px;
  }
  .title-box-block.left {
    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;
  }
  .expertise-block .img-planning{
    height: 300px;
  }
  .horizontal-text-container {
    height: 100%;
    padding-top: 91px;
    padding-bottom: 91px;
  }
  .paragraph-container {
    width: 450px;
  }
  .title-container {
    width: 100%;
  }
  .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: auto;
  }
  .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: 470px;
  }
  .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;
    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;
  }
  .div-block-26 {
    display: none;
  }
  .dots-vertical {
    top: 65px;
  }
  .div-block-29 {
    width: 100vw;
    height: 100%;
  }
  .scroll-down-wrapper {
    display: none;
    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: rgba(0, 0, 0, 0.72);
  }
  .header-wrapper {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .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;
    background-color: #13283e;
  }
  .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: 28px;
    line-height: 42px;
    text-align: center;
  }
  .tw.blk {
    width: auto;
    margin-top: 0px;
    padding-bottom: 10px;
    font-size: 24px;
    text-align: left;
  }
  .tw.centre {
    width: 280px;
    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.black {
    width: auto;
    text-align: justify;
  }
  .map-home {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    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: 1010px;
  }
  .countup-wrapper-1 {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
  }
  .counter {
    font-size: 30px;
  }
  .stats {
    width: 100%;
  }
  .track-record-headline {
    position: relative;
    display: block;
    width: auto;
    padding-bottom: 30px;
    -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: 26px;
    line-height: 145%;
    letter-spacing: 3px;
  }
  .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;
  }
  .challenge {
    height: auto;
    padding-bottom: 0px;
  }
  .hiw-title {
    position: relative;
    width: 280px;
    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;
  }
  .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: 100%;
    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/image.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/image.jpg');
    background-position: 0px 0px, 26% 1%;
  }
  .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;
  }
  .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 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .column-2 {
    -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 {
    padding-right: 15px;
  }
  .title-box-block {
    width: auto;
    margin-bottom: 10px;
    font-size: 26px;
    line-height: 145%;
    text-align: left;
  }
  .title-box-block.left {
    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%;
  }
  .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;
  }
  .black-paragraph---announcement {
    width: 90%;
  }
  .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: 570px;
  }
  .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: 280px;
    text-align: center;
  }
  .hero-simplyput-wrapper {
    width: auto;
    padding: 45px 5% 0px;
  }
  .herostep {
    width: auto;
  }
  .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;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .dots-connect {
    left: 0%;
  }
  .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;*/
    height:inherit;
    -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;
  }
  .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: none;
  }
}

@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;
}



.text{width:600px;margin-top:10px;color:#000;font-size:16px;line-height:29px;text-align:center;}
.text.black{width:auto;padding-right:0%;color:#000;text-align:left;letter-spacing:0.5px;}
._2-columns---community{position:relative;z-index:2;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:610px;-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-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:auto;height:100%;padding:0px 15% 61px;-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:auto;padding-right:22px;font-family:Avenirltstd, sans-serif;color:#00c0f1;font-size:20px;letter-spacing:2px;}
.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;}
.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-voluntery{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/teamwork.jpg");background-position:50% 50%;background-size:cover;}
@media screen and (max-width: 991px){
  .text.black{width:330px;line-height:26px;text-align:left;}
  ._2-columns---community{height:510px;}
  .text-container{width:100%;height:auto;padding:75px 0% 75px 10%;}
  .mini{font-size:18px;}
  .title-box-block{width:88%;font-size:26px;}
  .column-2-comm{width:50%;}
}
@media screen and (max-width: 767px){
  .text.black{width:420px;text-align:left;}
  ._2-columns---community{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;}
  .text-container{width:410px;height:auto;padding-left:0%;}
  .mini{padding-right:17px;text-align:center;}
  .title-box-block{width:420px;text-align:left;letter-spacing:3px;}
  .column-2-comm{width:100%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
  .img-voluntery{width:100%;height:70%;}
}
@media screen and (max-width: 479px){
  .text.black{width:auto;text-align:left;}
  ._2-columns---community{height:700px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
  .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{padding-right:15px;}
  .title-box-block{width:auto;margin-bottom:10px;font-size:26px;line-height:145%;text-align:left;}
  .column-2-comm{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;}
}

.communities-we-love{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:auto;padding-top:95px;padding-bottom:95px;-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;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;-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;}
.org-logos-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:auto;height:110px;margin-top:14px;margin-bottom:0px;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:170px;-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;}
.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:390px;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;}
@media screen and (max-width: 991px){
  .communities-we-love{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);}
  .mini-white-active{font-size:18px;}
}
@media screen and (max-width: 767px){
  .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;}
  .logo-wrapper-2{padding-top:16px;}
  .mini-white-active{padding-right:17px;text-align:center;}
}
@media screen and (max-width: 479px){
  .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;}
  .mini-white-active{width:auto;padding-right:15px;}
}



/*Homepage  SIMPLY PUT section*/


.mini{width:auto;padding-right:22px;font-family:'Avenirltstd book', sans-serif;color:#00c0f1;font-size:30px;font-weight:400;letter-spacing:2px;text-transform:uppercase;}
.hero-simplyput-wrapper{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;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);}
@media screen and (max-width: 991px){
  .mini{font-size:26px;}
  .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;}
}
@media screen and (max-width: 767px){
  .mini{padding-right:17px;text-align:center;}
  .hero-simplyput-wrapper{width:410px;height:100%;padding-top:0px;padding-bottom:0px;}
}
@media screen and (max-width: 479px){
  .mini{width:250px;padding-right:15px;line-height:130%;text-align:left;}
  .hero-simplyput-wrapper{width:auto;padding:12px 5% 0px;}
  .herostep{width:auto;}
  .step-text{font-size:18px;}
}
/*Homepage  SIMPLY PUT section*/








[class*=" w-icon-"]{font-family:'webflow-icons'!important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.w-icon-slider-right:before{content:"\e600";}
.w-icon-slider-left:before{content:"\e601";}
/*em {*/
/*  font-style: italic;*/
/*}*/



[class*=" w-icon-"]{font-family:'webflow-icons'!important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.w-icon-slider-right:before{content:"\e600";}
.w-icon-slider-left:before{content:"\e601";}
*{-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,h2{font-weight:bold;margin-bottom:10px;}
h1{font-size:38px;line-height:44px;margin-top:20px;}
h2{font-size:32px;line-height:36px;margin-top:20px;}
p{margin-top:0;margin-bottom:10px;}
.w-slider{position:relative;height:300px;text-align:center;background:#dddddd;clear:both;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);tap-highlight-color:rgba(0, 0, 0, 0);}
.w-slider-mask{position:relative;display:block;overflow:hidden;z-index:1;left:0;right:0;height:100%;white-space:nowrap;}
.w-slide{position:relative;display:inline-block;vertical-align:top;width:100%;height:100%;white-space:normal;text-align:left;}
.w-slider-nav{position:absolute;z-index:2;top:auto;right:0;bottom:0;left:0;margin:auto;padding-top:10px;height:40px;text-align:center;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);tap-highlight-color:rgba(0, 0, 0, 0);}
.w-slider-nav.w-round > div{border-radius:100%;}
.w-slider-dot{position:relative;display:inline-block;width:1em;height:1em;background-color:rgba(255, 255, 255, 0.4);cursor:pointer;margin:0 3px 0.5em;transition:background-color 100ms, color 100ms;}
.w-slider-dot.w-active{background-color:#fff;}
.w-slider-arrow-left,.w-slider-arrow-right{position:absolute;width:80px;top:0;right:0;bottom:0;left:0;margin:auto;cursor:pointer;overflow:hidden;color:white;font-size:40px;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);tap-highlight-color:rgba(0, 0, 0, 0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.w-slider-arrow-left [class*=" w-icon-"],.w-slider-arrow-right [class*=" w-icon-"]{position:absolute;}
.w-slider-arrow-left{z-index:3;right:auto;}
.w-slider-arrow-right{z-index:4;left:auto;}
.w-icon-slider-left,.w-icon-slider-right{top:0;right:0;bottom:0;left:0;margin:auto;width:1em;height:1em;}
/*! CSS Used from: https://tbd.thiswasblank.com/css/main.css */
/*div,h1,h2,p,em,img{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;}*/
/*div{box-sizing:border-box;background-color:transparent;}*/
/*p:after,p:before{margin:0;}*/
/*h1{font-size:4.286em;padding:0px 0px;margin:0;font-weight:normal;line-height:1;}*/
/*h2{font-size:36px;margin:0;font-weight:normal;font-family:norpeth;}*/
@media screen and (min-width: 568px){
  h1{font-size:2.143em;}
}
@media screen and (min-width: 767px){
  h1{font-size:4.286em;}
}
@media (max-width:767px){
  h2{font-size:30px;}
}
/*! CSS Used from: https://tbd.thiswasblank.com/css/trolleybus1.webflow.css */
h1{font-size:38px;line-height:44px;margin-top:20px;}
h1,h2{font-weight:bold;margin-bottom:10px;}
.text{width:600px;margin-top:10px;color:#000;font-size:16px;line-height:29px;text-align:center;}
.text{width:600px;margin-top:10px;color:#000;font-size:16px;line-height:29px;text-align:center;}
[class*=" w-icon-"]{font-family:'webflow-icons'!important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.w-icon-slider-right:before{content:"\e600";}
.w-icon-slider-left:before{content:"\e601";}
.w-slider{position:relative;height:300px;text-align:center;background:#dddddd;clear:both;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);}
.w-slider-mask{position:relative;display:block;overflow:hidden;z-index:1;left:0;right:0;height:100%;white-space:nowrap;}
.w-slide{position:relative;display:inline-block;vertical-align:top;width:100%;height:100%;white-space:normal;text-align:left;}
.w-slider-nav{position:absolute;z-index:2;top:auto;right:0;bottom:0;left:0;margin:auto;padding-top:10px;height:40px;text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);}
.w-slider-nav.w-round>div{border-radius:100%;}
.w-slider-dot{position:relative;display:inline-block;width:1em;height:1em;background-color:rgba(255,255,255,0.4);cursor:pointer;margin:0 3px .5em;transition:background-color 100ms,color 100ms;}
.w-slider-dot.w-active{background-color:#fff;}
.w-slider-arrow-left,.w-slider-arrow-right{position:absolute;width:80px;top:0;right:0;bottom:0;left:0;margin:auto;cursor:pointer;overflow:hidden;color:white;font-size:40px;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.w-slider-arrow-left [class*=" w-icon-"],.w-slider-arrow-right [class*=" w-icon-"]{position:absolute;}
.w-slider-arrow-left{z-index:3;right:auto;}
.w-slider-arrow-right{z-index:4;left:auto;}
.w-icon-slider-left,.w-icon-slider-right{top:0;right:0;bottom:0;left:0;margin:auto;width:1em;height:1em;}
.text{width:600px;margin-top:10px;color:#000;font-size:16px;line-height:29px;text-align:center;}
.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("https://tbd.thiswasblank.com/images/impact-min.jpg");background-image:linear-gradient(180deg, rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.22)), url("https://tbd.thiswasblank.com/images/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;}
.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;}
.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;}
.storyheadline-text{line-height:44px;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{font-family:Avenirltstd, sans-serif;height:auto;margin-top:0px;margin-bottom:0px;padding-left:0px;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;}
.italic-text{color:#000;font-size:28px;line-height:30px;font-style:italic;}
.italic-text-3{color:#000;}
@media screen and (max-width: 991px){
  .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;}
  .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;}
}
@media screen and (max-width: 767px){
  .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;}
  .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%;}
  .image-23{display:none;}
  .image-24{display:none;}
}
@media screen and (max-width: 479px){
  .our-impact{width:100%;}
  .outimpact-header{height:470px;padding-top:91px;}
  .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;}
  .story-container{width:100%;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;}
  .slide-nav-3{bottom:0;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;}
  .italic-text{width:auto;font-size:24px;}
  .slide{width:auto;}
}
.w-slider-dot.w-active{background-color:#000;}
.w-slider-dot{position:relative;display:inline-block;width:6px;height:6px;background-color:rgba(0, 0, 0, 0.4);cursor:pointer;margin:0 3px .5em;transition:background-color 100ms,color 100ms;}
.text{width:600px;margin-top:10px;color:#000;font-size:16px;line-height:29px;text-align:center;}
.text{width:600px;margin-top:10px;color:#000;font-size:16px;line-height:29px;text-align:center;}
/*! CSS Used fontfaces */
.text.white-cerntre-2 {
  width: 420px;
  padding-right: 0px;
  padding-left: 0px;
  font-family: Avenirltstd, sans-serif;
  color: #fff;
  text-align: center;
  letter-spacing: 0.5px;
}
em {
  font-style: italic;
}
@media screen and (min-width: 1440px){
  .story-container {
    width: 1120px;
    height: 530px;
  }
}
/*Homepage OUR impact section*/




.w-inline-block{max-width:100%;display:inline-block;}
.w-button{display:inline-block;padding:9px 15px;background-color:#3898EC;color:white;border:0;line-height:inherit;text-decoration:none;cursor:pointer;border-radius:0;}

.execlusive-map{height:auto;}
.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/map-min.png");background-position:50% -40%;background-size:1100px;background-repeat:no-repeat;}
.image-6{width:880px;margin-top:19px;}
.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;}
.mapmobile{display:none;width:880px;margin-top:19px;}
.mini{width:auto;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-low{padding-right:0px;padding-bottom:8px;font-weight:400;text-align:center;}

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

.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;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;margin-right:5px;margin-left:5px;}


.project-hover-announcment {
  transition: all 0.3s ease-out;
  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);
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg) !important;
  transform-style: preserve-3d !important;
}

.ann-project{display:-webkit-box;display:-webkit-flex !important;display:-ms-flexbox;display:flex !important;-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{padding-top:4px;padding-left:5px;color:#838383;}
.text-block-16{color:#fff;font-size:18px;}
.image-22{width:100%;}
@media screen and (max-width: 991px){
  .execlusive-map{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
  .projects-title-section{width:100%;height:auto;padding-top:75px;padding-bottom:75px;background-size:830px;}
  .mapmobile{display:none;}
  .mini{font-size:26px;}
  .black-paragraph---announcement{width:520px;}
  .project-announcement{width:240px;height:251px;}
  .text-block-16{font-size:13px;}
}
@media screen and (max-width: 767px){
  .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("https://uploads-ssl.webflow.com/5e26a7d0496ea0d3f516079f/5e728dd43e6af088c1ba6b06_map-min.png");background-image:linear-gradient(180deg, transparent, transparent), url("https://uploads-ssl.webflow.com/5e26a7d0496ea0d3f516079f/5e728dd43e6af088c1ba6b06_map-min.png");background-position:0px 0px, 50% -10%;}
  .image-6{position:relative;display:block;width:auto;margin-left:0px;}
  .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;}
  .mapmobile{position:relative;display:none;width:auto;margin-left:0px;}
  .mini{padding-right:17px;text-align:center;}
  .black-paragraph---announcement{width:auto;}
  .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;}
}
@media screen and (max-width: 479px){
  .execlusive-map{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:auto;}
  .projects-title-section{height:auto;}
  .image-6{display:none;width:540px;}
  .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;}
  .mapmobile{display:block;width:540px;}
  .mini{width:250px;padding-right:15px;line-height:130%;text-align:left;}
  .mini.centre-low{line-height:32px;}
  .black-paragraph---announcement{width:90%;line-height:26px;}
  .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;transform: inherit !important;
    transform-style: inherit !important;}
  .ann-project{position:relative;height:auto;}
  .image-22{width:100%;min-width:100%;}
}

/*! CSS Used fontfaces */

/*What we do page inline-text-section*/
.tw{width:auto;margin-top:0px;color:#fff;font-size:22px;font-weight:400;text-align:center;letter-spacing:1px;text-transform:uppercase;}
.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;}
.inline-text-section{position:relative;z-index:10;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:auto;margin-top:85px;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;}
.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;font-family:'Avenirltstd book', sans-serif;font-size:18px;line-height:32px;font-weight:500;text-align:left;}
.horizontal-text-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:auto;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;}
.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;}
@media screen and (max-width: 991px){
  .tw.inline-title{padding-left:0px;font-size:26px;}
  .inline-text-section{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:390px;margin-top:2px;margin-bottom:2px;}
  .black-paragraph{width:520px;}
  .black-paragraph.left{padding-left:0px;font-size:16px;line-height:26px;}
  .paragraph-container{width:60%;font-size:14px;}
  .title-container{width:auto;}
  .horizontal-text{width:640px;}
}
@media screen and (max-width: 767px){
  .tw{width:420px;text-align:center;letter-spacing:3px;}
  .tw.inline-title{padding-bottom:15px;text-align:center;}
  .inline-text-section{height:auto;}
  .black-paragraph{width:420px;}
  .horizontal-text-container{height:100%;padding-top:91px;padding-bottom:91px;}
  .paragraph-container{width:450px;}
  .title-container{width:100%;}
  .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;}
}
@media screen and (max-width: 479px){
  .tw{width:300px;margin-bottom:10px;font-size:28px;line-height:42px;text-align:center;}
  .tw.inline-title{width:auto;margin-top:0px;padding-bottom:10px;font-size:26px;}
  .inline-text-section{height:auto;padding-top:0px;padding-bottom:0px;}
  .black-paragraph{width:90%;}
  .black-paragraph.left{width:auto;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;}
  .horizontal-text-container{padding:75px 5%;}
  .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:95px;}
}

/*What we do page inline-text-section*/







/*What we do page column-3*/
.w-button{display:inline-block;padding:9px 15px;background-color:#3898EC;color:white;border:0;line-height:inherit;text-decoration:none;cursor:pointer;border-radius:0;}

.text{width:600px;margin-top:10px;color:#000;font-size:16px;line-height:29px;text-align:center;}
.text.black{width:auto;padding-right:0%;color:#000;text-align:left;letter-spacing:0.5px;    font-family: Avenirltstd, sans-serif;}
.text-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:auto;height:100%;padding:0px 15% 61px;-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:auto;padding-right:22px;font-family:'Avenirltstd book', sans-serif;color:#00c0f1;font-size:30px;font-weight:400;letter-spacing:2px;text-transform:uppercase;}
.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;}
.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;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;}
@media screen and (max-width: 991px){
  .text.black{width:330px;line-height:26px;text-align:left;}
  .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;}
}
@media screen and (max-width: 767px){
  .text.black{width:420px;text-align:left;}
  .text-container{width:410px;height:auto;padding-left:0%;}
  .mini{padding-right:17px;text-align:center;}
  .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;}
}
@media screen and (max-width: 479px){
  .text.black{width:auto;text-align:left;}
  .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;}
  .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;}
}
/*What we do page column-3*/


/*Urban Fund page inline-text-section*/

.tw{width:auto;margin-top:0px;color:#fff;font-size:22px;font-weight:400;text-align:center;letter-spacing:1px;text-transform:uppercase;}
.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;}
.inline-text-section{position:relative;z-index:10;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:auto;margin-top:85px;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;}
.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;
}

.horizontal-text-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:auto;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;}
.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;}
@media screen and (max-width: 991px){
  .tw.inline-title{padding-left:0px;font-size:26px;}
  .inline-text-section{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:390px;margin-top:2px;margin-bottom:2px;}
  .black-paragraph{width:520px;}
  .black-paragraph.left{padding-left:0px;font-size:16px;line-height:26px;}
  .paragraph-container{width:60%;font-size:14px;}
  .title-container{width:auto;}
  .horizontal-text{width:640px;}
  .line{width:90%;}
}
@media screen and (max-width: 767px){
  .tw{width:420px;text-align:center;letter-spacing:3px;}

  .tw.inline-title {
    width: 80%;
    padding-bottom: 15px;
    padding-left: 4px;
    text-align: left;
  }
  .inline-text-section{height:auto;}
  .black-paragraph{width:420px;}
  .horizontal-text-container{height:100%;padding-top:91px;padding-bottom:91px;}
  .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;}
}
@media screen and (max-width: 479px){
  .tw{width:300px;margin-bottom:10px;font-size:28px;line-height:42px;text-align:center;}
  .tw.inline-title{width:auto;margin-top:0px;padding-bottom:10px;font-size:26px;}
  .inline-text-section{height:auto;padding-top:0px;padding-bottom:0px;}
  .black-paragraph{width:90%;}
  .black-paragraph.left{width:auto;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;}
  .horizontal-text-container{padding:75px 5%;}
  .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:95px;}
}

/*Urban Fund page inline-text-section*/



/*Urban share page*/
.w-inline-block{max-width:100%;display:inline-block;}
.w-button{display:inline-block;padding:9px 15px;background-color:#3898EC;color:white;border:0;line-height:inherit;text-decoration:none;cursor:pointer;border-radius:0;}
input.w-button{-webkit-appearance:button;}
.w-form{margin:0 0 15px;}
.w-form-done{display:none;padding:20px;text-align:center;background-color:#dddddd;}
.w-form-fail{display:none;margin-top:10px;padding:10px;background-color:#ffdede;}
.w-input{display:block;width:100%;height:38px;padding:8px 12px;margin-bottom:10px;font-size:14px;line-height:1.428571429;color:#333333;vertical-align:middle;background-color:#ffffff;border:1px solid #cccccc;}
.w-input:-moz-placeholder{color:#999;}
.w-input::-moz-placeholder{color:#999;opacity:1;}
.w-input:-ms-input-placeholder{color:#999;}
.w-input::-webkit-input-placeholder{color:#999;}
.w-input:focus{border-color:#3898EC;outline:0;}
/*! CSS Used from: https://tbd.thiswasblank.com/css/trolleybus1.webflow.css */
.tw{width:auto;margin-top:0px;color:#fff;font-size:30px;font-weight:400;text-align:center;letter-spacing:5px;text-transform:uppercase;}
.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:28px;line-height:40px;text-align:center;letter-spacing:2px;text-indent:0px;}
.login-screen{display:block;height:100vh;}
.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:url('https://tbd.thiswasblank.com/images/image_1.jpg');background-position:50% 60%;background-size:cover;background-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;}
.form{text-align:right;}
.submit-button{margin-top:5px;padding:11px 30px;background-color:#000;}
.text-field{height:46px;margin-bottom:17px;}
.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;}
.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;}
@media screen and (max-width: 991px){
  .tw.annoucnemnt{font-size:26px;}
  .logo-container---urban{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
}
@media screen and (max-width: 767px){
  .tw{width:420px;text-align:center;letter-spacing:3px;}
  .tw.annoucnemnt{width:auto;line-height:145%;}
  .div-block-26{display:none;}
}
@media screen and (max-width: 479px){
  .tw{width:300px;margin-bottom:10px;font-size:28px;line-height:42px;text-align:center;}
  .tw.annoucnemnt{width:280px;text-align:center;}
  .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%;}
  .logo-container---urban{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
  .image-20{width:230px;}
}
.w-inline-block{max-width:100%;display:inline-block;}
.w-button{display:inline-block;padding:9px 15px;background-color:#3898EC;color:white;border:0;line-height:inherit;text-decoration:none;cursor:pointer;border-radius:0;}
.tw{width:auto;margin-top:0px;color:#fff;font-size:22px;font-weight:400;text-align:center;letter-spacing:1px;text-transform:uppercase;}
@media screen and (max-width: 767px){
  .tw{width:420px;text-align:center;letter-spacing:3px;}
}
@media screen and (max-width: 479px){
  .tw{width:300px;margin-bottom:10px;font-size:28px;line-height:42px;text-align:center;}
}
.w-button{display:inline-block;padding:9px 15px;background-color:#3898EC;color:white;border:0;line-height:inherit;text-decoration:none;cursor:pointer;border-radius:0;}
.tw{width:auto;margin-top:0px;color:#fff;font-size:22px;font-weight:400;text-align:center;letter-spacing:1px;text-transform:uppercase;}
@media screen and (max-width: 767px){
  .tw{width:420px;text-align:center;letter-spacing:3px;}
}
@media screen and (max-width: 479px){
  .tw{width:300px;margin-bottom:10px;font-size:28px;line-height:42px;text-align:center;}
}
.w-inline-block{max-width:100%;display:inline-block;}
.w-button{font-family: Avenirltstd, sans-serif;display:inline-block;padding:9px 15px;background-color:#3898EC;color:white;border:0;line-height:inherit;text-decoration:none;cursor:pointer;border-radius:0;}
input.w-button{-webkit-appearance:button;}
.w-form{margin:0 0 15px;}
.w-form-done{display:none;padding:20px;text-align:center;background-color:#dddddd;}
.w-form-fail{display:none;margin-top:10px;padding:10px;background-color:#ffdede;}
.w-input{display:block;width:100%;height:38px;padding:8px 12px;margin-bottom:10px;font-size:14px;line-height:1.42857143;color:#333333;vertical-align:middle;background-color:#ffffff;border:1px solid #cccccc;}
.w-input:-moz-placeholder{color:#999;}
.w-input::-moz-placeholder{color:#999;opacity:1;}
.w-input:-ms-input-placeholder{color:#999;}
.w-input::-webkit-input-placeholder{color:#999;}
.w-input:focus{border-color:#3898EC;outline:0;}
.tw{width:auto;margin-top:0px;color:#fff;font-size:22px;font-weight:400;text-align:center;letter-spacing:1px;text-transform:uppercase;}
.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;}
.login-screen{
  display:block;
  /*height:700px;*/
}
.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:url("../images/urban-back.jpg");background-position:50% 60%;background-size:cover;background-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:none;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:250px;padding-bottom:22px;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.form{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;}
.text-field{height:46px;margin-bottom:17px;}
.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;}
.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;}
.cards{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:700px;height:380px;-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;-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:45px;}
.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: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;}
.close-button-2{margin-top:-12px;margin-left:-15px;padding-left:0px;}
@media screen and (max-width: 991px){
  .tw.annoucnemnt{font-size:26px;}
  .logo-container---urban{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
}
@media screen and (max-width: 767px){
  .tw{width:420px;text-align:center;letter-spacing:3px;}
  .tw.annoucnemnt{width:auto;line-height:145%;}
  .div-block-26{display:none;}
}
@media screen and (max-width: 479px){
  .tw{width:300px;margin-bottom:10px;font-size:28px;line-height:42px;text-align:center;}
  .tw.annoucnemnt{width:280px;text-align:center;}
  .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%;}
  .logo-container---urban{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
  .image-20{width:230px;}
}
.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:visited {
  background-color: #000;
  color: #fff;
}

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

/*Urban share page*/



/*Homepage TRACK RECORD section*/

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

.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/data.png');
  background-position: 0% 50%;
  background-size: cover;
}

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

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

.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;
}

.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;
}

.mini {
  width: auto;
  padding-right: 22px;
  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;
}

.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;
}

.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;
}

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

@media screen and (max-width: 991px) {
  .track-record {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    padding: 77px 5%;
  }
  .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;
  }
  .mini {
    font-size: 26px;
  }
  .countup-wrapper-1 {
    width: 333px;
  }
  .countup-wrapper-2 {
    width: 333px;
  }
  .plus-sign {
    font-size: 32px;
  }
}

@media screen and (max-width: 767px) {
  .track-record-name {
    text-align: center;
  }
  .track-record {
    height: auto;
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .stats {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
  }
  .mini {
    padding-right: 17px;
    text-align: center;
  }
  .countup-wrapper-1 {
    width: 100%;
    margin-top: 3px;
    margin-bottom: 3px;
  }
  .countup-wrapper-2 {
    width: 100%;
    margin-top: 3px;
    margin-bottom: 3px;
  }
  .plus-sign {
    font-size: 32px;
  }
}

@media screen and (max-width: 479px) {
  .track-record {
    height: auto;
    padding-top: 60px;
  }
  .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;
  }
  .mini {
    width: 250px;
    padding-right: 15px;
    line-height: 130%;
    text-align: left;
  }
  .mini.centre {
    width: 290px;
    line-height: 32px;
  }
  .countup-wrapper-1 {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
  }
  .countup-wrapper-2 {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
  }
  .plus-sign {
    font-size: 30px;
  }
}

@media screen and (max-width: 991px) {
  #w-node-88404390fd15-793c4636 {
    -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;
  }
}

/*Homepage TRACK RECORD section*/




/*.w-button{display:inline-block;padding:9px 15px;background-color:#3898EC;color:white;border:0;line-height:inherit;text-decoration:none;cursor:pointer;border-radius:0;}*/
.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;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-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;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;}




.countup-wrapper-block{
  transition: all 0.1s ease-out;
}
.countup-wrapper-block:hover{
  transform: translate3d(0px, -10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
}
.track-record-item{
  transition: all 0.2s ease-out;
}
.track-record-item:hover{
  transform: translate3d(0px, -10px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg) !important;
  transform-style: preserve-3d !important;

}
.div-block-click{

  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);
  z-index: 1;
  display: none;
}
.div-block-click .lottie-animation-9{
  width: 100px;
  z-index:55;
}
.div-block-click  .text-block-17{
  color: #fff;
  font-size: 16px;
  z-index: 55;
}
.comm-widget .row:first-of-type .div-block-click {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.gmnoprint.gm-style-cc,.gmnoprint,.gm-style-cc{
  display:block;
}
p{
  font-family: Avenirltstd, sans-serif;
}




.button-position{position:absolute;left:0%;top:auto;right:0%;bottom:0%;z-index:30;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;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;}
.button-more img{max-width:100%;vertical-align:middle;display:inline-block;}
.button-more{position:static;left:0%;top:auto;right:0%;bottom:0%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:11px 24px 9px 21px;-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:90px;background-color:#82cd49;}
.text-block-20{padding-left:6px;color:#000;}
.shadow{position:absolute;left:0%;top:auto;right:0%;bottom:0%;z-index:5;}

@media screen and (min-width: 1280px){
  .shadow{position:absolute;left:0%;top:auto;right:0%;bottom:0%;z-index:5;}

  .button-more {
    position: relative;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    z-index: 30;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 290px;
    height: auto;
    padding-top: 16px;
    padding-bottom: 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;
    background-color: #82cd49;
    display: flex;
    width: 248px;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .button-position{left:0%;top:auto;right:0%;bottom:0%;z-index:30;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;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;}

}
/*What we do page HOW IT WORKS*/



/*.w-background-video{position:relative;overflow:hidden;height:500px;color:white;}*/
.w-background-video > video{background-size:cover;background-position:50% 50%;position:absolute;margin:auto;width:100%;height:100%;right:-100%;bottom:-100%;top:-100%;left:-100%;object-fit:cover;z-index:-100;}

.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;}
._4-steps-container{-webkit-perspective:1412px;perspective:1412px;}
.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;}
.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:9px;padding-bottom:0px;}
.image-29{position:absolute;top:-53px;width:97px;margin-top:2px;}
.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: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:6px;background-color:rgba(2, 191, 241, 0.43);}
.duration.blue{width:380px;-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.green{width:190px;-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.blue{width:190px;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}
.duration.purple{width:202px;padding-top:4px;padding-bottom:4px;-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.orange{width:190px;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;background-color:rgba(135, 197, 102, 0.45);}
.duration.red{width:215px;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(232, 33, 37, 0.28);}
.duration-text{width:auto;margin-bottom:0px;padding-top:5px;padding-right:14px;padding-left:7px;font-family:Avenirltstd, sans-serif;color:#000;font-size:12px;line-height:141%;letter-spacing:0px;text-indent:0px;}
.howitworks-2{position:relative;z-index:40;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:auto;height:770px;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: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(#d5f4ff), color-stop(37%, #fff));background-image:linear-gradient(180deg, #d5f4ff, #fff 37%);}
.vid{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:auto;height:80%;padding-top:28px;-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-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto;}
.background-video{overflow:visible;width:930px;height:480px;}
.feature-cell-new-2{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;}
.feature-cell-new-2.first{padding-top:27px;}
.step-container-2{position:relative;z-index:4;overflow:hidden;width:228px;height:165px;margin-right:6px;margin-left:6px;padding-bottom:22px;padding-left:10px;border-radius:7px;background-color:#fff;box-shadow:0 1px 7px 0 rgba(0, 0, 0, 0.07);}
.step-container-2.long{width:228px;height:auto;margin-right:0px;margin-left:0px;}
.index-cards-block{position:relative;z-index:50;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;margin-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;-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto;}
.heading-6{margin-top:15px;margin-bottom:-4px;padding-top:32px;font-size:15px;font-weight:400;text-transform:uppercase;}
.feature-new-text-2{width:190px;margin-bottom:4px;padding-top:6px;font-family:Avenirltstd, sans-serif;color:#000;font-size:13px;line-height:23px;letter-spacing:0px;text-indent:0px;}
.index-card-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:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;}
.step-container-with-line{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:232px;margin-left:0px;padding-top:46px;-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;}
.line-num-2{position:absolute;left:0%;top:0%;right:0%;bottom:auto;height:4px;background-color:#00c0f1;}
.line-num-2.orange{background-color:#82cd49;color:transparent;}
.line-num-2.purple{background-color:#6a4599;}
.line-num-2.green{background-color:#f37921;}
.line-num-2.orange{background-color:#82cd49;color:transparent;}
.line-num-2.green{background-color:#f37921;}
.line-num-2.green{background-color:#f37921;}
.line-num-2.orange{background-color:#82cd49;color:transparent;}
.line-num-2.red{background-color:#803133;}
.line-num-2.red{background-color:#6a4599;}
.line-num-2.red2{background-color:#e82125;}
.step-container-3{position:relative;z-index:4;overflow:hidden;width:230px;height:165px;margin-right:6px;margin-left:6px;padding-bottom:22px;padding-left:10px;border-radius:7px;background-color:#fff;box-shadow:0 1px 7px 0 rgba(0, 0, 0, 0.07);}
.step-container-3.long{width:228px;height:auto;margin-right:0px;margin-left:0px;}
.headliner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:auto;padding-top:57px;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:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}

.mini-blue {
  width: auto;
  padding-right: 0px;
  padding-bottom: 13px;
  color: #00c0f1;
  font-size: 30px;
  text-align: center;
 font-family: 'Avenirltstd book', sans-serif;
  font-weight: 400;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.video-container-1{position:relative;width:100%;height:100%;}
.duration-text-2{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;}
.duration-2{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-2.orange{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;background-color:rgba(130, 205, 73, 0.39);}
.duration-2.green{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;background-color:rgba(243, 121, 33, 0.44);}
.duration-2.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-2.blue{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}
.duration-2.red{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);}
.step-container-4{position:relative;overflow:hidden;width:390px;height:380px;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);}
.image-33{position:absolute;top:-53px;width:100px;}
.video-modern-steps{width:100%;height:100%;}
.modern-how-it-works{position:absolute;width:100%;height:100%;}
.mobile-how-it-works{position:absolute;left:0%;top:0%;right:0%;bottom:0%;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;}
@media screen and (min-width: 1280px){
  .duration{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}
  .duration.blue{width:210px;}
  .duration.green{width:200px;background-color:rgba(243, 121, 33, 0.4);}
  .duration.blue{width:200px;}
  .duration.purple{width:200px;}
  .duration.orange{width:200px;background-color:rgba(130, 205, 73, 0.43);}
  .duration.red{width:219px;}
  .duration-text{padding-right:2px;}
  .howitworks-2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:710px;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-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-image:-webkit-gradient(linear, left top, left bottom, from(#d6f4ff), color-stop(27%, #fff));background-image:linear-gradient(180deg, #d6f4ff, #fff 27%);}
  .vid{width:100%;height:100%;padding-top: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;}
  .background-video{width:1010px;height:500px;background-image:none;}
  .feature-cell-new-2{margin-top:0px;}
  .feature-cell-new-2.first{padding-top:21px;}
  .step-container-2{z-index:30;width:245px;height:166px;margin-top:0px;margin-bottom:30px;padding-bottom:22px;padding-left:13px;}
  .step-container-2.long{width:245px;height:auto;}
  .index-cards-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:auto;margin-top: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;}
  .heading-6{font-size:16px;}
  .feature-new-text-2{width:260px;padding-right:8px;font-size:13px;}
  .image-32{margin-top:-45px;}
  .index-card-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:auto;margin-top:0px;padding-left: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;}
  .step-container-with-line{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:240px;margin-right:6px;margin-left:6px;padding-top:7px;-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;}
  .line-num-2.orange{background-color:#87c667;}
  .line-num-2.green{background-color:#f37921;}
  .step-container-3{z-index:30;width:245px;height:166px;margin-bottom:30px;padding-bottom:22px;padding-left:13px;}
  .step-container-3.long{width:245px;}
  .headliner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:auto;padding-top:57px;padding-bottom:27px;-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;}
  .video-container-1{width:100%;}
  .duration-2.orange{background-color:rgba(130, 205, 73, 0.37);}
  .duration-2.green{background-color:rgba(243, 121, 33, 0.41);}
  .video-modern-steps{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;}
  .modern-how-it-works{position:absolute;padding-top:0px;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;}
  .mobile-how-it-works{display:none;}
}
@media screen and (min-width: 1440px){
  .duration.green{width:230px;}
  .duration.blue{width:230px;}
  .duration.orange{width:230px;}
  .howitworks-2{height:720px;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;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 192, 241, 0.16)), color-stop(32%, #fff));background-image:linear-gradient(180deg, rgba(0, 192, 241, 0.16), #fff 32%);}
  .vid{width:auto;margin-top:-5px;}
  .background-video{width:960px;height:510px;background-image:none;}
  .step-container-2{width:270px;height:165px;margin-right:0px;margin-left:0px;}
  .step-container-2.long{width:270px;}
  .index-cards-block{width:100%;margin-top:0px;}
  .index-card-container{margin-top:-3px;}
  .step-container-with-line{width:auto;margin-right:5px;margin-left:5px;padding-top:0px;}
  .step-container-3{width:270px;height:165px;margin-right:0px;margin-left:0px;}
  .step-container-3.long{width:270px;height:auto;}
  .headliner{width:auto;height:auto;padding-top:61px;padding-bottom:0px;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;}
  .mini-blue{padding-bottom:8px;}
  .video-container-1{width:90%;height:90%;}
  .video-modern-steps{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;}
  .modern-how-it-works{position:absolute;left:0%;top:0%;right:0%;bottom:0%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;padding-top:36px;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;}
  .mobile-how-it-works{display:none;}
}
@media screen and (min-width: 1920px){
  .howitworks-2{height:700px;}
  .background-video{width:980px;height:530px;}
  .step-container-with-line{width:auto;}
  .headliner{padding-left:0%;}
  .video-container-1{height:90%;}
}
@media screen and (max-width: 991px){
  .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;padding-right:26px;font-size:13px;line-height:20px;}
  .duration{width:290px;}
  .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.green{width:299px;margin-left:-6px;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}
  .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.purple{width:299px;margin-left:-6px;background-color:rgba(106, 69, 153, 0.36);}
  .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.red{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;}
  .howitworks-2{height:auto;padding-bottom:32px;}
  .vid{width:100%;height:auto;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
  .background-video{width:670px;height:370px;margin-bottom:19px;background-image:none;}
  .step-container-2{width:340px;height:290px;}
  .heading-6{margin-bottom:-3px;padding-bottom:6px;font-size:22px;}
  .feature-new-text-2{width:auto;margin-bottom:0px;padding-top:9px;font-size:13px;line-height:20px;}
  .line-num-2.orange{background-color:#82cd49;}
  .line-num-2.green{background-color:#f37921;}
  .line-num-2.green{background-color:#f37921;}
  .line-num-2.orange{background-color:#82cd49;}
  .line-num-2.red{background-color:#e82125;}
  .step-container-3{width:340px;height:290px;}
  .mini-blue{font-size:26px;}
  .video-container-1{height:auto;}
  .duration-text-2{width:auto;margin-bottom:0px;padding-top:3px;padding-right:24px;font-size:12px;line-height:20px;}
  .duration-2.orange{width:299px;margin-left:-6px;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;background-color:rgba(130, 205, 73, 0.45);}
  .duration-2.green{width:299px;margin-left:-6px;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;background-color:rgba(243, 121, 33, 0.43);}
  .duration-2.purple{width:299px;margin-left:-6px;padding-top:4px;padding-bottom:4px;background-color:rgba(106, 69, 153, 0.36);}
  .duration-2.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-2.red{width:299px;margin-left:-6px;background-color:rgba(232, 33, 37, 0.31);}
  .step-container-4{width:340px;height:340px;margin-top:4px;margin-bottom:9px;}
  .video-modern-steps{width:100%;height:100%;}
  .modern-how-it-works{display:none;}
  .mobile-how-it-works{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:0px;}
}
@media screen and (max-width: 767px){
  .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;}
  .duration.blue{margin-left:-6px;}
  .duration.orange{margin-left:-6px;}
  .duration.green{margin-left:-6px;}
  .duration.purple{margin-left:-6px;}
  .duration.green{margin-left:-6px;}
  .duration.blue{margin-left:-6px;}
  .duration.purple{margin-left:-6px;}
  .duration.orange{margin-left:-6px;}
  .duration.red{margin-left:-6px;}
  .duration-text{font-size:13px;}
  .howitworks-2{height:auto;padding-top:0px;padding-bottom:0px;}
  .vid{width:100%;height:auto;}
  .background-video{height:324px;}
  .step-container-2{margin-top:7px;margin-bottom:7px;}
  .step-container-3{margin-top:7px;margin-bottom:7px;}
  .mini-blue{padding-right:0px;padding-bottom:0px;text-align:center;}
  .video-container-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;}
  .duration-text-2{font-size:13px;}
  .duration-2.orange{margin-left:-6px;}
  .duration-2.green{margin-left:-6px;}
  .duration-2.purple{margin-left:-6px;}
  .duration-2.blue{margin-left:-6px;}
  .duration-2.red{margin-left:-6px;}
  .step-container-4{margin-top:7px;margin-bottom:7px;}
  .mobile-how-it-works{position:relative;margin-top:0px;padding-top:51px;padding-bottom:51px;}
}
@media screen and (max-width: 479px){
  .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;}
  ._4-steps-container{width:90%;}
  .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;}
  .duration{width:90%;}
  .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.green{width:90%;margin-top:11px;}
  .duration.blue{width:90%;margin-top:10px;}
  .duration.purple{width:90%;height:auto;padding-top:8px;padding-bottom:9px;}
  .duration.orange{width:90%;margin-top:11px;}
  .duration.red{width:90%;height:auto;padding-top:8px;padding-bottom:9px;}
  .duration-text{width:100%;padding-top:3px;padding-right:34px;font-size:13px;line-height:23px;}
  .howitworks-2{padding-bottom:0px;}
  .background-video{height:283px;}
  .feature-cell-new-2{width:auto;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;font-size:16px;}
  .step-container-2{width:100%;height:auto;padding-bottom:33px;padding-left:19px;}
  .heading-6{width:95%;padding-top:44px;font-size:22px;line-height:30px;text-transform:uppercase;}
  .feature-new-text-2{width:88%;padding-top:10px;font-size:14px;line-height:23px;}
  .step-container-3{width:100%;height:auto;padding-bottom:33px;padding-left:19px;}
  .mini-blue{padding-right:0px;padding-bottom:0px;}
  .duration-text-2{width:88%;padding-top:3px;font-size:14px;line-height:23px;}
  .duration-2.orange{width:90%;margin-top:11px;}
  .duration-2.green{width:90%;margin-top:11px;}
  .duration-2.purple{width:90%;height:auto;padding-top:8px;padding-bottom:9px;}
  .duration-2.blue{width:90%;margin-top:10px;}
  .duration-2.red{width:90%;height:auto;padding-top:8px;padding-bottom:9px;}
  .step-container-4{width:100%;height:auto;padding-bottom:33px;padding-left:19px;}
}

b, strong {
  font-weight: bold;
}
/*What we do page HOW IT WORKS*/


/*Home home-hero section*/

.w-embed:before,.w-embed:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2;}
.w-embed:after{clear:both;}
.w-background-video{position:relative;overflow:hidden;height:500px;color:white;}
.w-background-video > video{background-size:cover;background-position:50% 50%;position:absolute;margin:auto;width:100%;height:100%;right:-100%;bottom:-100%;top:-100%;left:-100%;object-fit:cover;z-index:-100;}
/*! CSS Used from: http://localhost/flow/css/trolleybus1.webflow.css */
.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;}
.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;}
.line-mask{position:relative;top:100px;bottom:0px;z-index:121;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;width:2px;height:90px;}
.div-block-15{position:absolute;left:0%;top:0%;right:0%;bottom:0%;width:2px;background-color:#fff;}
.scroll-down{position:relative;bottom:-127px;z-index:120;width:auto;background-color:transparent;font-family:Avenirnextcyr, sans-serif;color:#fff;letter-spacing:3px;}
.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;}
.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;}
.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;}
.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);}
.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;}
.html-embed{position:absolute;z-index:1000;display:none;width:100%;height:100%;}
.arrow-line{position:relative;}
.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;}
@media screen and (max-width: 991px){
  .home-hero{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;}
  .line-mask{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
  .scroll-down{display:block;}
  .sketch-video{position:relative;width:50%;}
  .lottie-animation-3{position:relative;left:-60px;right:0px;width:500px;height:630px;}
  .mini{font-size:26px;}
  .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;}
  .greenline-container{width:70%;}
  .scroll-down-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
}
@media screen and (max-width: 767px){
  .home-hero{height:1030px;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;}
  .hero-left-text{width:100%;height:800px;padding-top:0px;}
  .text-wrapper{padding-top:13px;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;}
  .line-mask{display:none;}
  .scroll-down{display:block;}
  .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:690px;}
  .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;}
  .mini{padding-right:17px;text-align:left;}
  .hero-simplyput-wrapper{width:410px;height:100%;padding-top:67px;padding-bottom: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;}
  .div-block-29{width:100vw;height:100%;}
  .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;}
}
@media screen and (max-width: 479px){
  .home-hero{height:1063px;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;}
  .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;}
  .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;}
  .sketch-video{height:520px;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:100%;margin-top:0px;margin-left:0px;padding-top:39px;padding-left:0px;}
  .map-viideo{height:90%;}
  .background-video-2{height:100%;}
  .future-under-consturcitonm{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;}
  .mini{width:250px;padding-right:15px;line-height:130%;text-align:left;}
  .hero-simplyput-wrapper{width:auto;padding:12px 5% 0px;}
  .herostep{width:auto;}
  .step-text{font-size:18px;}
  .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;}
  .arrow-head{top:384px;}
}




/*Homepage  WHAT We do section*/
section{display:block;}
.text{width:600px;margin-top:10px;color:#000;font-size:16px;line-height:29px;text-align:center;}
.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;}
.line-mask{position:relative;top:100px;bottom:0px;z-index:121;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;width:2px;height:90px;}
.line-mask.hide{display:none;}
.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.blk{bottom:-5px;color:#000;}
.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;}
.text-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:100%;padding:0px 10%;-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{    text-align: left;padding-right:22px;font-family:'Avenirltstd book', sans-serif;color:#00c0f1;font-size:30px;font-weight:400;letter-spacing:2px;text-transform:uppercase;}
.mini.green{font-family:'Avenirltstd book', sans-serif;color:#82cd49;font-weight:400;}
.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;}
._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%;    vertical-align: middle;}
.div-block-47{width:1.5px;height:530px;margin-top:46px;background-color:#e0e0e0;}
.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;margin-top:30px;-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: 1280px){
  .text.blacked-out{color:#000;font-size:16px;}
  .text-container{padding-right:10%;padding-left:10%;}
  .div-block-48{margin-top:-120px;}
  .div-block-49{margin-top:4px;}
}
@media screen and (min-width: 1920px){
  .text-container{padding-right:15%;padding-left:15%;}
}
@media screen and (max-width: 991px){
  .text.blacked-out{width:330px;line-height:26px;text-align:left;}
  .line-mask{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
  .scroll-down{display:block;}
  .column-2{width:50%;}
  .text-container{width:100%;height:auto;padding:75px 0% 75px 10%;}
  .mini{font-size:26px;}
  .div-block-49{margin-top:-41px;}
}
@media screen and (max-width: 767px){
  .text.blacked-out{width:420px;text-align:left;}
  .line-mask{display:none;}
  .scroll-down{display:block;}
  .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;}
  .text-container{width:410px;height:auto;padding-bottom:32px;padding-left:0%;}
  .mini{padding-right:17px;text-align:left;}
  .mini.green{text-align:left;}
  ._2-text-blocks{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
  .div-block-47{display:none;}
  .div-block-49{display:none;}
}
@media screen and (max-width: 479px){
  .text.blacked-out{width:auto;text-align:left;}
  .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;}
  .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;}
}


/*Homepage  WHAT We do section*/






/*Home mobile css*/

@media screen and (max-width: 767px){
  .background-video-2 {
    height: 100%;
  }
  .map-viideo {
    height: 90%;
  }
  .button-position{
    display:none;
  }

}

@media screen and (max-width: 479px){
  .background-video-2 {
    height: 100%;
  }
  .sketch-video {
    height: 520px;
    padding-top: 0px;
  }
  .text.white-cerntre-2 {
    width: auto;
    margin-top: 1px;
    padding-top: 16px;
    text-align: center;
  }

}