/*

///////////////////////////////////////////////////////

Domain: opendoor.com
Author: Opendoor Design
Description: _
Version: 1.0


/* --------------------------------------------------------------
/* =HEADER
-------------------------------------------------------------- */
.market-header {
  display: flex;
  padding: 0 25px;
  justify-content: space-between;
  background: #fff;
  position: relative;
  z-index: 14;
}

.opendoor-logo {
  display: block;
  margin: 30px 0;
}

.navigation ul {
  margin: 0;
  padding: 0;
}

li.primary-nav-item {
  position: relative;
  display: inline-block;
  padding: 30px 0;
  line-height: 25px;
  list-style: none;
}

li.primary-nav-item + li.primary-nav-item {
  margin-left: 32px;
}
@media (max-width: 767px) {
  li.primary-nav-item + li.primary-nav-item  {
  margin-left: 12px;
  }
}

li.primary-nav-item.clicked .primary-nav-submenu {
  top: 68px;
  visibility: visible;
  opacity: 1;
}

li.primary-nav-item.dropdown a.menu-item::after {
  content: '';
  position: absolute;
  top: 0px;
  right: -20px;
  width: 20px;
  height: 15px;
  background: url('https://imgdrop.imgix.net/dropdown.svg') center no-repeat;
  background-size: 10px auto;
  opacity: 0.7;
}

li.primary-nav-item.dropdown:hover a.menu-item::after {
  opacity: 1;
}

a.menu-item {
  position: relative;
  color: #525975;
}
a.menu-item:hover {
  color: #1c85e8;
}

.navigation ul.primary-nav-submenu {
  position: absolute;
  padding: 40px;
  top: 75px;
  left: 50%;
  visibility: hidden;
  padding: 25px;
  background: #ffffff;
  border-radius: 3px;
  text-align: left;
  opacity: 0;
  transition: all ease 0.3s;
  box-shadow: -5px 0 40px rgba(0,0,0,0.2);
  width: 150px;
  margin: 0 0 0 -75px;
  z-index: 4;
}

@media (max-width: 767px) {
  .navigation ul.primary-nav-submenu {
  width: 170px;
  margin: 0;
  left: inherit;
  right: 0;
  }
}

.primary-nav-submenu:before {
  content: "";
  position: absolute;
  top: -7px;
  left: 50%;
  width: 0;
  height: 0;
  margin: 0 0 0 -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
}

@media (max-width: 767px) {
  .primary-nav-submenu:before {
  right: 10px;
  left: inherit;
  }
}

.primary-nav-submenu-item {
  display: inline-block;
  padding: 0;
  width: 100%;
}

li.primary-nav-submenu-item:hover a {
  color: #1c85e8;
}

.primary-nav-submenu-item + .primary-nav-submenu-item {
  margin-top: 10px;
}

.primary-nav-submenu-item a {
  font-size: 15px;
  color: #525975;
}

.login-link {
  position: relative;
  display: inline-block;
  padding: 30px 0;
  line-height: 25px;
}


/* --------------------------------------------------------------
/* =SEM Fixed block
-------------------------------------------------------------- */
.fixed-cta-block {
  position: fixed;
  z-index: 13;
  margin-top: 40px;
  margin-left: 20px;
  text-align: center;
  background: #ffffff;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  padding: 30px;
  width: 320px;
  transition: all ease-in-out 0.8s;
}
.fixed-cta-block img {
  display: block;
  width: 86px;
  margin: -63px auto 20px auto;
}
.fixed-cta-block h2 {
  font-size: 24px;
  line-height: 1.3;
}
.fixed-cta-block .od-cta-input {
  box-shadow: none;
  padding: 0;
  margin-top: 20px;
  text-align: center;
  background: transparent;
}
.fixed-cta-block .od-cta-input .cta-input-form {
  flex-direction: column;
}
.fixed-cta-block .od-cta-input .cta-input-control {
  display: block;
  border-radius: 30px;
  text-align: center;
  border: 1px solid #dedede;
}
.fixed-cta-block .od-cta-input .cta-input-button {
  max-width: 100%
}
.fixed-cta-block .od-cta-input .cta-input-button .cta-button {
  display: block;
  border-radius: 30px;
  position: relative;
  width: 100%;
  margin: 10px 0 10px 0;
}
.fixed-cta-block .mobile-button {
  display: none;
}
.fixed-cta-block .close-button {
  position: absolute;
  font-size: 10px;
  color: #666666;
  cursor: pointer;
}
@media (max-width: 1400px) {
  .fixed-cta-block {
    margin-top: 15%;
    margin-left: -160px;
    left: -160px;
  }
  .fixed-cta-block .mobile-button {
    position: absolute;
    font-size: 16px;
    top: 0;
    right: 0;
    color: #ffffff;
    background: #147BD1;
    transform: rotate(90deg);
    margin-right: -103px;
    padding: 7px 15px 5px 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-top: 64px;
    display: block;
    cursor: pointer;
  }
  .fixed-cta-block .mobile-button:hover {
    background: #125F9F;
  }
  .fixed-cta-block.active {
    left: 160px;
  }
}


/* --------------------------------------------------------------
/* =SEARCH FORM
-------------------------------------------------------------- */
.search-form {
  width: 100%;
  display: block;
  padding: 10px 10px 10px 20px;
  border-radius: 4px;
  background: #ffffff;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.1)
}
.search-form input[type='search'] {
  border: 0;
  color: #525975;
  height: 50px;
  line-height: 50px;
  width: 100%;
  display: inline-block;
  outline: none;
}
.search-form input[type='submit'] {
  position: absolute;
  top: 10px;
  right: 10px;
  border: 0;
  color: #ffffff;
  background: #1c85e8 url('https://imgdrop.imgix.net/b64c0427ded14928b0944074e2241716.svg') 82% center no-repeat;
  background-size: 15px auto;
  border-radius: 3px;
  padding: 0 50px 0 20px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  cursor: pointer;
  transition: background ease 0.3s;
}
.search-form input[type='submit']:hover {
  background: #1d2c4c url('https://imgdrop.imgix.net/b64c0427ded14928b0944074e2241716.svg') 82% center no-repeat;
  background-size: 15px auto;
}
.post-type {
  font-weight: bold;
  color: #1d2c4c;
  text-transform: uppercase;
}
.one-result {
  padding: 30px 0;
  border-top: 1px solid #f0f0f0;
  color: #1C85E8;
}

/* --------------------------------------------------------------
/* =HOMEPAGE TEST
-------------------------------------------------------------- */
.route-homepage-test .hero {
  padding: 18vh 0 17vh 0;
  background: #000;
  position: relative;
  overflow: hidden;
}
.route-homepage-test .hiw-video-overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 17
}
.route-homepage-test .hiw-video-overlay .iframe-container {
  margin-top: 20%;
}
.route-homepage-test .hiw-video-overlay__close-btn {
  position: fixed;
  z-index: 19;
  top: 20px;
  right: 20px;
  color: #ffffff;
  font-size: 12px;
  cursor: pointer;
  font-size: 16px;
}
.route-homepage-test .hero-image {
  width: auto;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0.7;
}
.route-homepage-test .hero h1 {
  color: #ffffff;
  font-size: 64px;
  font-family: 'Graphik', sans-serif;
  font-weight: 600;
  line-height: 1.2;
}
.route-homepage-test .hero .subhead {
  color: #ffffff;
  font-size: 20px;
  margin: 20px 0;
}
.route-homepage-test .one-quote-col {
  padding-right: 45px;
}
.route-homepage-test.version-c .quote-cols {
  margin-top: 20px;
}
.route-homepage-test .one-quote-col .name {
  color: #1D2C4C;
  font-weight: 600;
  margin-top: 10px;
}
.route-homepage-test .quote-cols {
  margin-top: 60px;
}
.route-homepage-test .one-quote-col .quote {
  min-height: 150px;
  margin-top: 20px;
}
.route-homepage-test .value-props .regular-container:nth-child(1) {
  border-top: 1px solid #dedede;
  padding-top: 60px;
  padding-bottom: 40px;
}
.route-homepage-test .value-props .value-prop-col {
  padding-right: 50px;
}
.route-homepage-test .one-quote-col .flex-container img {
  margin-right: 15px;
}
.route-homepage-test .one-quote-col .flex-container {
  line-height: 1.3;
}
.flex-container {
  display: flex;
}
.route-homepage-test .hero .vid-link {
  padding: 0 10px 0 26px;
  margin-top: 20px;
  background: rgba(0,0,0,0.8) url('https://imgdrop.imgix.net/44de9125c31c4d9aafee136e4895111a.svg') 5px center no-repeat;
  display: inline-block;
  cursor: pointer;
  transition: all ease 0.3s;
  color: #ffffff;
  border-radius: 30px;
 }
 .route-homepage-test .hero .vid-link:hover {
  background: rgba(0,0,0,0.4) url('https://imgdrop.imgix.net/44de9125c31c4d9aafee136e4895111a.svg') 5px center no-repeat;
 }
.route-homepage-test .hero .small-container {
  position: relative;
  z-index: 3;
}
.route-homepage-test .hero .video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0.7;
}
.route-homepage-test .hero .video video {
  z-index: 2 !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.route-homepage-test .value-props {
  padding: 20px 0 80px 0;
}
@media (max-width: 767px) {
  .route-homepage-test .hero {
    padding: 15vh 0 13vh 0;
  }
  .route-homepage-test .hero h1 {
    font-size: 40px;
  }
  .route-homepage-test .hero .subhead {
    font-size: 14px;
  }
  .route-homepage-test .one-quote-col .quote {
    min-height: inherit;
  }
  .route-homepage-test .one-quote-col {
    padding: 0 15px;
    margin-top: 50px;
  }
  .route-homepage-test .quote-cols {
    margin-top: 0;
  }
  .route-homepage-test.version-c .hero {
    background: #1D2C4C;
    padding: 7vh 0 0 0;
  }
  .route-homepage-test.version-c .hero .hero-image {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    opacity: 1;
    margin-top: 5vh;
  }
  .route-homepage-test.version-c .one-quote-col {
    margin: 0;
  }
  .route-homepage-test.version-c .one-quote-col .flex-container {
    display: block;
    text-align: center;
  }
  .route-homepage-test.version-c .one-quote-col .flex-container img {
    margin: 0;
    display: inline-block;
  }
  .route-homepage-test.version-c .quote-cols {
    margin-top: 0;
  }
}


/* --------------------------------------------------------------
/* =SELLER BANNER
-------------------------------------------------------------- */
.seller-top-banner {
  padding: 15px 20px 15px 85px;
  border-bottom: 1px solid #f0f0f0;
  border-top: 1px solid #f0f0f0;
  background: #ffffff url('https://imgdrop.imgix.net/70eb0864778d411a885386fb8d5a8cd6.svg') 20px center no-repeat;
  background-size: auto 64%;
  position: relative;
  width: 100%;
  z-index: 13;
  display: flex;
  justify-content: space-between;
}
.seller-top-banner.sticky {
  position: fixed;
  top: 0px;
  width: 100%;
  max-width: 1600px;
  height: auto;
  z-index: 99;
}
.seller-top-banner.big {
  padding: 30px 20px;
}
.seller-top-banner .regular-container {
  display: flex;
  justify-content: space-between;
}
.seller-top-banner .seller-top-banner__title {
  font-size: 20px;
  color: #1d2c4c;
  font-weight: 600;
  line-height: 45px;
}
.seller-top-banner .od-cta-input {
  padding: 0;
  box-shadow: none;
  background: transparent;
}
.seller-top-banner .cta-input-form {
  display: flex;
  border-radius: 25px;
  overflow: hidden;
}
.seller-top-banner .cta-input-button .cta-button {
  display: block;
  position: relative;
  top: inherit;
  right: inherit;
  line-height: 10px;
  font-size: 14px;
  padding: 15px;
  width: 160px;
  border-radius: 25px;
  margin: 0 0 0 10px;
}
.seller-top-banner .od-cta-input .cta-input-control {
  font-size: 14px;
  min-width: 320px;
  padding-left: 20px;
  border-radius: 25px;
  border: 1px solid #f0f0f0;
  background: #ffffff;
  transition: all ease-in-out 0.3s;
}
.seller-top-banner .od-cta-input .cta-input-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #f0f0f0;
}
.seller-top-banner .od-address-input .result-list {
  position: absolute;
  font-size: 14px;
  margin-top: 10px;
  padding: 10px 0 5px 0;
  border-radius: 25px !important;
}
.seller-top-banner .od-address-input .result-item {
  padding: 0 19px 10px 19px;
}
.seller-top-banner .od-address-input .result-item:hover {
  color: #1c85e8;
}
@media (max-width: 900px) {
  .seller-top-banner {
    padding: 15px;
    background: #ffffff;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .seller-top-banner .cta-input-button .cta-button {
    width: auto;
  }
  .seller-top-banner .od-cta-input .cta-input-control {
    min-width: 70%;
  }
  .seller-top-banner .seller-top-banner__title {
    font-size: 20px;
    text-align: center;
    line-height: normal;
    width: 100%;
    flex-basis: 1;
    margin: 0 auto 15px auto ;
  }
  .seller-top-banner .seller-top-banner__cta {
    width: 100%;
    flex-basis: 1;
  }
}

/* --------------------------------------------------------------
/* =BLOG
-------------------------------------------------------------- */
.submenu {
  padding: 10px 20px;
  text-align: center;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}
.submenu .categories-nav a {
  display: inline-block;
  margin: 0 10px;
}
.route-blog .social-links-centered a {
  margin: 0 15px;
  display: inline-block;
  height: 20px;
  transition: all ease 0.3s;
}
.route-blog .blog-headline {
  margin: 0 0 40px 0;
}
.route-blog .hero {
  padding: 80px 0;
}
.route-blog .article-title {
  font-weight: 500;
  margin-top: 30px;
  font-size: 22px;
  height: 58px;
  overflow: hidden;
}
.route-blog .article-metas {
  color: #BABCBC;
  font-size: 14px;
  line-height: 1;
}
.route-blog .article-excerpt {
  margin: 20px 0;
}
.route-blog .one-article {
  padding-bottom: 50px;
}
.route-blog .one-small-article .article-title {
  font-size: 18px;
  line-height: 24px;
  height: 50px;
  overflow: hidden;
}
.route-blog .one-small-article .article-metas {
  color: #BABCBC;
  font-size: 14px;
  line-height: 1;
}
.route-blog .one-small-article {
  margin-bottom: 40px;
}
.route-blog .category-page-title {
  margin: 60px 0 80px 0;
}
.single-post .page-meta {
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 20px;
  margin-bottom: 10px;
}
.single-post .social-buttons span {
  color: #1D2C4C;
  font-weight: 600;
  margin: 0 10px 0 0;
}
.single-post .page-title {
  line-height: 1.2;
  margin: 30px 0 15px 0;
  font-size: 32px;
  font-family: 'Graphik', sans-serif;
  font-weight: 500;
}
.single-post .entry-content {
  margin: 60px 0;
}

/* --------------------------------------------------------------
/* =LAW ENFORCEMENT
-------------------------------------------------------------- */
.route-lawenforcement .hero {
  padding: 120px 0 160px 0;
  background: #F5F8FB url('https://imgdrop.imgix.net/4f128c109cf44add8e514c5f46c408c3.png') 82% bottom no-repeat;
  background-size: auto 95%;
}
.route-lawenforcement .hero h1 {
  color: #1D2C4C;
  font-size: 56px;
  font-family: 'Graphik', sans-serif;
  font-weight: 600;
  line-height: 1.2;
}
.route-lawenforcement .form-box {
  padding: 40px 50px;
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.2);
  margin: -120px auto 60px auto;
  background: #ffffff;
}
@media (max-width: 767px) {
  .route-lawenforcement .hero h1 {
    font-size: 36px;
  }
  .route-lawenforcement .hero h1 br {
    display: none;
  }
  .route-lawenforcement .hero {
    padding: 100px 0 100px 0;
    background: #F5F8FB url('https://imgdrop.imgix.net/fa0331c042a94e78bbad4bccdcd0cdd9.png') center bottom no-repeat;
    background-size: auto 100%;
  }
  .route-lawenforcement .form-box {
    padding: 0;
    box-shadow: none;
    margin: 0 auto;
    background: #ffffff;
  }
}
.route-lawenforcement .form-box input, .route-lawenforcement .form-box textarea {
  width: 100%;
  display: inline-block;
  padding: 10px;
  border-radius: 3px;
  border: 1px solid #f0f0f0;
}
.route-lawenforcement .form-box input[type='submit'] {
  border: none;
}

/* --------------------------------------------------------------
/* =NEWSLETTER
-------------------------------------------------------------- */
.route-blog .newsletter {
  background: #F5F8FB;
  padding: 80px 0;
  text-align: center;
}
.route-blog .newsletter h2 {
  font-size: 32px;
  margin-top: 0;
  font-weight: 400;
  font-family: 'Graphik-Medium', sans-serif;
}
.route-blog .newsletter-form-container {
  display: block;
  margin: 30px auto;
  width: 300px;
}
.route-blog .newsletter-form-container .wpcf7-form p {
  margin: 0 !important;
}
.route-blog .newsletter-form-container input[type='email'] {
  width: 100%;
  border: 0;
  font-size: 17px;
  padding: 20px 0;
  overflow: hidden;
  text-align: center;
  transition-duration: .3s;
  transition-property: color;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 13px 15px rgba(0,0,0,.2);
}
.route-blog .newsletter-form-container .g-recaptcha {
  display: block;
  width: 300px;
  margin: 15px auto;
}

.grecaptcha-badge{
  display: none !important;
}

.route-blog .newsletter-form-container input[type='submit'] {
  border-radius: 2px;
  border: 0;
  background-color: #1c85e8;
  color: #fff;
  transition: all .3s ease;
  display: inline-block;
  padding: 20px 0;
  font-size: 17px;
  width: 100%;
  transition: all ease 0.3s;
}
.route-blog .newsletter-form-container input[type='submit']:hover {
  background: #007DB8;
}
.route-blog .newsletter-form-container div.wpcf7 .ajax-loader {
  display: none;
}
.route-blog span.wpcf7-not-valid-tip {
  background: #ff3333;
  border: 0 !important;
  color: #ffffff !important;
  border-radius: 2px;
  padding: 10px 0;
  margin: 10px 0;
}
.route-blog div.wpcf7-validation-errors {
  border: 0 !important;
  background: #f0f0f0;
  color: #888888;
  border-radius: 2px;
}
.route-blog div.wpcf7-response-output.wpcf7-mail-sent-ok {
  background: #68E1C7;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 2px;
  padding: 10px 0;
  margin: 10px 0 0 0 !important;
}
.route-blog div.wpcf7-response-output {
  margin: 0 !important;
  padding: 10px 0 !important;
}

/* --------------------------------------------------------------
/* =TRADE IN GENERIC
-------------------------------------------------------------- */
.route-trade-in-generic .hero {
  display: flex;
  background: #1D2C4C;
  margin: 0;
  padding: 0;
}
.route-trade-in-generic .content-block {
  padding: 80px;
  align-items: center;
  width: 50%;
}
.route-trade-in-generic .hero p.subhead {
  max-width: none;
  margin-bottom: 20px;
}

.route-trade-in-generic .hero figure {
  background: url('https://imgdrop.imgix.net/eb7c25dca19b4570977213fa8db1572b.jpg') top center no-repeat;
  background-size: cover;
  position: relative;
  flex: 1;
}


.route-trade-in-generic .trade-intro-box {
  padding: 60px;
  background: #fff;
  display: inline-block;
  width: 100%;
  z-index: 9;
  margin-top: 60px;
  box-shadow: 0 20px 35px rgba(0, 0, 0, 0.2);
}
.route-trade-in-generic .step-number {
  font-size: 36px;
  font-weight: 600;
  color: #0F1C47;
}
.trade-intro-step {
  position: relative;
  margin-left: 70px !important;
}
.trade-intro-step.step1::before {
  position: absolute;
  left: -70px;
  line-height: 1.2;
  content: "1";
  top: 0;
  z-index: 4;
  color: #0F1C47;
  font-size: 32px;
  font-weight: 600;
}
.trade-intro-step.step2::before {
  position: absolute;
  left: -70px;
  line-height: 1.2;
  content: "2";
  top: 30px;
  z-index: 4;
  color: #0F1C47;
  font-size: 32px;
  font-weight: 600;
}
.trade-intro-step.step3::before {
  position: absolute;
  left: -70px;
  line-height: 1.2;
  content: "3";
  top: 0;
  z-index: 4;
  color: #0F1C47;
  font-size: 32px;
  font-weight: 600;
}
.trade-intro-step.middle-row {
  border-bottom: 1px solid #f0f0f0;
  border-top: 1px solid #f0f0f0;
  margin: 30px 0;
  padding: 30px 0;
}

.route-trade-in-generic .upper-chapeau {
  color: #1C85E8;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 30px;
}

.route-trade-in-generic .upper-chapeau span {
  display: block;
  text-transform: initial;
  color: #525975;
  font: 400 14px/1.7 'Graphik' , sans-serif;
}

.route-trade-in-generic #trade-in-input {
  display: block;
  width: 100%;
  margin: 50px 0 0 0;
}
.route-trade-in-generic .value-props {
  background: #ffffff;
  background: -webkit-linear-gradient(top, #ffffff 0%,#f5f8fb 100%);
  background: linear-gradient(to bottom, #ffffff 0%,#f5f8fb 100%);
}
.route-trade-in-generic .value-props .row {
  margin-top: 30px;
}
.route-trade-in-generic .hiw-row {
  padding: 50px 0;
  border-top: 1px solid #f0f0f0;
}
.route-trade-in-generic .hiw {
  padding: 80px 0;
}
.route-trade-in-generic .hiw-number {
  font-weight: 500;
  color: #1D2C4C;
  font-size: 22px;
  margin-top: 5px;
}
.route-trade-in-generic .testimonial-full-width {
  padding: 100px 0;
  background: #fff url('https://imgdrop.imgix.net/91e596c86c0644fdb386b118e2e5e839.jpg') center right no-repeat;
  background-size: cover;
}
.route-trade-in-generic .testimonial-quote {
  font-size: 24px;
  padding: 10px 30px 0 30px;
}
.route-trade-in-generic .contact-box {
  background: #ffffff;
  border-radius: 3px;
  padding: 50px 0;
}
.one-faq-item__answer {
  display: none;
  margin-top: 20px
}
.faq-section {
  padding: 60px 0;
}
.one-faq-item {
  border-top: 1px solid #f0f0f0;
  padding: 20px 0;
  position: relative;
}
.one-faq-item__question {
  cursor: pointer;
  margin: 0;
  max-width: 100%;
  z-index: 2;
}
.one-faq-item::after {
  content: '+';
  z-index: 1;
  position: absolute;
  right: 10px;
  top: calc(50% - 20px);
  font-size: 28px;
  color: #d2d2d2;
  cursor: pointer;
}
.one-faq-item.active::after {
  content: '-';
  right: 10px;
  top: 16px;
  color: #999;
  cursor: pointer;
}
.route-trade-in-generic .mark-face {
  display: flex
}
.route-trade-in-generic .mark-face img {
  margin-right: 20px;
}

@media(max-width: 980px) {
  .route-trade-in-generic .hero {
    flex-direction: column;
  }
  .route-trade-in-generic .hero figure {
    order: 2;
    height: 300px;
    width: 100%;
    background-position: center;
  }
  .route-trade-in-generic .hero .content-block {
    padding: 40px 6%;
    order: 2;
    margin: 0;
    max-width: 100%;
    width: 100%;
  }

  .route-trade-in-generic .trade-intro-box {
    margin-top: 0;
  }
}

@media (max-width: 767px) {

  .route-trade-in-generic .mark-face {
    margin-bottom: 30px;
  }

  .route-trade-in-generic .trade-intro-box {
    padding: 40px 0 0 0;
    margin: 0;
    box-shadow: none;
  }
  .trade-intro-step {
    margin-left: 30px !important;
  }

  .trade-intro-step.step1::before {
    position: absolute;
    left: -30px;
    font-size: 20px;
  }
  .trade-intro-step.step2::before {
    position: absolute;
    left: -30px;
    font-size: 20px;
  }
  .trade-intro-step.step3::before {
    position: absolute;
    left: -30px;
    font-size: 20px;
  }
}


/* --------------------------------------------------------------
/* =ABAD
-------------------------------------------------------------- */
/* Don't let AbadProtectedLink override button text color */
.button .abad-protected-link {
    color: inherit;
}

/* Don't force text links to display as block due to the React div */
.abad-protected-link div[data-reactroot] {
  display: inline;
}

/* --------------------------------------------------------------
/* =TRADE IN
-------------------------------------------------------------- */
.route-trade-in .hero {
  background: #fff url('https://imgdrop.imgix.net/426f68597e4743019e610eb5ae6ba277.png') no-repeat bottom center;
  background-size: 100% auto;
  margin-bottom: 60px
}
.route-trade-in .abad-div-link {
  display: inline;
  color: #1c85e8;
  cursor: pointer;
}
.route-trade-in .abad-div-link div {
  display: inline;
}
.route-trade-in .hero h1 {
  line-height: 1.2;
}
.route-trade-in .hero p.subhead {
  max-width: 500px;
  font-size: 20px;
  margin: 20px auto;
}
.route-trade-in .hero .illustration {
  margin: 50px 0 -80px 0;
  max-width: 900px;
  height: auto;
  width: 100%;
}
.route-trade-in .value-props .row {
  margin-top: 30px;
}
.route-trade-in .form-box {
  padding: 60px 110px;
  background: #ffffff;
  box-shadow: 0 32px 64px rgba(0, 0, 0, 0.1);
}
.route-trade-in .under-form-infos {
  text-align: center;
  margin: 80px 0 0 0 ;
}
.route-trade-in .lead-capture {
  padding-bottom: 80px;
  background: -moz-linear-gradient(top, #ffffff 0%, #f5f8fb 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%,#f5f8fb 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%,#f5f8fb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.route-trade-in .hiw-row {
  padding: 50px 0;
  border-top: 1px solid #f0f0f0;
}
.route-trade-in .hiw {
  padding: 80px 0;
}
.route-trade-in .hiw-number {
  font-weight: 500;
  color: #1D2C4C;
  font-size: 22px;
  margin-top: 5px;
}
.route-trade-in .testimonial-full-width {
  padding: 100px 0;
  background: #fff url('https://imgdrop.imgix.net/91e596c86c0644fdb386b118e2e5e839.jpg') center right no-repeat;
  background-size: cover;
}
.route-trade-in .testimonial-quote {
  font-size: 24px;
  padding: 10px 30px 0 30px;
}
.route-trade-in .contact-box {
  background: #ffffff;
  border-radius: 3px;
  padding: 50px;
  box-shadow: 0 14px 24px rgba(0,0,0,0.1);
}
.route-trade-in .one-faq-item__answer {
  display: none;
  margin-top: 20px
}
.route-trade-in .one-faq-item {
  border-top: 1px solid #f0f0f0;
  padding: 20px 0;
  position: relative;
}
.route-trade-in .one-faq-item__question {
  cursor: pointer;
  padding-right: 40px;
}
.route-trade-in .faq-section {
  padding: 60px 0;
}
.route-trade-in .one-faq-item::after {
  content: '+';
  position: absolute;
  right: 10px;
  top: 20px;
  font-size: 28px;
  color: #d2d2d2;
}
.route-trade-in .one-faq-item.active::after {
  content: '-';
  right: 10px;
  top: 16px;
  color: #999
}
.route-trade-in .mark-face {
  display: flex
}
.route-trade-in .mark-face img {
  margin-right: 20px;
}
.route-trade-in .trade-in-input-container {
  padding-left: 60px;
  position: relative;
  margin: 30px 0;
}
.route-trade-in .trade-in-input-container:nth-of-type(2)::before {
  content: "1";
  border-radius: 50%;
  border: 2px solid #d2d2d2;
  height: 40px;
  width: 40px;
  text-align: center;
  font-weight: 500;
  font-size: 18px;
  line-height: 38px;
  color: #1D2C4C;
  position: absolute;
  left: 0;
  top: 45px;
}
.route-trade-in .trade-in-input-container:nth-of-type(3)::before {
  content: "2";
  border-radius: 50%;
  border: 2px solid #d2d2d2;
  height: 40px;
  width: 40px;
  text-align: center;
  font-weight: 500;
  font-size: 18px;
  line-height: 38px;
  color: #1D2C4C;
  position: absolute;
  left: 0;
  top: 45px;
}
.route-trade-in .trade-in-input-container:nth-of-type(4)::before {
  content: "3";
  border-radius: 50%;
  border: 2px solid #d2d2d2;
  height: 40px;
  width: 40px;
  text-align: center;
  font-weight: 500;
  font-size: 18px;
  line-height: 38px;
  color: #1D2C4C;
  position: absolute;
  left: 0;
  top: 45px;
}
.route-trade-in .trade-in-input-container input[type='submit'] {
  background: #1C85E8;
  border-radius: 3px;
  color: #ffffff;
  padding: 15px 25px;
  border: 0;
}
.route-trade-in .trade-in-input-container input.wpcf7-not-valid {
  border-color: #ff3333;
}
.route-trade-in .trade-in-input-container .select-style select {
  padding: 15px 45px 15px 25px;
  width: 100%;
  color: #1D2C4C;
  font-size: 22px;
}
.route-trade-in .wpcf7-response-output {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.route-trade-in .trade-in-input-container label {
  font-weight: normal;
}
.route-trade-in .trade-in-input-container input[type='email'],
.route-trade-in .trade-in-input-container input[type='tel'] {
  padding: 15px 25px;
  width: 100%;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  color: #1D2C4C;
  font-size: 22px;
  outline: none;
}
.route-trade-in .form-box .wpcf7 {
  margin-top: 70px;
}
.route-trade-in.spx-dfw .hero {
  display: flex;
  background: #1D2C4C;
  margin: 0;
}
.route-trade-in.spx-dfw .hero .content-block {
  padding: 80px;
  align-items: center;
  width: 50%;
}
.route-trade-in.spx-dfw .value-props h6 {
  margin: 0;
}
.route-trade-in.spx-dfw .hero p.subhead {
  max-width: none;
}
.route-trade-in.spx-dfw .value-props .row {
  margin-top: 50px;
}
.route-trade-in.spx-dfw .hero figure {
  background: url('https://imgdrop.imgix.net/eb7c25dca19b4570977213fa8db1572b.jpg') top center no-repeat;
  background-size: cover;
  position: relative;
  flex: 1;
}

.route-trade-in.spx-dfw.phx .hero figure {
  background: url('https://www.opendoor.com/w/wp-content/uploads/2019/02/phx-trade-in-3.jpg') bottom center no-repeat;
  background-size: cover;
  position: relative;
  flex: 1;
}
@media (max-width: 767px) {
  .route-trade-in .form-box {
    border-top: 1px solid #f0f0f0;
    padding: 50px 0 0 0;
    box-shadow: none;
  }
  .route-trade-in .trade-in-input-container {
    padding: 0;
    margin: 15px 0;
  }
  .route-trade-in .lead-capture {
    background: #FFFFFF;
    padding: 0;
  }
  .route-trade-in .trade-in-input-container:nth-of-type(2)::before ,
  .route-trade-in .trade-in-input-container:nth-of-type(3)::before ,
  .route-trade-in .trade-in-input-container:nth-of-type(4)::before {
    display: none;
  }
  .route-trade-in .form-box .wpcf7 {
    margin-top: 40px;
  }
  .route-trade-in .trade-in-input-container .select-style select,
  .route-trade-in .trade-in-input-container input[type='email'],
  .route-trade-in .trade-in-input-container input[type='tel'] {
    padding: 15px 25px 10px 15px;
    font-size: 17px;
  }
  .route-trade-in .mark-face {
    margin-bottom: 30px;
  }
  .route-trade-in .faq-section {
    padding: 30px 0;
  }
  .route-trade-in .testimonial-quote {
    font-size: 24px;
    padding: 10px 0 0 0;
  }
  .route-trade-in .trade-in-input-container input[type='submit'] {
    display: block;
    width: 100%;
    text-align: center;
  }
  .route-trade-in.spx-dfw .hero {
    flex-direction: column;
  }
  .route-trade-in.spx-dfw .hero figure {
    order: 2;
    height: 300px;
    width: 100%;
  }
  .route-trade-in.spx-dfw .hero .content-block {
    padding: 40px 6%;
    order: 2;
    margin: 0;
    max-width: 100%;
    width: 100%;
  }
}


/* --------------------------------------------------------------
/* =PRESS
-------------------------------------------------------------- */
.route-press .press-page-top {
  padding: 100px 0 60px 0;
  background-position: top center;
  background-repeat: no-repeat;
}
.route-press .press-page-top h1 {
  font-size: 64px;
}
.route-press .box-intro {
  background: #F5F8FB;
  padding: 60px;
  margin: 300px 0 -200px 0;
}
.route-press .timeline-item {
  border-left: 2px solid #F0F1F5;
  padding-left: 40px;
  padding-bottom: 40px;
  padding-right: 80px;
  position: relative;
  transition: all ease-in-out 0.3s;
}
.route-press .timeline-item .wow {
  opacity: 0;
  transform: translateY(20px);
  transition: all ease-in-out 0.3s;
}
.route-press .timeline-item .wow.animated {
  opacity: 1;
  transform: translateY(0);
}
.route-press .timeline-item::before {
  content: "";
  height: 20px;
  width: 20px;
  background: #D0D3E0;
  border: 7px solid #ffffff;
  position: absolute;
  border-radius: 50%;
  left: -11px;
  top: 4px;
}
.route-press .timeline-item:last-child::before {
  top: 0px;
  left: -9px;
}
.route-press .timeline-item h6 {
  margin: 0;
}
.route-press .corporate-timeline {
  padding: 180px 0 60px 0;
}
.route-press .timeline-item:last-child {
  border: 0;
}
.route-press .timeline-item ul {
  padding: 0;
  margin: 10px 0 0 0;
  list-style: none;
}
.route-press .timeline-item ul li {
  position: relative;
}
.route-press .timeline-item ul li::before {
  content: "-";
  opacity: 0.5;
  margin-right: 10px;
}
.route-press .stats {
  padding: 80px 0;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-color: #F5F8FB;
}
.route-press .stats .big-stat {
  font-size: 48px;
  color: #0F1C47;
  font-weight: 500;
}
.route-press .contact {
  background: #1D2C4C;
  padding: 80px 0;
}
.route-press .press-item {
  border-top: 1px solid #f0f0f0;
  padding: 30px 0;
}
.route-press .press-item {
  border-top: 1px solid #f0f0f0;
  padding: 30px 0;
  position: relative;
}
.route-press .press-item .date {
  position: absolute;
  right: 0;
  top: 30px;
  font-size: 14px;
}
.route-press .press-item p {
  margin: 0;
  color: #1D2C4C;
  font-size: 22px;
  width: 80%;
}
.route-press .cta-line-more {
  display: block;
  color: #1C85E8;
  border-top: 1px solid #f0f0f0;
  padding: 20px 0 0 0;
  cursor: pointer;
}
.route-press .quotes-press {
  padding: 80px 0;
  background: #F5F8FB;
}
.route-press .quotes-press img {
  margin-bottom: 15px;
  width: 20px;
}
@media (max-width: 767px) {
  .route-press .contact-col {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  .route-press .stats {
    text-align: center;
    padding: 40px 0;
  }
  .route-press .story-title {
    margin-bottom: 50px;
  }
  .route-press .timeline-item {
    padding-right: 0;
  }
  .route-press .box-intro {
    padding: 30px 0;
    margin: 0;
  }
  .route-press .corporate-timeline {
    padding: 60px 0 60px 0;
  }
  .route-press .press-page-top h1 {
    font-size: 48px;
    text-align: center;
  }
  .route-press .press-page-top .subhead {
    text-align: center;
  }
  .route-press .press-page-top .regular-container {
     width: 100%;
     max-width: 100%;
  }
  .route-press .press-page-top .box-intro {
     padding: 40px;
     margin-top: 230px;
  }
  .route-press .press-page-top .box-intro h5 {
     margin-bottom: 30px;
  }
  .route-press .press-page-top {
    padding: 60px 0 0 0;
    margin: 0;
    background-size: auto 52%;
    background-position: top left;
  }
}

/* --------------------------------------------------------------
/* =Minneapolis Localized
-------------------------------------------------------------- */
.route-minneapolis .hero {
  padding: 100px 0 200px 0;
  background: transparent url('https://imgdrop.imgix.net/8c8fba53764a47c4a7e0d48a5d51a19d.png') center no-repeat;
  background-size: cover;
}
.route-minneapolis .banner {
  padding: 15px 0;
}
.route-minneapolis .banner strong {
  display: inline-block;
  margin: 0 5px 0 20px;
}
.route-minneapolis .transparency-item {
  border-top: 1px solid #f0f0f0;
  padding: 6px 0;
  margin-top: 24px
}
.route-minneapolis .hero .subhead {
  color: #FFFFFF;
  font-size: 22px;
  margin-top: 60px;
}
.route-minneapolis .banner-contact {
  background: #F5F8FB;
  padding: 24px;
  text-align: center;
}
.route-minneapolis .banner-contact p {
  margin: 0;
  font-size: 18px;
}
.route-minneapolis .contact-phone {
  font-weight: 600;
  padding: 0 0 0 20px;
  margin: 0 20px;
  background: url('https://imgdrop.imgix.net/phone-icon.svg') left center no-repeat;
}
.route-minneapolis .contact-email {
  font-weight: 600;
  padding: 0 0 0 25px;
  background: url('https://imgdrop.imgix.net/email-icon.svg') left center no-repeat;
}
.route-minneapolis .google-maps {
  position: relative;
  padding-bottom: 420px;
  height: 0;
  overflow: hidden;
}
.route-minneapolis #map {
  width: 100%;
  height: 420px;
  background: #d2d2d2;
}
.route-minneapolis .office-location-box {
  padding: 30px 0 60px 0;
  margin-bottom: -50px;
  background: #fff;
  position: relative;
  z-index: 3;
  box-shadow: 0 20px 35px rgba(0,0,0,0.2);
}
.route-minneapolis .location-details {
  display: flex;
  width: 700px;
  margin: 50px auto 0 auto;
}
.route-minneapolis .location-details .location-address {
  padding: 0 30px;
  border-right: 1px solid #f0f0f0;
  text-align: right;
  min-width: 220px;
}
.route-minneapolis .location-details .location-contact {
  padding: 0 30px;
  min-width: 220px;
}
.route-minneapolis .video-container, .iframe-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  box-shadow: 0 15px 32px rgba(0,0,0,0.4);
}
.route-minneapolis .video-container iframe, .iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.route-minneapolis .one-faq {
  display: block;
  padding: 25px 0;
  border-top: 1px solid #f0f0f0;
  color: #525975;
  margin-top: 0;
}
.route-minneapolis .one-faq::before {
  content: '→';
  position: absolute;
  top: 35%;
}
.route-minneapolis .step {
  padding: 18px 50px 18px 80px;
  border-top: 1px solid rgba(255,255,255,0.2);
  position: relative;
}
.route-minneapolis .step:nth-child(1)::before {
  content: "1.";
  position: absolute;
  top: 2 0px;
  left: 0;
}
.route-minneapolis .step:nth-child(2)::before {
  content: "2.";
  position: absolute;
  top: 20px;
  left: 0;
}
.route-minneapolis .step:nth-child(3)::before {
  content: "3.";
  position: absolute;
  top: 20px;
  left: 0;
}
.route-minneapolis .benefit-table ul {
  padding: 0;
}
.route-minneapolis .od-benefits li {
  background: url('https://imgdrop.imgix.net/fb30564221f640d185e78d309e879ddf.svg') left center no-repeat;
  list-style: none;
  padding-left: 30px;
  margin: 20px 0;
}
.route-minneapolis .traditional-downsides li {
  background: url('https://imgdrop.imgix.net/7014410a88074ed1abd6bef84c3ce908.svg') left center no-repeat;
  list-style: none;
  padding-left: 30px;
  margin: 20px 0;
}
.route-minneapolis .how-it-works {
  background: #1C85E8;
}
.route-minneapolis .offer-explained .col-md-4 {
  padding: 0 25px;
}
.route-minneapolis .transparency-section .regular-container {
  border-top: 1px solid #f0f0f0;
  padding: 80px 0;
}
.route-minneapolis .offer-explained h6 {
  padding: 10px 0;
}
.route-minneapolis .testimonial-card {
  display: block;
  width: 100%;
  position: relative;
  background: #ffffff;
}
.route-minneapolis .testimonial-card::after {
  content: '';
  display: block;
  clear: both;
}
.route-minneapolis .testimonial-photo {
  width: 50%;
  float: left;
  height: auto;
}
.route-minneapolis .testimonial-content {
  float: left;
  width: 50%;
  padding: 70px 50px;
}
.route-minneapolis .secondary-cta {
  padding: 50px 0 70px 0;
  margin: 5px 0 -10px 0;
  position: relative;
  display: inline-block;
  width: 100%;
  z-index: 2;
}
.route-minneapolis .transparency-image {
    width: 94%;
    height: auto;
    display: block;
}
.route-minneapolis .benefit-table h2 {
  margin: 4rem 0 6rem 0;
}
.route-minneapolis .benefit-table {
  padding-top: 2rem;
  padding-bottom: 7rem;
}
.route-minneapolis .value-props img {
  margin-bottom: 1rem;
}
.route-minneapolis .hero h1 {
  color: #ffffff;
  width: 75%;
  font-family: 'Graphik', sans-serif;
}
@media (max-width: 767px) {
  .route-minneapolis .contact-email, .route-minneapolis .contact-phone {
    display: block;
    margin: 5px 0;
    padding: 0;
    background: none;
  }
  .route-minneapolis .banner {
    text-align: center;
  }
  .route-minneapolis .banner strong {
    display: block;
    margin: 5px 0;
  }
  .route-minneapolis .testimonial-photo, .route-minneapolis .testimonial-content {
    width: 100%;
  }
  .offer-explained .col-md-4 br {
    display: none;
  }
  .route-minneapolis .transparency-image {
    width: 80%;
    margin: 0 auto 24px auto;
  }
  .route-minneapolis .hero {
    padding: 50px 0 50px 0;
    text-align: center;
  }
  .route-minneapolis .hero h1 {
    color: #ffffff;
    width: 100%;
  }
  .route-minneapolis .value-props {
    text-align: center;
    padding: 4rem 0 0 0;
  }
  .route-minneapolis .value-props .col-md-4 {
    margin-bottom: 4rem;
  }
  .route-minneapolis .faq-title br {
    display: none;
  }
  .route-minneapolis .location-details {
    width: 100%;
    display: block;
  }
  .route-minneapolis .location-address, .route-minneapolis .location-contact {
    width: 100%;
    text-align: center !important;
    border: 0;
    padding: 20px 0 !important;
    border-top: 1px solid #f0f0f0;
  }
  .route-minneapolis .office-location-box {
    padding: 30px 0;
  }
}


/* --------------------------------------------------------------
/* =Portland Localized
-------------------------------------------------------------- */
.route-minneapolis.portland .hero {
  padding: 100px 0 200px 0;
  background: transparent url('https://www.opendoor.com/w/wp-content/uploads/2018/10/portland-bg-1.jpg') center no-repeat;
  background-size: cover;
  background-position-y: bottom;
}

.route-minneapolis.portland .hero h1 {
  line-height: 1.3em;
}


/* --------------------------------------------------------------
/* =Jacksonville Localized
-------------------------------------------------------------- */
.route-minneapolis.jacksonville .hero {
  padding: 100px 0 200px 0;
  background: transparent url('https://www.opendoor.com/w/wp-content/uploads/2018/11/jacksonville-hero-bg.jpg') center no-repeat;
  background-size: cover;
  background-position-y: top;
}

.route-minneapolis.jacksonville .hero h1 {
  line-height: 1.3em;
}


/* --------------------------------------------------------------
/* =Austin Localized
-------------------------------------------------------------- */
.route-minneapolis.austin .hero {
  padding: 100px 0 200px 0;
  background: transparent url('https://www.opendoor.com/w/wp-content/uploads/2018/11/austin.jpg') center no-repeat;
  background-size: cover;
  background-position-y: 20%;
  position: relative;
}

.route-minneapolis.austin .hero:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: '';
  background-color: rgba(0, 0, 0, .25);
  z-index: 3;
}

.route-minneapolis.austin .hero .regular-container  {
  z-index: 4;
  position: relative;
  max-width: 750px;
}

.route-minneapolis.austin .hero h1 {
  line-height: 1.3em;
  width: 80%;
}

@media (max-width: 767px) {
  .route-minneapolis.austin .hero .regular-container  {
    max-width: 90%;
  }
  .route-minneapolis.austin .hero h1 {
    width: 100%;
  }
}

/* --------------------------------------------------------------
/* =Orlando Localized
-------------------------------------------------------------- */
.route-minneapolis.orlando .hero {
  padding: 100px 0 200px 0;
  background: transparent url('https://www.opendoor.com/w/wp-content/uploads/2018/10/orlando.jpg') center no-repeat;
  background-size: cover;
  background-position-y: top;
  position: relative;
}

.route-minneapolis.orlando .hero:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: '';
  background-color: rgba(0, 0, 0, .3);
  z-index: 3;
}

.route-minneapolis.orlando .hero .regular-container  {
  z-index: 4;
  position: relative;
}

.route-minneapolis.orlando .hero h1 {
  line-height: 1.3em;
}

.late-chakout-module .regular-container {
  padding: 60px 0;
  border-top: 1px solid #D0D3E0;
  border-bottom: 1px solid #D0D3E0;
}

.route-minneapolis.orlando .late-chakout-module h3 {
 font: 400 26px/1.45 'Graphik',sans-serif;
 color: #1d2c4c;
 margin-bottom: 16px;
}

.route-minneapolis.orlando .late-chakout-module p {
  max-width: 518px;
  margin: 0;
}

/* --------------------------------------------------------------
/* =Denver Localized
-------------------------------------------------------------- */
/*End of Zoom in Keyframes */
.route-minneapolis.denver .hero {
  background: transparent url('https://www.opendoor.com/w/wp-content/uploads/2018/09/denver3.jpg') center no-repeat;
  background-size: cover;
  position: relative;
}

.route-minneapolis.denver .hero:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: '';
  background-color: rgba(0, 0, 0, .4);
  z-index: 3;
}

.route-minneapolis.denver .hero .regular-container  {
  z-index: 4;
  position: relative;
}


/* --------------------------------------------------------------
/* =Riverside Localized
-------------------------------------------------------------- */
@keyframes zoomin {
  0% {transform: scale(1); opacity: 0;}
  50% {opacity:1;}
  100% {transform: scale(1.2);}
}

@keyframes fade-in {
  0% { opacity: 0; }
  100% { opacity: 1;}
}

@keyframes fade-in-up {
  0% { opacity: 0; transform: translate3d(0, 15%, 0); }
  100% { opacity: 1; transform: none; }
}
/*End of Zoom in Keyframes */
.route-minneapolis.riverside .hero {
  padding: 100px 0 200px 0;
  background: none;
  position: relative;
  overflow: hidden;
  min-height: 700px;
}

@media (max-width: 767px) {
  .route-minneapolis.riverside .hero {
    min-height: 0;
  }
  .key-illustration {
    margin-top: 30px;
  }
}

.route-minneapolis.riverside .hero:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: '';
  background-color: rgba(0, 0, 0, .25);
  z-index: 3;
}

.route-minneapolis.riverside figure.bg-image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: left top;
  background-size:cover;
  background-attachment: scroll;
  animation: zoomin 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation-fill-mode: both;
  animation-delay: 1s;
  overflow: hidden;
  z-index: 2;
}

.route-minneapolis.riverside .hero .regular-container  {
  z-index: 4;
}

.route-minneapolis.riverside .hero h1 {
  line-height: 1.35em;
  opacity: 0;
  animation: fade-in-up 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  animation-delay: 2s;
}

.route-minneapolis.riverside .hero .subhead,
.route-minneapolis.riverside .hero #seller-input-riverside,
.route-minneapolis.riverside .hero p.text-white {
  opacity: 1;
  animation: fade-in-up 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) backwards;
  animation-delay: 2.25s;
}

/* --------------------------------------------------------------
/* =GUIDES
-------------------------------------------------------------- */
.route-guides .one-guide__thumbnail, .route-guides .one-blog__thumbnail {
  position: relative;
}
.route-guides .one-guide__thumbnail::before {
  content: 'guide';
  position: absolute;
  color: #1D2C4C;
  font-size: 12px;
  background: #ffffff;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 3px;
  bottom: 15px;
  left: 15px;
  padding: 3px 7px;
  z-index: 3;
}
.route-guides .one-blog__thumbnail::before {
  content: 'blog';
  position: absolute;
  color: #1D2C4C;
  font-size: 12px;
  background: #ffffff;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 3px;
  bottom: 15px;
  left: 15px;
  padding: 3px 7px;
  z-index: 3;
}
.route-guides .article-title {
  font-size: 22px;
  margin: 20px 0 40px 0;
  min-height: 100px;
}
.route-guides .page-top {
  background: #F5F8FB;
  padding: 70px 0 0 0;
  margin-bottom: 40px;
}
.route-guides .jumpers a {
  padding-bottom: 10px;
  border-bottom: 2px solid transparent;
  margin-right: 20px;
  display: inline-block;
}
.route-guides .jumpers a.jumper-link.active {
  padding-bottom: 10px;
  border-bottom: 2px solid #1C85E8;
}
.route-guides .jumpers {
  margin-top: 90px;
}
.route-guides .page-top img {
  margin-bottom: -10px;
}
.route-guides .featured-faqs h6 {
  margin: 40px 0 0 0;
  padding: 40px 0;
}
.back-to-guides {
  padding: 0 0 40px 0;
}
.route-guides .featured-faqs .one-faq {
  display: block;
  width: 100%;
  color: #1D2C4C;
  font-weight: 500;
  margin: 0;
  padding: 50px 0;
}
.route-guides .featured-faqs .one-faq::before {
  top: 38%;
}
.single-guides .page-header {
  border: 0;
  padding: 80px 0 0 0;
  margin: 0;
}
.single-guides .page-header h1 {
  margin: 20px 0 60px 0;
  font-size: 42px;
  font-family: 'Graphik', sans-serif;
}
.single-guides .social-buttons {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #f0f0f0;
}
.social-buttons a {
  display: inline-block;
  margin: 10px 10px;
  height: 20px;
}
.social-buttons a:hover {
  opacity: 0.7;
}
.single-guides .entry-content {
  padding: 40px;
}
.entry-content .MathJax_Display {
  display: inline!important;
  width: auto!important;
  max-width: 100%!important;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0!important;
}
.entry-content .checklist-stlye-blog {
  padding: 60px;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);
}
.entry-content .checklist-stlye-blog ul li {
  list-style: none;
  position: relative;
  padding-left: 36px;
  font-size: 14px;
}
.entry-content .shadow-box-blog {
  padding: 60px;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);
}
.entry-content .shadow-box-blog ul li {
  list-style: none;
  position: relative;
  font-size: 14px;
  margin-top: 30px;
}
.entry-content .shadow-box-blog ul {
  padding: 0;
  list-style: none;
}
.entry-content .checklist-stlye-blog ul li::before {
  content: "";
  background: url('https://imgdrop.imgix.net/462cce3820644e718cf8d689ccfa643b.png');
  position: absolute;
  top: 0;
  left: -16px;
  height: 20px;
  width: 24px;
  background-size: 100% auto;
}
.separator {
  margin: 20px 0;
  height: 1px;
  width: 100%;
  background: #f0f0f0;
}

.entry-content h2 {
  font-size: 24px;
  font-weight: 500;
  margin-top: 80px;
}
.entry-content table tr td {
  border: 1px solid #D9E0E6;
  padding: 10px;
}
.entry-content h3 {
  font-size: 22px;
  font-weight: 500;
  margin-top: 40px;
}
.entry-content h4 {
  font-size: 20px;
  font-weight: 500;
  margin-top: 40px;
}
.entry-content h5, .entry-content h6 {
  margin-top: 40px;
  font-size: 18px;
  font-weight: 500;
}
.entry-content p {
  font-size: 20px;
  line-height: 1.6;
}
.entry-content ul li, .entry-content ol li {
  color: #555B77;
  font-size: 20px;
  margin-top: 15px;
}
.entry-content ul li strong, .entry-content ol li strong{
  color: #1D2C4C;
  font-weight: bold;
  display: block;
}
.entry-content ul, .entry-content ol {
  padding: 0 0 10px 20px;
}
.entry-content img {
  max-width: 100%;
  display: block;
  height: auto;
  margin: 20px 0;
}
.entry-content blockquote {
  margin: 50px 0;
  padding-left: 60px;
  position: relative;
  font: 700 44px/1.45 'Graphik', serif;
  font-size: 26px;
  color: #1B2327;
  padding: 0 0 0 60px;
  border: 0;
}
.entry-content blockquote::before {
  content: '';
  height: 20px;
  width: 30px;
  background: url('https://imgdrop.imgix.net/267a8026eb7b4dbca5bb6c17eb58c328.svg') left center no-repeat;
  position: absolute;
  top: 13px;
  left: 0;
}
.entry-content blockquote p {
  color: #1B2327;
  font-size: 32px;
}
.iframe-video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}
.iframe-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .route-guides .page-top {
    text-align: center;
    padding: 40px 0 0 0;
  }
  .entry-content blockquote p {
    font-size: 24px;
  }
  .single-guides .entry-content {
    padding: 40px 0 !important;
  }
  .entry-content .checklist-stlye-blog {
    padding: 30px 0;
    box-shadow: none;
    border-bottom: 1px solid #f0f0f0;
    border-top: 1px solid #f0f0f0;
  }
  .entry-content .shadow-box-blog {
    padding: 30px 0;
    box-shadow: none;
    border-bottom: 1px solid #f0f0f0;
    border-top: 1px solid #f0f0f0;
  }
  .route-guides .jumpers {
    margin: 20px 0;
  }
  .entry-content {
    padding: 20px 0;
  }
  .entry-content p {
    font-size: 17px;
    line-height: 1.6;
  }
  .entry-content ul li, .entry-content ol li {
    font-size: 17px;
  }
}


/* --------------------------------------------------------------
/* =FOOTER
-------------------------------------------------------------- */
.footer-container {
  padding: 50px 0 50px 0;
  border-top: 1px solid #f0f0f0;
}

.market-footer h6 {
  font-size: 12px;
  margin: 30px 0 20px 0;
}
.market-footer h6.no-margin-top {
  margin-top: 0;
}

.app-links {
  margin: 105px 0 0 0;
}

.footer-bottom {
  margin-top: 80px;
}

@media (max-width: 991px) {
  .footer-logo {
  height: 30px;
  width: auto;
  }
  .footer-container {
  text-align: center;
  }
  .app-links {
  margin: 40px 0;
  }
  .footer-bottom {
  margin-top: 30px;
  }
  .footer-container {
  padding: 50px 0 30px;
  text-align: center;
  }
}

.app-links p {
  font-size: 14px;
  margin-bottom: 5px;
  opacity: 0.5;
}

.app-links a {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  margin: 8px 0 0 0;
  color: #525975;
}
.app-links a img {
  display: inline;
  margin: 0 5px 0 0;
}

.sitemap {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sitemap li {
  margin-top: 10px;
}

.sitemap li a {
  color: #525975;
  font-size: 14px;
}
.sitemap li a:hover {
  color: #1c85e8;
}

.footer-bottom a {
  color: #525975;
  opacity: 0.6;
  transition: all ease 0.3s;
}

.footer-bottom a:hover {
  color: #525975;
  opacity: 0.3;
}

a.social-link {
  display: inline-block;
  margin-right: 15px;
  opacity: 0.3;
}

a.social-link:hover {
  opacity: 0.4;
}


/* --------------------------------------------------------------
/* =Reviews
-------------------------------------------------------------- */
.review-io-container .row {
  padding: 36px 0;
  border-bottom: 1px solid #f0f0f0;
  border-top: 1px solid #f0f0f0;
}
.hero-reviews h1 {
  margin: 80px 0;
}
.review-io-container .logo-review-io {
  margin-right: 20px;
  float: left;
}
.review-box {
  border-bottom: 1px solid hsla(60,1%,75%,.3);
  padding-bottom: 64px;
  padding-top: 64px;
}
.review-box .review-title {
  position: relative;
  margin: 0;
  font: 700 26px/1.3 'Graphik', serif;
}
.review-box .full-story {
  position: relative;
  margin: 32px 0;
  color: #70828f;
}
.customer-transaction-history {
  margin: 32px 0 0 0;
  width: 150px;
}
.review-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.review-number {
  font-size: 12px;
  height: 15px;
  line-height: 17px;
  padding-left: 15px;
  color: #999;
}
.review-rating {
  margin-top: 15px;
}
.review-stars img {
  display: block;
}
.chapeau {
  position: relative;
  padding-bottom: 20px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
}
.chapeau:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -13px;
  height: 2px;
  width: 26px;
  background: rgba(0,0,0,.1);
}
section.padded {
  padding-top: 8rem;
  padding-bottom: 7rem;
}
@media (max-width: 767px) {
  .review-rating {
  margin-bottom: 30px;
  }
  .bbb {
    margin-top: 30px;
  }
}


/* --------------------------------------------------------------
/* =HOME VALUE
-------------------------------------------------------------- */
.home-value .hero-home-value {
  background: #F5F8FB;
  padding: 60px 0;
}
.home-value .hero-home-value .headline {
  font-family: "Graphik", sans-serif;
  font-weight: 600;
  font-size: 54px;
  line-height: 1.3;
  margin-top: 30px;
}
.hero-home-value-illustration {
  margin-right: -40px;
  z-index: 2;
}
.home-value .hero-home-value .subhealine {
  width: 320px;
  display: inline-block;
  margin: 30px 0;
}
.home-value .top-bottom-borders {
  padding-top: 60px;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}
.home-value .top-bottom-borders h5 {
  margin-top: 40px;
}
.home-value .explanation-section {
  padding: 60px 0;
}
.value-props-home-value h2 {
  margin: 80px 0;
  font-weight: 500;
}
.layer-illustration.layer-1 {
  position: relative;
  z-index: 7
}
.layer-illustration.layer-2 {
  margin-top: -15px;
  position: relative;
  z-index: 4
}
.layer-illustration.layer-3 {
  margin-top: -15px;
  margin-left: -15px;
  position: relative;
  z-index: 2
}
.home-value .pre-footer-cta h5 {
  line-height: 2;
}
.layer-illustration {
  display: block;
  margin: 0 auto;
  position: relative;
}
.home-value-full-explanation {
  display: none;
  margin-top: 30px;
}
.home-value .read-more-tag {
  color: #1C85E8;
  cursor: pointer;
}
.home-value .read-more-tag.clicked {
  opacity: 0.5;
}
.home-value .related-articles .regular-container {
  padding: 60px 0;
  border-bottom: 1px solid #f0f0f0;
  border-top: 1px solid #f0f0f0;
}
.home-value .related-article-box img {
  display: block;
  width: 100%;
  height: auto;
}
.home-value .pre-footer-cta {
  position: relative;
  margin-bottom: -2px;
  z-index: 6;
  padding: 60px 0;
  background: -moz-linear-gradient(top, #ffffff 0%, #f5f8fb 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%,#f5f8fb 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%,#f5f8fb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.home-value-links .regular-container {
  padding: 40px 0 40px 50px;
  background: transparent url('https://imgdrop.imgix.net/53c23338976e41fdb2f8d56372e30d47.svg') left center no-repeat;
  background-size: 30px auto;
}
@media (max-width: 1199px) {
  .layer-illustration.layer-1 {
    width: 80%;
    display: block;
  }
  .layer-illustration.layer-2 {
    margin-top: 0;
    position: relative;
    z-index: 4;
    width: 80%;
    display: block;
  }
  .layer-illustration.layer-3 {
    margin-top: 10px;
    margin-left: 0;
    position: relative;
    z-index: 2;
    width: 100%;
    display: block;
  }
  .top-bottom-borders .layer-illustration {
    width: 80%;
    display: block;
  }
  .home-value .top-bottom-borders h5 {
    margin-top: 0;
  }
  .hero-home-value-illustration {
    width: 100%;
    height: auto;
    display: block;
  }
  .home-value .hero-home-value .headline {
    font-size: 34px;
  }
}
@media (max-width: 767px) {
  .home-value .hero-home-value {
    text-align: center;
    padding: 30px 0;
  }
  .home-value .hero-home-value .headline {
    font-size: 36px;
  }
  .home-value .hero-home-value .subhealine {
    width: 100%;
    margin: 10px 0;
  }
  .hero-home-value-illustration {
    width: 100%;
    height: auto;
    display: block;
    margin: 40px 0 -60px 0;
  }
  .home-value .value-props-home-value h2 {
    font-size: 26px;
    text-align: center;
    margin: 80px 0 40px 0;
  }
  .value-props-home-value .col-sm-8 {
    text-align: center;
    margin: 40px 0;
  }
  .value-props-home-value .row:nth-child(4) .col-sm-8 {
    margin: -40px 0 40px 0;
  }
  .value-props-home-value .row:nth-child(5) .col-sm-8 {
    margin: -60px 0 40px 0;
  }
  .home-value .layer-3, .home-value .layer-2, .home-value .layer-1 {
    margin: 0 auto;
  }
  .explanation-section p {
    text-align: left;
  }
  .related-article-box {
    margin: 20px 0;
  }
  .pre-footer-cta h5 {
    text-align: center;
  }
}


/* --------------------------------------------------------------
/* =Localized Market page template
-------------------------------------------------------------- */
.route-single-market .banner {
    padding: 15px 0;
}
.route-single-market .banner strong {
    display: inline-block;
    margin: 0 5px 0 20px;
}
.route-single-market .hero {
  padding: 160px 0;
  background: transparent url('https://imgdrop.imgix.net/5b9939f1a4814df596eaf66ae1faf423.jpg') center no-repeat;
  background-size: cover;
  position: relative;
}
.route-single-market .hero:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: '';
  background-color: rgba(0, 0, 0, .30);
  z-index: 3;
}
.route-single-market .hero .regular-container {
  z-index: 4;
  position: relative;
}
.route-single-market .banner-contact {
  background: #F5F8FB;
  padding: 24px;
  text-align: center;
}
.route-single-market .banner-contact p {
  margin: 0;
  font-size: 18px;
}
.route-single-market .contact-phone {
  font-weight: 600;
  padding: 0 0 0 20px;
  margin: 0 20px;
  background: url('https://imgdrop.imgix.net/phone-icon.svg') left center no-repeat;
}
.route-single-market .contact-email {
  font-weight: 600;
  padding: 0 0 0 25px;
  background: url('https://imgdrop.imgix.net/email-icon.svg') left center no-repeat;
}
.route-single-market .value-props .col-xs-12 {
  margin-bottom: 30px;
}
.route-single-market .hero h1 {
  line-height: 1.2;
  color: white;
  font-size: 42px;
  max-width: 700px;
  font-family: 'Graphik';
}
.route-single-market .benefit-table ul {
  padding: 0;
}
.route-single-market .od-benefits li {
  background: url('https://imgdrop.imgix.net/fb30564221f640d185e78d309e879ddf.svg') left center no-repeat;
  list-style: none;
  padding-left: 30px;
  margin: 20px 0;
}
.route-single-market .traditional-downsides li {
  background: url('https://imgdrop.imgix.net/7014410a88074ed1abd6bef84c3ce908.svg') left center no-repeat;
  list-style: none;
  padding-left: 30px;
  margin: 20px 0;
}
#market-primary-cta {
  margin: 30px 0;
}
.route-single-market .od-homes-logo {
  color: #1D2C4C;
  font-weight: 600;
}
.route-single-market .step {
  padding: 18px 50px 18px 80px;
  border-top: 1px solid #dedede;
  position: relative;
}
.route-single-market .step:nth-child(1)::before {
  content: "1.";
  position: absolute;
  top: 2  0px;
  left: 0;
  color: #1D2C4C;
}
.route-single-market .step:nth-child(2)::before {
  content: "2.";
  position: absolute;
  top: 20px;
  left: 0;
  color: #1D2C4C;
}
.route-single-market .step:nth-child(3)::before {
  content: "3.";
  position: absolute;
  top: 20px;
  left: 0;
  color: #1D2C4C;
}
.route-single-market .secondary-cta {
  padding: 50px 0 70px 0;
  margin: 5px 0 -10px 0;
  position: relative;
  display: inline-block;
  width: 100%;
  z-index: 2;
}
.route-single-market .article-box {
  padding: 30px 0;
  border-top: 1px solid #f0f0f0;
}
.route-single-market .stat-number {
  color: #1D2C4C;
  font-size: 58px;
}
.route-single-market .quote-mark-testimonial {
  margin: 80px 0 20px 0;
}
.route-single-market .spaced-h2 {
  margin: 60px 0;
  display: inline-block;
  width: 100%;
}
.route-single-market .how-it-works {
  padding: 0 0 8rem 0;
}
.route-single-market .how-it-works.light-blue-background {
  margin-top: 80px;
}
.route-single-market .google-maps {
  position: relative;
  padding-bottom: 420px;
  height: 0;
  overflow: hidden;
}
.route-single-market #map {
  width: 100%;
  height: 420px;
  background: #d2d2d2;
}
.route-single-market .office-location-box {
  padding: 30px 0 60px 0;
  margin-bottom: -50px;
  background: #fff;
  position: relative;
  z-index: 3;
  box-shadow: 0 20px 35px rgba(0,0,0,0.2);
}
.route-single-market .location-details {
  display: flex;
  width: 680px;
  margin: 50px auto 0 auto;
}
.route-single-market .location-details .location-address {
  padding: 0 30px;
  border-right: 1px solid #f0f0f0;
  text-align: right;
  width: 50%;
}
.route-single-market .location-details .location-contact {
  padding: 0 30px;
  width: 50%;
}
.route-single-market .video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.route-single-market .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.route-single-market .one-faq {
    display: block;
    padding: 25px 0;
    border-top: 1px solid #f0f0f0;
    color: #525975;
    margin-top: 0;
}
.route-single-market .one-faq::before {
    content: '→';
    position: absolute;
    top: 35%;
    right: 10px;
    opacity: 0.3;
    transition: all ease-in 0.2s;
}
@media (max-width: 991px) {
  .route-single-market .location-details {
    width: 100%;
    display: block;
    margin: 0;
  }
  .route-single-market .location-details .location-address {
    padding: 30px 0;
    border-right: 0;
    border-bottom: 1px solid #f0f0f0;
    text-align: left;
    width: 100%;
  }
  .route-single-market .location-details .location-contact {
    padding: 30px 0;
    width: 100%;
  }
  .route-single-market .office-location-box {
    padding: 0;
    margin: 0;
    box-shadow: none;
  }
  .testimonial-details {
    text-align: center;
  }
}

/* --------------------------------------------------------------
/* =Brand guidelines
-------------------------------------------------------------- */
.route-brand .hero {
  padding: 130px 0 40px 0;
  background: #1c85e8 url('https://imgdrop.imgix.net/d5273932491c4933883fee882f8e1bb8.jpg') center no-repeat;
  background-size: cover;
}
.route-brand .hero .nav a {
  display: inline-block;
  color: #ffffff;
  margin-right: 30px;
}
.route-brand .hero h1 {
  font-size: 82px;
  line-height: 1.1;
  margin-bottom: 100px;
  margin-top: 100px;
}
.accordeon-item__content {
  display: none;
}
.accordeon-item__title {
  border-top: 1px solid #D0D3E0;
  display: block;
  background: transparent url('https://imgdrop.imgix.net/75d55dbb1e1d413aa1d22b06dec6ce03.svg') right center no-repeat;
  padding: 15px 0;
  cursor: pointer;
}
.accordeon-item__title.active {
  background: transparent url('https://imgdrop.imgix.net/3d8985665dc441caa7a8a4fa99e966fc.svg') right center no-repeat;
}
.border-top-light-grey {
  padding-top: 30px;
  border-top: 1px solid #f0f0f0;
}
.route-brand .brand-attribute {
  font-size: 84px;
  color: #1C85E8;
}
.route-brand .content-style-cta {
  border-top: 1px solid #D0D3E0;
  padding: 60px 0 0 0;
  margin-top: 100px;
}
.route-brand .bordered-img {
  border: 1px solid #D0D3E0;
}
.route-brand .accordeon-item__content {
  padding-bottom: 60px;
}
.route-brand .font-description {
  border-top: 1px solid #D0D3E0;
  padding: 60px 60px 0 0;
  margin-top: 60px;
}
.route-brand #showcase figcaption {
  margin: 0;
  padding: 15px 0 50px 0;
  font-size: 12px;
}
.route-brand .swatches {
  margin-bottom: 120px
}
@media (max-width: 767px) {
  .route-brand .brand-attribute {
    font-size: 44px;
  }
}
@media (max-width: 480px) {
  .route-brand .hero h1 {
    font-size: 36px;
    line-height: 1.1;
    margin-bottom: 60px;
    margin-top: 40px;
  }
  .route-brand .font-description {
    padding-right: 0;
  }
}



/* --------------------------------------------------------------
/* =SELLER INPUT  >Component skin<
-------------------------------------------------------------- */
.od-cta-input {
  position: relative;
  display: block;
  padding: 0px;
  background: #fff;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.cta-input-form, .od-address-input {
  position: relative;
}

.od-address-input .inline-error {
  background: #f5f8fb;
  color: #525975;
  text-align: center;
  padding: 10px 20px;
  width: 100%;
  display: inline-block;
  border-radius: 3px;
  margin: 10px 0;
}

.od-cta-input .cta-input-control {
  width: 100%;
  border: 0;
  font-size: 16px;
  overflow: hidden;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: color;
  transition-property: color;
  z-index: 1;
  background-color: #fff;
  padding: 10px 12px;
  outline: none;
}

.cta-input-button .cta-button {
  height: 100%;
  z-index: 2;
  border-radius: 2px;
  padding: 0 1.5em;
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
}

.od-address-input .result-list {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  margin-top: -3px;
  text-align: left;
  background-color: #fff;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top: 0;
  z-index: 2;
  list-style: none;
  padding: 0;
}

.od-address-input .result-item {
  padding: 10px 19px;
  cursor: pointer;
}

.button {
  border: 0;
  background: 0;
  cursor: pointer;
  border-radius: 50px;
}

.button:not(.link) {
  padding: 15px 25px;
  font-size: 14px;
  font-weight: 500;
}

.button.primary {
  background-color: #1c85e8;
  color: #fff;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  display: inline-block;
}

.button.primary:hover:not([disabled]):not(.disabled) {
  background-color: #03476b;
}

.button.secondary {
  border: 2px solid #f0f0f0;
  color: #525975;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  display: inline-block;
  background: transparent;
}

.button.secondary:hover:not([disabled]):not(.disabled) {
  border-color: #dedede;
}

.button, button {
  border: 0;
  background: 0;
}


/* --------------------------------------------------------------
/* =BUILDER /builder
-------------------------------------------------------------- */

.hero-builder-template .builder-wrap {
 display: flex;
}

.hero-builder-template figure {
  background: #1E284B;
  background-size: cover;
  position: relative;
  flex: 1;
}
.hero-builder-template .page-top-title {
  margin: 0;
  display: inline-block;
  font-size: 52px;
  line-height: 62px;
  font-family: 'Graphik', serif;
  font-weight: 600;
}

.hero-builder-template .splash-content img {
  max-width: 90%;
  display: block;
}

.hero-builder-template .splash-content {
  max-width: 663px;
  margin: 0 auto;
  padding: 0 5%;
}
.hero-builder-template .small-container {
  background-color: #1E284B;
  flex: 1;
  display: flex;
  align-items: center;
  padding-top: 8%;
}

.single-realestate .hero-builder-template .small-container,
.page-template-cloud-cma .hero-builder-template .small-container,
.page-template-moxiworks .hero-builder-template .small-container {
  background-color: #f5f8fb;
  padding-top: 4%;
  padding-bottom: 2%;
}
.single-realestate .hero-builder-template .splash-bottom-content,
.page-template-cloud-cma .hero-builder-template .splash-bottom-content,
.page-template-moxiworks .hero-builder-template .splash-bottom-content {
  padding: 30px 0;
}

.hero-builder-template hr {
  height: 3px;
  width: 50px;
  background-color: #1C85E8;
  border: 0;
  margin-left: 0;
  margin-bottom: 30px;
}

.hero-builder-template p {
  font-size: 18px;
  line-height: 26px;
  font-family: 'Graphik', serif;
  max-width: 488px;
  margin-left: 0;
}
.hero-builder-template .splash-bottom-content {
  padding: 70px 0;
}

.hero-builder-template .form-intro {
 margin-bottom: 6px;
 text-shadow: 0 4px 10px #000000;
}

@media (max-width: 950px) {
  .realestate-partner-logo {
    display: block;
    height: auto;
    max-width: 90%;
    margin: 0 auto;
  }

  .hero-builder-template .splash-content img {
    margin: 0 auto;
  }

  .single-realestate .hero-builder-template .small-container,
  .page-template-cloud-cma .hero-builder-template .small-container,
  .page-template-moxiworks .hero-builder-template .small-container {
    background-color: #f5f8fb;
    padding-top: 12%;
  }

  .single-realestate .hero-builder-template .splash-bottom-content,
  .page-template-cloud-cma .hero-builder-template .splash-bottom-content,
  .page-template-moxiworks .hero-builder-template .splash-bottom-content {
    padding: 0;
  }

  .hero-builder-template .builder-wrap {
   flex-direction: column;
  }
  .hero-builder-template .small-container {
  padding-top: 40px;
  order: 2;
  margin: 0;
  max-width: 100%;
  }

  .hero-builder-template .splash-content {
   max-width: 100%;
  }

  .hero-builder-template figure {
   order: 2;
  }

  .hero-builder-template .page-top-title {
   font-size: 31px;
   line-height: 1.2em;
   text-align: center;
  }

  .hero-builder-template p {
  margin-left: auto;
  text-align: center;
  }

  .hero-builder-template hr {
  margin-left: auto;
  }

  .hero-builder-template figure:before {
   content: '';
   display: block;
   height: 0;
   padding-top: 60%;
  }
}


.hero-builder {
  background: url('https://imgdrop.imgix.net/a7eb68c6c52f4e45a3852cc564fe1499.jpg') top center no-repeat;
  background-size: cover;
  position: relative;
  padding: 70px 0 0 0;
}

.hero-builder .press {
  vertical-align: middle;
  padding: 30px 0;
  opacity: .9;
  margin-top: 200px;
  background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.65) 80%);
}

.hero-builder .press .press-logo {
  display: inline-block;
  height: 33px;
  margin: 0 25px;
}

.od-input {
  color: #1C85E8;
  font-weight: 500;
}

.hero-builder .page-top-title {
  margin: 0 0 30px 0;
  display: inline-block;
  font-size: 59px;
  line-height: 1.2;
  color: #fff;
}

.seller-input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.builder-testmonial {
  padding: 80px;
  background-color: #1E284B;
}
.builder-testmonial .content-quote {
  padding: 60px 100px 0 0;
}
.builder-testmonial .content-quote .cust-quote {
  font-size: 26px;
  margin: 30px 0;
}
.builder-contact {
  background: #F5F8FB;
  padding: 24px;
  text-align: center;
}
.builder-contact-text {
  margin: 0;
  font-size: 18px;
}
.builder-phone {
  font-weight: 600;
  padding: 0 0 0 20px;
  margin: 0 20px;
  background: url('https://imgdrop.imgix.net/phone-icon.svg') left center no-repeat;
}
.builder-email {
  font-weight: 600;
  padding: 0 0 0 25px;
  background: url('https://imgdrop.imgix.net/email-icon.svg') left center no-repeat;
}
@media (max-width: 1100px) {
  .builder-testmonial .content-quote .cust-quote {
    font-size: 20px;
  }
  .builder-testmonial .content-quote {
    text-align: center;
    padding: 0 60px 30px 60px;
  }
  .builder-testmonial {
    padding: 50px 0 0 0;
  }
  .builder-email, .builder-phone {
    display: block;
    margin: 5px 0;
    padding: 0;
    background: none;
  }
}

.benefits-intro-label {
  margin: 0 0 30px 0;
  font-weight: 500;
}

ul.check-list {
  margin: 0;
  padding: 0;
}

ul.check-list li {
  display: inline-block;
  width: 100%;
  padding-left: 40px;
  background-image: url('https://imgdrop.imgix.net/checkmark-icon.svg');
  background-repeat: no-repeat;
  background-position: left 6px;
  font-size: 18px;
  margin: 12px 0;
  color: #1D2C4C;
  font-weight: 500;
  padding-bottom: 2px;
}

.trade-up-program {
  padding-top: 40px;
  text-align: center;
}

.trade-up-program img {
  max-width: 300px;
  height: auto;
  margin-bottom: 20px;
}

.trade-up-program p {
  max-width: 630px;
  margin: 0 auto;
}

.trade-up-program h3 {
  max-width: 630px;
  margin: 0 auto 20px;
}

@media (max-width: 768px) {
  .trade-up-program h3 span {
    display: block;
  }
}

@media (max-width: 768px) {
  .hero-builder .page-top-title {
  margin: 0 0 20px 0;
  display: inline-block;
  width: 100%;
  font-size:36px;
  line-height: 1.2;
  }
  .hero-builder .press .press-logo {
  margin-top: 23px;
  }
  .hero-builder .press {
  margin-top: 100px;
  }
}

.builder-intro-section {
  padding: 60px 0 40px 0;
  position: relative;
}

@media (max-width: 767px) {
  .builder-intro-section {
  padding: 40px 0;
  }
}

.box-partner-benefits {
  padding: 40px 20px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
  position: relative;
  margin-top: 20px;
  display: inline-block;
  width: 100%;
  margin-bottom: 70px;
  z-index: 3;
}

.box-partner-benefits h6 {
  margin: 0 0 20px 0;
}


.partner-benefit-1 {
  padding: 0 20px 0 125px;
  background: url('https://imgdrop.imgix.net/benefit-icon-1.svg') 30px center no-repeat;
}

.partner-benefit-2 {
  border-left: 1px solid #f0f0f0;
  padding: 0 20px 0 125px;
  background: url('https://imgdrop.imgix.net/benefit-icon-2.svg') 40px center no-repeat;
}

@media (max-width: 767px) {
  .partner-benefit-2 {
  border-left: 0;
  border-top: 1px solid #f0f0f0;
  padding: 30px 20px 0 125px;
  margin-top: 30px;
  }
}

.process-steps-title {
  padding: 80px 0;
}

.builder-step {
  min-height: 180px;
  display: flex;
}

@media (max-width: 767px) {
  .builder-step {
  min-height: 0;
  margin-bottom: 30px;
  }
}

.builder-step .step-number {
  border: 1px solid #D0D3E0;
  height: 40px;
  width: 40px;
  min-width: 40px;
  text-align: center;
  color: #1D2C4C;
  line-height: 40px;
  font-weight: 500;
  border-radius: 50%;
  margin: 3px 25px 0 0;
}

.builder-step .step-description h6 {
  margin-top: 0;
  margin-bottom: 1.5rem;
}

/* --------------------------------------------------------------
/* =ESPANOL
-------------------------------------------------------------- */
#espanol-hero {
  padding: 60px 0;
  background: #f0f0f0 url('https://imgdrop.imgix.net/1da3a4f760a34ef98bcb20ee5663d4cf.jpg') top center no-repeat;
  background-size: cover;
}
#espanol-hero .card {
  padding: 40px;
  background: rgba(255,255,255,0.96);
}
#espanol-hero .card h1 {
  line-height: 1.2;
}
.route-espanol .checkmark-item {
  padding-left: 40px;
  background: url('https://imgdrop.imgix.net/checkmark-icon.svg') 0 no-repeat;
  margin: 12px 0;
}
.espanol-press {
  padding: 20px 0;
  text-align: center;
}
.spanish-support-people {
  padding: 40px 0;
  width: 340px;
  margin: 0 auto;
}
.contact-infos-spanish {
  padding: 20px;
  border: 2px solid rgba(255,255,255,0.1);
  border-radius: 3px;
  color: #fff;
  font-size: 20px;
}
.contact-infos-spanish a {
  margin: 0 10px;
  display: inline-block;
}
.testimonial-espanol .regular-container {
  padding: 60px 0;
  border-top: 1px solid #f0f0f0;
}
.route-espanol .core-values {
  background: linear-gradient(180deg,#f6f6f6 0,#fff 38%);
  padding: 60px 0;
}
.testimonial-espanol .kirk {
  width: 220px;
  margin: 0 auto;
  display: block;
}
.testimonial-espanol .kirk-quote-mark {
  margin: 20px 0;
}
.route-espanol .cta-hero {
  margin: 40px 0 0 0;
}
.route-espanol .promo-card:hover {
  box-shadow: 0 12px 45px 0 rgba(0,0,0,.2);
}
.route-espanol .promo-card.card-1-offer {
  background-size: 98% auto;
  background-position: bottom;
}
.route-espanol .promo-card {
  padding: 32px 64px;
  background: #fff;
  height: 515px;
  box-shadow: 0 12px 34px 0 rgba(0,0,0,.09);
  margin-bottom: 24px;
  transition: all .3s ease-in;
  position: relative;
  background-repeat: no-repeat;
}
.route-espanol .promo-card:hover {
  box-shadow: 0 12px 45px 0 rgba(0,0,0,.2);
}
.route-espanol .promo-card.card-2-consultation {
  background-size: 130% auto;
  background-position: 35% 180%;
}
.route-espanol .promo-card.card-3-inspection {
  background-size: 70% auto;
  background-position: bottom;
}
.route-espanol .promo-card.card-4-sale {
  background-size: 55% auto;
  background-position: bottom;
}
.route-espanol .promo-title {
  margin: 24px 0;
}
.route-espanol .promo-card-number {
  border: 1px solid #babcbc;
  height: 30px;
  width: 30px;
  text-align: center;
  color: #babcbc;
  line-height: 30px;
  margin: 0 auto;
  border-radius: 50%;
}
.contact-espanol {
  padding: 60px 0;
  background: #1C85E8;
}
@media (max-width: 767px) {
  #espanol-hero {
    padding: 0;
    background: #F5F8FB;
  }
  #espanol-hero .card {
    background: transparent;
    padding: 30px 0;
  }
  .espanol-press .press-logo {
    height: 17px;
    margin: 10px 15px;
  }
  .route-espanol .promo-card {
    height: 480px
  }
  .route-espanol .promo-card.card-2-consultation {
    background-position: 35% 120%;
  }
}

/* --------------------------------------------------------------
/* =AGENTS PAGE
-------------------------------------------------------------- */
#hero-agents {
  padding-top: 4rem;
  padding-bottom: 0;
  background-size: cover;
  background-color: #f2f2f2;
  background-repeat: no-repeat;
  background-position: bottom;
}
#hero-agents .big-headline {
  line-height: 1.25;
  margin-bottom: 30px;
}
#seller-input {
  max-width: 620px;
  margin: 0 auto;
}
#hero-agents .sub-input {
  position: relative;
  font-size: 20px;
  width: 100%;
  margin: 20px 0 140px;
}
#hero-agents .sub-input:before {
  left: 60px;
  top: -35px;
  transform: rotate(-35deg) scale(0.9);
}
#hero-agents .press {
  vertical-align: middle;
  padding: 30px 0;
  opacity: .9;
  background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.65) 80%);
}
#hero-agents .press-logo {
  display: inline-block;
  height: 25px;
  margin: 0 40px;
}
.beta-partner-program {
  background: #F5F8FB;
  padding: 80px 0;
  text-align: center;
}
.beta-partner-program .simple-chapeau {
  color: #1c85e8;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
}
.beta-partner-program .col-sm-4 {
  margin: 50px 0;
}
.beta-partner-program .small-container {
  max-width: 560px;
}
@media (max-width: 767px) {
  .beta-partner-program .col-sm-4 {
  margin: 20px 0;
  }
  #hero-agents .sub-input:before {
    display: none;
  }
}
.beta-partner-program .col-sm-4 img {
  margin: 0 0 10px 0;
}
.promo-section {
  padding: 80px 0 450px;
  background-size: 1600px auto;
  background-repeat: no-repeat;
  background-position: bottom;
  background-color: #fff;
  overflow: hidden;
}
.promo-section .promo-stat-block {
  border-top: 1px solid #f0f0f0;
  padding: 32px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.stat-infos {
  padding-left: 25px;
}
.stat-infos h6 {
  margin: 0;
}
.contact-us {
  background: #ffffff;
  padding: 80px 0;
}
.contact-us .agent {
  border-top: 1px solid #f0f0f0;
  padding: 25px 0;
}
.contact-us .agent .city-name {
  font-size: 12px;
  text-transform: uppercase;
  margin: 0;
}
.contact-us .agent h6 {
  margin: 0 0 25px 0;
}
/* --------------------------------------------------------------
/* =HOMES PAGE
-------------------------------------------------------------- */
.hero-homes {
  position: relative;
  padding: 50px 0 60px;
  /* background: #f0f0f0 url("https://imgdrop.imgix.net/42772e7dbc6a48ebbf134f58e261faa9.jpg?auto=format,compress") 50% no-repeat; */
  background-size: cover;
  z-index: 2;
  text-align: center;
}
.hero-homes .playstore {
  padding-left: 40px;
  margin: 0 10px;
  line-height: 1.2;
  background: #1c85e8 url('https://imgdrop.imgix.net/play-store-icon-white.svg') 17% 14px no-repeat;
}
.hero-homes .itunes {
  padding-left: 40px;
  margin: 0 10px;
  line-height: 1.2;
  background: #1c85e8 url('https://imgdrop.imgix.net/ios-logo-white.svg') 17% 14px no-repeat;
}

.hero-homes .playvid-box svg path {
  fill: #1c85e8;
}

.hero-homes .playvid-box svg {
  width: 40px;
  height: 40px;

}

.hero-homes .playvid-box {
  margin-top: 30px;
}

.hero-homes video {
  display: none;
}

@media (max-width: 767px) {
  .hero-homes {
    background: #f5f8fb;
  }
}

@media (min-width: 960px) {
  .hero-homes figure:before {
    position: relative;
    display: block;
    content: "";
    padding-top: 35%;
  }
}


@media (min-width: 768px) {

  .hero-homes {
    padding: 0
  }
  .hero-homes figure {
    background: #000;
    overflow: hidden;
    position: relative;
  }

  .hero-homes figure:before {
    position: relative;
    display: block;
    content: "";
    padding-top: 40%;
  }

  .hero-homes video {
    display: block;
    position: absolute;
    opacity: .9;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
  }

  .hero-homes .regular-container {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 130px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }

  .hero-homes-overlay {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: #000;
    opacity: .6;
  }

  .hero-homes .regular-container p {
    margin: 0;
    color: white;
    opacity: .8;
  }

  .hero-homes h1 {
    color: white;
  }

  .hero-homes .app-download-ctas {
    display: inline-flex;
    align-items: center;
  }

  .hero-homes .app-download-ctas .button {
    margin-right: 10px;
    padding: 15px 30px;
    align-self: center;
  }

  .hero-homes .playvid-box {
    display: flex;
    align-items: center;
    margin-left: 10px;
    align-self: center;
    margin-top: 0;
  }

  .hero-homes .playvid-box svg path {
    fill: #ffffff;
  }

  .hero-homes .playvid-box svg {
    width: 45px;
    height: 45px;

  }

  .hero-homes .playvid-box p {
    color: white;
    margin-left: 10px;
  }

}
#markets {
  margin-top: -20px;
  position: relative;
  z-index: 3;
}
#markets .resale-market-pill {
  padding: 20px;
  position: relative;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  border-radius: 4px;
  margin-bottom: 20px;
  transition: all ease-in-out 0.2s;
  overflow: hidden;
  cursor: pointer;
}
#markets .resale-market-pill::after {
  content: "";
  width: 30px;
  height: 20px;
  bottom: 25px;
  right: 20px;
  position: absolute;
  z-index: 14;
  background-image: url('https://imgdrop.imgix.net/b8591d4ebd624c499e6ff3eb24ae922f.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
#markets .resale-market-pill::before {
  content: "";
  height: 0;
  z-index: 1;
  background: #1C85E8;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all ease-in-out 0.2s;
}
#markets .resale-market-pill:hover::before {
  height: 100%;
}
#markets .resale-market-pill:hover {
  transform: scale(1.05);
  box-shadow: 0 20px 20px rgba(0, 0, 0, 0.05);
}
#markets .resale-market-pill:hover h6, #markets .resale-market-pill:hover a  {
  color: #ffffff;
  z-index: 2;
  position: relative;
}
#markets .resale-market-pill h6 {
  transition: all ease-in-out 0.2s;
}
#markets .market-block {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 300px;
  background: #3eb3e6;
  overflow: hidden;
  text-align: center;
  background-size: cover;
  background-position: 50%;
  margin-bottom: 12px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
#markets .market-block.coming-soon:after {
  position: absolute;
  padding: 2px 5px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  font-weight: 500;
  bottom: 15px;
  right: 15px;
  content: "COMING SOON";
  font-size: 12px;
  color: #fff;
  z-index: 3;
}
#markets .location {
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  z-index: 3;
  background: rgba(0,0,0,.2);
  transition: all .3s ease-in-out;
}
#markets .market-block:hover .location {
  background: rgba(0,0,0,.35);
}
#markets .location .city {
  font-family: 'Graphik',serif;
  font-weight: 600;
  font-size: 28px;
  line-height: 1;
  color: #fff;
}
#markets .location .state {
  margin-top: 10px;
  font-family: 'Graphik',sans-serif;
  font-weight: 500;
  color: #fff;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.buyer-value-props {
  padding: 80px 0;
}
.value-props-carousel {
  margin-top: 80px;
}
.value-props-carousel .slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding-left: 20px;
}
.value-props-carousel .slide-left-side {
  position: relative;
  padding: 60px;
  margin-top: 50px;
  height: 560px;
  width: 55%;
  background: #fff;
  box-shadow: 0 10px 35px rgba(0,0,0,.2);
  z-index: 5;
  box-sizing: border-box;
}

@media (max-width: 1199px) {
  .value-props-carousel .slide-left-side {
    height: 620px;
  }

  .value-props-carousel .slide-left-side h3 {
    margin-top: 0;
  }
}
.value-props-carousel .slide-left-side-nav {
  position: absolute;
  bottom: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
.slide-left-side-nav .nav-counter {
  width: 45px;
  height: 45px;
  margin-right: 15px;
  border-radius: 50%;
  border: 2px solid #f0f0f0;
  font-weight: 500;
  line-height: 44px;
  letter-spacing: 2px;
  color: #999;
  text-align: center;
}
.slide-left-side-nav .next-slide-link {
  color: #1c85e8;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.value-props-carousel .slide-right-side {
  position: relative;
  width: 60%;
  margin-left: -15%;
  z-index: 3;
}
.value-props-carousel .slide-right-side img {
  display: block;
  width: 100%;
  height: auto;
}
.listing-card-photo {
  height: 240px;
  position: relative;
  background-size: cover;
}
.listing-overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-image: linear-gradient(0deg,#000,transparent);
  color: #fff;
  text-shadow: 0 1px 0 rgba(0,0,0,.2);
}
.listing-card-info {
  padding: 18px;
}
.listing-card {
  position: relative;
  font-size: 14px;
  max-width: 772px;
  margin: 0 auto;
  padding: 0;
  box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1);
  border-radius: 3px;
  background-color: #fff;
}
.listing-details {
  opacity: 0.7;
}
.listing-card-address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #1d2c4c;
}
.listing-card  .listing-price {
  display: inline-block;
  padding: 18px 0 18px 18px;
  font-size: 18px;
  font-weight: 500;
}
.listing-label {
  float: right;
  padding: 3px 6px;
  margin: 18px 18px 18px 0;
  box-shadow: none;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  border-radius: 2px;
  background-color: #68e1c7;
}
.stories-section {
  background: linear-gradient(180deg,#fff 0,#e6e6e6);
  padding: 80px 0;
}
.stories-section .regular-container {
  border-top: 1px solid #f0f0f0;
  padding-top: 60px;
}
.story-box {
  background: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,.1);
  transition: all .3s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.image-container {
  overflow: hidden;
  height: 280px;
}
.fluid-width-img {
  display: block;
  width: 100%;
  height: auto;
}
.story-image {
  transition: all .3s ease;
}
.story-box:hover .story-image {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.story-box-infos .title {
  color: #1d2c4c;
  font-size: 28px;
  font-family: 'Graphik', serif;
  font-weight: 600;
  line-height: 1.3;
}
.story-box-infos .subtitle {
  margin: 18px 0;
  color: #525975;
  opacity: .5;
}
.story-box-infos {
  padding: 36px;
}
.happy-customer {
  color: #1c85e8;
  font: 700 80px/1.45 'Graphik', serif;
}
.sub-stat {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 20px;
  font-size: 20px;
  color: #525975;
}
.sub-stat:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 2px;
  width: 26px;
  margin-left: -13px;
  background: rgba(0,0,0,.1);
}
.stories-section .button {
  margin: 0 10px;
}
.press-post {
  color: #525975;
  padding: 0 24px;
}
.section-press .press-logo {
  display: inline-block;
  height: 20px;
  margin: 10px 0 20px;
  opacity: .3;
}
.text-italic {
  font-style: italic;
}
.section-press {
  padding: 60px 0;
}
.buyer-value-props .glance {
  position: relative;
  padding: 30px 0;
  cursor: pointer;
}
@media (max-width: 991px) {
  .hero-homes {
  padding: 50px 0 60px;
  background: #f5f8fb;
  }
  .buyer-value-props .slide-left-side {
  height: auto;
  width: 100%;
  padding: 0 0 140px;
  box-shadow: none;
  }
  .value-props-carousel .slide {
  padding-left: 0;
  padding-bottom: 30px;
  border-top: 1px solid rgba(0,0,0,.1);
  border-bottom: 1px solid rgba(0,0,0,.1);
  min-height: 538px;
  }
  .value-props-carousel .slide-left-side-nav {
  bottom: 30px;
  }
  .story-box .image-container {
  height: 215px;
  }
}
@media (max-width: 767px) {
  .latest-listings .listing-card, .story-box, .press-post {
  margin-bottom: 40px;
  }
  .value-prop {
    margin: 20px 0;
  }
}

/* --------------------------------------------------------------
/* = Home New template
-------------------------------------------------------------- */

/* Hero
============================================ */
.homesnew--hero {
  position: relative;
  min-height: 600px;
  display: flex;
  align-items: center;
}

.homesnew--hero .bg-mobile {
  display: none;
}

.homesnew--hero .hero-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.homesnew--hero .odkni--container {
  position: relative;
  z-index: 2;
  max-width: 1200px;
}

.homesnew--hero .text-box {
  max-width: 500px;
  position: relative;
}

.homesnew--hero h1 {
  color: #ffffff;
  font-size: 72px;
  line-height: 1.1em;
  margin-bottom: 30px;
  margin-top: 0;
}

.homesnew--hero small {
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  bottom: -25px;
  left: 0;
  display: none;
}

.homesnew--hero .white-logos-array {
  position: absolute;
  bottom: 35px;
  width: 100%;
}

.homesnew--hero .white-logos-array p {
  color: #ffffff;
  font-weight: bold;
  font-size: 18px;
}

.homesnew--hero .white-logos-array .odkni--container {
  display: flex;
  justify-content: space-between;
}

.homesnew--hero .white-logos-array img {
  max-width: 231px;
  max-height: 30px;
}


.homesnew--hero-bottom {
  display: none;
  margin-top: -60px;
  position: relative;
  height: 130px;
}


@media (min-width: 769px) {
  .homesnew--hero-bottom small {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .homesnew--hero small {
    display: none !important;
  }

  .homesnew--hero-bottom {
    display: block;
  }

  .homesnew--hero-bottom .newhome--location-select {
    padding: 20px 15px;
    position: relative;
  }

  .homesnew--hero-bottom .newhome--location-select.is-invisible {
    position: fixed;
    width: 90%;
    opacity: 0;
    bottom: -300px;
    transition: 1s;
    z-index: 10000;
  }

  .homesnew--hero-bottom .newhome--location-select.is-visible {
    position: fixed;
    width: 90%;
    opacity: 1;
    bottom: 20px;
    transition: 1s;
    z-index: 10000;
  }

  .homesnew--hero-bottom small {
    bottom: 0;
    left: 15px;
    position: absolute;
    display: none;
  }
}



.homesnew--hero-bottom-logos-array {
  display: none;
}

.homesnew--hero-bottom-logos-array .odkni--container {
  display: flex;
  justify-content: space-between;
}

.homesnew--hero-bottom-logos-array .odkni--container img {
  max-width: 110px;
  max-height: 16px;
}


@media (max-width: 768px) {
  .homesnew--hero-bottom-logos-array {
    display: block;
    margin-top: 20px;
  }

  .homesnew--hero {
    min-height: auto;
    position: relative;
  }

  .homesnew--hero small {
    display: none;
  }

  .homesnew--hero:before {
    content: '';
    position: relative;
    display: block;
    padding-top: 130%;
  }

  .homesnew--hero .bg-desk {
    display: none;
  }

  .homesnew--hero .bg-mobile {
    display: block;
  }

  .homesnew--hero .odkni--container {
    position: absolute;
    top: 8%;
    left: 5%;
  }

  .homesnew--hero .newhome--location-select {
    display: none;
  }

  .homesnew--hero h1 {
    font-size: 58px;
    text-align: center;
  }

  .homesnew--hero .text-box {
    max-width: 100%;
  }

  .homesnew--hero .white-logos-array {
    display: none;
  }
}


@media (max-width: 640px) {
  .homesnew--hero h1 {
    font-size: 42px;
    text-align: center;
  }
}



/* Locatino Select
============================================ */
.newhome--location-select {
  background: #ffffff;
  border-radius: 7px;
  overflow: hidden;
  box-shadow: 0px 19px 29px rgba(0, 0, 0, 0.23432);
  padding: 10px;
}

.newhome--location-select form {
  display: flex;
  justify-content: space-between;
}

.newhome--location-select .select-wrap {
  position: relative;
  width: 100%;
}

.newhome--location-select button {
  outline: none;
}



.newhome--location-select .select-wrap span {
  position: absolute;
  right: 0;
  top: 50%;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  transform: translateY(-50%);
  box-shadow: 0px 2px 29px rgba(0, 0, 0, 0.12642);
  pointer-events: none;
}

.newhome--location-select .select-wrap span svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 9px;
  transform: translate(-50%, -50%);
}

.newhome--location-select select {
  -webkit-appearance: none;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0 50px 0 25px;
  outline: none;
  background: #ffffff;
}

.newhome--location-select button.button.primary {
  position: relative;
  border-radius: 3px;
  white-space: nowrap;
  margin-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (max-width: 768px) {
  .newhome--location-select {
    box-shadow: 0px 19px 29px rgba(0, 0, 0, 0.101125);
  }

  .newhome--location-select form {
    flex-direction: column;
  }

  .newhome--location-select .select-wrap {
    margin-bottom: 20px;
  }

  .newhome--location-select select {
    padding-left: 10px;
  }

  .newhome--location-select button.button.primary {
    margin-left: 0;
  }
}






/* get app
============================================ */
.homesnew--getapp {
  padding: 0 30px;
  border-bottom: 1px solid #F0F0F0;
}

.homesnew--getapp .getapp-wrap {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: 20px 0;
}


.homesnew--getapp .getapp-wrap img {
  width: 42px;
  display: block;
}

.homesnew--getapp .getapp-wrap p {
  color: #526475;
  font-size: 18px;
  line-height: 1em;
  margin: 0 10px;
  padding: 0;
  width: 100%;
}

.homesnew--getapp .getapp-wrap a.button {
  white-space: nowrap;
  border-radius: 4px;
  padding: 10px 20px 10px 50px;
  font-size: 16px;
  position: relative;
}

.homesnew--getapp .getapp-wrap a.button .icon-wrap {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  display: block;
}

.homesnew--getapp .getapp-wrap a.button .icon-wrap img {
  width: 12px;
  display: inline-block;
}

@media (max-width: 768px) {
  .homesnew--getapp {
    display: none;
  }
}



/* Procedure
============================================ */
.homesnew--procedure {
  padding: 50px 0 0 0;
  position: relative;
}

@media (min-width: 769px) {
  .homesnew--procedure:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: #EEF4FA;
  }
}


.homesnew--procedure h2 {
  font-size: 32px;
  color: #00224A;
  text-align: center;
  margin: 0 auto 80px;
}


@media (max-width: 768px) {
  .homesnew--procedure h2 {
    font-size: 32px;
    margin: 0 auto 60px;
  }
}


.homesnew--procedure .col-wrap {
  display: flex;
  justify-content: space-between;
}

.homesnew--procedure .col {
  width: 46%;
  padding-bottom: 30px;
  background-color: #ffffff;
}

.homesnew--procedure .col figure {
  width: 100%;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 290px;
}

.homesnew--procedure .col figure:before {
  content: '';
  position: relative;
  display: block;
  padding-top: 100%;
}

@media (max-width: 620px) {
  .homesnew--procedure h2 {
    font-size: 20px;
    margin: 0 auto 40px;
  }
  .homesnew--procedure .col figure {
    height: 210px;
  }
}




.homesnew--procedure .col h4 {
  font-size: 26px;
  position: absolute;
  top: 10%;
  left: 7%;
  width: 70%;
  color: #ffffff;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
}

.homesnew--procedure .col h4.black {
  color: #002245;
}


@media (max-width: 768px) {
  .homesnew--procedure {
    padding-bottom: 0;
  }

  .homesnew--procedure .col-wrap {
    flex-direction: column;
  }

  .homesnew--procedure .col {
    width: 100%;
    margin-bottom: 50px;
    border-bottom: 0;
    padding-bottom: 0;
  }

  .homesnew--procedure .col h4 {
    font-size: 25px;
  }


  .homesnew--procedure .col p {
    font-size: 9px;
  }
}

.homesnew--procedure .col p {
  font-size: 17px;
  color: #002245;
  line-height: 1.5em;
  padding-right: 30px;
}

.homesnew--procedure .col span  {
  display: block;
  padding: 25px 0;
  font-size: 14px;
  color: #002245;
  font-weight: bold;
  background: #ffffff;
  position: relative;
}

.homesnew--procedure .col span:before  {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: calc(100% - 40px);
  height: 1px;
  background-color: #F0F0F0;
  transform: translateY(-50%);
}

.homesnew--procedure .col small  {
  display: block;
  font-size: 14px;
  color: #002245;
  opacity: 0.5;
  margin-top: 10px;
}

.homesnew--procedure .text-box {
  position: relative;
  overflow: hidden;
  padding-left: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #ffffff;
}
@media (max-width: 480px) {
  .homesnew--procedure .text-box {
    position: relative;
    overflow: hidden;
    padding-left: 0px;
    padding-top: 20px;
    padding-bottom: 0px;
    background-color: #ffffff;
  }  
}

.homesnew--procedure .col a {
  font-size: 16px;
  color: #1C85E8;
  font-weight: 600;
  line-height: 1em;
  margin-top: 30px;
  display: inline-block;
}

.homesnew--procedure .col a svg {
  width: 8px;
  height: 12px;
  display: inline-block;
  margin-right: 15px;
}



/* Highlight
============================================ */
.homesnew--hightlight {
  padding: 40px 0 80px 0;
  background: #EEF4FA;
}


.homesnew--hightlight .col-wrap {
  display: flex;
  justify-content: space-around;
}

.homesnew--hightlight .col {
  width: calc(100% / 3  - 5%);
  text-align: center;
}

.homesnew--hightlight .col h3 {
  margin: 0;
  font-size: 42px;
}

.homesnew--hightlight .col p {
  color: #526475;
  font-size: 18px;
  line-height: 1em;
}




@media (max-width: 768px) {
  .homesnew--hightlight {
    margin: 0;
    padding: 50px 0 0 0;
    background: #ffffff;
    border-top: 1px solid #F0F0F0;;
  }

  .homesnew--hightlight .col h3 {
    font-size: 22px;
    margin-bottom: 5px;
  }

  .homesnew--hightlight .col p {
    font-size: 12px;
  }
}

.homesnew--hightlight .col figure {
  width: 48px;
  height: 48px;
  position: relative;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto 10px;
}




/* Why
============================================ */
.homesnew--why {
  padding: 80px 0;
  overflow: hidden;
}

.homesnew--why .col-wrap {
  display: flex;
  justify-content: space-between;
}

.homesnew--why .col {
  width: 47%;
}

.homesnew--why h2 {
  font-size: 32px;
}

.homesnew--why h6 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
}

.homesnew--why ul {
  list-style: none;
  padding: 0 0 0 60px;
}

.homesnew--why li {
  position: relative;
}

.homesnew--why li p {
  font-size: 17px;
  line-height: 1.3em;
}

.homesnew--why li figure {
  position: absolute;
  left: -60px;
  top: 0;
  width: 42px;
  height: 44px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.homesnew--why .card-wrap {
  background: #ffffff;
  box-shadow: 0px 32px 43px rgba(0, 0, 0, 0.1);
}

.homesnew--why .card-wrap .text-box {
  padding: 30px 40px;
  position: relative;
}

.homesnew--why .card-wrap .text-box > * {
  position: relative;
  z-index: 3;
}


.homesnew--why .card-wrap img {
  width: 100%;
}

.homesnew--why .card-wrap h5 {
  font-size: 22px;
  color: #002245;
  margin: 0;
  margin-bottom: 15px;
}

.homesnew--why .card-wrap h5 span {
  color: #FF896F;
}

.homesnew--why .card-wrap p {
  font-size: 14px;
  color: #7F92A4;
}


@media (max-width: 768px) {
  .homesnew--why {
    padding: 30px 0;
    margin-top: 50px;
  }

  .homesnew--why h2 {
    font-size: 24px;
  }

  .homesnew--why .col-wrap {
    flex-direction: column;
  }

  .homesnew--why .card-wrap h5 {
    font-size: 18px;
  }

  .homesnew--why .col {
    padding-bottom: 40px;
  }

  .homesnew--why .col {
    width: 100%;
  }

  .homesnew--why .card-wrap .text-box:before {
    content: '';
    position: absolute;
    left: -50vw;
    top: 0;
    width: 200vw;
    height: 50vh;
    background: #ffffff;
  }

  .homesnew--why .card-wrap .text-box:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    box-shadow: 0px 32px 43px rgba(0, 0, 0, 0.1);
  }
}


/* Rate
============================================ */
.homesnew--rate {
  background: #202C4A;
  padding: 85px 0;
}

.homesnew--rate * {
  color: #ffffff;
}

.homesnew--rate .col-wrap {
  display: flex;
  justify-content: space-between;
}

.homesnew--rate h2 {
  font-size: 32px;
  line-height: 1.4em;
}

.homesnew--rate .col {
  width: 45%;
}


.homesnew--rate .col:first-child img {
  max-width: 250px;
  width: 100%;
}

.homesnew--rate .col:first-child p {
  font-size: 17px;
}

.homesnew--rate .col:first-child a.button {
  text-align: center;
  width: 100%;
  max-width: 240px;
  display: inline-block;
  margin-top: 50px;
}


.homesnew--rate table {
  width: 100%;
}

.homesnew--rate tr {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.homesnew--rate td {
  padding: 30px 10px;
  line-height: 1em;
}

.homesnew--rate td p {
  font-size: 28px;
  font-weight: bold;
  margin: 0;
  line-height: 1em;
}

.homesnew--rate td small {
  color: #8292A2;
  font-size: 12px;
  display: inline-block;
  margin: 0;
  line-height: 1em;
  font-weight: bold;
}

.homesnew--rate td:first-child {
  font-size: 18px;
  font-weight: bold;
  padding-left: 0;
}

.homesnew--rate .table-footnote {
  padding: 30px 50px 30px 0;
  position: relative;
}

.homesnew--rate .table-footnote small {
  font-size: 10px;
  font-weight: bold;
}

.homesnew--rate .table-footnote p {
  font-size: 14px;
  margin-top: 0;
}

.homesnew--rate .table-footnote img {
  width: 40px;
  position: absolute;
  top: 35px;
  right: 0;
}


@media (max-width: 768px) {
  .homesnew--rate {
    padding: 45px 0 250px;
  }

  .homesnew--rate .col-wrap {
    flex-direction: column;
  }

  .homesnew--rate .col {
    width: 100%;
    margin-bottom: 30px;
  }


  .homesnew--rate .col:first-child {
    text-align: center;
  }
}







/* Contact
============================================ */
.homesnew--contact {
  margin-top: 80px;
  margin-bottom: 80px;
}

.homesnew--contact .col-wrap {
  display: flex;
   justify-content: space-between;
}

.homesnew--contact .col {
  width: 46%;
}


.homesnew--contact .col:first-child img {
  width: 77px;
  display: block;
  margin: 0 auto;
}

.homesnew--contact .col:first-child p {
  font-size: 14px;
  text-align: center;
  max-width: 300px;
  margin: 0 auto;
}

.homesnew--contact h2 {
  font-size: 32px;
  text-align: center;
  line-height: 1.2em;
  max-width: 300px;
  margin: 30px auto 20px;
}

.homesnew--contact .col:last-child p {
  font-size: 14px;
  color: #525876;
  line-height: 1.9em;
}

.homesnew--contact .col:last-child small {
  display: inline-block;
  color: #525876;
  opacity: 0.5;
}

.homesnew--contact .col:last-child h4 {
  color: #1C2B4D;
  font-size: 18px;
}

.homesnew--contact .button-outline {
  display: block;
  border-radius: 500px;
  padding: 13px 30px;
  text-align: center;
  color: #147BD1;
  font-weight: 600;
  border: 1px solid rgba(208, 211, 224, 0.4);
  margin-bottom: 15px;
  transition: 0.35s;
}

.homesnew--contact .button-outline:hover {
  color: #ffffff;
  border: 1px solid #147BD1;
  background: #147BD1;
}

.homesnew--contact .button.primary {
  display: block;
  text-align: center;
  width: 100%;
  font-size: 16px;
  margin: 10px 0 50px;
}

.homesnew--contact #email-input-cta {
  width: 100%;
  margin-top: 50px;
}

.homesnew--contact input {
  width: 100%;
  border-radius: 50px;
  border: 1px solid rgba(208, 211, 224, 0.4);
  background: #FFFFFF;
  padding: 12px 20px;
  text-align: center;
  outline: none;
  font-size: 16px;
}

.homesnew--contact button.cta-button {
  border-radius: 50px;
  margin-top: 10px;
  outline: none;
  padding: 15px 20px !important;
  line-height: 1em;
}

.homesnew--contact button.cta-button span {
  display: inline-block;
}

.homesnew--contact .homesnew-loc-list a {
  display: inline-block;
  margin-right: 20px;
}


@media (max-width: 768px) {
  .homesnew--contact {
    margin-top: -250px;
    margin-bottom: 0;
  }

  .homesnew--contact .odkni--container {
    background: #ffffff;
    padding-top: 60px;
  }

  .homesnew--contact .col-wrap {
    flex-direction: column;
    align-items: center;
  }

  .homesnew--contact .col {
    width: 100%;
    text-align: center;
    margin-bottom: 80px;
  }

  .homesnew--contact #email-input-cta {
    padding: 0 8%;
  }

  .homesnew--contact .col:last-child h4 {
    text-align: center;
  } */
}



/* --------------------------------------------------------------
/* = End of Home New template
-------------------------------------------------------------- */


/* --------------------------------------------------------------
/* =sticky header
-------------------------------------------------------------- */
.sticky-header {
  position: fixed;
  top: 0;
  width: 100%;
  max-width: 1600px;
  height: auto;
  padding: 15px 25px;
  background: #ffffff;
  z-index: 99;
  display: flex;
  justify-content: space-between;
  opacity: 0;
  visibility: hidden;
  transition: all ease-in 0.3s;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.sticky-header.active {
  opacity: 1;
  visibility: visible;
}
#seller-input-sticky {
  width: 600px;
}
#seller-input-sticky .od-cta-input {
  border: 0;
  padding: 0;
  box-shadow: none;
}
#seller-input-sticky .cta-input-form {
  border-bottom: 1px solid #f0f0f0;
}
#seller-input-sticky .od-cta-input .cta-input-button {
  height: 102% !important;
}
.sticky-header__nav {
  line-height: 55px;
}
.sticky-header__nav a {
  margin: 0 0 0 20px;
  color: #525975;
}
.sticky-logo {
  display: block;
  margin: 15px 0;
  height: 25px
}
@media (max-width: 767px) {
  .sticky-header__nav {
    display: none;
  }
  .sticky-logo {
    display: none;
  }
}
/* --------------------------------------------------------------
/* =Campaign RDU landing page
-------------------------------------------------------------- */
.hero-rdu-campaign {
  background: #56C5D0 url('https://imgdrop.imgix.net/80b797c35ccf4e899c03bdd8b05b6078.svg') center 101% no-repeat;
  background-size: 1400px auto;
  position: relative;
}
.hero-rdu-campaign .regular-container {
  position: relative;
  z-index: 4;
}
.rdu-house-hero {
  width: 360px;
}
.hero-rdu-campaign .clouds {
  position: absolute;
  top: 100px;
  left: -1%;
  z-index: 1;
  animation: moving-clouds 60s infinite alternate;
 }
 @keyframes moving-clouds {
   0% {
     transform: translateX(0%);
   }
   100% {
     transform: translateX(100%);
   }
 }
.rdu-house-hero {
  display: block;
  margin: 50px auto -5px auto
}
.hero-rdu-campaign h1 {
  font-family: "graphik", sans-serif;
  font-size: 32px;
  line-height: 1.25;
  margin: 100px 0 30px 0;
}
.hero-rdu-campaign .sub-headline {
  margin: 30px 0 0 0;
}
.blog-article-block img {
  display: block;
  width: 100%;
}
.contact-block {
  padding: 50px 0;
}
.contact-block p {
  font-size: 14px;
}
.contact-block img {
  margin: 30px 0;
}
.campaign-contact-section .regular-container{
  border-top: 1px solid #f0f0f0;
}
.videos-rdu-campaign .small-container {
  padding: 50px;
}
.videos-rdu-campaign .regular-container {
  border-bottom: 1px solid #f0f0f0;
  padding: 40px 0 70px 0;
  margin-bottom: 70px;
}
#process-comp .regular-container {
  padding: 50px;
}
#process-comp .comp-card {
  padding: 40px;
  position: relative;
}
#process-comp .comp-card.traditional::after {
  content: '';
  position: absolute;
  top: 70px;
  left: -60px;
  width: 90px;
  height: 90px;
  background: url('https://imgdrop.imgix.net/6261fef545a04ca1bdcadb0730df4816.svg') center no-repeat;
  background-size: 100% 100%;
}
.videos-rdu-campaign .vids-thumbnails {
  margin-top: 30px;
}
#process-comp .comp-card h4 {
  margin: 0 0 90px 0;
}
#process-comp .comp-card p {
  color: #1D2C4C;
  width: 220px;
  margin-left: 30px;
  line-height: 1.4;
}
#process-comp .comp-detail {
  display: flex;
  align-content: flex-start;
  margin-top: 30px;
}
#process-comp .comp-detail img {
  width: 45px;
  height: auto;
}
#process-comp .comp-card strong {
  font-weight: bold;
  font-size: 24px;
}
#process-comp .comp-card.opendoor {
  background: #26D2D0;
  margin-bottom: 20px;
}
#process-comp .comp-card.traditional {
  background: #FFCFD0;
  margin-top: 60px;
}
#testimonial-campaign {
  padding: 50px 0;
  background: #F5F8FB;
}
#testimonial-campaign .testimonial-details {
  background: #fff;
  padding: 32px;
  margin-bottom: 24px;
}
#testimonial-campaign .testimonial-details-author {
  font-size: 14px;
  color: #1d2c4c;
  margin-top: 30px;
  font-weight: 600;
}
#testimonial-campaign .testimonial-details-author-metas {
  font-size: 12px;
}
#testimonial-campaign .testimonial-text-rdu {
  font-size: 18px;
  margin-top: 20px;
}
#perks-comps .competitor.competitor-opendoor {
  background: #fff;
  box-shadow: 0 20px 30px rgba(0,0,0,.2);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  z-index: 3;
}
#perks-comps .competitor {
  background: #f5f8fb;
  border-radius: 4px;
  overflow: hidden;
  padding: 0;
}
#perks-comps .competitor-header {
  display: inline-block;
  background: #dadde7;
  text-align: center;
  font-size: 18px;
  color: #1d2c4c;
  font-weight: 600;
  width: 100%;
}
#perks-comps ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#perks-comps .competitor ul li {
  padding-left: 32px;
  background: url('https://imgdrop.imgix.net/f6346783b1a147e2be6dda55f38091ef.svg') 0 0 no-repeat;
  margin: 24px 0;
}
#perks-comps .competitor.competitor-opendoor ul li {
  background: url('https://imgdrop.imgix.net/9a0784108aae4b10a43f183cb784afa8.svg') 0 0 no-repeat;
}
#perks-comps .competitor-header.opendoor {
  background: #1d2c4c;
  text-align: center;
}
#perks-comps .competitor-header h5 {
  height: 30px;
  line-height: 30px;
  margin: 30px auto;
  font-weight: 500;
}
#perks-comps .competitor-header.opendoor img {
  width: 150px;
  margin: 30px auto;
}
#perks-comps .competitor ul {
  padding: 12px 30px;
}
.blog-articles-rdu-campaign {
  padding: 50px 0;
}
.fluid-image {
  display: block;
  width: 100%;
  height: auto;
}
.blog-articles-row {
  margin: 50px auto;
}
.campaign-press-logos {
  padding: 60px 0;
}
#locations {
  padding: 80px 0;
  background: #1d2c4c;
}
.homepage-locations-map {
  width: 100%;
  display: block;
  height: auto;
  margin: 0 auto;
}
#locations sup {
  color: #1c85e8;
  font-weight: 700;
  font-size: 10px;
}
#locations h3 {
  margin: 0 0 30px 0;
}
#locations p {
  margin: 6px 0;
}

@media (max-width: 767px) {
  #perks-comps .competitor.competitor-opendoor {
    background: #fff;
    box-shadow: none;
    margin: 30px 0;
    border: 2px solid #1d2c4c;
    transform: scale(1);
    z-index: 3;
  }
  .rdu-house-hero {
    width: 90%;
    height: auto;
  }
  .hero-rdu-campaign h1 {
    font-size: 30px;
    margin: 50px 0 20px 0;
  }
  .homepage-locations-map {
    margin-top: 40px;
  }
  #process-comp .regular-container {
    padding: 50px 0;
  }
  #process-comp .comp-card.traditional::after {
    content: '';
    position: absolute;
    top: -48px;
    left: 280px;
  }
  .videos-rdu-campaign .small-container {
    padding: 40px 0;
  }
  .videos-rdu-campaign iframe {
    width: 320px;
    height: 220px;
    display: block;
    margin: 0 auto;
  }
  .vids-thumbnails {
    text-align: center;
  }
}

/* --------------------------------------------------------------
/* =Net proceeds Calculators (simple + builder)
-------------------------------------------------------------- */
.hero-calculator {
  margin: 60px 0 80px 0;
}
.hero-calculator h1 {
  font-size: 36px;
}

.hero-builder-calculator {
  padding: 40px 0;
  background: #F5F8FB;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .hero-calculator {
  margin: 40px 0;
  }
  .hero-calculator h1 {
  font-size: 28px;
  }
  img.calculator-img {
    width: 100px;
    display: block;
    margin: 0 auto;
    height: auto;
  }
}

.intro-builder {
  width: 70%;
  margin: 0 15% 50px 15%;
}

.builder-offer-dollars {
  width: 100%;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  padding: 10px 15px;
  background-color: #ffffff;
}

.table-head {
  font-size: 12px;
}

.table-head p {
  margin-bottom: 15px;
}

.price-input {
  display: flex;
  width: 260px;
  margin: 40px auto 0 auto;
  justify-content: space-between;
}

.price-input input {
  padding: 10px;
  border: 1px solid #F0F0F0;
  border-radius: 3px;
  display: inline-block;
  width: 65%;
  transition: all ease 0.3s;
  -webkit-appearance: none;
}

.calculator input {
  padding: 10px;
  border: 1px solid #F0F0F0;
  border-radius: 3px;
  display: inline-block;
  width: 80%;
  transition: all ease 0.3s;
  -webkit-appearance: none;
}

.calculator .row, .calculator-footer .row {
  margin: 0;
}

@media (max-width: 767px) {
  .calculator input {
  width: 100%;
  }
}

.calculator input:focus {
  border: 1px solid #1C85E8;
  box-shadow: 0 6px 30px #d2d2d2;
  outline: none;
}

.total-net-proceeds {
  font-size: 28px;
  color: #fff;
  font-weight: 500;
  margin: 0;
}

.costs-highlight {
  color: #fff;
  opacity: 0.7;
  margin: 10px 0;
  font-size: 16px;
  font-weight: 500;
}

.table-row {
  border-top: 1px solid #F0F0F0;
  padding: 20px 0;
}

.big-border-row {
  border-top: 4px solid #F0F0F0;
}

p.dollars {
  margin: 0;
  line-height: 49px;
}

.calculator-footer {
  background: #1c85e8;
  padding: 30px 0;
}

.detail-text {
  display: none;
  font-size: 12px;
  line-height: 1.4;
  padding: 0 40px 0 20px;
}

.has-tooltip {
  padding-left: 20px;
  background: url('https://imgdrop.imgix.net/info-icon.svg') left center no-repeat;
  background-size: 15px auto;
}

input.dollars {
  padding-left: 25px;
  background: #ffffff url('https://imgdrop.imgix.net/dollar-sign-icon.svg') 10px center no-repeat;
}

input.percentage {
  padding-right: 25px;
  background: #ffffff url('https://imgdrop.imgix.net/percentage-sign-icon.svg') 90% center no-repeat;
}

.net-proceeds-traditional {
  color: #1D2C4C;
  font: 500 28px/1.45 'Graphik',sans-serif;
}

.net-proceeds-opendoor {
  color: #1C85E8;
  font: 500 28px/1.45 'Graphik',sans-serif;
}

.page-template-builder-calculator h6 {
  color: #525975;
  font: 400 18px/1.45 'Graphik',sans-serif
}

/* --------------------------------------------------------------
/* =Homepage
-------------------------------------------------------------- */
#hero-homepage {
  position: relative;
  padding: 40px 0 0;
  background-color: #1c85e8;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('https://imgdrop.imgix.net/new-hero-image.jpg');
  overflow: hidden;
}

.hero-headline {
  color: #fff;
  line-height: 1.2;
  margin-bottom: 30px;
  font-size: 42px;
}

.sub-input {
  position: relative;
  width: 100%;
  margin: 20px 0 180px;
}

.hero-container {
  max-width: 550px;
  padding: 0 18px;
  z-index: 9;
  position: relative;
  -webkit-transform: translateX(-50px);
  transform: translateX(-50px);
}


.press {
  text-align: center;
  background: rgba(24,31,44,.7);
}

.press-logo {
  display: inline-block;
  margin: 20px 30px;
}

#hero-homepage .press-logo {
  margin: 17px 30px 10px;
}

#hero-homepage .press {
  padding: 0 0 15px 0;
}

.pin {
  color: #fff;
  text-align: center;
  position: absolute;
  width: 200px;
  display: inline-block;
}

.pin-opendoor {
  right: 13%;
  top: 16%;
}

.pin:after {
  content: "";
  height: 60px;
  width: 2px;
  background: #fff;
  position: absolute;
  bottom: -70px;
  left: 48%;
}

.pin-not-opendoor {
  opacity: .7;
  right: 30%;
  top: 23%;
}

.value-props-pins {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.sub-input:before {
  content: "";
  position: absolute;
  left: -45px;
  top: -35px;
  width: 50px;
  height: 50px;
  background: url('https://imgdrop.imgix.net/07a4d9f8bb9a4355a20cf6eb294d7b3c.svg') 50% no-repeat;
  -webkit-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transition: all .5s ease-in .5s;
  transition: all .5s ease-in .5s;
}

.sub-input.scrolled:before {
  -webkit-transform: rotate(-40deg) scale(1);
  transform: rotate(-40deg) scale(1);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 1;
}

.value-props {
  padding: 80px 0;
}

#how-it-works-homepage {
  padding: 50px 0;
  background: url('https://imgdrop.imgix.net/2fa85d8349394a06a269e9598ce987e6.jpg') center no-repeat;
  background-size: cover;
}

.seller-flow-video-container {
	position: relative;
    width: 100%;
    height: auto;
    margin: 50px auto 0 auto;
    background: #000;
    overflow: hidden;
    box-shadow: 0 20px 20px rgba(0,0,0,0.3);
}

.seller-flow-video-container iframe {
  display: block;
  margin-bottom: -1px;
  margin-top: -1px;
  vertical-align: bottom;
}

#perks-comps {
  padding: 50px 0;
}

.perks-comps-container {
  margin-top: 35px;
  padding-top: 50px;
  border-top: 1px solid #dedede;
}

.antiperk-list, .perk-list {
  margin: 40px 0 0 0;
  padding: 0;
}

.perk-list li {
  background: url('https://imgdrop.imgix.net/checkmark-blue.svg') 0 3px no-repeat;
}

.antiperk-list li, .perk-list li {
  padding-left: 34px;
  list-style: none;
  margin-top: 15px;
}

.antiperk-list li {
  background: url('https://imgdrop.imgix.net/minus-grey.svg') 0 3px no-repeat;
}

.customer-slide-photo {
  width: 100%;
  display: block;
}

.slick-next {
  right: -70px;
  background: url('https://imgdrop.imgix.net/arrow-next.svg') 50% no-repeat;
}

.slick-prev {
  left: -70px;
  background: url('https://imgdrop.imgix.net/arrow-prev.svg') 50% no-repeat;
}

.slick-arrow {
  width: 35px;
  height: 35px;
  top: 50%;
  opacity: 0.3;
  position: absolute;
  text-indent: 9999px;
  overflow: hidden;
}

.slick-arrow:hover {
  opacity: 0.6;
}

.one-slide .customer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 20px 0 20px 0;
  text-align: center;
  box-sizing: border-box;
}

.customer-quote {
  font-family: 'Graphik',serif;
  color: #1d2c4c;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 18px;
}

.testimonial-text {
  font-size: 22px;
  position: relative;
  margin-top: 64px;
  color: #1d2c4c;
}

.testimonials-slider .one-slide {
  position: relative;
}

.testimonial-text:before {
  content: "";
  position: absolute;
  top: -40px;
  left: 0;
  width: 24px;
  height: 17px;
  background: url('https://imgdrop.imgix.net/blue-quotemark.svg');
}

.customer-quote {
  font: 700 26px/1.45 'Graphik', serif;
  color: #1d2c4c;
  margin: 20px 0;
  padding: 0 30px;
}

.customer-bg-photo {
  padding: 120px 0 80px 0;
  background: url('https://imgdrop.imgix.net/f1f4acc6d9da4ff88bad20e13fb5539a.jpg') bottom right no-repeat;
  background-size: 70% auto;
}

#mission-statement {
  background-image: url('https://imgdrop.imgix.net/2ec1b9715afd47e2b8c9984d1b59b346.jpg');
  padding: 120px 0;
  background-color: #1c85e8;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
}

.prefooter-box {
  margin: -20px 0 20px;
  padding: 32px;
  background: #f5f8fb;
  text-align: center;
}

@media (max-width: 991px) {

  .seller-flow-video-container {
  width: 320px;
  margin: 20px auto -80px auto;
  display: block;
  }

  .seller-flow-video-container iframe {
  width: 320px;
  height: 180px;
  }

  .prefooter-box {
    margin: -20px 0 40px;
  }

  #hero-homepage .press-logo {
  height: 17px;
  margin: 12px 15px 5px;
  }
}

.prefooter-box-img {
  margin: 18px 0;
}

.testimonials-slider {
  margin-bottom: -30px;
}

@media (max-width: 1199px) {

  .one-slide .customer {
  position: relative;
  margin: 0 0 -40px;
  padding: 20px;
  background: #fff;
  }

  .slick-arrow {
  top: 20%;
  }

  .slick-arrow.slick-next {
  right: -20px;
  }

  .slick-arrow.slick-prev {
  left: -20px;
  }

  #hero-homepage .hero-container {
  text-align: center;
  padding: 0 6px;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  margin: 0 auto;
  }

  #hero-homepage .sub-input {
  width: 100%;
  margin: 20px 0 0;
  font-size: 14px;
  }

  .value-props-pins {
  position: relative;
  top: inherit;
  right: inherit;
  width: 100%;
  height: 215px;
  }

  #hero-homepage {
  background-image: url('https://imgdrop.imgix.net/5e9797abbc6948568e706292c7316e39.jpg?ch=Width,DPR&dpr=2&w=1600');
  background-position: bottom;
  }
}

@media (max-width: 767px) {
  .trad-title {
  margin-top: 40px;
  }

  .customer-quote {
  font-size: 18px;
  line-height: 1.3;
  }

  .customer-details {
  font-size: 12px;
  }

  .hero-headline {
  font-size: 32px;
  }

  .value-props-pins {
  height: 170px;
  }

  #hero-homepage {
  padding: 40px 0 0;
  background-image: url('https://imgdrop.imgix.net/fb17f53502604fc7a441dfdcce7deee1.jpg?ch=Width,DPR&dpr=2');
  background-size: 100% auto;
  }
}

/* --------------------------------------------------------------
/* =PRICING
-------------------------------------------------------------- */
.pricing-hero {
  background: #f5f8fb 100% no-repeat;
  background-size: auto 100%;
  padding: 6rem 0 8rem 0;
}
.pricing-hero .quotemarks {
  margin: 0 0 20px 0;
}
.testimonial-name {
  color: #1d2c4c;
  font-weight: 500;
}
.comp-table {
  padding-top: 7rem;
  padding-bottom: 6rem;
}
.comp-table .opendoor-col {
  background: #1c85e8;
  padding: 8px 32px;
  color: #fff;
}
.comp-table .traditional-sale-col {
  background: #f5f8fb;
  padding: 8px 32px;
}
.comp-table .legend-col {
  background: #fff;
  padding: 12px 32px 12px 0;
}
.comp-table .legend-col p {
  font-size: 14px;
}
.comp-table .disclaimer {
  padding-top: 30px;
  font-size: 12px;
}
.comp-table .percentage {
  font-size: 44px;
  line-height: 1;
}
.empty-cell {
  min-height: 83px;
}
.comp-table .value {
  font-size: 22px;
}
.comp-table .legend-title {
  padding-top: 12px;
  font-size: 18px;
  border-top: 1px solid rgba(0,0,0,.1);
}
.price {
  font-size: 24px;
}
.opendoor-col .fees-label {
  border-bottom: 1px solid hsla(0,0%,100%,.2);
  padding: 30px 0 40px;
}
.traditional-sale-col .fees-label {
  border-bottom: 1px solid rgba(0,0,0,.1);
  padding: 30px 0 40px;
}
.value-props-box-section {
  padding-top: 5px;
  position: relative;
  background-size: cover;
  background-position: center top;
  background-color: rgba(0,135,236,0.1);
  background-repeat: no-repeat;
}
.value-props-box {
  padding: 4em 6em;
  margin: 0 auto;
  box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1);
  border-radius: 3px;
  width: 100%;
  background-color: #fff;
  position: relative;
  z-index: 2;
  display: inline-block;
  margin-bottom: -40px;
}
.section-header {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.service-promise {
  padding: 80px 0;
}
@media (max-width: 991px) {
  .traditional-sale-col .fees-label {
  padding: 15px 0;
  border: none;
  font-size: 12px;
  }
  .opendoor-col .fees-label {
  padding: 15px 0;
  border: none;
  font-size: 12px;
  }
  .opendoor-col {
  text-align: center;
  }
  .traditional-sale-col {
  text-align: center;
  }
  .legend-col {
  text-align: center;
  padding: 12px 0;
  }
  .comp-table .legend-title {
  border-top: none;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(0,0,0,.1);
  margin: 0;
  }
  .comp-table .price, .comp-table .value {
  font-size: 14px;
  }
  .value-props-box {
  padding: 3em;
  }
}
@media (max-width: 767px) {
  .pricing-hero {
  background: #f5f8fb!important;
  text-align: center;
  }
}

/* --------------------------------------------------------------
/* =MORTGAGE CALCULATOR
-------------------------------------------------------------- */
.hero-mortgage-calculator {
  background: #f5f8fb;
  padding: 40px 0;
}
.mortgage-calculator-module {
  padding: 50px 0;
}
.result-box {
  width: 40%;
  float: left;
  padding-right: 60px;
}
.inputs-box {
  width: 60%;
  float: left;
  border-left: 1px solid #f0f0f0;
  padding-left: 60px;
}
.payment-label {
  text-align: center;
  color: #525975;
  font-size: 12px;
}
.monthly-payment {
  font: 700 64px/1.45 'Graphik', serif;
  text-align: center;
  color: #1D2C4C;
  margin: 15px 0 0 0;
}
.line-graph {
  position: relative;
  margin: 30px 0 40px 0;
  overflow: hidden;
  height: 10px;
  background: #ffffff;
}
.line-graph:after {
  content: '';
  display: block;
  clear: both;
}
.one-line {
  float: left;
  border-radius: 5px;
  height: 10px;
  z-index: 1;
  cursor: pointer;
  transition: all ease-in-out 0.2s;
}
.one-line:hover, .one-line.hover {
  opacity: 0.6;
  z-index: 3;
}
.one-line.line-principal {
  background: #1C85E8;
}
.one-line.line-property-tax {
  background: #FFC259;
}
.one-line.line-insurance {
  background: #AB80DE;
}
.breakdown-item {
  padding: 10px 5px 10px 25px;
  position: relative;
  border-radius: 5px;
  font-size: 15px;
  cursor: pointer;
  transition: all ease-in 0.3s;
}
.breakdown-item:hover, .breakdown-item.hover {
  background: #F5F8FB;
}
.breakdown-item:after {
  display: block;
  content: '';
  clear: both;
}
.item-name {
  width: 65%;
  float: left;
  display: inline-block;
}
.item-dollar-amount {
  width: 20%;
  float: left;
  color: #1D2C4C;
  font-weight: 500;
  display: inline-block;
}
.item-percentage {
  width: 15%;
  float: left;
  text-align: right;
  display: inline-block;
}
.breakdown-item:before {
  content: '';
  position: absolute;
  top: 18px;
  height: 8px;
  border-radius: 50%;
  width: 8px;
  left: 8px;
}
.breakdown-item.principal:before {
  background: #1C85E8;
}
.breakdown-item.property-tax:before {
  background: #FFC259;
}
.breakdown-item.insurance:before {
  background: #AB80DE;
}
.one-input-row {
  display: block;
  position: relative;
  margin-bottom: 20px;
}
.one-input-row:after {
  display: block;
  content: '';
  clear: both;
}
.one-input-row:after {
  display: block;
  content: '';
  clear: both;
}
.input-label {
  float: left;
  width: 30%;
  padding: 12px 0;
  font-size: 14px;
  color: #1D2C4C;
  text-align: right;
}
.tooltip-content {
  padding: 15px;
  border-radius: 4px;
  background: #F5F8FB;
  font-size: 12px;
  float: left;
  width: 100%;
  margin-top: 10px;
  display: none;
}
.input-label.with-tooltip {
  background: url('https://imgdrop.imgix.net/info-icon.svg') 92% center no-repeat;
  background-size: 15px auto;
  padding-right: 35px;
  cursor: pointer;
}
.page-headline {
  float: left;
  width: 40%;
}
.page-headline h1 {
  font: 700 32px/1.2 'Graphik', serif;
  margin: 5px 0;
}
.calculator-icon {
  float: left;
  margin-right: 20px;
}
.intro {
  float: left;
  width: 60%;
  font-size: 14px;
  border-left: 1px solid #E7EAF4;
  padding-left: 45px;
  margin: 18px 0px;
}
.input-label.with-tooltip:hover {
  opacity: 0.7;
}
.input-container {
  float: left;
  width: 70%;
}
.input-container input {
  display: inline-block;
  padding: 10px;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  width: 100%;
  outline: none;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.select-style {
  padding: 0;
  margin: 0;
  border: 1px solid #f0f0f0;
  width: 100%;
  border-radius: 3px;
  overflow: hidden;
  background-color: #fff;
  background: #fff url('https://imgdrop.imgix.net/dropdown.svg') no-repeat 95% center;
}
.select-style select {
  padding: 10px 15px;
  outline: none;
  width: 99%;
  border: none;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.input-container input.percentage-value {
  padding-left: 30px;
  background: url('https://imgdrop.imgix.net/percent-sign-small-grey.svg') 10px center no-repeat;
}
.input-container.double-inputs input.percentage-value {
  background: url('https://imgdrop.imgix.net/percent-sign-small-grey.svg') 10px center no-repeat;
}
.input-container input.yearly-dollars {
  background: url('https://imgdrop.imgix.net/per-year-small-grey.svg') 95% center no-repeat;
}
.input-container.double-inputs input.yearly-dollars {
  background: url('https://imgdrop.imgix.net/per-year-small-grey.svg') 90% center no-repeat;
}
.input-container input.dollar-amount {
  padding-left: 30px;
  background: url('https://imgdrop.imgix.net/dollar-sign-small-grey.svg') 10px center no-repeat;
}
.input-container input:focus {
  border: 1px solid #D0D3E0;
}
.input-container .error {
  color: #FF7F82;
  font-size: 12px;
  margin: 5px 0 0 0;
  display: none;
  float: left;
  width: 100%;
}
input.disabled {
  background-color: #f0f0f0 !important;
}
.double-inputs input {
  width: 50%;
  float: left;
  display: inline-block;
}
.double-inputs input:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0
}
.double-inputs input:nth-child(2) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.mode-toggles button {
  color: #1C85E8;
  -webkit-appearance:none;
  display: inline-block;
  float: right;
}
.mode-toggles button:hover {
  opacity: 0.5;
}
.arrow-down {
  content: '';
  cursor: pointer;
  position: absolute;
  border: 1px solid #f0f0f0;
  top: 0;
  margin: -15px 0 0 -15px;
  left: 50%;
  background: #ffffff url('https://imgdrop.imgix.net/dropdown.svg') center no-repeat;
  height: 30px;
  width: 30px;
  border-radius: 50%;
}
.mortgage-calculator-cta-section {
  background-size: auto 100%;
  z-index: 3;
  text-align: center;
  position: relative;
}
.mortgage-calculator-cta-section .regular-container {
  padding: 50px 10%;
  border-top: 1px solid #f0f0f0;
}
.mortgage-calculator-cta-section h2 {
  font: 700 32px/1.45 'Graphik', serif;
}
.mortgage-calculator-disclosure {
  padding: 40px 0 60px 0;
}
.mortgage-calculator-disclosure p:first-child {
  margin-bottom: 15px;
}

@media (max-width: 767px) {
  .page-headline {
  width: 100%;
  }
  .intro {
  width: 100%;
  font-size: 15px;
  border-left: 0;
  padding-left: 0;
  margin: 22px 0 0 0;
  padding-top: 20px;
  border-top: 1px solid #f0f0f0;
  }
  .result-box {
  width: 100%;
  padding: 0
  }
  .inputs-box {
  width: 100%;
  float: left;
  border-top: 1px solid #f0f0f0;
  border-left: 0;
  padding-left: 0;
  padding-top: 30px;
  margin: 30px 0 0 0;
  }
  .input-label, .input-container {
  width: 100%;
  text-align: left;
  }
  .input-label.with-tooltip {
  background: url('https://imgdrop.imgix.net/info-icon.svg') right center no-repeat;
  }
  .one-vp {
  margin-bottom: 30px;
  }
  .mortgage-calculator-cta-section .small-container {
  padding: 0;
  }
}

/* --------------------------------------------------------------
/* =404
-------------------------------------------------------------- */

.hero-404 {
  background: #f5f8fb;
}

.headline-404 {
  display: inline-block;
  margin-top: 70px;
}

.door-404 {
  width: 100%;
  max-width: 500px;
  height: auto;
  display: block;
  margin: 70px auto 0 auto;
}

.footer-404 {
  padding: 60px 0;
  text-align: center;
}

.footer-404 ul {
  padding: 20px 0;
}

.footer-404 ul li {
  display: inline-block;
  list-style: none;
  margin: 5px 10px;
}

/* --------------------------------------------------------------
/* =PRESS
-------------------------------------------------------------- */
.press-page-top {
  margin-bottom: 60px;
  background-size: cover;
  background-position: center;
}
.press-page-top .page-top-title {
  color: #ffffff;
  text-align: left;
}
.entry-content hr {
  border-top: 1px solid #f0f0f0;
  border-bottom: 0;
  height: 1px;
  width: 100%;
  display: block;
  margin: 50px 0;
}
.entry-content p {
  margin: 20px 0 40px 0;
}
.entry-content blockquote p {
  margin: 0;
}

/* --------------------------------------------------------------
/* =VENDOR
-------------------------------------------------------------- */
.hero-vendor {
  background: url('https://imgdrop.imgix.net/313b4d0ee36943e7baf8b5a987e92d84.png') top center no-repeat;
  background-size: cover;
  position: relative;
  padding: 70px 0;
}
.hero-intro-vendor {
  margin: 30px 0;
  width: 300px;
}
.hero-vendor .button  {
  margin: 5px 0;
  width: 280px;
  text-align: center;
}
.press-light {
  background: transparent;
}
.press-light .press-logo {
  height: 25px;
}
.intro-vendor {
  padding: 40px 0 60px 0;
}
.vendor-value-props .regular-container {
  border-top: 1px solid #f0f0f0;
  padding-top: 25px;
  padding-bottom: 60px;
}
.vendor-value-prop-block {
  padding: 0 0 20px 0;
}
.vendor-testimonial-photo-container {
  text-align: right;
}
.vendor-testimonial-quote {
  margin-top: 40px;
  color: #1C85E8;
  font-style: italic;
  padding-left: 35px;
  position: relative;
}
.vendor-contact-form {
  padding: 60px 0;
}
.vendor-contact-form .form-box form {
  padding: 20px 50px;
  background: #ffffff;
  margin: 60px 0 0 0;
}
.wpcf7-validation-errors {
  background: #ff3333;
  color: #ffffff;
  text-align: center;
  border-radius: 3px;
  border: 0 !important;
}
.wpcf7-mail-sent-ok {
  background: #2ecc71;
  color: #ffffff;
  text-align: center;
  border-radius: 3px;
  border: 0 !important;
}
.vendor-contact-form .form-box form .wpcf7-response-output {
  padding: 15px !important;
  margin: 0 !important;
}
span.wpcf7-not-valid-tip {
  font-size: 0.7em !important;
  color: #ff3333 !important;
}
div.wpcf7 .ajax-loader.is-active {
  display: none !important;
}
.vendor-contact-form .form-box form label {
  color: #525975;
  font-size: 13px;
  margin-top: 20px;
  font-weight: 400;
}
.vendor-contact-form .form-box form .wpcf7-submit {
  width: 200px;
  margin: 20px auto 0 auto;
  background-color: #1c85e8;
  color: #fff;
  border-radius: 3px;
  display: block;
}
.vendor-contact-form .form-box form input,
.vendor-contact-form .form-box form textarea {
  border: 1px solid #f0f0f0;
  padding: 10px;
  border-radius: 3px;
  width: 100%;
}
.vendor-testimonial-quote:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 24px;
  height: 17px;
  background: url('https://imgdrop.imgix.net/blue-quotemark.svg');
  opacity: 0.3;
}
.vendor-categories-section {
  padding: 60px 0;
}
ul.pills {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.pills li {
  border: 1px solid #f0f0f0;
  padding: 5px 15px;
  display: inline-block;
  margin: 5px 2px;
  border-radius: 20px;
}
.service-areas-label {
  font-size: 14px;
  margin: 15px 0 10px 0;
}
.service-areas .regular-container {
  border-top: 1px solid #f0f0f0;
  padding: 30px 0 60px 0;
}
.service-areas h5 {
  margin: 20px 0 0 0;
}
.market-emails .col-md-4 {
  margin-top: 50px;
  text-align: center;
}
.market-emails .col-md-4 h6{
  margin: 0px;
}
.market-emails {
  margin: 50px auto;
}


/* --------------------------------------------------------------
/* =PACE LOADING BAR
-------------------------------------------------------------- */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #1C85E8;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}


/* --------------------------------------------------------------
/* =ABOUT PAGE
-------------------------------------------------------------- */
.route-about .story-text {
  padding: 0 15px;
  text-align: left;
}
.route-about .hero-about {
  background: url("https://imgdrop.imgix.net/1605b2e3e1514989a9f458dfb4170827.jpg?auto=format,compress&ch=Width,DPR&dpr=2&fit=max&w=1680") top center no-repeat;
  background-size: cover;
  position: relative;
  background-position: center 80%;
  background-size: cover;
  padding: 9rem 0 11rem;

}
.route-about .hero-headline {
  color: #fff;
  text-shadow: 0 0 10px rgba(0,0,0,.1);
  font-size: 50px;
}
.route-about .od-stamp {
  position: absolute;
  top: -25px;
  right: 11%;
}
.route-about .box-about-intro {
  margin-top: -70px;
  position: relative;
  z-index: 5;
  background: #ffffff;
  padding: 70px 100px;
  box-shadow: 0 24px 35px rgba(0, 0, 0, 0.1);
}
.route-about .box-about-intro h2 {
  max-width: 360px;
  margin-bottom: 50px;
  font-size: 28px;
  line-height: 1.2;
}
.route-about .box-about-intro .chapeau-story {
  color: #1C85E8;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
}
.route-about .intro-team {
  padding: 0 0 40px 0;
  text-align: center;
  border-bottom: 1px solid rgba(0,0,0,.1);
  margin-bottom: 60px;
}
.route-about section#team {
  padding-top: 0;
}
.route-about section#team .team-category {
  margin-top: 40px;
}
.route-about .regular-container {
  margin-right: auto;
  margin-left: auto;
  max-width: 960px;
}
.route-about .show-bio {
  display: inline-block;
  margin-bottom: 40px;
}
.route-about .show-bio .infos {
  float: left;
  margin: 0 40px;
  width: 120px;
  text-align: center;
}
.route-about img.img-circle {
  border-radius: 100%;
}
.route-about img.about-emoji {
  display: block;
  margin: 20px auto;
  margin-top: 0;
  width: 100px;
}
.route-about .infos h5 {
  font-size: 16px;
}
.route-about .infos h6 {
  opacity: .5;
  font-size: 12px;
  font-weight: 400;
}
.route-about .show-bio .full_bio {
  display: table;
  font-size: 14px;
}
@media (max-width: 1199px) {
  .route-about .regular-container {
    max-width: 720px;
  }
}
@media (max-width: 991px) {
  .route-about .story-text {
    text-align: center;
  }
  .route-about .show-bio .infos {
    float: none;
    margin: 0;
    width: auto;
  }
  .route-about .show-bio .about-emoji {
    width: 80px;
  }
}
@media (max-width: 767px) {
  .route-about .regular-container {
    max-width: 90%;
  }
  .route-about h1.big-headline {
    font-size: 32px;
  }
  .route-about .od-stamp {
    position: absolute;
    top: -10px;
    right: 20px;
    width: 60px;
    height: auto;
  }
  .route-about .box-about-intro {
    margin-top: 0px;
    padding: 50px 0;
    box-shadow: none;
    border-bottom: 1px solid rgba(0,0,0,0.1);
  }
}

/* --------------------------------------------------------------
/* =CONTACT US PAGE
-------------------------------------------------------------- */
.route-contact-us h1.big-headline {
  font-size: 50px;
  margin: 0;
}
.route-contact-us section.top {
  background: #0C2340;
  padding: 80px 0;
}
.route-contact-us .contacts .col-sm-4:nth-child(2) {
  border-left: 1px solid rgba(0,0,0,.1);
  border-right: 1px solid rgba(0,0,0,.1);
}
.route-contact-us section.offices {
  margin-top: -220px;
  padding-top: 64px;
  padding-bottom: 64px;
}
.route-contact-us .one-office-box {
  border-top: 1px solid #f0f0f0;
  padding: 32px 0;
}
.route-contact-us .one-office-box h4 {
  margin: 0 0 24px 0;
}
/*
.route-contact-us section.offices .col-sm-6 {
  padding: 0 24px;
}
.route-contact-us .box-location {
  box-shadow: 0 0 15px rgba(0,0,0,.1);
  transition: all .3s ease;
  background: #fff;
}
.route-contact-us .box-location:hover {
  box-shadow: 0 0 30px rgba(0,0,0,.2);
}
.route-contact-us .visual {
  position: relative;
  height: 350px;
  background: #62cbfc;
  overflow: hidden;
}
.route-contact-us .market-name {
  position: absolute;
  width: 100%;
  top: 45px;
  color: #fff;
  font-size: 100px;
  text-align: center;
  font-family: Graphik,serif;
  font-weight: 600;
  z-index: 3;
}
.route-contact-us .market-state {
  position: absolute;
  width: 100%;
  top: 180px;
  color: #fff;
  font-size: 12px;
  letter-spacing: 6px;
  font-family: Graphik,sans-serif;
  text-align: center;
  z-index: 5;
  text-transform: uppercase;
}
.route-contact-us .location {
  display: inline-block;
  height: auto;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: all .3s ease;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
}
.route-contact-us .box-location:hover .location {
  -webkit-transform: translateY(-50px);
  transform: translateY(-50px);
}
.route-contact-us .infos {
  padding: 40px;
}
.route-contact-us section.offices .col-sm-6 {
  padding: 0 24px;
*/
@media (max-width: 991px) {
  .route-contact-us .market-name {
    font-size: 80px;
  }
  .route-contact-us .market-state {
    top: 150px;
  }
  .route-contact-us .contacts {
    margin: 40px 0;
  }
  .route-contact-us .contacts h5 {
    font-size: 18px;
    margin: 0;
  }
  .route-contact-us .contacts p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .route-contact-us h1.big-headline {
    font-size: 32px;
  }
  .route-contact-us .contacts .col-sm-4:nth-child(2) {
    padding: 32px 0;
    border: 0;
  }
  .route-contact-us section.offices {
    margin-top: -60px;
  }
  .route-contact-ussection {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

/* --------------------------------------------------------------
/* =GUARANTEE PAGE
-------------------------------------------------------------- */
.route-guarantee section.intro
{
  background:#1c85e8
}
.route-guarantee section.intro .content
{
  position:relative;
  z-index:2
}
.route-guarantee section.intro .tagline-cont
{
  margin-bottom:72px
}
.route-guarantee section.intro .tagline
{
  margin-bottom:24px;
  line-height:1.35em
}
@media (max-width:767px)
{
  .route-guarantee section.intro .tagline
  {
    font-size:24px;
    max-width:100%
  }
}
@media (max-width:767px)
{
  .route-guarantee section.intro .view-listings
  {
    width:160px
  }
}
@media (max-width:767px)
{
  .route-guarantee section.intro
  {
    padding-top:4rem
  }
}
.route-guarantee section.warranty
{
  padding:100px 0;
  background-position:top;
  background-repeat:no-repeat;
  background-size:cover
}
.route-guarantee section.warranty .buttons a+a
{
  margin-left:20px
}
.route-guarantee section.money-back
{
  background:#1d2c4c
}
.route-guarantee section.money-back h2,.route-guarantee section.money-back p
{
  color:#fff
}
.route-guarantee section.money-back .money-back-info
{
  padding:3em 0;
  background:url("https://imgdrop.imgix.net/30-day-satisfaction.png") no-repeat;
  background-size:365px;
  background-position:right -50px
}
@media (max-width:767px)
{
  .route-guarantee section.money-back .money-back-info
  {
    padding:0;
    background-image:none
  }
}
.route-guarantee section.money-back .money-back-icon
{
  position:relative;
  width:65%;
  top:-25px;
  left:25%;
  margin-bottom:-24px
}
.route-guarantee .faq-container
{
  margin-bottom:3em
}

/* --------------------------------------------------------------
/* =STORIES PAGE
-------------------------------------------------------------- */
.route-stories section {
  padding-top: 4rem;
  padding-bottom: 4rem;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}
.route-stories .stories-list
{
  padding:0
}
.route-stories .od-story-card-full+.od-story-card-full
{
  margin-top:60px
}
.route-stories .od-story-card-full {
  display: block;
}
.route-stories .od-story-card-full .story-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  cursor: pointer;
}
.route-stories .od-story-card-full .story-box-visual {
  width: 70%;
  height: 500px;
  z-index: 2;
  overflow: hidden;
  -ms-flex-preferred-size: auto;
  -webkit-flex-basis: auto;
  flex-basis: auto;
}
.route-stories .od-story-card-full .story-image {
  display: block;
  height: auto;
  width: 100%;
  -webkit-transition: all .7s ease-in;
  transition: all .7s ease-in;
}
.route-stories .od-story-card-full .story-box-info {
  box-sizing: border-box;
  width: 50%;
  height: 430px;
  padding: 60px;
  margin: 35px 0 0 -20%;
  background: #fff;
  z-index: 4;
  box-shadow: 0 10px 45px rgba(0,0,0,.1);
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
  -ms-flex-preferred-size: auto;
  -webkit-flex-basis: auto;
  flex-basis: auto;
}
.route-stories .od-story-card-full .story-title {
  margin-bottom: 30px;
  font-family: Graphik,serif;
  line-height: 1.4;
}
.route-stories .od-story-card-full .story-title {
  margin-bottom: 30px;
  font-family: Graphik,serif;
  line-height: 1.4;
}
.route-stories .od-story-card-full .story-box.description-left .story-box-info {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  -webkit-order: -1;
  order: -1;
  margin: 35px -20% 0 0;
}
@media (max-width: 1199px){
  .route-stories .od-story-card-full .story-box-visual {
    height: auto;
    width: 100%;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
  }
  .route-stories .od-story-card-full .story-box-info {
    max-width: 90%;
    height: auto;
    -ms-flex-preferred-size: 90%;
    -webkit-flex-basis: 90%;
    flex-basis: 90%;
    margin: -40px 5% 0;
  }
  .route-stories .od-story-card-full .story-box.description-left .story-box-info {
    margin: -40px 5% 0;
  }
}
@media (max-width: 767px) {
  .route-stories .od-story-card-full .story-box-info {
    padding: 35px;
    text-align: center;
  }
}
.route-stories .od-story-card-full .story-box-info:hover {
  box-shadow: 0 15px 45px rgba(0,0,0,.2);
}
.route-stories .story-box {
  box-shadow: none;
}

/* --------------------------------------------------------------
/* =STORY PAGE
-------------------------------------------------------------- */
.route-story .top {
  padding: 0;
}
.route-story section {
  padding-top: 4rem;
  padding-bottom: 4rem;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}
.route-story .story-box {
  position: relative;
  padding: 80px 0;
  margin-top: -140px;
  background: #fff;
  box-shadow: 0 15px 35px rgba(0,0,0,.1);
  z-index: 4;
}
.route-story .story-box .title h1 {
  font-size: 32px;
}
.route-story .story-metas {
  margin: 40px 0;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0,0,0,.1);
}
.route-story .story-metas .text-small {
  margin-top: 10px;
}
.route-story .prose p {
  font-size: 18px;
  margin-bottom: 24px;
}
.route-story .inside-block {
  margin: 60px 0;
}
.route-story .quote {
  margin-top: 60px;
  font-family: Graphik,serif;
  font-weight: 600;
  color: #1d2c4c;
  font-size: 22px;
}
.route-story .cx-picture {
  margin: 30px 0 20px;
}
.route-story .story-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-top: 60px;
}
.route-story .prev {
  text-align: left;
  display: block;
}
.route-story .prev a {
  position: relative;
  padding: 10px 0 0 30px;
  color: #525975;
  text-align: left;
  font-size: 22px;
  display: block;
}
.route-story .prev a:before {
  content: "";
  position: absolute;
  top: 15px;
  left: 0;
  height: 30px;
  width: 20px;
  background: url(https://imgdrop.imgix.net/arrow-prev.svg) 0 no-repeat;
  background-size: 10px auto;
  opacity: .3;
}
.route-story .story-nav .nav-label {
  font-size: 12px;
}
.route-story .story-nav p {
  color: #1d2c4c;
  font-weight: 500;
  line-height: 1;
}
.route-story .button:not(.link) {
  padding: 15px 20px;
  font-size: 14px;
  font-weight: 500;
}
.route-story .button.secondary {
  border: 2px solid #f0f0f0;
  color: #525975;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  display: inline-block;
  background: #fff;
}
.route-story .next {
  text-align: right;
  display: block;
}
.route-story .next a {
  position: relative;
  padding: 10px 30px 0 0;
  color: #525975;
  text-align: right;
  font-size: 22px;
  display: block;
}
.route-story .next a:before {
  content: "";
  position: absolute;
  top: 15px;
  right: 0;
  height: 30px;
  width: 20px;
  background: url(https://imgdrop.imgix.net/arrow-next.svg) 100% no-repeat;
  background-size: 10px auto;
  opacity: .3;
}
.route-story .bottom-story {
  border-top: 1px solid rgba(0,0,0,.1);
  padding-top: 40px;
  margin-top: 40px;
}
@media (max-width: 1199px) {
  .route-story .story-nav {
    border-top: 1px solid rgba(0,0,0,.1);
  }
}
@media (max-width: 767px) {
  .route-story .story-nav {
    padding-top: 20px;
  }
  .route-story .medium-headline {
    margin: 0;
  }
}
@media (max-width: 1199px) {
  .route-story .prev a {
    padding: 10px 0 0 20px;
    font-size: 16px;
  }
}
@media (max-width: 1199px) {
  .route-story .next a {
    padding: 10px 20px 0 0;
    font-size: 16px;
  }
}
@media (max-width: 1199px) {
  .route-story .story-box {
    margin-top: 0;
    padding: 20px 0 40px;
    box-shadow: none;
  }
}

/* --------------------------------------------------------------
/* =HOW IT WORKS PAGE
-------------------------------------------------------------- */
.route-how-it-works ul {
  padding: 0;
}
.route-how-it-works section {
  padding-top: 4rem;
  padding-bottom: 4rem;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}
.route-how-it-works .how-it-works-intro {
  background: linear-gradient(#f5f8fb,#fff);
  padding-top: 6rem;
  padding-bottom: 5rem;
}
.route-how-it-works .main {
  padding-top: 4rem;
  padding-bottom: 4rem;
  max-width: 1600px;
}
.route-how-it-works .intro
{
  background:linear-gradient(#f5f8fb,#fff)
}

.route-how-it-works .timeline
{
  position:relative;
  border-top:1px solid #f0f0f0
}

@media (max-width:991px)
{
  .route-how-it-works .timeline
  {
    margin:0 auto;
    max-width:340px
  }
}
.route-how-it-works .timeline .timeline-label
{
  font-size:12px;
  margin-top:6px;
  margin-bottom:32px;
  opacity:.5
}
.route-how-it-works .timeline-step
{
  position:relative;
  width:2px;
  margin:0 auto;
  list-style-type:none;
  background:#f0f0f0
}
@media (max-width:991px)
{
  .route-how-it-works .timeline-step
  {
    margin:0
  }
}
.route-how-it-works .timeline-step:nth-child(2n) .step-container
{
  left:100px;
}
.route-how-it-works .timeline-step:nth-child(2n) .step-container.scrolled
{
}
@media (max-width:991px)
{
  .route-how-it-works .timeline-step:nth-child(2n) .step-container
  {
    left:40px
  }
}
.route-how-it-works .timeline-step:nth-child(2n) .step-container:before
{
  left:-80px
}
@media (max-width:991px)
{
  .route-how-it-works .timeline-step:nth-child(2n) .step-container:before
  {
    left:-30px
  }
}
.route-how-it-works .timeline-step:nth-child(odd) .step-container
{
  left:-400px;
  text-align:right;
}
.route-how-it-works .timeline-step:nth-child(odd) .step-container.scrolled
{
}
@media (max-width:991px)
{
  .route-how-it-works .timeline-step:nth-child(odd) .step-container
  {
    left:40px;
    text-align:left
  }
}
.route-how-it-works .timeline-step:nth-child(odd) .step-container:before
{
  right:-80px
}
@media (max-width:991px)
{
  .route-how-it-works .timeline-step:nth-child(odd) .step-container:before
  {
    left:-30px;
    right:auto
  }
}
.route-how-it-works .timeline-step:hover:after
{
  border:10px solid cf;
  background:#1c85e8
}
.route-how-it-works .timeline-step:after
{
  content:"";
  position:absolute;
  transition:all .2s ease;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  width:8px;
  height:8px;
  border-radius:50%;
  background:inherit;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: border-box;
  box-sizing: content-box;

}
.route-how-it-works .process-transition
{
  max-width:400px;
  text-align:center;
  margin:64px auto
}
@media (max-width:991px)
{
  .route-how-it-works .process-transition
  {
    text-align:left;
    margin:32px 0
  }
}
.route-how-it-works .crucial-step:after
{
  top:5px;
  border:10px solid #fff;
  background:#1c85e8
}
@media (max-width:991px)
{
  .route-how-it-works .crucial-step:after
  {
    top:25px
  }
}
.route-how-it-works .crucial-step .step-container:before
{
  top:18px;
  background:#1c85e8
}
@media (max-width:991px)
{
  .route-how-it-works .crucial-step .step-container:before
  {
    top:38px
  }
}
.route-how-it-works .regular-step:after
{
  top:120px;
  border:10px solid #fff;
  background:#506d7e
}
@media (max-width:991px)
{
  .route-how-it-works .regular-step:after
  {
    top:140px
  }
}
.route-how-it-works .step-container
{
  position:relative;
  bottom:0;
  width:290px
}
@media (max-width:991px)
{
  .route-how-it-works .step-container
  {
    padding:24px 0
  }
}
.route-how-it-works .step-container:before
{
  content:"";
  position:absolute;
  top:133px;
  width:60px;
  height:2px;
  background:#f0f0f0
}
@media (max-width:991px)
{
  .route-how-it-works .step-container:before
  {
    top:153px;
    width:20px
  }
}

.route-how-it-works form {
  display: block;
  margin: 0;
  position: relative;
}

.route-how-it-works .od-cta-input {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

.route-how-it-works .od-cta-input {
  display: block;
  padding: 10px;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  box-shadow: none;
}

.route-how-it-works #seller-input {
  max-width: none;
}

.route-how-it-works .button.primary {
  padding: 0 1.5em;
  font-size: 16px;
  background-color: #1c85e8;
  color: #fff;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  display: inline-block;
  /* position: absolute; */
  top: 0;
  right: 0;
  height: 100%;
  width: auto;
  z-index: 2;
  border-radius: 2px;
  font-weight: 500;
}

/* --------------------------------------------------------------
/* =HOW IT WORKS NEW
-------------------------------------------------------------- */

.route-how-it-works-new .how-it-works-intro {
  padding: 70px 0 80px;
  position: relative;
}

.route-how-it-works-new h1 {
  font-size: 56px;
  color: #1D2C4C;
  letter-spacing: 0;
  line-height: 60.4px;
  margin: 0 auto 4px;
}

.route-how-it-works-new .how-it-works-intro p {
  font-size: 16px;
  color: #1D2C4C;
}

.route-how-it-works-new div.vertical-spacer {
  position: absolute;
  bottom: 0;
  left: calc(50% - 1px);
  background: #D1E8F8;
  height: 35px;
  width: 2px;
  z-index: 3;
}

@media (max-width: 1199px) {
  .route-how-it-works-new h1 {
    font-size: 46px;
  }

  .route-how-it-works-new div.vertical-spacer {
    display: none;
  }
}

@media (max-width: 767px) {
  .route-how-it-works-new .how-it-works-intro {
    padding: 40px 0;
  }
  .route-how-it-works-new h1 {
    font-size: 24px;
    line-height: 24px;
  }

  .route-how-it-works-new .how-it-works-intro p {
    max-width: 260px;
    font-size: 14px;
    line-height: 17px;
  }
}

.route-how-it-works-new ul.hiw-toggle-nav {
  display: flex;
  justify-content: space-between;
  list-style-type: none;
  margin: 0;
  padding: 45px 0 0;
}

@media (min-width: 1200px) {
  .route-how-it-works-new ul.hiw-toggle-nav {
    max-width: 660px;
    margin: 0 auto;
  }
}

.route-how-it-works-new ul.hiw-toggle-nav li {
  min-width: 145px;
  text-align: center;
  transition: all 250ms ease;
}

.route-how-it-works-new ul.hiw-toggle-nav a {
  position: relative;
  color: #7F92A4;
  cursor: pointer;
  font-family: 'Graphik';
  font-size: 16px;
  font-weight: 600;
  line-height: 38px;
  text-transform: uppercase;
  display: inline-flex;
}

.route-how-it-works-new ul.hiw-toggle-nav li span {
  margin-left: 2px;
}

.route-how-it-works-new ul.hiw-toggle-nav a:focus {
  text-decoration: none;
}

.route-how-it-works-new ul.hiw-toggle-nav li:hover a {
  color: #1C85E8;
}

.route-how-it-works-new ul.hiw-toggle-nav li a:after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background: transparent;
  transition: background 250ms ease-in-out;
}

.route-how-it-works-new ul.hiw-toggle-nav li:hover a:after {
  background: #1C85E8;
}


.route-how-it-works-new ul.hiw-toggle-nav li.active a {
  color: #1C85E8;
}

.route-how-it-works-new ul.hiw-toggle-nav li.active a:after {
  background: #1C85E8;
}


@media (max-width: 767px) {
  .route-how-it-works-new ul.hiw-toggle-nav {
    padding: 0;
    max-width: 90%;
    margin: 0 auto;
  }

  .route-how-it-works-new ul.hiw-toggle-nav li {
    min-width: 85px;
  }

  .route-how-it-works-new ul.hiw-toggle-nav li a {
    font-size: 8px;
    line-height: 20px;
    padding-bottom: 15px;
    text-align: center;
    display: inline-block;
  }

  .route-how-it-works-new ul.hiw-toggle-nav li span {
    display: block;
    font-size: 18px;
  }
}

/* .route-how-it-works-new .hiw-tab {
  display: none;
}

.route-how-it-works-new .hiw-tab.active {
  display: block;
} */

.route-how-it-works-new .hiw-content {
  background-color: #D1E8F8;
}

.route-how-it-works-new .hiw-content .top-copy {
  display: flex;
  position: relative;
}

.route-how-it-works-new .hiw-content .top-copy .copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 60%;
  padding: 80px 0 50px;
}

.route-how-it-works-new .hiw-content .top-copy h3 {
  margin: 0 0 20px;
  font-size: 32px;
  color: #1D2C4C;
  line-height: 38px;
}


.route-how-it-works-new .hiw-content .top-copy p {
  margin: 0;
  max-width: 430px;
}

.route-how-it-works-new .hiw-content .top-copy figure {
  width: 40%;
  overflow-y: visible;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}

.route-how-it-works-new .hiw-content .top-copy {
  display: block;
  position: relative;
}

.route-how-it-works-new .hiw-content .top-copy .img-box {
  position: absolute;
  bottom: -15px;
  right: 15px;
}

.route-how-it-works-new .hiw-content .top-copy .img-box.trade-in {
  bottom: -17px;
}

.route-how-it-works-new .hiw-content .top-copy img {
  max-width: 100%;
  height: 210px;

}

@media (max-width: 1199px) {
  .route-how-it-works-new .hiw-content .top-copy .copy {
    justify-content: initial;
  }
  .route-how-it-works-new .hiw-content .top-copy h3 {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .route-how-it-works-new .hiw-content .top-copy {
    flex-direction: column;
  }

  .route-how-it-works-new .hiw-content .top-copy .copy {
    padding: 30px 0;
    text-align: center;
    width: 100%;
  }

  .route-how-it-works-new .hiw-content .top-copy figure {
    position: relative;
    top: auto;
    right: auto;
    text-align: center;
    width: 100%;
  }

  .route-how-it-works-new .hiw-content .top-copy .img-box {
    position: relative;
    bottom: auto;
    right: auto;
    margin-bottom: -11px;
  }

  .route-how-it-works-new .hiw-content .top-copy .img-box.trade-in {
    bottom: auto;
    margin-bottom: -12px;
  }

  .route-how-it-works-new .hiw-content .top-copy img {
    max-width: 100%;
    margin: 0 auto;
    height: 150px;
  }

  .route-how-it-works-new .hiw-content .top-copy h3 {
    font-size: 22px;
    line-height: 26px;
    max-width: 230px;
    margin: 0 auto 15px;

  }

  .route-how-it-works-new .hiw-content .top-copy p {
    max-width: 320px;
    margin: 0 auto;
  }
}

.route-how-it-works-new .hiw-content .main-content {
  background-color: white;
  border-radius: 11px 11px 0 0;
}

.route-how-it-works-new .hiw-content .steps-wrap {
  padding: 70px 50px;
}

.route-how-it-works-new .hiw-content .step {
  display: flex;
  position: relative;
  padding-bottom: 45px;
}

.route-how-it-works-new .hiw-content .step:after {
  position: absolute;
  content: '';
  left: 14px;
  top: 30px;
  height: 100%;
  width: 2px;
  background: #F7FAFD;
}

.route-how-it-works-new .hiw-content .step:last-of-type {
  padding-bottom: 0;
}

.route-how-it-works-new .hiw-content .step:nth-last-of-type(2):after {
  background-image: linear-gradient(to bottom, #F7FAFD, #2BC8A7);
}

.route-how-it-works-new .hiw-content .step:last-of-type:after {
  display: none;
}

.route-how-it-works-new .hiw-content .step .number {
  width: 30px;
  height: 30px;
  background: #1C85E8;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Graphik';
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  color: white;
  margin-right: 35px;
}

.route-how-it-works-new .hiw-content .step .copy {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: calc(100% - 65px);
}

.route-how-it-works-new .hiw-content .step h6 {
  max-width: 230px;
  font-size: 20px;
  color: #1D2C4C;
  line-height: 26px;
  margin: 0;
}

.route-how-it-works-new .hiw-content .step p {
  font-size: 16px;
  color: #7F92A4;
  line-height: 25px;
  max-width: 475px;
  margin: 0;
}

.route-how-it-works-new .hiw-content .step p:not(:last-of-type) {
  margin-bottom: 16px;
}

@media (max-width: 1199px) {
  .route-how-it-works-new .hiw-content .step .copy {
    flex-direction: column;
  }

  .route-how-it-works-new .hiw-content .step h6 {
    max-width: 100%;
    margin-bottom: 25px;
  }

  .route-how-it-works-new .hiw-content .step p {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .route-how-it-works-new .hiw-content .step {
    padding-bottom: 40px;
  }
  .route-how-it-works-new .hiw-content .steps-wrap {
    padding: 30px 20px;
  }

  .route-how-it-works-new .hiw-content .step:after {
    position: absolute;
    content: '';
    left: 11px;
    top: 24px;
  }

  .route-how-it-works-new .hiw-content .step .number {
    width: 24px;
    height: 24px;
    font-size: 13px;
    line-height: 13px;
    margin-right: 20px;
  }

  .route-how-it-works-new .hiw-content .step h6 {
    font-size: 16px;
    line-height: 22px;
  }
  .route-how-it-works-new .hiw-content .step .copy {
    width: calc(100% - 44px);
  }


}

.route-how-it-works-new .hiw-content .bottom-copy {
  display: flex;
  padding: 60px 0;
}

.route-how-it-works-new .hiw-content .bottom-copy .left {
  width: 40%
}

.route-how-it-works-new .hiw-content .bottom-copy .right {
  width: 60%
}

.route-how-it-works-new .hiw-content .bottom-copy h4 {
  max-width: 200px;
  font-size: 24px;
  color: #092C4D;
  line-height: 26px;
  margin-bottom: 30px;
}

.route-how-it-works-new .hiw-content .bottom-copy a.button {
  padding: 11.5px 30px;
  font-weight: 600;
  font-size: 18px;
  color: #FFFFFF;
  text-align: center;
}
.route-how-it-works-new .hiw-content .bottom-copy h6 {
  font-size: 12px;
  color: #7F92A4;
  line-height: 26px;
  margin: 0 0 20px;
  text-transform: uppercase;
}

.route-how-it-works-new .hiw-content .bottom-copy ul {
  margin: 0 ;
  padding: 0;
  list-style-type: none;
}

.route-how-it-works-new .hiw-content .bottom-copy ul a {
  font-family: 'Graphik';
  font-size: 16px;
  color: #1C85E8;
  line-height: 27px;
}

@media (max-width: 1199px) {
  .route-how-it-works-new .hiw-content .bottom-copy {
    flex-direction: column;
  }

  .route-how-it-works-new .hiw-content .bottom-copy .left,
  .route-how-it-works-new .hiw-content .bottom-copy .right {
    width: 100%;
    text-align: center;
  }

  .route-how-it-works-new .hiw-content .bottom-copy h4 {
    margin: 0 auto 30px;
    max-width: 300px;
    font-size: 20px;
  }

  .route-how-it-works-new .hiw-content .bottom-copy a.button {
    margin-bottom: 30px;
    font-size: 16px;
  }
}

.route-how-it-works-new .hiw-testimonial {
  display: flex;
  background: #FFBC95;
  justify-content: flex-end;
  position: relative;
}

@media (min-width: 1200px) {
  .route-how-it-works-new .hiw-testimonial .quote-box {
    position: absolute;
    margin: 0 auto;
    max-width: 960px;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 2;
    height: 100%;
    display: flex;
    align-items: center;
  }

  .route-how-it-works-new .hiw-testimonial .quote-box .inner {
    position: absolute;
    left: 0;
    width: 480px;
    background: white;
  }
}

.route-how-it-works-new .hiw-testimonial .quote-box .inner {
  padding: 80px 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.route-how-it-works-new .hiw-testimonial .quote-box p {
  margin: 0;
  font-size: 14px;
  color: #092C4D;
  line-height: 24px;
}

.route-how-it-works-new .hiw-testimonial .quote-box h4 {
  font-weight: 600;
  font-size: 32px;
  color: #092C4D;
  line-height: 40px;
  margin: 30px 0 50px;
}


.route-how-it-works-new .hiw-testimonial .quote-box h4.small {
  font-size: 22px;
  line-height: 1.3em;
}


.route-how-it-works-new .hiw-testimonial figure {
  width: 65%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
}

.route-how-it-works-new .hiw-testimonial figure:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 60%;
}

@media (max-width: 1199px) {
  .route-how-it-works-new .hiw-testimonial figure {
    width: 50%;
    order: 1;
  }

  .route-how-it-works-new .hiw-testimonial figure:before {
    padding-top: 100%;
  }

  .route-how-it-works-new .hiw-testimonial .quote-box {
    width: 50%;
    order: 2;
    background: white;
    border: 11px solid #FFBC95;
  }

  .route-how-it-works-new .hiw-testimonial .quote-box .inner {
    height: 100%;
  }
}

@media (max-width: 767px) {
  .route-how-it-works-new .hiw-testimonial {
    flex-direction: column;
  }

  .route-how-it-works-new .hiw-testimonial figure {
    width: 100%;
  }


  .route-how-it-works-new .hiw-testimonial figure:before {
    padding-top: 75%;
  }

  .route-how-it-works-new .hiw-testimonial .quote-box {
    width: 100%;
  }

  .route-how-it-works-new .hiw-testimonial .quote-box .inner {
    padding: 40px 20px;
    align-items: center;
  }

  .route-how-it-works-new .hiw-testimonial .quote-box p {
    font-size: 12px;
    line-height: 24px;
    text-align: center;
  }

  .route-how-it-works-new .hiw-testimonial .quote-box h4 {
    font-size: 24px;
    line-height: 27px;
    text-align: center;
  }
}


/* --------------------------------------------------------------
/* =TRADE IN PAGE
-------------------------------------------------------------- */
.route-homeiswhere .p-bottom-15 {
  padding-bottom: 15px;
}
.route-homeiswhere .hero {
  border-top: 1px solid #f0f0f0;
  padding-bottom: 120px;
}
.route-homeiswhere .hero .blue-box {
  background: #1d2c4c;
  padding: 50px;
}
.route-homeiswhere .hero .subhead {
  position: relative;
  margin-top: 40px;
}
.route-homeiswhere .hero .subhead::before {
  content: "";
  height: 2px;
  width: 100px;
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: -25px;
  left: 50%;
  margin-left: -50px;
}
.route-homeiswhere .iframe-video-container {
  margin-bottom: -140px;
  margin-top: 40px;
}
.route-homeiswhere .p-top-15 {
  padding-top: 15px;
}
.route-homeiswhere .margin-top-bottom-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.route-homeiswhere .fabric-background {
  background: #dedede url('https://imgdrop.imgix.net/223bac9c99b54c91913bbfae99fab4e3.png') repeat;
  background-size: auto 440px;
}
.route-homeiswhere .text-warm-grey {
  color: #625f5d;
}
.route-homeiswhere .social-share-buttons .button {
  margin: 5px 10px;
}
.route-homeiswhere .social-btn {
  height: 50px;
  padding: 12px 30px 12px 60px;
  margin: 0 5px;
  text-align: left;
  background-color: #1c85e8;
  background-repeat: no-repeat;
  background-position: 15% center;
  border-radius: 35px;
  color: #ffffff;
  display: inline-block;
  background-size: auto 45%;
  transition: all ease 0.3s;
}
.route-homeiswhere .social-btn .social-btn-label {
  font-size: 10px;
  margin: 0;
  line-height: 1.1;
}
.route-homeiswhere .social-btn .social-btn-title {
  font-size: 15px;
  font-weight: 600;
  margin: 0;
  line-height: 1.2;
}
.route-homeiswhere .social-btn:hover {
  background-color: #cd7d69;
}
.route-homeiswhere .social-btn.facebook {
  background-image: url('https://imgdrop.imgix.net/dff94bef464f40fbb2cb34d3c5063d27.svg');
}
.route-homeiswhere .social-btn.twitter {
  background-image: url('https://imgdrop.imgix.net/ec861f8b952a477298a1aa73ef1aaa14.svg');
}
.route-homeiswhere .social-btn.instagram {
  background-image: url('https://imgdrop.imgix.net/ddc5b9e6aee547cd9004eee734d80aff.svg');
}
.route-homeiswhere .step-number {
  font-size: 17px;
  height: 35px;
  width: 35px;
  border-radius: 100%;
  font-weight: 600;
  display: block;
  position: relative;
  margin: 0 auto;
  line-height: 32px;
  color: #cd7d69;
  border: 2px solid #cd7d69;
}
.route-homeiswhere h1 {
  font: 600 64px/1.15 'Graphik',sans-serif;
  letter-spacing: -1px;
}
.route-homeiswhere .step-number.step-in-between::before {
    content: '';
    background: rgba(0,0,0,0.1);
    width: 240px;
    height: 2px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: -260px;
}
.route-homeiswhere .step-number.step-in-between::after {
    content: '';
    background: rgba(0,0,0,0.1);
    width: 240px;
    height: 2px;
    text-align: center;
    position: absolute;
    top: 50%;
    right: -260px;
}
.route-homeiswhere .value-prop-description {
  margin: 15px 5px;
}
.route-homeiswhere .rules {
  font-size: 12px;
  padding: 0 0 20px 15px;
}
@media (max-width:991px)
{
  .route-homeiswhere h1 {
    font: 600 34px/1.3 'Graphik',sans-serif;
  }
  .route-homeiswhere .step-number.step-in-between::before, .route-homeiswhere .step-number.step-in-between::after {
    display: none;
  }
  .route-homeiswhere .hero .regular-container {
    max-width: 100%;
  }
  .route-homeiswhere .hero .blue-box {
    padding: 40px 30px 0 30px;
  }
  .route-homeiswhere .hero {
    padding-bottom: 0;
  }
  .route-homeiswhere .iframe-video-container {
    margin-bottom: 0;
    margin-top: 20px;
  }
  .route-homeiswhere .social-btn {
    display: block;
    width: 100%;
    background-position: 6% center;
    margin: 15px auto 0 auto;
  }
  .route-homeiswhere .social-btn .social-btn-label {
    font-size: 15px;
    margin: 0;
    line-height: 1.1;
    display: inline-block;
  }
  .route-homeiswhere .social-btn .social-btn-title {
    font-size: 15px;
    display: inline-block;
  }
}


/* --------------------------------------------------------------
/* =TRADE IN PAGE
-------------------------------------------------------------- */
.route-trade-in .animated-hero
{
  background-size:100% auto;
  -webkit-animation:animatedWall 100s linear infinite;
  animation:animatedWall 100s linear infinite;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  padding-top: 4rem;
  padding-bottom: 4rem;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}
@-webkit-keyframes animatedWall
{
  0%
  {
    background-position:top
  }
  50%
  {
    background-position:bottom
  }
  to
  {
    background-position:top
  }

}
@keyframes animatedWall
{
  0%
  {
    background-position:top
  }
  50%
  {
    background-position:bottom
  }
  to
  {
    background-position:top
  }
}
.route-trade-in .tradein-hero-box
{
  width:560px;
  margin:60px auto;
  padding:55px;
  text-align:center;
  background:#fff;
  box-shadow:0 12px 24px rgba(0,0,0,.3);
  box-sizing:border-box;
}

.route-trade-in .tradein-hero-box-new
{
  width:800px;
  max-width: 100%;
  margin:60px auto;
  padding:55px;
  text-align:center;
  background:#fff;
  box-shadow:0 12px 24px rgba(0,0,0,.3);
  box-sizing:border-box;
}

.route-trade-in .trade-in-headline
{
  margin:24px 0 50px;
  line-height:1.3;
}
.route-trade-in .sub-headline
{
  font-size:20px;
}
.route-trade-in .highlighted
{
  position:relative;
}
.route-trade-in .highlighted:after
{
  content:"";
  position:absolute;
  width:90px;
  height:35px;
  bottom:-25px;
  left:0;
  background:url("https://imgdrop.imgix.net/e355d137095d4b09b7fe5096faa17800.png") 50% no-repeat;
  background-size:100% auto;
}
.route-trade-in .press
{
  background:none;
}
.route-trade-in .press-logo
{
  display:inline-block;
  margin:32px 40px 0
}
.route-trade-in .value-props
{
  padding:50px 0;
}
.route-trade-in .value-prop
{
  padding:30px 50px;
}
.route-trade-in .value-props .explanation-section {
  border-bottom: 1px solid #f0f0f0;
  padding: 40px 0;
}
.route-trade-in .testimonial
{
  padding:80px 0;
  background-position:50%;
  background-size:cover;
  position:relative
}
.route-trade-in .testimonial :after
{
  clear:both;
  display:block;
  content:""
}
.route-trade-in .testimonial-box
{
  width:500px;
  float:right;
  padding:64px;
  background:#fff;
  box-sizing:border-box;
  box-shadow:0 12px 24px rgba(0,0,0,.3)
}
.route-trade-in .testimonial-text
{
  margin:62px 0 32px;
  font-family:Graphik,serif;
  font-size:24px;
  line-height:1.4;
  color:#1d2c4c;
  font-weight:600
}
.route-trade-in .prefooter
{
  padding:20px 0
}
.route-trade-in .prefooter-box
{
  padding:32px;
  text-align:center;
  background:#f5f8fb
}
.route-trade-in .prefooter-box-img
{
  margin:18px 0
}
.route-trade-in form {
  display: block;
  margin: 0;
  position: relative;
}
.route-trade-in #seller-input {
  max-width: none;
}
@media (max-width:767px)
{
  .route-trade-in .animated-hero
  {
    background-size:100% auto;
    -webkit-animation:animatedWall 20s linear infinite;
    animation:animatedWall 20s linear infinite
  }
  .route-trade-in .sub-headline
  {
    font-size:12px
  }
  .route-trade-in .tradein-hero-box
  {
    width:88%;
    margin:40px auto;
    padding:35px
  }
  .route-trade-in .trade-in-headline
  {
    margin:24px 0 30px;
    font-size:28px
  }
  .route-trade-in .highlighted:after
  {
    width:60px;
    height:20px;
    bottom:-15px
  }
  .route-trade-in .press-logo
  {
    height:20px;
    margin:32px 10px 0
  }
  .route-trade-in .value-props
  {
    padding:40px 0 20px
  }
  .route-trade-in .value-prop
  {
    padding:0 32px 30px
  }
  .route-trade-in .testimonial
  {
    padding:30px 0
  }
  .route-trade-in .testimonial-box
  {
    width:100%;
    padding:32px
  }
}
@media (max-width:991px)
{
  .route-trade-in .prefooter-box
  {
    margin:-20px 0 40px
  }
}
@media (max-width: 1199px) {
  .route-trade-in .od-cta-input .cta-input-control {
    font-size: 12px;
  }
}



/* --------------------------------------------------------------
/* = SEM Template
-------------------------------------------------------------- */

.sem-hero {
  display: flex;
  width: 100%;
  background-color: #F0F2F1;
}

.sem-hero article {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45%;
  padding: 2.5%;
}

.sem-hero div.copy {
  max-width: 516px;
  margin: 0 auto;
}

.sem-hero h1 {
  color: #0F1C47;
  font-family: 'Graphik';
  font-size: 59px;
  line-height: 1.2em;
  margin: 0 0 40px;
}

.sem-hero p {
  font-size: 16px;
  color: #525975;
}

.sem-hero .seller-input-container {
  margin-top: 15px;
}

.sem-hero figure {
  width: 55%;
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat;
  position: relative;
}

.sem-hero figure::before {
  content: '';
  display: block;
  height: 0;
  padding-top: 60%;
}

.sem-hero figure::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: linear-gradient(59.16deg, #F0F2F1 6.15%, rgba(240, 242, 241, 0) 16.04%);
}


@media (max-width: 950px) {
  .sem-hero {
    flex-direction: column;
  }

  .sem-hero article {
    order: 2;
    width: 100%;
    padding: 50px 5%;
  }

  .sem-hero div.copy {
    width: 100%;
    text-align: center;
  }

  .sem-hero h1 {
    font-size: 28px;
    line-height: 1.3em;
    margin: 0 0 20px;
  }

  .sem-hero p {
    max-width: 275px;
    margin-left: auto;
    margin-right: auto;
  }

  .sem-hero figure {
    order: 2;
    width: 100%;
    display: none;
  }

  .sem-hero .od-cta-input {
    padding: 0;
  }

  .sem-hero .cta-input-button {
    position: absolute;
    top: 0;
    right: 0;
    width: 35%;
    height: 100%;
    font-size: 16px;
    font-weight: 500;
    z-index: 9;
  }

  .sem-hero .od-cta-input .cta-input-control {
    border-radius: 3px;
    padding: 11px 12px;
  }

  .sem-hero .cta-input-button .button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 18px 20px;
  }
}

.sem-top-copy {
  padding: 70px 0;
  border-bottom: 1px solid #EEEEEE;
}

.sem-top-copy .regular-container {
  text-align: center;
}

.sem-top-copy h2 {
  margin-top: 0;
  font-family: 'Graphik';
  line-height: 46px;
  font-size: 32px;
  color: #1D2C4C;
}

.sem-top-copy p {
  max-width: 600px;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .sem-top-copy {
    padding: 50px 0;
  }

  .sem-top-copy h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }

  .sem-top-copy p {
    line-height: 24px;
    font-size: 16px;
    max-width: 352px;
  }

}

.sem-offer-comps {
  padding: 70px 0;
}

.sem-offer-comps h2 {
  margin-top: 0;
  font-family: 'Graphik';
  line-height: 36px;
  font-size: 28px;
  color: #1D2C4C;
  text-align: center;
}

.sem-offer-comps .three-col-module {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 70px 0;
}

.sem-offer-comps .col {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 0 20px;
}

.sem-offer-comps .col h6 {
  margin-top: 35px;
  color: #525975;
}

.sem-offer-comps .col p {
  margin: 0;
}

.sem-offer-comps .cta-wrapper {
  width: 100%;
  text-align: center;
}

@media (max-width: 768px) {
  .sem-offer-comps {
    padding: 40px 0 70px;
  }

  .sem-offer-comps h2 {
    max-width: 320px;
    margin: 0 auto 30px;
    line-height: 37px;
    font-size: 24px;

  }

  .sem-offer-comps .three-col-module {
    flex-direction: column;
    justify-content: initial;
    padding: 40px 0;
  }

  .sem-offer-comps .col {
    margin-bottom: 60px;
  }

  .sem-offer-comps .col:last-of-type {
    margin-bottom: 30px;
  }

  .sem-offer-comps .col h6 {
    margin: 50px auto 25px;
    font-size: 19px;
    line-height: 22px;
  }

  .sem-offer-comps .col p {
    width: 100%;
    max-width: 320px;
  }
}


.videos-rdu-campaign.videos-sem-module {
  background: #F5F8FB;
}


.videos-rdu-campaign.videos-sem-module .small-container {
  padding: 70px 50px 0;
}

.videos-rdu-campaign.videos-sem-module .small-container h2 {
  font-family: 'Graphik';
  line-height: 39px;
  font-size: 28px;
  text-align: center;
  color: #1D2C4C;
}

.videos-rdu-campaign.videos-sem-module .regular-container {
  border-bottom: 0;
  padding: 0 0 70px;
  margin: 0 auto;
}

.videos-rdu-campaign.videos-sem-module .regular-container h6 {
  background: white;
  padding: 17px 12px;
  margin-top: 0;
}

.videos-rdu-campaign.videos-sem-module .vids-thumbnails {
  display: flex;
}

.videos-rdu-campaign.videos-sem-module .col-sm-6 .iframe-wrap {
  position: relative;
  overflow: hidden;
  padding-top: 56.26%;
}

.videos-rdu-campaign.videos-sem-module .col-sm-6 .resp-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  border: 0;
}

@media (max-width: 768px) {
  .videos-rdu-campaign.videos-sem-module .small-container {
    padding: 40px 5% 0;
  }

  .videos-rdu-campaign.videos-sem-module .small-container h2 {
    font-size: 24px;
    line-height: 37px;
  }


  .videos-rdu-campaign.videos-sem-module .vids-thumbnails {
    flex-direction: column;
  }

  .videos-rdu-campaign.videos-sem-module .col-sm-6:first-of-type {
    margin-bottom: 30px;
  }

  .videos-rdu-campaign.videos-sem-module .regular-container h6 {
    width: 100%;
    margin: 0 auto;
    text-align: left;
  }

}

.page-template-sem .blog-articles-rdu-campaign h3 {
  font-weight: 400;
  font-size: 28px;
  line-height: 35px;
}

.page-template-sem .blog-articles-rdu-campaign h6 {
  margin-top: 20px;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
}

@media (max-width: 768px) {
  .page-template-sem .blog-articles-rdu-campaign h3 {
    max-width: 300px;
    font-size: 24px;
    line-height: 37px;
    margin: 40px auto 0;
  }

  .page-template-sem .blog-articles-rdu-campaign .col-xs-12 {
    padding-bottom: 40px;
  }

  .page-template-sem .blog-articles-rdu-campaign .col-xs-12:last-of-type {
    padding-bottom: 0;
  }

  .page-template-sem .blog-articles-rdu-campaign {
    padding: 0;
  }
}


.sem-request-offer {
  position: relative;
  height: 445px;
}

.sem-request-offer figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top;
}


.sem-request-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 70px 5%;
  text-align: center;
}

.sem-request-offer .gradient {
  display: none;
}

.sem-request-offer h2 {
  margin: 0;
  color: white;
  line-height: 18px;
  font-size: 32px;
  font-weight: 400;
}

.sem-request-wrapper .seller-input-container {
  max-width: 700px;
  width: 100%;
  margin: 50px auto 0;
}


.sem-contact .regular-container {
  margin-top: -50px;
  padding: 40px;
  background: #FFFFFF;
  box-shadow: 0px 14px 34px rgba(0, 0, 0, 0.0794554);
  border-radius: 3px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sem-contact .left {
  display: flex;
  align-items: center;
}

.sem-contact .left .copy {
  padding-left: 50px;
}

.sem-contact .left h6 {
  line-height: 18px;
  font-size: 20px;
}

.sem-contact .cta-wrap {
  display: flex;
  flex: 1;
  justify-content: flex-end;
}

.page-template-sem .footer-container {
  border-top: 0;
}

@media (max-width: 768px) {
.sem-request-offer {
  padding-top: 184px;
  background: #4E7BC8;
  height: auto;
}

.sem-request-offer .gradient {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 214px;
  z-index: 2;
  background: linear-gradient(to bottom, #4E7BC8 0%, rgba(78, 123, 200, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.sem-request-offer figure {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}


.sem-request-offer figure::before {
  content: '';
  display: block;
  height: 0;
  padding-top: 62.50%;
}


.sem-request-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px 5%;
  z-index: 3;
  text-align: center;
}

.sem-contact .regular-container {
  margin-top: 0;
  box-shadow: none;
  border-radius: 0;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 40px 0 30px;
}

.sem-request-offer h2 {
  color: white;
  line-height: 37px;
  font-size: 24px;
  font-weight: 400;
  max-width: 254px;
  margin-left: auto;
  margin-right: auto;
}

.sem-request-wrapper .seller-input-container {
  margin: 25px auto;
}

.sem-request-offer .od-cta-input {
  padding: 0;
}

.sem-request-offer .cta-input-button {
  position: absolute;
  top: 0px;
  right: 0;
  width: 35%;
  height: 100%;
  font-size: 16px;
  font-weight: 500;
  z-index: 9;
}

.sem-request-offer .od-cta-input .cta-input-control {
  border-radius: 3px;
  padding: 16px 12px;
}

.sem-request-offer .cta-input-button .button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 18px 20px;
}

.sem-contact .left {
  display: block;
  text-align: center;
}


.sem-contact .left .copy {
  padding: 30px 0;
}

.sem-contact .left h6 {
  line-height: 28px;
  font-size: 20px;
}

.sem-contact .left h6 span {
  display: block;
}

}



/* --------------------------------------------------------------
/* = End of SEM Template
-------------------------------------------------------------- */


/* --------------------------------------------------------------
/* = Why Opendoor Template (spin-off of SEM Template)
-------------------------------------------------------------- */
div.why-opendoor .sem-hero .copy {
  max-width: 600px;
}
div.why-opendoor .sem-hero h1 {
  font-size: 45px;
}

.sem-table-wrap .table {
  width: 100%;
  background: white;
  box-shadow: 0 20px 30px rgba(0,0,0,0.1);
  border-radius: 10px;
  overflow: hidden;
}

.sem-table-wrap .table-row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0;
  border-top: 0;
}

.sem-table-wrap .table-row.odd {
  background-color: #F5F8FB;
}

.sem-table-wrap .table-cell {
  width: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 10px;
}

.sem-table-wrap .table-cell p {
  margin: 0;
}

.sem-table-wrap .table-cell.od.head {
  background-color: #1d2c4c;
}

.sem-table-wrap .table-cell.od.head img {
  max-width: 100%;
}

.sem-table-wrap .table-cell img.no {
  width: 17px;
  height: 17px;
}

.sem-table-wrap .table-cell.other {
  background: #F5F8FB;

}

.sem-table-wrap .table-cell.other h5 {
  font-size: 16px;
  color: #1d2c4c;
  font-weight: 600;
  margin: 0;
}

.sem-table-wrap .table-cell:first-of-type {
  width: 40%;
  justify-content: flex-start;
  padding: 20px;
}

.sem-table-wrap .table-cell:not(:first-of-type) {
  text-align: center;
  border-left: 1px solid rgba(0,0,0,0.1);
}

div.why-opendoor .transparency-section .regular-container {
  border-top: 1px solid #f0f0f0;
  padding: 80px 0;
}
div.why-opendoor .offer-explained h6 {
  padding: 10px 0;
}
div.why-opendoor .testimonial-card {
  display: block;
  width: 100%;
  position: relative;
  background: #ffffff;
}
div.why-opendoor .testimonial-card::after {
  content: '';
  display: block;
  clear: both;
}
div.why-opendoor .testimonial-photo {
  width: 50%;
  float: left;
  height: auto;
}
div.why-opendoor .testimonial-content {
  float: left;
  width: 50%;
  padding: 70px 50px;
}

@media (max-width: 950px) {
  div.why-opendoor .sem-hero h1 {
    font-size: 28px;
  }

  .sem-table-wrap .table-row:first-of-type .table-cell:first-of-type {
    display: none;
  }

  .sem-table-wrap .table-row:first-of-type .table-cell {
    width: calc(100% / 3);
  }

  .sem-table-wrap .table-row.odd {
    background-color: white;
  }

  .sem-table-wrap .table-row:not(:first-of-type) .table-cell:first-of-type {
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: white;
    border-bottom: 1px solid rgba(0,0,0,0.1);
  }

  .sem-table-wrap .table-row:not(:first-of-type) .table-cell:not(first-of-type) {
    width: calc(100% / 3);
    background: #F5F8FB;
  }

  .sem-table-wrap .table-row:not(:first-of-type) .table-cell:not(first-of-type) {
    width: calc(100% / 3);
    background: #F5F8FB;
  }

  .sem-table-wrap .table-cell:not(:first-of-type) {
    border-left: 0;
  }

  .sem-table-wrap .table-cell:nth-of-type(3),
  .sem-table-wrap .table-cell:nth-of-type(4) {
    border-left: 1px solid rgba(0,0,0,0.1);
  }

  .sem-table-wrap .table-cell.other h5 {
    font-size: 14px;
  }

  div.why-opendoor .testimonial-photo {
    width: 100%;
  }

  div.why-opendoor .testimonial-content {
    width: 100%;
    padding: 70px 50px;
  }



}

/* --------------------------------------------------------------
/* = Repairs Template
-------------------------------------------------------------- */

.repairs-hero {
  background-color: #F4F8FB;
  padding: 70px 0;
  position: relative;
}

.repairs-hero figure {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 2;
}

.repairs-hero .regular-container {
  position: relative;
  z-index: 3;
}

.repairs-hero h1 {
 font-family: 'Graphik';
 font-weight: 500;
}

.repairs-hero p {
  margin-bottom: 32px;
}

.repairs-hero p.disclaimer {
  margin: 0;
  font-size: 11px;
}

.repairs-hero div.copy {
  max-width: 526px;
}

.repair-examples .repair-group {
  padding: 30px 0 0;
}

.repair-examples .repair-group h3 {
  margin: 0 0 10px;
}

.repair-examples .repair-group h4 {
  padding-top: 10px;
  margin: 0;
  font-size: 22px;
  color: #1c85e8;
}

.repair-examples .repair-group .sub-title-wrap {
  display: flex;
}

.repair-examples .repair-group .sub-title-wrap img {
  margin-right: 15px;
}

.repair-examples .repair-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 30px 0;
}

.repair-examples {
  padding-bottom: 35px;
}

.repair-examples .repair {
  background-color: white;
  padding: 30px;
  border-radius: 4px;
  box-shadow: 2px 5px 10px rgba(0,0,0,0.17);
  width: calc(50% - 15px);
  margin-bottom: 30px;
  cursor: pointer;
  align-self: flex-start;
}

.repair-examples .repair:nth-child(odd) {
  margin-right: 15px;
}

.repair-examples .repair:nth-child(even) {
  margin-left: 15px;
}

.repair-examples .repair .title {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.repair-examples .repair h6 {
  margin: 0;
}

.repair-examples .repair .closed .vertical {
  transition: all 0.5s ease-in-out;
  transform: rotate(-90deg);
}

.repair-examples .repair .closed .horizontal {
  transition: all 0.5s ease-in-out;
  transform: rotate(-90deg);
  opacity: 1;
}

.repair-examples .repair .opened {
  opacity: 1;
}

.repair-examples .repair .opened .vertical {
  transition: all 0.5s ease-in-out;
  transform: rotate(90deg);
}

.repair-examples .repair .opened .horizontal {
  transition: all 0.5s ease-in-out;
  transform: rotate(90deg);
  opacity: 0;
}

.repair-examples .repair .circle-plus {
  width: 1rem;
  height: 1rem;
  position: relative;
  top: 6px;
  right: 3px;
}

.repair-examples .repair .circle-plus .horizontal {
  position: absolute;
  background-color: #D5D5E1;
  width: 16px;
  height: 2px;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -1px;
}
.repair-examples .repair .circle-plus .vertical {
  position: absolute;
  background-color: #D5D5E1;
  width: 2px;
  height: 16px;
  left: 50%;
  margin-left: -1px;
  top: 50%;
  margin-top: -8px;
}

.repair-examples .repair .details {
  display: none;
  padding-top: 20px;
}

.repair-examples .repair .details p {
  line-height: 1.5em;
}

.repair-examples .repair.active .details {
  display: block;
}


.repairs-questions .regular-container {
  border-top: 1px solid #f0f0f0;
  padding: 70px 0;
  display: flex;
  align-items: center;
}

.repairs-questions h3 {
   width: 50%;
   margin: 0;
}


.repairs-questions a {
   width: 25%;
   display: flex;
   align-items: center;
}

.repairs-questions a svg {
  width: 20px;
  height: 15px;
  margin-left: 5px;
}

.repairs-questions a svg path {
  fill: #1c85e8;
}

@media (max-width: 768px) {
  .repairs-hero {
    padding: 40px 0;
  }

  .repairs-hero figure {
    display: none;
  }

  .repair-examples .repair-list {
    flex-direction: column;
    justify-content: initial;
  }

  .repair-examples .repair {
    width: 100%;
  }

  .repair-examples .repair:nth-child(odd) {
    margin-right: 0;
  }

  .repair-examples .repair:nth-child(even) {
    margin-left: 0;
  }

  .repairs-questions .regular-container {
    padding: 40px 0;
    flex-direction: column;
  }

  .repairs-questions h3 {
     width: 100%;
     margin-bottom: 16px;
  }

  .repairs-questions a {
     width: 100%;
     margin-bottom: 16px;
  }
}


/* --------------------------------------------------------------
/* = End of Repairs Template
-------------------------------------------------------------- */


/* --------------------------------------------------------------
/* Open Listings About Template
-------------------------------------------------------------- */
.hero-openlisting-template .builder-wrap {
 display: flex;
}

.hero-openlisting-template figure {
  background: url('https://www.opendoor.com/w/wp-content/uploads/2018/10/openlisting-hero.jpg') top center no-repeat;
  background-size: cover;
  position: relative;
  flex: 1;
}
.hero-openlisting-template .page-top-title {
  margin: 0;
  display: inline-block;
  font-size: 52px;
  line-height: 62px;
  font-family: 'Graphik', serif;
  font-weight: 600;
}

.hero-openlisting-template .splash-content {
  max-width: 663px;
	margin: 0 auto;
  padding: 0 5%;
}

.hero-openlisting-template .small-container {
background-color: #1E284B;
flex: 1;
display: flex;
align-items: center;
padding: 8% 0;
}

.hero-openlisting-template hr {
 height: 3px;
width: 50px;
background-color: #1C85E8;
border: 0;
margin-left: 0;
margin-bottom: 30px;
}

.hero-openlisting-template p {
 font-size: 18px;
 line-height: 26px;
 font-family: 'Graphik', serif;
 max-width: 488px;
 margin-left: 0;
}

.hero-openlisting-template .splash-content a.button {
  margin-top: 70px;
}


@media (max-width: 950px) {
.hero-openlisting-template .builder-wrap {
 flex-direction: column;
}
.hero-openlisting-template .small-container {
padding-top: 40px;
order: 2;
margin: 0;
max-width: 100%;
}

.hero-openlisting-template .splash-content {
 max-width: 100%;
}

.hero-openlisting-template figure {
 order: 2;
}

.hero-openlisting-template .page-top-title {
 font-size: 31px;
 line-height: 1.2em;
 text-align: center;
}

.hero-openlisting-template p {
margin-left: auto;
text-align: center;
}

.hero-openlisting-template hr {
margin-left: auto;
}

.hero-openlisting-template figure:before {
 content: '';
 display: block;
 height: 0;
 padding-top: 60%;
}

.hero-openlisting-template .splash-content a.button {
  margin: 40px auto 20px;
  display: block;
  text-align: center;
}
}

.page-template-open-listings .box-partner-benefits .col-md-4 {
  text-align: center;

}

.page-template-open-listings .box-partner-benefits .col-md-4:not(:first-of-type) {
  border-left: 1px solid rgba(0,0,0,.1);
}


.page-template-open-listings .cta-wrap {
  margin: 0 auto;
  padding-bottom: 70px;
  text-align: center;
}


.page-template-open-listings .sign-up-cta {
 margin-top: 40px;
}

.page-template-open-listings .sign-up-cta a {
 display: flex;
 align-items: center;
}

.page-template-open-listings .sign-up-cta svg {
  width: 20px;
  height: 15px;
  margin-left: 5px;
}

@media (max-width: 992px) {

  .page-template-open-listings .box-partner-benefits .col-md-4:not(:last-of-type) {
    margin-bottom: 30px;
  }

  .page-template-open-listings .box-partner-benefits .col-md-4:not(:first-of-type) {
    border-left: 0;
  }

}


/* --------------------------------------------------------------
/* = Preferred Lender Template
-------------------------------------------------------------- */

.preferred-lender-hero {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.preferred-lender-hero .regular-container {
  display: flex;
  padding-top: 40px;
  padding-bottom: 40px;
}

.preferred-lender-hero article {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  padding: 2.5%;
}

.preferred-lender-hero div.copy {
  /* max-width: 516px;
  margin: 0 auto; */
}

.preferred-lender-hero h1 {
  font-size: 50px;
  color: #FFFFFF;
  line-height: 60px;

  color: white;
  font-family: 'Graphik';
  font-weight: 400;
}

.preferred-lender-hero p {
  margin-bottom: 16px;
  font-size: 18px;
  color: #FFFFFF;
  line-height: 28px;
}

.preferred-lender-hero p.small {
  line-height: 1.3em;
  font-size: 11px;
  margin: 16px 0 0;
  color: #525975;
}

.preferred-lender-hero .lender-form-wrap {
  width: 50%;
  background-color: white;
  padding: 25px 35px;
  max-width: 400px;
}

.preferred-lender-hero form .input-wrap {
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
}

.preferred-lender-hero form p {
  margin-bottom: 8px;
}

.preferred-lender-hero form .input-wrap:last-of-type {
  margin-bottom: 0;
}

.preferred-lender-hero form input[type="text"] {
  width: 100%;
  height: 44px;
  border-radius: 3px;
  border: 1px solid #DEDEDE;
  font-size: 14px;
  color: #525975;
  padding-left: 13px;
  outline: none;
}

.preferred-lender-hero form input[type="submit"] {
  width: 100%;
  margin-top: 16px;
}

.preferred-lender-hero form .wpcf7-form-control-wrap.market {
  border: 1px solid #DEDEDE;
  border-radius: 3px;
  display: block;
  padding: 0;
  position: relative;
  background: white;
  color: #525975;
  transition: all .2s ease;
}

.preferred-lender-hero form .wpcf7-form-control-wrap.market select {
  appearance: none;
  background: none;
  border: 1px solid transparent;
  border-radius: 3px;
  box-sizing: border-box;
  color: inherit;
  font-size: 1em;
  line-height: 1.3;
  margin: 0;
  outline: none;
  padding: .5em 1.9em .5em .8em;
  transition: all .2s ease;
  width: 100%;
  height: 44px;
}


.preferred-lender-hero form input[type="text"]:focus {
  outline: none;
}

.preferred-lender-hero form label {
  margin-bottom: 0;
  font-family: Helvetica;
  font-size: 14px;
  color: #1D2C4C;
  letter-spacing: 0;
  font-weight: 400;
  width: 100%;

}

.preferred-lender-benefits {
  padding: 70px 0;
}

.preferred-lender-benefits .benefit {
  display: flex;
  max-width: 715px;
  margin-bottom: 60px;
}

.preferred-lender-benefits .benefit:last-of-type {
  margin-bottom: 0;
}

.preferred-lender-benefits figure {
  min-width: 60px;
}

.preferred-lender-benefits .benefit .copy {
  margin-left: 30px;
}


.preferred-lender-benefits .benefit h6 {
  font-size: 22px;
  color: #1D2C4C;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 0;
}

.preferred-lender-benefits .benefit p {
  font-size: 17px;
  color: #525975;
  letter-spacing: 0;
  line-height: 24px;
}

.preferred-lender-partners {
  background: #F5F8FB;
  padding: 70px 0;
}

.preferred-lender-partners .top-copy {
  max-width: 500px;
  margin: 0 auto 50px;
  text-align: center;
}

.preferred-lender-partners .partners-wrap {
  display: flex;
  justify-content: space-between;
}

.preferred-lender-partners .partners-wrap .partner {
  width: 48.5%;
  background-color: white;
  padding: 40px 30px;
}

.preferred-lender-partners .partners-wrap .partner .img-wrap {
  text-align: center;
  min-height: 80px;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
}


.preferred-lender-partners .partners-wrap .partner img {
  margin: 0 auto;
  max-width: 100%;
}

.preferred-lender-partners .partners-wrap .partner .customer-ratings {
  border-top: 1px solid #E8E8E8;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  margin-bottom: 30px;
}

.preferred-lender-partners .partners-wrap .partner .customer-ratings p {
  font-size: 14px;
  color: #1D2C4C;
  letter-spacing: 0;
  margin: 0;
}

.preferred-lender-partners .partners-wrap .partner p {
  font-size: 14px;
  color: #525975;
  letter-spacing: 0;
  line-height: 21px;
}

.preferred-lending-hiw {
  padding: 100px 0;
}

.preferred-lending-hiw .hiw-wrap {
  display: flex;
}

.preferred-lending-hiw .hiw-wrap .copy {
  width: 30%;
}

.preferred-lending-hiw .hiw-wrap .copy h3 {
  margin-top: 0;
  font-size: 24px;
  color: #1D2C4C;
  line-height: 17.5px;
}

.preferred-lending-hiw .hiw-wrap ol {
  width: 70%;
  list-style: none;
  counter-reset: my-awesome-counter;
  padding-left: 50px;
  display: flex;
  flex-direction: column;
}

.preferred-lending-hiw .hiw-wrap ol li {
  list-style: none;
  position: relative;
  counter-increment: my-awesome-counter;
  margin-bottom: 10px;
  padding-left: 30px;
  min-height: 80px;
  font-size: 17px;
  color: #525975;
  line-height: 24px;
}


.preferred-lending-hiw .hiw-wrap ol li:before {
  content: counter(my-awesome-counter);
  color: white;
  background: #1C85E8;
  position: absolute;
  left: -50px;
  border-radius: 50%;
  font-size: 14px;
  letter-spacing: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  display: inline-block;
  text-align: center;
  font-weight: bold;
}

.preferred-lending-hiw .hiw-wrap ol li:after {
  position: absolute;
  content: '';
  left: -39px;
  top: 30px;
  height: 70%;
  width: 2px;
  background: #D0D3E0;
}

.preferred-lending-hiw .hiw-wrap ol li:last-of-type {
  min-height: 0;
}

.preferred-lending-hiw .hiw-wrap ol li:last-of-type:after {
  display: none;
}

body.page-template-preferred-lender footer div.row.footer-bottom div:nth-child(1) img {
  width: 50px;
}


@media (max-width: 1200px) {
  .preferred-lender-hero h1 {
    font-size: 44px;
    line-height: 1.3em;
    margin: 0 0 20px;
  }
}


@media (max-width: 950px) {
  .preferred-lender-hero .regular-container {
    flex-direction: column;
    padding: 0;
  }

  .preferred-lender-hero article {
    width: 100%;
    padding: 40px 5% 10px;
  }

  .preferred-lender-hero .lender-form-wrap {
    width: 100%;
    margin: 0 auto 40px;
    padding: 25px;
  }

  .preferred-lender-hero form p {
    max-width: 100%;
  }

  .preferred-lender-hero div.copy {
    max-width: 300px;
    text-align: center;
  }

  .preferred-lender-hero h1 {
    font-size: 35px;
    line-height: 1.2em;
    margin: 0 0 20px;
  }

  .preferred-lender-hero p {
    max-width: 275px;
    margin-left: auto;
    margin-right: auto;
  }

  .preferred-lender-partners .partners-wrap {
    flex-direction: column;
  }

  .preferred-lender-partners .partners-wrap .partner {
    width: 100%;
    margin-bottom: 30px;
  }

  .preferred-lender-partners .partners-wrap .partner:last-of-type {
    margin-bottom: 0;
  }

  .preferred-lending-hiw {
    padding: 70px 0;
  }

  .preferred-lending-hiw .hiw-wrap {
    flex-direction: column;
  }

  .preferred-lending-hiw .hiw-wrap .copy {
    width: 100%;
  }


  .preferred-lending-hiw .hiw-wrap ol {
    width: 100%;
    padding-top: 40px;
  }

  .preferred-lending-hiw .hiw-wrap ol li {
    padding-left: 0;
    min-height: 120px;
  }
}

.new-stories-hero {
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.new-stories-hero .copy {
  margin: 0 auto;
  max-width: 1300px;
  position: relative;
  z-index: 2;
  padding: 13% 15%;
}

.new-stories-hero h1 {
  font-family: 'Graphik';
  font-size: 45px;
  font-weight: 600;
  font-size: calc(30px + (45 - 30) * ((100vw - 768px) / (1600 - 768)));
  color: #1D2C4C;
  text-align: center;
  line-height: 1.3em;
  margin: 0;
  opacity: 0;
  animation: fade-in-up 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  animation-delay: 2s;
  max-width: 675px;
  margin: 0 auto;
}


.new-stories-hero .scroll-arrow {
  position: absolute;
  bottom: 50px;
  left: calc(50% - 10px);
  content: '';
}

.new-stories-hero figure {
  position: absolute;
  opacity: 0;
  animation: fade-in-up 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

.new-stories-hero figure div {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
}

.new-stories-hero figure div::before {
  content: '';
  display: block;
  height: 0;
  padding-top: 100%;
}

.new-stories-hero figure:first-of-type {
  left: 0;
  top: 40%;
  width: 10%;
  animation-delay: 1s;
}

.new-stories-hero figure:first-of-type div::before {
  padding-top: 150%;
}

.new-stories-hero figure:nth-of-type(2) {
  left: 8.5%;
  top: 1%;
  width: 15%;
  animation-delay: 1.2s;
}

.new-stories-hero figure:nth-of-type(2) div::before {
  padding-top: 75%;
}

.new-stories-hero figure:nth-of-type(3) {
  left: 12%;
  top: 40%;
  width: 7%;
  animation-delay: 1.3s;
}

.new-stories-hero figure:nth-of-type(3) div::before {
  padding-top: 100%;
}

.new-stories-hero figure:nth-of-type(4) {
  left: 11.5%;
  bottom: -10%;
  width: 15%;
  animation-delay: 1.4s;
}

.new-stories-hero figure:nth-of-type(4) div::before {
  padding-top: 100%;
}

.new-stories-hero figure:nth-of-type(5) {
  left: 24%;
  top: 8%;
  width: 11%;
  animation-delay: 1.5s;
}

.new-stories-hero figure:nth-of-type(5) div::before {
  padding-top: 80%;
}


.new-stories-hero figure:nth-of-type(6) {
  left: 28%;
  bottom: 7%;
  width: 7%;
  animation-delay: 1.6s;
}

.new-stories-hero figure:nth-of-type(6) div::before {
  padding-top: 108%;
}

.new-stories-hero figure:nth-of-type(7) {
  right: 28%;
  top: 3%;
  width: 7%;
  animation-delay: 1.7s;
}

.new-stories-hero figure:nth-of-type(7) div::before {
  padding-top: 108%;
}

.new-stories-hero figure:nth-of-type(8) {
  right: 33%;
  bottom: 10%;
  width: 7%;
  animation-delay: 1.8s;
}

.new-stories-hero figure:nth-of-type(8) div::before {
  padding-top: 82%;
}

.new-stories-hero figure:nth-of-type(9) {
  right: 13%;
  top: 14%;
  width: 14%;
  animation-delay: 1.9s;
}

.new-stories-hero figure:nth-of-type(9) div::before {
  padding-top: 85%;
}


.new-stories-hero figure:nth-of-type(10) {
  right: 14.5%;
  top: 55%;
  width: 12%;
  animation-delay: 2s;
}

.new-stories-hero figure:nth-of-type(10) div::before {
  padding-top: 120%;
}

.new-stories-hero figure:nth-of-type(11) {
  right: 4.5%;
  top: 5%;
  width: 7%;
  animation-delay: 2.1s;
}

.new-stories-hero figure:nth-of-type(11) div::before {
  padding-top: 100%;
}

.new-stories-hero figure:nth-of-type(12) {
  right: 0;
  top: 30%;
  width: 12%;
  animation-delay: 2.2s;
}

.new-stories-hero figure:nth-of-type(12) div::before {
  padding-top: 133%;
}

.new-stories-hero figure:nth-of-type(13) {
  right: 0;
  bottom: -10%;
  width: 12%;
  animation-delay: 2.3s;
}

.new-stories-hero figure:nth-of-type(13) div::before {
  padding-top: 82%;
}

.new-stories-map {
  padding: 70px 0;
}

.new-stories-map .headline {
  padding-bottom: 70px;
}

.new-stories-map .headline h3  {
  text-align: center;
  font-size: 26px;
  color: #1D2C4C;
  line-height: 32px;
  max-width: 800px;
  margin: 0 auto;
  font-weight: 400;
  font-family: 'Graphik';

}

.stories-slider-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.slider-story-wrap {
  background-color: white;
  width: 33%;
  min-height: 400px;
  box-shadow: 0 23px 34px 0 rgba(0,0,0,0.08);
}

.new-stories-slider .slick-initialized .slick-slide {
  display: flex;
}

.new-stories-slider .slick-list {
  overflow:visible;
}

.new-stories-slider .slick-slide:focus {
 outline: none;
}

.new-stories-slider .slick-slide * {
  outline: none;
}

.slider-story-wrap .slider-story {
  padding: 32px 27px;
}

.slider-story-wrap .slider-story svg {
  margin-bottom: 30px;
}

.slider-story-wrap .slider-story p {
  font-size: 17px;
  color: #525975;
  line-height: 24px;
  margin-bottom: 40px;
}

.slider-story-wrap .author-wrap {
  border-top: 1px solid rgba(151,151,151, .14);
  display: flex;
  align-items: center;
  padding: 20px 0 0;
}

.slider-story-wrap .author-wrap .author-copy {
  padding-left: 20px;
}

.slider-story-wrap .author-wrap p {
  margin-bottom: 0;
}

.slider-story-wrap .author-wrap p.name {
  font-size: 14px;
  color: #1D2C4C;
  line-height: 16px;
}

.slider-story-wrap .author-wrap p.bio {
  font-size: 12px;
  color: #525975;
  line-height: 14px;
}



.slider-story-wrap .author-wrap img {
  max-width: 53px;
}

.slider-map {
  width:63%;
}

.slider-map img {
  max-width: 100%;
}

.filter-stories {
  padding: 40px 0;
}

.filter-stories h6 {
  text-transform: uppercase;
  font-size: 12px;
  color: #1D85E8;
  letter-spacing: 1px;
  text-align: center;
  margin-bottom: 40px;
}

.filter-stories ul.filter-nav {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
  margin: 0;
}

.filter-stories li {
  margin: 0 12px 20px;
}

.filter-stories li a {
  font-size: 16px;
  color: #525975;
  letter-spacing: 0;
  text-align: center;
  border: 1px solid #F0F0F0;
  border-radius: 50px;
  padding: 10px 15px;
  line-height: 36px;
}

.filter-stories li.active a {
  background: #1D85E8;
  border: 1px solid #1C85E8;
  color: #FFFFFF;
}

.filter-stories .stories-wrap {
  display: flex;
  flex-wrap: wrap;
  padding-top: 70px;
}

.filter-stories .stories-wrap .story {
  display: flex;
  flex-direction: column;
  width: calc(100% / 3 - 20px);
  margin: 0 10px 40px;
}

.filter-stories .stories-wrap .story.hidden {
  display: none;
}

.filter-stories .stories-wrap .button {
  margin: auto;
}

.filter-stories .stories-wrap .button.hidden {
  display: none;
}

.filter-stories .stories-wrap figure {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
}

.filter-stories .stories-wrap figure::before {
  content: '';
  display: block;
  height: 0;
  padding-top: 72%;
}

.filter-stories .stories-wrap p {
  margin: 0;
}

.filter-stories .stories-wrap p.title {
  font-size: 10px;
  color: #1D2C4C;
  letter-spacing: 1.12px;
  line-height: 18px;
  text-transform: uppercase;
  margin-bottom: 10px;
  margin-left: 0;
}

.filter-strories .stories-wrap p.description {
  font-size: 18px;
  color: #1D2C4C;
  letter-spacing: 0.21px;
  line-height: 28px;
  margin-left: 0;
}

@media (max-width: 767px) {
  .new-stories-hero {
    /* min-height: 450px; */
    align-items: initial;
  }

  .new-stories-hero .scroll-arrow {
    display: none;
  }
  .new-stories-hero figure:first-of-type {
    left: 0;
    top: 40%;
    width: 20%;
    animation-delay: 1s;
  }

  .new-stories-hero figure:first-of-type div::before {
    padding-top: 150%;
  }

  .new-stories-hero figure:nth-of-type(2) {
    display: none;
  }

  .new-stories-hero figure:nth-of-type(3) {
    left: -20px;
    top: auto;
    bottom: 0%;
    width: 23%;
    animation-delay: 1.3s;
  }

  /* .new-stories-hero figure:nth-of-type(3) div::before {
    padding-top: 100%;
  } */

  .new-stories-hero figure:nth-of-type(4) {
    display: none;
  }


  .new-stories-hero figure:nth-of-type(5) {
    left: auto;
    top: auto;
    right: 1%;
    bottom: 0;
    width: 25%;
    animation-delay: 1.5s;
  }

  .new-stories-hero figure:nth-of-type(5) div::before {
    padding-top: 80%;
  }

  .new-stories-hero figure:nth-of-type(6) {
    display: none;
  }


  .new-stories-hero figure:nth-of-type(7) {
    display: none;
  }


  .new-stories-hero figure:nth-of-type(8) {
    right: auto;
    bottom: auto;
    left: 25%;
    top: 61%;
    width: 15%;
    /* width: 7%; */
    animation-delay: 1.8s;
  }

  .new-stories-hero figure:nth-of-type(8) div::before {
    padding-top: 82%;
  }

  .new-stories-hero figure:nth-of-type(9) {
    right: auto;
    left: 23%;
    top: auto;
    bottom: -20%;
    width: 50%;
    animation-delay: 1.9s;
  }
/*
  .new-stories-hero figure:nth-of-type(9) div::before {
    padding-top: 85%;
  } */


  .new-stories-hero figure:nth-of-type(10) {
    right: 25%;
    top: 39%;
    width: 30%;
    animation-delay: 2s;
  }

  /* .new-stories-hero figure:nth-of-type(10) div::before {
    padding-top: 120%;
  } */

  .new-stories-hero figure:nth-of-type(11) {
    right: auto;
    left: 25%;
    top: 41%;
    width: 15%;
    animation-delay: 2.1s;
  }

  .new-stories-hero figure:nth-of-type(11) div::before {
    padding-top: 100%;
  }

  .new-stories-hero figure:nth-of-type(12) {
    display: none;
  }

  .new-stories-hero figure:nth-of-type(13) {
    right: -20px;
    bottom: 20%;
    width: 22%;
    animation-delay: 2.3s;
  }

  .new-stories-hero figure:nth-of-type(13) div::before {
    padding-top: 82%;
  }
  .new-stories-hero .copy {
    padding: 40px 5% 60%;
  }

  .new-stories-hero h1 {
    font-size: 28px;
    color: #1D2C4C;
    line-height: 35px;
  }
  .new-stories-map .headline {
    padding-bottom: 40px;
  }

  .new-stories-map .headline h3 {
    font-size: 17px;
    color: #1D2C4C;
    text-align: center;
    line-height: 24px;
  }

  .stories-slider-wrap {
    flex-direction: column;
  }

  .slider-map {
    order: 1;
    width: 100%;
    text-align: center;
  }

  .slider-story-wrap {
    order: 2;
    width: 100%;
    box-shadow: none;
  }

  .slider-story-wrap .slider-story {
    text-align: center;
    padding: 32px 5% 0;
  }

  .slider-story-wrap .slider-story svg {
    margin-bottom: 0;
  }

  .slider-story-wrap .slider-story p {
    margin-bottom: 16px;
  }

  .slider-story-wrap .author-wrap {
    border-top: 0;
    padding-top: 0;
    flex-direction: column;
  }

  .slider-story-wrap .author-wrap .author-copy {
    padding-top: 16px;
    padding-left: 0;
  }

  .slider-story-wrap .author-wrap p {
    margin-bottom: 0;
  }

  .slider-story-wrap .author-wrap p.bio {
    max-width: 200px;
    margin: 0 auto;
  }

  .filter-stories .stories-wrap {
    flex-direction: column;
    justify-content: initial;
    padding-top: 40px;
  }

  .filter-stories .stories-wrap .story {
    width: 100%;
    margin: 0 0 40px;
  }

  .filter-stories .stories-wrap .story:last-of-type {
    margin-bottom: 0;
  }
}


/* --------------------------------------------------------------
/* = Influencer Template
-------------------------------------------------------------- */
section.influencer-hero {
  display: flex;
}

section.influencer-hero article {
  width: 40%;
  background: #F5F8FB;
  display: flex;
  align-items: center;
  padding: 40px 5%;
}


section.influencer-hero h1 {
  margin: 0 0 30px;
  font-family: 'Graphik';
  font-size: calc(25px + (50 - 25) * ((100vw - 768px) / (1600 - 768)));
  color: #1D2C4C;
  letter-spacing: 0;
  line-height: 1.2em;
  font-weight: 500;
}


@media (min-width: 1600px) {
  section.influencer-hero h1 {
    font-size: 50px;
  }
}

section.influencer-hero p {
  max-width: 390px;
  margin: 0;
  line-height: 1.5em;
  font-family: 'Graphik';
  font-size: 20px;
  color: #525975;
  letter-spacing: 0;
}

section.influencer-hero ul {
  margin: 0;
  padding: 50px 0 0;
  list-style-type: none;
  display: flex;
}

section.influencer-hero li {
  margin-right: 5px;
}

section.influencer-hero li:first-of-type {
  margin-right: 15px;
}

section.influencer-hero li img {
  max-width: 50%;
  height: auto;
}

section.influencer-hero figure {
  background-image: url(https://www.opendoor.com/w/wp-content/uploads/2018/12/influencer-hero-2.jpg);
  background-size: cover;
  background-position: center;
  width: 60%;
  overflow: hidden;
  position: relative;
}

section.influencer-hero figure:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 60%;
}

section.influencer-about .title-blurb {
  padding: 140px 0;
}

section.influencer-about .title-blurb h5 {
  margin-top:0;
  font-family: 'Graphik';
  font-weight: 600;
  font-size: 28px;
  color: #0C2340;
  line-height: 36px;
}


section.influencer-about .title-blurb h4 {
  margin-bottom:0;
  font-family: 'Graphik';
  font-weight: 400;
  font-size: 32px;
  color: #1D2C4C;
  line-height: 46px;
}


.influencer-two-col {
  padding: 40px 0 140px;
  border-top: 1px solid #D8D8D8;
  display: flex;
}

.influencer-two-col div.copy {
  width: 52%;
}

.influencer-two-col div.copy.right {
  padding-left: 10%;
}

.influencer-two-col div.copy.left {
  padding-right: 10%;
}

.influencer-two-col h4 {
  margin-top: -8px;
  color: #1C85E8;
  font-family: 'Graphik';
  font-size: 28px;
  font-weight: 600;
  color: #1C85E8;
  margin-bottom: 25px;
}

.influencer-two-col div.copy ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.influencer-two-col div.copy li {
  position: relative;
  margin-bottom: 25px;
  padding-left: 20px;
  font-family: 'Graphik';
  font-weight: 400;
  font-size: 16px;
  color: #525975;
  line-height: 24px;
  max-width: 365px;
}

.influencer-two-col div.copy li:before {
  position:absolute;
  top: 8px;
  left: 0;
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #D0D3E0;
}

.influencer-two-col div.copy li:last-of-type {
  margin-bottom: 0;
}

.influencer-two-col figure {
  width: 48%;
}

.influencer-two-col figure img {
  max-width: 100%;
}

.where-od-operates {
  background-image: url(https://www.opendoor.com/w/wp-content/uploads/2018/12/od-map-bg.jpg);
  background-size: cover;
  background-position: center;
  height: 650px;
  position: relative;
}

.where-od-operates .regular-container {
  height: 100%;
  display: flex;
  align-items: center;
}

.where-od-operates h5 {
  position: absolute;
  top: 60px;
  left: 0;
  font-family: 'Graphik';
  font-weight: 600;
  font-size: 28px;
  color: #1C85E8;
  margin: 0;
}

.where-od-operates ul.cities {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 100px;

}

.where-od-operates ul.cities li {
  font-size: 27px;
  color: #FFFFFF;
  line-height: 55px;
  margin-right: 16px;
  font-family: 'Graphik';
  font-weight: 400;
  font-size: 27px;
  color: #FFFFFF;
  line-height: 55px;
}

@media (max-width: 767px) {
  section.influencer-hero {
    flex-direction: column;
  }

  section.influencer-hero article {
    order: 2;
    width: 100%;
  }

  section.influencer-hero figure {
    order: 1;
    width: 100%;
  }

  section.influencer-hero h1 {
    font-size: 30px;
  }

  section.influencer-hero p {
    font-size: 16px;
  }

  section.influencer-about .title-blurb {
    padding: 40px 0;
  }

  section.influencer-about .title-blurb h5 {
    font-size: 22px;
    line-height: 1.2em;
  }


  section.influencer-about .title-blurb h4 {
    font-size: 24px;
    line-height: 1.3em;
  }

  .influencer-two-col {
    flex-direction: column;
    padding: 40px 0;
  }

  .influencer-two-col h4 {
    font-size: 24px;
    line-height: 1.3em;
    margin-top: 0;
  }

  .influencer-two-col div.copy {
    order: 2;
    width: 100%;
  }

  .influencer-two-col div.copy.right {
    padding-left: 0;
  }

  .influencer-two-col div.copy.left {
    padding-right: 0;
  }

  .influencer-two-col div.copy li {
    font-weight: 400;
    font-size: 16px;
    color: #525975;
    line-height: 24px;
    max-width: 100%;
  }

  .influencer-two-col figure {
    width: 100%;
    order: 1;
    margin-bottom: 30px;
  }

  .where-od-operates {
    height: auto;
    padding: 40px 0;
  }

  .where-od-operates .regular-container {
    flex-direction: column;
    align-items: flex-start;
  }

  .where-od-operates h5 {
    position: relative;
    top: auto;
    left: auto;
    font-size: 24px;
    line-height: 1.3em;
  }

  .where-od-operates ul.cities {
    padding: 40px 0;
  }

  .where-od-operates ul.cities li {
    font-size: 20px;
    line-height: 1.2em;
    margin-bottom: 16px;
  }
}



/* --------------------------------------------------------------
/* = End Influencers Template
-------------------------------------------------------------- */


/* --------------------------------------------------------------
/* =App Download Template
-------------------------------------------------------------- */
body.page-template-app-download #page {
  min-height: 100vh;
  background-color: #EFF8FD;
}


.app-header .regular-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 2;
  max-width: 1100px;
  padding: 0 5%;
  margin: 0 auto;
}
.app-page-hero {
  min-height: 650px;
  position: relative;
  background-color: white;
}

.app-page-hero .diagonal {
 position: absolute;
 top: 0;
 right: 0;
 left: 54%;
 width: 46%;
 bottom: 0;
 height: 100%;
 background-size: cover;
 background-repeat: no-repeat;
}

.app-hero-container {
  display: flex;
  align-items: center;
  min-height: 92vh;
  max-width: 950px;
  padding: 7.5% 2.5%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.app-hero-inner {
  display: flex;
  align-items: flex-start;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.app-page-hero h1 {
  line-height: 1.2em;
  margin: 10px 0;
  max-width: 400px;
  font-weight: 700;
  font-size: 44px;
}

.app-page-hero #app-download-cta .od-phone-input {
  align-items: flex-start;
  width: 100%;
  max-width: 450px;
}

@media (min-width: 1600px) {
  .app-page-hero h1 {
    line-height: 1.2em;
    font-size: 56px;
  }
}

.app-page-hero .headline-wrap {
  border-bottom: 1px solid #D8D8D8;
}

.app-hero-container article {
  padding-right: 30px;
  width: 60%;
}

.app-hero-container .app-feature-list {
  margin: 30px 0 20px;
  padding: 0;
  list-style-type: none;
}

.app-hero-container .app-feature-list li {
  display: flex;
  align-items: flex-start;
  position: relative;
  padding-left: 33px;
}

.app-hero-container .app-feature-list li:not(:last-of-type) {
  margin-bottom: 7px;
}

.app-hero-container .app-feature-list img {
  position: absolute;
  top: 5px;
  left: 0;
  width: 13px;
  height: 13px;
}

.app-hero-container figure {
  position: relative;
  width: 40%;
}

.app-hero-container figure div {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.app-hero-container figure div::before {
  content: '';
  display: block;
  height: 0;
  padding-top: 120%;
}

.app-hero-container .app-store-list {
  margin: 0;
  padding: 20px 0;
  list-style-type: none;
}

.app-hero-container .app-store-list:after {
  content: "";
  display: table;
  clear: both;
}

.app-hero-container .app-store-list a, .app-hero-container .app-store-list {
  display: block !important;
}
.app-hero-container .app-store-list img {
  max-width: 100%;
  height: auto;
}

.app-hero-container .app-store-list li {
  float: left;
  max-width: 140px;
}

@media (max-width: 767px) {
  .app-hero-container .app-store-list li {
    float: left;
    max-width: 48%;
  }
}

.app-hero-container .app-store-list li:not(:first-of-type) {
  margin-left: 4%;
}

.app-hero-container .od-phone-input .cta-button {
  border-radius: 1000px;
}

.app-hero-container .od-phone-input .od-cta-input {
  box-shadow: none;
}

.app-hero-container .od-phone-input .od-cta-input .cta-input-form {
  width: 100%;
  min-width: 375px;
}

.app-hero-container .od-phone-input .od-cta-input .cta-input-button {
  max-width: 60%;
}

.app-hero-container .legal-text {
  font-size: 8px;
  color: #525975;
  line-height: 12px;
  max-width: 380px;
  margin: 0;
}

.app-hero-container .legal-text.lt-1 {
  margin-top: 20px;
}

.app-hero-container .legal-text.lt-mid {
  margin: 16px 0;
}

.app-hero-container .legal-text.lt-2 {
  margin-bottom: 16px;
}


.app-footer {
  background-color: #EFF8FD;
}

.app-footer .regular-container {
  position: relative;
  max-width: 1100px;
  padding: 20px 5%;
  margin: 0 auto;
}

.app-footer .eoh-wrap {
  position: absolute;
  top: 20px;
  left: calc(5% + 25px);
}

.app-footer .app-list {
  align-items: center;
  display: flex;
  justify-content: center;
}

.app-list a.text-small {
  color: #525975
}

.app-list a.text-small:hover {
  color: #1c85e8;
}

.app-list span {
  display: inline-block;
  margin: 0 8px;
  position: relative;
}

.app-list span:after {
  position: absolute;
  content: '';
  top: -6px;
  left: 0;
  width: 3px;
  height: 3px;
  background: #525975;
  border-radius: 50%;
}

.app-footer .app-list span:after {
  top: -2px;
}

@media (max-width: 1199px) {
  .app-hero-container {
    max-width: 720px;
    padding: 10% 2.5%;
  }
}

@media (max-width: 767px) {
  /* body.page-template-app-download #page {
    min-height: 0;
    background-color: #EFF8FD;
  } */

  .app-header {
    background-color: white;
    padding: 30px 0;
  }
  .app-header .regular-container {
    position: relative;
  }

  .app-header .opendoor-logo {
    margin: 0;
  }

  .app-page-hero {
    min-height: 0;
  }

  .app-page-hero .diagonal {
    display: none;
  }

  .app-hero-container {
    flex-direction: column;
    padding: 0;
    min-height: 0;
    max-width: 100%;
  }

  .app-hero-inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .app-page-hero h1 {
    max-width: 300px;
    margin-bottom: 20px;
    font-size: 32px;
  }

  .app-hero-container figure {
    background: #1C85E8;
    order: 1;
    padding: 20px 7.5% 0;
    width: 100%;
  }

  .app-hero-container figure.buyer {
    background: rgba(28, 133, 232, 0.1);
  }

  .app-hero-container figure div {
    background-size: cover;
    background-repeat: no-repeat;
    max-width: 350px;
    margin: 0 auto;
  }

  .app-hero-container figure div::before {
    padding-top: 62.5%;
  }

  .app-hero-container article {
    padding: 30px 7.5%;
    order: 2;
    width: 100%;
  }

  .app-hero-container .app-store-list {
    display: none;
  }

  .app-hero-container .legal-text.lt-1 {
    margin: 20px 0 16px;
  }

  .app-footer .regular-container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .app-footer .eoh-wrap {
    position: relative;
    top: auto;
    left: auto;
    margin-bottom: 20px;
  }

}

/* --------------------------------------------------------------
/* =PRESS New
-------------------------------------------------------------- */
.route-press-new .press-page-top {
  padding: 100px 0 60px 0;
  background-position: top center;
  background-repeat: no-repeat;
}
.route-press-new .press-page-top h1 {
  font-size: 64px;
  text-align: center;
}

.route-press-new .press-page-top .subhead {
  text-align: center;
}

.route-press-new .company-news .regular-container {
  display: flex;
}

.route-press-new .press-feed {
  padding-right: 30px;
  padding-bottom: 50px;
  width: 70%;
}
.route-press-new .press-feed h4 {
  font-size: 18px;
  margin: 0 0 30px;
}

.route-press-new .press-feed a.more {
  position: relative;
  display: inline-block;
  margin-top: 20px;
  font-weight: 600;
}

.route-press-new .press-feed a.more:after {
  position: absolute;
  right: -27px;
  top: 2px;
  content: '→';
  transition: all ease-in 0.2s;
}

.route-press-new .press-item:last-of-type {
  margin-bottom: 20px;
}

.route-press-new .press-item a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.route-press-new .press-item .date {
  color: #D0D3E0;
  font-size: 12px;
  font-weight: 600;
  width: 13%;
  margin-right: 15px;
}

.route-press-new .press-item p {
  color: #1D2C4C;
  margin: 0;
  width: calc(87% - 15px);
  font-size: 18px;
  line-height: 1.4em;
}

.route-press-new .press-inquiries {
  width: 30%;
}

.route-press-new .inquiries-wrap {
  background-color: #F5F8FB;
  padding: 30px 7% 40px;
  text-align: center;
}

.route-press-new .inquiries-wrap img.iw-logo {
  margin-bottom: 35px;
}

.route-press-new .inquiries-wrap p {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 20px;
  max-width: 175px;
}
.route-press-new .inquiries-wrap a {
  font-size: 18px;
  font-weight: 600;
}

.route-press-new .inquiries-wrap ul {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.route-press-new .inquiries-wrap li:not(:first-of-type) {
  margin-left: 25px;
}

.route-press-new .in-the-news .regular-container {
  border-top: 2px solid #D8D8D8;
}

.route-press-new .in-the-news h4 {
  font-size: 18px;
  margin: 10px 0 30px;
}

.route-press-new .press-feed-2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 50px;
}

.route-press-new .press-feed-2 .press-box {
  width: calc(100% / 3 - 15px);
  margin-bottom: 80px;
}

.route-press-new .press-feed-2 .bg-image {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.route-press-new .press-feed-2 .bg-image:after {
  display: block;
  content: '';
  height: 0;
  padding-top: 60%;
}

.route-press-new .press-feed-2 .bg-image p {
  font-weight: 600;
  font-size: 18px;
  color: white;
}

.route-press-new .press-feed-2 .date {
  color: #D0D3E0;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 10px;
}

.route-press-new .press-feed-2 a p {
  font-size: 18px;
  color: #1C2A4E;
}

.route-press-new .press-brand-assets {
  background-color: #F8F8F8;
  padding: 60px 0 50px;
}

.route-press-new .press-brand-assets h4 {
  font-size: 18px;
  margin: 0 0 50px;
}

.route-press-new .brand-assets-wrap {
  display: flex;
  justify-content: space-between;
}

.route-press-new .assets-box {
  width: calc(50% - 15px);
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
}

.route-press-new .assets-box:after {
  content: '';
  height: 0;
  display: block;
  padding-top: 50%;
}

.route-press-new .assets-box .inner-wrap {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 25px;
  height: 100%;
  width: 100%;
  padding: 0 20px 25px;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.route-press-new .assets-box h5 {
  color: white;
  margin: 0;
  font-size: 18px;
}

.route-press-new .assets-box p {
  font-size: 14px;
  color: white;
}

.page-template-press-new .footer-container {
  border-top: 0;
}




@media (max-width: 767px) {

  .route-press-new .press-page-top h1 {
    font-size: 48px;
  }

  .route-press-new .press-page-top .regular-container {
     width: 100%;
     max-width: 100%;
  }

  .route-press-new .press-page-top {
    padding: 60px 0;
  }

  .route-press-new .company-news .regular-container {
    flex-direction: column;
  }

  .route-press-new .press-feed {
    padding-right: 0;
    padding-bottom: 50px;
    width: 100%;
  }

  .route-press-new .press-item a {
    flex-direction: column;
  }

  .route-press-new .press-item .date {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2px;
  }

  .route-press-new .press-item p {
    width: 100%
  }

  .route-press-new .press-inquiries {
    width: 100%;
  }

  .route-press-new .press-feed-2 {
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 10px;
  }

  .route-press-new .in-the-news h4 {
    margin: 40px 0;
  }

  .route-press-new .press-feed-2 .press-box {
    width: 100%;
    margin-bottom: 40px;
  }


  .route-press-new .brand-assets-wrap {
    flex-direction: column;
    justify-content: space-between;
  }

  .route-press-new .assets-box {
    width: 100%;
  }

  .route-press-new .assets-box:after {
    padding-top: 50%;
  }

  .route-press-new .assets-box:first-of-type {
    margin-bottom: 40px;
  }
}

/* --------------------------------------------------------------
/* =End Press New
-------------------------------------------------------------- */

/* --------------------------------------------------------------
/* =Agents Partner Program
-------------------------------------------------------------- */
.route-agents-partner-program .hero {
  display: flex;
  background: #1D2C4C;
  margin: 0;
  padding: 0;
}
.route-agents-partner-program .content-block {
  padding: 40px 5%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%;
}

.route-agents-partner-program .hero h1 {
  font-size: calc(30px + (47 - 30) * ((100vw - 768px) / (1600 - 768)));
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 1.2em;
  margin-bottom: 40px;
}

.route-agents-partner-program .hero p.subhead {
  max-width: none;
  margin: 0;
}

.route-agents-partner-program .hero .btn-wrap {
  margin-top: 80px;
}

.route-agents-partner-program .hero .btn-wrap a.button.primary {
  border-radius: 33px;
  font-size: 20px;
  color: #FFFFFF;
  text-align: center;
  width: 100%;
  max-width: 265px;
  font-size: 18px;
  padding: 17px 25px;
  font-weight: 600;
}

.route-agents-partner-program .hero .btn-wrap a.button.primary:focus {
  outline: none;
  text-decoration: none;
}

.route-agents-partner-program .hero figure {
  background: url('https://www.opendoor.com/w/wp-content/uploads/2019/03/agents-partner-hero.jpg') top center no-repeat;
  background-size: cover;
  background-position: bottom;
  position: relative;
  overflow: hidden;
  flex: 1;
}

.route-agents-partner-program .hero figure:after {
  content: '';
  display: block;
  height: 0;
  padding-top: 85%;
}

.agents-program-perks {
  padding-top: 160px;
}

.agents-program-perks .regular-container {
  display: flex;
}

.agents-program-perks figure,
.agents-program-perks article {
  width: 50%;
}

.agents-program-perks figure {
  position: relative;
  z-index: 2;
}

.agents-program-perks article {
  padding-left: 5%;
  padding-bottom: 0;
  display: flex;
  align-items: center;
}


.agents-program-perks hr {
  border-top: 0;
  height: 4px;
  margin: 0 0 35px;
  width: 67px;
  background-color: #FFA5A7;
}

.agents-program-perks h3 {
  font-size: 32px;
  color: #1D2C4C;
  line-height: 38px;
  margin-bottom: 55px;
  max-width: 340px;
}

.agents-program-perks p {
  font-size: 16px;
  color: #1D2C4C;
  line-height: 26px;
}

.agents-program-perks img {
  max-width: 100%;
  height: auto;
  margin-bottom: -80px;
}

.agents-program-partner-with {
  background: #F5F8FB;
  padding-top: 120px;
  padding-bottom: 140px;
}

.agents-program-partner-with h3 {
  font-size: 32px;
  color: #1D2C4C;
  line-height: 38px;
  margin-bottom: 70px;
}

.agents-program-partner-with .partner-with-wrap {
  display: flex;
  justify-content: space-between;
}

.agents-program-partner-with .why {
  width: 28.5%;
}
.agents-program-partner-with .why .img-wrap {
  min-height: 80px;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.agents-program-partner-with .why h4 {
  font-size: 20px;
  color: #1D2C4C;
  line-height: 34px;
}

.agents-program-partner-with .why p {
  font-size: 16px;
  color: #1D2C4C;
  line-height: 26px;
}

.route-agents-partner-program .faq-section {
  background-color: #F5F8FB;
  padding-top: 280px;
  padding-bottom: 140px;
}

.route-agents-partner-program .faq-section h2 {
  font-size: 32px;
  color: #1D2C4C;
  line-height: 32px;


}

.route-agents-partner-program .one-faq-item {
  border-top: 1px solid #D2D2D2;
}

.route-agents-partner-program  .one-faq-item__question {
  font-size: 18px;
  line-height: 27px;
}

.route-agents-partner-program .one-faq-item__answer p,
.route-agents-partner-program .one-faq-item__answer li {
  font-size: 16px;
  line-height: 26px;
  color: #1D2C4C;
}



.agents-program-qualify {
  padding: 160px 0;
}

.agents-program-qualify .regular-container {
  display: flex;
  justify-content: space-between;
}

.agents-program-qualify article {
  width: 205px;
}

.agents-program-qualify .qualify-list {
  width: 64%;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.agents-program-qualify .qualify-list li {
  position: relative;
}

.agents-program-qualify .qualify-list li:not(:last-of-type) {
  margin-bottom: 15px;
}

.agents-program-qualify .qualify-list svg {
  margin-right: 35px;
  position: absolute;
  top: 4px;
  left: 0;
}

.agents-program-qualify .qualify-list p {
  font-size: 20px;
  color: #1D2C4C;
  line-height: 1.5em;
  padding-left: 57px;
}

.agents-program-qualify hr {
  border-top: 0;
  height: 4px;
  margin: 0 0 35px;
  width: 67px;
  background-color: #FFA5A7;
}

.agents-program-qualify h3 {
  font-size: 32px;
  color: #1D2C4C;
  line-height: 38px;
  margin-bottom: 40px;
  max-width: 205px;
}

.agents-program-qualify p {
  font-size: 16px;
  color: #1D2C4C;
  line-height: 26px;
}

.agents-program-local-agents .regular-container {
  display: flex;
  align-items: center;
}

.agents-program-local-agents .local-agents-box,
.agents-program-local-agents .agents-program-location-wrap {
  width: 50%;
}

.agents-program-local-agents .inner-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #FFFFFF;
  box-shadow: 0 22px 34px 0 rgba(0,0,0,0.20);
  padding: 60px 50px 80px;
  text-align: center;
  position: relative;
  z-index: 2;
  margin-bottom: -160px;
}

.agents-program-local-agents h3 {
  font-size: 32px;
  color: #1D2C4C;
  line-height: 38px;
  margin: 40px auto 80px;
}

.agents-program-local-agents a.button.primary {
  width: 100%;
  margin-bottom: 25px;
  border-radius: 33px;
  font-size: 20px;
  font-weight: 600;
}

.agents-program-local-agents a.button.primary:focus {
  outline: none;
  text-decoration: none;
}

.agents-program-local-agents .agents-program-location-wrap {
  padding-left: 10%;
}

.agents-program-local-agents .agents-program-location-wrap h6 {
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 500;
}

.agents-program-local-agents .agents-program-location-wrap h6 span {
  display: inline-block;
  margin-right: 4px;
}

.agents-program-local-agents .agents-program-location-wrap h6 img {
  width: 1em;
  height: 1em;
}

.agents-program-local-agents ul.locations {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0 0 10%;
  list-style-type: none;
}

.agents-program-local-agents ul.locations li {
  font-size: 14px;
  color: #1D2C4C;
  line-height: 32px;
}

.agents-program-local-agents ul.locations li:not(:last-of-type) {
  margin-right: 20px;
}

.agents-program-learn-more {
  background-color: #1C85E8;
  padding: 80px 0;
}

.agents-program-learn-more .regular-container {
  display: flex;
}

.agents-program-learn-more article,
.agents-program-learn-more .cta-wrap {
  width: 50%;
}

.agents-program-learn-more .cta-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}



.agents-program-learn-more a.button.primary {
  background-color: white;
  color: #1c85e8;
  width: 80%;
  text-align: center;
  font-size: 18px;
  padding: 17px 25px;
  font-weight: 600;
}

.agents-program-learn-more a.button.primary:focus {
  outline: none;
  text-decoration: none;
}

.agents-program-learn-more .button.primary:hover:not([disabled]):not(.disabled) {
  background: white;
  color: #03476b;
}


.agents-program-learn-more h5 {
  margin: 0 0 10px;
  font-size: 20px;
  color: #FFFFFF;
  line-height: 25px;
}

.agents-program-learn-more p {
  margin: 0;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 26px;
}

.page-template-agents-partner-program .footer-container {
  border-top: 0;
}

@media (max-width: 767px) {
  .route-agents-partner-program .hero {
    flex-direction: column;
  }
  .route-agents-partner-program .content-block {
    padding: 40px 5%;
    width: 100%;
  }

  .route-agents-partner-program .hero h1 {
    font-size: 40px;
  }

  .route-agents-partner-program figure {
    width: 100%;
  }

  .route-agents-partner-program .hero .btn-wrap {
    margin-top: 40px;
  }

  .agents-program-perks {
    padding: 60px 0;
  }

  .agents-program-perks .regular-container {
    flex-direction: column;
  }

  .agents-program-perks figure,
  .agents-program-perks article {
    width: 100%;
  }

  .agents-program-perks figure {
    order: 2;
  }

  .agents-program-perks img {
    margin-bottom: 0;
  }

  .agents-program-perks article {
    order: 1;
    padding-left: 0;
    padding-bottom: 40px;
    display: flex;
    align-items: center;
  }

  .agents-program-perks h3 {
    margin-bottom: 40px;
  }

  .agents-program-partner-with {
    padding: 60px 0;
  }

  .agents-program-partner-with h3 {
    margin-top: 0;
    margin-bottom: 40px;
  }

  .agents-program-partner-with .partner-with-wrap {
    flex-direction: column;
  }

  .agents-program-partner-with .why {
    width: 100%;
  }

  .agents-program-partner-with .why:not(:last-of-type) {
    margin-bottom: 40px;
  }

  .agents-program-partner-with .why .img-wrap {
    min-height: 0;
    display: block;
    margin-bottom: 0;
  }

  .agents-program-partner-with .why h4 {
    margin-top: 0;
  }

  .agents-program-qualify {
    padding: 60px 0;
  }

  .agents-program-qualify .regular-container {
    flex-direction: column;
    justify-content: initial;
  }

  .agents-program-qualify article {
    width: 100%;
    margin-bottom: 40px;
  }

  .agents-program-qualify .qualify-list {
    width: 100%;
    justify-content: initial;
  }

  .agents-program-qualify .qualify-list p {
    font-size: 16px;
    line-height: 26px;
  }

  .agents-program-local-agents .regular-container {
    display: flex;
    flex-direction: column;
    align-items: initial;
  }

  .agents-program-local-agents .local-agents-box,
  .agents-program-local-agents .agents-program-location-wrap {
    width: 100%;
  }

  .agents-program-local-agents .inner-box {
    padding: 40px 5%;
    margin-bottom: 40px;
  }

  .agents-program-local-agents h3 {
    margin: 20px auto 40px;
  }

  .agents-program-local-agents .agents-program-location-wrap {
    padding: 30px 0 60px;
  }

  .agents-program-local-agents ul.locations {
    padding: 0;
  }

  .route-agents-partner-program .faq-section {
    padding: 60px 0;
  }

  .route-agents-partner-program .one-faq-item__question {
    width: 100%;
  }

  .agents-program-learn-more {
    padding: 60px 0;
  }

  .agents-program-learn-more .regular-container {
    flex-direction: column;
  }

  .agents-program-learn-more article {
    width: 100%;
    margin-bottom: 40px;
  }

  .agents-program-learn-more .cta-wrap {
    width: 100%;
    justify-content: center;
  }
}


/* --------------------------------------------------------------
/* = Pre Reno
-------------------------------------------------------------- */

.pre-reno-hero {
  width: 100%;
  background-image: url('https://www.opendoor.com/w/wp-content/uploads/2019/04/pre-reno-hero-bg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.pre-reno-hero article {
  padding: 120px 0 130px;
  width: 100%;
  position: relative;
}

.pre-reno-hero div.copy {
  max-width: 580px;
  margin: 0;
}

.pre-reno-hero h1 {
  color: #1D2C4C;
  font-family: 'Graphik';
  font-size: 42px;
  line-height: 1.2em;
  margin: 0 0 35px;
}

.pre-reno-hero p:not(.highlight) {
  font-size: 16px;
  line-height: 26px;
  color: #1D2C4C;
  margin: 0 0 35px;
}

.pre-reno-hero p.highlight {
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
  color: #1d2c4c;
  position: absolute;
  bottom: 75px;
  left: 0;

}


@media (max-width: 767px) {
  .pre-reno-hero {
    background-image: url('https://www.opendoor.com/w/wp-content/uploads/2019/04/pre-reno-hero-mobile-bg.jpg');
  }
  .pre-reno-hero article {
    width: 100%;
    padding: 60px 0 155px;
  }

  .pre-reno-hero div.copy {
    max-width: 420px;
  }

  .pre-reno-hero h1 {
    font-size: 33px;
    line-height: 1.3em;
    margin: 0 0 30px;
  }

  .pre-reno-hero p {
    max-width: 400px;
    font-size: 15px;
    line-height: 26px;
    margin: 0 0 35px;
  }
}

.pre-reno-homes .pre-reno-homes-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  position: relative;
  z-index: 2;
}

.pre-reno-homes .pre-reno-card {
  display: flex;
  flex-direction: column;
  position: relative;
  margin: -50px 0 95px;
  width: calc(100% / 3 - 15px);
  background: #FFFFFF;
  padding: 22px 30px;
  box-shadow: 0 32px 46px 0 rgba(0,0,0,0.14);
  cursor: pointer;
}

.pre-reno-homes .pre-reno-card::after {
  content:'';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #1C85E8;
  transition: height 250ms ease;
}

.pre-reno-homes .pre-reno-card.active::after {
  height: 9px;
}

.pre-reno-homes .pre-reno-card.active i {
  border-color: #85b7e5;
  background-color: #1c85e8;
}

.pre-reno-homes .pre-reno-card h2 {
  margin: 0;
  font-size: 20px;
  padding-right: 26px;
}

.pre-reno-homes .pre-reno-card i {
  display: block;
  position: absolute;
  top: 30px;
  right: 30px;
  height: 14px;
  width: 14px;
  border-radius: 999px;
  border: solid 3px #D6D4D4;
  transition: all 250ms ease;
}

.pre-reno-card-top {
  width: 100%;
  margin-bottom: 10px;
}

.pre-reno-card-detail {
  width: 100%;
  margin-bottom: 5px;
  padding-bottom: 28px ;
  border-bottom: solid 1px #eaeaea;
}

.pre-reno-card-detail p, .pre-reno-card-detail li {
  font-size: 14px;
  color: #424f66;
  line-height: 1.2em;
}

.pre-reno-card-detail ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.pre-reno-card-detail li {
  display: inline-block;
}

.pre-reno-card-detail li:first-child {
  padding-right: 8px;
  margin-right: 3px;
  border-right: solid 1px #424f66;
}

.pre-reno-card-bottom {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: auto;
}

.pre-reno-card-bottom .expect {
  color: #0C2340;
  font-size: 12px;
  font-weight: 600;
  margin: initial;
}

.pre-reno-card-bottom .value {
  color: #1C85E8;
  font-size: 12px;
  font-weight: 600;
  margin: initial;
}

@media (max-width: 1199px) {
  .pre-reno-card-detail p, .pre-reno-card-detail li {
    line-height: 2em;
  }

  .pre-reno-card-detail li:first-child {
    padding-right: 0;
    margin-right: 0;
    border-right: 0;
  }

}

@media (max-width: 767px) {
  .pre-reno-homes .pre-reno-homes-wrap {
    flex-direction: column;
  }

  .pre-reno-homes .pre-reno-card {
    margin: -90px 0 135px;
    width: 100%;
  }

  .pre-reno-homes .pre-reno-card:hover::after {
    height: 0;
  }

  .pre-reno-homes .pre-reno-card:hover i {
    border-color: #D6D4D4;
    background-color: transparent;
  }

  .pre-reno-homes .pre-reno-card.active::after {
    height: 9px;
  }

  .pre-reno-homes .pre-reno-card.active i {
    border-color: #85b7e5;
    background-color: #1c85e8;
  }

}


.pre-reno-form-wrap {
  padding-bottom: 110px;
}

.pre-reno-form-wrap .form-top {
  text-align: center;
  padding-bottom: 80px;
}

.pre-reno-form-wrap .form-top svg {
  margin-bottom: 35px;
}

.pre-reno-form-wrap .form-top p {
  font-size: 16px;
  color: #1D2C4C;
  line-height: 26px;
}

@media (max-width: 767px) {
  .pre-reno-form-wrap {
    padding-bottom: 40px;
  }
  .pre-reno-form-wrap .form-top {
    padding-bottom: 60px;
  }

  .pre-reno-form-wrap .form-top svg {
    width: 100%;
    margin-bottom: 10px;
  }

  .pre-reno-form-wrap .form-top p {
    max-width: 275px;
    margin: 0 auto;
  }
}

.pre-reno-form-wrap form .input-wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.pre-reno-form-wrap form p {
  margin-bottom: 8px;
}

.pre-reno-form-wrap form .input-wrap:last-of-type {
  margin-bottom: 0;
}

.pre-reno-form-wrap form input[type="text"],
.pre-reno-form-wrap form input[type="email"]
{
  width: 100%;
  height: 60px;
  border: 1px solid #EAEAEA;
  border-radius: 4px;
  padding-left: 16px;
  outline: none;
  font-family: 'Graphik';
  font-size: 16px;
  font-weight: 400;
  color: #0C2340;
}

.pre-reno-form-wrap form input::placeholder,
.pre-reno-form-wrap form input::-ms-input-placeholder {
  font-family: 'Graphik';
  font-size: 16px;
  color: #0C2340;
}

.pre-reno-form-wrap form .form-btn-wrap {
  text-align: center;
  margin-bottom: 40px;
}
.pre-reno-form-wrap form input[type="submit"] {
  width: 100%;
  max-width: 353px;
  margin: 0 auto;
  background: #1C85E8;
  border-radius: 33.5px;
  font-weight: 600;
  font-size: 18px;
  color: #FFFFFF;
  text-align: center;
}

.pre-reno-form-wrap form input[type="submit"].disabled {
  pointer-events: none;
}

.pre-reno-form-wrap form .select-wrap {
  display: flex;
  justify-content: space-between;
  padding-bottom: 55px;
}
.pre-reno-form-wrap form .wpcf7-form-control-wrap.financing,
.pre-reno-form-wrap form .wpcf7-form-control-wrap.purchase-date {
  border: 1px solid #EAEAEA;
  border-radius: 4px;
  display: block;
  position: relative;
  background: white;
  font-size: 16px;
  padding: 0 14px;
  color: #0C2340;
  transition: all .2s ease;
}

.pre-reno-form-wrap form .wpcf7-form-control-wrap select {
  appearance: none;
  background: none;
  border: 1px solid transparent;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 16px;
  color: #0C2340;
  line-height: 1.3;
  margin: 0;
  outline: none;
  padding: 0 14px;
  transition: all .2s ease;
  width: 100%;
  height: 60px;
}


.pre-reno-form-wrap form input:focus {
  outline: none;
}

.pre-reno-form-wrap form label {
  margin-bottom: 0;
  letter-spacing: 0;
  font-weight: 600;
  font-family: 'Graphik';
  font-size: 16px;
  color: #0C2340;
}

.pre-reno-form-wrap form .input-wrap label {
  width: calc(100% / 3 - 18px);
}

.pre-reno-form-wrap form .select-wrap label {
  width: calc(100% / 2 - 18px);
}

.pre-reno-form-wrap .form-bottom {
  padding-bottom: 45px;
}

.pre-reno-form-wrap .form-bottom.mobile {
  display: none;
}

.pre-reno-form-wrap .form-bottom p {
  font-size: 12px;
  color: #999999;
  letter-spacing: 0;
  text-align: center;
  line-height: 20px;
  max-width: 715px;
  margin-left: auto;
  margin-right: auto;
}

.pre-reno-form-wrap div.wpcf7-mail-sent-ok {
  display: none !important;
  opacity: 0;
  text-indent: -9999px;
}

@media (max-width: 767px) {
  .pre-reno-form-wrap form .input-wrap {
    flex-direction: column;
  }

  .pre-reno-form-wrap form .input-wrap label {
    width: 100%;
  }

  .pre-reno-form-wrap form .select-wrap {
    flex-direction: column;
    padding-bottom: 55px;
  }

  .pre-reno-form-wrap form .select-wrap label {
    width: 100%;
  }

  .pre-reno-form-wrap .form-bottom {
    padding-bottom: 50px;
  }

  .pre-reno-form-wrap .form-bottom.desktop {
    display: none;
  }

  .pre-reno-form-wrap .form-bottom.mobile {
    display: block;
  }

  .pre-reno-form-wrap .form-bottom p {
    max-width: 360px;
  }

}

div.form-next-step {
  text-align: center;
  border: solid 1px #f0f0f0;
  padding: 70px 5% 50px;
  display: none;
}

div.form-next-step.active {
  display: block;
}


div.form-next-step * {
  text-align: center;
}

div.form-next-step h2 {
  margin-bottom: 0;
}

div.form-next-step a {
  display: inline-block;
  margin-top: 40px;
  font-weight: 500;
}


/* --------------------------------------------------------------
/* = Calculator New
-------------------------------------------------------------- */
.route-calculator-new {
  background-color: #F5F8FB;
}

.hero-calculator-new .regular-container {
  display: flex;
  padding: 60px 0 90px;
  align-items: flex-end;
}

@media (max-width: 1199px) {
  .hero-calculator-new .regular-container {
    max-width: 90%;
  }
}

.hero-calculator-new img {
  max-width: 100%;
  height: auto;
}

.hero-calculator-new div.copy {
  text-align: left;
  padding-left: 45px;
}

.hero-calculator-new h6 {
  font-size: 12px;
  color: #7F92A4;
  text-transform: uppercase;
  margin: 0 0 9px;
  font-weight: 600;
}

.hero-calculator-new h1 {
  font-size: 32px;
  color: #092C4D;
  line-height: 35px;
  margin: 0 0 15px;
}

.hero-calculator-new p {
  font-size: 14px;
  color: #424F66;
  line-height: 18px;
  margin: 0;
  max-width: 383px;
}

.hero-calculator-new .flex {
  display: flex;

}

.hero-calculator-new .flex img {
  margin-right: 15px;
  align-self: flex-start;
}


@media (max-width: 767px) {
  .hero-calculator-new .regular-container {
    flex-direction: column;
    align-items: center;
    padding: 45px 0;
  }

  .hero-calculator-new div.copy {
    padding-left: 0 !important;
    text-align: center;
  }

  .hero-calculator-new .img-wrap img {
    margin-bottom: 40px;
  }

  .hero-calculator-new h6 {
    margin-bottom: 20px;
  }

  .hero-calculator-new h1 {
    font-size: 24px;
    line-height: 27px;
    margin: 0 auto 25px;
    max-width: 300px;
  }

  .hero-calculator-new p {
    margin: 0 auto;
    max-width: 275px;
  }

  .hero-calculator-new .flex img {
    display: none;
  }
}


.route-calculator-new .calculator-wrapper {
  display: flex;
  justify-content: space-between;
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}



.route-calculator-new .calculator {
  width: 45.5%;
}

.route-calculator-new .calculator .price-input {
  width: 100%;
  margin: 0 0 40px;
  display: flex;
  flex-direction: column;
}

.route-calculator-new .calculator .price-input a {
  color: #0071DD;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  margin-top: 5px;
  display: flex;
}

.route-calculator-new .calculator .price-input a svg {
  margin-right: 5px;
}

.route-calculator-new .calculator .price-input input {
  color: #1C85E8;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  width: 100%;
}

.route-calculator-new .calculator input.dollars {
  padding-left: 21px;
}

.route-calculator-new .calculator .price-input input.dollars {
  background: #ffffff url('https://www.opendoor.com/w/wp-content/uploads/2019/05/calc-dollar-sign-2x.png') 10px center / 9px 14px no-repeat;
}

.route-calculator-new .calculator .calculator-box {
  margin-bottom: 40px;
}

.route-calculator-new .calculator .calculator-box.large-margin-bottom {
  margin-bottom: 65px;
}

.route-calculator-new .calculator .calc-disclaimer {
  border-top: 1px solid #D8E0E7;
  padding: 40px 0;
}

.route-calculator-new .calculator .calc-disclaimer p {
  margin: 0;
  color: #7F92A4;
  font-size: 12px;
  line-height: 19px;
}

.route-calculator-new .calculator h6 {
  margin: 0 0 5px;
  font-size: 16px;
  line-height: 26px;
  color: #092C4D;

}

.route-calculator-new .calculator .calc-input-wrap {
  position: relative;
  margin-bottom: 15px;
}

.route-calculator-new .calculator .calc-input-wrap p {
  color: #7F92A4;
  position: absolute;
  right: 10px;
  top: 3px;
  display: inline;
  font-weight: 600;
  font-size: 16px;
  line-height: 47px;
}

.route-calculator-new .calculator .calculator-box .calc-detail-copy {
  color: #7F92A4;
  font-size: 12px;
  line-height: 16px;
}

.route-calculator-new .calculator .calculator-box a {
  color: #0071DD;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.route-calculator-new .calculator input {
  border: 2px solid transparent;
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, .10);
  height: 50px;
  width: 100%;
}

.route-calculator-new .calculator input.percentage {
  background: #ffffff url('https://imgdrop.imgix.net/percentage-sign-icon.svg') 25px center no-repeat
}

.route-calculator-new .calculator-offer {
  width: 45.5%;
  padding-top: 20px;
  position: relative;
  align-self: stretch;
}

.route-calculator-new .calculator-offer.is-fixed .calc-off-wrap {
  position: fixed;
  top: 0;
  bottom: auto;
}

.route-calculator-new .calculator-offer.is-absolute .calc-off-wrap {
  position: absolute;
  top: auto;
  bottom: 50px;
}

.route-calculator-new .calculator-offer .calc-off-wrap {
  max-width: 420px;
}

.route-calculator-new .net-proceeds {
  background: #1C85E8;
  width: 100%;
  padding: 10%;
  border-radius: 4px;
  min-height: 350px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 30px;
}

#mobile-net-proceeds {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  transform: translate3d(0,0,0);
}

#mobile-net-proceeds.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 2;
}

.route-calculator-new .net-proceeds .costs-highlight {
  margin: 0;
  font-size: 10px;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 600;
  opacity: 1;
  color: rgba(255, 255, 255, 0.5);
}

.route-calculator-new .net-proceeds .costs-highlight span {
  color: white;
  display: block;
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
}

.route-calculator-new .net-proceeds .total-net-proceeds {
  font-weight: 600;
  font-size: 68px;
  line-height: 68px;
  word-break: break-word;
}

@media (max-width: 1400px) {
  .route-calculator-new .net-proceeds .total-net-proceeds {
    font-size: calc(50px + (68 - 50) * ((100vw - 768px) / (1400 - 768)));
  }
}

.route-calculator-new .net-proceeds .bottom-totals {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.route-calculator-new .net-proceeds .bottom-totals p {
  word-break: break-word;
}

.route-calculator-new .net-proceeds .bottom-totals .divider {
  width: 1px;
  height: 40px;
  background-color: #D8D8D8;
  opacity: .3;
}

.route-calculator-new .calculator-cta-section {
  background: #FFFFFF;
  padding: 45px 12% 40px;
  border-radius: 4px;
}

.route-calculator-new .calculator-cta-section h2 {
  color: #092C4D;
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 auto 20px;
}

.route-calculator-new .calculator-cta-section p {
  color: #7F92A4;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 20px;
}

.route-calculator-new .cta-input-form {
  flex-direction: column;
}

.route-calculator-new .od-cta-input {
  box-shadow: none;
  border-radius: 0;
}

.route-calculator-new .od-cta-input .cta-input-wrapper {
  border-radius: 0;
  border: 0;
}

.route-calculator-new .od-cta-input .cta-input-control {
  border-radius: 33.5px;
  background: #ffffff;
  font-family: 'Graphik';
  font-size: 14px;
  color: #1C2B4D;
  text-align: center;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
  line-height: 47px;
  padding: 0 12px;
  margin-bottom: 10px;
  -webkit-appearance: none;
}

.route-calculator-new .od-cta-input .cta-input-control:focus {
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}

.route-calculator-new .od-cta-input .cta-input-button {
  max-width: 100%;
  background: #147BD1;
  border-radius: 33.5px;
  text-align: center;
}

.route-calculator-new .od-cta-input .cta-input-button button {
  line-height: 47px;
  padding: 0 1.5em;
  width: 100%;
  font-family: 'Graphik';
  font-size: 14px;
  color: #FFFFFF;
  font-weight: 700;
}

.route-calculator-new .calculator-cta-section a {
  display: block;
  margin-top: 25px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
}


@media (max-width: 1199px) {
  .route-calculator-new .calculator-wrapper {
    max-width: 720px;
  }
}
@media (max-width: 767px) {
  .route-calculator-new .calculator-wrapper {
    flex-direction: column;
    justify-content: initial;
  }

  .route-calculator-new .calculator-offer .calc-off-wrap {
    max-width: 100%;
  }

  .route-calculator-new .calculator-offer.is-fixed .calc-off-wrap {
    position: relative;
    top: auto;
  }

  .route-calculator-new .calculator-offer.is-absolute .calc-off-wrap {
    position: relative;
    bottom: auto;
  }

  .route-calculator-new .calculator {
    width: 100%;
  }

  .route-calculator-new .calculator-offer {
    width: 100%;
    padding-top: 0;
  }

  .route-calculator-new .net-proceeds {
    background: #1C85E8;
    width: 100%;
    padding: 8%;
    border-radius: 0;
    min-height: 0;
    justify-content: initial;
    align-items: center;
    margin-bottom: 30px;
  }

  .route-calculator-new .net-proceeds .costs-highlight {
    text-align: center;
  }

  .route-calculator-new .net-proceeds .total-net-proceeds {
    font-size: 48px;
  }

  .route-calculator-new .calculator-cta-section {
    width: 90%;
    margin: 30px auto;
    padding: 40px 0;
  }

  .route-calculator-new .calculator-cta-section h2 {
    font-size: 22px;
    line-height: 24px;
    max-width: 300px;
  }
}


/* --------------------------------------------------------------
/* = REPAIR TOOL NEW
-------------------------------------------------------------- */
.route-repair-tool-new {
  background-color: #F5F8FB;
}

.route-repair-tool-new .hero-calculator-new div.copy {
  padding-left: 40px;
}



.route-repair-tool-new .hero-calculator-new p {
  max-width: 590px;
}

.route-repair-tool-new .calculator-wrapper {
  display: flex;
  justify-content: space-between;
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

.route-repair-tool-new .calculator {
  width: 45.5%;
}

.route-repair-tool-new .calculator .calculator-box {
  margin-bottom: 40px;
}

.route-repair-tool-new .calculator .calc-disclaimer {
  border-top: 1px solid #D8E0E7;
  padding: 40px 0;
}

.route-repair-tool-new .calculator .calc-disclaimer p {
  margin: 0;
  color: #7F92A4;
  font-size: 12px;
  line-height: 19px;
}

.route-repair-tool-new .calculator h6 {
  margin: 0 0 5px;
  font-size: 16px;
  line-height: 16px;
  color: #092C4D;
}

.route-repair-tool-new .calculator .values-order-by {
  border-top: 1px solid #D8E0E7;
  border-bottom: 1px solid #D8E0E7;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  margin-bottom: 40px;
}

.route-repair-tool-new .calculator .values-order-by p {
  color: #7F92A4;
  font-size: 16px;
  margin: 0;
}

.route-repair-tool-new .calculator .calc-input-wrap {
  position: relative;
  margin-bottom: 15px;
  display: flex;
  border: 2px solid transparent;
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, .10);
  min-height: 60px;
  width: 100%;
  padding-left: 50px;
  cursor: pointer;
  user-select: none;
  align-items: center;
  background-color: white;
  font-family: 'Graphik';
  font-weight: 600;
  font-size: 16px;
  color: #092C4D;
  line-height: 16px;
}

.route-repair-tool-new .calculator .calc-input-wrap input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.route-repair-tool-new .calculator .calc-input-wrap .checkmark {
  position: absolute;
  top: 10px;
  left: 12.5px;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  background-color: transparent;
  border: 2px solid #D8E0E7;
}

.route-repair-tool-new .calculator .calc-input-wrap .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.route-repair-tool-new .calculator .calc-input-wrap input:checked .checkmark:after {
  display: block;
}

/* When the checkbox is checked, add a blue background */
.route-repair-tool-new .calculator .calc-input-wrap input:checked ~ .checkmark {
  background-color: #1C85E8;
  border: 2px solid #1C85E8;
}

.route-repair-tool-new .calculator .calc-input-wrap .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.route-repair-tool-new .calculator .calc-input-wrap input:checked ~ .checkmark:after {
  display: block;
}

/* .route-repair-tool-new .calculator .calc-input-wrap p {
  color: #7F92A4;
  position: absolute;
  right: 10px;
  top: 3px;
  display: inline;
  font-weight: 600;
  font-size: 16px;
  line-height: 47px;
} */

.route-repair-tool-new .calculator .calculator-box .calc-detail-copy {
  color: #7F92A4;
  font-size: 12px;
  line-height: 16px;
}

.route-repair-tool-new .calculator .calculator-box a {
  color: #0071DD;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.route-repair-tool-new .calculator input {
  border: 2px solid transparent;
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, .10);
  height: 50px;
  width: 100%;
}

.route-repair-tool-new .calculator input.percentage {
  background: #ffffff url('https://imgdrop.imgix.net/percentage-sign-icon.svg') 25px center no-repeat
}

.route-repair-tool-new .calculator-offer {
  width: 45.5%;
  padding-top: 20px;
  position: relative;
  align-self: stretch;
}

.route-repair-tool-new .calculator-offer.is-fixed .calc-off-wrap {
  position: fixed;
  top: 0;
  bottom: auto;
}

.route-repair-tool-new .calculator-offer.is-absolute .calc-off-wrap {
  position: absolute;
  top: auto;
  bottom: 50px;
}

.route-repair-tool-new .calculator-offer .calc-off-wrap {
  max-width: 420px;
}

.route-repair-tool-new .net-proceeds {
  background: #1C85E8;
  width: 100%;
  padding: 10%;
  border-radius: 4px;
  min-height: 350px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 30px;
}

/* #mobile-net-proceeds {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  transform: translate3d(0,0,0);
}

#mobile-net-proceeds.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 2;
} */

.route-repair-tool-new .net-proceeds .costs-highlight {
  margin: 0;
  font-size: 10px;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 600;
  opacity: 1;
  color: rgba(255, 255, 255, 0.5);
}

.route-repair-tool-new .net-proceeds .costs-highlight span {
  color: white;
  display: block;
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
}

.route-repair-tool-new .net-proceeds .total-net-proceeds {
  font-weight: 600;
  font-size: 68px;
  line-height: 68px;
  word-break: break-word;
}

@media (max-width: 1400px) {
  .route-repair-tool-new .net-proceeds .total-net-proceeds {
    font-size: calc(50px + (68 - 50) * ((100vw - 768px) / (1400 - 768)));
  }
}

.route-repair-tool-new .net-proceeds .bottom-totals {
  width: 100%;
}

.route-repair-tool-new .net-proceeds .bottom-totals p {
  word-break: break-word;
}

.route-repair-tool-new .net-proceeds .bottom-totals .divider {
  width: 1px;
  height: 40px;
  background-color: #D8D8D8;
  opacity: .3;
}

.route-repair-tool-new .calculator-cta-section {
  background: #FFFFFF;
  padding: 45px 12% 40px;
  border-radius: 4px;
}

.route-repair-tool-new .calculator-cta-section h2 {
  color: #092C4D;
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 auto 20px;
}

.route-repair-tool-new .calculator-cta-section p {
  color: #7F92A4;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 20px;
}

.route-repair-tool-new .cta-input-form {
  flex-direction: column;
}

.route-repair-tool-new .od-cta-input {
  box-shadow: none;
  border-radius: 0;
}

.route-repair-tool-new .od-cta-input .cta-input-wrapper {
  border-radius: 0;
  border: 0;
}

.route-repair-tool-new .od-cta-input .cta-input-control {
  border-radius: 33.5px;
  background: #ffffff;
  font-family: 'Graphik';
  font-size: 14px;
  color: #1C2B4D;
  text-align: center;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
  line-height: 47px;
  padding: 0 12px;
  margin-bottom: 10px;
  -webkit-appearance: none;
}

.route-repair-tool-new .od-cta-input .cta-input-control:focus {
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}

.route-repair-tool-new .od-cta-input .cta-input-button {
  max-width: 100%;
  background: #147BD1;
  border-radius: 33.5px;
  text-align: center;
}

.route-repair-tool-new .od-cta-input .cta-input-button button {
  line-height: 47px;
  padding: 0 1.5em;
  width: 100%;
  font-family: 'Graphik';
  font-size: 14px;
  color: #FFFFFF;
  font-weight: 700;
}

.route-repair-tool-new .calculator-cta-section a {
  display: block;
  margin-top: 25px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
}


@media (max-width: 1199px) {
  .route-repair-tool-new .calculator-wrapper {
    max-width: 90%;
  }
}

@media (max-width: 1024px) {
  .route-repair-tool-new .calculator-wrapper {
    max-width: 90%;
  }
}

@media (max-width: 767px) {
  .route-repair-tool-new .calculator-wrapper {
    flex-direction: column;
    justify-content: initial;
  }

  .route-repair-tool-new .calculator-offer .calc-off-wrap {
    max-width: 100%;
  }

  .route-repair-tool-new .calculator-offer.is-fixed .calc-off-wrap {
    position: relative;
    top: auto;
  }

  .route-repair-tool-new .calculator-offer.is-absolute .calc-off-wrap {
    position: relative;
    bottom: auto;
  }

  .route-repair-tool-new .calculator {
    width: 100%;
  }

  .route-repair-tool-new .calculator-offer {
    width: 100%;
    padding-top: 0;
  }

  .route-repair-tool-new .net-proceeds {
    background: #1C85E8;
    width: 100%;
    padding: 8%;
    border-radius: 0;
    min-height: 0;
    justify-content: initial;
    align-items: center;
    margin-bottom: 30px;
  }

  .route-repair-tool-new .net-proceeds .costs-highlight {
    text-align: center;
  }

  .route-repair-tool-new .net-proceeds .total-net-proceeds {
    font-size: 48px;
  }

  .route-repair-tool-new .calculator-cta-section {
    width: 90%;
    margin: 30px auto;
    padding: 40px 0;
  }

  .route-repair-tool-new .calculator-cta-section h2 {
    font-size: 22px;
    line-height: 24px;
    max-width: 300px;
  }
}




.route-repair-tool-new .calculator-wrapper select[name="select-city"],
.route-repair-tool-new .calculator-wrapper select[name="valueEstimate"] {
  -webkit-appearance: none;
  background: #FFFFFF;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  border: 0;
  padding: 17px 22px;
  line-height: 1em;
  outline: none;
  width: 100%;
  margin: 10px 0;
}

.route-repair-tool-new .calculator-wrapper select[name="select-city"],
.route-repair-tool-new .calculator-wrapper select[name="select-city"] option {
  text-transform: capitalize;
}

.route-repair-tool-new .calculator-wrapper .select-wrap {
  position: relative;
}

.route-repair-tool-new .calculator-wrapper .select-wrap .select-arrow {
  position: absolute;
  right: 20px;
  top: 33px;
  width: 15px;
  height: 9px;
  pointer-events: none;
}

.route-repair-tool-new .regular-container:first-child {
  margin-bottom: 30px;
}

.route-repair-tool-new .regular-container:first-child .city-input a {
  color: #0071DD;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.route-repair-tool-new .regular-container .link-arrow {
  width: 6px;
  height: 9px;
  display: inline-block;
  margin-left: 5px;
}


.route-repair-tool-new .regular-container .sort-wrap select {
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  padding: 0 25px 0 0;
  line-height: 1em;
  outline: none;
  width: 100%;
  margin: 0;
  font-weight: 600;
  color: #092C4D;
  font-size: 16px;
}

.route-repair-tool-new .regular-container .sort-wrap {
  position: relative;
}

.route-repair-tool-new .regular-container .sort-wrap svg {
  position: absolute;
  pointer-events: none;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}

.route-repair-tool-new .calculator .calc-input-wrap .checkmark:after {
  display: inline-block;
  width: 60%;
  padding-left: 0;
  background-image: url('https://www.opendoor.com/w/wp-content/themes/opendoor/images/checkmark-new.svg');
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
  margin: 0;
  color: #1D2C4C;
  padding-bottom: 0;

  left: -3px;
  top: -2px;
  width: 25px;
  height: 25px;
  border: none;
  border-width: 0;
  transform: rotate(0deg);
  display: none;
}

.route-repair-tool-new .calculator .calc-input-wrap input:checked .checkmark:after {
  display: block;
}

.route-repair-tool-new .calc-input-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}


.route-repair-tool-new .calc-input-wrap p.text-price-range,
.route-repair-tool-new .calc-input-wrap p.label-text {
  margin-left: 0;
  margin-right: 20px;
  margin-bottom: 25px;
}

.route-repair-tool-new .calc-input-wrap p.text-price-range {
  color: #7F92A4;
  font-weight: normal;
  position: relative;

}

.route-repair-tool-new .calc-input-wrap .text-percent  {
  font-size: 12px;
  line-height: 18px;
  color: #2BC8A7;
  font-weight: bold;
  position: absolute;
  top: 100%;
  right: 0;
}


@media (max-width: 1199px) {
  .route-repair-tool-new .calc-input-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .route-repair-tool-new .calc-input-wrap p.text-price-range,
  .route-repair-tool-new .calc-input-wrap p.label-text {
    width: 100%;
    margin-left: 20px;
  }

  .route-repair-tool-new .calc-input-wrap p.label-text  {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .route-repair-tool-new .calc-input-wrap .text-percent  {
    top: 100%;
    left: 0;
    right: auto
  }
}

.route-repair-tool-new .total-net-to,
.route-repair-tool-new .total-net-from {
  position: relative;
  width: calc(50% - 15px);
}


.route-repair-tool-new .total-net-from-text,
.route-repair-tool-new .total-net-to-text  {
  font-size: 36px;
  line-height: 1em;
  color: #FFFFFF;
  font-weight: 900;
  margin: 0;
  position: relative;
  display: block;
}

.route-repair-tool-new .total-net-from  {
  margin-right: 0;
}

.route-repair-tool-new .total-net-to {
  margin-left: 30px;
}


.route-repair-tool-new .total-net-percent-from,
.route-repair-tool-new .total-net-percent-to {
  position: absolute;
  top: 100%;
  left: 0;
  font-size: 14px;
  color: #FFFFFF;
  font-weight: normal;
  line-height: 2em;
}

.route-repair-tool-new .total-net-proceeds > span {
  text-transform: uppercase;
  font-size: 10px;
  text-align: center;
  display: block;
  line-height: 1em;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.route-repair-tool-new .net-proceeds {
  padding: 10% 7%;
}

.route-repair-tool-new .net-proceeds .total-net-proceeds {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}



.route-repair-tool-new .potential-value-text {
  margin-top: 10px;
  font-size: 31px;
  color: #FFFFFF;
  font-weight: 900;
  line-height: 1.2em;
}


@media (max-width: 767px) {
  .route-repair-tool-new .total-net-from-text,
  .route-repair-tool-new .total-net-to-text  {
    font-size: 30px;
  }

  .route-repair-tool-new .bottom-totals.small .potential-value-from,
  .route-repair-tool-new .bottom-totals.small .potential-value-to {
    font-size: 20px;
  }

  .route-repair-tool-new .potential-value-text {
    text-align: center;
  }

  .route-repair-tool-new .net-proceeds .bottom-totals {
    margin-top: 40px;
  }
}


@media (max-width: 320px) {
  .route-repair-tool-new .total-net-from-text,
  .route-repair-tool-new .total-net-to-text  {
    font-size: 25px;
  }

  .route-repair-tool-new .bottom-totals.small .potential-value-from,
  .route-repair-tool-new .bottom-totals.small .potential-value-to {
    font-size: 20px;
  }
}


.calculator-sellhome-sec {
  padding: 30px 7%;
  background: #ffffff;
  display: flex;
  margin-top: 24px;
  margin-bottom: 24px;
  justify-content: space-between;
}

.calculator-sellhome-sec figure {
  width: 53px;
  height: 53px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.calculator-sellhome-sec .text-wrap {
  width: calc(100% - 75px);
  position: relative;
  padding-right: 60px;
}

.calculator-sellhome-sec .text-wrap h2 {
  font-size: 16px;
  color: #092C4D;
  margin: 0;
}

.calculator-sellhome-sec .text-wrap p {
  font-size: 12px;
  color: #7F92A4;
  line-height: 1.2em;
}

.calculator-sellhome-sec .arrow-btn {
  position: absolute;
  width: 38px;
  height: 38px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: #D1E8F8;
  border-radius: 50%;
}

.calculator-sellhome-sec .arrow-btn svg {
  position: absolute;
  width: 14px;
  height: 7px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-90deg);
}









/* ==================================================
            Repair Tool New -  Waypoint
================================================== */

@media (min-width: 768px) {

  .route-repair-tool-new .calculator-offer.is-fixed .calc-off-wrap {
    position: fixed;
    top: 0;
    bottom: auto;
  }

  .route-repair-tool-new .calculator-offer.is-bottom .calc-off-wrap {
    position: absolute;
    top: auto;
    bottom: 0;
  }


  .route-repair-tool-new .calculator-offer-mobile-frame,
  .route-repair-tool-new .calculator-offer.mobile {
    display: none;
  }
}


@media (max-width: 767px) {

  .route-repair-tool-new .calculator-offer.mobile.is-fixed .calc-off-wrap {
    position: fixed;
    top: 0;
    left: 0;
    bottom: auto;
    z-index: 100;
  }

  .route-repair-tool-new .calculator-offer.desktop .net-proceeds {
    display: none;
  }

  .route-repair-tool-new .calculator-offer-mobile-frame {
    min-height: 187px;
  }

  .route-repair-tool-new .calculator-offer.mobile {
    display: block;
    width: 100%;
    max-width: none;
  }

  .route-repair-tool-new .calculator-offer.mobile .calc-off-wrap {
    width: 100%;
    max-width: none;
  }

  .route-repair-tool-new .calculator-offer.mobile .net-proceeds {
    padding: 20px 5%;
  }

  .route-repair-tool-new .calculator-offer.mobile .total-net-proceeds {
    margin-bottom: 25px;
    margin-top: 10px;
  }

  .route-repair-tool-new .calculator-offer.mobile .bottom-totals {
    margin-top: 10px;
  }

  .route-repair-tool-new .calculator-offer.mobile .potential-value-text {
    font-size: 20px;
  }

  .route-repair-tool-new .calculator-offer.mobile .total-net-from,
  .route-repair-tool-new .calculator-offer.mobile .total-net-to {
    font-size: 25px;
    white-space: nowrap;
  }
}




@media (max-width: 500px) {
  .route-repair-tool-new .calculator-offer.mobile .net-proceeds {
    padding: 5px 5%;
  }

  .route-repair-tool-new .calculator-offer.mobile .total-net-proceeds {
    margin-top: 5px;
    margin-bottom: 30px;
  }

  .route-repair-tool-new .calculator-offer.mobile .bottom-totals,
  .route-repair-tool-new .calculator-offer.mobile .potential-value-text {
    margin-top: 0;
  }

}



/* ==================================================
            Repair Tool New -  Message modal
================================================== */
.rt-message-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: -2;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  pointer-events: none;
}

.rt-message-popup.is-active {
  display: block;
  z-index: 100;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.rt-message-popup .modal-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 500px;
  padding: 50px;
  background: #fff;
  border-radius: 4px;
}

.rt-message-popup .modal-container p {
  font-size: 18px;
  text-align: center;
}

.rt-message-popup .modal-container p strong {
  font-weight: 900;
}

.rt-message-popup .modal-container .btn {
  display: table;
  margin: 40px auto 0;
  padding: 15px 40px 13px;
  background: #1C85E8;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1em;
}



.route-repair-tool-new .calculator-box-contaianer {
  display: flex;
  flex-direction: column;
}



.route-repair-tool-new .calculator-box[data-order="-1"] {
  -webkit-order: -1;
  -ms-order: -1;
  order: -1;
}

.route-repair-tool-new .calculator-box[data-order="-2"] {
  -webkit-order: -2;
  -ms-order: -2;
  order: -2;
}

.route-repair-tool-new .calculator-box[data-order="-3"] {
  -webkit-order: -3;
  -ms-order: -3;
  order: -3;
}

.route-repair-tool-new .calculator-box[data-order="-4"] {
  -webkit-order: -4;
  -ms-order: -4;
  order: -4;
}

.route-repair-tool-new .calculator-box[data-order="-5"] {
  -webkit-order: -5;
  -ms-order: -5;
  order: -5;
}

.route-repair-tool-new .calculator-box[data-order="-6"] {
  -webkit-order: -6;
  -ms-order: -6;
  order: -6;
}

.route-repair-tool-new .calculator-box[data-order="-7"] {
  -webkit-order: -7;
  -ms-order: -7;
  order: -7;
}

.route-repair-tool-new .calculator-box[data-order="-8"] {
  -webkit-order: -8;
  -ms-order: -8;
  order: -8;
}

.route-repair-tool-new .calculator-box[data-order="-9"] {
  -webkit-order: -9;
  -ms-order: -9;
  order: -9;
}

.route-repair-tool-new .calculator-box[data-order="-10"] {
  -webkit-order: -10;
  -ms-order: -10;
  order: -10;
}

.route-repair-tool-new .calculator-box[data-order="-11"] {
  -webkit-order: -11;
  -ms-order: -11;
  order: -11;
}

.route-repair-tool-new .calculator-box[data-order="-12"] {
  -webkit-order: -12;
  -ms-order: -12;
  order: -12;
}

.route-repair-tool-new .calculator-box[data-order="-13"] {
  -webkit-order: -13;
  -ms-order: -13;
  order: -13;
}

.route-repair-tool-new .calculator-box[data-order="-14"] {
  -webkit-order: -14;
  -ms-order: -14;
  order: -14;
}

.route-repair-tool-new .calculator-box[data-order="-15"] {
  -webkit-order: -15;
  -ms-order: -15;
  order: -15;
}




.route-repair-tool-new  .rt-bottom-section {
  background: #fff;
  padding: 70px 0 80px;
}

.route-repair-tool-new  .rt-bottom-section .col {
  width: 45%;
}

.route-repair-tool-new  .rt-bottom-section .cols-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.route-repair-tool-new  .rt-bottom-section h5 {
  font-size: 18px;
  line-height: 1.2em;
  color: #092C4D;
  margin-bottom: 40px;
}

.route-repair-tool-new  .rt-bottom-section p {
  font-size: 14px;
  line-height: 1.5em;
  color: #7F92A4;
  margin-bottom: 20px;
}

.route-repair-tool-new  .rt-bottom-section a {
  color: #1C85E8;
  font-weight: 900;
  font-size: 14px;
  display: inline-block;
  margin-top: 10px;
}

.route-repair-tool-new  .rt-bottom-section p a {
  display: inline;
}

@media (max-width: 767px) {
  .route-repair-tool-new  .rt-bottom-section .col {
    width: 100%;
    margin-bottom: 50px;
  }

  .route-repair-tool-new  .rt-bottom-section {
    padding: 50px 5% 60px;
  }

}



/* .route-repair-tool-new .total-net-proceeds .total-net-from-text,
.route-repair-tool-new .total-net-proceeds .total-net-to-text,
.route-repair-tool-new .bottom-totals .potential-value-from,
.route-repair-tool-new .bottom-totals .potential-value-to {
  transition: 0.35s;
} */

.route-repair-tool-new .total-net-proceeds.small .total-net-from-text,
.route-repair-tool-new .total-net-proceeds.small .total-net-to-text {
  font-size: 30px;
}

.route-repair-tool-new .bottom-totals.small .potential-value-from,
.route-repair-tool-new .bottom-totals.small .potential-value-to {
  font-size: 26px;
}

.route-repair-tool-new .calc-input-wrap {
  border: 2px solid transparent;
}

.route-repair-tool-new .calc-input-wrap.is-checked {
  background: #e9f4ff;
  border: 2px solid #1a85e8;
}



/* --------------------------------------------------------------
/* = Input Page
----------------------------------------------------------------*/
.page-template-input-page header,
.page-template-input-page footer {
  display: none;
}

.page-template-input-page .input-page-wrap {
  display: flex;
  height: 100vh;
  min-height: 400px;
  width: 100%;
}

.page-template-input-page article {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0 5%;
}

.page-template-input-page article img {
  position: absolute;
  top: 50px;
  left: calc(50% - 60px);
}

.page-template-input-page article h2 {
  font-size: 36px;
  color: #1D2C4C;
  text-align: center;
  line-height: 50px;
  font-weight: 700;
  margin-bottom: 5px;
}

.page-template-input-page article p {
  margin: 0;
  font-size: 16px;
  color: #7F92A4;
  text-align: center;
  line-height: 24px;
}

.page-template-input-page article a {
  font-size: 16px;
  color: #7F92A4;
  text-align: center;
  line-height: 20px;
}

.page-template-input-page figure {
  width: 50%;
  background: #FFDABF;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


.page-template-input-page #seller-input {
  width: 100%;
  max-width: 400px;
  margin: 50px auto 30px;
}

.page-template-input-page .od-cta-input .cta-input-control {
  background: #ffffff;
  font-family: 'Graphik';
  color: #1C2B4D;
  -webkit-appearance: none;
}

.page-template-input-page .od-cta-input {
  background: #fff;
  box-shadow: 0;
  border-radius: 50px;
}
.page-template-input-page .od-cta-input .cta-input-button,
.page-template-input-page .od-cta-input .cta-input-wrapper {
  border-radius: 50px;
}

@media (max-width: 767px) {
  .page-template-input-page .input-page-wrap {
    flex-direction: column;
    height: auto;
    min-height: 0;
  }

  .page-template-input-page article {
    width: 100%;
    display: flex;
    padding: 40px 5%;
  }

  .page-template-input-page article img {
    position: relative;
    top: auto;
    left: auto;
  }

  .page-template-input-page article h2 {
    font-size: 28px;
  }

  .page-template-input-page article p {
    font-size: 14px;
  }

  .page-template-input-page figure {
    height: 500px;
    width: 100%;
  }

  .page-template-input-page #seller-input {
    margin: 30px 0 60px;
  }

  .page-template-input-page article a {
    font-size: 12px;
    line-height: 20px;
  }
}






/* ========================================================
                Builder Partner: Hero
======================================================== */
.bpartner--hero {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}

.bpartner--container {
  width: 90%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.bpartner--hero h1 {
  line-height: 1.1em;
  font-size: 62px;
  margin-bottom: 100px;
}

.bpartner--hero h1,
.bpartner--hero p {
  color: #fff;
}


.bpartner--hero .bottom-box p {
  font-size: 19px;
  margin-top: 0;
  margin-bottom: 15px;
  line-height: 1.2em;
  font-weight: normal;
}

.bpartner--hero .bottom-box .button {
  width: 100%;
  text-align: center;
  font-size: 18px;
  padding: 10px 30px;
}


.bpartner--hero .playvid-box {
  cursor: pointer;
}

.bpartner--hero .playvid-box svg {
  transform: scale(1);
  transition: 0.5s;
  width: 63px;
  height: 63px;
  display: block;
}

.bpartner--hero .playvid-box:hover svg {
  transform: scale(1.1);
}


@media (min-width: 640px) {
  .bpartner--hero {
    height: 560px;
  }

  .bpartner--hero .text-box {
    width: 57%;
  }

  .bpartner--hero .playvid-box {
    position: absolute;
    right: 7%;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    cursor: pointer;
  }

  .bpartner--hero .playvid-box p {
    font-size: 21px;
    padding-right: 30px;
  }

  .bpartner--hero .bottom-box {
    max-width: 300px;
    width: 100%;
  }
}


@media (max-width: 960px) {
  .bpartner--hero h1 {
    font-size: 45px;
  }

  .bpartner--hero .bottom-box p {
    font-size: 18px;
  }
}

@media (max-width: 640px) {
  .bpartner--hero {
    padding: 40px 0;
  }

  .bpartner--hero h1 {
    font-size: 36px;
    margin-bottom: 100px;
    text-align: center;
  }

  .bpartner--hero .bottom-box p,
  .bpartner--hero .playvid-box p {
    text-align: center;
  }

  .bpartner--hero .playvid-box {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 40px;
  }

  .bpartner--hero .playvid-box p {
    font-size: 21px;
  }

  .bpartner--hero .playvid-box svg {
    margin: 0 auto 15px;
  }

}



/* ========================================================
                Builder Partner: Intro
======================================================== */
.bpartner--intro {
  padding: 73px 0;
  overflow: hidden;
}

.bpartner--intro .col-wrap {
  display: flex;
  justify-content: space-between;
}

.bpartner--intro .col-l {
  position: relative;
  z-index: 5;
}

.bpartner--intro .col-l figure {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.bpartner--intro .col-l figure:before {
  content: '';
  display: block;
  padding-top: 122.9%;
}

.bpartner--intro .col-r h2 {
  font-size: 26px;
  margin-top: 0;
  margin-bottom: 70px;
  line-height: 1.3em;
}

.bpartner--intro .col-r h5 {
  font-size: 18px;
  color: #1C85E8;
  margin-top: 40px;
}

.bpartner--intro .col-r p {
  font-size: 14px;
  color: #515679;
}

.bpartner--intro .text-box,
.bpartner--intro .text-box * {
  position: relative;
}

.bpartner--intro .text-box {
  padding-bottom: 40px;
}

.bpartner--intro .text-box:before {
  content: '';
  position: absolute;
  bottom: 0;
  right: -50vw;
  width: 200vw;
  height: calc(100% + 500px);
  background: #ffffff;
}

@media (min-width: 641px) {
  .bpartner--intro {
    background: #F5F8FB;
  }

  .bpartner--intro .col-l {
    width: 50%;
  }

  .bpartner--intro .col-r {
    width: 40%;
  }
}

@media (max-width: 640px) {
  .bpartner--intro {
    padding-top: 40px;
    padding-bottom: 0;
  }

  .bpartner--intro .bpartner--container {
    width: 100%;
  }

  .bpartner--intro .text-box {
    padding-left: 5%;
    padding-right: 5%;
  }

  .bpartner--intro .col-wrap {
    flex-direction: column-reverse;
  }

  .bpartner--intro .col-l {
    width: 100%;
  }

  .bpartner--intro .col-r {
    width: 100%;
  }
}


/* ========================================================
                Builder Partner: How
======================================================== */
.bpartner--how {
  background: #F5F8FB;
  padding: 20px 0 50px;
  position: relative;
}

.bpartner--how:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: #ffffff;
}

.bpartner--how h2 {
  text-align: center;
  margin-bottom: 70px;
  font-size: 26px;
}

.bpartner--how .step-card {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.bpartner--how .card-box {
  width: calc(100% / 3 - 2%);
  background: #fff;
  padding: 30px;
  box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.0758577);
}

.bpartner--how .card-box span {
  font-size: 18px;
  color: #0279D4;
  font-weight: bold;
  line-height: 1em;
  display: block;
  margin-bottom: 40px;
}

.bpartner--how .card-box h5 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3em;
}

.bpartner--how .card-box p {
  font-size: 14px;
}


@media (max-width: 768px) {
  .bpartner--how .step-card {
    flex-direction: column;
  }

  .bpartner--how .card-box {
    width: 100%;
    margin-bottom: 35px;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .bpartner--how .card-box:last-child {
    margin-bottom: 0;
  }
}


/* ========================================================
                Builder Partner: why
======================================================== */
.bpartner--why {
  padding: 73px 0;
  overflow: hidden;
}

.bpartner--why .col-wrap {
  display: flex;
  justify-content: space-between;
}

.bpartner--why .col-l {
  position: relative;
  z-index: 5;
}

.bpartner--why .col-l figure {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.bpartner--why .col-l figure:before {
  content: '';
  display: block;
  padding-top: 121.12%;
}

.bpartner--why .col-r h2 {
  font-size: 26px;
  margin-top: 0;
  margin-bottom: 70px;
  line-height: 1.3em;
}

.bpartner--why .col-r h5 {
  font-size: 18px;
  margin-top: 40px;
}

.bpartner--why .col-r p {
  font-size: 14px;
  color: #515679;
}

.bpartner--why .text-box,
.bpartner--why .text-box * {
  position: relative;
}

.bpartner--why .text-box {
  padding-bottom: 40px;
}

.bpartner--why .row-box {
  position: relative;
  padding-left: 60px;
}

.bpartner--why .row-box .icon {
  position: absolute;
  left: 0;
  top: -3px;
  width: 42px;
  height: 32px;
}

.bpartner--why .row-box .icon svg {
  display: block;
  width: 100%;
  height: 100%;
}


@media (min-width: 769px) {
  .bpartner--why {
    background: #ffffff;
  }

  .bpartner--why .col-l {
    width: 50%;
  }

  .bpartner--why .col-r {
    width: 40%;
  }
}

@media (max-width: 768px) {
  .bpartner--why {
    padding-top: 40px;
    padding-bottom: 0;
  }

  .bpartner--why .bpartner--container {
    width: 100%;
  }

  .bpartner--why .text-box {
    padding-left: 5%;
    padding-right: 5%;
  }

  .bpartner--why .col-wrap {
    flex-direction: column-reverse;
  }

  .bpartner--why .col-l {
    width: 100%;
  }

  .bpartner--why .col-r {
    width: 100%;
  }
}


/* ========================================================
                Builder Partner: testimonial
======================================================== */
.bpartner--testimonial {
  padding: 30px 0 100px;
}

.bpartner--testimonial .text-box {
  text-align: center;
  max-width: 450px;
  margin: 0 auto;
}

.bpartner--testimonial svg {
  display: block;
  width: 22px;
  height: 15px;
  margin: 0 auto 30px;
}

.bpartner--testimonial .quote-text {
  line-height: 1.6em;
  color: #424F66;
  font-size: 18px;
}

.bpartner--testimonial figure {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  margin: 30px auto 20px;
}


.bpartner--testimonial .author-title,
.bpartner--testimonial .author-name {
  font-size: 14px;
}

.bpartner--testimonial .author-name {
  font-weight: bold;
}

.bpartner--testimonial .button {
  margin-top: 40px;
  font-size: 18px;
  padding: 12px 50px;
}


/* ========================================================
                Builder Partner: statistics
======================================================== */
.bpartner--statistics {
  padding: 0 0 150px 0;
}

.bpartner--statistics .bpartner--container {
  border-top: 1px solid #D0D3E0;
}

.bpartner--statistics .tag-text {
  font-size: 14px;
  color: #182554;
  font-weight: bold;
  display: block;
  margin: 20px 0 50px;
}

.bpartner--statistics .col-wrap {
  display: flex;
  justify-content: space-between;
}

.bpartner--statistics .col {
  width: calc(100% / 3 - 7%);
}

.bpartner--statistics .col p:not(.number) {
  font-size: 14px;
  line-height: 1.5em;
}


.bpartner--statistics .col .number {
  line-height: 1em;
  font-size: 46px;
  font-weight: 500;
  color: #147BD1;
  margin-bottom: 10px;
}

.bpartner--statistics .disclaimer p {
  text-align: center;
  font-size: 10px;
  line-height: 1.5em;
  color: rgba(82, 89, 117, 0.5);
  max-width: 500px;
  margin: 80px auto 0;
}


@media (max-width: 768px) {
  .bpartner--statistics .col-wrap {
    flex-direction: column;
  }

  .bpartner--statistics .col {
    width: 100%;
    margin-bottom: 70px;
    text-align: center;
  }

  .bpartner--statistics .col:last-child {
    margin-bottom: 0;
  }
}


/* ========================================================
                Builder Partner: faq
======================================================== */
.bpartner--faq {
  background: #F5F8FB;
  padding-bottom: 50px;
}

.bpartner--faq .inner-container {
  padding: 30px 7%;
  background: #ffffff;
  box-shadow: 0px 22px 64px rgba(0, 0, 0, 0.0674716);
  display: block;
  position: relative;
  top: -80px;
}

.bpartner--faq h6 {
  font-size: 20px;
  color: #172356;
  font-weight: bold;
  margin-bottom: 30px;
}

.bpartner--faq .bp-faq-row {
  border-top: 1px solid #D0D3E0;
  display: block;
}

.bpartner--faq .q {
  font-size: 17px;
  padding: 12px 30px 20px 0;
  position: relative;
  cursor: pointer;
  line-height: 1.3em;
}

.bpartner--faq .q-button  {
  position: absolute;
  width: 15px;
  height: 15px;
  right: 0;
  top: 15px;
  transform: rotate(0deg);
  transition: 0.5s;
}

.bpartner--faq .q .q-button:before,
.bpartner--faq .q .q-button:after {
  content: '';
  background: #D0D3E0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bpartner--faq .q .q-button:before {
  width: 15px;
  height: 3px;
}

.bpartner--faq .q .q-button:after {
  width: 3px;
  height: 15px;
  transition: 0.5s;
}

.bpartner--faq .q.is-active .q-button {
  transform: rotate(180deg);
}

.bpartner--faq .q.is-active .q-button:after {
  opacity: 0;
}


.bpartner--faq .a {
  color: rgba(82, 89, 117, 0.7);
  padding-bottom: 30px;
  display: none;
}

.bpartner--faq .a p {
  color: rgba(82, 89, 117, 0.7);
  margin-bottom: 23px;
}

.bpartner--faq .a p:last-child {
  margin-bottom: 0;
}

.bpartner--faq .a p a {
  color: #0279D4;
  border-bottom: 1px solid transparent;
  transition: 0.35s;
}

.bpartner--faq .a p a:hover {
  border-bottom: 1px solid #0279D4;
}


.bpartner--faq a.bottom-see-all {
  display: inline-block;
  margin-top: 40px;
  color: #0279D4;
  font-size: 16px;
  border-bottom: 1px solid transparent;
  transition: 0.35s;
}

.bpartner--faq a.bottom-see-all:hover {
  border-bottom-color: #0279D4;
}



/* ========================================================
                Builder Partner: contact
======================================================== */
.bpartner--contact {
  background: #F5F8FB;
  padding: 0 0 150px 0;
}

.bpartner--contact .col-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.bpartner--contact h2 {
  font-size: 32px;
  font-weight: 500;
  max-width: 410px;
  line-height: 1.2em;
  margin: 0;
}

.bpartner--contact .button {
  font-size: 18px;
  padding: 10px 45px;
  display: inline-block;
  margin-top: 10px;
}

.bpartner--contact .col:nth-child(1) {
  width: calc(100% - 300px);
}

.bpartner--contact .col:nth-child(2) {
  text-align: right;
  width: 270px;
}


@media (max-width: 768px) {
  .bpartner--contact .col:nth-child(1) {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }

  .bpartner--contact .col:nth-child(2) {
    text-align: center;
    width: 100%;
  }

  .bpartner--contact h2 {
    margin-right: auto;
    margin-left: auto;
    font-size: 27px;
  }
}



/* ========================================================
                Builder Partner: video modal
======================================================== */
.video-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  z-index: -100;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s, visibility 0.25s;
  pointer-events: none;
}

.video-modal.is-active {
  opacity: 1;
  visibility: visible;
  z-index: 99999;
  pointer-events: auto;
}

.video-modal.is-active .video-container {
  margin-top: 0;
  opacity: 1;
  transform: scale(1);
}

.video-modal .video-container {
  width: 90%;
  height: initial;
  max-width: 1080px;
  position: relative;
  margin-top: 70px;
  opacity: 0;
  transform: scale(0.5);
  transition: 0.5s;
  transition-delay: 0.5s;
}

.video-modal .video-container:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 57%;
}

.video-modal iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-modal .close-btn {
  position: absolute;
  width: 40px;
  height: 40px;
  top: -40px;
  right: 0;
  cursor: pointer;
}

.video-modal .close-btn:before,
.video-modal .close-btn:after {
  content: '';
  width: 3px;
  height: 30px;
  background: #ffffff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  border-radius: 2px;
}

.video-modal .close-btn:before {
  transform: rotate(45deg);
}

.video-modal .close-btn:after {
  transform: rotate(-45deg);
}

.video-modal-trigger {
  cursor: pointer;
}

.video-modal-trigger:hover .video-play-button {
  background: #147BD1;
}


.video-play-button {
  width: 100px;
  height: 100px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  transition: background 0.4s;
}

.video-play-button .btn-inner-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  height: 90%;
  border: 4px solid $white;
  border-radius: 50%;
}

.video-play-button .play-triangle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 30px solid $white;
  margin-left: 5%;
}





/* ========================================================
                Guarantee New: Hero Section
======================================================== */
.guarantee-new--hero {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}

.guarantee-new--hero:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(0,0,0,0.604079131652661) 0%, rgba(0,0,0,0.17270658263305327) 35%, rgba(255,255,255,0) 100%);
}

.guarantee-new--container {
  width: 90%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}


.guarantee-new--hero .text-box {
  position: relative;
}

.guarantee-new--hero h1 {
  line-height: 1.1em;
  font-size: 80px;
  margin-bottom: 40px;
  position: relative;
}

.guarantee-new--hero h1:before {
  content: '';
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 41px;
  height: 6px;
  background: #1C85E8;
}

.guarantee-new--hero h1,
.guarantee-new--hero p {
  color: #fff;
}

.guarantee-new--hero p {
  font-size: 22px;
}


@media (min-width: 640px) {
  .guarantee-new--hero {
    height: 560px;
  }

  .guarantee-new--hero .text-box {
    width: 57%;
    max-width: 467px;
  }
}


@media (max-width: 960px) {
  .guarantee-new--hero {
    height: 630px;
  }

  .guarantee-new--hero .text-box {
    width: 57%;
    max-width: 467px;
  }

  .guarantee-new--hero h1 {
    font-size: 75px;
  }

  .guarantee-new--hero p {
    font-size: 22px;
  }
}


@media (max-width: 640px) {
  .guarantee-new--hero {
    height: 328px;
  }

  .guarantee-new--hero h1 {
    font-size: 38px;
  }

  .guarantee-new--hero p {
    font-size: 16px;
  }
}



/* ========================================================
                Guarantee New: intro Section
======================================================== */
.guarantee-new--intro {
  padding: 50px 0;
  position: relative;
  z-index: 5;
}

.guarantee-new--intro .text-box {
  max-width: 585px;
  width: 100%;
  display: block;
  text-align: center;
  margin: 0 auto;
}

.guarantee-new--intro .icon-badge {
  max-width: 161px;
  display: block;
  margin: 0 auto;
  margin-top: -64px;
}

.guarantee-new--intro .icon-badge svg {
  width: 100%;
  height: 100%;
}

.guarantee-new--intro .text-box h3 {
  font-size: 34px;
  margin-bottom: 30px;
}

.guarantee-new--intro .text-box p {
  font-size: 16px;
}


@media (max-width: 960px) {
  .guarantee-new--intro .text-box {
    text-align: left;
    max-width: 100%;
  }

  .guarantee-new--intro .text-box h3 {
    padding-right: 80px;
  }

  .guarantee-new--intro .icon-badge {
    position: absolute;
    top: -10px;
    right: 5%;
    max-width: 137px;
    margin-top: 0;
  }
}


@media (max-width: 640px) {
  .guarantee-new--intro {
    padding: 30px 0 50px;
  }

  .guarantee-new--intro .text-box h3 {
    font-size: 24px;
    margin-top: 0;
  }

  .guarantee-new--intro .text-box p {
    font-size: 16px;
  }

  .guarantee-new--intro .icon-badge {
    max-width: 59px;
    top: -5px;
  }
}



/* ========================================================
                Guarantee New: content Section
======================================================== */
.guarantee-new--content {
  background: #FAFAFA;
  padding: 70px 0;
}

.guarantee-new--content .heading-box {
  text-align: center;
  position: relative;
  padding-bottom: 40px;
  margin-bottom: 0;
}

.guarantee-new--content .heading-box h3 {
  font-size: 34px;
}

.guarantee-new--content .heading-box:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 130px;
  height: 6px;
  background: #FAFAFA;
  transform: translateX(-50%);
}

.guarantee-new--content .heading-box h3 {
  line-height: 1.5em;
}

.guarantee-new--content .col-wrap {
  display: flex;
  justify-content: space-between;
}

.guarantee-new--content .col {
  width: calc(50% - 5%);
}

.guarantee-new--content .col h6 {
  font-size: 26px;
  margin: 90px 0 70px;
}

.guarantee-new--content .col p {
  font-size: 18px;
}

.guarantee-new--content .col p a {
  border-bottom: 1px solid #092C4D;
  color: #092C4D;
}

.guarantee-new--content .col p a:hover {
  border-bottom: 1px solid #1C85E8;
  color: #1C85E8;
}

.guarantee-new--content a.cta-button {
  display: table;
  margin: 20px auto 50px !important;
  width: auto;
  padding: 16px 45px !important;
  font-size: 18px;
}

.guarantee-new--intro a.cta-button {
  display: table;
  margin: 40px auto 0 !important;
  width: auto;
  padding: 16px 45px !important;
  font-size: 18px;
}

.guarantee-new--content .bpartner--faq {
  background: transparent;
}

.guarantee-new--content .bpartner--container {
  width: 100%;
}

.guarantee-new--content .bpartner--faq .q {
  font-weight: bold;
  padding: 20px 30px 20px 0;
}

.guarantee-new--content .bpartner--faq .a p {
  color: #092C4D;
}

.guarantee-new--content .bpartner--faq .q-button {
  top: 20px;
}

.guarantee-new--content .bpartner--faq h6 {
  font-size: 26px;
}

.guarantee-new--content .bpartner--faq .inner-container {
  top: 0;
  background: transparent;
  padding: 0;
  box-shadow: none;
}


@media (max-width: 960px) {
  .guarantee-new--content .col-wrap {
    flex-direction: column;
  }

  .guarantee-new--content .col {
    width: 100%;
  }
}



@media (max-width: 640px) {
  .guarantee-new--content {
    padding: 40px 0;
  }

  .guarantee-new--content .heading-box h3 {
    font-size: 18px;
  }

  .guarantee-new--content .col h6 {
    font-size: 14px;
    margin: 50px 0 20px;
  }

  .guarantee-new--content .col p {
    font-size: 14px;
  }

  .guarantee-new--content a.cta-button,
  .guarantee-new--intro a.cta-button {
    font-size: 18px;
  }


  .guarantee-new--content .bpartner--faq h6 {
    font-size: 22px;
  }

  .guarantee-new--content .bpartner--faq .q,
  .guarantee-new--content .bpartner--faq .a {
    font-style: 18px;
  }
}




/* ========================================================
                Safety New: content Section
======================================================== */
.safety-new--container {
  width: 90%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.safety--hero {
  padding: 120px 0;
  position: relative;
}

.safety--hero .text-box {
  width: 58%;
}

.safety--hero .safety-new--container {
  position: relative;
  z-index: 3;
}

.safety--hero .hero-bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.safety--hero .bg-mobile {
  display: none
}


@media (max-width: 767px) {
  .safety--hero:before {
    content: '';
    display: block;
    height: 0;
    padding-top: 74.974%;
  }

  .safety--hero {
    padding: 0;
  }

  .safety--hero .safety-new--container {
    width: 100%;
    padding: 5%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }

  .safety--hero .text-box {
    width: 100%;
    max-width: 500px;
    text-align: center;
    margin: 0 auto;
  }

  .safety--hero .text-box p {
    display: none;
  }

  .safety--hero .bg-desk {
    display: none;
  }

  .safety--hero .bg-mobile {
    display: block;
  }
}

@media (max-width: 640px) {
  .safety--hero:before {
    padding-top: 92.974%;
  }

  .safety--hero .text-box h1 {
    font-size: 28px;
  }
}

@media (max-width: 350px) {
  .safety--hero .text-box h1 {
    font-size: 25px;
  }
}




/* ========================================================
                Safety New: intro Section
======================================================== */
.safety--intro {
  padding: 50px 0;
}

.safety--intro .cols-wrap {
  display: flex;
  justify-content: space-between;
}

.safety--intro .col {
  width: 45%;
}

.safety--intro h4 {
  font-size: 32px;
  font-weight: normal;
}

@media (max-width: 767px) {
  .safety--intro .cols-wrap {
    flex-direction: column;
  }

  .safety--intro h4 {
    margin-bottom: 30px;
    display: none;
  }

  .safety--intro .col {
    width: 100%;
  }
}



/* ========================================================
                Safety New: hightlight Section
======================================================== */

.safety--highlights h4 {
  font-size: 18px;
  padding-bottom: 10px;
  font-weight: 500;
}

.safety--highlights h3 {
  font-size: 24px;
  margin: 0;
  padding-bottom: 20px;
  font-weight: normal;
}

.safety--highlights .cols-wrap {
  border-top: 1px solid #f0f0f0;
}

.safety--highlights .icon-img {
  width: 40px;
  margin-bottom: 20px;
}

.safety--highlights .cols-wrap {
  display: flex;
  justify-content: space-between;
  padding-top: 70px;
  padding-bottom: 70px;
}

.safety--highlights .cols-wrap:nth-of-type(even) {
  flex-direction: row-reverse;
}

.safety--highlights .cols-wrap:nth-of-type(even) .col {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.safety--highlights .cols-wrap:nth-of-type(odd) .col-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.safety--highlights .cols-wrap .col {
  width: 45%;
}

.safety--highlights .cols-wrap .col-text {
  width: 45%;
}

.cols-wrap .col-img img {
  width: 100%;
  max-width: 100%;
}

.safety--highlights .cols-wrap .col-img img.phone {
  width: 100%;
  max-width: 280px;
  margin: 0 auto -70px;
  display: block;
}


@media (max-width: 767px) {
  .safety--highlights .cols-wrap .col-img {
    display: none !important;
  }

  .safety--highlights .cols-wrap .col {
    width: 100%;
  }

  .safety--highlights .cols-wrap .col-text div {
    text-align: center;
  }
}




/* ========================================================
                Safety New: tips Section
======================================================== */
.safety--tips {
  position: relative;
  z-index: 2r;
}

.safety--tips .safety-new--container {
  box-shadow: 0 10px 30px rgba(0,0,0,.1);
  background: #fff;
}

.safety--tips .safety-tips-inner-wrap {
  padding: 50px 10%;
}

.safety--tips .safety-heading-wrap {
  padding-right: 50%;
  width: 100%;
  position: relative;
  margin-bottom: 100px;
}

.safety--tips .safety-heading-wrap.wide {
  padding-right: 40%;
  margin-bottom: 80px;
}

.safety--tips .safety-heading-wrap img {
  width: 130px;
  position: absolute;
  top: 0;
  right: 0;
}

.safety--tips h3 {
  font-size: 32px;
  font-weight: normal;
}

.safety--tips p {
  font-size: 16px;
}

.safety--tips ul {
  margin-top: 50px;
  padding: 0;
}

.safety--tips li {
  border-top: 1px solid #f0f0f0;
  padding: 30px 0 30px 60px;
  display: block;
  position: relative;
}

.safety--tips li a {
  color: #1c85e8;
}

.safety--tips li .icon-wrap {
  position: absolute;
  top: 30px;
  left: 0;
  background: #ffffff;
}

.safety--tips li .icon-wrap img {
  width: 30px;
}

.safety--tips li:before {
  content: '';
  position: absolute;
  left: 8px;
  top: 38px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid #506d7e;
  opacity: 0.3;
}


.safety--tips .safety-tips-accordion,
.safety--tips .safety-tips-accordion-contnent {
  margin-top: 0;
}

.safety--tips .safety-tips-accordion-contnent {
  display: none;
}

.safety--tips .safety-tips-accordion li:first-child {
  padding-right: 95px;
}

.safety--tips .safety-tips-accordion-contnent li:first-child {
  border-top: none;
}

.safety--tips .safety-tips-accordion-contnent li:first-child:before {
  content: none;
}


.safety--tips .safety-tips-accordion li:first-child .abs-link {
  position: absolute;
  right: 0;
  top: 32px;
  cursor: pointer;
}

@media (max-width: 767px) {
  .safety--tips .safety-heading-wrap,
  .safety--tips .safety-heading-wrap.wide {
    margin-bottom: 50px;
    padding-right: 60px;
  }
  .safety--tips .safety-heading-wrap img {
    width: 40px;
  }
}


@media (max-width: 640px) {
  .safety--tips li {
    padding: 30px 0 30px 40px;
  }
}



/* ========================================================
                Safety New: contact
======================================================== */
.safety--contact {
  padding: 100px 0 80px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: -20px;
}

.safety--contact .safety-new--container {
  text-align: center;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.safety--contact .button.primary {
  margin-top: 40px;
  border-radius: 5px;
  max-width: 490px;
}

.safety--contact h3 {
  font-size: 32px;
  margin-bottom: 30px;
  font-weight: normal;
}

/* ========================================================
                Self Tours
======================================================== */
.self-tours-hero {
  position: relative;
  background-color: #FFDABF;

}

.self-tours-hero .regular-container {
  display: flex;
  height: 100%;
  position: relative;
  z-index: 2;
}

.self-tours-hero article {
  width: 50%;
  min-height: 450px;
}

.self-tours-hero .copy {
  display: flex;
  height: 100%;
  flex-direction:column;
  justify-content: center;
}

.self-tours-hero figure {
  position: absolute;
  bottom: 0;
  width: 42.5%;
  left: 50%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
}

.self-tours-hero .cta-wrap {
  margin-top: 45px;
  display: flex;
  align-items: center;
}


.self-tours-hero .cta-wrap .button {
  padding: 15px 40px;
}

.self-tours-hero h1 {
  color: #1D2C4C;
  font-size: 44px;
  font-family: 'Graphik', sans-serif;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 45px;
}

.self-tours-hero p {
  margin: 0;
  line-height: 1.4em;
  max-width: 350px;
}

@media (max-width: 767px) {
  .self-tours-hero .regular-container {
    flex-direction: column;
  }

  .self-tours-hero article {
    width: 100%;
    min-height: 0;
  }

  .self-tours-hero .copy {
    padding: 40px 0;
    align-items: center;
    text-align: center;
  }

  .self-tours-hero h1 {
    font-size: 38px;
    max-width: 500px;
    margin: 0 auto 10px;
  }

  .self-tours-hero p {
    max-width: 250px;
    margin: 0 auto;
  }

  .self-tours-hero figure {
    position: relative;
    left: auto;
    bottom: auto;
    height: 400px;
    width: 100%;
  }

  .self-tours-hero .cta-wrap {
    flex-direction: column;
  }


  .self-tours-hero .cta-wrap .button {
    padding: 15px 40px;
    margin-bottom: 16px;
  }

}


.self-tours-intro .regular-container {
  padding: 80px 0;
  border-bottom: 1px solid #D8D8D8;
  display: flex;
  align-items: center;
}

.self-tours-intro .copy {
  width: 45%;
}


.self-tours-intro h4 {
  font-size: 22px;
  color: #1D2C4C;
  margin: 0 0 24px;
}

.self-tours-intro p {
  font-size: 16px;
  color: #7F92A4;
  line-height: 24px;
}

.self-tours-intro figure {
  width: 45%;
  max-width: 366px;
  border-radius: 5px;
  margin-left: 10%;
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat;
  display: flex;
  cursor: pointer;
  align-items: flex-end;
  height: 189px;
}

.self-tours-intro figure div.play-btn {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
  padding-left: 20px;
  padding-bottom: 10px;
}

.self-tours-intro figure span {
  display: inline-block;
  margin-left: 10px;
  font-size: 18px;
  color: #FFFFFF;
}

@media (max-width: 767px) {
  .self-tours-intro .regular-container {
    flex-direction: column;
  }

  .self-tours-intro .copy {
    width: 100%;
    margin: 0 0 40px;
  }

  .self-tours-intro figure {
    width: 100%;
    height: 189px;
    margin: 0 auto;
  }

}

.self-tours-start .regular-container {
  display: flex;
  padding: 80px 0;
  border-bottom: 1px solid #D8D8D8;
  justify-content: space-between;
}

.self-tours-start .left {
  width: 47.5%;
}

.self-tours-start .right {
  width: 47.5%;
  padding-right: 0 10px;
}

.self-tours-start .left .img-container {
  transform: translateX(-13px);
}

.self-tours-start .left .img-container img {
  max-width: 100%;
}

.self-tours-start .left h5 {
  font-size: 22px;
  color: #092C4D;
  line-height: 1.2em;;
  margin: 0 0 40px;
}


.self-tours-start .right ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.self-tours-start .right li {
  display: flex;
  align-content: flex-start;
  flex-flow: row wrap;
}

.self-tours-start .right li.active div.number {
  opacity: 1;
}

.self-tours-start .right li.active p {
  font-weight: 600;
  color: #092C4D;
}

.self-tours-start .right div.number {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #FFFFFF;
  font-weight: 600;
  background-color: #1C85E8;
  opacity: 0.3;
  width: 36px;
  height: 36px;
  border-radius: 1000px;
}

.self-tours-start .right p {
  font-size: 16px;
  color: #7F92A4;
  line-height: 1.5em;
  padding-left: 30px;
  width: calc(100% - 36px);
  margin: 12px 0 0;
}

.self-tours-start .right li:not(:last-of-type) {
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  .self-tours-start .regular-container {
    flex-direction: column;
    padding: 40px 0;
  }

  .self-tours-start .left,
  .self-tours-start .right {
    width: 100%;
  }

  .self-tours-start .left .img-container {
    transform: none;
    text-align: center;
  }

  .self-tours-start .left h5 {
    text-align: center;
  }

}

.self-tours-guarantee-module .small-container {
  padding: 60px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.self-tours-guarantee-module svg {
  height: 146px;
  width: 146px;
}

.self-tours-guarantee-module div.copy p {
  font-size: 16px;
  color: #7F92A4;
  line-height: 1.4em;
  margin: 0 0 16px;
}

.self-tours-guarantee-module div.copy {
  padding-left: 25px;
  max-width: 520px;
}

.self-tours-guarantee-module div.copy small {
  font-size: 12px;
  color: #7F92A4;
  line-height: 1.2em;
  margin: 0
}



@media (max-width: 767px) {
  .self-tours-guarantee-module .small-container {
    flex-direction: column;
    padding: 40px 0;
  }

  .self-tours-guarantee-module div.copy {
    width: 100%;
    max-width: 500px;
    margin: 30px auto 0;
    text-align: center;
  }

  .self-tours-guarantee-module div.copy p {
    margin: 0 auto 16px;
  }
}

.self-tours-new-module {
  background-color: #F6F8FB;
}

.self-tours-new-module .regular-container {
  padding: 80px 0;
  display: flex;
}

.self-tours-new-module div.new {
  display: inline-block;
  padding: 5px 7px;
  background: #1c85e8;
  color: white;
  border-radius: 5px;
  font-weight: 500;
  margin-bottom: 20px;
  line-height: 1em;
}

.self-tours-new-module .copy {
  width: 47%;
}


.self-tours-new-module  h4 {
  font-size: 22px;
  color: #1D2C4C;
  margin: 0 0 24px;
}

.self-tours-new-module  p {
  font-size: 16px;
  color: #7F92A4;
  line-height: 24px;
  margin-bottom: 20px;
}

.self-tours-new-module a {
  font-weight: 600;
}

.self-tours-new-module figure {
  width: 45%;
  max-width: 366px;
  height: 189px;
  border-radius: 5px;
  margin-left: 10%;
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat;
  display: flex;
  cursor: pointer;
  align-items: flex-end;
}

.self-tours-new-module figure div.play-btn {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
  padding-left: 20px;
  padding-bottom: 10px;
}

.self-tours-new-module figure span {
  display: inline-block;
  margin-left: 10px;
  font-size: 18px;
  color: #FFFFFF;
}

@media (max-width: 767px) {
  .self-tours-new-module .regular-container {
    flex-direction: column;
  }

  .self-tours-new-module .copy {
    width: 100%;
    margin: 0 0 40px;
  }

  .self-tours-new-module figure {
    width: 100%;
    height: 189px;
    margin: 0 auto;
  }

}



.self-tours-tips {
  padding-top: 80px;
}

.self-tours-tips h4 {
  font-size: 22px;
  max-width: 350px;
  color: #1D2C4C;
}

.self-tours-tips .tips-wrap {
  display: flex;
  flex-wrap: wrap;
  padding: 70px 0 0;
}

.self-tours-tips .tips-column {
  width: 50%;
}

.self-tours-tips .tips-column:first-of-type {
  padding-right: 2.5%;
}

.self-tours-tips .tips-column:last-of-type {
  padding-left: 2.5%;
}

.self-tours-tips .tip {
  display: flex;
  margin-bottom: 40px;
}

.self-tours-tips .tip img {
  max-width: 33px;
  width: 100%;
  height: auto;
  max-height: 38px;
  align-self: flex-start;
}

.self-tours-tips .tip .copy {
  margin-left: 20px;
}

.self-tours-tips .tip h6 {
  margin: 0 0 8px;
  font-size: 18px;
  color: #092C4D;
  line-height: 26px;
  font-weight: 600;
}

.self-tours-tips .tip p {
  font-size: 16px;
  color: #7F92A4;
  line-height: 1.5em;
  max-width: 400px;
}

@media (max-width: 767px) {
  .self-tours-tips {
    padding-top: 40px;
  }

  .self-tours-tips .tips-wrap {
    flex-direction: column;
    padding-top: 40px;
  }

  .self-tours-tips .tips-column {
    width: 100%;
  }

  .self-tours-tips .tips-column:first-of-type {
    padding-right: 0;
  }

  .self-tours-tips .tips-column:last-of-type {
    padding-left: 0;
  }
}


.self-tour-drip-pan {
  position: relative;
  background-color: #FFDABF;
}

.self-tour-drip-pan .regular-container {
  display: flex;
  padding: 110px 0;
}

.self-tour-drip-pan .copy {
  width: 50%;
}

.self-tour-drip-pan .copy h4 {
  font-size: 32px;
  color: #1D2C4C;
  letter-spacing: 0;
  line-height: 1.2em;
  font-weight: 600;
  max-width: 350px;
  margin: 0;
}

.self-tour-drip-pan .app-stores {
  width: 50%;
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 4;
}

.self-tour-drip-pan .app-stores p {
  font-size: 16px;
  color: #092C4D;
  text-align: center;
  margin-bottom: 10px;
}

.self-tour-drip-pan .app-stores ul {
  display: flex;
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  max-width: 350px;
}

.self-tour-drip-pan .app-stores li {
  margin: 0 5px;
}

.self-tour-drip-pan .app-stores img {
  max-width: 100%;
}

.self-tour-drip-pan figure {
  position: absolute;
  right: 0;
  bottom: 0;
  top: -45px;
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
  width: 22%;
  height: calc(100% + 45px);
}

@media (max-width: 767px) {
  .self-tour-drip-pan .regular-container {
    flex-direction: column;
    padding: 40px 0;
  }

  .self-tour-drip-pan .copy {
    width: 100%;
    margin-bottom: 30px;
  }

  .self-tour-drip-pan .copy h4 {
    font-size: 27px;
    margin: 0 auto;
    text-align: center;
  }

  .self-tour-drip-pan .app-stores {
    width: 100%;
  }

  .self-tour-drip-pan .app-stores ul {
    max-width: 275px;
  }

  .self-tour-drip-pan figure {
    position: relative;
    right: auto;
    bottom: auto;
    top: auto;
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
    width: 100%;
    height: 300px;
  }
}

.route-self-tours section.disclosures {
  background-color: #EFF4F9;
  padding: 20px 0;
  text-align: center;
}

.route-self-tours section.disclosures p,
.route-self-tours section.disclosures p a {
  font-size: 12px;
  color: #526475;
  line-height: 20px;
}

.content-module-two-col.seller-content-module {
  background-color: #1C85E8;
}

.content-module-two-col.buyer-content-module {
  background-color: #FEDFD3;
}

.content-module-two-col .regular-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.content-module-two-col article,
.content-module-two-col figure {
  width: 47.5%;
}

.content-module-two-col h2 {
  font-size: 42px;
  color: #FFFFFF;
  line-height: 45px;
  font-weight: 600;
  margin: 0 0 40px;
}

.content-module-two-col h2.dark {
  color: #202C4A;
}

.content-module-two-col .module-list ul {
  margin: 0 0 40px;
  padding: 0;
  list-style-type: none;
}

.content-module-two-col .module-list li {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 10px;
  font-size: 17px;
  color: #FFFFFF;
  font-weight: 500;
  padding-left: 30px;
}

.content-module-two-col .module-list li:before {
  position: absolute;
  left: 0;
  top: 7px;
  width: 18px;
  height: 14px;
  content: '';
  background-size:cover;
  background-image: url('https://imgdrop.imgix.net/40cb0b0734474487aab7826d892392a2.png');
}

.content-module-two-col.buyer-content-module .module-list li {
  color: #526475;
}

.content-module-two-col.buyer-content-module .module-list li:before {
  background-image: url('https://imgdrop.imgix.net/e5307b86dacb409692f6738ad2aeb80f.png');
}

.content-module-two-col figure {
  align-self: flex-end;
  text-align: center;
}

.content-module-two-col article {
  padding: 40px 0;
}

.content-module-two-col figure img {
  max-width: 100%;
}

.content-module-two-col .od-cta-input,
.content-module-two-col .cta-input-wrapper,
.content-module-two-col .cta-input-button,
.content-module-two-col .cta-input-button .cta-button {
  border-radius: 35px;
}

.content-module-two-col .od-cta-input {
  width: 100%;
}

.content-module-two-col .od-phone-input {
  align-items: flex-start;
}

@media(max-width: 980px) {
  .content-module-two-col h2 {
    font-size: 32px;
    line-height: 36px;
  }
}


@media(max-width: 767px) {
  .content-module-two-col .regular-container {
    flex-direction: column;
  }

  .content-module-two-col article,
  .content-module-two-col figure {
    width: 100%;
  }

  .content-module-two-col figure img {
    max-width: 380px;
    margin: 0 auto;
    width: 100%;
  }
}

.newsletter-content-module {
  background-color: #D1E8F8;
  padding: 60px 0 90px;
}

.newsletter-content-module article {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.newsletter-content-module article img {
  max-width: 166px;
  margin-bottom: 30px;
}

.newsletter-content-module article h2 {
  margin: 0 auto 10px;
  font-weight: 600;
  font-size: 42px;
  color: #202C4A;
  text-align: center;
  line-height: 40px;
}

@media(max-width: 980px) {
  .newsletter-content-module article h2 {
    font-size: 32px;
    line-height: 36px;
  }
}

.newsletter-content-module article p {
  font-weight: 500;
  font-size: 17px;
  color: #526475;
  text-align: center;
  line-height: 24px;
}

.newsletter-content-module .email-input-cta {
  display: flex;
  width: 100%;
  max-width: 500px;
  position: relative;
}

.newsletter-content-module #email-input-cta {
  width: 100%;
}

.newsletter-content-module #email-input-cta p {
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
}

.newsletter-content-module .email-input-cta {
  width: 100%;
  max-width: 500px;
  margin: 20px auto 0;
}

.newsletter-content-module .input-entry {
  width: 100%;
}

.newsletter-content-module .email-input-cta input[type="email"] {
  height: 70px;
  width: 100%;
  text-align: left;
  padding: 0 30px;
  font-size: 16px;
  color: #526475;
  line-height: 32px;
}

.newsletter-content-module .email-input-cta .input-button {
  position: absolute;
  right: 10px;
  top: 10px;
  height: 50px;
  bottom: 15px;
}

.newsletter-content-module .email-input-cta .input-button .cta-button {
  margin: 0;
  padding: 0.5em 3em;
}

.related-articles {
  padding: 50px 0 15px;
}

.related-articles .related-article {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  cursor: pointer;
  margin-bottom: 30px;
}

.related-articles div.border {
  width: 100%;
  height: 4px;
  background: #202C4A;
  margin-bottom: 35px;
}


.related-articles .article-thumbnail {
  width: 170px;
}

.related-articles h4 {
  margin: 0 0 30px;
  font-weight: 500;
  font-size: 22px;
  color: #0F1C47;
  line-height: 28px;
}

.related-articles div.copy {
  width: calc(100% - 170px);
  padding-left: 30px;
}

.related-articles div.copy h3 {
  margin: -5px 0 20px;
  font-weight: 500;
  font-size: 20px;
  color: #0F1C47;
  line-height: 28px;
}

.related-articles div.copy p {
  font-size: 14px;
  color: #8292A2;
  line-height: 20px;
}

.related-articles .article-thumbnail img {
  max-width: 100%;
}

@media (max-width: 767px) {
  .related-articles .related-article {
    flex-direction: column;
  }

  .related-articles .article-thumbnail {
    width: 100%;
    margin-bottom: 30px;
  }

  .related-articles div.copy {
    width: 100%;
    padding-left: 0;
  }
}





/* ========================================================
                Home Pro
======================================================== */
.homepro--container {
  width: 90%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.route-home-pro .rhp--hero {
  background: rgba(232, 236, 241, 0.35);
  padding: 80px 0;
}

.route-home-pro .rhp--hero .text-wrap {
  max-width: 567px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.route-home-pro .rhp--hero .text-wrap h1 {
  font-size: 42px;
  font-weight: 500;
  line-height: 1.1em;
}

.route-home-pro .rhp--hero .text-wrap p {
  font-size: 16px;
  line-height: 1.5em;
}

@media (max-width: 767px) {
  .route-home-pro .rhp--hero .text-wrap h1 {
    font-size: 35px;
  }
}




.route-home-pro .rhp--intro {
  position: relative;
}

.route-home-pro .rhp--intro:before {
  content: "";
  position: absolute;
  background: rgba(232, 236, 241, 0.35);
  top: 0;
  left: 0;
  width: 100%;
  height: 40%;
}

.route-home-pro .rhp--intro .homepro--container {
  position: relative;
  z-index: 4;
}

.route-home-pro .rhp--intro .img-wrap {
  position: relative;
}

.route-home-pro .rhp--intro .img-wrap figure.bg-pattern {
  position: absolute;
  width: 150vw;
  height: 50%;
  top: 50%;
  left: -25vw;
  transform: translateY(-50%);
  background-repeat: repeat;
  background-position: center;
  background-size: auto;
}

.route-home-pro .rhp--intro .img-wrap:before {
  content: "";
}

.route-home-pro .rhp--intro .img-wrap img {
  width: 100%;
  position: relative;
  z-index: 5;
}

.route-home-pro .rhp--intro .img-wrap img.badge {
  position: absolute;
  top: -20px;
  right: -20px;
  width: 25%;
  max-width: 173px;
  display: block;
  background-color: transparent;
}

.route-home-pro .rhp--intro .text-wrap {
  max-width: 567px;
  margin: 50px auto;
  text-align: center;
}

.route-home-pro .rhp--intro .text-wrap h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.1em;
}

.route-home-pro .rhp--intro .text-wrap p {
  font-size: 16px;
  line-height: 1.5em;
  color: #526475;
}



.route-home-pro .rhp--partner {
  margin: 80px 0;
}


.route-home-pro .rhp--partner p {
  font-size: 14px;
  line-height: 1.3em;
  color: #526475;
  text-align: center;
}


.route-home-pro .rhp--partner .logo-wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 30px;
}

.route-home-pro .rhp--partner .logo-wrap div {
  position: relative;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: calc(100% / 5 - 20px);
  margin: 0 10px 20px 10px;
}

.route-home-pro .rhp--partner .logo-wrap div:before {
  content: "";
  position: relative;
  display: block;
  padding-top: 37.28%;
}


@media (max-width: 767px) {
  .route-home-pro .rhp--partner .logo-wrap div {
    width: calc(100% / 3 - 20px);
  }
}



.route-home-pro .rhp--hiw {
  background: #f7f8fa;
  padding: 70px 0 120px;
}


.route-home-pro .rhp--hiw h3 {
  font-size: 24px;
  color: #202C4A;
  text-align: center;
  font-weight: 500;
}

.route-home-pro .rhp--hiw .col-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
  overflow: hidden;
}

.route-home-pro .rhp--hiw .col {
  width: calc(100% / 3);
  text-align: center;
}


@media (max-width: 767px) {
  .route-home-pro .rhp--hiw .col-wrap {
    flex-direction: column;
  }

  .route-home-pro .rhp--hiw .col {
    width: 100%;
    margin-bottom: 50px;
  }

  .route-home-pro .rhp--hiw .col:last-child {
    margin-bottom: 0;
  }

  .route-home-pro .rhp--hiw .num-circle i {
    display: none !important;
  }
}

.route-home-pro .rhp--hiw .num-circle {
  position: relative;
  margin: 0 auto 20px;
  width: 100%;
  text-align: center;
}



.route-home-pro .rhp--hiw .num-circle i:nth-of-type(1) ,
.route-home-pro .rhp--hiw .num-circle i:nth-of-type(2) {
  position: absolute;
  width: calc(100% / 2 - 45px);
  height: 2px;
  background: #d2d9df;
  top: 50%;
  transform: translateY(-50%);
}

.route-home-pro .rhp--hiw .num-circle i:nth-of-type(1) {
  left: -1px;
}

.route-home-pro .rhp--hiw .num-circle i:nth-of-type(2) {
  right: -1px;
}


.route-home-pro .rhp--hiw .col:first-child .num-circle i:nth-of-type(1),
.route-home-pro .rhp--hiw .col:last-child .num-circle i:nth-of-type(2) {
  display: none;
}


.route-home-pro .rhp--hiw .num-circle span {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 3px solid #1C85E8;
  background: #f7f8fa;
  color: #1C85E8;
  font-weight: bold;
  font-size: 22px;
  z-index: 5;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin:  0 auto;
}

.route-home-pro .rhp--hiw p {
  max-width: 204px;
  margin: 0 auto;
  line-height: 1.3em;
  font-size: 20px;
}

.route-home-pro .rhp--hiw .button {
  background-color: #FF967D;
  display: table;
  margin: 50px auto 0;
}

.route-home-pro .rhp--hiw .button:hover {
  background-color: #ce7b67 !important;
}



.route-home-pro .rhp--zz-box {
  margin-top: -35px;
  position: relative;
}

.route-home-pro .rhp--zz-box .row {
  width: 100%;
  position: relative;
  margin-bottom: 50px;
  margin-right: 0;
  margin-left: 0;
}


.route-home-pro .rhp--zz-box .row figure {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.route-home-pro .rhp--zz-box .row .text-box {
  width: 50%;
  padding: 75px 0;
  padding-right: 5%;
}


.route-home-pro .rhp--zz-box .row:nth-child(even) .homepro--container {
  display: flex;
  justify-content: flex-end;
}

.route-home-pro .rhp--zz-box .row:nth-child(even) figure {
  right: auto;
  left: 0;
}

.route-home-pro .rhp--zz-box .row:nth-child(even) .text-box {
  padding-right: 0;
  padding-left: 5%;
}

.route-home-pro .rhp--zz-box .row .text-box h3 {
  margin-top: 0;
  margin-bottom: 70px;
  font-size: 32px;
  line-height: 1.2em;
  font-weight: 500;
}


.route-home-pro .rhp--zz-box .row .text-box h4 {
  margin-top: 70px;
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 28px;
  color: #202C4A;
}

.route-home-pro .rhp--zz-box .row .text-box h4:first-of-type {
  margin-top: 0;
}

@media (max-width: 980px) {

  .route-home-pro .rhp--zz-box .row figure {
    width: 100%;
    position: static;
  }

  .route-home-pro .rhp--zz-box .row figure:before {
    content: '';
    position: relative;
    display: block;
    padding-top: 60%;
  }

  .route-home-pro .rhp--zz-box .row .text-box {
    width: 100%;
    padding: 50px 0;
  }

  .route-home-pro .rhp--zz-box .row .text-box,
  .route-home-pro .rhp--zz-box .row:nth-child(even) .text-box {
    padding-right: 0;
    padding-left: 0;
  }

  .route-home-pro .rhp--zz-box .row .text-box h3 {
    font-size: 28px;
    margin-bottom: 50px;
  }


  .route-home-pro .rhp--zz-box .row .text-box h4 {
    font-size: 24px;
    margin-bottom: 10px;
  }
}










.route-home-pro .rhp--consultant {
  padding: 100px 0;
}

.route-home-pro .rhp--consultant h2 {
  font-size: 36px;
  max-width: 370px;
  margin: 0 auto 30px;
  font-weight: 500;
  line-height: 1.2em;
  text-align: center;
}

@media (max-width: 767px) {
  .route-home-pro .rhp--consultant h2 {
    font-size: 28px;
  }
}


.route-home-pro .rhp--consultant .button {
  background-color: #FF967D;
  display: table;
  margin: 30px auto 0;
}

.route-home-pro .rhp--consultant .button:hover {
  background-color: #ce7b67 !important;
}




.route-home-pro .rhp--upgrade {

}

.route-home-pro .rhp--upgrade .col-wrap {
  display: flex;
  justify-content: space-between;
  padding: 50px 0;
  flex-wrap: wrap;
  border-top: 1px solid rgba(130, 146, 162, 0.3);
  border-bottom: 1px solid rgba(130, 146, 162, 0.3);
}

.route-home-pro .rhp--upgrade .col-l {
  width: 30%;
}

.route-home-pro .rhp--upgrade .col-r {
  width: 65%;
}

@media (max-width: 767px) {
  .route-home-pro .rhp--upgrade .col-l {
    width: 100%;
    margin-bottom: 40px;
  }

  .route-home-pro .rhp--upgrade .col-r {
    width: 100%;
  }

  .route-home-pro .rhp--upgrade .col-r ul {
    padding-left: 0;
  }
}

.route-home-pro .rhp--upgrade .col-r ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
}

.route-home-pro .rhp--upgrade .col-r li {
  width: 47%;
  font-size: 16px;
  list-style: none;
  position: relative;
  padding-left: 20px;
}

.route-home-pro .rhp--upgrade .col-r li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 9px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #1C85E8;
}

.route-home-pro .rhp--upgrade h4 {
  margin-top: 0;
  font-size: 22px;
  line-height: 1.2em;
}





.route-home-pro .rhp--disclaimer {
  padding: 50px 0;
}

.route-home-pro .rhp--disclaimer * {
  font-size: 12px;
  color: rgba(32, 44, 74, 0.5);
}

.route-home-pro .rhp--disclaimer ul {
  font-size: 12px;
  color: rgba(32, 44, 74, 0.5);
  padding-left: 0;
}

.route-home-pro .rhp--disclaimer ul ul{
  padding-left: 20px;
}

.route-home-pro .rhp--disclaimer li {
  font-size: 12px;
  color: rgba(32, 44, 74, 0.5);
  list-style: none;
  position: relative;
  padding-left: 15px;
}

.route-home-pro .rhp--disclaimer li:before {
  content: "-";
  left: -10px;
  position: relative;
}






/* ========================================================
                Insurance
======================================================== */
.insurance--container {
  width: 90%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.insurance--hero {
  background: #F7F9FC;
  padding: 50px 0;
}

.insurance--hero .box-wrap {
  display: flex;
  justify-content: space-between;
}


.insurance--hero .img-box {
  width: 47%;
}

.insurance--hero .text-box {
  width: 50%;
}

.insurance--hero .img-box img {
  width: 100%;
}


.insurance--hero p {
  font-size: 20px;
  color: #525975;
  line-height: 1.5em;
}

.insurance--hero h1 {
  line-height: 1.2em;
}

.insurance--hero .bottom-sec {
  margin-top: 50px;
}

@media(max-width: 980px) {
  .insurance--hero .box-wrap {
    display: flex;
    flex-direction: column-reverse;
  }

  .insurance--hero .img-box {
    width: 100%;
  }

  .insurance--hero .text-box {
    width: 100%;
    text-align: center;
  }

  .insurance--hero .img-box img {
    width: 90%;
    max-width: 378px;
    display: block;
    margin: 0 auto;
  }


  .insurance--hero p {
    font-size: 18px;
  }
}


form.insurance-quote-form {
  border-radius: 100px;
  box-shadow: 0px 11px 31px rgba(0, 0, 0, 0.0999235);
  background: #ffffff;
  padding: 12px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

form.insurance-quote-form input {
  background: transparent;
  width: 100%;
  border: 0;
  outline: none;
  padding: 0 30px;
}

form.insurance-quote-form button {
  flex: 1;
  background: #1C85E8;
  color: #ffffff;
  font-weight: bold;
  border-radius: 50px;
  white-space: nowrap;
  padding: 12px 35px;
}

@media(max-width: 680px) {
  form.insurance-quote-form button {
    font-size: 14px;
  }

}

form.insurance-quote-form button:hover {
  background: #1876ce;
}

.insurance--hero small {
  color: #8292A2;
  font-size: 12px;
  line-height: 1.4em;
  display: block;
}


form.insurance-quote-form input::-webkit-input-placeholder {
  color: rgba(82, 89, 117, 0.5);
}

form.insurance-quote-form input::-moz-placeholder {
  color: rgba(82, 89, 117, 0.5);
}

form.insurance-quote-form input:-ms-input-placeholder {
  color: rgba(82, 89, 117, 0.5);
}

form.insurance-quote-form input:-moz-placeholder {
  color: rgba(82, 89, 117, 0.5);
}

.insurance--intro-1  {
  padding: 80px 0;
}

.insurance--intro-1  .col-wrap {
  display: flex;
  justify-content: space-between;
}

.insurance--intro-1  .col {
  width: calc(85% / 3);
  text-align: center;
}


@media(max-width: 870px) {
  .insurance--intro-1  .col-wrap {
    flex-direction: column;
    max-width: 400px;
    margin: 0 auto;
  }

  .insurance--intro-1  .col {
    width:  100%;
    margin-bottom: 70px;
  }

  .insurance--intro-1  .col:last-child {
    margin-bottom: 0;
  }
}

.insurance--intro-1 figure {
  width: 57px;
  height: 57px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto 20px;
}

.insurance--intro-1 h4 {
  font-size: 18px;
  margin-bottom: 20px;
}

.insurance--intro-1 p {
  font-size: 14px;
  line-height: 1.3em;
}

.insurance--intro-2  {
  padding: 80px 0 0 0;
  background: #F7F9FC;
}

.insurance--intro-2  .col-wrap {
  display: flex;
  justify-content: space-between;
}

.insurance--intro-2  .col {
  width: 50%;
  padding: 0 5%;
  text-align: center;
  padding-bottom: 80px;
}

.insurance--intro-2  .col:last-child {
  border-left: 2px solid #D9E0E6;
}


@media(max-width: 680px) {
  .insurance--intro-2  .col-wrap {
    flex-direction: column;
  }

  .insurance--intro-2  .col {
    width:  100%;
    margin-bottom: 70px;
    padding-bottom: 40px;
  }

  .insurance--intro-2  .col:last-child {
    border-left: 0;
  }
}

.insurance--intro-2 figure {
  width: 67px;
  height: 67px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto 20px;
}

.insurance--intro-2 h3 {
  text-align: center;
  font-size: 26px;
  margin: 0 0 60px 0;
}

.insurance--intro-2 h4 {
  font-size: 22px;
  margin-bottom: 20px;
}

.insurance--intro-2 p {
  font-size: 18px;
  line-height: 1.5em;
}



.insurance--quote-banner {
  background: #74C0FA;
  padding: 60px 0;
  position: relative;
}

.insurance--quote-banner:before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 40px;
  background: #D9E0E6;
}

@media(max-width: 680px) {
  .insurance--quote-banner:before {
    content: none;
  }
}

.insurance--quote-banner h3 {
  text-align: center;
  color: #ffffff;
  margin-top: 0;
}

.insurance--quote-banner .bottom-sec {
  max-width: 662px;
  margin: 0 auto;
}


.insurance--list-link ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}


@media(max-width: 680px) {
  .insurance--list-link ul {
    flex-direction: column;
  }
}

.insurance--list-link ul li {
  flex: 1;
  text-align: center;
  list-style: none;
}

.insurance--list-link a {
  display: block;
  padding: 10px 10px;
  color: #1C85E8;
  font-size: 17px;
  line-height: 1.3em;
}

.insurance--list-link a:hover span {
  border-bottom: 1px solid #1C85E8;
}

.insurance--disclaimer {
  padding: 60px 0;
}

.insurance--disclaimer img {
  max-width: 320px;
  margin: 0 auto;
  display: block;
}

.insurance--disclaimer p {
  color: #8292A2;
  font-size: 17px;
  margin-bottom: 30px;
}

.insurance--disclaimer p:last-of-type {
  margin-bottom: 0;
}

.insurance--disclaimer .intro-box {
  text-align: center;
  padding: 50px 0;
}

.insurance--disclaimer .intro-box p {
  margin: 0;
  color: #202C4A;
}

.insurance--disclaimer .copyright-box {
  padding: 50px 0;
  border-top: 2px solid #E8ECF1;
  border-bottom: 2px solid #E8ECF1;
}

.insurance--disclaimer .text-box {
  padding: 50px 0 50px 0;
}





/* ========================================================
                Business
======================================================== */
.biz--container {
  width: 90%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.biz--hero {
  background: #FFDABF;
}

.biz--hero h1 {
  line-height: 1.1em;
  font-size: 38px;
  margin-bottom: 15px;
}

.biz--hero p {
  line-height: 1.5em;
  font-size: 17px;
}


.biz--hero form {
  border-radius: 100px;
  box-shadow: 0px 11px 31px rgba(0, 0, 0, 0.0999235);
  background: #ffffff;
  padding: 8px;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  margin-bottom: 15px;
  position: relative;
  border: 2px solid transparent;
}

.biz--hero form input {
  background: transparent;
  width: 100%;
  border: 0;
  outline: none;
  padding: 0 30px;
  font-size: 16px;
}

.biz--hero form input[type='email']:focus,
.biz--hero form input[type='email']:active {
  background: #ffffff;
}


.biz--hero form input[type='email']:-webkit-autofill,
.biz--hero form input[type='email']:-webkit-autofill:hover,
.biz--hero form input[type='email']:-webkit-autofill:focus,
.biz--hero form input[type='email']:-webkit-autofill:active  {
  -webkit-box-shadow: 0 0 0 0 white inset !important;
}

.biz--hero form input[type='email']:-internal-autofill-selected {
  background-color: #ffffff !important;
}

.biz--hero form .email {
  display: flex;
}

.biz--hero form input[type='submit'] {
  flex: 1;
  background: #1C85E8;
  color: #ffffff;
  font-weight: bold;
  border-radius: 50px;
  white-space: nowrap;
  padding: 6px 35px;
  font-size: 16px;
}

.biz--hero form p {
  margin: initial;
  display: flex;
  position: relative;
}


.biz--hero form input[type='submit']:hover {
  background: #1876ce;
}


.biz--hero form .ajax-loader {
  position: absolute;
  top: 50%;
  right: -30px;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  display: block;
  z-index: 2;
}

.biz--hero form .ajax-loader.is-active {
  visibility: visible !important;
  display: block !important;
}

.biz--hero form .wpcf7-validation-errors,
.biz--hero form .wpcf7-not-valid-tip {
  display: none !important;
}

.biz--hero form.invalid  {
  border: 2px solid red !important;
}

.biz--hero form.sent  {
  margin-bottom: 50px;
}

.biz--hero form.sent .wpcf7-mail-sent-ok {
  position: absolute;
  width: 100%;
  left: 0;
  top: calc(100% + 5px);
  text-align: left;
  margin: 0;
  color: #3185e8;
  background: transparent;
  font-size: 14px;
}


.biz--hero .col-wrap {
  display: flex;
  justify-content: space-between;
}

.biz--hero .col-text {
  width: 48%;
  padding: 50px 0;
}

.biz--hero .col-img {
  width: 48%;
  position: relative;
}

.biz--hero .col-img img {
  width: 100%;
  position: absolute;
  bottom: -5%;
  left: 0;
  z-index: 5;
}

.biz--hero .note img {
  width: 21px;
  display: inline-block;
  margin-top: -7px;
  margin-right: 5px;
}

.biz--hero .note p {
  color: rgba(32, 44, 74, 0.32);
  vertical-align: middle;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2em;
}

.biz--hero .note span {
  color: #202C4A;
  font-size: 24px;
}


@media(max-width: 980px) {
  .biz--hero {
    margin-bottom: 40px;
  }

  .biz--hero form p:first-of-type {
    width: 100%;
  }

  .biz--hero form input[type='email'] {
    width: 100%;
  }

  .biz--hero form .email {
    width: 100%;
  }

  .biz--hero .col-wrap {
    flex-direction: column;
  }

  .biz--hero .col-text {
    width: 100%;
  }

  .biz--hero .col-img {
    width: 100%;
  }

  .biz--hero .col-img img {
    width: 100%;
    position: static;
    bottom: 0;
    left: 0;
    z-index: 5;
    margin-bottom: -5%;
  }
}



.biz--intro {
  padding: 50px 0 100px;
}

.biz--intro .biz--container {
  max-width: 960px;
}

.biz--intro .logo-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-bottom: 1px solid #D9E0E6;
  padding-bottom: 50px;
  margin-bottom: 50px;
}

.biz--intro .logo-wrap figure {
  width: calc(100% / 6 - 4%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.biz--intro .logo-wrap figure::after {
  content: '';
  display: block;
  position: relative;
  padding-top: 38.4%;
}

.biz--intro .heading-box {
  max-width: 630px;
  width: 100%;
  margin: 0 auto;
  display: block;
  text-align: center;
}


.biz--intro .heading-box small {
  font-size: 16px;
  line-height: 1.2em;
  display: block;
  margin-bottom: 20px;
}

.biz--intro .heading-box h2 {
  line-height: 1.1em;
  font-size: 40px;
  margin-top: 10px;
  margin-bottom: 50px;
}

.biz--intro .col-wrap {
  display: flex;
  justify-content: space-between;
}

.biz--intro .col {
  width: calc(100% / 3 - 5%);
  text-align: center;
}

.biz--intro .col figure {
  width: 53px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  margin: 0 auto;
}

.biz--intro .col figure:before {
  content: '';
  display: block;
  position: relative;
  padding-top: 122%;
}

.biz--intro .col h5 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2em;
  margin: 15px 0;
}

.biz--intro .col p {
  font-size: 14px;
  line-height: 1.3em;
}

@media(max-width: 670px) {
  .biz--intro .logo-wrap {
    padding-bottom: 30px;
  }

  .biz--intro .logo-wrap figure {
    width: calc(100% / 3 - 30px);
    margin-bottom: 20px;
  }

  .biz--intro .col-wrap {
    flex-direction: column;
  }

  .biz--intro .col {
    width: 100%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
  }

  .biz--intro .col:last-child {
    margin-bottom: 0;
  }

  .biz--intro .heading-box h2 {
    font-size: 32px;
  }
}


.biz--package .bg-container {
  height: 540px;
  width: 100%;
  padding: 0 5%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.biz--package .bg-container h2 {
  color: #FFFFFF;
  font-size: 40px;
  max-width: 690px;
  line-height: 1.2em;
  text-align: center;
  padding-bottom: 65px;
}

.biz--package .panel-wrapper {
  display: flex;
  align-items: center;
  margin-top: -130px;
}

.biz--package .panel-wrapper .panel {
  position: relative;
  width: calc(100% / 3);
  box-shadow: 0px 42px 54px rgba(0, 0, 0, 0.117133);
  background: #ffffff;
  padding: 30px 40px;
  text-align: center;
}

.biz--package .panel-wrapper .panel a.button {
  padding: 8px 30px;
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 40px;
}

.biz--package .panel-wrapper .panel:first-child a.button,
.biz--package .panel-wrapper .panel:last-child a.button {
  background: #FFBDA6;
}

.biz--package .panel-wrapper .panel:first-child a.button:hover,
.biz--package .panel-wrapper .panel:last-child a.button:hover {
  background: #e0a590;
}

.biz--package .panel-wrapper .panel:nth-child(2) {
  z-index: 5;
}

@media(max-width: 920px) {
  .biz--package .panel-wrapper {
    flex-direction: column;
    margin-top: -130px;
  }

  .biz--package .panel-wrapper .panel {
    width: 100%;
    max-width: 400px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
  }

  .biz--package .panel-wrapper .panel:nth-child(2) {
    z-index: 0;
  }
}

@media(max-width: 670px) {
  .biz--package .bg-container {
    height: 440px;
  }

  .biz--package .panel-wrapper {
    margin-top: -50px;
  }

  .biz--package .bg-container h2 {
    font-size: 32px;
  }
}


.biz--package .panel-wrapper .icon {
  width: 42px;
  height: 44px;
  display: block;
  margin: 0 auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.biz--package .panel-wrapper h5 {
  font-size: 24px;
  font-weight: bold;
  margin: 15px 0 15px 0;
}

.biz--package .panel-wrapper h6 {
  color: #FF967D;
  font-weight: bold;
  font-size: 16px;
  text-align: left;
  margin-bottom: 15px;
  margin-top: 20px;
  line-height: 1.2em;
}

.biz--package .panel-wrapper .text-box {
  text-align: left;
  border-top: 1px solid #D9E0E6;
  margin-top: 20px;
}

.biz--package .panel-wrapper small {
  font-size: 14px;
  line-height: 1.5em;
  display: block;
}

.biz--package .panel-wrapper .text-box p {
  margin-bottom: 15px;
  line-height: 1.3em;
  font-size: 16px;
}


.biz--philosophy {
  padding: 100px 0;
}

.biz--philosophy .text-box {
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}

.biz--philosophy .text-box img {
  display: inline-block;
  margin: 0 auto;
  width: 64px;
}

.biz--philosophy .text-box h2 {
  font-size: 30px;
}

.biz--philosophy .text-box p {
  font-size: 20px;
}


.biz--testimonial {
  background: #EEF4FA;
}

.biz--testimonial .col-wrap {
  display: flex;
}

.biz--testimonial .col-l {
  padding: 60px 8%;
  width: 50%;
}

.biz--testimonial .col-l img {
  width: 42px;
  margin-bottom: 30px;
}

.biz--testimonial .col-l p {
  font-size: 18px;
  color: #525975;
  line-height: 1.5em;
}

.biz--testimonial .col-l p:not(:last-of-type) {
  margin-bottom: 25px;
}

.biz--testimonial .col-l small {
  font-weight: bold;
  color: #202C4A;
  font-size: 16px;
  display: block;
  line-height: 1.2em;
  margin-top: 35px;
}

.biz--testimonial .col-r  {
  width: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media(max-width: 920px) {
  .biz--testimonial .col-wrap {
    flex-direction: column;
  }

  .biz--testimonial .col-l {
    width: 100%;
  }

  .biz--testimonial .col-r {
    width: 100%;
    padding-top: 70%;
  }
}



/* ========================================================
                Real Estate
======================================================== */
.re--hero {
  background: #c9e9f8;
}

.re--container {
  width: 90%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}


.re--hero .col-wrap {
  display: flex;
  justify-content: space-between;
}



.re--hero .col-l {
  width: 55%;
  padding: 100px 0 30px;
}


.re--hero .col-l img {
  width: 100%;
  display: none;
}


.re--hero .col-r {
  width: 40%;
  display: flex;
  align-items: center;
}

.re--hero .col-r img {
  width: 100%;
}

.re--hero .re-hero-link {
  display: flex;
}

.re--hero .re-hero-link > div:first-child {
  display: flex;
  align-items: center;
}

.re--hero .col .list {
  display: flex;
  flex-wrap: wrap;
  padding-left: 30px;
  margin-left: 30px;
  border-left: 1px solid rgba(32, 44, 74, 0.2);
}

.re--hero .col .list a {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 5px;
  line-height: 1.1em;
  font-size: 14px;
  font-weight: bold;
  color: #1C85E8;
  border-bottom: 1px solid transparent;
  transition: border 0.35s;
}

.re--hero .col .list a:hover {
  border-bottom: 1px solid #1C85E8;
}

.re--hero .col h1 {
  line-height: 1.1em;
  font-weight: bold;
  margin: 0 0 100px;
  font-size: 54px;
}

.re--hero .col h6 {
  margin: 0;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  color: #202C4A;
}



@media(max-width: 920px) {
  .re--hero .col-wrap {
    flex-direction: column;
  }

  .re--hero .col-l {
    width: 100%;
    text-align: center;
    padding: 50px 0 30px;
  }

  .re--hero .col-r {
    width: 100%;
  }


  .re--hero .col h1 {
    margin: 0 0 60px;
    font-size: 44px;
  }

  .re--hero .col-l img {
    display: block;
    max-width: 400px;
    display: block;
    margin: 0 auto;
  }

  .re--hero .col-r img {
    display: none;
  }


  .re--hero .re-hero-link {
    flex-direction: column;
    justify-content: center;
    margin-top: 50px;
    overflow: hidden;
  }

  .re--hero .col .list {
    padding-left: 0;
    margin-left: 0;
    border-left: 0;
    margin-top: 8px;
  }

  .re--hero .col .list > div {
    width: 100%;
  }

  .re--hero .re-hero-link * {
    text-align: center;
  }

  .re--hero .col h6 {
    text-align: center;
    display: block;
    width: 100%;
  }

  .re--hero .col h6 span {
    background: #c9e9f8;
    padding: 0 20px;
    position: relative;
  }

  .re--hero .col h6 span:before,
  .re--hero .col h6 span:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100vw;
    height: 1px;
    background: rgba(32, 44, 74, 0.2);
  }

  .re--hero .col h6 span:before {
    left: 100%;
  }

  .re--hero .col h6 span:after {
    right: 100%;
  }
}


@media(max-width: 670px) {
  .re--hero .col h1 {
    font-size: 30px;
  }
}



.re--body {
  padding: 40px 0;
}

.re--body .re-section-wrap {
  margin: 0 0 80px 0;
  padding-top: 20px;
}

.re--body .re-section-wrap h5 {
  font-size: 28px;
}

.re--body .re-section-wrap h6 {
  font-size: 18px;
  border-top: 2px solid #D9E0E6;
  padding-top: 10px;
}

.re--body .re-section-wrap p,
.re--body .re-section-wrap li {
  margin-bottom: 25px;
  font-size: 20px;
}

.re--body .re-section-wrap img {
  width: 100%;
}

.re--body .re-section-wrap .tableauPlaceholder {
  margin: 40px 0;
}

.re--body .re-section-wrap table {
  border-collapse: collapse;
  border-spacing: 0;
}

.re--body .re-section-wrap b,
.re--body .re-section-wrap strong {
  font-weight: bold;
}

.re--body .re-section-wrap em {
  font-style: italic;
}

.re--body .re-section-wrap table tr td {
  border: 1px solid #D9E0E6;
  padding: 10px;
}


@media(max-width: 670px) {
  .re--body {
    padding: 30px 0;
  }

  .re--body .re-section-wrap h5 {
    font-size: 22px;
  }

  .re--body .re-section-wrap p,
  .re--body .re-section-wrap li  {
    font-size: 16px;
  }

}

/* --------------------------------------------------------------
/* = FAQ /faq new
-------------------------------------------------------------- */
.faq-wrapper {
  background-color: #EEF4FA;
}

.faq-wrapper .faq-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 960px;
  width: 100%;
}

.faq-wrapper .title {
  padding: 100px 5% 60px;
  text-align: center;
}

.single-faq .faq-wrapper .title {
  padding: 100px 5%;
}

.faq-wrapper h1 {
  margin: 0 auto;
}

.back-link-section a {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #1C85E8;
  font-weight: 600;
  margin-bottom: 10px;
}

.back-link-section svg {
  margin-right: 7px;
}


.faq-list-box {
  background: #fff;
  box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);
  padding: 50px 70px 70px;
  width: 100%;
  position: relative;
}

.faq-list-block {
  background: #fff;
  box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);
  padding: 45px 70px 70px;
  width: 100%;
  position: relative;
}

.faq-list-block:not(:last-of-type) {
  margin-bottom: 40px;
}

.faq-list-block h3 {
  margin: 0 0 30px;
}

.faq-list-block .one-faq {
  border-top: 1px solid #D8D8D8;
  margin-top: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 80px;
  position: relative;
  cursor: pointer;
}

.faq-list-block .one-faq h6 {
  margin: 0;
  color: #526475;
  font-weight: 400;
}

.faq-list-block .one-faq svg {
  content: '';
  position: absolute;
  top: calc(50% - 10px);
  right: 10px;
  transition: all ease-in 0.2s;
}


.faq-filters {
  margin-bottom: 60px;
}

.faq-filter {
  font-weight: 600;
  margin: 0 10px;
  cursor: pointer;
  font-size: 18px;
  color: #1c85e8;
}

.faq-filter:focus, .faq-filter:hover {
  color: #1c85e8;
  text-decoration: none;
}

.single-faq .entry-content p {
  font-size: 18px;
  line-height: 27px;
  color: #526475;
  margin: 20px 0;
}

.single-faq .entry-content p b {
  color: #202C4A;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.1em;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.support-box {
  padding: 70px 0;
}

.support-box h3 {
  margin: 0 auto 25px;
}

.support-box .button.primary {
  font-size: 16px;
  font-weight: 600;
  margin: 0 auto 25px;
  padding: 16px 53px;
}

@media (max-width: 767px) {
  .faq-wrapper .title {
    padding: 50px 5%;
  }

  .single-faq .faq-wrapper .title {
    padding: 60px 5%;
  }

  .faq-wrapper h1 {
    font-size: 34px;
  }

  .faq-list-box {
    padding: 0 5% 20px;
    box-shadow: none;
  }


  .faq-list-block .one-faq h6 {
    font-size: 16px;
    line-height: 23px;
  }

  .faq-list-block {
    padding: 30px 5%;
    box-shadow: none;
  }

  .back-link-section a {
    padding-left: 5%;
    font-size: 14px;
    margin-bottom: 15px;
  }

  .support-box {
    padding: 40px 0;
  }

  .faq-filters {
    margin-bottom: 35px;
  }

  .faq-filter {
    font-size: 16px;
  }
}




/* ========================================================
                ODB Template
======================================================== */
.odkni--container {
  width: 90%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}


.odb--hero {
  background: #ffffff;
  position: relative;
}

.odb--hero .odb-hero-img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.odb--hero .text-box {
  position: relative;
  width: 50%;
  max-width: 612px;
  background: #ffffff;
  padding: 60px 40px;
}

.odb--hero .text-box h1 {
  margin: 0 0 30px;
  font-size: 42px;
  line-height: 1em;
}

.odb--hero .text-box p {
  font-size: 17px;
  color: #556370;
}

.odb--hero .text-box .logo-img {
  margin-bottom: 30px;
  display: block;
}


.odb--hero .seller-banner-cta {
  margin-top: 30px;
}

.odb--hero .seller-banner-cta .od-cta-input {
  box-shadow: none;
  border-radius: 50px;
}

.odb--hero .seller-banner-cta .cta-input-wrapper {
  border-radius: 50px;
  border: 0;
  outline: none;
}



.odb--hero .seller-banner-cta form {
  display: flex;
  flex-direction: column;
}

.odb--hero .seller-banner-cta input {
  border-radius: 50px;
  padding: 16px 140px 16px 27px;
  box-shadow: 0px 13px 24px rgba(0, 0, 0, 0.05);
  border: 1px solid #D9E0E6;
  outline: none;
  transition: border 0.35s;
}

.odb--hero .seller-banner-cta input:focus {
  border: 1px solid #1C85E8;
}


.odb--hero .seller-banner-cta .cta-input-button {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  outline: none;
}

.odb--hero .seller-banner-cta .cta-button{
  padding: 13px 29px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 500;
  outline: none;
}

@media (max-width: 768px) {
  .odb--hero .seller-banner-cta .cta-input-button {
    position: static;
    top: 0;
    right: auto;
    transform: translateY(0);
    margin-top: 10px;
    margin-left: 0;
    margin-right: 0;
    min-width: 100%;
  }

  .odb--hero .seller-banner-cta .cta-button {
    padding: 13px 49px;
  }

  .odb--hero .seller-banner-cta input {
    padding: 16px 27px;
  }
}


.odb--hero .seller-banner-cta input::-webkit-input-placeholder {
  color: rgba(82, 100, 117, 0.5);
}

.odb--hero .seller-banner-cta input::-moz-placeholder {
  color: rgba(82, 100, 117, 0.5);
}

.odb--hero .seller-banner-cta input:-ms-input-placeholder {
  color: rgba(82, 100, 117, 0.5);
}

.odb--hero .seller-banner-cta input:-moz-placeholder {
  color: rgba(82, 100, 117, 0.5);
}



.odb--hero .odb-hero-btm {
  margin-top: 40px;
  position: relative;
}

.odb--hero .odb-hero-btm img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 46px;
  display: block;
}

.odb--hero .odb-hero-btm p {
  padding-left: 65px;
  font-size: 18px;
  color: #526475;
  line-height: 1.3em;
}


@media (min-width: 1025px) {
  .odb--hero {
    padding: 30px 5%;
    min-height: 618px;
  }

  .odb--hero .odb-hero-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}


@media (max-width: 768px) {
  .odb--hero .text-box h1 {
    font-size: 28px;
  }

  .odb--hero .text-box {
    padding: 40px 30px;
  }
}

@media (max-width: 1024px) {
  .odb--hero .odb-hero-img {
    width: 100%;
  }

  .odb--hero .odb-hero-img:before {
    content: '';
    position: relative;
    padding-top: 45%;
    display: block;
  }

  .odb--hero .text-box {
    width: 90%;
    margin-top: -10%;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0px 13px 24px rgba(0, 0, 0, 0.05);
  }
}

@media (max-width: 768px) {
  .odb--hero .odb-hero-img:before {
    padding-top: 65%;
  }

  .odb--hero .text-box .logo-img {
    max-width: 120px;
    max-height: 50px;
  }
}






.odb--review-sec {
  padding: 40px 5% 70px;
  position: relative;
}

.odb--review-sec .odb--review-wrap {
  position: relative;
}


.odb--review-sec .reviews-overall,
.odb--review-sec .reviews-customers {
  width: 100%;
  display: flex;
}

.odb--review-sec .reviews-overall {
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100%;
}

.odb--review-sec .reviews-overall .odb-review-box {
  width: calc(100% / 5);
}

.odb--review-sec .reviews-overall .odb-review-box p {
  font-size: 10px;
}

.odb--review-sec .reviews-customers {
  justify-content: space-between;
}

.odb--review-sec .reviews-customers  > section{
  width: calc(100% / 5 * 2);
  display: flex;
}

.odb--review-sec .reviews-customers .odb-review-box {
  width: 50%;
}


.odb--review-sec .odb-review-box {
  padding: 0 30px;
}

.odb--review-sec .odb-review-box figure {
  width: 100%;
}

.odb--review-sec .odb-review-box img {
  width: 100%;
}

.odb--review-sec .odb-review-box img.icon-stars {
  width: 90%;
  max-width: 116px;
  margin: 0 auto;
  display: block;
}

.odb--review-sec .odb-review-box p {
  font-size: 12px;
  margin-top: 8px;
  line-height: 1.3em;
  text-align: center;
  color: rgba(0, 0, 0, 0.5);
}


@media (max-width: 980px) {
  .odb--review-sec .reviews-overall {
    position: static;
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .odb--review-sec .reviews-overall .odb-review-box {
    width: 50%;

  }

  .odb--review-sec .reviews-customers {
    flex-direction: column;
    align-items: center;
  }

  .odb--review-sec .reviews-customers  > section{
    width: 100%;
    max-width: 500px;
    display: flex;
  }

  .odb--review-sec .odb-review-box {
    margin-bottom: 40px;
  }
}


@media (max-width: 400px) {
  .odb--review-sec .reviews-overall {
    position: static;
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .odb--review-sec .reviews-overall .odb-review-box {
    width: 50%;

  }

  .odb--review-sec .reviews-customers {
    flex-direction: column;
    align-items: center;
  }

  .odb--review-sec .reviews-customers  > section{
    flex-direction: column;
  }

  .odb--review-sec .reviews-overall .odb-review-box,
  .odb--review-sec .reviews-customers .odb-review-box {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
  }
}



.odb--intro {
  padding-bottom: 80px;
}

.odb--intro .text-wrap {
  text-align: center;
}

.odb--intro .text-wrap h2 {
  max-width: 450px;
  margin: 0 auto 30px;
  line-height: 1.2em;
  font-size: 32px;
}

.odb--intro .text-wrap p {
  max-width: 350px;
  margin: 0 auto;
  line-height: 1.4em;
  font-size: 18px;
}

.odb--intro .col-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}

.odb--intro .col {
  flex: 1;
  padding: 0 5%;
  text-align: center;
}

.odb--intro .col figure {
  width: 53px;
  height: 48px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto;
}

.odb--intro .col h3 {
  font-size: 24px;
  margin-bottom: 10px;
}

.odb--intro .col p {
  font-size: 14px;
  color: #526475;
  line-height: 1.3em;
}


@media (max-width: 960px) {
  .odb--intro .text-wrap h2 {
    font-size: 28px;
  }

  .odb--intro .col h3 {
    font-size: 22px;
  }
}


@media (max-width: 760px) {
  .odb--intro .col-wrap {
    flex-direction: column;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .odb--intro .col {
    width: 100%;
    margin-bottom: 60px;
  }

  .odb--intro .col:last-child {
    margin-bottom: 0;
  }
}





.odb--packages {
  position: relative;
  padding: 50px 0;
}

.odb--packages .sec-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 75%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.odb--packages .odkni--container {
  position: relative;
}

.odb--packages h2 {
  position: relative;
  font-size: 40px;
  color: #FFFFFF;
  text-align: center;
  margin: 0 0 70px;
}

.odb-pack-panel {
  display: flex;
  align-items: center;
}

.odb-pack-panel .panel {
  width: calc(100% / 3);
  background: #ffffff;
  box-shadow: 0px 42px 54px rgba(0, 0, 0, 0.05);
  position: relative;
  padding: 30px 3%;
  text-align: center;
}

.odb-pack-panel .panel:nth-child(2) {
  z-index: 2;
  box-shadow: 0px 42px 54px rgba(0, 0, 0, 0.05);
}

.odb-pack-panel .panel  h3 {
  font-size: 24px;
  color: #1D2C4C;
  margin: 10px 0;
}

.odb-pack-panel .panel  p {
  font-size: 14px;
  color: #525975;
  line-height: 1.3em;
}

.odb-pack-panel .panel figure {
  width: 53px;
  height: 48px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto;
}

.odb-pack-panel .features-list {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #D9E0E6;
}

.odb-pack-panel .features-list p:first-of-type {
  color: #FF967D;
  font-weight: bold;
}

.odb-pack-panel .features-list p {
  margin-bottom: 20px;
  text-align: left;
}

.odb-pack-panel .features-list a.button {
  width: 100%;
  text-align: center;
  padding: 10px 30px;
  display: block;
  margin-top: 40px;
}



@media (max-width: 860px) {
  .odb-pack-panel {
    flex-direction: column;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .odb-pack-panel .panel {
    width: 100%;
    margin-bottom: 50px;
    padding: 30px 7%;
  }

  .odb-pack-panel .panel:last-child {
    margin-bottom: 0;
  }
}









.odb--quote-sec {
  padding-bottom: 60px;
  position: relative;
}

.odb--quote-sec:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 130px;
  background: #EEF4FA;
}

.odb--quote-sec .quote-mark-img {
  width: 42px;
  margin: 0 auto 40px;
  display: block;
}

.odb--quote-sec p,
.odb--quote-sec cite {
  max-width: 530px;
  margin: 0 auto;
  display: block;
  text-align: center;
}

.odb--quote-sec cite {
  margin-top: 30px;
  color: #202C4A;
  font-style: normal;
  font-weight: bold;
}

.odb--quote-sec .img-video {
  position: relative;
  margin-top: 60px;
}

.odb--quote-sec .img-video .img-bg {
  width: 100%;
}

.odb--quote-sec .img-video .play-btn {
  width: 126px;
  position: absolute;
  bottom: 0;
  right: 0;
  cursor: pointer;
}






.odb--hiw {
  background: #EEF4FA;
  padding: 30px 0 50px;
}

.odb--hiw h3 {
  text-align: center;
}

.odb-hiw-topnav {
  display: flex;
  justify-content: center;
  margin-top: 70px;
}

.odb-hiw-topnav > div {
  background: #1C85E8;
  padding: 12px 20px;
  min-width: 147px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin: 0 2px;
  cursor: pointer;
}

.odb-hiw-topnav > div p {
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  font-size: 15px;
}

.odb-hiw-topnav > div.is-active {
  background: #ffffff;
}

.odb-hiw-topnav > div.is-active p {
  color: #0F1E47;
}


.odb-hiw-panels-wrap {
  position: relative;
  width: 100%;
  background: #ffffff;
}


.odb-hiw-panel.is-active {
  display: block;
}

.odb-hiw-panel {
  display: none;
  padding: 80px 5% 20px;
}

.odb-hiw-panel .row-wrap {
  display: flex;
  justify-content: space-between;
}

.odb-hiw-panel .row-wrap:last-child  .num-col:before {
  content: none;
}

.odb-hiw-panel .row-wrap:last-child  .num-col p {
  background: #2BC8A7;
}

.odb-hiw-panel .row-wrap:nth-last-of-type(-n+2) .num-col:before {
  background: linear-gradient(0deg, rgba(43,200,167,1) 0%, rgba(238,244,250,1) 51%);
}

.odb-hiw-panel .num-col {
  width: 30px;
  position: relative;
}

.odb-hiw-panel .num-col:before {
  content: '';
  position: absolute;
  left: 50%;
  width: 2px;
  height: 100%;
  background: #EEF4FA;
  transform: translateX(-50%);
}

.odb-hiw-panel .num-col p {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #1C85E8;
}

.odb-hiw-panel .num-col p span {
  font-size: 16px;
  font-weight: bold;
  line-height: 1em;
  color: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.odb-hiw-panel .text-col {
  width: calc(100% - 60px);
  display: flex;
  justify-content: space-between;
  padding-bottom: 45px;
}

.odb-hiw-panel .title-cell {
  width: 30%;
}

.odb-hiw-panel .copy-cell {
  width: 60%;
}

.odb-hiw-panel h6 {
  margin: 0;
  line-height: 1.2em;
  font-size: 20px;
}

.odb-hiw-panel .copy-cell p {
  font-size: 16px;
  color: #7F92A4;
  margin-bottom: 20px;
}

.odb-hiw-panel .copy-cell p:last-child {
  margin-bottom: 0;
}

.odb-hiw-panel .copy-cell p a {
  color: #1C85E8;
  font-weight: 500;
  border-bottom: 1px solid transparent;
}

.odb-hiw-panel .copy-cell p a:hover {
  border-bottom-color: #1C85E8;
}



@media (max-width: 860px) {
  .odb-hiw-panel .text-col {
    flex-direction: column;
    padding-bottom: 60px;
  }

  .odb-hiw-panel .title-cell {
    width: 100%;
    margin-bottom: 15px;
  }

  .odb-hiw-panel .copy-cell {
    width: 100%;
  }

  .odb-hiw-panel h6 {
    font-size: 18px;
  }
}

@media (max-width: 600px) {
  .odb-hiw-topnav > div {
    min-width: inherit;
  }
}


.odb--bottom-sec {
  background: #EEF4FA;
}


.odb--bottom-sec h3 {
  text-align: center;
  margin: 0;
}



.odb--bottom-sec .seller-bottom-cta {
  text-align: center;
  max-width: 500px;
  margin: 30px auto 40px;
}

.odb--bottom-sec .seller-bottom-cta {
  margin-top: 30px;
}

.odb--bottom-sec .seller-bottom-cta .od-cta-input {
  box-shadow: none;
  border-radius: 50px;
}

.odb--bottom-sec .seller-bottom-cta .cta-input-wrapper {
  border-radius: 50px;
  border: 0;
  outline: none;
}


.odb--bottom-sec .seller-bottom-cta form {
  display: flex;
  flex-direction: column;
}

.odb--bottom-sec .seller-bottom-cta input {
  border-radius: 50px;
  padding: 16px 140px 16px 27px;
  box-shadow: 0px 13px 24px rgba(0, 0, 0, 0.05);
  border: 1px solid #D9E0E6;
  outline: none;
  transition: border 0.35s;
}

.odb--bottom-sec .seller-bottom-cta input:focus {
  border: 1px solid #1C85E8;
}


.odb--bottom-sec .seller-bottom-cta .cta-input-button {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  outline: none;
}

.odb--bottom-sec .seller-bottom-cta .cta-button{
  padding: 13px 29px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 500;
  outline: none;
}


.odb--bottom-sec .seller-bottom-cta input::-webkit-input-placeholder {
  color: rgba(82, 100, 117, 0.5);
}

.odb--bottom-sec .seller-bottom-cta input::-moz-placeholder {
  color: rgba(82, 100, 117, 0.5);
}

.odb--bottom-sec .seller-bottom-cta input:-ms-input-placeholder {
  color: rgba(82, 100, 117, 0.5);
}

.odb--bottom-sec .seller-bottom-cta input:-moz-placeholder {
  color: rgba(82, 100, 117, 0.5);
}



.odb--bottom-sec {
  padding: 10px 0 50px;
}

.odb--bottom-sec .btm-contact-copy h6 {
  margin: 0;
  text-align: center;
}

.odb--bottom-sec .btm-contact-copy p {
  text-align: center;
  font-size: 18px;
}


.opendoor-logo.for-odb {
  height: 20px;
}

@media (max-width: 767px) {
  .page-template-ODB-lennar .navigation,
  .page-template-ODB-pinterest .navigation {
    display: none;
  }
}

/* --------------------------------------------------------------
/* =ODB BANNER
-------------------------------------------------------------- */
.odb-top-banner {
  padding: 15px 20px 15px 85px;
  border-bottom: 1px solid #f0f0f0;
  border-top: 1px solid #f0f0f0;
  background: #ffffff url('https://imgdrop.imgix.net/70eb0864778d411a885386fb8d5a8cd6.svg') 20px center no-repeat;
  background-size: auto 64%;
  position: relative;
  width: 100%;
  z-index: 13;
  display: none;
  justify-content: space-between;
}
.odb-top-banner.sticky {
  display: flex;
  position: fixed;
  top: 0px;
  width: 100%;
  max-width: 1600px;
  height: auto;
  z-index: 99;
}
.odb-top-banner.big {
  padding: 30px 20px;
}
.odb-top-banner .regular-container {
  display: flex;
  justify-content: space-between;
}
.odb-top-banner .odb-top-banner__title {
  font-size: 20px;
  color: #1d2c4c;
  font-weight: 600;
  line-height: 45px;
}

.odb-top-banner .business-email-form {
  display: flex;
  border-radius: 25px;
  overflow: hidden;
  padding: 0;
  box-shadow: none;
  background: transparent;
}

.odb-top-banner .business-form-messages {
  display: none;
  min-width: 300px;
}

.odb-top-banner .business-form-messages.active {
  display: flex;
  height: 100%;
  align-items: center;
}

.odb-top-banner .business-form-messages p {
  color: #1d2c4c;
  font-weight: 600;
}

.odb-top-banner .business-email-form-btn {
  display: block;
  position: relative;
  top: inherit;
  right: inherit;
  line-height: 10px;
  font-size: 14px;
  padding: 15px;
  width: 160px;
  border-radius: 25px;
  margin: 0 0 0 10px;
  color: white;
  background-color: #1C85E8;
  font-family: inherit;
  font-weight: 600;
}
.odb-top-banner input.input-required {
  font-size: 14px;
  min-width: 320px;
  padding-left: 20px;
  border-radius: 25px;
  border: 1px solid #f0f0f0;
  background: #ffffff;
  transition: all ease-in-out 0.3s;
}

.odb-top-banner input.input-required.error {
  border: 1px solid red;
}
.odb-top-banner input.input-required:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #f0f0f0;
    outline: none;
}

.odb-top-banner .business-email-form-btn:focus {
  outline: none;
}

@media (max-width: 900px) {
  .odb-top-banner {
    padding: 15px;
    background: #ffffff;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .odb-top-banner .business-email-form-btn {
    width: auto;
  }
  .odb-top-banner input.input-required {
    min-width: 60%;
  }
  .odb-top-banner .odb-top-banner__title {
    font-size: 20px;
    text-align: center;
    line-height: normal;
    width: 100%;
    flex-basis: 1;
    margin: 0 auto 15px auto ;
  }
  .odb-top-banner .business-email-form-wrapper {
    width: 100%;
    flex-basis: 1;
  }
}


/* ========================================================
                Video Modal
======================================================== */
.video-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  z-index: -100;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s, visibility 0.25s;
}

.video-modal.is-active {
  opacity: 1;
  visibility: visible;
  z-index: 99999;
}


.video-modal.is-active .video-container {
  margin-top: 0;
  opacity: 1;
}


.video-modal .video-container {
  width: 90%;
  height: initial;
  max-width: 1024px;
  position: relative;
  margin-top: 70px;
  opacity: 0;
  transition: 0.5s;
  transition-delay: 0.25s;
}

.video-modal .video-container:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 57%;
}


.video-modal iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-modal .close-btn {
  position: absolute;
  width: 40px;
  height: 40px;
  top: -40px;
  right: 0;
  cursor: pointer;
}

.video-modal .close-btn:before,
.video-modal .close-btn:after {
  content: '';
  width: 3px;
  height: 30px;
  background: #ffffff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  border-radius: 2px;
}

.video-modal .close-btn:before {
  transform: rotate(45deg);
}

.video-modal .close-btn:after {
  transform: rotate(-45deg);
}

.video-modal-trigger {
  cursor: pointer;
}

.video-modal-trigger:hover .video-play-button {
  background: rgba(0, 0, 0, 0.8);
}

.video-play-button {
  width: 100px;
  height: 100px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  transition: background 0.4s;
}

.video-play-button .btn-inner-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  height: 90%;
  border: 4px solid #ffffff;
  border-radius: 50%;
}

.video-play-button .play-triangle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 30px solid #ffffff;
  margin-left: 5%;
}




/* ========================================================
                Careers Web1
======================================================== */
.career-w1-hero {
  position: relative;
  padding: 5% 0 23%;
}

.career-w1-hero .hero-d,
.career-w1-hero .hero-m {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.career-w1-hero .hero-m {
  display: none;
}

.career-w1-hero .text-box {
  position: relative;
  margin: 0 auto;
  max-width: 790px;
  width: 67%;
  text-align: center;
}

.career-w1-hero .text-box h1 {
  line-height: 1.1em;
  margin: 0 0 20px;
  font-weight: 900;
  font-size: 76px;
  letter-spacing: -0.04em;
}

.career-w1-hero .text-box p {
  line-height: 1.4em;
  font-size: 20px;
}

.career-w1-hero .text-box a.button {
  margin-top: 40px;
  font-size: 18px;
  text-align: center;
  min-width: 230px;
}


@media (max-width: 1024px) {
  .career-w1-hero .text-box h1 {
    font-size: 56px;
  }

  .career-w1-hero .text-box p {
    font-size: 18px;
  }

  .career-w1-hero .text-box a.button {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .career-w1-hero {
    padding: 10% 0 50%;
  }

  .career-w1-hero .hero-d {
    display: none;
  }

  .career-w1-hero .hero-m {
    display: block;
  }

  .career-w1-hero .text-box h1,
  .career-w1-hero .text-box p {
    color: #ffffff;
  }

  .career-w1-hero .text-box h1 {
    font-size: 44px;
  }

  .career-w1-hero .text-box p {
    font-size: 16px;
  }

  .career-w1-hero .text-box a.button {
    font-size: 16px;
  }

  .career-w1-hero .text-box a.button {
    margin-top: 40px;
  }

  .career-w1-hero .text-box {
    width: 100%;
    max-width: 500px;
  }
}

@media (max-width: 620px) {
  .career-w1-hero .text-box {
    max-width: 350px;
  }
}


.career-w1-intro {
  padding: 80px 0;
}

.career-w1-intro .heading-wrap {
  position: relative;
  margin-bottom: 56px;
}

.career-w1-intro .heading-wrap img {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 60px;
}

.career-w1-intro .heading-wrap h3 {
  line-height: 1.2em;
  font-weight: bold;
  padding-left: 80px;
  width: 100%;
  max-width: 600px;
}


.career-w1-intro .feature-box h5 {
  color: #1C85E8;
  font-size: 26px;
  line-height: 1.2em;
  margin-bottom: 20px;
}

.career-w1-intro .feature-box p {
  color: #7F92A4;
  font-size: 16px;
  line-height: 1.4em;
}

.career-w1-intro .feature-list-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.career-w1-intro .feature-list-wrap .feature-box {
  width: 47%;
  margin-bottom: 40px;
}


.career-w1-intro .feature-list-wrap-slider {
  position: relative;
  display: none;
}

.career-w1-intro .feature-list-wrap-slider h5 {
  margin-top: 0;
}

.career-w1-intro .feature-list-wrap-slider  .slick-slide:nth-child(even) .feature-box {
  background: #F0F8FD;
}

.career-w1-intro .feature-list-wrap-slider .feature-box {
  padding: 70px 5% 120px;
}

.career-w1-intro .slick-dots {
  position: absolute;
  bottom: 30px;
  left: 5%;
  width: auto;
  max-width: 90%;
}

.career-w1-intro .slick-dots li {
  margin: 0 3px;
}

.career-w1-intro .slick-dots li button:before {
  opacity: 1;
  color: #7F92A4;
  font-size: 10px;
}

.career-w1-intro .slick-dots li.slick-active button:before {
  opacity: 1;
  color: transparent;
  border: 4px solid black;
  border-radius: 50%;
  background: white;
  width: 18px;
  height: 18px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.career-w1-intro .slick-dotted.slick-slider {
  margin-bottom: 0;
}


@media (max-width: 620px) {
  .career-w1-intro {
    padding: 40px 0 0;
  }

  .career-w1-intro .heading-wrap img {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    width: 60px;
    margin: 0 auto;
    display: block;
  }

  .career-w1-intro .heading-wrap h3 {
    padding-left: 0;
    max-width: 100%;
    text-align: center;
    font-size: 26px;
  }

  .career-w1-hero .text-box {
    max-width: 350px;
  }

  .career-w1-intro .feature-list-wrap {
    display: none;
  }

  .career-w1-intro .feature-list-wrap-slider {
    display: block;
  }
}




.career-w1-banner {
  background: #FEDFD3;
  padding-bottom: 5%;
}

.career-w1-banner .col {
  display: flex;
  align-items: center;
}

.career-w1-banner .text-box {
  padding: 15% 0 30%;
  max-width: 390px;
}

.career-w1-banner .col:first-child {
  position: relative;
  z-index: 5;
}

.career-w1-banner .cols-wrap {
  display: flex;
  justify-content: space-between;
}

.career-w1-banner .cols-wrap .col {
  width: 50%;
}

.career-w1-banner .cols-wrap .col img {
  width: 120%;
  position: relative;
  left: -10%;
}

.career-w1-banner .cols-wrap .col h2 {
  line-height: 1.2em;
  font-size: 32px;
}




@media (max-width: 620px) {
  .career-w1-banner .cols-wrap {
    display: flex;
    flex-direction: column;
  }

  .career-w1-banner .cols-wrap .col {
    width: 100%;
  }

  .career-w1-banner .text-box {
    padding: 60px 0 0;
  }

  .career-w1-banner .cols-wrap .col h2 {
    font-size: 26px;
  }

  .career-w1-banner .cols-wrap .col img {
    width: 100%;
    position: relative;
    left: 0;
  }

  .career-w1-banner .text-box {
    max-width: 100%;
  }
}



.career-w1-departments {
  padding: 70px 0;
}

.career-w1-departments h2 {
  text-align: center;
  margin-bottom: 70px;
}

.career-w1-departments .box-wrap {
  display: flex;
  flex-wrap: wrap;
}

.career-w1-departments .box {
  position: relative;
  width: calc(100% / 3);
  padding: 15px;
}

.career-w1-departments .box a {
  display: block;
  width: 100%;
  border-radius: 8px;
  height: 126px;
  background: #BCEEE9;
  position: relative;
  box-shadow: -14px 1px 34px rgba(0, 0, 0, 0);
  transition: box-shadow 0.35s;
}

.career-w1-departments .box a:hover {
  box-shadow: -14px 1px 34px rgba(0, 0, 0, 0.2);
}

.career-w1-departments .box a span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #243453;
  font-weight: bold;
  font-size: 20px;
  display: block;
  text-align: center;
  line-height: 1.2em;
  width: 100%;
  padding: 0 20px;
}

.career-w1-departments a.btn-more {
  text-align: center;
  display: table;
  margin: 50px auto;
  font-size: 22px;
}


@media (max-width: 867px) {
  .career-w1-departments .box {
    padding: 10px;
  }
}

@media (max-width: 680px) {

  .career-w1-departments .odkni--container {
    padding: 0;
    width: 100%;
  }

  .career-w1-departments h2 {
    padding: 0 5%;
    font-size: 26px;
    margin-bottom: 40px;
  }

  .career-w1-departments .box-wrap {
    display: flex;
    flex-direction: column;
  }

  .career-w1-departments .box {
    width: 100%;
    padding: 0;
  }

  .career-w1-departments .box a {
    border-radius: 0;
    height: auto;
    padding: 40px 5%;
  }

  .career-w1-departments .box a span {
    position: static;
    transform: none;
    top: 0;
    left: 0;
  }
}


.career-w1-feature2 .heading-wrap {
  margin-bottom: 123px;
}

.career-w1-feature2 .heading-wrap h2 {
  text-align: center;
  max-width: 517px;
  margin: 0 auto;
  font-size: 32px;
  letter-spacing: -0.05em;
}

.career-w1-feature2 .heading-wrap img {
  width: 60px;
  display: block;
  margin: 0 auto 10px;
}

.career-w1-feature2 .box-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.career-w1-feature2 .box {
  padding-left: 80px;
  position: relative;
  margin-bottom: 64px;
  width: 44%;
}

.career-w1-feature2 .box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
}

.career-w1-feature2 .box h6 {
  color: #1C85E8;
  font-size: 22px;
  line-height: 1.2em;
  margin: 10px 0 15px;
  font-weight: bold;
}

.career-w1-feature2 .box p {
  color: #7F92A4;
  line-height: 1.4em;
  max-width: 253px;
  margin: 0;
}

@media (max-width: 867px) {
  .career-w1-feature2 .heading-wrap {
    margin-bottom: 60px;
  }

  .career-w1-feature2 .box-wrap {
    flex-direction: column;
    justify-content: center;
  }

  .career-w1-feature2 .box {
    padding-left: 5%;
    padding-left: 5%;
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .career-w1-feature2 .box img {
    position: static;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .career-w1-feature2 .box h6,
  .career-w1-feature2 .box p {
    text-align: center;
  }

  .career-w1-feature2 .box p {
    margin: 0 auto;
  }

}




.career-w1-office {
  background: #F0F8FD;
  padding: 100px 0;
}

.career-w1-office .heading-box {
  max-width: 442px;
}

.career-w1-office .heading-box h3 {
  color: #1D2C4C;
}

.career-w1-office .heading-box p {
  color: #7F92A4;
}

.career-w1-office .box-wrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-top: 70px;
  width: calc(100% + 40px);
  left: -20px;
}

.career-w1-office .box {
  width: calc(100% / 4);
  padding: 0 20px;
  margin-bottom: 60px;
  position: relative;
  display: block;
}


.career-w1-office .box img.oval-img {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 54px;
  z-index: 10;
  transition: opacity 0.5s;
  pointer-events: none;
  transform: translate(50%, -151%);
}

.career-w1-office .box .stamp-bg {
  width: 115px;
  height: 115px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}


.career-w1-office .box:hover img.oval-img {
  opacity: 1;
  transition-delay: 0.25s;
}


.career-w1-office .box figure {
  width: 100%;
  height: 115px;
  display: block;
  position: relative;
  margin-bottom: 18px;
}

.career-w1-office .box figure:before {
  content: '';
  position: absolute;
  width: 95px;
  height: 95px;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0px 32px 44px rgba(0, 0, 0, 0);
  transition: box-shadow 0.5s;
}

.career-w1-office .box:hover figure:before {
  box-shadow: 0px 32px 44px rgba(0, 0, 0, 0.14912);
}

.career-w1-office .box figure img.map-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 80px;
  max-height: 72px;
  width: 80%;
  opacity: 0.15;
  transition: opacity 0.5s;
}


.career-w1-office .box span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 36px;
  color: rgba(20, 123, 209, 0.5);
  font-weight: bold;
  display: block;
  white-space: nowrap;
  line-height: 1em;
  transition: color 0.35s, font-weight 0.35s;
}

.career-w1-office .box .location,
.career-w1-office .box .position {
  line-height: 1.3em;
  text-align: center;
}

.career-w1-office .box .location {
  color: #092C4D;
  font-size: 22px;
}

.career-w1-office .box .position {
  color: #7F92A4;
  font-size: 16px;
}



.career-w1-office .box:hover span {
  color: #147BD1;
}


.career-w1-office .box:hover .location {
  font-weight: bold;
}

.career-w1-office .box:hover figure img.map-img {
  opacity: 0.3;
}


@media (max-width: 900px) {
  .career-w1-office {
    padding: 60px 0;
  }

  .career-w1-office .heading-box {
    max-width: 100%;
  }

  .career-w1-office .heading-box h3,
  .career-w1-office .heading-box p {
    text-align: center;
  }

  .career-w1-office .box {
    width: calc(100% / 3);
  }
}

@media (max-width: 690px) {
  .career-w1-office .box {
    width: calc(100% / 2);
  }
}

@media (max-width: 690px) {
  .career-w1-office .box {
    width: calc(100% / 2);
  }
}

@media (max-width: 500px) {
  .career-w1-office .box-wrap {
    width: 100%;
    left: 0;
  }

  .career-w1-office .box {
    width: 100%;
    margin-bottom: 60px;
  }

  .career-w1-office .box:last-child {
    margin-bottom: 0;
  }
}



.career-w1-btm-banner {
  background: #1C85E8;
}

.career-w1-btm-banner .col-wrap {
  display: flex;
}

.career-w1-btm-banner .col-l {
  width: 40%;
}

.career-w1-btm-banner .col-r {
  width: 60%;
  display: flex;
  align-items: center;
  padding-left: 30px;
}

.career-w1-btm-banner h5 {
  color: #ffffff;
  font-size: 30px;
  margin: 58px 0;
}

.career-w1-btm-banner a {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.7);
  display: block;
  position: relative;
  margin: 0 8px;
  transition: background 0.35s;
}

.career-w1-btm-banner a:hover {
  background: rgba(255, 255, 255, 1);
}

.career-w1-btm-banner .col-r a img {
  max-width: 40px;
  max-height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


@media (max-width: 1024px) {
  .career-w1-btm-banner .col-wrap {
    flex-direction: column;
    padding-bottom: 60px;
  }

  .career-w1-btm-banner .col-l {
    width: 100%;
  }

  .career-w1-btm-banner .col-r {
    width: 100%;
    justify-content: center;
  }

  .career-w1-btm-banner h5 {
    text-align: center;
    margin-bottom: 20px;
  }
}

@media (max-width: 680px) {
  .career-w1-btm-banner h5 {
    margin-bottom: 20px;
    font-size: 26px;
  }

  .career-w1-btm-banner a {
    width: 40px;
    height: 40px;
    margin: 0 5px;
  }

  .career-w1-btm-banner .col-r a img {
    max-width: 20px;
    max-height: 20px;
    transform: translate(-50%, -50%);
  }
}



.career-w1-grid-sec {
  display: flex;
  justify-content: space-between;
  min-height: 560px;
  margin-top: -11%;
}

.career-w1-grid-sec .col figure {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.career-w1-grid-sec .col-1 {
  width: 18%;
  padding-right: 18px;
}

.career-w1-grid-sec .col-2 {
  width: 64%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.career-w1-grid-sec .col-3 {
  width: 18%;
  padding-left: 18px;
}



.career-w1-grid-sec .col-1 figure,
.career-w1-grid-sec .col-3 figure {
  width: 100%;
  position: relative;
  height: 65%;
}

.career-w1-grid-sec .col-2 .box {
  width: calc(50% - 9px);
  margin-bottom: 18px;
  position: relative;
}

.career-w1-grid-sec .col-2 .box:before {
  content: '';
  position: relative;
  display: block;
  padding-top: 60%;
}


.career-w1-grid-sec .col-2 .box-1 figure {
  position: absolute;
  top: 0;
  width: calc(50% - 9px);
  height: 100%;
}

.career-w1-grid-sec .col-2 .box-1 figure:nth-child(1) {
  left: 0;
}

.career-w1-grid-sec .col-2 .box-1 figure:nth-child(2) {
  right: 0;
}


.career-w1-grid-sec .col-2 .box-2 {
  background: #DC5B46;
}

.career-w1-grid-sec .col-2 .box-2 .text-wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  padding: 0 5%;
  text-align: center;
  color: #ffffff;
}

.career-w1-grid-sec .col-2 .box-2 p {
  color: #ffffff;
  font-size: 18px;
  line-height: 1.3em;
}

.career-w1-grid-sec .col-2 .box-2 p.author {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
  position: relative;
  margin-top: 20px;
  padding-top: 20px;
  letter-spacing: 0.1em;
}

.career-w1-grid-sec .col-2 .box-2 p.author:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 13px;
  height: 3px;
  background: #ffffff;
}

.career-w1-grid-sec .col-2 .box-3,
.career-w1-grid-sec .col-2 .box-4 {
  margin-bottom: 0;
}

.career-w1-grid-sec .col-2 .box-3 figure,
.career-w1-grid-sec .col-2 .box-4 figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



@media (max-width: 1024px) {
  .career-w1-grid-sec {
    flex-direction: column;
    min-height: auto;
  }

  .career-w1-grid-sec .col-1,
  .career-w1-grid-sec .col-2,
  .career-w1-grid-sec .col-3 {
    width: 100%;
  }

  .career-w1-grid-sec .col-1,
  .career-w1-grid-sec .col-3 {
    padding: 0;
    display: none;
  }

  .career-w1-grid-sec .col-1 figure {
    margin-bottom: 18px;
  }

  .career-w1-grid-sec .col-3 figure {
    margin-top: 18px;
  }

  .career-w1-grid-sec .col-1 figure,
  .career-w1-grid-sec .col-3 figure {
    background-position: top center;
  }

  .career-w1-grid-sec .col-1 figure:before,
  .career-w1-grid-sec .col-3 figure:before {
    content: '';
    display: block;
    position: relative;
    padding-top: 60%;
  }
}


.career-w1-grid-slider {
  display: none !important;
}

.career-w1-grid-slider img {
  width: 100%;
}


.career-w1-grid-slider .slick-dots {
  position: absolute;
}

.career-w1-grid-slider .slick-dots li {
  margin: 0 3px;
}

.career-w1-grid-slider .slick-dots li button:before {
  opacity: 1;
  color: #7F92A4;
  font-size: 10px;
}

.career-w1-grid-slider .slick-dots li.slick-active button:before {
  opacity: 1;
  color: transparent;
  border: 4px solid black;
  border-radius: 50%;
  background: white;
  width: 18px;
  height: 18px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.career-w1-grid-slider .slick-dotted.slick-slider {
  margin-bottom: 0;
}


@media (max-width: 790px) {
  .career-w1-grid-sec .col-2 .box {
    display: none;
    width: 100%;
    margin: 0;
  }

  .career-w1-grid-sec .col-2 .box:before {
    content: none;
  }

  .career-w1-grid-sec .col-2 .box-2 {
    display: block;
  }

  .career-w1-grid-sec .col-2 .box-2 .text-wrap {
    position: static;
    transform: none;
    top: auto;
    padding: 65px 5%;
  }

  .career-w1-grid-slider {
    display: block !important;
  }
}




/* ========================================================
                Careers Web2
======================================================== */
.career-w2-hero {
  position: relative;
  background: #FEDFD3;
}

.career-w2-hero .hero-d {
  position: absolute;
  width: 45%;
  height: 100%;
  top: 0;
  right: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.career-w2-hero .text-box {
  width: 55%;
  padding: 127px 0;
  position: relative;
}

.career-w2-hero h1 {
  font-size: 70px;
  color: #1D2C4C;
  line-height: 1em;
  margin: 0;
  font-weight: bold;
}

.career-w2-hero h1 span {
  color: #ffffff;
}



@keyframes rotateIn {
  0% {
    transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    transform: rotateX(360deg);
    opacity: 1;
  }
}

@keyframes rotateOut {
  0% {
    transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    transform: rotateX(180deg);
    opacity: 0;
  }
}


.career-w2-hero .rotate-word-wrap {
  display: inline-block;
  perspective: 300px;
}

.career-w2-hero .rotate-word-wrap b {
  opacity: 0;
  transform-origin: 50% 100%;
  transform: rotateX(180deg);
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}

.career-w2-hero .rotate-word-wrap b.is-active {
  position: relative;
  opacity: 1;
  transform: rotateX(0deg);
  animation: rotateIn 1.2s;
}

.career-w2-hero .rotate-word-wrap b.is-hidden {
  transform: rotateX(180deg);
  animation: rotateOut 1.2s;
}



.career-w2-hero .cw2-select-container {
  display: block;
  width: 100%;
  position: relative;
  display: flex;
  margin-top: 60px;
}

.career-w2-hero .select-wrap {
  position: relative;
  margin-right: 15px;
  border-radius: 50px;
  background: #1C85E8;
  cursor: pointer;
  flex: 1;
}

.career-w2-hero .select-wrap img {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 19px;
  pointer-events: none;
}

.career-w2-hero #lever-clear-filters {
  display: inline-block;
  padding: 10px 25px;
  cursor: pointer;
}

.career-w2-hero .select-wrap:last-child {
  margin-right: 0;
}

.career-w2-hero .select-wrap select {
  padding: 14px 60px 14px 30px;
  font-weight: bold;
  color: #ffffff;
  font-size: 16px;
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
  width: 100%;
}

.career-w2-job-filter-result .lever-team-title {
  display: none;
  margin: 0 !important;
}

.career-w2-job-filter-result .lever-team-title.locations {
  //margin-top: -20px;
}

.career-w2-job-filter-result #lever-no-results {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

@media (max-width: 1065px) {
  .career-w2-hero h1 {
    font-size: 60px;
  }

  .career-w2-hero .select-wrap select {
    font-size: 14px;
  }
}


@media (max-width: 780px) {
  .career-w2-hero h1 {
    font-size: 50px;
  }

  .career-w2-hero .cw2-select-container {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
  }

  .career-w2-hero .select-wrap {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .career-w2-hero .select-wrap:last-of-type {
    margin-bottom: 0;
  }

  .career-w2-hero .text-box {
    width: 100%;
    padding: 60px 0 0;
  }

  .career-w2-hero .hero-d {
    position: relative;
    width: 100%;
    margin-top: -6%;
  }

  .career-w2-hero {
    display: flex;
    flex-direction: column-reverse;
  }

  .career-w2-hero .hero-d:before {
    content: '';
    position: relative;
    display: block;
    padding-top: 60%;
  }
}

@media (max-width: 500px) {
  .career-w2-hero h1 {
    font-size: 45px;
  }
}


.career-w2-job {
  background: #F0F8FD;
  padding: 50px 0;
}

.cw2-job-section {
  margin-bottom: 70px;
}

.cw2-job-section h4 {
  color: #1C85E8;
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 20px;
}

.cw2-job-section a {
  display: flex;
  background: #ffffff;
  padding: 20px 20px;
  margin-bottom: 5px;
  box-shadow: -14px 1px 34px rgba(0, 0, 0, 0);
  transition: 0.35s;
}

.cw2-job-section a:hover {
  box-shadow: -14px 1px 34px rgba(0, 0, 0, 0.101317);
  z-index: 2;
}

.cw2-job-section .cell-pos {
  width: 65%;
}

.cw2-job-section .cell p {
  line-height: 1.2em;
}

.cw2-job-section .cell-pos p {
  color: #1C85E8
}

.cw2-job-section .cell-loc {
  width: 35%;
  text-align: right;
}

.cw2-job-section .cell-loc p {
  color: #7F92A4;
}



.career-w2-job .lever-department-title {
  display: none;
}

.career-w2-job .lever-team-title {
  color: #1C85E8;
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 20px;
}

/* .career-w2-job .lever-team-title.teams + h4 {
  font-size: 20px;
} */

.career-w2-job ul {
  padding: 0;
  list-style: none;
}

.career-w2-job .lever-team {
  margin-bottom: 70px;
}

.career-w2-job .lever-job {
  display: flex;
  background: #ffffff;
  padding: 20px 20px;
  margin-bottom: 5px;
  box-shadow: -14px 1px 34px rgba(0, 0, 0, 0);
  transition: 0.35s;
}

.career-w2-job .lever-job-title {
  width: 65%;
  line-height: 1.2em;
}

.career-w2-job .lever-job-tag {
  width: 35%;
  text-align: right;
  color: #7F92A4;
  line-height: 1.2em;
}


@media (max-width: 670px) {
  .career-w2-job {
    padding: 50px 0;
  }

  .cw2-job-section h4 {
    font-size: 22px;
  }

  .cw2-job-section a {
    display: block;
  }

  .cw2-job-section .cell-loc p {
    text-align: left;
  }

  .cw2-job-section .cell-loc p {
    margin-top: 5px;
  }

  .career-w2-job .lever-job {
    display: flex;
    flex-direction: column;
  }

  .career-w2-job .lever-job-title {
    width: 100%;
  }

  .career-w2-job .lever-job-tag {
    width: 100%;
    text-align: left;
  }
}



/* ========================================================
                Savings
======================================================== */
.savings--hero {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 100px;
  margin-bottom: 100px;
}

.savings--hero .col-wrap {
  display: flex;
  justify-content: space-between;
  bottom: -30px;
  position: relative;
}

.savings--hero .col-l {
  width: 440px;
  padding-bottom: 45px;
}

.savings--hero .col-r {
  display: flex;
  width: calc(95% - 440px);
}

.savings--hero .text-wrap h1 {
  color: #ffffff;
  font-weight: bold;
  margin: 0;
  line-height: 1.1em;
  font-size: 56px;
}

.savings--hero .text-wrap h1 span {
  display: block;
}

.savings--hero .text-wrap h1 span:first-child {
  margin-bottom: 5px;
  padding-bottom: 5px;
  position: relative;
}

.savings--hero .text-wrap h1 span:first-child:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 90%;
  height: 5px;
  background: #FF967D;
}

.savings--hero .text-wrap h2 {
  color: #1C85E8;
  font-size: 130px;
  font-weight: bold;
  margin: 25px 0 0;
  line-height: 0.8em;
  white-space: nowrap;
  letter-spacing: -0.03em;
}

.savings--hero .text-wrap h2 span {
  font-size: 95px;
  font-weight: 400;
  top: -10px;
  position: relative;
}

.savings--hero .text-wrap h2 i {
  font-style: normal;
  font-weight: 100;
}

.savings--hero .text-wrap h3 {
  color: #ffffff;
  font-weight: bold;
  font-size: 27px;
  margin: 0;
  line-height: 1.1em;
}

.savings--hero .review-wrap {
  color: #ffffff;
  font-weight: bold;
  font-size: 34px;
  margin: 0;
  line-height: 1.1em;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  margin-top: 60px;
  padding-top: 30px;
}

.savings--hero .review-wrap img {
  width: 100%;
}


.savings-hero-form {
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0px 22px 94px rgba(0, 0, 0, 0.211511);
  background: #ffffff;
}

.savings-hero-form .form-heading {
  background: #FF967D;
  padding: 20px 8%;
}

.savings-hero-form .form-heading h4 {
  margin: 0;
  line-height: 1.2em;
  font-size: 19px;
}

.savings-hero-form .form-disclaimer {
  padding: 0 8% 30px;
}

.savings-hero-form .form-disclaimer p {
  text-align: center;
  color: #526475;
  font-size: 10px;
  line-height: 13px;
}

.savings-hero-form form {
  padding: 30px 8% 0;
}

.savings-hero-form .input-wrap {
  margin-bottom: 20px;
}

.savings-hero-form form label {
  display: block;
  color: #202C4A;
  font-weight: bold;
  margin-bottom: 4px;
}

.savings-hero-form form > p {
  margin-bottom: 20px;
}

.savings-hero-form form > p:last-of-type {
  margin-bottom: 0;
}

.savings-hero-form form input:not([type=submit]) {
  width: 100%;
  padding: 10px 20px;
  border: 1px solid #D9E0E6;
  border-radius: 4px;
  outline: none;
}

.savings-hero-form form input:not([type=submit])::-webkit-input-placeholder {
  color: transparent;
}

.savings-hero-form form input:not([type=submit])::-moz-placeholder {
  color: transparent;
}

.savings-hero-form form input:not([type=submit]):-ms-input-placeholder {
  color: transparent;
}

.savings-hero-form form input:not([type=submit]):-moz-placeholder {
  color: transparent;
}

.savings-hero-form form input:not([type=submit]):focus {
  border: 1px solid #1C85E8;
}

.savings-hero-form form input[type=submit] {
  width: 100%;
  text-align: center;
  font-size: 18px;
  line-height: 1.2em;
  outline: none;
}

.savings-hero-form div.wpcf7-validation-errors {
  margin-top: 0;
  line-height: 1.4em;
  padding: 20px 15px;
  font-size: 14px;
}


@media (max-width: 1024px) {
  .savings--hero {
    padding-top: 30px;
  }
  .page-template-savings .navigation {
    display: none!important;
  }
  .page-template-savings .opendoor-logo {
    margin: 15px 0;
  }

  .savings--hero .text-wrap h1,
  .savings--hero .text-wrap h2,
  .savings--hero .text-wrap h3 {
    text-align: center;
  }

  .savings--hero .text-wrap h1 span:first-child:before {
    left: 50%;
    transform: translateX(-50%);
  }


  .savings-hero-form .form-heading h4 {
    font-size: 18px;
  }

  .savings--hero .review-wrap {
    margin-top: 30px;
    padding-top: 20px;
  }

  .savings--hero .col-wrap {
    flex-direction: column;
    width: 440px;
    margin-left: auto;
    margin-right: auto;
  }

  .savings--hero .col-l {
    width: 100%;
    padding-bottom: 45px;
  }

  .savings--hero .col-r {
    display: flex;
    width: 100%;
  }
}


@media (max-width: 670px) {
  .savings--hero {
    padding-top: 0;
  }

  .savings--hero .col-l {
    padding-bottom: 20px;
  }

  .savings--hero .col-wrap {
    width: 100%;
    max-width: 380px;
  }

  .savings--hero .text-wrap h1 {
    font-size: 30px;
  }

  .savings--hero .text-wrap h2 {
    /* font-size: 100px; */
    font-size: 80px;
    margin: 12px 0 0;
  }

  .savings--hero .text-wrap h2 span {
    /* font-size: 80px; */
    font-size: 60px;
    top: -6px;
  }

  .savings--hero .text-wrap h3 {
    font-size: 23px;
  }

  .savings--hero .text-wrap h1 span:first-child {
    margin-bottom: 6px;
    padding-bottom: 1px;
  }

  .savings--hero .text-wrap h1 span:first-child:before {
    height: 2px;
    max-width: 200px;
  }

  .savings-hero-form .form-heading {
    padding: 15px 8%;
  }

  .savings-hero-form .form-heading h4 {
    font-size: 14px;
    text-align: center;
  }

  .savings-hero-form form {
    padding: 19px 8% 0;
  }

  .savings-hero-form form > p {
    margin-bottom: 10px;
  }

  .savings-hero-form form input[type=submit] {
    font-size: 14px;
  }

  .savings-hero-form form input:not([type=submit])::-webkit-input-placeholder {
    color: #b2b2b2;
    font-weight: 500;
  }

  .savings-hero-form form input:not([type=submit])::-moz-placeholder {
    color: #b2b2b2;
    font-weight: 500;
  }

  .savings-hero-form form input:not([type=submit]):-ms-input-placeholder {
    color: #b2b2b2;
    font-weight: 500;
  }

  .savings-hero-form form input:not([type=submit]):-moz-placeholder {
    color: #b2b2b2;
    font-weight: 500;
  }

  .savings-hero-form form label .label-text {
    display: none;
  }

  .savings--hero .review-wrap {
    margin-top: 13px;
    padding-top: 5px;
  }
}


@media (max-width: 350px) {
  .savings--hero .text-wrap h2 {
    font-size: 90px;
  }

  .savings--hero .text-wrap h2 span {
    font-size: 40px;
  }
}



.savings--intro {
  margin-top: 150px;
}

.savings--intro h2 {
  text-align: center;
  margin-bottom: 100px;
}

.savings--intro .col-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.savings--intro .col {
  width: 45%;
  position: relative;
  padding-left: 70px;
  margin-bottom: 80px;
}

.savings--intro .col .num {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 3px solid #FF967D;
  color: #FF967D;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}

.savings--intro .col h6 {
  margin: 0 0 14px 0;
  font-size: 18px;
  color: #202C4A;
  line-height: 1.2em;
}

.savings--intro .col p {
  margin: 0;
  color: #526475;
  font-size: 16px;
  line-height: 1.5em;
}


@media (max-width: 780px) {
  .savings--intro .col-wrap {
    flex-direction: column;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .savings--intro .col {
    width: 100%;
  }
}

@media (max-width: 600px) {
  .savings--intro {
    margin-top: 100px;
  }

  .savings--intro h2 {
    margin-bottom: 60px;
  }
}



.savings--trade {
  background: #EEF4FA;
  padding: 50px 0 120px;
}

.savings--trade h2 {
  margin-bottom: 60px;
  text-align: center;
  line-height: 1.3em;
}

.savings--trade .savings-slide-container {
  text-align: center;
  position: relative;
}

.savings--trade .savings-slide-container svg.arrow {
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  width: 18px;
  height: 11px;
}

.savings--trade .savings-slide-container h6 {
  color: #FF967D;
  font-size: 22px;
  margin: 0;
  line-height: 1em;
}

.savings--trade .savings-number {
  font-size: 42px;
  margin: 0;
  line-height: 1em;
}

.savings--trade .text-box {
  text-align: center;
  max-width: 500px;
  margin: 20px auto 0;
}

.savings--trade .text-box h6 {
  font-size: 22px;
  margin: 0 0 12px 0;
}

.savings--trade .text-box p {
  text-align: center;
  color: #526475;
}


.savings-trade-slider {
  padding: 70px 0;
  position: relative;
}

.savings-trade-slider .rangeslider,
.savings-trade-slider .rangeslider__fill {
  display: block;
}

.savings-trade-slider .rangeslider {
  background: #FF967D;
  position: relative;
}

.savings-trade-slider .rangeslider--horizontal {
  height: 4px;
  width: 100%;
}

.savings-trade-slider .rangeslider--horizontal:before,
.savings-trade-slider .rangeslider--horizontal:after {
  content: '';
  position: absolute;
  width: 4px;
  height: 15px;
  background: #FF967D;
  top: 50%;
  transform: translateY(-50%);
}

.savings-trade-slider .rangeslider--horizontal:before {
  left: -4px;
}

.savings-trade-slider .rangeslider--horizontal:after {
  right: -4px;
}


.savings-trade-slider .rangeslider__fill {
  background: #FF967D;
  position: absolute;
}

.savings-trade-slider .rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 4px
}


.savings-trade-slider .rangeslider__handle {
  background: white;
  border: 1px solid #ccc;
  border-radius: 50px;
  cursor: pointer;
  display: inline-block;
  width: 200px;
  height: 70px;
  position: absolute;
  background-size: 100%;
  box-shadow: 0px 12px 34px rgba(0, 0, 0, 0.072689);
  z-index: 5;
}


.savings-trade-slider .rangeslider--horizontal .rangeslider__handle {
  top: 50%;
  transform: translateY(-50%);
  touch-action: pan-y;
  -ms-touch-action: pan-y;
}

.savings-trade-slider .range-output {
  position: absolute;
  width: 200px;
  height: 70px;
  border-radius: 50px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 10;
  transition: 0;
  pointer-events: none;
}

.savings-trade-slider .range-output p {
  text-align: center;
  color: #172A52;
  font-size: 14px;
  margin: 0;
  width: 100%;
  display: block;
  line-height: 1em;
}

.savings-trade-slider .range-output p.output {
  font-size: 22px;
  color: #132955;
  font-weight: bold;
}



.savings--quote {
  margin-top: -30px;
  margin-bottom: 80px;
}

.savings--quote .col-wrap {
  display: flex;
  justify-content: space-between;
}

.savings--quote .col-l {
  position: relative;
}

.savings--quote .col-l figure {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
}

.savings--quote .col-l figure:before {
  content: '';
  position: relative;
  display: block;
  padding-top: 105%;
}


.savings--quote .col {
  width: 47%;
}

.savings--quote .col-r img {
  width: 31px;
  margin: 120px 0 50px;
}

.savings--quote p {
  font-size: 20px;
  color: #526475;
}

.savings--quote p.name {
  font-size: 18px;
  font-weight: bold;
  margin-top: 40px;
  color: #172A52;
  line-height: 1.2em;
}

.savings--quote p.loc {
  font-size: 14px;
  line-height: 1.2em;
}



@media (max-width: 860px) {
  .savings--quote .col-wrap {
    flex-direction: column;
  }

  .savings--quote .col {
    width: 100%;
  }

  .savings--quote .col-wrap {
    display: flex;
    justify-content: space-between;
  }

  .savings--quote .col-l figure:before {
    padding-top: 80%;
  }

  .savings--quote .col-r img {
    margin: 30px 0 30px;
  }

  .savings--quote p.name,
  .savings--quote p.loc {
    text-align: right;
  }
}




.savings--faq .savings-faq-accordion {
  margin-top: 30px;
}

.savings--faq .accordion-row {
  border-top: 2px solid #D9E0E6;
  padding: 30px 50px 30px 0;
  cursor: pointer;
}

.savings--faq .answer-box{
  padding: 20px 0 10px;
  display: none;
}

.savings--faq .answer-box ol li,
.savings--faq .answer-box ul li {
  margin-bottom: 20px;
}

.savings--faq h6 {
  position: relative;
  font-size: 22px;
  font-weight: bold;
  margin: auto;
}

.savings--faq h6 .icon {
  position: absolute;
  top: 0;
  right: -20px;
  width: 15px;
  height: 15px;
  transition: transform 0.5s;
}

.savings--faq p {
  margin-bottom: 20px;
}

.savings--faq p:last-of-type {
  margin-bottom: 0;
}

.savings--faq h6 .icon span:first-child,
.savings--faq h6 .icon span:last-child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #D9E0E6;
  transition: 0.35s;
  opacity: 1;
}

.savings--faq h6 .icon span:first-child{
  width: 17px;
  height: 2px;
}

.savings--faq h6 .icon span:last-child{
  width: 2px;
  height: 15px;
}


.savings--faq .accordion-row.is-active .icon {
  transform: rotate(-180deg);
}

.savings--faq .accordion-row.is-active .icon span:last-child {
  opacity: 0;
}

.savings--faq .accordion-row.is-active .icon span:first-child {
  background: #1C85E8 !important;
}



@media (max-width: 860px) {
  .savings--faq h6 {
    font-size: 20px;
  }
}


.savings--banner {
  margin-top:  80px;
}

.savings--banner .odkni--container {
  background: #EEF4FA;
}

.savings--banner .col-wrap {
  display: flex;
  justify-content: space-between;
  padding: 70px 5%;
}

.savings--banner .col-l {
  width: 50%;
}

.savings--banner .col-r {
  width: 38%;
}

.savings--banner h2 {
  margin: 0 0 40px 0;
  line-height: 1.2em;
}

.savings--banner p {
  color: #526475;
  font-size: 16px;
}

.savings--banner p a {
  color: #1C85E8;
}

.savings--banner a.button {
  width: 100%;
  text-align: center;
  font-size: 16px;
  line-height: 1.2em;
  display: block;
}

@media (max-width: 860px) {
  .savings--banner .col-wrap {
    flex-direction: column;
  }

  .savings--banner .col-l {
    width: 100%;
  }

  .savings--banner .col-r {
    width: 100%;
    margin-top:  40px;
  }
}



.savings--btm-disclaimer {
  margin-top: 46px;
  margin-bottom: 64px;
}

.savings--btm-disclaimer p {
  color: #526475;
}



/* ========================================================
                Agent Partner Program New
======================================================== */
.apgn--hero {
  background: #202C4A;
}

.apgn--hero .col-wrap {
  display: flex;
}

.apgn--hero .col {
  width: 50%;
}

.apgn--hero .col-l {
  padding: 72px 5%;
}

.apgn--hero .col-r {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.apgn--hero .content-box {
  max-width: 422px;
  margin: 0 auto;
  color: #ffffff;
}

.apgn--hero .text-box {
  background: #ffffff;
  padding: 43px 45px 30px 45px;
  margin-bottom: 15px;
}

.apgn--hero .text-box:last-child {
  background: #ffffff;
  padding: 43px 45px;
  margin-bottom: 0;
}

.apgn--hero h1 {
  color: #ffffff;
  font-size: 32px;
  line-height: 1.3em;
  margin: 0 0 45px 0;
}

.apgn--hero h4 {
  font-size: 24px;
  line-height: 1.2em;
  margin: 0 0 5px 0;
}

.apgn--hero .text-box p {
  font-size: 14px;
  color: #526475;
}

.apgn--hero .text-box a {
  margin-top:  27px;
  padding: 10px 0;
  font-size: 16px;
  color: #1C85E8;
  font-weight: 500;
  position: relative;
  display: block;
  transition: color 0.35s;
}

.apgn--hero .text-box a:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #D9E0E6;
}

.apgn--hero .text-box a:hover {
  color: #005db4;
}

.apgn--hero .text-box a:hover span {
  background: #005db4;
}

.apgn--hero .text-box a span {
  position: absolute;
  top: 50%;
  right: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #1C85E8;
  transform: translateY(-50%);
  transition: background 0.35s;
}

.apgn--hero .text-box a span svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
}


@media (max-width: 767px) {
  .apgn--hero .col-wrap {
    flex-direction: column;
  }

  .apgn--hero .col {
    width: 100%;
    position: relative;
  }

  .apgn--hero .col-l {
    padding: 50px 5%;
  }

  .apgn--hero .col-r::before {
    content: "";
    display: block;
    position: relative;
    padding-top: 70%;
  }

  .apgn--hero .col-r {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .apgn--hero .content-box {
    max-width: 422px;
    margin: 0 auto;
    color: #ffffff;
  }

  .apgn--hero .text-box {
    padding: 43px 8% 30px !important;
  }
}



.apgn--intro {
  padding: 100px 0;
}

.apgn--intro .col-wrap {
  display: flex;
  justify-content: space-between;
}

.apgn--intro .col {
  width: 45%;
}

.apgn--intro .col h2 {
  font-size: 28px;
  line-height: 1.2em;
  position: relative;
  padding-left: 90px;
  margin: 0 0 56px;
}

.apgn--intro .col h2 img {
  position: absolute;
  left: 0;
  top: 0;
  width: 59px;
}

.apgn--intro .col p {
  font-size: 18px;
  color: #526475;
  line-height: 1.5em;
}

.apgn--intro .text-box {
  border-top: 2px solid #D9E0E6;
  padding-top: 15px;
  margin-bottom: 50px;
}

.apgn--intro .text-box:last-child {
  margin-bottom: 0;
}

.apgn--intro p strong {
  font-weight: bold;
}

@media (max-width: 767px) {
  .apgn--intro {
    padding: 70px 0;
  }

  .apgn--intro .col-wrap {
    flex-direction: column;
  }

  .apgn--intro .col {
    width: 100%;
  }

  .apgn--intro .col-r {
    margin-top: 50px;
  }
}



.apgn--partner.assistant {
  background: #E8ECF1;
}

.apgn--partner {
  padding: 100px 0;
}

.apgn--partner .col-wrap {
  display: flex;
  justify-content: space-between;
}

.apgn--partner .col {
  width: calc(100% / 3 - 3.5%);
}

.apgn--partner h2 {
  margin: 0 0 64px;
  line-height: 1.2em;
}

.apgn--partner .col h6 {
  margin: 0 0 15px;
}

.apgn--partner .col figure {
  width: 65px;
  height: 65px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 33px;
}

.apgn--partner .bio-box {
  border-top: 4px solid #D9E0E6;
  margin-top: 90px;
  padding-top: 64px;
}

.apgn--partner .bio-box > div {
  position: relative;
  padding-left: 230px;
}

.apgn--partner .bio-box figure {
  position: absolute;
  left: 30px;
  top: 0;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.apgn--partner .bio-box p {
  font-size: 18px;
  color: #526475;
}

.apgn--partner .bio-box p.au-name {
  color: #202C4A;
  font-size: 18px;
  line-height: 1.1em;
  margin-top: 26px;
  margin-bottom: 5px;
  font-weight: bold;
}

.apgn--partner .bio-box p.au-pos {
  color: #8292A2;
  font-size: 12px;
  line-height: 1.1em;
}


@media (max-width: 767px) {
  .apgn--partner {
    padding: 70px 0;
  }

  .apgn--partner h2 {
    text-align: center;
  }

  .apgn--partner .col-wrap {
    flex-direction: column;
  }

  .apgn--partner .col {
    width: 100%;
    text-align: center;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 70px;
  }

  .apgn--partner .col:last-child {
    margin-bottom: 0;
  }

  .apgn--partner .col figure {
    margin-left: auto;
    margin-right: auto;
  }

  .apgn--partner .bio-box {
    margin-top: 60px;
    padding-top: 44px;
  }

  .apgn--partner .bio-box > div  {
    position: relative;
    padding-left: 0;
  }

  .apgn--partner .bio-box figure {
    position: static;
    left: 0;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    display: block;
  }

  .apgn--partner .bio-box p {
    text-align: center;
  }
}



.apgn--qualify {
  background: #202C4A;
  padding: 100px 0 250px;
}

.apgn--qualify  h2 {
  color: #ffffff;
  font-size: 32px;
  line-height: 1.2em;
  text-align: center;
  margin-top: 0;
  margin-bottom: 68px;
}

.apgn--qualify  h4 {
  margin: 0 0 30px;
}

.apgn--qualify .col-wrap {
  display: flex;
  justify-content: space-between;
}

.apgn--qualify .col {
  width: calc(50% - 15px);
  padding: 45px 48px;
  background: #ffffff;
  position: relative;
}

.apgn--qualify .col p {
  font-size: 18px;
}

.apgn--qualify .col ul {
  padding: 0;
  margin-top: 50px;
  max-width: 300px;
}

.apgn--qualify .col li {
  padding-left: 45px;
  position: relative;
  list-style: none;
  font-size: 14px;
  line-height: 1.3em;
  margin-bottom: 20px;
}

.apgn--qualify .col li:before {
  content: '';
  position: absolute;
  left: 0;
  top: -3px;
  background-image: url(https://www.opendoor.com/w/wp-content/uploads/2019/12/check-circle.png);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.apgn--qualify .col-bottom {
  position: absolute;
  top: calc(100% - 45px);
  left: 0;
  width: 100%;
  padding: 20px 48px 40px;
  z-index: 3;
  background: #ffffff;
}

.apgn--qualify .col-bottom .text-wrap {
  border-top: 1px solid #D9E0E6;
  padding-top: 15px;
  text-align: center;
}

.apgn--qualify .col-bottom .text-wrap p {
  color: #202C4A;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.2em;
}

.apgn--qualify .col-bottom .text-wrap .button {
  text-align: center;
  width: 100%;
  max-width: 289px;
  display: inline-block;
  margin-top: 20px;
  font-size: 16px;
}


@media (max-width: 860px) {
  .apgn--qualify {
    padding: 70px 0;
  }
  .apgn--qualify  h2 {
    margin-bottom: 40px;
  }

  .apgn--qualify .col-wrap {
    flex-direction: column;
  }

  .apgn--qualify .col {
    width: 100%;
    margin-bottom: 50px;
    padding: 45px 8%;
  }

  .apgn--qualify .col:last-child {
    margin-bottom: 0;
  }

  .apgn--qualify .col-bottom {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px 0 0;
  }
}



.apgn--faq {
  padding: 80px 0;
}

.apgn--faq .apgn-faq-accordion {
  margin-top: 30px;
}

.apgn--faq .accordion-row {
  border-top: 1px solid #D9E0E6;
  padding: 30px 35px 30px 0;
  cursor: pointer;
}

.apgn--faq .answer-box{
  padding: 20px 0 10px;
  display: none;
}

.apgn--faq .answer-box ol li:last-of-type,
.apgn--faq .answer-box ul li:last-of-type {
  margin-bottom: 20px;
}

.apgn--faq h6 {
  position: relative;
  font-size: 18px;
  color: #526475;
  margin: auto;
  font-weight: normal;
}

.apgn--faq h6 .icon {
  position: absolute;
  top: 0;
  right: -30px;
  width: 20px;
  height: 12px;
  transition: transform 0.5s;
}

.apgn--faq h6 .icon svg {
  width: 100%;
  height: 100%;
}

.apgn--faq p {
  margin-bottom: 20px;
}

.apgn--faq p:last-of-type {
  margin-bottom: 0;
}


.apgn--faq .accordion-row.is-active .icon {
  transform: rotate(-90deg);
}

.apgn--faq .accordion-row.is-active .icon path {
  stroke: #1C85E8;
}

.apgn--faq .accordion-row.is-active h6 {
  font-weight: bold;
}


@media (max-width: 860px) {
  .apgn--faq {
    padding: 50px 0;
  }
}

/* --------------------------------------------------------------
/* = ODHL Rates Template
-------------------------------------------------------------- */
.odhl-logo-container {
  padding-top: 60px;
  text-align: center;
  padding-left: 25px;
  padding-right: 25px;
}

.odhl-logo {
  width: 80%;
  max-width: 450px;
}

.odhl-new-badge {
  background-color: #FFA5A7;
  border-radius: 5px;
  color: #1d2c4c;
  font-size: 15px;
  display: inline-block;
  width: 3em;
  font-weight: 600;
  margin-right: 0.5em;
}

.odhl-rates-container {
  z-index: 1;
  background-color: #1d2c4c;
  padding-bottom: 30px;
  position: relative;
}

.odhl-big-circle-container {
  bottom: 0;
  z-index: 1;
  height: 200px;
  position: absolute;
  margin-left: calc(50% - 393px);
  margin-top: 152px;
  overflow: hidden;
}

.odhl-big-circle {
  width: 786px;
  height: 786px;
  background: #FEDFD3;
  border-radius: 500000px;
  margin-left: calc(50% - 393px);
}

.odhl-layout-container {
  max-width: 500px;
  margin: auto;
  position: relative;
  z-index: 1;
}

.odhl-rates-title {
  color: #ffffff;
  font-size: 32px;
  font-weight: 600;
  font-family: 'Graphik', sans-serif;
  text-align: center;
}

.odhl-rates-subtitle {
  color: #ffffff;
  font-size: 16px;
  font-weight: 100;
  font-family: 'Graphik', sans-serif;
  text-align: center;
  margin-bottom: 20px;
}

.odhl-cta {
  text-align: center;
  padding-bottom: 25px;
}

.odhl-cta-button {
  width: 300px;
}

.odhl-rates-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}

.odhl-rate-disclosure-text {
  z-index: 2;
  position: relative;
  text-align: center;
  font-size: 13px;
  color: #1d2c4c;
}

.odhl-rate-disclosure-link {
  cursor: pointer;
}

.odhl-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-left: 25px;
  padding-right: 25px;
}

.odhl-nmls-number {
  color: white;
  font-size: 13px;
}

.odhl-equal-housing-lender {
  width: 50px;
}

.odhl-rate-disclosure-text a {
  color: #1c85e8;
}

.odhl-rate-card-container {
  z-index: 2;
  background-color: #ffffff;
  margin: 0 12px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.08);
}

.odhl-rate-card-description {
  color: #1c85e8;
  font-size: 20px;
  font-weight: 600;
}

.odhl-rate-card-statistic {
  display: flex;
  flex-direction: row;
  margin-top: 21px;
}

.odhl-rate-card-vertical-divider {
  width: 1px;
  height: 53px;
  background: #e8ecf1;
  margin: 0 2vw;
}

.odhl-rate-statistic-container {
  display: flex;
  flex-direction: column;
}

.odhl-rate-statistic-label {
  color: #8292a2;
  font-size: 14;
}

.odhl-rate-statistic-rate {
  color: #202c4a;
  font-weight: 600;
  font-size: 28px;
  line-height: 30px;
}

.odhl-disclosure-modal {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0.75);
  overflow: scroll;
  z-index: 999;
  visibility: hidden;
}

.odhl-disclosure-modal.is-active {
  opacity: 1;
  visibility: visible;
  z-index: 99999;
  pointer-events: auto;
}

.odhl-disclosure-modal-container {
  max-width: 700px;
  min-height: 200px;
  position: relative;
  top: 40px;
  margin: 0px auto;
  background: white;
  overflow: auto;
  border-radius: 3px;
  outline: none;
  padding: 70px;
}

.odhl-modal-close-button {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 20px;
  height: 30px;
  z-index: 1;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  background: none;
}

.odhl-modal-logo {
  max-width: 300px;
}

.odhl-modal-inner {
  font-size: 15px;
}

.odhl-modal-inner p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

.odhl-disclosure-points-table {
  text-align: center;
  width: 100%;
  border-collapse: collapse;
  margin: 16px 0;
}

.odhl-disclosure-points-table td {
  border: 1px solid #1d2c4c;
}

.odhl-disclosure-points-table th {
  border: 1px solid #1d2c4c;
}

.odhl-disclaimer {
  opacity: 0.6;
  padding-top: 20px;
}

@media (max-width: 1070px) {
  .odhl-rates-container {
    margin-bottom: 40px;
  }

  .odhl-layout-container {
    max-width: 90%;
  }

  .odhl-rate-statistic-rate {
    font-size: 25px;
    line-height: 30px;
  }
}

@media (max-width: 767px) {

  .odhl-rates-container {
    padding-top: 0px;
    margin-bottom: 40px;
  }

  .odhl-big-circle-container {
    display: none;
  }

  .odhl-rates-title {
    padding-top: 60px;
    max-width: 80%;
    font-size: 24px;
    margin: 0 auto;
    margin-bottom: 48px;
  }

  .odhl-rates-list {
    flex-direction: column;
    width: calc(225px + 25%);
    margin: 0 auto;
    margin-bottom: 48px;
  }

  .odhl-rate-disclosure-text {
    color: #ffffff;
  }

  .odhl-rate-card-container {
    margin: 12px 0;
    width: 100%;
  }

  .odhl-rate-statistic-rate {
    font-size: 35px;
    line-height: 35px;
  }
}

@media (max-width: 380px) {
  .odhl-rate-statistic-rate {
    font-size: 30px;
    line-height: 30px;
  }
}

/* --------------------------------------------------------------
/* = End of ODHL Rates Template
-------------------------------------------------------------- */

/* --------------------------------------------------------------
/* = Homeschooled
-------------------------------------------------------------- */
.homeschooled--hero {
  padding: 7% 0 130px;
  background: #FEDFD3;
  position: relative;
}


.homeschooled--hero .odkni--container {
  display: flex;
  position: relative;
  z-index: 3;
}

.homeschooled--hero .text-box {
  width: 50%;
}

.homeschooled--hero img {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 55%;
  transform: translateY(-50%);
}

.homeschooled--hero small {
  font-weight: bold;
  color: #1C85E8;
  font-size: 18px;
}

.homeschooled--hero h1 {
  line-height: 1em;
  font-weight: bold;
  letter-spacing: -0.05em;
  margin: 10px 0 0;
  font-size: 62px;
}

.homeschooled--hero .sub-text {
  margin: 40px 0 50px;
}

.homeschooled--hero .sub-text p {
  font-size: 16px;
  font-weight: 600;
  color: #526475;
  line-height: 1.2em;
}

.homeschooled--hero .text-box > p {
  font-size: 16px;
}

.homeschooled--hero .text-box > p:not(:first-of-type) {
  margin-top: 30px;
}

.homeschooled--hero p {
  font-size: 18px;
}

.homeschooled--hero .sub-text span {
  font-size: 16px;
  color: #526475;
  padding-left: 80px;
  position: relative;
  display: inline-block;
  font-weight: normal;
}

.homeschooled--hero .sub-text span:last-child::before {
  content: '';
  width: 54px;
  height: 2px;
  position: absolute;
  top: 10px;
  left: 12px;
  background: rgba(130, 146, 162, 0.5);
}


@media (max-width: 869px) {
  .homeschooled--hero {
    padding: 10% 0 90px;
  }

  .homeschooled--hero .text-box {
    width: 100%;
  }

  .homeschooled--hero img {
    position: relative;
    top: 0;
    right: 0;
    display: block;
    width: 100%;
    transform: translateY(0);
  }

  .homeschooled--hero h1 {
    font-size: 42px;
  }

  .homeschooled--hero .sub-text {
    margin: 19px 0 30px;
  }
}

@media (max-width: 767px) {
  .homeschooled--hero .sub-text {
    margin: 19px 0 30px;
  }

  .homeschooled--hero p {
    font-size: 14px;
  }

  .homeschooled--hero .sub-text span {
    font-size: 12px;
  }
}





.homeschooled--discover {
  margin-top: -100px;
  position: relative;
  z-index: 10;
}


.homeschooled--discover h5 {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.homeschooled--discover h6 {
  margin: 0 0 5px 0;
  color: #FF967D;
  font-size: 12px;
  text-transform: uppercase;
}

.homeschooled--discover p {
  color: #172A52;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2em;
  margin: 0;
}

.homeschooled--discover .flickity-viewport {
  overflow: visible;
}

.homeschooled--discover .d-card {
  box-shadow: 0px 22px 34px rgba(0, 0, 0, 0.101945);
  background: #ffffff;
  padding: 22px 100px 22px 22px;
  display: inline-block;
  position: relative;
  min-width: 320px;
  margin-right: 20px;
  margin-bottom: 50px;
}

.homeschooled--discover .d-card .icon {
  position: absolute;
  top: 22px;
  right: 22px;
  width: 48px;
  height: 48px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}



.homeschooled--body {
  margin-top: 30px;
}

.homeschooled--body .odkni--container {
  max-width: 620px;
}


.hschooled-sec-heading {
  text-align: center;
  border-bottom: 2px solid #D9E0E6;
  padding-bottom: 45px;
  margin-bottom: 45px;
}

.hschooled-sec-heading small {
  font-size: 24px;
  color: #FF967D;
  font-weight: bold;
}

.hschooled-sec-heading h2 {
  margin: 0;
  font-size: 44px;
  color: #00265F;
}

.hschooled-sec-content {
  font-size: 18px;
  margin-bottom: 170px;
}

.hschooled-sec-content *:not( a ) {
  color: #526475;
}

.hschooled-sec-content h1,
.hschooled-sec-content h2,
.hschooled-sec-content h3,
.hschooled-sec-content h4,
.hschooled-sec-content h5,
.hschooled-sec-content h6 {
  color: #202C4A;
}

.hschooled-sec-content h4 {
  margin-top: 80px;
}

.hschooled-sec-content h4:first-child {
  margin-top: 0;
}

.hschooled-sec-content ul {
  list-style: none;
}

.hschooled-sec-content ul li {
  position: relative;
}

.hschooled-sec-content ul li:before {
  content: '';
  position: absolute;
  top: 9px;
  left: -40px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 2px solid #202C4A;
  background: #ffffff;
}

.hschooled-sec-content li:not(:last-child) {
  margin-bottom: 40px;
}

.hschooled-sec-content ul,
.hschooled-sec-content ol {
  margin: 38px 0;
}

.hschooled-sec-content a:not(.button) {
  font-weight: bold;
}

.hschooled-sec-content p {
  margin-bottom: 30px;
}


@media (max-width: 767px) {
  .hschooled-sec-heading {
    text-align: left;
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 30px;
  }

  .hschooled-sec-heading small {
    font-size: 18px;
  }

  .hschooled-sec-heading h2 {
    font-size: 24px;
  }


  .hschooled-sec-content {
    font-size: 16px;
    margin-bottom: 100px;
  }

  .hschooled-sec-content ul,
  .hschooled-sec-content ol {
    padding-left: 30px;
  }

  .hschooled-sec-content ul li:before {
    content: '';
    position: absolute;
    top: 6px;
    left: -30px;
    width: 11px;
    height: 11px;
    background: #ffffff;
  }

  .hschooled-sec-content li:not(:last-child) {
    margin-bottom: 20px;
  }

  .hschooled-sec-content h4 {
    font-size: 18px;
    margin-top: 50px;
  }

  .hschooled-sec-content p {
    margin-bottom: 20px;
  }
}


.hschooled--mobile-sticky-nav {
  position: fixed;
  top:  0;
  left: 0;
  width: 100%;
  padding: 0 5%;
  background: #ffffff;
  box-shadow: 0px 12px 14px rgba(0, 0, 0, 0.1);
  z-index: 10;
  overflow: hidden;
}

.hschooled--mobile-sticky-nav .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 58px;
  position: relative;
}


.hschooled--mobile-sticky-nav {
  display: block;
  top: -200px;
  transition: top 0.4s;
}

.hschooled--mobile-sticky-nav.is-active {
  top: 0;
}

.hschooled--mobile-sticky-nav > * {
  flex: 1;
}

.hschooled--mobile-sticky-nav ul {
  display: flex;
  padding-left: 15px;

}

.hschooled--mobile-sticky-nav li {
  list-style: none;
  font-weight: bold;
  font-size: 20px;
  line-height: 1em;
  padding: 15px 5px;
  cursor: pointer;
  position: relative;
}

.hschooled--mobile-sticky-nav li.is-active {
  color: #1C85E8;
}

.hschooled--mobile-sticky-nav li.is-active:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  bottom: -5px;
  left: 0;
  background: #1C85E8;
}

.hschooled--mobile-sticky-nav .col-l,
.hschooled--mobile-sticky-nav .col-r {
  display: flex;
}

.hschooled--mobile-sticky-nav .col-l p {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 10px;
  line-height: 1em;
}

.hschooled--mobile-sticky-nav .col-r p {
  font-size: 14px;
  line-height: 1em;
  margin-right: 10px;
}


@media (max-width: 767px) {
  .hschooled--mobile-sticky-nav .col-r p {
    display: none;
  }
}

.hschooled--mobile-sticky-nav a.button {
  padding: 7px 15px;
  font-size: 12px;
  position: relative;
}




/* --------------------------------------------------------------
/* = End of Homeschooled template
-------------------------------------------------------------- */
/* --------------------------------------------------------------
/* = Start of Home Buy Global Module
-------------------------------------------------------------- */
.home-buy-module {
  background-color: #f5f8fb;
  padding: 60px 0;
}

.home-buy-module .regular-container {
  display: flex;
  align-items: center;
}

.home-buy-module article {
  max-width: 466px;
}

.home-buy-module small {
  font-size: 16px;
  font-weight: bold;
  display: block;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #147bd1;
}

.home-buy-module h3 {
  font-size: 32px;
  margin-top: 0;
  margin-bottom: 10px;
  color: #1c2b4d;
}

.home-buy-module p {
  color: #525876;
  font-size: 14px;
  line-height: 1.4;
  margin-top: 15px;
}

.home-buy-module a.button {
  height: 50px;
  width:100%;
  margin-top: 33px;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 500;
  line-height: 50px;
  padding: 0;
  text-align: center;
}

.home-buy-module figure {
  flex-grow: 1;
  margin: auto;
  text-align: right;
}

.home-buy-module img {
  width: 90%;
  height: auto;
  max-width: 320px;
}


@media (max-width: 1199px) {
  .home-buy-module article {
    width: 70%;
  }

  .home-buy-module img {
    width: 80%;
  }
}

@media (max-width: 991px) {
  .home-buy-module {
    padding: 40px 0;
  }

  .home-buy-module .regular-container {
    flex-direction: column-reverse;
    max-width: 90%;
  }

  .home-buy-module article {
    width: 90%;
  }

  .home-buy-module img {
    width: 100%;
  }

  .home-buy-module small {
    visibility: hidden;
  }

  .home-buy-module h3 {
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 25px;
    text-align: center;
  }

  .home-buy-module p {
    color: #525876;
    margin-top: 15px;
    font-size: 14px;
    padding: 0 15px;
    text-align: center;
  }
}