:root {
  --black: black;
  --white: white;
  --white-smoke: #f8f8f8;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  color: var(--black);
  font-family: Poppins, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  letter-spacing: -1px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 70px;
  font-weight: 600;
  line-height: 1.1em;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 50px;
  font-weight: 600;
  line-height: 1.1em;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 40px;
  font-weight: 600;
  line-height: 1em;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 35px;
  font-weight: 600;
  line-height: 1em;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 600;
  line-height: 1em;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 26px;
  font-weight: 600;
  line-height: 1em;
}

p {
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 17px;
  line-height: 22px;
}

.top-hero-section {
  justify-content: center;
  align-items: center;
  padding: 140px 30px 60px;
  display: flex;
}

.top-hero-div {
  text-align: center;
  max-width: 700px;
}

.subtext-middle-div {
  margin-top: 40px;
  margin-bottom: 40px;
}

.subtext-middle-div.no-bottom-margin {
  margin-bottom: 0;
}

.hero-button {
  border: 1px solid var(--black);
  color: var(--black);
  letter-spacing: 5px;
  background-color: #0000;
  border-radius: 3px;
  justify-content: space-between;
  align-items: center;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 40px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: all .4s;
  display: flex;
}

.hero-button:hover {
  background-color: #ececec;
  border-color: #ececec;
}

.search-icon {
  width: 12px;
}

.city-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.city-info-div {
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  padding: 60px 20px;
  display: flex;
}

.state-name {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
}

.section {
  padding: 120px 30px;
}

.section.white-smoke {
  background-color: var(--white-smoke);
}

.section.full-with {
  padding-left: 0;
  padding-right: 0;
}

.section.full-with.no-bottom-padding, .section.no-bottom-padding {
  padding-bottom: 0;
}

.section.relative {
  position: relative;
}

.section.relative.no-sides-padding {
  padding-left: 0;
  padding-right: 0;
}

.section.no-paddings {
  padding-top: 0;
  padding-bottom: 0;
}

.section.no-top-padding {
  padding-top: 0;
}

.section._80-px-top-padding {
  padding-top: 80px;
}

.city-info-image {
  color: #fff;
  text-align: center;
  letter-spacing: 4px;
  background-image: linear-gradient(#0000004d, #0000004d);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.city-main-image-div {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  height: 250px;
  text-decoration: none;
  transition: all .4s;
  display: flex;
}

.city-main-image-div:hover {
  filter: grayscale(60%);
}

.uppercase-link {
  border-bottom: 1px solid var(--black);
  color: var(--black);
  letter-spacing: 3px;
  text-transform: uppercase;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 14px;
  text-decoration: none;
  transition: all .5s;
}

.uppercase-link:hover {
  background-color: var(--white);
  color: var(--black);
  border-style: solid;
  border-top-width: 1px;
  border-top-color: #000;
  border-left-width: 1px;
  border-left-color: #000;
  border-right-width: 1px;
  border-right-color: #000;
  border-radius: 3px;
  padding-left: 40px;
  padding-right: 40px;
}

.city-name-text {
  font-size: 32px;
  font-weight: 600;
  line-height: 36px;
}

._15-px-top-margin-div {
  margin-top: 15px;
}

._60-px-bottom-margin-div {
  text-align: center;
  margin-bottom: 60px;
}

.h1 {
  margin-top: 0;
}

.nav-link {
  color: var(--black);
  letter-spacing: 4px;
  text-transform: uppercase;
  padding-right: 0;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: all .5s;
}

.nav-link:hover {
  opacity: .61;
}

.nav-link.w--current {
  color: var(--black);
  text-decoration: underline;
}

.nav-link.first {
  padding-left: 0;
}

.button-nav-div {
  order: 1;
}

.button-nav-div.hide-on-desktop {
  display: none;
}

.brand {
  color: var(--black);
  margin-left: 55px;
}

.brand.w--current {
  justify-content: center;
  align-items: center;
}

.flex-nav-div {
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-menu {
  order: -1;
  display: flex;
}

.arrow-nav-image {
  width: 15px;
  margin-left: 5px;
}

.navbar {
  background-color: var(--white);
  justify-content: space-between;
  align-items: center;
  padding: 15px 30px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.button {
  border: 1px solid var(--black);
  color: var(--black);
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  background-color: #3898ec00;
  border-radius: 3px;
  padding: 12px 40px;
  font-weight: 600;
  transition: all .4s;
}

.button:hover {
  background-color: #ececec;
  border-color: #ececec;
}

.button.white {
  border-color: var(--white);
  color: var(--white);
}

.button.white:hover {
  color: var(--black);
}

.button.check {
  flex: 1;
}

.button.strech {
  flex: 1;
  font-size: 12px;
}

.logo-text {
  letter-spacing: 2px;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

.logo-text.white {
  color: var(--white);
}

.bottom-hero-section {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/puebla-capital.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  height: 500px;
}

.bottom-hero-section.about {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/alexandre-perotto-zCevd81eJDU-unsplash-1.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.bottom-hero-section.contact {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/denys-nevozhai-R8ROQhXfHH0-unsplash-1.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

._30-px-top-margin {
  margin-top: 30px;
}

.section-subtitle {
  letter-spacing: 5px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
}

.section-subtitle.two {
  margin-bottom: 25px;
}

._20-px-top-margin-div {
  margin-top: 20px;
}

.top-flex-div {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.service-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
}

._30-px-top-margin-div {
  margin-top: 30px;
}

.h3 {
  margin-top: 0;
}

.h3.no-bottom-margin {
  margin-bottom: 0;
}

._700-px-div {
  text-align: center;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.box-numbers {
  background-color: var(--white);
  border-radius: 20px;
  padding: 6px 20px;
}

.right-arrow {
  z-index: 500;
  justify-content: center;
  align-items: center;
  height: 80px;
  display: flex;
  inset: auto 0% 0% auto;
}

.left-arrow {
  justify-content: center;
  align-items: center;
  height: 80px;
  margin-right: auto;
  display: flex;
  top: auto;
  bottom: 0%;
}

.slide-numbers {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.slide-flex-child {
  width: 60%;
  height: 100%;
}

.numbers-text {
  color: var(--black);
  letter-spacing: 5px;
  font-size: 14px;
}

.home-slider {
  color: var(--white);
  height: 680px;
}

.arrow-image {
  opacity: .35;
  height: 25px;
  transition: all .5s;
}

.arrow-image:hover {
  opacity: .7;
}

.right-slide-flex {
  background-color: var(--black);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 40%;
  height: 100%;
  padding: 130px 50px 120px;
  display: flex;
  position: relative;
}

.slide-flex-parent {
  width: 100%;
  height: 100%;
  display: flex;
}

.big-paragrapgh {
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
}

.slide-nav {
  display: none;
}

._28-px-text {
  font-size: 28px;
  font-weight: 500;
  line-height: 34px;
}

.social-link-team {
  transition: all .4s;
}

.social-link-team:hover {
  opacity: .5;
}

.team-flex {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.social-image {
  height: 20px;
  transition: all .5s;
}

.social-image:hover {
  opacity: .75;
}

._10-px-top-margin-div {
  margin-top: 10px;
}

.team-member-name-div {
  text-align: center;
  flex-direction: column;
  padding-top: 20px;
  display: flex;
}

._19-px-text {
  color: var(--black);
  font-size: 19px;
  font-weight: 500;
  line-height: 24px;
}

.team-image-div {
  background-image: url('../images/63d3ef0b892877004eff442c_dfdfdfdfdf.jpg');
  background-position: 50% 60%;
  background-size: cover;
  border-radius: 2px;
  height: 380px;
}

.team-image-div.right {
  background-image: url('../images/ziphaus-dQyfiYNJoHw-unsplash-1.jpg');
}

.team-image-div.center {
  background-image: url('../images/63d3eee4867e8516b7312f30_senior-man-white-sweater-eyeglasses_273609-42003.jpg');
}

._15-px-text {
  color: #535353;
  font-size: 15px;
}

.social-div-team {
  justify-content: space-between;
  max-width: 140px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.team-member-div {
  position: relative;
}

.team-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  color: #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
}

.animation-while-scrolling {
  background-color: #0000;
  border: 0 #000;
  align-items: center;
  width: 100%;
  margin-bottom: -1px;
  display: flex;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
}

.animation-text-wrapper {
  color: #fff;
  border: 1px #000;
  flex: none;
  justify-content: space-between;
  align-items: center;
  margin-right: 30px;
  display: flex;
}

.text-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 40px;
  margin-left: 0;
  margin-right: auto;
  display: grid;
}

.animation-div-text {
  color: #fff;
  background-color: #0000;
  border: 1px solid #000;
  border-radius: 100px;
  padding: 10px 30px 12px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 100;
  text-decoration: none;
}

.animation-header {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: 300;
}

.feature-cards {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.feature-cards.contact {
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 85%;
}

.feature-card {
  z-index: 1;
  background-color: var(--white);
  text-align: center;
  flex-direction: column;
  flex: 270px;
  align-items: center;
  padding: 40px 20px;
  display: flex;
  position: relative;
}

.highlited-text {
  color: #646464;
}

._20-px-margins-div {
  margin-top: 20px;
  margin-bottom: 20px;
}

.service-box {
  border-bottom: 1px solid #000;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  padding: 10px 20px;
  display: flex;
}

.blog-link-div {
  width: 100%;
  height: 300px;
  transition: all .4s;
}

.blog-link-div:hover {
  filter: grayscale(60%);
}

.blog-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.blog-text-link {
  color: var(--black);
  font-size: 25px;
  font-weight: 500;
  line-height: 1.2em;
  text-decoration: none;
}

.blog-text-link:hover {
  opacity: .65;
}

.blog-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.view-link {
  color: #002fff;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}

.view-link:hover {
  text-decoration: underline;
}

.contact-form-section {
  background-color: #000;
  padding: 100px 30px;
}

.success-message {
  color: #fff;
  text-transform: uppercase;
  background-color: #000;
  border: 1px solid #ffffff26;
  border-radius: 2px;
  font-weight: 500;
}

.contact-div {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.center-allign-div {
  text-align: center;
  margin-bottom: 70px;
}

.contact-text {
  color: var(--white);
  font-size: 40px;
  font-weight: 600;
  line-height: 1em;
}

.contact-text.small {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 28px;
}

.connect-textfield {
  color: var(--white);
  letter-spacing: 4px;
  text-transform: uppercase;
  background-color: #0000;
  border-width: 0 0 1px;
  border-color: #000 #000 #fff3;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  margin-bottom: 0;
  padding-top: 8px;
  padding-left: 0;
  padding-right: 0;
  font-weight: 500;
}

.connect-textfield:active, .connect-textfield:focus {
  color: var(--white);
  border-bottom-color: #fff3;
}

.connect-textfield::placeholder {
  color: var(--white);
}

.button-div {
  justify-content: center;
  display: flex;
}

.textarea {
  color: var(--white);
  background-color: #0000;
  border: 0 solid #000;
  border-bottom: 1px solid #fff3;
  padding: 20px 0 60px;
}

.textarea:active {
  color: #fff;
  border-bottom-color: #fff3;
}

.textarea:focus {
  color: var(--white);
  text-transform: uppercase;
  border-bottom-color: #fff3;
}

.textarea::placeholder {
  color: var(--white);
  letter-spacing: 4px;
  text-transform: uppercase;
  font-weight: 500;
}

.wrapper-div {
  padding: 40px;
}

.contact-form {
  grid-column-gap: 25px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form-block {
  margin-bottom: 0;
}

.footer {
  padding: 100px 30px;
}

.footer-flex {
  flex-direction: column;
  display: flex;
}

.social-div {
  margin-top: 20px;
}

.social-link {
  width: 24px;
  margin-right: 20px;
  transition: all .4s;
}

.social-link:hover {
  opacity: .65;
}

._20-px-bottom-margin {
  margin-bottom: 20px;
}

.footer-bottom-grid {
  border-top: 1px solid #515e61;
  grid-template-rows: auto;
  grid-template-columns: 2.75fr 1fr 1fr;
  padding-top: 100px;
}

.footer-copyright-text-div {
  margin-top: 120px;
  font-size: 14px;
  line-height: 20px;
}

.contact-footer-link {
  color: var(--black);
  font-size: 16px;
  line-height: 24px;
  text-decoration: underline;
  transition: all .4s;
}

.footer-title {
  color: var(--black);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 600;
}

.footer-link {
  color: var(--black);
  font-size: 18px;
  line-height: 30px;
  text-decoration: none;
  transition: all .4s;
}

.footer-link:hover {
  opacity: .65;
}

.footer-div-link {
  margin-top: 10px;
  margin-bottom: 10px;
}

._5-px-bottom-margin {
  margin-bottom: 5px;
}

.footer-brand {
  color: var(--black);
  text-decoration: none;
}

.copywright-text {
  color: var(--black);
  letter-spacing: 1.5px;
  font-size: 16px;
  font-weight: 500;
}

.copywrite-link {
  color: var(--black);
  transition: all .5s;
}

.copywrite-link:hover {
  opacity: .8;
}

.house-menu-overlay-div {
  z-index: 2000;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.location-menu-div {
  background-color: var(--black);
  width: 40%;
  height: 100%;
  padding-top: 60px;
  padding-left: 60px;
  padding-right: 60px;
}

.location-top-div {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 90px;
  display: flex;
}

.close-icon {
  cursor: pointer;
  order: 1;
  width: 19px;
}

.small-location-text {
  color: #fff;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-bottom: 60px;
  font-size: 14px;
}

.location-name {
  color: #fff;
  justify-content: space-between;
  align-items: center;
  padding-top: 14px;
  padding-bottom: 14px;
  text-decoration: none;
  display: flex;
}

.city-names-menu {
  transition: all .4s;
}

.city-names-menu:hover {
  color: #ffffffb3;
}

.state-in {
  letter-spacing: 3px;
  font-size: 16px;
  line-height: 20px;
}

.subtext-div {
  max-width: 60%;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
}

.about-text {
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.about-text.gray {
  color: #868686;
}

._40-px-top-margin-div {
  margin-top: 40px;
}

.contact-meta-info {
  color: var(--black);
  letter-spacing: 3px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

._250-px-div {
  max-width: 250px;
}

._50-px-height-icon {
  height: 50px;
}

.rich-text-block {
  text-align: left;
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.date-text {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 300;
}

._20-px-bottom-margin-div {
  margin-bottom: 20px;
}

.cover-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

._85-div {
  max-width: 85%;
  height: 650px;
  margin-left: auto;
  margin-right: auto;
}

._85-div.auto-height {
  height: auto;
}

.faq-subtext {
  color: #676767;
  text-align: left;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
}

.top-faq-div {
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  padding-right: 40px;
}

.faq-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto auto;
}

.faq-div {
  text-align: left;
}

.bottom-faq-div {
  text-align: center;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.faq-text {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4em;
}

.faq-divbox {
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.flex-divbox {
  justify-content: space-between;
  padding: 30px 30px 20px;
  display: flex;
}

.house-item-wrapper {
  background-color: #fff;
}

.features-item-div {
  grid-template-columns: 1fr 1fr 1fr;
}

.house-info-div {
  min-height: 120px;
  padding: 20px 30px;
}

.small-text {
  font-size: 13px;
  font-weight: 600;
}

._18-px-height-icon {
  filter: invert(35%);
  height: 18px;
  margin-left: 10px;
}

._250-px-heightt-div {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 250px;
}

.home-name-and-address-linkblock {
  color: var(--black);
  width: 100%;
  text-decoration: none;
}

.home-item-title {
  font-size: 26px;
  font-weight: 700;
  line-height: 34px;
}

.address-small-text {
  color: #5b5b5b;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
}

.type-text {
  margin-left: 10px;
  font-size: 15px;
}

.center-flex-div {
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-div-2 {
  margin-top: 20px;
  display: flex;
}

.type-font {
  color: #a7a7a7;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 12px;
}

.house-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.city-hero-section {
  height: 700px;
}

.city-hero-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  width: 100%;
  height: 100%;
}

.city-hero-divbox {
  background-color: var(--black);
  color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 70px;
  padding-bottom: 20px;
  display: flex;
}

._400-px-div-center-allign {
  text-align: center;
  width: 400px;
}

.city-hero-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.home-info-div {
  text-align: center;
}

.home-info-div._60-px-right-margin {
  margin-right: 60px;
}

._27-px-text {
  letter-spacing: 5px;
  text-transform: uppercase;
  font-size: 27px;
  line-height: 34px;
}

.check-availability-white-box-div {
  background-color: #fff;
  margin-left: 80px;
  padding: 40px 80px 60px;
  position: sticky;
  top: 60px;
}

.center-div {
  text-align: center;
}

.center-div._50-px-bottom-margin {
  margin-bottom: 50px;
}

._60-px-margin-div {
  margin-top: 60px;
  margin-bottom: 40px;
}

.divbox {
  display: flex;
}

.info-number {
  margin-right: 5px;
}

.home-flex-child {
  width: 50%;
  padding-right: 100px;
}

.home-flex-child.right {
  padding-right: 0;
}

.flex-box {
  display: flex;
}

.new-home-textfield {
  background-color: #0000;
  border: 0 solid #000;
  border-bottom: 1px solid #515e61;
  height: 50px;
  margin-bottom: 20px;
}

.new-home-textfield:active {
  color: #fff;
  border-bottom-color: #515e61;
  font-size: 21px;
}

.new-home-textfield:focus {
  color: #fff;
  border-bottom-color: #515e61;
  font-size: 20px;
}

.new-home-textfield::placeholder {
  color: #fff;
  font-size: 20px;
}

.new-home-textfield.availability {
  color: var(--black);
  border-bottom-color: #d3d5d5;
}

.new-home-textfield.availability:active, .new-home-textfield.availability:focus, .new-home-textfield.availability::placeholder {
  color: var(--black);
  font-size: 14px;
}

._16-px-text {
  font-size: 16px;
}

.house-icon-div {
  justify-content: space-between;
  margin-bottom: 60px;
  display: flex;
}

.home-flex-parent {
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

._36-px-height-image {
  height: 36px;
  margin-bottom: 10px;
}

.home-text-area {
  color: var(--black);
  border: 0 solid #000;
  line-height: 50px;
}

.home-text-area:active, .home-text-area:focus, .home-text-area::placeholder {
  color: var(--black);
}

.amenties-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.flex-button-div {
  display: flex;
}

.h2 {
  margin-top: 0;
}

.main-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

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

.single-slider {
  max-width: 85%;
  height: 650px;
  margin-left: auto;
  margin-right: auto;
}

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

.vertical-slide-nav {
  height: 45px;
  padding-top: 20px;
  font-size: 10px;
  position: relative;
  top: 0%;
  bottom: 0%;
  right: auto;
}

.image-1, .image-2, .image-3, .image-4 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.margin-50px {
  text-align: center;
  margin-top: 50px;
}

.color-row {
  justify-content: center;
  width: 100%;
  margin-bottom: 35px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.caption {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
}

.caption.margined {
  letter-spacing: 0;
  text-transform: none;
  margin-top: 10px;
  font-size: 15px;
}

.color-block {
  background-color: #000;
  width: 100%;
  height: 85px;
  margin-bottom: 10px;
  padding: 10px;
  display: flex;
}

.color-block.white {
  background-color: #fff;
  border: 1px solid #0003;
}

.margin-25px {
  margin-top: 25px;
  margin-bottom: 35px;
}

.color-block-parent {
  width: 20%;
  margin-right: 20px;
}

.medium {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1em;
}

.big-paragraph {
  text-transform: uppercase;
  font-size: 26px;
  line-height: 1.3em;
}

.big-paragraph.black {
  font-size: 18px;
}

.content-row {
  clear: left;
  width: 100%;
  margin-top: 45px;
  position: relative;
}

.typography-flex {
  border: 1px solid #0003;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 58%;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
}

.regular-heading {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1em;
}

.div-block-style {
  width: 60%;
  padding: 30px;
}

.text-highlight {
  border: 1px solid #0003;
  border-radius: 2px;
  width: 50%;
  padding: 30px;
}

.type-row {
  justify-content: space-between;
  width: 100%;
  margin-bottom: 35px;
  padding: 25px 0 15px;
  display: flex;
}

.h1-semi-bold {
  text-align: center;
  margin-top: 0;
}

.margin-60px {
  margin-top: 60px;
}

.center-divblock {
  text-align: center;
  max-width: 1000px;
  margin-bottom: 70px;
  margin-left: auto;
  margin-right: auto;
}

.type-column {
  border-radius: 2px;
  width: 33.3333%;
  margin-right: 20px;
  padding: 10px;
  display: flex;
}

.type-column.right {
  margin-right: 0;
}

.rich-text-block-2 {
  text-align: left;
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

.image-flex {
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  display: flex;
}

.margin-30px {
  margin-top: 30px;
}

.licensing-content {
  min-height: 200px;
  padding: 35px;
  display: flex;
}

.licensing-block {
  text-align: center;
  border: 1px solid #0003;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  padding: 30px;
}

.shrink-item {
  flex: 1;
  margin-right: 20px;
}

.shrink-item.grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.shrink-item.grid.second {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 15px;
}

.shrink-item.grid.first {
  grid-template-columns: 1fr 1fr 1fr;
}

.shrink-item.flex {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.margin-40px {
  margin-top: 40px;
  position: relative;
}

.white-link {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2rem;
  text-decoration: none;
  display: inline-block;
}

.white-link:hover {
  text-decoration: underline;
}

.center-div-2 {
  text-align: center;
}

.separator-dot {
  background-color: #000;
  border-radius: 100%;
  width: 4px;
  height: 4px;
  margin-left: 10px;
  margin-right: 10px;
}

.menu-expasio {
  width: 200px;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 60px;
  }

  h2 {
    font-size: 45px;
  }

  h3 {
    font-size: 36px;
  }

  h4 {
    font-size: 32px;
  }

  h5 {
    font-size: 28px;
  }

  h6 {
    font-size: 24px;
  }

  .top-hero-section {
    padding-top: 100px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .city-grid {
    grid-row-gap: 60px;
    grid-template-columns: 1fr 1fr;
    max-width: 100%;
  }

  .city-info-div {
    padding-top: 40px;
    padding-bottom: 50px;
  }

  .section {
    padding: 80px 20px;
  }

  .section.relative.no-sides-padding {
    padding-bottom: 60px;
  }

  .nav-link {
    color: var(--white);
    justify-content: center;
    align-items: center;
    margin-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    display: flex;
  }

  .nav-link:hover {
    opacity: .65;
  }

  .nav-link.w--current {
    color: var(--white);
    text-decoration: underline;
  }

  .nav-link.first {
    margin-right: 0;
  }

  .menu-button {
    order: 1;
    padding: 10px 0;
  }

  .menu-button.w--open {
    background-color: #0000;
  }

  .button-nav-div {
    margin-top: 20px;
  }

  .button-nav-div.hide-on-mobile {
    display: none;
  }

  .button-nav-div.hide-on-desktop {
    display: block;
  }

  .brand {
    order: -1;
    margin-left: 0;
  }

  .brand.w--current {
    margin-left: 0;
    margin-right: 0;
  }

  .menu {
    height: 28px;
  }

  .flex-nav-div {
    justify-content: center;
    align-items: center;
  }

  .nav-menu {
    background-color: var(--black);
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .arrow-nav-image {
    filter: invert();
  }

  .navbar {
    padding: 10px 20px;
  }

  .button.white {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .bottom-hero-section {
    height: 400px;
  }

  .slide-flex-child {
    width: 100%;
    height: 400px;
  }

  .home-slider {
    height: auto;
  }

  .right-slide-flex {
    width: 100%;
    height: 350px;
    padding: 60px 20px 140px;
  }

  .slide-flex-parent {
    flex-direction: column;
    height: auto;
  }

  .team-image-div {
    height: 350px;
  }

  .team-grid {
    grid-column-gap: 20px;
    grid-row-gap: 60px;
    grid-template-columns: 1fr 1fr;
    max-width: 100%;
  }

  .animation-div-text {
    padding-top: 8px;
  }

  .animation-header {
    font-size: 48px;
    line-height: 1em;
  }

  .feature-cards {
    grid-row-gap: 60px;
    grid-template-columns: 1fr 1fr;
    max-width: 100%;
  }

  .feature-cards.contact {
    grid-template-columns: 1fr;
  }

  .feature-card._4, .feature-card._2 {
    border-right-style: none;
  }

  .blog-grid {
    grid-row-gap: 60px;
    grid-template-columns: 1fr 1fr;
    max-width: 100%;
  }

  .contact-form-section {
    padding: 40px 20px;
  }

  .contact-text {
    font-size: 35px;
  }

  .textarea {
    padding-bottom: 40px;
  }

  .footer {
    padding: 80px 20px;
  }

  .footer-bottom-grid {
    grid-template-columns: 2.25fr 1fr 1fr 1fr;
    padding-top: 80px;
  }

  .footer-copyright-text-div {
    margin-top: 60px;
  }

  .footer-link {
    font-size: 16px;
    line-height: 26px;
  }

  .house-menu-overlay-div {
    display: none;
  }

  .location-menu-div {
    width: 70%;
  }

  .subtext-div {
    max-width: 100%;
    margin-top: 60px;
    margin-bottom: 0;
  }

  .about-text {
    font-size: 18px;
    line-height: 26px;
  }

  .contact-meta-info {
    font-size: 13px;
  }

  .rich-text-block {
    max-width: 80%;
  }

  ._85-div {
    max-width: 100%;
    height: 350px;
  }

  .faq-div {
    width: 100%;
  }

  .bottom-faq-div {
    width: 100%;
    display: block;
  }

  .faq-text {
    font-size: 18px;
  }

  .faq-divbox {
    max-width: 100%;
  }

  .house-grid {
    grid-row-gap: 60px;
    grid-template-columns: 1fr 1fr;
    max-width: 100%;
  }

  .city-hero-section {
    height: auto;
  }

  .city-hero-grid {
    grid-template-columns: 1fr 1fr;
  }

  .city-hero-grid.reverse {
    flex-flow: row-reverse wrap-reverse;
    display: flex;
  }

  .city-hero-divbox {
    width: 100%;
    height: 300px;
    padding-bottom: 70px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .city-hero-image {
    height: 400px;
  }

  ._27-px-text {
    font-size: 22px;
    line-height: 28px;
  }

  .check-availability-white-box-div {
    margin-left: 0;
  }

  .home-flex-child {
    width: 100%;
    margin-bottom: 60px;
  }

  .home-flex-child.right {
    padding-left: 0;
  }

  .house-icon-div {
    width: 400px;
  }

  .home-flex-parent {
    flex-direction: column;
    max-width: 100%;
  }

  .single-slider {
    max-width: 100%;
    height: 400px;
  }

  .color-row {
    padding-left: 0;
    padding-right: 0;
  }

  .color-block-parent {
    width: 33.3333%;
  }

  .big-paragraph {
    font-size: 18px;
    line-height: 1.6em;
  }

  .div-block-style {
    width: 100%;
  }

  .text-highlight {
    padding: 20px;
  }

  .type-row {
    flex-direction: column;
  }

  .center-divblock {
    margin-bottom: 50px;
  }

  .type-column {
    width: 70%;
  }

  .licensing-block {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 57px;
  }

  h2 {
    font-size: 40px;
  }

  p {
    font-size: 15px;
    line-height: 20px;
  }

  .subtext-middle-div {
    margin-top: 20px;
    margin-bottom: 25px;
  }

  .hero-button {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .city-grid {
    grid-template-columns: 1fr;
  }

  .section {
    padding-top: 60px;
  }

  .section.relative.no-sides-padding {
    padding-bottom: 40px;
  }

  .section._80-px-top-padding {
    padding-top: 60px;
  }

  .city-main-image-div {
    height: 280px;
  }

  .brand {
    padding-left: 0;
  }

  .menu {
    height: 24px;
  }

  .button.white {
    font-size: 13px;
  }

  .logo-text {
    font-size: 22px;
    line-height: 26px;
  }

  .bottom-hero-section {
    height: 350px;
  }

  ._30-px-top-margin {
    margin-top: 20px;
  }

  .section-subtitle {
    font-size: 13px;
  }

  .top-flex-div {
    width: 100%;
  }

  .service-title {
    font-size: 18px;
  }

  ._700-px-div {
    max-width: 100%;
  }

  ._700-px-div._20-px-sides-padding {
    padding-left: 20px;
    padding-right: 20px;
  }

  .box-numbers {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .slide-flex-child {
    height: 350px;
  }

  .numbers-text {
    font-size: 12px;
  }

  .arrow-image {
    height: 22px;
  }

  .right-slide-flex {
    height: 320px;
    padding-bottom: 100px;
  }

  .big-paragrapgh {
    font-size: 17px;
    line-height: 25px;
  }

  ._28-px-text {
    font-size: 24px;
  }

  ._19-px-text {
    line-height: 22px;
  }

  .team-image-div {
    height: 350px;
  }

  .team-grid {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .text-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    width: 100%;
    margin-top: 0;
    margin-bottom: 20px;
  }

  .animation-header {
    font-size: 38px;
  }

  .feature-cards {
    grid-template-columns: 1fr;
  }

  .feature-cards.contact {
    max-width: 100%;
  }

  .feature-card {
    width: 100%;
  }

  .feature-card._3, .feature-card._4 {
    border-top-style: none;
  }

  .blog-link-div {
    height: 350px;
  }

  .blog-text-link {
    font-size: 30px;
  }

  .blog-grid {
    grid-template-columns: 1fr;
  }

  .view-link {
    font-size: 17px;
  }

  .contact-form-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact-div {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .contact-text {
    font-size: 32px;
  }

  .connect-textfield:active, .connect-textfield:focus, .connect-textfield::placeholder, .textarea:active, .textarea:focus, .textarea::placeholder {
    font-size: 14px;
    line-height: 20px;
  }

  .wrapper-div {
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact-form {
    flex-direction: column;
    display: flex;
  }

  .social-div {
    margin-top: 30px;
  }

  .footer-bottom-grid {
    grid-row-gap: 60px;
    grid-template-columns: 2.75fr;
    padding-top: 60px;
    font-size: 16px;
  }

  .copywright-text {
    font-size: 13px;
  }

  .location-menu-div {
    width: 80%;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  ._40-px-top-margin-div {
    margin-top: 15px;
  }

  .rich-text-post-blog-div {
    margin-top: 0;
  }

  .top-faq-div {
    align-items: flex-start;
    padding-bottom: 15px;
    font-size: 18px;
  }

  .house-grid {
    grid-template-columns: 1fr;
  }

  .city-hero-grid {
    display: flex;
  }

  .city-hero-grid.reverse {
    flex-direction: column-reverse;
  }

  .city-hero-divbox {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  ._400-px-div-center-allign {
    width: 100%;
  }

  .city-hero-image {
    height: 350px;
  }

  .check-availability-white-box-div {
    padding-left: 30px;
    padding-right: 30px;
  }

  .home-flex-child {
    margin-bottom: 60px;
    padding-left: 0;
    padding-right: 0;
  }

  ._16-px-text {
    font-size: 14px;
  }

  .house-icon-div {
    width: 300px;
    margin-bottom: 40px;
  }

  .single-slider {
    height: 350px;
  }

  .div-block-style {
    padding-left: 0;
    padding-right: 0;
  }

  .text-highlight {
    padding: 26px 9px;
  }

  .type-row {
    flex-direction: column;
  }

  .type-column {
    width: 100%;
    margin-bottom: 20px;
  }

  .shrink-item.grid.first {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .white-link {
    line-height: 1.5rem;
  }

  .center-div-2 {
    text-align: left;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 48px;
    line-height: 1em;
  }

  h2 {
    font-size: 34px;
  }

  h3 {
    font-size: 30px;
  }

  h4 {
    font-size: 26px;
  }

  h5 {
    font-size: 22px;
  }

  h6 {
    font-size: 18px;
  }

  .top-hero-section {
    padding-bottom: 40px;
  }

  .top-hero-div {
    max-width: 100%;
  }

  .city-info-div {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section.relative.no-sides-padding {
    padding-bottom: 30px;
  }

  .section.no-top-padding {
    padding-bottom: 60px;
  }

  .section._80-px-top-padding {
    padding-top: 40px;
  }

  .city-name-text {
    font-size: 30px;
    line-height: 34px;
  }

  ._60-px-bottom-margin-div {
    margin-bottom: 30px;
  }

  .nav-link:hover {
    color: #ffffff80;
  }

  .menu-button {
    padding-top: 7px;
    padding-bottom: 8px;
  }

  .button-nav-div {
    margin-top: 15px;
  }

  .brand {
    padding-left: 0;
  }

  .menu {
    height: 21px;
  }

  .nav-menu {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .button.white {
    padding-top: 9px;
    padding-bottom: 9px;
  }

  .logo-text {
    font-size: 21px;
    line-height: 24px;
  }

  .bottom-hero-section {
    background-image: linear-gradient(to bottom, null, null), url('../images/vu-anh-TiVPTYCG_3E-unsplash-1.jpg');
    background-attachment: scroll, scroll;
    height: 300px;
  }

  .top-flex-div {
    margin-bottom: 30px;
  }

  .service-title {
    font-size: 16px;
    line-height: 22px;
  }

  ._30-px-top-margin-div {
    margin-top: 20px;
  }

  .slide-flex-child {
    height: 250px;
  }

  .numbers-text {
    font-size: 11px;
  }

  .arrow-image {
    height: 20px;
  }

  .right-slide-flex {
    height: 330px;
  }

  .big-paragrapgh {
    font-size: 15px;
    line-height: 20px;
  }

  ._28-px-text {
    line-height: 28px;
  }

  .team-member-name-div {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .team-image-div {
    height: 300px;
  }

  .social-div-team {
    margin-top: 20px;
  }

  .team-member-div {
    padding-left: 0;
    padding-right: 0;
  }

  .team-grid {
    grid-row-gap: 30px;
    max-width: 100%;
  }

  .animation-header {
    font-size: 20px;
  }

  .feature-card {
    width: 100%;
  }

  .service-box {
    padding-left: 15px;
    padding-right: 15px;
  }

  .blog-link-div {
    height: 280px;
  }

  .blog-text-link {
    font-size: 26px;
  }

  .view-link {
    font-size: 15px;
  }

  .contact-form-section {
    padding-bottom: 40px;
  }

  .contact-div {
    padding-top: 0;
  }

  .center-allign-div {
    text-align: center;
  }

  .contact-text {
    font-size: 28px;
  }

  .connect-textfield:active, .connect-textfield:focus, .connect-textfield::placeholder {
    font-size: 12px;
    line-height: 16px;
  }

  .textarea {
    margin-bottom: 0;
  }

  .textarea:active, .textarea:focus, .textarea::placeholder {
    font-size: 12px;
    line-height: 16px;
  }

  .wrapper-div {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .contact-form {
    grid-row-gap: 30px;
  }

  .footer {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .footer-bottom-grid {
    padding-top: 60px;
  }

  .footer-copyright-text-div {
    margin-top: 60px;
  }

  .copywright-text {
    font-size: 14px;
  }

  .location-menu-div {
    width: 100%;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .close-icon {
    width: 16px;
  }

  .city-names-menu {
    font-size: 26px;
    line-height: 30px;
  }

  .subtext-div {
    max-width: 80%;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .about-text {
    font-size: 15px;
  }

  .rich-text-post-blog-div {
    margin-top: 0;
  }

  .rich-text-block {
    max-width: 100%;
  }

  .faq-subtext {
    font-size: 13px;
    line-height: 22px;
  }

  .top-faq-div {
    align-items: flex-start;
    padding-bottom: 15px;
    padding-left: 0;
  }

  .faq-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .faq-div {
    text-align: left;
  }

  .bottom-faq-div {
    padding-right: 0;
  }

  .faq-text {
    font-size: 16px;
    line-height: 1.2em;
  }

  .flex-divbox {
    padding-left: 10px;
    padding-right: 10px;
  }

  .house-info-div {
    padding-left: 10px;
    padding-right: 0;
  }

  .small-text {
    font-size: 12px;
  }

  .home-item-title {
    font-size: 22px;
  }

  .location-subtext {
    font-size: 14px;
  }

  ._27-px-text {
    font-size: 18px;
    line-height: 24px;
  }

  .check-availability-white-box-div {
    padding-left: 15px;
    padding-right: 15px;
  }

  .home-flex-child {
    margin-bottom: 40px;
  }

  .house-icon-div {
    width: 270px;
  }

  .home-text-area {
    border: 0 solid #000;
  }

  .amenties-grid {
    grid-template-columns: 1fr;
  }

  .single-slider {
    height: 300px;
  }

  .color-row {
    flex-direction: column;
  }

  .color-block {
    height: 55px;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .color-block-parent {
    width: 100%;
    margin-right: 3%;
  }

  .big-paragraph {
    line-height: 1.4em;
  }

  .typography-flex {
    width: 68%;
  }

  .text-highlight {
    width: 32%;
    padding: 20px 10px;
  }

  .type-row {
    flex-direction: column;
  }

  .margin-60px {
    margin-top: 40px;
  }

  .center-divblock {
    margin-bottom: 30px;
  }

  .type-column {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .image-flex {
    flex-direction: column;
    align-items: center;
  }

  .licensing-content {
    flex-direction: column;
    padding: 0 20px;
  }

  .licensing-block {
    padding-left: 20px;
    padding-right: 20px;
  }

  .shrink-item {
    margin-right: 0;
  }

  .shrink-item.grid.second {
    grid-template-columns: 1fr 1fr;
  }

  .shrink-item.flex {
    align-items: center;
    margin-top: 20px;
    margin-right: 0;
  }

  .separator-dot {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

#w-node-f4dcc282-15c3-5cbc-720e-3a444b333e5d-76483e7b, #w-node-f4dcc282-15c3-5cbc-720e-3a444b333e60-76483e7b, #w-node-f4dcc282-15c3-5cbc-720e-3a444b333e63-76483e7b, #w-node-f4dcc282-15c3-5cbc-720e-3a444b333e68-76483e7b, #w-node-f4dcc282-15c3-5cbc-720e-3a444b333e6b-76483e7b, #w-node-f4dcc282-15c3-5cbc-720e-3a444b333e6e-76483e7b, #w-node-f4dcc282-15c3-5cbc-720e-3a444b333e74-76483e7b, #w-node-f4dcc282-15c3-5cbc-720e-3a444b333e77-76483e7b, #w-node-f4dcc282-15c3-5cbc-720e-3a444b333e7a-76483e7b, #w-node-f4dcc282-15c3-5cbc-720e-3a444b333e7f-76483e7b, #w-node-f4dcc282-15c3-5cbc-720e-3a444b333e82-76483e7b, #w-node-f4dcc282-15c3-5cbc-720e-3a444b333e85-76483e7b, #w-node-_56ed51d7-1dc5-1d7d-4f25-fb0e973e37b5-76483e7b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#field.w-node-c45b143d-6e3e-a5d7-ece8-62d6ebc3194f-76483e7b, #w-node-c45b143d-6e3e-a5d7-ece8-62d6ebc31950-76483e7b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c45b143d-6e3e-a5d7-ece8-62d6ebc31951-76483e7b, #w-node-_18fe93ed-86da-d8f2-d27c-2426f0b6ea42-f0b6ea3f, #w-node-_18fe93ed-86da-d8f2-d27c-2426f0b6ea54-f0b6ea3f, #w-node-_18fe93ed-86da-d8f2-d27c-2426f0b6ea5f-f0b6ea3f, #w-node-c8c11972-43ff-4849-8339-2eb6bc3dd605-76483e7c, #w-node-c8c11972-43ff-4849-8339-2eb6bc3dd60b-76483e7c, #w-node-_86d0161b-af6b-a76f-06f8-458b1774a3e7-76483e7c, #w-node-_86d0161b-af6b-a76f-06f8-458b1774a3e9-76483e7c, #w-node-_86d0161b-af6b-a76f-06f8-458b1774a3eb-76483e7c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_86d0161b-af6b-a76f-06f8-458b1774a3f3-76483e7c {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#field.w-node-_74e78f35-fec3-55af-d4e4-e70685c7173a-76483e7c, #w-node-_74e78f35-fec3-55af-d4e4-e70685c7173b-76483e7c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_74e78f35-fec3-55af-d4e4-e70685c7173c-76483e7c, #w-node-_5c56cd19-3346-f5ad-34d7-eac4e55c0894-76483e7d, #w-node-_5c56cd19-3346-f5ad-34d7-eac4e55c08c6-76483e7d, #w-node-_305a1386-cb3b-234c-fb92-b6a789791e24-76483e7e, #w-node-_305a1386-cb3b-234c-fb92-b6a789791e27-76483e7e, #w-node-_305a1386-cb3b-234c-fb92-b6a789791e2a-76483e7e, #w-node-_305a1386-cb3b-234c-fb92-b6a789791e2f-76483e7e, #w-node-_305a1386-cb3b-234c-fb92-b6a789791e32-76483e7e, #w-node-_305a1386-cb3b-234c-fb92-b6a789791e35-76483e7e, #w-node-_305a1386-cb3b-234c-fb92-b6a789791e3b-76483e7e, #w-node-_305a1386-cb3b-234c-fb92-b6a789791e3e-76483e7e, #w-node-_305a1386-cb3b-234c-fb92-b6a789791e41-76483e7e, #w-node-_305a1386-cb3b-234c-fb92-b6a789791e46-76483e7e, #w-node-_305a1386-cb3b-234c-fb92-b6a789791e49-76483e7e, #w-node-_305a1386-cb3b-234c-fb92-b6a789791e4c-76483e7e, #w-node-_83521a55-1198-be69-da52-b5c675fcb0f2-76483e7e, #w-node-_83521a55-1198-be69-da52-b5c675fcb104-76483e7e, #w-node-_83521a55-1198-be69-da52-b5c675fcb116-76483e7e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#field.w-node-_06b9d1b9-37f5-e0c1-5c03-ac66b44342a9-76483e7e, #w-node-_06b9d1b9-37f5-e0c1-5c03-ac66b44342aa-76483e7e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_06b9d1b9-37f5-e0c1-5c03-ac66b44342ab-76483e7e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#field.w-node-_8b414ec2-c444-08c6-40cf-7ec8091cc913-76483e7f, #w-node-_8b414ec2-c444-08c6-40cf-7ec8091cc914-76483e7f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_8b414ec2-c444-08c6-40cf-7ec8091cc915-76483e7f, #w-node-c9a65201-4fd5-0d03-d60b-126e52641e9c-76483e80, #w-node-c9a65201-4fd5-0d03-d60b-126e52641ea7-76483e80 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#field.w-node-_9e3195a1-1587-c652-a5bb-7c43a083546f-76483e80, #w-node-_9e3195a1-1587-c652-a5bb-7c43a0835470-76483e80 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_9e3195a1-1587-c652-a5bb-7c43a0835471-76483e80, #w-node-e16f5eed-f7bf-36b1-d12c-e20d4d6421b4-76483e83, #w-node-e16f5eed-f7bf-36b1-d12c-e20d4d6421b5-76483e83, #w-node-e16f5eed-f7bf-36b1-d12c-e20d4d6421b6-76483e83, #w-node-e16f5eed-f7bf-36b1-d12c-e20d4d6421b7-76483e83, #w-node-e16f5eed-f7bf-36b1-d12c-e20d4d6421b8-76483e83, #w-node-e16f5eed-f7bf-36b1-d12c-e20d4d6421b9-76483e83 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e16f5eed-f7bf-36b1-d12c-e20d4d6421ce-76483e83, #w-node-e16f5eed-f7bf-36b1-d12c-e20d4d6421cf-76483e83, #w-node-e16f5eed-f7bf-36b1-d12c-e20d4d6421d0-76483e83, #w-node-e16f5eed-f7bf-36b1-d12c-e20d4d6421d1-76483e83, #w-node-e16f5eed-f7bf-36b1-d12c-e20d4d6421d2-76483e83, #w-node-e16f5eed-f7bf-36b1-d12c-e20d4d6421d3-76483e83, #w-node-e16f5eed-f7bf-36b1-d12c-e20d4d6421d4-76483e83, #w-node-e16f5eed-f7bf-36b1-d12c-e20d4d6421d5-76483e83, #w-node-e16f5eed-f7bf-36b1-d12c-e20d4d6421d6-76483e83 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

@media screen and (max-width: 767px) {
  #w-node-_56ed51d7-1dc5-1d7d-4f25-fb0e973e37ab-76483e7b, #w-node-_56ed51d7-1dc5-1d7d-4f25-fb0e973e37b5-76483e7b, #w-node-_56ed51d7-1dc5-1d7d-4f25-fb0e973e37c0-76483e7b, #w-node-_56ed51d7-1dc5-1d7d-4f25-fb0e973e37ca-76483e7b, #w-node-c9a65201-4fd5-0d03-d60b-126e52641e9c-76483e80, #w-node-c9a65201-4fd5-0d03-d60b-126e52641ea7-76483e80, #w-node-c9a65201-4fd5-0d03-d60b-126e52641eb3-76483e80 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_56ed51d7-1dc5-1d7d-4f25-fb0e973e37ab-76483e7b, #w-node-c9a65201-4fd5-0d03-d60b-126e52641e9c-76483e80 {
    grid-column: span 1 / span 1;
  }
}