/*
///////////////////////////////////////////////////////
COLORS

blue: #1c85e8;
dark blue: #03476b;
navy blue: #1d2c4c;
cool grey: #506d7e;
light gray: #f0f0f0;
light blue: #f5f8fb;
baby blue: #e5f3fd;
purple: #ab80de;
green: #68e1c7;
yellow: #ffc259;
red: #ff7f82;
text color: #525975;

/* --------------------------------------------------------------
/* =FONTS
-------------------------------------------------------------- */
@font-face {
    font-family: "Graphik";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/Graphik-Regular-Web.woff2")
        format("woff2"),
      /* will be preloaded */
        url("../fonts/Graphik-Regular-Web.woff")
        format("woff"),
      url("../fonts/Graphik-Regular-Web.eot")
        format("embedded-opentype");
  }
  
  @font-face {
    font-family: "Graphik";
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/Graphik-Medium-Web.woff2")
        format("woff2"),
      /* will be preloaded */
        url("../fonts/Graphik-Medium-Web.woff")
        format("woff"),
      url("../fonts/Graphik-Medium-Web.eot")
        format("embedded-opentype");
  }
  
  @font-face {
    font-family: "Graphik";
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/Graphik-Semibold-Web.woff2")
        format("woff2"),
      /* will be preloaded */
        url("../fonts/Graphik-Semibold-Web.woff")
        format("woff"),
      url("../fonts/Graphik-Semibold-Web.eot")
        format("embedded-opentype");
  }
  
  /* --------------------------------------------------------------
  /* =BASIS
  -------------------------------------------------------------- */
  *,
  *:before,
  *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-osx-font-smoothing: grayscale;
  }
  
  body {
    text-rendering: auto;
    font: 400 16px/1.7 "Graphik", sans-serif;
    color: #525975;
    margin: 0;
    padding: 0;
  }
  
  #page {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 1600px;
    -webkit-flex-basis: 1600px;
    flex-basis: 1600px;
    max-width: 1600px;
    margin: 0 auto;
    background-color: #fff;
    overflow-x: hidden;
    position: relative;
  }
  
  .wow {
    visibility: hidden;
  }
  
  /* --------------------------------------------------------------
  /* =PAGE CONTAINERS
  -------------------------------------------------------------- */
  .small-container {
    margin-right: auto;
    margin-left: auto;
    max-width: 720px;
    position: relative;
  }
  
  .xsmall-container {
    margin-right: auto;
    margin-left: auto;
    max-width: 625px;
    position: relative;
  }
  
  .regular-container {
    margin-right: auto;
    margin-left: auto;
    max-width: 960px;
    position: relative;
  }
  
  .regular-container:after,
  .small-container:after,
  .large-container {
    content: "";
    display: block;
    clear: both;
  }
  
  @media (max-width: 1199px) {
    .regular-container {
      max-width: 720px;
    }
  }
  
  @media (max-width: 767px) {
    .regular-container,
    .small-container {
      max-width: 90%;
    }
  }
  
  .large-container {
    margin-right: auto;
    margin-left: auto;
    max-width: 1280px;
    position: relative;
  }
  
  /* --------------------------------------------------------------
  /* =UTILITY CLASSES
  -------------------------------------------------------------- */
  .text-blue {
    color: #1c85e8;
  }
  
  .text-white {
    color: #ffffff;
  }
  
  .text-white-opaqueness {
    color: #ffffff;
    color: rgba(255, 255, 255, 0.6);
    font-family: "Graphik";
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
  }
  
  .light-bg {
    background: #f5f8fb;
  }
  
  .white-bg {
    background: #ffffff;
  }
  
  .blue-bg {
    background: #1c85e8;
  }
  
  .text-right {
    text-align: right;
  }
  @media (max-width: 768px) {
    .text-right-sm-down {
      text-align: right;
    }
  }
  @media (max-width: 480px) {
    .text-right-xs-down {
      text-align: right;
    }
  }
  
  .text-left {
    text-align: left;
  }
  @media (max-width: 768px) {
    .text-left-sm-down {
      text-align: left;
    }
  }
  @media (max-width: 480px) {
    .text-left-xs-down {
      text-align: left;
    }
  }
  
  .text-center {
    text-align: center;
  }
  @media (max-width: 768px) {
    .text-center-sm-down {
      text-align: center;
    }
  }
  @media (max-width: 480px) {
    .text-center-xs-down {
      text-align: center;
    }
  }
  
  .text-muted {
    color: #9ba1a6;
  }
  
  .text-small {
    font-size: 12px;
  }
  
  .text-medium {
    font-size: 14px;
  }
  
  .text-regular {
    font-size: 17px;
  }
  
  .text-large {
    font-size: 20px;
  }
  
  .text-mediumlarge {
    font-size: 19px;
  }
  
  .light-blue-background {
    background: #f5f8fb;
  }
  
  .padded-section {
    padding: 60px 0;
  }
  
  .padded-bottom {
    padding-bottom: 60px;
  }
  
  @media (min-width: 480px) {
    .hidden-xs-up {
      display: none !important;
    }
  }
  
  @media (min-width: 768px) {
    .hidden-sm-up {
      display: none !important;
    }
  }
  
  @media (min-width: 992px) {
    .hidden-md-up {
      display: none !important;
    }
  }
  
  @media (min-width: 1200px) {
    .hidden-lg-up {
      display: none !important;
    }
  }
  
  @media (max-width: 479px) {
    .hidden-xxs-down {
      display: none !important;
    }
  }
  
  @media (max-width: 767px) {
    .hidden-xs-down {
      display: none !important;
    }
    .mobile-text-center {
      text-align: center;
    }
  }
  
  @media (max-width: 991px) {
    .hidden-sm-down {
      display: none !important;
    }
  }
  
  @media (max-width: 1199px) {
    .hidden-md-down {
      display: none !important;
    }
  }
  
  @media (max-width: 1200px) {
    .hidden-lg-down {
      display: none !important;
    }
  }
  
  @media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
      display: none !important;
    }
  }
  
  @media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
      display: none !important;
    }
  }
  
  /* --------------------------------------------------------------
  /* =MARGIN CLASSES
  -------------------------------------------------------------- */
  .no-margin-top {
    margin-top: 0;
  }
  
  .no-margin-bottom {
    margin-bottom: 0;
  }
  
  .no-margin {
    margin: 0;
  }
  
  .small-margin-bottom {
    margin-bottom: 10px;
  }
  
  .medium-margin-bottom {
    margin-bottom: 20px;
  }
  
  .large-margin-bottom {
    margin-bottom: 40px;
  }
  @media (max-width: 480px) {
    .large-margin-bottom-xs {
      margin-bottom: 40px !important;
    }
  }
  
  .xl-margin-bottom {
    margin-bottom: 60px;
  }
  
  .xxl-margin-bottom {
    margin-bottom: 80px;
  }
  
  .small-margin-top {
    margin-top: 10px;
  }
  
  .medium-margin-top {
    margin-top: 20px;
  }
  
  .large-margin-top {
    margin-top: 40px;
  }
  @media (max-width: 480px) {
    .large-margin-top-xs {
      margin-top: 40px !important;
    }
  }
  
  .xl-margin-top {
    margin-top: 60px;
  }
  
  .xxl-margin-top {
    margin-top: 80px;
  }
  
  .small-margin-left {
    margin-left: 5px;
  }
  
  /* --------------------------------------------------------------
  /* =TYPOGRAPHY
  -------------------------------------------------------------- */
  a {
    outline: none;
    color: #1c85e8;
    text-decoration: none;
  }
  
  a:hover {
    text-decoration: none;
    outline: none;
  }
  
  p {
    color: #525975;
    margin: auto;
  }
  h1 {
    font: 600 46px/1.45 "Graphik", sans-serif;
    color: #1d2c4c;
  }
  
  h2 {
    font: 600 32px/1.45 "Graphik", sans-serif;
    color: #1d2c4c;
  }
  
  h3 {
    font: 600 28px/1.45 "Graphik", sans-serif;
    color: #1d2c4c;
  }
  
  h4 {
    font: 600 24px/1.45 "Graphik", sans-serif;
    color: #1d2c4c;
  }
  
  h5 {
    font: 600 22px/1.45 "Graphik", sans-serif;
    color: #1d2c4c;
  }
  
  h6 {
    font: 600 18px/1.45 "Graphik", sans-serif;
    color: #1d2c4c;
  }
  
  @media (max-width: 767px) {
    h1 {
      font-size: 32px;
      line-height: 1.2;
    }
  
    h2 {
      font-size: 28px;
      line-height: 1.2;
    }
  
    h3 {
      font-size: 24px;
      line-height: 1.2;
    }
  
    h4 {
      font-size: 20px;
      line-height: 1.2;
    }
  
    h5 {
      font-size: 18px;
      line-height: 1.2;
    }
  
    h6 {
      font-size: 16px;
      line-height: 1.2;
    }
  }
  
  /* --------------------------------------------------------------
  /* =3% PROMO BANNER STYLING
  -------------------------------------------------------------- */
  
  .link-secondary {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
    font-size: 16px;
    color: #0d76d6;
    text-decoration: none;
    opacity: 0.9;
  }
  
  .agent-launch .banner-image {
    padding-left: 0;
    padding-top: 6px;
  }
  .agent-launch .banner-height {
    min-height: unset;
  }
  .agent-launch p {
    font-size: 18px;
    line-height: 26px;
  }
  .agent-launch .banner-container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 33px 32px 32px;
    gap: 24px;
    background: #eef4fa;
    box-shadow: 0px 10px 22px rgba(29, 71, 123, 0.08),
      0px 2px 12px rgba(29, 71, 123, 0.08);
    border-radius: 16px;
    flex: none;
    order: 0;
    flex-grow: 0;
    overflow-wrap: break-word;
    margin-right: auto;
    margin-left: auto;
    max-width: 960px;
    height: auto;
  }
  .agent-launch .banner-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
    max-width: 826px;
    min-height: unset;
    flex: none;
    order: 1;
    flex-grow: 1;
  }
  .agent-launch .link-secondary {
    font-weight: 600;
    font-size: 18px;
    color: #0d76d6;
    text-decoration: none;
  }
  @media (max-width: 1199px) {
    .agent-launch .banner-container {
      max-width: 720px;
    }
    .agent-launch .banner-content {
      max-width: 590px;
    }
  }
  @media (max-width: 767px) {
    .agent-launch .banner-container {
      max-width: 80%;
      flex-direction: column;
    }
  }
  
/*

///////////////////////////////////////////////////////

Domain: opendoor.com
Author: Opendoor Design
Description: _
Version: 1.0


/* --------------------------------------------------------------
/* =HEADER
-------------------------------------------------------------- */

body.noscroll {
    overflow: hidden;
  }
  
  .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: 20px 20px;
    text-align: center;
  }
  .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;
    height: 50px;
    overflow-y: hidden;
  }
  .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: 70px;
    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;
  }
  
  
  /* --------------------------------------------------------------
  /* =EXCLUSIVE LISTINGS
  -------------------------------------------------------------- */
  .route-exclusive-listings .hero {
    background: #222222;
    border-bottom-left-radius: 160px;
    margin: 15px;
    overflow: hidden;
  }
  .route-exclusive-listings .hero .label-coming-soon {
    margin-top: 150px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.3);
    color: #ffffff;
    text-transform: uppercase;
    padding: 0 10px;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
  }
  .route-exclusive-listings .hero h1 {
    font-size: 36px;
    line-height: 1.2;
  }
  .route-exclusive-listings .hero .preview-visual {
    display: block;
    width: 80%;
    margin: 100px auto -50px auto;
  }
  .route-exclusive-listings .explainer-img {
    display: block;
    width: 80%;
    margin: 0 auto 0 auto;
  }
  .route-exclusive-listings .explainer h2 {
    color: #222222;
    font-size: 30px;
    margin-bottom: 60px;
    margin-top: 0;
  }
  .route-exclusive-listings .subhead {
    color: #ffffff;
    margin-top: 60px;
    margin-bottom: 15px;
    font-size: 16px;
  }
  .route-exclusive-listings .cta-box {
    border-radius: 16px;
    background: #ffffff;
    padding: 16px;
  }
  .route-exclusive-listings .cta-box select {
    display: inline-block;
    height: 50px;
    padding: 0 15px;
    line-height: 50px;
    width: 100%;
    border: 1px solid #dedede;
    border-radius: 8px;
    margin-bottom: 16px;
    background: #ffffff;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(https://imgdrop.imgix.net/8c4f35b440244d9dabbf2345c9fc8210.svg) 95% center no-repeat;
    background-size: 16px auto;
  }
  .route-exclusive-listings .cta-box input[type="email"] {
    display: inline-block;
    height: 50px;
    padding: 0 15px;
    line-height: 50px;
    text-align: left;
    width: 100%;
    border: 1px solid #dedede;
    border-radius: 8px;
    margin-bottom: 16px;
  }
  .route-exclusive-listings .cta-box input[type="submit"] {
    display: inline-block;
    height: 50px;
    padding: 0 15px;
    line-height: 50px;
    width: 100%;
    background: #1C85E8;
    color: #ffffff;
    border-radius: 8px;
    border: 0;
  }
  .route-exclusive-listings .orange-bullet {
    padding-left: 36px;
    padding-bottom: 30px;
    font-size: 18px;
    color: #222222;
    position: relative;
  }
  .route-exclusive-listings .orange-bullet::before {
    content: "";
    height: 16px;
    width: 16px;
    background: #FF896F;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    left: 0;
  }
  @media (max-width: 1200px) {
    .route-exclusive-listings .hero .label-coming-soon{
      margin-top: 60px;
    }
    .route-exclusive-listings .subhead {
      margin-top: 40px;
      margin-bottom: 15px;
      font-size: 12px;
    }
    .route-exclusive-listings .hero .preview-visual {
      width: 88%;
    }
    .route-exclusive-listings .hero {
      border-bottom-left-radius: 80px;
    }
  }
  @media (max-width: 767px) {
    .route-exclusive-listings .hero {
      background: #222222;
      border-bottom-left-radius: 0;
      margin: 0px;
    }
    .route-exclusive-listings .hero .label-coming-soon {
      margin-top: 50px;
      padding: 0 10px;
      height: 30px;
      line-height: 30px;
      display: inline-block;
      font-size: 12px;
    }
    .route-exclusive-listings .hero .preview-visual {
      display: block;
      width: 80%;
      margin: 40px auto -80px auto;
    }
    .route-exclusive-listings .explainer-img {
      display: block;
      width: 100%;
    }
  }
  
  /* --------------------------------------------------------------
  /* =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%;
    }
  }
  
  /* --------------------------------------------------------------
  /* =REALTOR.COM
  -------------------------------------------------------------- */
  .realtor-partnership-page_hero {
    background: #E3F3FE;
    padding: 120px 0;
    overflow: hidden;
    position: relative;
  }
  .realtor-partnership-page_hero_text-content {
    max-width: 500px;
    margin-left: 80px;
    position: relative;
    z-index: 2;
  }
  .realtor-partnership-page_hero_image {
    position: absolute;
    z-index: 1;
    width: 720px;
    height: auto;
    right: -50px;
    top: -160px;
    transform: rotate(-15deg) translateY(100px);
    transition: all ease-in 1s;
    opacity: 0;
  }
  .pace-done .realtor-partnership-page_hero_image {
    transform: rotate(-15deg) translateY(0px);
    opacity: 1;
  }
  .bankrate-partnership-page_hero {
    display: flex;
    justify-content: space-between;
  }
  .bankrate-partnership-page_hero_image {
    width: 50%;
    background: url("https://imgdrop.imgix.net/0b041134c4804c3bb121e1d44156daae.jpg") left center no-repeat;
    background-size: cover;
  }
  .bankrate-partnership-page_hero_text-content {
    width: 50%;
    padding: 80px;
    background: #E3F3FE;
  }
  .realtor-partnership-page_hero #seller-input {
    max-width: 100%;
  }
  .realtor-partnership-page_value-props {
    padding: 60px 0;
  }
  .realtor-partnership-page_social-proof {
    padding: 60px 0 200px 0;
    text-align: center;
    color: #ffffff;
    background: url(https://imgdrop.imgix.net/8b4fe328b8bd4997bc8b462534758bd3.jpg) center bottom / cover no-repeat;
  }
  .realtor-partnership_testimonial {
    padding: 60px 0;
  }
  .realtor-partnership-page_social-proof_number {
    font-size: 94px;
    font-weight: bold;
    line-height: 1;
  }
  .realtor-partnership-page_social-proof_label {
    font-weight: bold;
    font-size: 20px;
  }
  .realtor-partnership-page_faqs {
    padding: 80px 0;
    background: #EEF4FA;
  }
  .realtor-partnership-page_contact-cta {
    background: #002245;
    padding: 80px 0;
    color: #ffffff;
    text-align: center;
  }
  .realtor-partnership-page_faqs .one-faq-item {
    border-top: 1px solid #CDD7E0;
  }
  .realtor-partnership-page_faqs .one-faq-item__question {
    padding-right: 30px;
    color: #002245;
  }
  .realtor-partnership-page_faqs .one-faq-item::after {
    color: #002245;
  }
  .realtor-partnership-page_hiw {
    padding-bottom: 80px;
  }
  .realtor-partnership-page_hiw_step {
    padding: 25px 0;
    border-top: 1px solid #CDD7E0;
  }
  .realtor-partnership-page_hiw_step_number {
    color: #1C85E8;
    font-weight: bold;
  }
  .realtor-partnership-page_side-side {
    background: #EEF4FA;
    padding: 80px 0;
    margin-bottom: 80px;
  }
  .realtor-partnership-page_side-side_card {
    padding: 40px;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
  }
  .realtor-partnership-page_side-side_card.sell {
    border-top: 6px solid #0084F0;
  }
  .realtor-partnership-page_side-side_card.list {
    border-top: 6px solid #5DCCAC;
  }
  .realtor-partnership-page_side-side_card_vp {
    padding: 40px 0 0 35px;
    background: url('https://imgdrop.imgix.net/3dfaf41d38dc49d58fcd9b80107f186a.svg') left 45px no-repeat;
    display: block;
  }
  
  @media (max-width: 1300px) {
    .pace-done .realtor-partnership-page_hero_image {
      opacity: .2;
    }
    .bankrate-partnership-page_hero {
      display: block;
    }
    .bankrate-partnership-page_hero_image {
      width: 100%;
      background: url("https://imgdrop.imgix.net/0b041134c4804c3bb121e1d44156daae.jpg") center no-repeat;
      background-size: cover;
      height: 400px;
    }
    .bankrate-partnership-page_hero_text-content {
      width: 100%;
      padding: 60px;
      background: #E3F3FE;
      text-align: center;
    }
  }
  
  @media (max-width: 767px) {
    .realtor-partnership-page_hero_image {
      width: 460px;
      right: -22%;
      top: 60%;
    }
    .pace-done .realtor-partnership-page_hero_image {
      opacity: 1;
    }
    .realtor-partnership-page_hero_text-content {
      max-width: 100%;
      margin-left: 0;
      padding: 20px;
      position: relative;
    }
    .realtor-partnership-page_hero_text-content img {
      display: block;
      height: auto;
      width: 100%;
    }
    .realtor-partnership-page_hero {
      padding: 40px 0 300px 0;
    }
    .realtor-partnership-page_social-proof_number {
      font-size: 62px;
    }
    .realtor-partnership-page_side-side_card.list {
      margin-top: 20px;
    }
    .realtor-partnership-page_side-side_card {
      padding: 20px;
    }
    .realtor-partnership-page_value-props img {
      margin-top: 30px;
    }
    .bankrate-partnership-page_hero_text-content {
      width: 100%;
      padding: 40px 6%;
    }
    .bankrate-partnership-page_hero_text-content img {
      width: 100%;
      display: block;
      height: auto;
    }
  }
  
  
  /* --------------------------------------------------------------
  /* =PRESS 2020
  -------------------------------------------------------------- */
  .route-press-2020 .news-tabs-one {
    padding: 0 0 10px 0;
    color: #7F92A4;
    opacity: 0.5;
    border-bottom: 4px solid #ffffff;
    margin-right: 20px;
    display: inline-block;
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
  }
  .route-press-2020 .news-tabs-one.active {
    color: #1C85E8;
    opacity: 1;
    border-bottom: 4px solid #1C85E8;
  }
  .route-press-2020 .news {
    padding: 40px 0;
  }
  .route-press-2020 .press-item {
    border-top: 1px solid #dedede;
    padding: 30px 0;
  }
  .route-press-2020 .more {
    border-top: 1px solid #dedede;
    padding: 15px 0;
    display: block;
    color: #1C85E8;
    font-weight: bold;
  }
  .route-press-2020 .press-item p {
    color: #1d2c4c;
    margin: 0;
    font-size: 20px;
    line-height: 1.4;
    font-weight: bold;
  }
  .route-press-2020 .press-item .date {
    color: #526475;
    font-size: 12px;
  }
  .route-press-2020 .media-assets_box {
    padding: 30px;
    background: #EEF4FA;
    display: block;
    width: 100%;
    margin-bottom: 20px;
  }
  .route-press-2020 .big-contact-link {
    font-weight: bold;
    font-size: 20px;
    display: block;
    margin-bottom: 30px;
  }
  .route-press-2020 .contact .press-social-links ul {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .route-press-2020 .contact .press-social-links ul li {
    display: inline-block;
    margin-right: 20px;
  }
  .route-press-2020 .contact .regular-container {
    padding-bottom: 80px;
    border-bottom: 1px solid #dedede;
    margin-bottom: 60px;
  }
  .route-press-2020 .mission_statement {
    font-size: 52px;
    line-height: 1.2;
    margin-bottom: 30px;
    font-weight: bold;
    color: #ffffff;
  }
  @media (max-width: 767px) {
    .route-press-2020 .mission_statement {
      font-size: 32px;
    }
  }
  
  
  
  /* --------------------------------------------------------------
  /* =BUILDER CONNECT
  -------------------------------------------------------------- */
  .builder-ui-demo {
    max-width: 340px;
  }
  .light-grey-background {
    background: #fafafa;
  }
  .route-builder-access .hanging-item {
    border-top: 1px solid #dedede;
    padding: 30px 0;
    display: flex;
  }
  .hanging-item_hanger {
    margin-right: 42px;
  }
  .route-builder-access .hero .form-box {
    padding: 20px 20px 0 20px;
    border-radius: 16px;
    background: #ffffff;
    display: inline-block;
    width: 100%;
  }
  .route-builder-access .hero .form-box .input {
    display: block;
    margin-bottom: 20px;
  }
  .route-builder-access .hero .form-box .input input,
  .route-builder-access .hero .form-box .input select {
    display: block;
    height: 48px;
    padding: 0 15px;
    border-radius: 4px;
    border: 1px solid #dedede;
    width: 100%;
  }
  .route-builder-access .hero .form-box .input input[type="submit"] {
    color: #ffffff;
    background: #1C85E8;
    border: 1px solid #1C85E8;
  }
  .route-builder-access .hero .form-box .input input[type="submit"]:hover {
    color: #ffffff;
    background: #222222;
    border: 1px solid #222222;
  }
  .route-builder-access .hero h1 {
    margin-bottom: 100px;
    font-size: 56px;
    line-height: 130%;
  }
  .route-builder-access .hero {
    background-color: #C7E4FF;
    background-size: 100% auto;
  }
  .route-builder-access .blue-cta-box {
    padding: 42px;
    border-radius: 16px;
    background: #1C85E8;
  }
  .route-builder-access .h2-right-padding {
    padding-right: 30px;
  }
  .scroll-link-hero {
    display: block;
    margin-top: 20px;
    padding-left: 30px;
    font-weight: bold;
    background: url("https://imgdrop.imgix.net/3457a8d168c244d192e3acfdb81242ab.svg") left center no-repeat;
  }
  .route-builder-access .wpcf7 form .wpcf7-response-output {
    margin: 0 0 20px 0 !important;
    padding: 10px !important;
    font-size: 12px !important;
  }
  .route-builder-access div.wpcf7 .ajax-loader {
    display: none;
  }
  
  @media (max-width: 767px) {
    .route-builder-access .h2-right-padding {
      padding-right: 0;
    }
    .builder-ui-demo {
      margin: 0 auto;
      width: 220px;
      display: block;
    }
    .route-builder-access .padded {
      padding: 20px 0 !important;
    }
    .route-builder-access .blue-cta-box {
      padding: 22px;
    }
    .route-builder-access .hero h1 {
      margin-bottom: 50px;
      font-size: 26px;
      line-height: 130%;
    }
    .scroll-link-hero {
      display: none;
    }
    .route-builder-access .hero {
      padding: 40px 0;
    }
    .route-builder-access .hero .form-box {
      margin-top: 40px;
    }
  }
  
  /* --------------------------------------------------------------
  /* =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;
  }
  .route-press-new .one-press-coverage {
    padding: 15px 0;
    border-top: 1px solid #dedede;
  }
  .route-press-new .one-press-coverage {
    padding: 15px 0;
    border-top: 1px solid #dedede;
  }
  .route-press-new .in-the-news .row {
    margin: 0;
  }
  .route-press-new .in-the-news .row .col-xs-12 {
    padding: 0;
  }
  .big-link-row {
    padding: 20px 0 20px 50px;
    background: url('https://imgdrop.imgix.net/eee7b8a43a8f4c8ba15e657c49248989.svg') left 30px no-repeat;
    border-top: 1px solid #f0f0f0;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    transition: all ease-in-out 0.2s;
  }
  .big-link-row:hover {
    padding: 20px 0 20px 50px;
    background: url('https://imgdrop.imgix.net/eee7b8a43a8f4c8ba15e657c49248989.svg') 10px 30px no-repeat;
  }
  .big-link-row:hover .big-link-row_item-name,
  .big-link-row:hover .big-link-row_action-label {
    opacity: 0.8;
  }
  .big-link-row_item-name {
    font-size: 20px;
    color: #1D2C4C;
  }
  .big-link-row_action-label {
    font-size: 16px;
    line-height: 34px;
    color: #1C85E8;
  }
  @media (max-width: 767px) {
    .big-link-row {
      padding: 20px 0 20px 50px;
      display: block;
    }
    .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 img.oversized-img {
    max-width: 130%;
    display: block;
    height: auto;
    margin: 20px -15%;
  }
  .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;
  }
  .entry-content .timeline-item {
    padding: 0 0 60px 30px;
    position: relative;
    border-left: 4px solid #1C85E8;
    display: inline-block;
    width: 100%;
  }
  .entry-content .timeline-item:last-of-type {
    padding: 0 0 0 20px;
    position: relative;
    border-left: 4px solid #ffffff;
    display: inline-block;
    width: 100%;
  }
  .entry-content .timeline-item p {
    margin: 0;
    font-size: 14px;
  }
  .entry-content .timeline-item h3 {
    margin: -5px 0 12px 0;
  }
  .entry-content .timeline-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: -10px;
    border: 4px solid #ffffff;
    background: #1C85E8;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    z-index: 2;
  }
  .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 img.oversized-img {
    max-width: 100%;
    margin: 20px 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;
  }
  
  section.padded-top {
    padding-top: 8rem;
  }
  
  @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;
  }
  .route-single-market .buyer-app-cta .new-label {
    color: #ffffff;
    background: #FF896F;
    border-radius: 4px;
    padding: 3px 10px;
    display: inline-block;
    margin: 50px 0 5px 0;
    text-transform: uppercase;
    font-weight: bold;
  }
  @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-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: 12px;
  }
  
  .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;
   background-color: #1E284B;
  }
  .agent-template-default .hero-builder-template .builder-wrap {
   display: flex;
   background-color: #f5f8fb;
  }
  
  .hero-builder-template figure {
    background: #1E284B;
    background-size: cover;
    position: relative;
    flex: 1;
    max-width: 50%;
  }
  .hero-builder-template .page-top-title {
    margin: 0;
    display: inline-block;
    font-size: 48px;
    line-height: 1.2;
    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 {
    flex: 1;
    display: flex;
    align-items: center;
    padding-top: 8%;
  }
  
  .single-realestate .hero-builder-template .small-container,
  .single-agent .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,
  .single-agent .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;
  }
  
  .single-realestate .hero-builder-template,
  .single-agent .hero-builder-template,
  .page-template-cloud-cma .hero-builder-template,
  .page-template-moxiworks .hero-builder-template {
    background-color: #f5f8fb;
  }
  
  .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;
     max-width: 100%;
     width: 100%;
    }
  
    .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 5px;
    font-size: 20px;
    margin: 12px 0;
    color: #1D2C4C;
    background-size: 24px;
    padding-right: 10px;
  }
  
  .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%;
    }
  }
  
  /* --------------------------------------------------------------
  /* =1099 Independent AGENTS PAGE
  -------------------------------------------------------------- */
  .route-independent-agents .hero .subhead {
    max-width: 520px;
    margin: 40px auto 20px auto;
    font-size: 18px;
  }
  .route-independent-agents .agent-opening-list-item {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    border-top: 1px solid rgba(0,0,0,0.1);
    font-size: 18px;
    cursor: pointer;
  }
  .route-independent-agents .agent-opening-list-item:hover {
    opacity: 0.6;
  }
  .route-independent-agents .agent-opening-list-item-cta {
    color: #1C85E8;
    font-weight: bold;
  }
  .route-independent-agents .agent-opening-list-item-title {
    color: #0C174B;
    font-weight: bold;
  }
  .route-independent-agents .market-pill {
    color: #1c85e8;
    padding: 5px 13px;
    border: 1px solid #1c85e8;
    border-radius: 30px;
    display: inline-block;
    margin: 10px 10px 0 0;
  }
  
  /* --------------------------------------------------------------
  /* =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;
  }
  .agents-opportunities .row {
    border-top: 1px solid rgba(0,0,0,0.2);
    padding: 40px 0;
    margin: 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 .video-button {
    display: flex;
    color: #ffffff;
    margin-top: 25px;
  }
  .homesnew--hero .video-button img {
    margin-right: 15px;
  }
  .homesnew--hero .video-button h6 {
    color: #ffffff;
    margin: 0;
  }
  .homesnew--hero .video-button p {
    color: #ffffff;
    margin: 0;
    font-size: 13px;
  }
  
  @media (max-width: 767px) {
    .homesnew--hero .video-button img {
      margin-right: 5px;
      height: 30px;
    }
    .homesnew--hero .video-button p {
      font-size: 8px;
    }
    .homesnew--hero .video-button h6 {
      font-size: 12px;
    }
    .homesnew--hero .video-button {
      display: flex;
      color: #ffffff;
      margin-top: 25px;
      padding: 10px;
      background: rgba(0,0,0,0.6);
      border-radius: 40px;
    }
  }
  
  
  .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: 62px;
    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: 22px;
    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: 16px;
    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;
  }
  .contact-hero-links {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    background: rgba(255,255,255,0.2);
    color: #ffffff;
    border-radius: 30px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 0 25px;
    transition: all ease-in-out 0.2s;
  }
  .contact-hero-links:hover {
    background: rgba(255,255,255,1);
  }
  .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;
    }
    .contact-hero-links {
      display: block;
    }
  }
  
  /* --------------------------------------------------------------
  /* =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;
    }
  }
  
  /* --------------------------------------------------------------
  /* =HOME IS WHERE 2021
  -------------------------------------------------------------- */
  .route-homeiswhere-2021 .box-about-od {
    background: #EEF4FA;
    border-radius: 8px;
    text-align: center;
    padding: 40px;
  }
  .route-homeiswhere-2021 strong {
    font-weight: bold;
  }
  .route-homeiswhere-2021 .hero {
    background: #1C85E8 url(https://imgdrop.imgix.net/c73dff7f43cf4480896120a55a62331f.png) center bottom no-repeat; 
    background-size: 80% auto;
    padding: 60px 0 220px 0;
    color: #ffffff;
  }
  .route-homeiswhere-2021 .hero .text-orange {
    color: #FCBDAE;
  }
  .route-homeiswhere-2021 .hero .button.secondary {
    background: #ffffff;
    color: #222222;
    border: 2px solid #ffffff;
    font-weight: bold;
  }
  .route-homeiswhere-2021 .hero .small-container {
    max-width: 620px;
  }
  .route-homeiswhere-2021 h5 {
    margin: 20px 0 10px 0;
  }
  .route-homeiswhere-2021 .about-od-big-text {
    font-size: 30px;
    color: #ffffff;
    line-height: 160%;
  }
  .route-homeiswhere-2021 .big-text-section {
    padding: 80px 0 150px 0;
  }
  .route-homeiswhere-2021 .customer-testimonials-links {
    margin-top: -130px;
  }
  .route-homeiswhere-2021 .about-od-cta .regular-container {
    border-top: 1px solid #f0f0f0;
    padding: 60px 0 0 0;
    margin-top: 50px;
  }
  
  @media (max-width: 1199px) {
    .route-homeiswhere-2021 .box-about-od {
      padding: 20px;
    }
    .route-homeiswhere-2021 .box-about-od h5 {
      font-size: 16px;
      line-height: 130%;
      margin: 20px 0 0 0;
    }
  
  }
  
  @media (max-width: 767px) {
    .route-homeiswhere-2021 .box-about-od {
      padding: 40px 20px;
    }
    .route-homeiswhere-2021 .about-od-cta br {
      display: none;
    }
    .route-homeiswhere-2021 .about-od-big-text {
      font-size: 26px;
    }
    .route-homeiswhere-2021 .video-contest.padded {
      padding: 20px 0 40px 0;
    }
    .route-homeiswhere-2021 .hero {
      background-size: 130% auto;
      padding: 60px 0 130px 0;
      color: #ffffff;
    }
    .route-homeiswhere-2021 .about-od-cta .regular-container {
      padding: 20px 0 0 0;
      margin-top: 40px;
    }
  }
  
  /* --------------------------------------------------------------
  /* =HOME IS WHERE
  -------------------------------------------------------------- */
  .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 button {
    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 button {
    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: 62vh;
    max-width: 950px;
    padding: 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.1;
    margin: 30px 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;
  }
  
  .app-hero-container article {
    padding-right: 30px;
    width: 60%;
  }
  
  .app-hero-container .app-feature-list {
    margin: 10px 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: 16px;
    height: 16px;
  }
  
  .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: 10px 0 30px 0;
      font-size: 32px;
    }
  
    .app-hero-container figure {
      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: 92.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-image: url(https://imgdrop.imgix.net/29110732d1234e76820231e9d5e474eb.jpg);
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    display: block;
    margin: 0 10px;
    border-bottom-left-radius: 160px;
    padding: 40px 0 250px 0;
  }
  .bpartner--stats {
    padding: 40px 0 60px 0;
  }
  .bpartner--how article.card-box {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
  }
  .bpartner--how article.card-box span {
    font-weight: bold;
  }
  .bpartner--intro .text-side {
    padding-right: 60px;
  }
  .bpartner--why .text-side {
    padding-left: 60px;
  }
  .bpartner--why .row-box {
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
  }
  .bpartner--why .row-box .icon {
    padding-right: 20px;
  }
  .bpartner--hero .ctas .video-modal-trigger {
    padding: 0 0 0 30px;
    margin-left: 10px;
    background: url(https://imgdrop.imgix.net/9413d643de044df5b2a00a195f3960f2.png) left center no-repeat;
    background-size: 24px 24px;
    height: 53px;
    line-height: 53px;
    display: inline-block;
    color: #1C85E8;
    cursor: pointer;
  }
  
  @media (max-width: 768px) {
    .bpartner--intro .text-side,
    .bpartner--why .text-side {
      padding: 0 15px;
    }
    .bpartner--hero {
      border-bottom-left-radius: 60px;
      padding: 20px 0 130px 0;
    }
    .bpartner--how article.card-box {
      margin-top: 20px;
    }
    .bpartner--stats .col-xs-6 {
      padding-left: 0;
      padding-right: 30px;
      padding-bottom: 20px;
    }
  
    
  }
  
  /* ========================================================
                  Builder Partner: testimonial
  ======================================================== */
  .bpartner--testimonial {
    padding: 70px 0 140px;
  }
  
  .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: 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;
    border-radius: 12px;
    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,
  .content-module-two-col.agent-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 h2.med-size {
    font-size: 36px;
  }
  
  .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: -30px;
    left: 0;
    right: 0;
  }
  
  #call-to-action-email-label {
    position: absolute;
    bottom: 0;
    top: -110px;
    left: 0;
    transition: all .1s;
    font-weight: bold;
    display: flex;
    align-items: center;
  }
  
  .newsletter-content-module .email-input-cta input[type="email"]:not(:focus):placeholder-shown ~ label#call-to-action-email-label {
    top: 0;
    left: 20px;
    color: #6E6E6E;
    font-weight: normal;
  }
  
  .newsletter-content-module .email-input-cta {
    width: 100%;
    max-width: 500px;
    margin: 50px 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[type="email"]::placeholder {
    color: transparent;
  }
  
  .newsletter-content-module .email-input-cta .input-button {
    position: relative;
    top: 10px;
    height: 50px;
    bottom: 15px;
    white-space: nowrap;
  }
  
  .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;
  }
  
  .route-covid19 .cta-input-wrapper {
    padding: 10px;
  }
  .page-template-pricing .covid19-banner p {
    font-size: 14px;
    line-height: 1.3;
    margin: 0 auto;
    text-align: center;
    max-width: 75% !important;
  }
  .covid19-banner {
    background: #FFF2ED;
    padding: 20px;
    position: relative;
  }
  .covid19-banner h5 {
    font-size: 18px;
  }
  .covid19-banner p {
    max-width: 82%;
    margin: 0;
    font-size: 14px;
  }
  .covid19-banner a.button {
    position: absolute;
    top: 20px;
    right: 20px;
  }
  @media (max-width: 767px) {
    .covid19-banner {
      text-align: center;
    }
    .covid19-banner p {
      max-width: 100%;
      margin: 10px 0;
      line-height: 1.3;
      font-size: 14px;
    }
    .covid19-banner a.button {
      position: relative;
      margin: 0 auto;
      top: inherit;
      right: inherit;
    }
  }
  
  
  .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
  ======================================================== */
  .padded .odkni--container p a {
    text-decoration: underline;
  }
  .career-w1-hero {
    position: relative;
    padding: 5% 0 23%;
  }
  
  .career-w1-hero img.recognition-tags {
    position: absolute;
    z-index: 2;
    width: 300px;
    height: 171px;
    margin-left: -150px;
    left: 50%;
    bottom: -47px;
    background-size: 100% auto;
  }
  
  section#belonging .ergs h5{
    display: inline-block;
    margin: 20px 0 0 14px;
    font-size: 16px;
  }
  
  .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;
  }
  
  .career-w1-banner .col {
    display: flex;
    align-items: center;
  }
  
  .career-w1-banner .text-box {
    padding: 15% 0 30%;
    max-width: 390px;
  }
  
  .career-w1-banner .text-box p > a {
    text-decoration: underline;
  }
  
  .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: 2em;
  }
  
  .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: #1C85E8;
  }
  
  
  
  @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;
  }
  /* A360-85: comment this rules to avoid animations on Hero's text.
  .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;
  }
  */
  /* this style keep label tag available for screen readers, but visually almost hide from users*/
  label.position-label-filter,
  a.skip-link {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  a.skip-link:focus {
    width: auto;
    height: auto;
    clip: auto;
    z-index: 2000;
  }
  
  .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: #222222;
    font-size: 16px;
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    outline: none;
    cursor: pointer;
    width: 100%;
  }
  
  .career-w2-hero .select-wrap select:first-of-type {
    color: #fff;
  }
  
  .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: #6E6E6E;
    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
  -------------------------------------------------------------- */
  
  
  
  /* --------------------------------------------------------------
  /* = Home
  -------------------------------------------------------------- */
  .route-home-personalization-2021 .renovation-compairison {
    background: #1C85E8;
  }
  .route-home-personalization-2021 .reno-comp-box {
    padding: 30px;
    margin-bottom: 15px;
    background: #ffffff;
    border-radius: 16px;
  }
  .route-home-personalization-2021 .reno-comp-box p {
    padding: 15px 0;
    border-top: 1px solid #dedede;
  }
  
  
  /* --------------------------------------------------------------
  /* = 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;
    }
  }
  
  /* --------------------------------------------------------------
  /* = End of Home Buy Global Module
  -------------------------------------------------------------- */
  
  /* --------------------------------------------------------------
  /* = Hybrid template
  -------------------------------------------------------------- */
  .odkni--container {
    width: 90%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
  }
  
  
  .hybrid--hero {
    padding: 10% 0 180px;
    background: #EEF4FA;
    position: relative;
  }
  
  
  .hybrid--hero .odkni--container {
    display: flex;
    position: relative;
    z-index: 3;
  }
  
  .hybrid--hero .text-box {
    width: 45%;
  }
  
  .hybrid--hero img {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 60%;
    transform: translateY(-50%);
  }
  
  .hybrid--hero small {
    font-weight: bold;
    color: #1C85E8;
    font-size: 18px;
  }
  
  .hybrid--hero h1 {
    line-height: 1em;
    font-weight: bold;
    letter-spacing: -0.05em;
    margin: 10px 0 0;
    font-size: 62px;
  }
  
  .hybrid--hero .sub-text {
    margin: 40px 0 70px;
  }
  
  .hybrid--hero .sub-text p {
    font-size: 16px;
    font-weight: 600;
    color: #526475;
    line-height: 1.2em;
  }
  
  .hybrid--hero p {
    font-size: 18px;
  }
  
  .hybrid--hero .sub-text span {
    font-size: 16px;
    color: #526475;
    padding-left: 80px;
    position: relative;
    display: inline-block;
    font-weight: normal;
  }
  
  .hybrid--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) {
    .hybrid--hero {
      padding: 10% 0 90px;
    }
  
    .hybrid--hero .text-box {
      width: 100%;
    }
  
    .hybrid--hero img {
      position: relative;
      top: 0;
      right: 0;
      display: block;
      width: 100%;
      transform: translateY(0);
    }
  
    .hybrid--hero h1 {
      font-size: 42px;
    }
  
    .hybrid--hero .sub-text {
      margin: 19px 0 30px;
    }
  }
  
  @media (max-width: 767px) {
    .hybrid--hero .sub-text {
      margin: 19px 0 30px;
    }
  
    .hybrid--hero p {
      font-size: 14px;
    }
  
    .hybrid--hero .sub-text span {
      font-size: 12px;
    }
  }
  
  
  .hybrid--discover {
    margin-top: -100px;
    position: relative;
    z-index: 10;
  }
  
  
  .hybrid--discover h5 {
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 20px;
  }
  
  .hybrid--discover h6 {
    margin: 0 0 5px 0;
    color: #1C85E8;
    font-size: 12px;
    text-transform: uppercase;
  }
  
  .hybrid--discover p {
    color: #172A52;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2em;
    margin: 0;
  }
  
  .hybrid--discover .flickity-viewport {
    overflow: visible;
  }
  
  .hybrid--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;
  }
  
  .hybrid--discover .d-card .icon {
    position: absolute;
    top: 22px;
    right: 22px;
    width: 48px;
    height: 48px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  
  
  
  .hybrid--2col-sec {
    margin-top: 40px;
  }
  
  .hybrid--2col-sec .col-wrap {
    display: flex;
    justify-content: space-between;
    justify-content: center;
  }
  
  
  
  .hybrid--2col-sec .col-l {
    width: 240px;
    border-top: 2px solid #D9E0E6;
    padding-top: 20px;
  }
  
  .hybrid--2col-sec .col-l h6 {
    margin: 0 0 25px;
    line-height: 1.2em;
  }
  
  .hybrid--2col-sec .col-l p {
    color: #8292A2;
    font-size: 14px;
    line-height: 1.3em;
  }
  
  .hybrid--2col-sec ul.checklist {
    list-style-type: none;
    padding: 0 0 0 20px;
  }
  
  .hybrid--2col-sec ul.checklist svg {
    position: absolute;
    top: 10px;
    left: 0;
  }
  
  .hybrid--2col-sec ul.checklist li {
    position: relative;
    padding: 0 0 0 20px;
  }
  
  .hybrid--2col-sec .ss-share {
    display: flex;
  }
  
  .hybrid--2col-sec .ss-share p {
    font-weight: bold;
    font-size: 16px;
    color: #05285B;
    margin-right: 20px;
  }
  
  .hybrid--2col-sec .ss-share div {
    display: flex;
    width: 100%;
  }
  
  .hybrid--2col-sec .ss-share div a {
    display: inline-block;
    padding: 0 10px;
  }
  
  .hybrid--2col-sec .ss-share div a:hover img {
    opacity: 0.7;
  }
  
  .hybrid--2col-sec .ss-share div img {
    width: 23px;
    display: block;
    transition: opacity 0.35s;
  }
  
  .hybrid--2col-sec .col-r {
    width: calc(90% - 240px);
  }
  
  
  .hybrid--2col-sec .col-l .button {
    padding: 10px 30px;
    margin-top: 20px;
  }
  
  .hybrid--2col-sec .col-r section {
    border-bottom: 1px solid #D9E0E6;
    padding-bottom: 42px;
    margin-bottom: 42px;
  }
  
  .hybrid--2col-sec .col-r section:last-of-type {
    border-bottom: 0;
  }
  
  .hybrid--2col-sec .col-r .section-title {
    margin-bottom: 45px;
  }
  
  .hybrid--2col-sec .col-r .section-title:not(:first-of-type) {
    margin-top: 65px;
  }
  
  .hybrid--2col-sec .col-r .section-title  small {
    color: #FF896F;
    font-weight: bold;
    font-size: 16px;
  }
  
  .hybrid--2col-sec .col-r .section-title  h5 {
    margin: 0;
    line-height: 1.1em;
    font-size: 24px;
  }
  
  .hybrid--2col-sec .col-r .section-title  h6 {
    margin: 0;
    line-height: 1.1em;
    font-size: 18px;
    color: #525975;
  }
  
  .hybrid--2col-sec .col-r .section-title  h5 i {
    font-weight: normal;
  }
  
  .hybrid--2col-sec .col-r .section-title  i {
    margin-top: 30px;
    display: block;
  }
  
  .hybrid--2col-sec .col-r .white-box {
    padding: 50px 5%;
    background: #ffffff;
    margin: 70px 0;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2)
  }
  
  .hybrid--2col-sec .col-r p {
    font-size: 18px;
    margin-bottom: 30px;
  }
  
  .hybrid--2col-sec .col-r ul,
  .hybrid--2col-sec .col-r ol {
    margin-bottom: 40px;
  }
  
  .hybrid--2col-sec .col-r li {
    font-size: 18px;
    margin-bottom: 20px;
  }
  
  .hybrid--2col-sec .col-r img {
    max-width: 100%;
  }
  
  .hybrid--2col-sec .col-r iframe {
    max-width: 100%;
    width: 100%;
    display: block;
  }
  
  .hybrid--2col-sec .col-r .video-iframe-wrap {
    margin: 30px 0;
  }
  
  
  .video-iframe-wrap {
    position: relative;
    width: 100%;
  }
  
  .video-iframe-wrap:before {
    content: '';
    display: block;
    position: relative;
    padding-top: 56%;
  }
  
  .video-iframe-wrap > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  
  .hybrid--2col-sec .col-r figcaption {
    font-size: small;
    line-height: 1.5em;
    font-style: italic;
    margin-bottom: 40px;
  }
  
  .hybrid--2col-sec .col-r blockquote {
    margin: 50px 0;
    padding-left: 60px;
    position: relative;
    font-size: 26px;
    font-weight: bold;
    color: #1B2327;
    padding: 0 0 0 60px;
    border: 0;
  }
  
  .hybrid--2col-sec .col-r 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;
  }
  
  .hybrid--2col-sec .col-r blockquote p {
    color: #1B2327;
    font-size: 32px;
    margin: 0;
  }
  
  @media (max-width: 767px) {
    .hybrid--2col-sec .col-r blockquote p {
      font-size: 20px;
    }
  }
  
  .hybrid--2col-sec .col-r p:last-of-type {
    margin-bottom: 0;
  }
  
  .hybrid--2col-sec .hybrid-getoffer-form {
    margin-top: 50px;
  }
  
  .hybrid--2col-sec .hybrid-getoffer-form .form-heading {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #0D2958;
  }
  
  .hybrid--2col-sec .hybrid-getoffer-form p.form-heading {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #0D2958;
  }
  
  .hybrid--2col-sec .hybrid-getoffer-form .input-wrap {
    position: relative;
  }
  
  .hybrid--2col-sec .hybrid-getoffer-form input[type="text"] {
    border-radius: 50px;
    border: 1px solid #D9E0E6;
    padding: 16px 150px 16px 30px;
    width: 100%;
    outline: none;
  }
  
  .hybrid--2col-sec .hybrid-getoffer-form input[type="text"]:focus {
    border: 1px solid #1C85E8;
  }
  
  .hybrid--2col-sec .hybrid-getoffer-form .od-cta-input {
    box-shadow: none;
  }
  
  .hybrid--2col-sec .hybrid-getoffer-form .cta-button {
    position: absolute;
    right: 12px;
    top: 50%;
    font-size: 16px;
    padding: 8px 30px;
    transform: translateY(-50%);
    border-radius: 50px;
    width: initial;
    outline: none;
  }
  
  .hybrid--2col-sec .hybrid-getoffer-form p {
    color: #4E6477;
    font-size: 14px;
    margin-top: 7px;
  }
  
  @media (max-width: 869px) {
    .hybrid--2col-sec .col-wrap {
      flex-direction: column;
    }
  
    .hybrid--2col-sec .col-l {
      width: 100%;
      border-top: 0;
      padding-top: 20px;
      margin-bottom: 50px;
    }
  
    .hybrid--2col-sec .col-r {
      width: 100%;
      border-top: 0;
      padding-top: 20px;
    }
  
    .hybrid--2col-sec .col-r section {
      border-bottom: 0;
    }
  }
  
  .hybrid--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;
  }
  
  .hybrid--mobile-sticky-nav .wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 58px;
    position: relative;
  }
  
  
  .hybrid--mobile-sticky-nav {
    display: block;
    top: -200px;
    transition: top 0.4s;
  }
  
  .hybrid--mobile-sticky-nav.is-active {
    top: 0;
  }
  
  
  
  .hybrid--mobile-sticky-nav > * {
    flex: 1;
  }
  
  .hybrid--mobile-sticky-nav ul {
    display: flex;
    padding-left: 15px;
  }
  
  .hybrid--mobile-sticky-nav li {
    list-style: none;
    font-weight: bold;
    font-size: 20px;
    line-height: 1em;
    padding: 15px 5px;
    cursor: pointer;
    position: relative;
  }
  
  .hybrid--mobile-sticky-nav li.is-active {
    color: #1C85E8;
  }
  
  .hybrid--mobile-sticky-nav li.is-active:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    bottom: -5px;
    left: 0;
    background: #1C85E8;
  }
  
  .hybrid--mobile-sticky-nav .col-l {
    display: flex;
  }
  
  .hybrid--mobile-sticky-nav .col-l p {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
    line-height: 1em;
  }
  
  .hybrid--mobile-sticky-nav a.button {
    padding: 7px 15px;
    font-size: 12px;
  }
  
  
  .box-formula-divide {
    display: flex;
    background: rgba(28, 133, 232, 0.1);
    padding: 20px 5%;
    margin: 30px 0;
  }
  
  .box-formula-divide > div {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
  }
  
  .box-formula-divide > div:nth-child(1) {
    width: calc(40% - 30px);
  }
  
  .box-formula-divide > div:nth-child(2) {
    width: 30px;
  }
  
  .box-formula-divide > div:nth-child(3) {
    width: calc(60% - 30px);
  }
  
  .box-formula-divide > div:nth-child(3) {
    text-align: center;
    flex-direction: column;
  }
  
  .box-formula-divide > div:nth-child(3) p {
    margin: 0;
    padding: 10px 0;
    display: block;
    width: 100%;
    text-align: center;
  }
  
  .box-formula-divide > div:last-child p:first-child {
    border-bottom: 1px solid black;
  }
  
  .box-formula-divide p {
    margin: 0;
    padding: 0;
    line-height: 1em;
  }
  
  
  .hybrid-chart-mod {
    background: #FFFFFF;
    box-shadow: 0px 22px 44px rgba(0, 0, 0, 0.108965);
    border-radius: 10px;
    padding: 5%;
    margin: 50px 0;
    overflow: hidden;
  }
  
  .hybrid-chart-mod .wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
  }
  
  @media (max-width: 768px) {
    .hybrid-chart-mod .wrap {
      flex-direction: column;
    }
  
    .hybrid-chart-mod .wrap > div:first-child {
      margin-bottom: 30px;
    }
  }
  
  .hybrid-chart-mod h6 {
    margin: 0;
    margin-bottom: 5px;
  }
  
  .hybrid-chart-mod .wrap p {
    line-height: 1.2em;
    font-size: 10px;
    color: #8292A2;
  }
  
  
  .hybrid-chart-mod img {
    width: 100%;
  }
  
  .hybrid-chart-mod .wrap > div:last-child p {
    font-size: 12px;
    margin-bottom: 5px;
  }
  
  .hybrid-chart-mod .select-wrap {
    border-radius: 4px;
    border: 1px solid #D9E0E6;
    overflow: hidden;
    position: relative;
  }
  
  .hybrid-chart-mod .select-wrap svg {
    position: absolute;
    top: 50%;
    right: 13px;
    width: 8px;
    height: 5px;
    transform: translateY(-50%);
    pointer-events: none;
  }
  
  .hybrid-chart-mod select {
    -webkit-appearance: none;
    max-width: 176px;
    border: none;
    border-radius: 0;
    outline: none;
    padding: 8px 35px 8px 10px;
    font-size: 12px;
    background: #ffffff;
    color: #202C4A;
    font-weight: 500;
    width: 100%;
  }
  
  .hybrid-chart-mod .chart-notation-box {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
  }
  
  .hybrid-chart-mod .chart-notation-box .cell {
    margin-right: 25px;
  }
  
  .hybrid-chart-mod .chart-notation-box .cell:last-child {
    margin-right: 0;
  }
  
  .hybrid-chart-mod .chart-notation-box span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
  }
  
  .hybrid-chart-mod .chart-notation-box p {
    position: relative;
    padding-left: 20px;
    color: #8292A2;
    font-size: 14px;
  }
  
  .hybrid-chart-mod .bottom-text-box {
    border-top: 2px solid #eff0f4;
    padding-top: 15px;
    margin-top: 30px;
  }
  
  .hybrid-chart-mod .bottom-text-box p {
    margin: 0;
  }
  
  .hybrid-chart-mod .bottom-text-box p:not(:first-child) {
    margin-top: 10px;
  }
  
  .hybrid-chart-mod .bottom-text-box h5 {
    color: #1c85e8;
    font-size: 15px;
    font-weight: 500;
    padding-left: 28px;
    position: relative;
    line-height: 1.3em;
    margin-top: 0;
    margin-bottom: 20px;
  }
  
  .hybrid-chart-mod .bottom-text-box h5:before {
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    width: 15px;
    height: 2px;
    background: #1c85e8;
  }
  
  .hybrid-chart-mod .bottom-text-box p {
    font-size: 13px;
    color: #9fa8b1;
    line-height: 1.5em;
  }
  
  .hybrid-chart-mod .chart-bottom-note {
    display: flex;
    margin-top: 25px;
  }
  
  .hybrid-chart-mod .chart-bottom-note .notebox,
  .hybrid-chart-mod .chart-bottom-note .notebox > div {
    display: flex;
    width: 100%;
  }
  
  .hybrid-chart-mod .chart-bottom-note .notebox > div:first-child {
    margin-right: 10px;
    flex: 1;
  }
  
  .hybrid-chart-mod .chart-bottom-note .notebox > div:last-child {
    width: 100%;
  }
  
  .hybrid-chart-mod .chart-bottom-note .notebox {
    padding: 15px;
    background: #edf4fa;
    border-radius: 3px;
  }
  
  .hybrid-chart-mod .chart-bottom-note .notebox p {
    color: #9fa8b1;
    font-size: 14px;
    margin: 0;
    font-weight: 500;
    line-height: 1em;
  }
  
  .hybrid-chart-mod .chart-bottom-note .notebox p strong {
    color: #1d2c4c;
    font-weight: bold;
    white-space: nowrap;
  }
  
  .hybrid-chart-mod .canvas-2col {
    display: flex;
    justify-content: space-between;
  }
  
  .hybrid-chart-mod .canvas-2col .col {
    width: 48%;
  }
  
  .hybrid-chart-mod .canvas-2col .col-row {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 20px 0;
    border-top: 1px solid #dfe3e6;
  }
  
  .hybrid-chart-mod .canvas-2col .row-cell-l {
    width: 48%;
  }
  
  .hybrid-chart-mod .canvas-2col .row-cell-l h6 {
    font-size: 16px;
    margin: 0;
    line-height: 1.2em;
  }
  
  .hybrid-chart-mod .canvas-2col .row-cell-l p {
    font-size: 10px;
    line-height: 1.2em;
    display: block;
    color: #acb3b9;
    font-weight: 500;
  }
  
  .hybrid-chart-mod .canvas-2col .row-cell-r {
    text-align: right;
  }
  
  .hybrid-chart-mod .canvas-2col .row-cell-r h5 {
    font-size: 24px;
    margin: 0;
    line-height: 1.2em;
  }
  
  .hybrid-chart-mod .canvas-2col .row-cell-r p {
    font-size: 10px;
    line-height: 1.2em;
    font-weight: 500;
  }
  
  .hybrid-chart-mod .canvas-2col .row-cell-r p.red {
    color: #ea8492;
  }
  
  .hybrid-chart-mod .canvas-2col .row-cell-r p.green {
    color: #6ee0c9;
  }
  
  
  @media (max-width: 768px) {
  
    .hybrid-chart-mod select {
      max-width: 100%;
    }
  
    .hybrid-chart-mod .canvas-2col {
      flex-direction: column;
    }
  
    .hybrid-chart-mod .canvas-2col .col {
      width: 100%;
    }
  
    .hybrid-chart-mod .canvas-2col .col:first-child {
      margin-top: 10%;
      margin-bottom: 10%;
    }
  }
  
  
  
  .hybrid-chart-mod .chart-bottom-links {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
  }
  
  .hybrid-chart-mod .chart-bottom-links a {
    margin-right: 30px;
    font-size: 12px;
    font-weight: bold;
    display: block;
    padding-right: 15px;
    position: relative;
  }
  
  .hybrid-chart-mod .chart-bottom-links a span {
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    right: 0;
    top: 6px;
  }
  
  .hybrid-chart-mod .chart-bottom-links a span svg {
    display: block;
    width: 100%;
    height: 100%;
  }
  
  .hybrid-chart-mod .chart-bottom-links a span * {
    stroke-width: 2px;
  }
  
  
  
  #home-appreciation-tooltip {
    background-color: #1d2c49;
    border-radius: 3px;
    width: 130px;
    padding: 5px;
  }
  
  #home-appreciation-tooltip:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #1d2c49;
  }
  
  
  
  #home-appreciation-tooltip table {
    border-collapse: collapse;
  }
  
  #home-appreciation-tooltip h5 {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 2px 0 5px 0;
    line-height: 1em;
  }
  
  #home-appreciation-tooltip h5 span {
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    line-height: 1em;
  }
  
  
  #home-appreciation-tooltip p,
  #home-appreciation-tooltip td {
    color: #ed6c54;
    font-size: 10px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    line-height: 1em;
  }
  
  #home-appreciation-tooltip td span {
    color: #ffffff;
  }
  
  
  @media (max-width: 768px) {
    #home-appreciation-tooltip {
      padding: 3px;
    }
  
    #home-appreciation-tooltip h5 {
      font-size: 14px;
    }
  
    #home-appreciation-tooltip p,
    #home-appreciation-tooltip td {
      font-size: 9px;
      line-height: 1.2em;
    }
  }
  
  
  #home-appreciation-tooltip td,
  #home-appreciation-tooltip th {
    text-align: left;
    padding: 0;
    line-height: 1em;
    padding-left: 8px;
    padding-right: 8px;
  }
  
  #home-appreciation-tooltip td {
    padding-bottom: 5px;
  }
  
  #home-appreciation-tooltip th {
    padding-top: 5px;
  }
  
  
  #supply-tooltip {
    background-color: #1d2c49;
    border-radius: 3px;
    width: 130px;
    padding: 5px 3px;
  }
  
  #supply-tooltip:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #1d2c49;
  }
  
  #supply-tooltip table {
    border-collapse: collapse;
    width: 100%;
  }
  
  #supply-tooltip h5 {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 2px 0 3px 0;
    line-height: 1em;
    text-align: center;
    display: block;
    width: 100%;
  }
  
  #supply-tooltip h6 {
    color: #ed6c54;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    padding: 2px 0 3px 0;
    line-height: 1em;
  }
  
  
  #supply-tooltip p,
  #supply-tooltip td {
    color: #ffffff;
    font-size: 10px;
    padding: 0;
    margin: 0;
    line-height: 1.3em;
    color: rgba(255, 255, 255, 0.5);
  }
  
  #supply-tooltip p strong {
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
  }
  
  
  @media (max-width: 768px) {
    #supply-tooltip {
      padding: 3px;
    }
  
    #supply-tooltip h5 {
      font-size: 14px;
    }
  
    #supply-tooltip p,
    #supply-tooltip td {
      font-size: 9px;
      line-height: 1.2em;
    }
  }
  
  
  #supply-tooltip td,
  #supply-tooltip th {
    text-align: center;
    padding: 0;
    line-height: 1em;
    padding-left: 8px;
    padding-right: 8px;
  }
  
  #supply-tooltip td {
    padding-bottom: 5px;
  }
  
  #supply-tooltip .divider-line {
    display: block;
    background: rgba(255, 255, 255, 0.2);
    width: 100%;
    height: 1px;
    margin: 3px 0 7px;
  }
  
  #supply-tooltip th {
    padding-top: 5px;
    text-align: center;
  }
  
  
  #market-temp-chart .canvas-wrap {
    position: relative;
    pointer-events: none;
  }
  
  
  .market-temp-info-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -20%);
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s, transform 0.4s, visibility 0.4s;
  }
  
  .market-temp-info-box.is-active {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -70%);
  }
  
  .market-temp-info-box h4 {
    margin: 0;
    font-size: 40px;
    line-height: 1em;
  }
  
  .market-temp-info-box p {
    margin: 5px 0 0 0;
    padding-top: 7px;
    border-top: 2px solid #e8ebf0;
    font-size: 16px !important;
    font-weight: bold;
    color: #ff937f;
    line-height: 1em;
  }
  
  #market-temp-chart .canvas-2col .col:first-child {
    display: flex;
  }
  
  #market-temp-chart .canvas-wrap {
    width: 100%;
  }
  
  #market-temp-chart .col {
    margin: 0;
  }
  
  #marketTempCanvas {
    width: 100%;
    transform: scale(1);
    transform-origin: center;
    position: relative;
    min-height: initial !important;
  }
  
  #marketTempCanvas > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  #marketTempCanvas:before {
    content: '';
    position: relative;
    display: block;
    width: 100%;
    padding-top: 100%;
  }
  
  @media (max-width: 768px) {
    #marketTempCanvas {
      transform: scale(1.4);
    }
  }
  
  .hybrid--2col-sec #marketTempCanvas {
    transform: scale(1.5);
  }
  
  @media (max-width: 768px) {
    .hybrid--2col-sec #marketTempCanvas {
      transform: scale(1.4);
    }
  }
  
  .hybrid-body-white-box {
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
    background: #ffffff;
    padding: 35px 30px;
    margin: 30px 30px;
  }
  
  
  .hybrid-body-white-box h6 {
    margin: 0 0 30px;
  }
  
  .hybrid-body-white-box > a {
    margin-top: 40px;
    display: inline-block;
  }
  
  .hybrid-body-white-box ul {
    padding-left: 0;
  }
  
  .hybrid-body-white-box ul li {
    list-style: none;
    position: relative;
    padding-left: 36px;
    font-size: 14px;
    line-height: 1.3em;
  }
  
  .hybrid-body-white-box ul li:before {
    content: "";
    background: url(https://imgdrop.imgix.net/462cce3820644e718cf8d689ccfa643b.png);
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 24px;
    background-size: 100% auto;
  }
  
  
  
  blockquote.hybrid-blockquote {
    font-size: 32px;
    font-weight: bold;
    position: relative;
    color: black;
    margin: 40px 0;
  }
  
  blockquote.hybrid-blockquote:before {
    content: '"';
    font-weight: bold;
    position: absolute;
    left: -30px;
    color: black;
  }
  
  
  /* --------------------------------------------------------------
  /* = End of Hybrid Template
  -------------------------------------------------------------- */
  
  /* --------------------------------------------------------------
  /* = Home market trends
  -------------------------------------------------------------- */
  .hmt--hero {
    padding: 7% 0 130px;
    background: #EEF4FA;
    position: relative;
  }
  
  
  .hmt--hero .odkni--container {
    display: flex;
    position: relative;
    z-index: 3;
  }
  
  .hmt--hero .text-box {
    width: 50%;
  }
  
  .hmt--hero img {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 45%;
    transform: translateY(-50%);
  }
  
  .hmt--hero small {
    font-weight: bold;
    color: #1C85E8;
    font-size: 18px;
  }
  
  .hmt--hero h1 {
    line-height: 1em;
    font-weight: bold;
    letter-spacing: -0.05em;
    margin: 10px 0 0;
    font-size: 62px;
  }
  
  .hmt--hero .sub-text {
    margin: 40px 0 50px;
  }
  
  .hmt--hero .sub-text p {
    font-size: 16px;
    font-weight: 600;
    color: #526475;
    line-height: 1.2em;
  }
  
  .hmt--hero .text-box > p {
    font-size: 16px;
  }
  
  .hmt--hero .text-box > p:not(:first-of-type) {
    margin-top: 30px;
  }
  
  .hmt--hero p {
    font-size: 18px;
  }
  
  .hmt--hero .sub-text span {
    font-size: 16px;
    color: #526475;
    padding-left: 80px;
    position: relative;
    display: inline-block;
    font-weight: normal;
  }
  
  .hmt--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) {
    .hmt--hero {
      padding: 10% 0 90px;
    }
  
    .hmt--hero .text-box {
      width: 100%;
    }
  
    .hmt--hero img {
      position: relative;
      top: 0;
      right: 0;
      display: block;
      width: 100%;
      margin-top: 70px;
      transform: translateY(0);
    }
  
    .hmt--hero h1 {
      font-size: 42px;
    }
  
    .hmt--hero .sub-text {
      margin: 19px 0 30px;
    }
  }
  
  @media (max-width: 767px) {
    .hmt--hero .sub-text {
      margin: 19px 0 30px;
    }
  
    .hmt--hero p {
      font-size: 14px;
    }
  
    .hmt--hero .sub-text span {
      font-size: 12px;
    }
  }
  
  
  
  
  
  .hmt--discover {
    margin-top: -100px;
    position: relative;
    z-index: 10;
  }
  
  
  .hmt--discover h5 {
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 20px;
  }
  
  .hmt--discover h6 {
    margin: 0 0 5px 0;
    color: #FF967D;
    font-size: 12px;
    text-transform: uppercase;
  }
  
  .hmt--discover p {
    color: #172A52;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2em;
    margin: 0;
  }
  
  .hmt--discover .flickity-viewport {
    overflow: visible;
  }
  
  .hmt--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;
  }
  
  .hmt--discover .d-card .icon {
    position: absolute;
    top: 22px;
    right: 22px;
    width: 16px;
    height: 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  
  
  
  .hmt--body {
    margin-top: 30px;
  }
  
  .hmt--body .odkni--container {
    max-width: 620px;
  }
  
  
  .hmt-sec-heading {
    text-align: center;
    border-bottom: 2px solid #D9E0E6;
    padding-bottom: 45px;
    margin-bottom: 45px;
  }
  
  .hmt-sec-heading small {
    font-size: 24px;
    color: #FF967D;
    font-weight: bold;
  }
  
  .hmt-sec-heading h2 {
    margin: 0;
    font-size: 44px;
    color: #00265F;
  }
  
  .hmt-sec-content {
    font-size: 18px;
    margin-bottom: 170px;
  }
  
  .hmt-sec-content *:not( a ) {
    color: #526475;
  }
  
  .hmt-sec-content h1,
  .hmt-sec-content h2,
  .hmt-sec-content h3,
  .hmt-sec-content h4,
  .hmt-sec-content h5,
  .hmt-sec-content h6 {
    color: #202C4A;
  }
  
  .hmt-sec-content h5 {
    font-size: 18px;
  }
  
  .hmt-sec-content h4 {
    margin-top: 80px;
  }
  
  .hmt-sec-content h5 {
    margin-top: 40px;
  }
  
  .hmt-sec-content h4:first-child,
  .hmt-sec-content h5:first-child {
    margin-top: 0;
  }
  
  .hmt-sec-content ul {
    list-style: none;
  }
  
  .hmt-sec-content ul li {
    position: relative;
  }
  
  .hmt-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;
  }
  
  .hmt-sec-content li:not(:last-child) {
    margin-bottom: 40px;
  }
  
  .hmt-sec-content ul,
  .hmt-sec-content ol {
    margin: 38px 0;
  }
  
  .hmt-sec-content a:not(.button) {
    //font-weight: bold;
    transition: color 0.35s;
  }
  
  .hmt-sec-content p {
    margin-bottom: 30px;
  }
  
  .hmt-sec-content figcaption {
    font-size: small;
    line-height: 1.5em;
    font-style: italic;
    margin-bottom: 40px;
  }
  
  .hmt-sec-content blockquote {
    margin: 50px 0;
    padding-left: 60px;
    position: relative;
    font-size: 26px;
    font-weight: bold;
    color: #1B2327;
    padding: 0 0 0 60px;
    border: 0;
  }
  
  .hmt-sec-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;
  }
  
  .hmt-sec-content blockquote p {
    color: #1B2327;
    font-size: 32px;
    margin: 0;
  }
  
  
  .hmt-sec-content img {
    max-width: 100%;
  }
  
  .hmt-sec-content table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin: 30px 0;
  }
  
  .hmt-sec-content td {
    border: 1px solid #D9E0E6;
    padding: 15px 10px;
  }
  
  .hmt-sec-content .white-box {
    padding: 50px 5%;
    background: #ffffff;
    margin: 70px 0;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2)
  }
  
  .hmt-sec-content #marketTempCanvas {
    transform: scale(1.2);
  }
  
  .hmt-sec-content .market-temp-info-box.is-active {
    transform: translate(-50%, -50%);
  }
  
  @media (max-width: 767px) {
    .hmt-sec-content #marketTempCanvas {
      transform: scale(1.2);
    }
  
    .hmt-sec-heading {
      text-align: left;
      border-bottom: 0;
      padding-bottom: 0;
      margin-bottom: 30px;
    }
  
    .hmt-sec-heading small {
      font-size: 18px;
    }
  
    .hmt-sec-heading h2 {
      font-size: 24px;
    }
  
  
    .hmt-sec-content {
      font-size: 16px;
      margin-bottom: 100px;
    }
  
    .hmt-sec-content ul,
    .hmt-sec-content ol {
      padding-left: 30px;
    }
  
    .hmt-sec-content ul li:before {
      content: '';
      position: absolute;
      top: 6px;
      left: -30px;
      width: 11px;
      height: 11px;
      background: #ffffff;
    }
  
    .hmt-sec-content li:not(:last-child) {
      margin-bottom: 20px;
    }
  
    .hmt-sec-content blockquote p {
      font-size: 20px;
    }
  
    .hmt-sec-content h4 {
      font-size: 18px;
      margin-top: 50px;
    }
  
    .hmt-sec-content h5 {
      font-size: 16px;
      margin-top: 40px;
    }
  
    .hmt-sec-content p {
      margin-bottom: 20px;
    }
  }
  
  
  .hmt--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;
  }
  
  .hmt--mobile-sticky-nav .wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 58px;
    position: relative;
  }
  
  
  .hmt--mobile-sticky-nav {
    display: block;
    top: -200px;
    transition: top 0.4s;
  }
  
  .hmt--mobile-sticky-nav.is-active {
    top: 0;
  }
  
  .hmt--mobile-sticky-nav > * {
    flex: 1;
  }
  
  .hmt--mobile-sticky-nav ul {
    display: flex;
    padding-left: 15px;
  
  }
  
  .hmt--mobile-sticky-nav li {
    list-style: none;
    font-weight: bold;
    font-size: 20px;
    line-height: 1em;
    padding: 15px 5px;
    cursor: pointer;
    position: relative;
  }
  
  .hmt--mobile-sticky-nav li.is-active {
    color: #1C85E8;
  }
  
  .hmt--mobile-sticky-nav li.is-active:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    bottom: -5px;
    left: 0;
    background: #1C85E8;
  }
  
  .hmt--mobile-sticky-nav .col-l,
  .hmt--mobile-sticky-nav .col-r {
    display: flex;
  }
  
  .hmt--mobile-sticky-nav .col-l p {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
    line-height: 1em;
  }
  
  .hmt--mobile-sticky-nav .col-r p {
    font-size: 14px;
    line-height: 1em;
    margin-right: 10px;
  }
  
  
  @media (max-width: 767px) {
    .hmt--mobile-sticky-nav .col-r p {
      display: none;
    }
  }
  
  .hmt--mobile-sticky-nav a.button {
    padding: 7px 15px;
    font-size: 12px;
    position: relative;
  }
  
  
  /* --------------------------------------------------------------
  /* = End of Home market trends 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;
    }
  }
  
  
  /* --------------------------------------------------------------
  /* = AGENTS 2021
  -------------------------------------------------------------- */
  .route-agent-2021--hero {
    background: #002245 url('https://imgdrop.imgix.net/8b50cdad155f42e782ad7eebc0dc7d5a.jpg') top center no-repeat;
    background-size: 100% auto;
    padding-top: 100px;
  }
  .route-agent-2021--hero h1 {
    line-height: 1.1;
    font-size: 68px;
    margin-bottom: 20px;
  }
  .route-agent-2021 .grey-background {
    background: #E5E9EC;
  }
  .route-agent-2021 .box-opportunity,
  .page-template-agent-access .box-opportunity {
    padding: 30px;
    border-radius: 14px;
    background: #ffffff;
  }
  .route-agent-2021 .box-agent-blurb {
    padding: 80px 10vw 60px 10vw;
    border-radius: 14px;
    background: #ffffff;
    margin: 40px 0;
    text-align: center;
  }
  .cta-tabbed-box {
    width: 100%;
    padding: 0 30px 30px 30px;
    border-radius: 14px;
    box-shadow: 0 12px 25px rgba(0,0,0,0.2);
    background: #ffffff;
    margin-bottom: -50px;
    margin-top: 100px;
    min-height: 230px;
  }
  .cta-tabbed-box--tabs {
    text-align: center;
    margin-bottom: 20px;
  }
  .cta-tabbed-box--tab {
    padding: 10px 0;
    border-top: 4px solid transparent;
    display: inline-block;
    font-weight: bold;
    color: #1d2c4c;
    margin: 0 20px;
    font-size: 20px;
    cursor: pointer;
  }
  .cta-tabbed-box--tab.active {
    padding: 10px 0;
    border-top: 4px solid #1C85E8;
    display: inline-block;
    font-weight: bold;
    color: #1C85E8;
  }
  .cta-tabbed-box .od-cta-input {
    box-shadow: none;
    border: 1px solid #dedede;
    border-radius: 24px;
  }
  .cta-tabbed-box .cta-input-wrapper {
    background: transparent !important;
  }
  .cta-tabbed-box .od-cta-input .cta-input-button .cta-button {
    border-radius: 14px;
  }
  .cta-tabbed-box #seller-input {
    width: 100%;
    max-width: 900%;
  }
  .cta-tabbed-box .cta-tabbed-box--content p {
    max-width: 620px;
    margin: 0 auto 20px auto;
  }
  
  @media (max-width: 767px) {
    .route-agent-2021--hero {
      background-size: cover;
    }
    .route-agent-2021--hero .subheadline {
      font-size: 14px;
    }
    .route-agent-2021--hero .subheadline br {
      display: none;
    }
    .route-agent-2021--hero h1 {
      line-height: 1.2;
      font-size: 40px;
      margin-bottom: 20px;
    }
    .cta-tabbed-box {
      padding: 0 15px 15px 15px;
      margin-top: 50px;
    }
    .cta-tabbed-box--tab {
      font-size: 16px;
      margin: 0 10px;
    }
    .cta-tabbed-box .cta-tabbed-box--content.seller .seller-vps {
      display: none;
    }
    .route-agent-2021 .box-agent-blurb {
      padding: 40px;
    }
    .route-agent-2021 .box-agent-blurb p.text-large {
      font-size: 16px !important;
    }
    .route-agent-2021 .box-opportunity {
      padding: 20px;
    }
  }
  
  .agent-requirement {
    padding: 15px 15px 15px 40px;
    background: url('https://imgdrop.imgix.net/0df6a6e918af4623b8670baa81761597.svg') left 19px no-repeat;
    background-size: 16px 16px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  
  /* --------------------------------------------------------------
  /* = REPAIR TOOL NEW bottom panels
  -------------------------------------------------------------- */
  
  .rt-bottom-section .cols-wrap .col * {
    font-size: 16px;
    line-height: 1.5em;
  }
  
  .rt-bottom-section .cols-wrap .col h4 {
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 1.3em;
  }
  
  .rt-bottom-section .cols-wrap .col img {
    max-width: 100%;
    width: 100%;
  }
  
  .rt-bottom-section .cols-wrap .col table {
    border-collapse: collapse;
    width: 100%;
    margin: 30px 0;
  }
  
  .rt-bottom-section .cols-wrap .col td,
  .rt-bottom-section .cols-wrap .col td * {
    font-size: 14px;
  }
  
  .rt-bottom-section .cols-wrap .col td {
    border: 1px solid #DCDCDC;
    padding: 5px 10px;
  }
  
  .rt-bottom-section .cols-wrap .col td:last-child {
    text-align: right;
  }
  
  .rt-bottom-section .cols-wrap .col tr:last-child td:first-child {
    border-right: 0;
  }
  
  .rt-bottom-section .cols-wrap .col tr:last-child td:last-child {
    border-left: 0;
  }
  
  .rt-bottom-section .middle-row-highlight {
    padding: 15px 10px;
    border-top: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
    width: 100%;
    margin: 50px 0 30px;
    text-align: center;
  }
  
  .rt-bottom-section .middle-row-highlight p {
    margin: 0;
    color: #092C4D;
  }
  
  .rt-bottom-section .middle-row-highlight p a {
    margin: 0;
    color: #1C85E8;
    font-weight: bold;
  }
  
  .rt-bottom-section-signup {
    padding: 45px 5%;
  }
  
  .rt-bottom-section-signup h6 {
    margin: 0;
  }
  
  
  .rt-bottom-section-signup .col-wrap {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
  
  .rt-bottom-section-signup .col-wrap .col-l {
    width: 3s0%;
    display: flex;
    align-items: center;
  }
  
  .rt-bottom-section-signup .col-wrap .col-r {
    width: 65%;
  }
  
  .rt-bottom-section-signup ul  {
    padding: 0;
  }
  
  .rt-bottom-section-signup li {
    padding: 0 0 0 20px;
    list-style: none;
    line-height: 1.3em;
    position: relative;
    font-size: 14px;
    color: #7F92A4;
  }
  
  .rt-bottom-section-signup li svg {
    position: absolute;
    top: 2px;
    left: 0;
    width: 13px;
    height: 10px;
  }
  
  .rt-bottom-section-signup li:not(:last-child) {
    margin-bottom: 9px;
  }
  
  
  
  .rt-bottom-section-signup #seller-input-bottom form {
    position: relative;
  }
  
  .rt-bottom-section-signup #seller-input-bottom form .cta-input-button {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
  }
  
  .rt-bottom-section-signup #seller-input-bottom form input[type="text"] {
    padding: 5px 150px 5px 25px;
    margin-bottom: 0;
    text-align: left;
    border: 1px solid #D9E0E6;
  }
  
  .rt-bottom-section-signup #seller-input-bottom form input[type="text"]::placeholder {
    color: rgba(82, 100, 117, 0.5);
  }
  
  .rt-bottom-section-signup #seller-input-bottom .cta-button  {
    padding: 0 3em;
  }
  
  .rt-bottom-section-signup #seller-input-bottom .css-xgn3cs,
  .rt-bottom-section-signup #seller-input-bottom .od-cta-input,
  .rt-bottom-section-signup #seller-input-bottom .cta-input-wrapper  {
    background: transparent !important;
  }
  
  
  
  @media (max-width: 767px) {
    .rt-bottom-section-signup .col-wrap {
      flex-direction: column;
    }
  
    .rt-bottom-section-signup h6 {
      width: 100%;
    }
  
    .rt-bottom-section-signup #seller-input-bottom .cta-button  {
      padding: 0 2em;
    }
  
    .rt-bottom-section-signup .col-wrap .col-l {
      width: 100%;
    }
  
    .rt-bottom-section-signup .col-wrap .col-r {
      width: 100%;
    }
  
    .rt-bottom-section-signup .col-wrap .cta-input-wrapper {
      padding: 10px 0
  
    }
  
    .route-repair-tool-new .rt-bottom-section .col:last-of-type {
      margin-bottom: 0;
    }
  
    .rt-bottom-section .middle-row-highlight {
      margin: 0 0 30px;
    }
  
    .route-repair-tool-new .calculator-offer.mobile.is-hidden {
      opacity: 0;
      pointer-events: auto;
    }
  
    .route-repair-tool-new .calculator-offer.mobile {
      opacity: 1;
      transition: opacity 0.5s;
    }
  }
  
  
  /* --------------------------------------------------------------
  /* = end REPAIR TOOL NEW bottom panels
  -------------------------------------------------------------- */
  
  
  
  
  
  
  /* --------------------------------------------------------------
  /* = Home Value new
  -------------------------------------------------------------- */
  .hmvalnew--hero {
    background: #FFDED1;
  }
  
  .hmvalnew--hero .col-wrap {
    display: flex;
    justify-content: space-between;
  }
  
  .hmvalnew--hero [class|="col"] {
    display: flex;
    align-items: center;
  }
  
  .hmvalnew--hero .col-l {
    width: 50%;
    padding: 100px 0;
  }
  
  .hmvalnew--hero .col-l h1 {
    line-height: 1em;
    font-size: 64px;
    max-width: 380px;
    margin: 0 0 65px 0;
  }
  
  .hmvalnew--hero .col-l p {
    color: #7F92A4;
    font-size: 14px;
    line-height: 1.3em;
  }
  
  .hmvalnew--hero .col-r {
    width: 50%;
  }
  
  .hmvalnew--hero img {
    width: 100%;
    max-width: 100%;
  }
  
  .hmvalnew--hero #seller-input {
    margin-top: 20px;
  }
  
  .hmvalnew--hero .cta-input-button .cta-button {
    border-radius: 50px;
  }
  
  .hmvalnew--hero .od-cta-input {
    padding: 10px 10px 10px 20px;
    border-radius: 50px;
    border: 1px solid #D9E0E6;
  }
  
  .hmvalnew--hero form input::placeholder {
    color: rgba(82, 100, 117, 0.5);
  }
  
  
  @media (max-width: 1024px) {
    .hmvalnew--hero .col-l h1 {
      font-size: 54px;
      max-width: 300px;
    }
  }
  
  @media (max-width:768px) {
    .hmvalnew--hero .col-wrap {
      flex-direction: column;
    }
  
    .hmvalnew--hero [class|="col"] {
      width: 100%;
    }
  
    .hmvalnew--hero .col-l h1 {
      font-size: 44px;
      max-width: 100%;
      margin: 0 0 45px 0;
    }
  }
  
  
  @media (max-width:500px) {
    .hmvalnew--hero .col-l h1 {
      font-size: 34px;
      max-width: 100%;
      width: 100%;
      margin: 0 0 45px 0;
    }
  
    .hmvalnew--hero .col-l {
      padding: 50px 0;
    }
  }
  
  
  .hmvalnew--intro {
    padding: 80px 0;
  }
  
  .hmvalnew--intro h2 {
    margin: 0 0 50px;
  }
  
  .hmvalnew--intro h3 {
    margin: 0;
    font-size: 22px;
    margin-bottom: 5px;
  }
  
  .hmvalnew--intro p {
    font-size: 17px;
    line-height: 1.4em;
    color: #526475;
    max-width: 550px;
    margin: 0;
  }
  
  .hmvalnew--intro .intro-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
  }
  
  .hmvalnew--intro .intro-row:last-child {
    margin-bottom: 0;
  }
  
  .hmvalnew--intro .icon-box {
    width: 72px;
  }
  
  .hmvalnew--intro .icon-box img {
    width: 100%;
    max-width: 100%;
    display: block;
  }
  
  .hmvalnew--intro .text-box {
    width: calc(95% - 72px);
  }
  
  
  @media (max-width:768px) {
    .hmvalnew--intro .icon-box {
      width: 50px;
    }
  
    .hmvalnew--intro .text-box {
      width: calc(95% - 50px);
    }
  
    .hmvalnew--intro h2 {
      font-size: 26px;
    }
  
    .hmvalnew--intro h3 {
      font-size: 19px;
    }
  
    .hmvalnew--intro p {
      font-size: 16px;
    }
  }
  
  
  
  .hmvalnew--features {
    padding: 75px 0 230px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  
  .hmvalnew--features .text-box {
    max-width: 720px;
    text-align: center;
    margin: 0 auto;
  }
  
  .hmvalnew--features .text-box h2,
  .hmvalnew--features .text-box p {
    color: #ffffff;
  }
  
  .hmvalnew--features .text-box h2 {
    margin: 0 0 50px;
  }
  
  .hmvalnew--features .text-box p {
    font-size: 17px;
  }
  
  .hmvalnew--features .text-box hr {
    display: block;
    position: relative;
    margin: 40px auto;
    max-width: 70px;
    border-color: #FF967D;
    border-width: 2px;
  }
  
  
  .hmvalnew--features .feature-box {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
  }
  
  .hmvalnew--features .box-col {
    width: calc(100% / 3 - 50px);
    position: relative;
  }
  
  .hmvalnew--features .box-col:before {
    content: '+';
    position: absolute;
    top: 50%;
    left: 100%;
    width: 76px;
    text-align: center;
    transform: translateY(-110%);
    font-size: 42px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1em;
  }
  
  .hmvalnew--features .box-col:last-child:before {
    content: none;
  }
  
  .hmvalnew--features .box-col figure {
    width: 100px;
    height: 80px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 auto 20px;
  }
  
  .hmvalnew--features .box-col p {
    color: rgba(255, 255, 255, 0.6);
    font-weight: bold;
    text-align: center;
    line-height: 1.4em;
  }
  
  
  @media (max-width:768px) {
    .hmvalnew--features .feature-box {
      flex-direction: column;
    }
  
    .hmvalnew--features .box-col {
      width: 100%;
      max-width: 300px;
      margin: 0 auto 60px;
    }
  
    .hmvalnew--features .box-col::before {
      content: none;
    }
  }
  
  
  .hmvalnew--testimonial {
    margin-top: -150px;
  }
  
  .hmvalnew--testimonial .odkni--container {
    background: #ffffff;
    box-shadow: 0px 12px 44px rgba(0, 0, 0, 0.087358);
  }
  
  .hmvalnew--testimonial .col-wrap {
    padding: 50px;
    display: flex;
    justify-content: space-between;
  }
  
  .hmvalnew--testimonial .col-l {
    width: 170px;
  }
  
  .hmvalnew--testimonial .col-r {
    width: calc(90% - 170px);
  }
  
  .hmvalnew--testimonial .col-l img {
    max-width: 117px;
    width: 100%;
    display: block;
    margin: 0 auto 10px;
  }
  
  .hmvalnew--testimonial .col-l p strong {
    font-weight: bold;
  }
  
  .hmvalnew--testimonial .col-l p {
    font-size: 12px;
    color: #7F92A4;
    text-align: center;
  }
  
  .hmvalnew--testimonial .col-r svg {
    margin-bottom: 20px;
  }
  
  .hmvalnew--testimonial .col-r p {
    font-size: 19px;
    color: #002245;
    font-weight: bold;
  }
  
  
  @media (max-width:768px) {
    .hmvalnew--testimonial .col-wrap {
      flex-direction: column;
    }
  
    .hmvalnew--testimonial .col-l {
      width: 100%;
    }
  
    .hmvalnew--testimonial .col-r {
      width: 100%;
      margin-top: 30px;
    }
  
    .hmvalnew--testimonial .col-r p {
      font-size: 17px;
    }
  }
  
  
  
  
  
  .hmvalnew--faq {
    margin-top: 100px;
  }
  
  .hmvalnew--faq .qa-row {
    border-top: 1px solid #DCDCDC;
    padding: 20px 0;
  }
  
  .hmvalnew--faq .q-box {
    cursor: pointer;
    padding-right: 50px;
    position: relative;
  }
  
  .hmvalnew--faq .q-box svg {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(0deg);
    transition: transform 0.5s;
  }
  
  .hmvalnew--faq .qa-row.is-active .q-box svg {
    transform: translateY(-50%) rotate(-90deg);
  }
  
  .hmvalnew--faq .q-box p {
    color: #092C4D;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.4em;
  }
  
  
  .hmvalnew--faq .a-box {
    padding-top: 40px;
    padding: 25px;
    display: none;
  }
  
  .hmvalnew--faq .a-box p {
    margin-bottom: 20px;
  }
  
  .hmvalnew--faq .a-box li {
    margin-bottom: 10px;
  }
  
  .hmvalnew--faq .a-box p:last-of-type {
    margin-bottom: 0;
  }
  
  
  .hmvalnew-request-offer {
    display: flex;
    justify-content: space-between;
    padding: 70px 0;
    border-top: 1px solid #DCDCDC;
  }
  
  .hmvalnew-request-offer > div {
    flex: 1;
    display: flex;
    align-items: center;
  }
  
  .hmvalnew-request-offer p {
    font-size: 26px;
    font-weight: bold;
    color: #092C4D;
    display: block;
    width: 100%;
  }
  
  .hmvalnew-request-offer .cta-input-button .cta-button {
    border-radius: 50px;
  }
  
  .hmvalnew-request-offer .od-address-input {
    width: 100%;
  }
  
  .hmvalnew-request-offer .od-cta-input {
    padding: 10px 10px 10px 20px;
    border-radius: 50px;
    border: 1px solid #D9E0E6;
  }
  
  .hmvalnew-request-offer form input::placeholder {
    color: rgba(82, 100, 117, 0.5);
  }
  
  
  @media (max-width:768px) {
    .hmvalnew-request-offer p {
      font-size: 24px;
      margin-bottom: 10px;
    }
  
    .hmvalnew-request-offer {
      flex-direction: column;
    }
  }
  
  
  .hmvalnew--post {
    background: #F5F8FB;
    padding: 60px 0;
  }
  
  .hmvalnew--post .heading-wrap {
    text-align: center;
    margin-bottom: 60px;
  }
  
  .hmvalnew--post .heading-wrap h2 {
    margin: 0 0 10px;
  }
  
  .hmvalnew--post .heading-wrap p {
    color: #7F92A4;
    font-size: 14px;
  }
  
  .hmvalnew--post .col-wrap {
    display: flex;
    justify-content: space-between;
  }
  
  .hmvalnew--post .col {
    width: calc(100% / 2 - 3%);
  }
  
  .hmvalnew--post .col figure {
    width: 100%;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 10px;
  }
  
  .hmvalnew--post .col figure:before {
    content: '';
    position: relative;
    display: inline-block;
    padding-top: 65%;
  }
  
  .hmvalnew--post .col p {
    font-weight: bold;
    font-size: 17px;
    line-height: 1.2em;
  }
  
  .hmvalnew--post .button {
    display: inline-block;
    margin-top: 50px;
    text-align: center;
    max-width: 227px;
    width: 100%;
    font-size: 16px;
  }
  
  
  @media (max-width:768px) {
    .hmvalnew--post .col-wrap {
      flex-direction: column;
      max-width: 400px;
      margin-left: auto;
      margin-right: auto;
    }
  
    .hmvalnew--post .col {
      width: 100%;
      margin-bottom: 60px;
    }
  
    .hmvalnew--post .button {
      margin-top: 0;
      font-size: 14px;
    }
  }
  
  
  /* --------------------------------------------------------------
  /* = end Home Value new
  -------------------------------------------------------------- */
  
  
  
  
  
  
  
  
  
  /* --------------------------------------------------------------
  /* Vineyard
  -------------------------------------------------------------- */
  .vineyard--hero .odkni--container,
  .vineyard--hero-img .odkni--container,
  .vineyard--feature .odkni--container,
  .vineyard--review .odkni--container,
  .vineyard--hiw .odkni--container {
    max-width: 1280px;
  }
  
  
  .vineyard--hero {
    background-color: #D4EDFF;
    padding: 42px 0;
    min-height: 530px;
    position: relative;
    display: flex;
    align-items: center;
  }
  
  .vineyard--hero .odkni--container {
    position: relative;
  }
  
  .vineyard--hero .bg-d {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  
  .vineyard--hero .col-wrap {
    display: flex;
    justify-content: space-between;
  }
  
  .vineyard--hero .col-l {
    width: 100%;
  }
  
  .vineyard--hero h1 {
    color: #002245;
    font-weight: bold;
    font-size: 64px;
    line-height: 0.9em;
    letter-spacing: -0.03em;
    margin: 0 0 20px;
  }
  
  .vineyard--hero h1 span {
    color: #1C85E8;
    display: block;
  }
  
  .vineyard--hero ul.hero-list {
    font-size: 28px;
    color: #002245;
    font-weight: bold;
    list-style: none;
    line-height: 1.3em;
    padding: 0;
  }
  
  .vineyard--hero ul.hero-list li {
    font-size: 28px;
    color: #002245;
    font-weight: bold;
    list-style: none;
    line-height: 1.3em;
    position: relative;
    padding-left: 35px;
  }
  
  .vineyard--hero ul.hero-list li svg {
    position: absolute;
    width: 27px;
    height: 20px;;
    display: block;
    top: 8px;
    left: 0;
  }
  
  .vineyard--hero #seller-input {
    margin: 0;
    max-width: 500px;
  }
  
  
  .vineyard--hero .od-cta-input {
    padding: 10px;
    border-radius: 8px;
  }
  
  .vineyard--hero .cta-input-button .cta-button {
    border-radius: 4px;
  }
  
  .vineyard--hero .bg-m {
    display: none;
  }
  
  
  
  @media (max-width:1024px) {
    .vineyard--hero h1 {
      font-size: 54px;
    }
  
    .vineyard--hero .col-wrap {
      flex-direction: column;
    }
  
    .vineyard--hero .col-l {
      width: 100%;
    }
  }
  
  @media (max-width:768px) {
    .vineyard--hero {
      display: flex;
      flex-direction: column;
      padding-bottom: 0;
    }
  
    .vineyard--hero h1 {
      font-size: 42px;
      line-height: 1em;
      margin-bottom: 10px;
    }
  
  
    .vineyard--hero ul.hero-list li {
      font-size: 18px;
      padding-left: 25px;
    }
  
    .vineyard--hero ul.hero-list li svg {
      width: 20px;
      height: 13px;
      top: 5px;
    }
  
    .vineyard--hero .bg-m {
      display: block;
      width: 100%;
      margin-top: -50%;
    }
  
    .vineyard--hero .bg-d {
      display: none;
    }
  }
  
  
  
  
  .vineyard--review {
    margin: 50px 0 0;
  }
  
  .vineyard--review .odkni--container {
    border-bottom: 1px solid #D8D8D8;
    padding-bottom: 50px;
  }
  
  .vineyard--review .logo-box {
    width: 100%;
    padding-top: 15%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 10px;
  }
  
  .vineyard--review .slide-wrap {
    text-align: center;
  }
  
  .vineyard--review .slide-wrap img {
    width: 100%;
  }
  
  .vineyard--review .slide-wrap p {
    font-size: 14px;
    line-height: 1.3em;
    max-width: 164px;
    margin-left: auto;
    margin-right: auto;
    color: #526475;
    opacity: 0.5;
  }
  
  @media (min-width:769px) {
    .vineyard--review .reviewlogo-wrap {
      display: flex;
      justify-content: space-between;
    }
  
    .vineyard--review .slide-wrap {
      flex: 1;
      margin-right: 50px;
    }
  
    .vineyard--review .slide-wrap:last-child {
      margin-right: 0;
    }
  
    .vineyard--review .slide-wrap:first-child {
      display: none;
    }
  }
  
  
  @media (max-width:768px) {
    .vineyard--review {
      overflow: hidden;
    }
  
    .vineyard--review .odkni--container {
      padding-bottom: 30px;
    }
  
    .vineyard--review .reviewlogo-wrap {
      width: 110%;
    }
  
    .vineyard--review .slide-wrap {
      padding-right: 30px;
      outline: none;
    }
  
    .vineyard--review .slide-wrap p {
      font-size: 10px;
      line-height: 1.3em;
      max-width: initial;
      text-align: left;
    }
  
    .vineyard--review .slide-wrap:nth-child(4) {
      display: none;
    }
  }
  
  
  
  
  
  
  
  
  
  .vineyard--feature {
    padding: 60px 0;
  }
  
  .vineyard--feature .col-wrap {
    display: flex;
    justify-content: space-between;
  }
  
  .vineyard--feature .col {
    width: calc(100% / 4  - 3%);
  }
  
  .vineyard--feature .heading-wrap {
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 60px;
  }
  
  .vineyard--feature .heading-wrap h4 {
    font-size: 32px;
    margin: 0 0 15px;
  }
  
  .vineyard--feature .heading-wrap p {
    font-size: 22px;
    color: #526475;
  }
  
  .vineyard--feature figure {
    width: 53px;
    height: 48px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 auto 20px;
  }
  
  .vineyard--feature h5 {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #002245;
    line-height: 1.2em;
    margin-top: 0;
    margin-bottom: 20px;
  }
  
  .vineyard--feature p {
    text-align: center;
    font-size: 17px;
    color: #7F92A4;
    line-height: 1.3em;
  }
  
  
  @media (max-width:768px) {
    .vineyard--feature {
      padding-bottom: 20px;
      padding-top: 30px;
    }
  
    .vineyard--feature .heading-wrap {
      text-align: left;
    }
  
    .vineyard--feature .heading-wrap h4 {
      text-align: left;
      font-size: 22px;
    }
  
    .vineyard--feature .heading-wrap p {
      text-align: left;
      font-size: 14px;
    }
  
  
    .vineyard--feature .col-wrap {
      flex-wrap: wrap;
    }
  
    .vineyard--feature .col {
      width: calc(100% / 2  - 3%);
      margin-bottom: 70px;
    }
  }
  
  @media (max-width:500px) {
  
  
    .vineyard--feature .col-wrap {
      flex-direction: column;
    }
  
    .vineyard--feature .col {
      width: 100%;
      display: flex;
      justify-content: space-between;
      margin-bottom: 40px;
    }
  
    .vineyard--feature figure {
      margin: 0;
    }
  
    .vineyard--feature .col > div {
      width: calc(100% - 70px);
    }
  
    .vineyard--feature h5 {
      text-align: left;
    }
  
    .vineyard--feature p {
      text-align: left;
    }
  }
  
  
  
  
  
  .vineyard--hiw {
    padding: 70px 0;
    overflow: hidden;
    position: relative;
  }
  
  .vineyard--hiw .background-color {
    background-color: #EEF4FA;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 300px;
  }
  
  .vineyard--hiw .odkni--container {
    position: relative;
  }
  
  .vineyard--hiw h2 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 50px;
  }
  
  .vineyard--hiw .col-wrap {
    display: flex;
    justify-content: space-between;
  }
  
  .vineyard--hiw .col {
    width: calc(100% / 3 - 12px);
    position: relative;
    background: #ffffff;
    box-shadow: 0px 52px 54px rgba(0, 0, 0, 0.04);
  }
  
  
  .vineyard--hiw .col figure {
    display: block;
    width: 100%;
    padding-top: 56.34%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  
  .vineyard--hiw .col .text-box {
    padding: 30px 30px 40px;
  }
  
  .vineyard--hiw .col .number {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #1C85E8;
    color: #ffffff;
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 0;
    line-height: 0em;
    transform: translateY(-50%);
    margin: 0;
    padding-top: 2px;
  }
  
  .vineyard--hiw .col h4 {
    position: relative;
    padding-left: 55px;
    font-size: 24px;
    margin: 0 0 30px 0;
    line-height: 1.2em;
  }
  
  .vineyard--hiw .col p {
    font-size: 17px;
    color: #526475;
    line-height: 1.3em;
  }
  
  
  @media (max-width: 1024px) {
    .vineyard--hiw .col h4 {
      font-size: 20px;
    }
  }
  
  
  @media (max-width:768px) {
    .vineyard--hiw {
      background-color: #EEF4FA;
      padding: 35px 0 70px;
      overflow: auto;
    }
  
    .vineyard--hiw h2 {
      text-align: left;
      margin-bottom: 30px;
      font-size: 22px;
    }
  
    .vineyard--hiw .col-wrap {
      flex-direction: column;
    }
  
    .vineyard--hiw .col {
      width: 100%;
      margin-bottom: 20px;
    }
  
    .vineyard--hiw .col:last-of-type {
      margin-bottom: 0;
    }
  
    .vineyard--hiw .col h4 br {
      display: none;
    }
  
    .vineyard--hiw .col p {
      font-size: 14px;
    }
  }
  
  
  
  
  
  
  
  .vyard--faq {
    margin-top: 0;
    margin-bottom: 100px;
    position: relative;
    overflow: hidden;
  }
  
  
  .vyard--faq .bg-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 245px;
    background: #EEF4FA;
  }
  
  .vyard--faq .odkni--container {
    padding: 0 6%;
    position: relative;
  }
  
  .vyard--faq .odkni--container:nth-of-type(2) {
    background: #ffffff;
    padding-top: 30px;
    padding-bottom: 50px;
    position: relative;
    z-index: 5;
  }
  
  .vyard--faq .heading-wrap {
    text-align: center;
    max-width: 472px;
    margin: 0 auto 30px;
  }
  
  .vyard--faq .heading-wrap h2 {
    margin-bottom: 5px;
  }
  
  .vyard--faq .heading-wrap.mobile {
    display: none;
  }
  
  .vyard--faq .heading-wrap p {
    font-size: 22px;
    color: #526475;
  }
  
  
  .vyard--faq .qa-row {
    border-top: 1px solid #D8D8D8;
    padding: 20px 0;
  }
  
  .vyard--faq .qa-row:first-of-type {
    border-top: 0;
  }
  
  .vyard--faq .q-box {
    cursor: pointer;
    padding-right: 50px;
    position: relative;
  }
  
  .vyard--faq .q-box svg {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(0deg);
    transition: transform 0.5s;
  }
  
  .vyard--faq .qa-row.is-active .q-box svg {
    transform: translateY(-50%) rotate(-90deg);
  }
  
  .vyard--faq .q-box p {
    color: #092C4D;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.4em;
  }
  
  .vyard--faq .a-box {
    padding-top: 15px;
    display: none;
  }
  
  
  .vyard--faq .qa-subcat-container {
    position: relative;
    border-bottom: 1px solid #D8D8D8;
  }
  
  .vyard--faq .qa-subcat-container:last-of-type {
    border: 0;
  }
  
  .vyard--faq .qa-subcat-name {
    position: relative;
  }
  
  .vyard--faq .qa-subcat-name p {
    color: #1C85E8;
    font-weight: bold;
    font-size: 16px;
    padding: 15px 0;
    cursor: pointer;
    padding-right: 50px;
  }
  
  .vyard--faq .qa-subcat-name svg {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(0deg);
    transition: transform 0.5s;
    pointer-events: none;
  }
  
  .vyard--faq .qa-subcat-name svg path {
    stroke: #1C85E8;
  }
  
  .vyard--faq .qa-subcat-container.is-active .qa-subcat-name svg {
    transform: translateY(-50%) rotate(-90deg);
  }
  
  
  .vyard--faq .qa-subcat-qbox {
    display: none;
  }
  
  .vyard--faq .qa-subq-container {
    border-top: 1px solid #D8D8D8;
  }
  
  .vyard--faq .qa-subq-container.is-active .qa-subq-name .q-switch:before,
  .vyard--faq .qa-subq-container.is-active .qa-subq-name .q-switch:after {
    background: #D8D8D8;
  }
  
  .vyard--faq .qa-subq-container.is-active .qa-subq-name .q-switch:after {
    opacity: 0;
  }
  
  .vyard--faq .qa-subq-container.is-active .qa-subq-name .q-switch {
    transform: translateY(-50%) rotate(360deg);
  }
  
  .vyard--faq .qa-subq-name {
    position: relative;
  }
  
  .vyard--faq .qa-subq-name .q-switch {
    position: absolute;
    width: 14px;
    height: 14px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    transition: transform 0.5s;
  }
  
  .vyard--faq .qa-subq-name .q-switch:before,
  .vyard--faq .qa-subq-name .q-switch:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #092C4D;
    transition: background 0.5s;
  }
  
  .vyard--faq .qa-subq-name .q-switch:before {
    width: 100%;
    height: 2px;
  }
  
  .vyard--faq .qa-subq-name .q-switch:after {
    height: 100%;
    width: 2px;
  }
  
  .vyard--faq .qa-subq-name p {
    color: #092C4D;
    font-weight: bold;
    font-size: 16px;
    padding: 15px 0;
    cursor: pointer;
    padding-right: 50px;
  }
  
  .vyard--faq .qa-subq-answer {
    display: none;
    padding-bottom: 20px;
  }
  
  .vyard--faq .qa-subq-answer p {
    color: #526475;
    font-size: 15px;
    margin-bottom: 15px;
  }
  
  .vyard--faq .qa-subq-answer p,
  .vyard--faq .qa-subq-answer li {
    margin-bottom: 15px;
  }
  
  .vyard--faq .qa-subq-answer p:last-of-type,
  .vyard--faq .qa-subq-answer li:last-of-type {
    margin-bottom: 0;
  }
  
  .vyard--faq .qa-subq-answer ul:first-child,
  .vyard--faq .qa-subq-answer ol:first-child {
    margin-top: 0;
  }
  
  .vyard--faq .qa-subq-answer ul:last-child,
  .vyard--faq .qa-subq-answer ol:last-child {
    margin-bottom: 0;
  }
  
  
  @media (max-width:768px) {
    .vyard--faq {
      background: #EEF4FA;
      position: relative;
      z-index: 10;
      overflow: auto;
    }
  
    .vyard--faq .heading-wrap.desktop {
      display: none;
    }
  
    .vyard--faq .heading-wrap.mobile {
      display: block;
    }
  
    .vyard--faq .bg-layer {
      display: none;
    }
  
    .vyard--faq .odkni--container:nth-of-type(2) {
      margin: 0;
      width: 100%;
      padding: 0 5%;
    }
  
    .vyard--faq .heading-wrap {
      position: relative;
    }
  
    .vineyard--feature h5 {
      margin-bottom: 13px;
      font-size: 18px;
    }
  
    .vineyard--feature p {
      font-size: 14px;
    }
  
    .vyard--faq .heading-wrap h2 {
      margin-top: 0;
      margin-bottom: 15px;
      font-size: 20px;
    }
  
    .vyard--faq .heading-wrap p {
      font-size: 14px;
      line-height: 1.3em;
    }
  
  
    .vyard--faq .odkni--container {
      padding: 0;
    }
  
    .vyard--faq .qa-row {
      width: 110%;
      position: relative;
      left: -5%;
      padding-left: 5%;
      padding-right: 5%;
    }
  }
  
  
  
  /* --------------------------------------------------------------
  /* = end Vineyard
  -------------------------------------------------------------- */
  
  
  
  /* --------------------------------------------------------------
  /* = Resources Lander
  -------------------------------------------------------------- */
  .resrclder--hero {
    background: #EEF4FA;
    padding: 60px 0;
  }
  
  .resrclder--hero .heading-wrap {
    text-align: center;
  }
  
  .resrclder--hero span {
    color: #1C85E8;
    font-size: 16px;
    font-weight: bold;
  }
  
  .resrclder--hero h1 {
    margin: 0;
    line-height: 1.1em;
  }
  
  
  .resrclder--herocontent {
    position: relative;
  }
  
  .resrclder--herocontent .odkni--container {
    position: relative;
    z-index: 2;
  }
  
  .resrclder--herocontent .col-wrap {
    display: flex;
    justify-content: space-between;
  }
  
  .resrclder--herocontent .col {
    width: calc(100% / 3 - 4%);
    text-align: center;
    box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.14);
  }
  
  .resrclder--herocontent figure {
    display: block;
    width: 100%;
    padding-top: 63.57%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  
  .resrclder--herocontent .text-box {
    padding: 20px 8%;
  }
  
  .resrclder--herocontent h3 {
    font-size: 26px;
    line-height: 1.1em;
    margin-top: 0;
  }
  
  .resrclder--herocontent a.button {
    width: 100%;
    display: block;
    font-size: 16px;
    font-weight: bold;
    border-radius: 4px;
    padding: 10px 30px;
  }
  
  .resrclder--herocontent .bg-stripe {
    width: 100%;
    display: block;
    background: #EEF4FA;
    position: absolute;
    top: 0;
    left: 0;
  }
  
  @media (max-width:768px) {
    .resrclder--herocontent .col-wrap {
      flex-direction: column;
    }
  
    .resrclder--herocontent .col {
      width: 100%;
      max-width: 400px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 50px;
    }
  }
  
  
  
  
  .resrclder--postsec {
    margin-top: 74px;
  }
  
  .resrclder--postsec .heading-wrap h3 {
    font-size: 24px;
  }
  
  .resrclder--postsec .col-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  
  .resrclder--postsec .col {
    width: calc(100% / 3 - 2%);
    margin-bottom: 30px;
  }
  
  .resrclder--postsec .col figure {
    display: block;
    width: 100%;
    padding-top: 63.57%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  
  .resrclder--postsec .col h5 {
    font-size: 20px;
    margin: 25px 0 10px;
    line-height: 1.2em;
    transition: color 0.35s;
  }
  
  .resrclder--postsec .col:hover h5 {
    color: #0084F0;
  }
  
  .resrclder--postsec .col p {
    font-size: 14px;
    margin: 0;
    display: inline-block;
    color: #0084F0;
    font-weight: bold;
  }
  
  .resrclder--postsec.blog .col h5 {
    font-size: 17px;
  }
  
  .resrclder--postsec.blog .heading-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .resrclder--postsec.blog .heading-wrap a {
    font-size: 17px;
    margin: 0;
    display: inline-block;
    color: #0084F0;
    font-weight: bold;
  }
  
  .resrclder--postsec .col h5 {
    margin-top: 20px;
  }
  
  @media (max-width:768px) {
  
    .resrclder--postsec {
      margin-top: 50px;
    }
  
  
    .resrclder--postsec .col-wrap {
      flex-direction: column;
    }
  
    .resrclder--postsec .col {
      width: 100%;
      max-width: 400px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 50px;
    }
  
    .resrclder--postsec .heading-wrap h3 {
      text-align: center;
    }
  
    .resrclder--postsec.blog .heading-wrap {
      flex-direction: column;
      margin-bottom: 30px;
    }
  
    .resrclder--postsec.blog .heading-wrap h3 {
      margin-bottom: 10px;
    }
  
  
    .resrclder--postsec.blog .col h5 {
      margin-top: 15px;
    }
  
  }
  
  
  /* --------------------------------------------------------------
  /* = end Resources Lander
  -------------------------------------------------------------- */
  
  
  
  
  /* --------------------------------------------------------------
  /* = Resources Agent
  -------------------------------------------------------------- */
  .resrcAgents--hero {
    background: #EEF4FA;
    padding: 60px 0;
  }
  
  .resrcAgents--hero .heading-wrap {
    position: relative;
    padding-left: 120px;
  }
  
  .resrcAgents--hero .heading-wrap img {
    width: 82px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  
  .resrcAgents--hero .heading-wrap span {
    font-size: 14px;
    font-weight: bold;
    color: #1C85E8;
  }
  
  .resrcAgents--hero .heading-wrap h1 {
    font-weight: bold;
    font-size: 32px;
    line-height: 1.1em;
    margin: 3px 0 0 0;
  }
  
  
  @media (max-width:768px) {
    .resrcAgents--hero {
      padding: 30px 0;
    }
  
    .resrcAgents--hero .heading-wrap {
      padding-left: 0;
      text-align: center;
    }
  
    .resrcAgents--hero .heading-wrap img {
      width: 57px;
      position: static;
      margin: 0 auto 20px;
    }
  
    .resrcAgents--hero .heading-wrap h1 {
      font-size: 20px;
      margin: 3px 0 0 0;
    }
  }
  
  
  .resrcAgents--navwrap {
    background: #EEF4FA;
  }
  
  .resrcAgents--nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .resrcAgents--nav a:not(.button) {
    display: inline-block;
    padding-right: 20px;
    color: #7F92A4;
    font-weight: 500;
    position: relative;
    text-decoration: none !important;
  }
  
  .resrcAgents--nav a:not(.button):last-of-type {
    padding-right: 0;
  }
  
  .resrcAgents--nav a:not(.button) span {
    display: block;
    padding: 20px 0;
    position: relative;
  }
  
  .resrcAgents--nav a:not(.button):hover span {
    color: #001F53;
    transition: color 0.5s;
  }
  
  .resrcAgents--nav a:not(.button).is-active span {
    color: #001F53;
  }
  
  .resrcAgents--nav a:not(.button).is-active span:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #1C85E8;
  }
  
  .resrcAgents--nav a.button {
    border-radius: 4px;
    padding: 8px 15px;
    white-space: nowrap;
  }
  
  @media (max-width:950px) {
    .resrcAgents--nav {
      display: block;
    }
  
    .resrcAgents--nav a:not(.button) {
      font-size: 12px;
    }
  
    .resrcAgents--nav > div {
      width: 100%;
      display: block;
      text-align: center;
    }
  
    .resrcAgents--nav > div a:not(.button) {
      text-align: center;
    }
  
    .resrcAgents--nav a.button {
      display: none;
    }
  }
  
  
  .resrcAgents--body {
    padding: 10px 0 70px;
    overflow: hidden;
  
  }
  
  .resrcAgents--bodysec {
    padding-top: 40px;
    margin-top: 40px;
  }
  
  .resrcAgents--bodysec:first-of-type {
    margin-top: 0;
  }
  
  
  .resrcAgents--bodysec .col-wrap {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 30px);
    position: relative;
    left: -15px;
  }
  
  .resrcAgents--bodysec .col {
    width: calc(100% / 3 - 30px);
    border: 1px solid #EAECF1;
    display: block;
    margin-bottom: 20px;
    margin-left: 15px;
    margin-right: 15px;
  }
  
  .resrcAgents--bodysec .col:hover h6 {
    color: #1C85E8;
  }
  
  .resrcAgents--bodysec h4 {
    font-size: 32px;
    line-height: 1.2em;
    margin-top: 0;
    margin-bottom: 22px;
  }
  
  
  .resrcAgents--bodysec .text-box {
    padding: 15px 7% 20px;
  }
  
  
  .resrcAgents--bodysec .col h6 {
    font-size: 16px;
    color: #001F53;
    line-height: 1.2em;
    margin: 10px 0 20px;
    transition: color 0.35s;
  }
  
  .resrcAgents--bodysec .col p.cat {
    font-size: 12px;
    text-transform: uppercase;
    color: #7A93A6;
    font-weight: 500;
  }
  
  .resrcAgents--bodysec .col p:not(.cat) {
    font-size: 12px;
    color: #7F92A4;
    line-height: 1.3em;
  }
  
  .resrcAgents--bodysec .col figure {
    display: block;
    width: 100%;
    padding-top: 57.14%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  
  .resrcAgents--bodysec .more-btn {
    font-size: 14px;
    text-align: left;
    font-weight: 500;
  }
  
  
  
  @media (max-width:768px) {
    .resrcAgents--bodysec .col-wrap {
      flex-direction: column;
      width: 100%;
      left: 0;
    }
  
    .resrcAgents--bodysec .col {
      width: 100%;
      margin-bottom: 20px;
      margin-left: 0;
      margin-right: 0;
    }
  
    .resrcAgents--bodysec h4 {
      font-size: 26px;
    }
  
    .resrcAgents--bodysec .col h6 {
      font-size: 16px;
    }
  
    .resrcAgents--bodysec .col p {
      font-size: 12px;
    }
  }
  
  
  
  .resrcAgents--testimonial {
      padding-top: 20px;
      padding-bottom: 50px;
  }
  
  .resrcAgents--testimonial h2 {
    margin: 0 0 40px 0;
    text-align: center;
  }
  
  .resrcAgents--testimonial .text-box {
    padding: 0 25px 65px;
    outline: none;
    position: relative;
  }
  
  .resrcAgents--testimonial svg {
    display: block;
    width: 25px;
    height: 17px;
    margin-bottom: 25px;
  }
  
  .resrcAgents--testimonial .text {
    color: #526475;
    font-size: 14px;
  }
  
  .resrcAgents--testimonial .cite {
    position: absolute;
    width: 100%;
    min-height: 40px;
    bottom: 0;
    left: 0;
    padding-left: 25px;
    font-size: 12px;
    color: #202C4A;
    font-weight: bold;
    margin-top: 35px;
    line-height: 1em;
  }
  
  .resrcAgents--testimonial .slick-prev {
    left: -30px;
  }
  
  .resrcAgents--testimonial .slick-prev {
    left: -30px;
    outline: none;
  }
  
  .resrcAgents--testimonial .slick-next {
    right: -30px;
    outline: none;
  }
  
  
  @media (max-width: 768px) {
    .resrcAgents--testimonial h2 {
      max-width: 220px;
      margin-left: auto;
      margin-right: auto;
    }
  
  
    .resrcAgents--testimonial .text-box {
      padding: 0 25px 65px 45px;
      outline: none;
      position: relative;
    }
  
    .resrcAgents--testimonial svg {
      position: absolute;
      left: 0;
      top: 0;
      width: 25px;
      height: 17px;
      margin-bottom: 0;
    }
  
    .resrcAgents--testimonial .text {
      color: #526475;
      font-size: 14px;
    }
  
    .resrcAgents--testimonial .cite {
      position: static;
      width: 100%;
      min-height: initial;
      padding-left: 0;
      margin-top: 20px;
    }
  }
  
  
  
  .resrcAgents--bottom {
    padding-bottom: 100px;
  }
  
  .resrcAgents--bottom .odkni--container {
    border-top: 1px solid #EAECF1;
    padding-top: 50px;
  }
  
  .resrcAgents--bottom h3 {
    font-size: 20px;
    font-weight: 500;
  }
  
  .resrcAgents--bottom .col-wrap {
    display: flex;
    justify-content: space-between;
  }
  
  .resrcAgents--bottom h3 {
    text-align: center;
    margin: 0 0 50px;
  }
  
  .resrcAgents--bottom .col-wrap > div {
    width: calc(100% / 3 - 2%);
  }
  
  .resrcAgents--bottom a {
    color: #1C85E8;
    font-weight: bold;
    display: block;
    padding: 15px 10px;
    border: 1px solid #EAECF1;
    border-radius: 50px;
    line-height: 1.2em;
    transition: 0.35s;
    text-align: center;
  }
  
  .resrcAgents--bottom a:hover {
    border: 1px solid #1C85E8;
    color: #ffffff;
    background: #1C85E8;
  }
  
  
  @media (max-width: 768px) {
    .resrcAgents--bottom .col-wrap {
      flex-direction: column;
    }
  
    .resrcAgents--bottom .col-wrap > div {
      width: 100%;
    }
  
    .resrcAgents--bottom h3 {
      margin: 0 0 30px;
    }
  
    .resrcAgents--bottom a {
      width: 100%;
      max-width: 350px;
      margin-bottom: 15px;
      margin-left: auto;
      margin-right: auto;
      display: block;
      text-align: center;
    }
  }
  
  
  
  
  /* --------------------------------------------------------------
  /* = end Resources Agent
  -------------------------------------------------------------- */
  
  
  
  
  
  /* --------------------------------------------------------------
  /* = odometer plugin
  -------------------------------------------------------------- */
  .odometer.odometer-auto-theme, .odometer.odometer-theme-default {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
  }
  .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
  }
  .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    visibility: hidden;
  }
  .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
  }
  .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
    display: block;
  }
  .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden;
  }
  .odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0);
  }
  .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
    position: absolute;
  }
  .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
  }
  .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  
  .odometer.odometer-auto-theme, .odometer.odometer-theme-default {
    font-family: "Helvetica Neue", sans-serif;
    line-height: 1.1em;
  }
  .odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
    text-align: center;
  }
  
  /* --------------------------------------------------------------
  /* = end odometer plugin
  -------------------------------------------------------------- */
  
  
  
  /* --------------------------------------------------------------
  /* = Trust and Safety
  -------------------------------------------------------------- */
  .tns--hero {
    position: relative;
  }
  .tns--hero .bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .tns--hero .bg-d {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .tns--hero .bg-m {
    display: none;
  }
  .tns--hero .text-box {
    position: relative;
    width: 48%;
    padding: 50px 5%;
    z-index: 5;
  }
  .tns--hero h1 {
    line-height: 1.1em;
  }
  .tns--hero p {
    font-size: 17px;
    line-height: 1.5em;
  }
  .tns--hero .avg-box {
    text-align: center;
    border: 2px solid rgba(127, 146, 164, 0.3);
    border-radius: 8px;
    margin-top: 50px;
    padding: 0 20px 28px;
  }
  .tns--hero .avg-box small {
    color: #7F92A4;
    font-size: 17px;
    font-weight: 500;
    padding: 0 15px;
    background: #e8e5dc;
    margin-top: -14px;
    display: table;
    position: relative;
    margin-left: auto;
    margin-right: auto;
  }
  .tns--hero .avg-box h2 {
    color: #1C85E8;
    font-size: 87px;
    margin: 0;
    line-height: 1em;
    margin-top: 15px;
  }
  .tns--hero .avg-box p {
    font-size: 14px;
    line-height: 1.3em;
  }
  @media (max-width: 960px) {
    .tns--hero {
      background: #ebe8e1;
    }
    .tns--hero .text-box {
      width: 100%;
      padding: 30px 5% 0;
    }
    .tns--hero .bg-d {
      display: none;
    }
    .tns--hero .bg-m {
      display: block;
      width: 100%;
      margin-top: -12%;
    }
    .tns--hero h1 {
      text-align: center;
    }
    .tns--hero .avg-box small {
      background: #ebe8e1;
    }
  }
  @media (max-width: 760px) {
    .tns--hero .text-box {
      padding: 30px 5% 0;
    }
    .tns--hero h1 {
      font-size: 30px;
    }
    .tns--hero p {
      font-size: 14px;
    }
    .tns--hero .avg-box small {
      font-size: 14px;
    }
    .tns--hero .avg-box h2 {
      font-size: 74px;
    }
    .tns--hero .avg-box p {
      font-size: 11px;
    }
  }
  
  .tns--intro {
    margin: 70px 0;
  }
  .tns--intro .col-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .tns--intro .col-l {
    max-width: 200px;
    width: 100%;
  }
  .tns--intro .col-r {
    width: calc(90% - 200px);
  }
  .tns--intro h2 {
    margin: 0;
    line-height: 1.1em;
  }
  .tns--intro p {
    color: #7F92A4;
    font-size: 17px;
  }
  @media (max-width: 760px) {
    .tns--intro {
      margin: 45px 0;
    }
    .tns--intro .col-l,
  .tns--intro .col-r {
      max-width: inherit;
      width: 100%;
      text-align: center;
    }
    .tns--intro h2 {
      margin-bottom: 25px;
      font-size: 22px;
    }
    .tns--intro p {
      font-size: 14px;
      line-height: 1.5em;
    }
  }
  
  .tns--zlayout .tns-layout-row {
    padding: 75px 0;
  }
  .tns--zlayout .tns-layout-row .odkni--container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .tns--zlayout .tns-layout-row:nth-child(odd) .odkni--container {
    flex-direction: row-reverse;
  }
  .tns--zlayout .tns-layout-row:nth-child(even) .odkni--container .col-r {
    justify-content: flex-end;
  }
  .tns--zlayout .tns-layout-row:nth-child(odd) {
    background: #EEF4FA;
  }
  .tns--zlayout .col {
    width: 47%;
    display: flex;
    align-items: center;
  }
  .tns--zlayout .col-r img {
    display: block;
    margin: 0 auto;
    max-width: 300px;
    width: 100%;
  }
  .tns--zlayout .col-l figure {
    display: block;
    width: 50px;
    height: 50px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  .tns--zlayout h2 {
    margin: 10px 0 50px 0;
    line-height: 1.1em;
  }
  .tns--zlayout p {
    color: #7F92A4;
    font-size: 17px;
  }
  .tns--zlayout .button {
    margin-top: 40px;
    padding: 12px 50px;
    font-size: 17px;
  }
  .tns--zlayout .button-note {
    color: #002245;
    font-size: 14px;
    margin-top: 10px;
  }
  @media (max-width: 760px) {
    .tns--zlayout .col-l,
  .tns--zlayout .col-r {
      width: 100% !important;
      text-align: center;
    }
    .tns--zlayout .col-r {
      justify-content: center !important;
    }
    .tns--zlayout .col-l {
      margin-bottom: 50px;
    }
    .tns--zlayout .col-l figure {
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 20px;
    }
    .tns--zlayout h2 {
      font-size: 22px;
      margin-bottom: 30px;
    }
    .tns--zlayout p {
      font-size: 14px;
    }
  }
  
  .tns--team {
    margin: 90px 0 70px;
  }
  .tns--team .col-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .tns--team .col-l,
  .tns--team .col-r {
    width: 47%;
  }
  .tns--team h2 {
    margin: 0;
    line-height: 1.1em;
  }
  .tns--team p {
    color: #002245;
    font-size: 17px;
    line-height: 1.5em;
  }
  @media (max-width: 760px) {
    .tns--team {
      margin: 55px 0;
    }
    .tns--team .col-l,
  .tns--team .col-r {
      width: 100%;
    }
    .tns--team h2 {
      font-size: 22px;
      margin-bottom: 30px;
    }
    .tns--team p {
      font-size: 14px;
    }
  }
  
  .tns--feature {
    padding-top: 25px;
    padding-bottom: 100px;
  }
  .tns--feature .col-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .tns--feature .col {
    width: calc(100% / 3 - 35px);
  }
  .tns--feature .icon-wrap {
    display: block;
    width: 50px;
    height: 50px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  .tns--feature h4 {
    line-height: 1.1em;
    margin: 15px 0;
    font-size: 20px;
  }
  .tns--feature p {
    font-size: 14px;
  }
  @media (max-width: 760px) {
    .tns--feature {
      padding-top: 0;
      padding-bottom: 70px;
    }
    .tns--feature .col {
      width: 100%;
      margin-bottom: 50px;
    }
    .tns--feature .col:last-child {
      margin-bottom: 0;
    }
    .tns--feature p {
      font-size: 14px;
    }
  }
  
  .tns--2collayout .tns-2col-row {
    padding: 100px 0;
  }
  .tns--2collayout .col-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .tns--2collayout .col-l {
    width: 200px;
  }
  .tns--2collayout .col-r {
    width: calc(90% - 200px);
    font-size: 17px;
    color: #002245;
  }
  .tns--2collayout h2 {
    margin: 0;
    line-height: 1.1em;
  }
  .tns--2collayout h4 {
    margin: 0 0 5px 0;
  }
  .tns--2collayout p {
    margin-bottom: 30px;
  }
  .tns--2collayout img {
    max-width: 100%;
  }
  .tns--2collayout p:last-child {
    margin-bottom: 0;
  }
  .tns--2collayout p a:not(.button) {
    font-weight: 500;
  }
  .tns--2collayout hr {
    border-top: 1px solid #D8D8D8;
  }
  @media (max-width: 760px) {
    .tns--2collayout .tns-2col-row {
      padding: 50px 0;
    }
    .tns--2collayout .col-l, .tns--2collayout .col-r {
      width: 100%;
    }
    .tns--2collayout .col-l {
      margin-bottom: 30px;
    }
    .tns--2collayout h2 {
      font-size: 22px;
    }
    .tns--2collayout p {
      font-size: 14px;
    }
  }
  .tns--2collayout ul {
    margin: 50px 0;
    padding: 0;
  }
  .tns--2collayout li {
    margin-bottom: 30px;
    list-style: none;
    position: relative;
    padding-left: 30px;
  }
  .tns--2collayout li:last-of-type {
    margin-bottom: 0;
  }
  .tns--2collayout li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 2px solid #1C85E8;
  }
  .tns--2collayout .link-group p {
    margin: 0 0 5px;
    padding: 0 0 0 22px;
    position: relative;
    line-height: 1.1em;
  }
  .tns--2collayout .link-group a {
    color: #1C85E8;
    border-bottom: 1px solid transparent;
    transition: border 0.35s;
  }
  .tns--2collayout .link-group a:hover {
    border-bottom: 1px solid #1C85E8;
  }
  .tns--2collayout .link-group svg {
    position: absolute;
    top: 3px;
    left: 0;
    width: 12px;
    height: 12px;
    margin-right: 5px;
  }
  .tns--2collayout .button-row {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
  }
  .tns--2collayout .button-row .button {
    display: inline-block;
    min-width: 175px;
    padding: 12px 25px;
    margin: 0 30px 0 0 !important;
  }
  .tns--2collayout .button-row p {
    margin: 0;
    padding: 0;
  }
  @media (max-width: 760px) {
    .route-blog .article-excerpt {
      margin: 12px 0;
      height: auto;
      overflow-y: auto;
    }
    .tns--2collayout .button-row {
      flex-wrap: wrap;
    }
    .tns--2collayout .button-row > * {
      width: 100%;
    }
    .tns--2collayout .button-row .button {
      margin: 0 0 10px 0 !important;
    }
    .tns--2collayout .button-row p {
      font-size: 12px;
    }
  }
  .tns--2collayout .button.primary {
    font-size: 17px;
    display: inline-block;
    color: white;
    text-align: center;
  }
  .tns--2collayout .button.primary.white {
    background: #ffffff;
    color: #002245;
  }
  .tns--2collayout .button.primary.white:hover {
    color: #ffffff;
    background: #1C85E8;
  }
  .tns--2collayout .tns-2col-row.white-bg .col-r p, .tns--2collayout .tns-2col-row.white-bg .col-r li {
    color: #7F92A4;
  }
  .tns--2collayout .tns-2col-row.white-bg .col-r h4 {
    color: #002245;
    margin: 30px 0 0 0;
  }
  .tns--2collayout .tns-2col-row.white-bg li:before {
    border: 2px solid #D8D8D8;
  }
  .tns--2collayout .tns-2col-row.white-bg img {
    margin: 30px 0;
  }
  .tns--2collayout .tns-2col-row.white-bg .button.primary {
    margin: 0 0 20px;
  }
  .tns--2collayout .tns-2col-row.white-bg .button.lightblue {
    background: #EEF4FA;
    color: #1C85E8;
    font-weight: 500;
    font-size: 14px;
    padding: 12px 40px;
    transition: 0.35s;
    margin: 0;
  }
  .tns--2collayout .tns-2col-row.white-bg .button.lightblue:hover {
    background: #1C85E8;
    color: #EEF4FA;
  }
  .tns--2collayout .tns-2col-row.darkblue-bg {
    background: #002245;
  }
  .tns--2collayout .tns-2col-row.darkblue-bg .col-r p, .tns--2collayout .tns-2col-row.darkblue-bg .col-r li {
    color: #ffffff;
    font-weight: normal;
    line-height: 1.3em;
  }
  .tns--2collayout .tns-2col-row.darkblue-bg .col-r h4 {
    color: #002245;
    margin: 30px 0 0 0;
  }
  .tns--2collayout .tns-2col-row.darkblue-bg .button.primary {
    margin: 0;
  }
  .tns--2collayout .tns-2col-row.darkblue-bg hr {
    opacity: 0.5;
    border-color: #FFFFFF;
  }
  .tns--2collayout .tns-2col-row.darkblue-bg h2 {
    color: #ffffff;
  }
  @media (max-width: 760px) {
    .tns--2collayout .tns-2col-row.darkblue-bg .col-l, .tns--2collayout .tns-2col-row.darkblue-bg .col-r {
      text-align: center;
    }
    .tns--2collayout .tns-2col-row.darkblue-bg .bottom-note {
      text-align: left;
    }
  }
  
  .tns--bottom-note {
    padding: 40px 0;
  }
  .tns--bottom-note p {
    opacity: 0.5;
    font-size: 14px;
  }
  @media (max-width: 760px) {
    .tns--bottom-note p {
      font-size: 10px;
    }
  }
  /* --------------------------------------------------------------
  /* = end Trust and Safety
  -------------------------------------------------------------- */
  
  /* --------------------------------------------------------------
  /* = Perect Scroll bar plugin css
  -------------------------------------------------------------- */
   .ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
  }
  
  /*
   * Scrollbar rail styles
   */
  .ps__rail-x {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    height: 15px;
    /* there must be 'bottom' or 'top' for ps__rail-x */
    bottom: 0px;
    /* please don't change 'position' */
    position: absolute;
  }
  
  .ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    width: 15px;
    /* there must be 'right' or 'left' for ps__rail-y */
    right: 0;
    /* please don't change 'position' */
    position: absolute;
  }
  
  .ps--active-x > .ps__rail-x,
  .ps--active-y > .ps__rail-y {
    display: block;
    background-color: transparent;
  }
  
  .ps:hover > .ps__rail-x,
  .ps:hover > .ps__rail-y,
  .ps--focus > .ps__rail-x,
  .ps--focus > .ps__rail-y,
  .ps--scrolling-x > .ps__rail-x,
  .ps--scrolling-y > .ps__rail-y {
    opacity: 0.6;
  }
  
  .ps .ps__rail-x:hover,
  .ps .ps__rail-y:hover,
  .ps .ps__rail-x:focus,
  .ps .ps__rail-y:focus,
  .ps .ps__rail-x.ps--clicking,
  .ps .ps__rail-y.ps--clicking {
    background-color: #eee;
    opacity: 0.9;
  }
  
  /*
   * Scrollbar thumb styles
   */
  .ps__thumb-x {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
    height: 6px;
    /* there must be 'bottom' for ps__thumb-x */
    bottom: 2px;
    /* please don't change 'position' */
    position: absolute;
  }
  
  .ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 6px;
    /* there must be 'right' for ps__thumb-y */
    right: 2px;
    /* please don't change 'position' */
    position: absolute;
  }
  
  .ps__rail-x:hover > .ps__thumb-x,
  .ps__rail-x:focus > .ps__thumb-x,
  .ps__rail-x.ps--clicking .ps__thumb-x {
    background-color: #999;
    height: 11px;
  }
  
  .ps__rail-y:hover > .ps__thumb-y,
  .ps__rail-y:focus > .ps__thumb-y,
  .ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: #999;
    width: 11px;
  }
  
  /* MS supports */
  @supports (-ms-overflow-style: none) {
    .ps {
      overflow: auto !important;
    }
  }
  
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps {
      overflow: auto !important;
    }
  }
  
  /* --------------------------------------------------------------
  /* = End Perect Scroll bar plugin css
  -------------------------------------------------------------- */
  
  
  .header-nav-menu-btn {
    width: 27px;
    height: 27px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  
  .header-nav-menu-btn:hover span {
    width: 18px;
  }
  
  .header-nav-menu-btn span {
    display: block;
    width: 24px;
    height: 2px;
    background: #d1d3e0;
    margin-bottom: 5px;
    transition: width 0.2s;
  }
  
  .header-nav-menu-btn span:last-child {
    margin-bottom: 0;
  }
  
  .header-new {
    background: #fff;
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1000;
    height: 60px
  }
  
  .header-new .header-logo-wrap {
    padding-left: 15px;
    display: flex;
    align-items: center;
  }
  @media (min-width: 1100px) {
    .header-new .header-logo-wrap {
      flex: 1;
   }
  }
  
  .header-new .header-logo {
    margin-left: 15px;
  }
  
  .header-new .header-logo a, .header-new .header-logo img {
    display: block;
  }
  
  .header-new ul {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
  }
  
  .header-new li {
    list-style: none;
  }
  
  @media (max-width: 1100px) {
    .header-new .header-main-menu {
      opacity: 0;
      width: 0;
      overflow: hidden;
   }
  }
  
  .header-new .header-main-menu li a {
    display: block;
    padding: 12px;
    font-size: 16px;
    color: #525975;
    transition: color 0.35s;
  }
  
  .header-new .header-main-menu li a:hover, .header-new .header-main-menu li.is-active a {
    color: #147bd1;
  }
  
  .header-new .header-main-menu li.is-hidden {
    display: none;
  }
  
  .header-new .header-login {
    padding-right: 15px;
  }
  
  @media (min-width: 1100px) {
    .header-new .header-login {
      flex: 1;
      text-align: right;
   }
  }
  
  .header-new .header-login img {
    display: inline-block;
    width: 30px;
  }
  .header-new .header-login a {
    display: inline-block;
  }
  
  .header-side-nav-bg-overlay {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.5);
    z-index: 1001;
    opacity: 0;
    pointer-events: none;
  }
  
  .header-side-nav-bg-overlay.is-active {
    opacity: 1;
    transition: opacity 0.35s;
    pointer-events: auto;
  }
  
  nav.header-side-nav {
    position: fixed;
    top: 0;
    left: -320px;
    width: 320px;
    height: 100vh;
    background: #fff;
    overflow: hidden;
    z-index: 1002;
    overflow-y: auto;
    transition: left 0.5s;
  }
  nav.header-side-nav .header-scrollbar-wrap {
    position: relative;
    width: 100%;
    height: 100%;
  }
  nav.header-side-nav .inner-wrap {
    background: #fff;
    padding: 20px 45px;
    position: relative;
    opacity: 0;
    transition: opacity 0.25s;
    transition-delay: 0s;
  }
  nav.header-side-nav.is-active {
    width: 320px;
    left: 0;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 30px;
  }
  nav.header-side-nav.is-active .inner-wrap {
    opacity: 1;
    transition: opacity 0.35s;
    transition-delay: 0.4s;
  }
  nav.header-side-nav .header-sidemenu-btn {
    position: absolute;
    top: 27px;
    right: 40px;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    cursor: pointer;
    transform: rotate(0deg);
    transition: 0.35s;
  }
  nav.header-side-nav .header-sidemenu-btn:hover {
    transform: rotate(180deg);
  }
  nav.header-side-nav .header-sidemenu-btn span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 2px;
    background: #d1d3e0;
  }
  nav.header-side-nav .header-sidemenu-btn span:first-child {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  nav.header-side-nav .header-sidemenu-btn span:last-child {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  nav.header-side-nav h4 {
    margin: 10px 0 20px 0;
  }
  nav.header-side-nav ul {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  nav.header-side-nav li {
    list-style: none;
  }
  nav.header-side-nav a {
    display: block;
    user-select: none;
    position: relative;
    text-decoration: none;
  }
  nav.header-side-nav a svg {
    position: absolute;
    top: 50%;
    right: 0;
    width: 16px;
    height: 13px;
    display: block;
    transform: translateY(-50%) rotate(90deg);
    transition: 350ms transform;
  }
  nav.header-side-nav .prime-item {
    border-top: 1px solid #e8ecf1;
  }
  nav.header-side-nav .prime-item:last-of-type {
    border-bottom: 0;
  }
  nav.header-side-nav .prime-item.is-active a svg {
    transform: translateY(-50%) rotate(-90deg);
  }
  nav.header-side-nav .prime-item.is-hidden {
    display: none;
  }
  nav.header-side-nav .prime-item.has-icon > a {
    display: block;
    height: 76px;
    color: #0d83eb;
    font-weight: 500;
    padding: 20px 0 20px 50px;
    line-height: 40px;
    cursor: pointer;
  }
  nav.header-side-nav .prime-item figure.icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 37px;
    height: 37px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  nav.header-side-nav .prime-item > a {
    color: #1c2b4d;
    font-weight: 500;
    font-size: 16px;
    padding: 10px 17px 10px 0;
    cursor: pointer;
  }
  nav.header-side-nav .sub-item > a {
    font-size: 16px;
    padding: 10px 0;
    color: #515778;
  }
  nav.header-side-nav .submenu-wrap {
    margin-top: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #e8ecf1;
    display: none;
  }
  
  
  /* --------------------------------------------------------------
  /* =         Covid-19 Market
  -------------------------------------------------------------- */
  body.page-template-covid-19-market .odkni--container {
     max-width: 930px;
  }
   body.page-template-covid-19-market a:focus {
     outline: 0;
     text-decoration: none;
  }
   .covid19--nav {
     border-top: 1px solid rgba(127, 146, 164, 0.2);
     height: 60px;
  }
   .covid19--nav.is-sticky .wrap {
     position: fixed;
     max-width: 1600px;
     width: 100%;
     margin: 0 auto;
     top: 0;
     z-index: 100;
     background: #fff;
     box-shadow: 0px 22px 34px rgba(68, 89, 109, 0.1);
  }
   .covid19--nav .wrap {
     -webkit-overflow-scrolling: touch;
     overflow-x: auto;
     overflow-y: hidden;
     text-align: center;
  }
   .covid19--nav .inner-wrap {
     display: flex;
     margin: 0 auto;
     width: fit-content;
     padding: 0 5%;
  }
   .covid19--nav a {
     height: 60px;
     padding: 10px 25px;
     font-size: 16px;
     color: #7f92a4;
     white-space: nowrap;
     display: flex;
     align-items: center;
     cursor: pointer;
  }
   .covid19--nav a.is-active {
     color: #1c85e8;
     font-weight: 600;
  }
   @media (max-width: 767px) {
     .covid19--nav a {
       font-size: 14px;
       padding: 10px 15px;
    }
  }
   .covid19--hero {
     background: #002245;
     padding: 36px 0 0 0;
     margin-bottom: 50px;
  }
   .covid19--hero .odkni--container {
     position: relative;
     z-index: 2;
  }
   .covid19--hero .col-wrap {
     display: flex;
     justify-content: space-between;
  }
   .covid19--hero .col-text {
     width: 46%;
     padding-bottom: 36px;
  }
   .covid19--hero .col-img {
     width: 49%;
  }
   .covid19--hero .col-img figure {
     position: relative;
     top: 50px;
     width: 100%;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
  }
   .covid19--hero .col-img figure:before {
     content: '';
     position: relative;
     display: block;
     padding-top: 114%;
  }
   .covid19--hero h1, .covid19--hero p {
     color: #fff;
  }
   .covid19--hero h1 {
     font-size: 44px;
     font-weight: bold;
     line-height: 1.2;
     position: relative;
     padding-bottom: 37px;
     margin-top: 50px;
     margin-bottom: 40px;
  }
   .covid19--hero h1:before {
     content: '';
     position: absolute;
     left: 0;
     bottom: 0;
     width: 40px;
     height: 4px;
     background: #1c85e8;
  }
   .covid19--hero p {
     font-size: 16px;
     line-height: 24px;
  }
   .covid19--hero .img-m {
     display: none;
  }
   @media (max-width: 900px) {
     .covid19--hero h1 {
       font-size: 44px;
       line-height: 48px;
       margin-top: 25px;
    }
  }
   @media (max-width: 767px) {
     .covid19--hero {
       padding: 40px 0 0;
       position: relative;
       margin-bottom: 0;
    }
     .covid19--hero:before {
       content: '';
       position: absolute;
       bottom: 0;
       left: 0;
       width: 100%;
       padding-top: 32%;
       background: #fff;
    }
     .covid19--hero .img-d {
       display: none;
    }
     .covid19--hero .img-m {
       display: block;
    }
     .covid19--hero .col-wrap {
       flex-wrap: wrap;
    }
     .covid19--hero .col-text, .covid19--hero .col-img {
       width: 100%;
    }
     .covid19--hero .col-img figure {
       margin-left: auto;
       margin-right: auto;
       top: 0;
    }
     .covid19--hero .col-img figure:before {
       padding-top: 71.78%;
    }
     .covid19--hero .col-text {
       margin-bottom: 40px;
       padding-bottom: 0;
    }
     .covid19--hero h1 {
       margin-top: 0;
    }
  }
   .covid19--2col .col-wrap {
     display: flex;
     justify-content: space-between;
  }
   .covid19--2col .col-l {
     width: 280px;
  }
   .covid19--2col .col-r {
     width: calc(100% - 280px - 45px);
  }
   .covid19--2col h2 {
     color: #002247;
     font-size: 42px;
     line-height: 44px;
     margin-top: 0;
  }
   .covid19--2col p {
     font-size: 16px;
     line-height: 26px;
     color: #002245;
  }
   @media (max-width: 767px) {
     .covid19--2col .col-wrap {
       flex-wrap: wrap;
    }
     .covid19--2col .col-l, .covid19--2col .col-r {
       width: 100%;
    }
     .covid19--2col h2 {
       font-size: 34px;
    }
  }
   @media (max-width: 560px) {
     .covid19--2col h2 {
       font-size: 24px;
    }
  }
   .covid19--updates {
     padding: 67px 0;
  }
   @media (max-width: 767px) {
     .covid19--updates {
       padding: 40px 0 15px;
    }
  }
   .covid19--updates .codv-row {
     padding: 26px 0;
     border-top: 1px solid rgba(127, 146, 164, 0.2);
  }
   .covid19--updates .codv-row:first-child {
     border-top: 0;
  }
   .covid19--updates .col-l img {
     width: 100%;
     display: block;
  }
   @media (min-width: 768px) {
     .covid19--updates .col-l img {
       margin-top: -25px;
    }
  }
   @media (max-width: 767px) {
     .covid19--updates .col-l img {
       padding-bottom: 30px;
    }
  }
   .covid19--updates .heading-wrap {
     display: flex;
     flex-wrap: wrap;
  }
   .covid19--updates .heading-wrap > div:first-child {
     width: 72px;
     margin-right: 26px;
     margin-top: 0;
  }
   @media (max-width: 767px) {
     .covid19--updates .heading-wrap > div:first-child {
       width: 43px;
       margin-right: 20px;
       margin-top: 0;
    }
  }
   @media (min-width: 768px) {
     .covid19--updates h2 {
       width: 100%;
       margin-top: 25px;
    }
  }
   @media (max-width: 767px) {
     .covid19--updates h2 {
       flex: 1;
       margin: 0;
    }
  }
   .covid19--updates h6 {
     color: #002245;
     font-weight: bold;
     font-size: 17px;
     font-size: 18px;
     margin: 0;
  }
   @media (max-width: 767px) {
     .covid19--updates h6 {
       margin-bottom: 5px;
    }
  }
   .covid19--updates h6 a {
     color: #002245;
     position: relative;
     display: inline-block;
     transition: color 0.35s;
  }
   .covid19--updates h6 a:hover {
     color: #1c85e8;
  }
   .covid19--updates h6 a:hover .svg-arrow {
     right: -26px;
  }
   .covid19--updates h6 .svg-arrow {
     width: 12px;
     height: 13px;
     position: absolute;
     right: -22px;
     top: 6px;
     transition: right 0.35s;
  }
   .covid19--updates .codv-row:last-of-type a {
     color: #1c85e8;
     margin: 12px 0;
  }
   .covid19--updates p {
     color: #7f92a4;
     font-size: 14px;
  }
   .covid19--main-sec.covid19--sell .odkni--container {
     border-top: 4px solid rgba(127, 146, 164, 0.2);
  }
   .covid19--main-sec .col-wrap {
     padding: 78px 0;
  }
   .covid19--main-sec .col-l figure {
     max-width: 254px;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     position: relative;
     border-radius: 50%;
  }
   .covid19--main-sec .col-l figure:before {
     content: '';
     position: relative;
     display: block;
     padding-top: 100%;
  }
   .covid19--main-sec .col-r {
     display: flex;
     align-items: center;
  }
   .covid19--main-sec .col-r ul, .covid19--main-sec .col-r ol {
     padding-left: 20px;
     margin-top: 30px;
  }
   .covid19--main-sec .col-r li {
     font-size: 14px;
     line-height: 26px;
     color: #002245;
  }
   .covid19--main-sec h2 {
     margin-bottom: 30px;
  }
   .covid19--main-sec h4, .covid19--main-sec h6 {
     margin: 0;
  }
   .covid19--main-sec p {
     margin: 0;
  }
   .covid19--main-sec .codv-row {
     width: 100%;
     padding: 26px 0;
     border-top: 1px solid rgba(127, 146, 164, 0.2);
  }
   .covid19--main-sec .codv-row:last-of-type {
     border-bottom: 1px solid rgba(127, 146, 164, 0.2);
  }
   .covid19--main-sec .codv-row .col-r {
     padding-right: 3%;
     flex-wrap: wrap;
  }
   .covid19--main-sec .codv-row .col-r p:not(:last-of-type) {
     margin-bottom: 20px;
  }
   .covid19--main-sec .codv-row h6 {
     color: #1c85e8;
  }
   .covid19--main-sec .sell-start-signup {
     padding: 96px 0 100px;
  }
   .covid19--main-sec .form-div h4 {
     margin-bottom: 25px;
  }
   .covid19--main-sec .form-div .form-wrap {
     background: #fff;
     box-shadow: 0px 22px 34px rgba(68, 89, 109, 0.1);
     border-radius: 8px;
     padding: 11px;
  }
   .covid19--main-sec .form-div .cta-button {
     border-radius: 4px;
     width: 270px;
     font-size: 18px;
  }
   .covid19--main-sec .form-div .od-cta-input {
     box-shadow: none;
  }
   .covid19--main-sec .form-div .od-cta-input .cta-input-control {
     padding: 15px 20px;
     font-size: 18px;
  }
   .covid19--main-sec .select-tooltip {
     box-shadow: 4px 3px 10px 2px rgba(68, 89, 109, 0.1);
     padding: 5px 15px;
     border-radius: 4px;
     position: relative;
     margin-right: 10px;
  }
   @media (max-width: 900px) {
     .covid19--main-sec .select-tooltip {
       display: none;
    }
  }
   .covid19--main-sec .select-tooltip:before {
     content: '';
     width: 0;
     height: 0;
     border-top: 6px solid transparent;
     border-bottom: 6px solid transparent;
     border-left: 7px solid #fff;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     left: 100%;
  }
   .covid19--main-sec .select-tooltip p {
     font-size: 12px;
     color: #002245;
     line-height: 1.4;
  }
   .covid19--main-sec select {
     -webkit-appearance: none;
     border-radius: 0;
     border: 0;
     background: transparent;
     cursor: pointer;
     outline: none;
  }
   .covid19--main-sec .row-head .select-wrap, .covid19--main-sec .row-head .col-r {
     position: relative;
  }
   .covid19--main-sec .row-head .col-r {
     flex-wrap: nowrap;
  }
   .covid19--main-sec .row-head .select-wrap svg {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     right: 5px;
     pointer-events: none;
  }
   .covid19--main-sec .row-head select {
     color: #002245;
     font-size: 17px;
     font-weight: bold;
     padding: 12px 37px 12px 12px;
  }
   .covid19--main-sec .row-head .col-r {
     padding-right: 0;
     justify-content: flex-end;
  }
   @media (max-width: 767px) {
     .covid19--main-sec .col-wrap {
       padding: 40px 0;
    }
     .covid19--main-sec .col-l {
       margin-bottom: 30px;
    }
     .covid19--main-sec .col-l figure {
       margin-left: auto;
       margin-right: auto;
    }
     .covid19--main-sec h2 {
       text-align: center;
       margin-bottom: 20px;
    }
     .covid19--main-sec .sell-start-signup {
       padding: 46px 0 80px;
    }
     .covid19--main-sec .codv-row .col-l {
       margin-bottom: 10px;
    }
     .covid19--main-sec .codv-row .col-r {
       padding-right: 0;
    }
     .covid19--main-sec .row-head.codv-row.col-wrap {
       padding: 30px 0 40px;
    }
     .covid19--main-sec .row-head .col-r {
       justify-content: flex-start;
    }
     .covid19--main-sec .row-head .select-wrap {
       width: 100%;
    }
     .covid19--main-sec .row-head .select-wrap select {
       border: 1px solid rgba(127, 146, 164, 0.2);
       border-radius: 4px;
       width: 100%;
    }
     .covid19--main-sec .row-head .select-wrap svg {
       right: 10px;
    }
     .covid19--main-sec .row-head .col-l {
       margin-bottom: 15px;
    }
     .covid19--main-sec .codv-row.col-wrap {
       padding: 26px 0;
    }
     .covid19--main-sec .codv-row h6 {
       font-size: 22px;
    }
  }
   @media (max-width: 560px) {
     .covid19--main-sec p {
       font-size: 14px;
       line-height: 22px;
    }
  }
   @media (max-width: 500px) {
     .covid19--sell .form-div .cta-button {
       width: auto;
    }
  }
   .covid19--buy {
     background: #fafafa;
     padding: 80px 0 0;
  }
   .covid19--buy .newhome--location-select {
     box-shadow: none;
  }
   .covid19--buy .covid19--visiting-home {
     border-top: 4px solid rgba(127, 146, 164, 0.2);
  }
   .covid19--buy .covid19--visiting-home .codv-row:last-of-type {
     border-bottom: 0;
  }
   .covid19--buy .newhome--location-select button.button.primary {
     font-size: 18px;
  }
   @media (max-width: 767px) {
     .covid19--buy {
       padding: 40px 0 0;
    }
     .covid19--buy .odkni--container > .col-wrap {
       padding: 0 0 30px 0;
    }
  }
   .covid19--wait .col-wrap:first-child {
     padding-bottom: 15px;
  }
   .covid19--wait .col-wrap:nth-of-type(2) {
     padding-top: 0;
  }
   .covid19--wait .codv-row {
     display: block;
     padding-right: 30px;
     position: relative;
  }
   .covid19--wait .codv-row:hover h6 {
     color: #1c85e8;
  }
   .covid19--wait .codv-row:last-of-type {
     border-bottom: 0;
  }
   .covid19--wait .codv-row .svg-arrow {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     right: 0;
     width: 13px;
     height: 13px;
  }
   .covid19--wait .codv-row h6 {
     color: #002245;
     font-size: 17px;
     transition: color 0.35s;
  }
   .covid19--wait .codv-row p {
     font-size: 14px;
     color: #7f92a4;
  }
   .covid19--questions {
     background: #002245;
     padding: 48px 0;
  }
   .covid19--questions * {
     color: #fff;
  }
   .covid19--questions h4 {
     font-size: 32px;
     margin: 0;
  }
   .covid19--questions .col-l p {
     color: #7f92a4;
     font-size: 14px;
  }
   .covid19--questions .col-r {
     display: flex;
     align-items: center;
  }
   .covid19--questions .col-r p {
     font-size: 24px;
     font-weight: bold;
  }
   .covid19--questions .col-r p a {
     display: inline-block;
     margin-right: 50px;
     padding: 5px 0;
     transition: color 0.35s;
  }
   .covid19--questions .col-r p a:last-of-type {
     margin-right: 0;
  }
   .covid19--questions .col-r p a:hover {
     color: #1c85e8;
  }
   @media (max-width: 767px) {
     .covid19--questions .col-l, .covid19--questions .col-r {
       text-align: center;
    }
     .covid19--questions .col-l {
       margin-bottom: 30px;
    }
     .covid19--questions .col-r p {
       font-size: 20px;
    }
     .covid19--questions .col-r p a {
       display: block;
       margin-right: 0;
       text-align: center;
       margin-bottom: 10px;
       padding: 0;
    }
     .covid19--questions .col-r p a:last-of-type {
       margin-bottom: 0;
    }
  }
   .covid19--disclaimer {
     padding: 46px 0;
  }
   .covid19--disclaimer p {
     color: rgba(0, 34, 71, 0.5);
     font-size: 14px;
     line-height: 24px;
  }
  
  
  /* =============================
        Law Enforcement New
  ============================= */
  .lawenf--hero {
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     min-height: 520px;
     position: relative;
     overflow: hidden;
     display: flex;
  }
   .lawenf--hero * {
     color: #fff;
  }
   .lawenf--hero .odkni--container {
     position: relative;
     z-index: 2;
  }
   .lawenf--hero .text-wrap {
     position: absolute;
     left: 0;
     bottom: 55px;
  }
   .lawenf--hero h1 {
     font-size: 64px;
     line-height: 1.2em;
     margin: 0 0 35px 0;
  }
   .lawenf--hero p {
     font-size: 17px;
     font-weight: normal;
     line-height: 1.5em;
     max-width: 480px;
     margin: initial;
  }
   @media (max-width: 768px) {
     .lawenf--hero h1 {
       font-size: 45px;
    }
  }
   @media (max-width: 640px) {
     .lawenf--hero {
       min-height: 443px;
    }
     .lawenf--hero h1 {
       font-size: 30px;
       margin: 0 0 25px 0;
    }
     .lawenf--hero p {
       font-size: 14px;
    }
  }
   .lawenf--text h2 {
     font-size: 32px;
     margin: 0;
  }
   .lawenf--text p {
     font-size: 16px;
     color: #526475;
  }
   @media (max-width: 640px) {
     .lawenf--text h2 {
       font-size: 26px;
    }
  }
   .lawenf--intro {
     margin: 90px 0;
  }
   .lawenf--intro .col-wrap {
     display: flex;
     justify-content: space-between;
  }
   .lawenf--intro .col-l {
     width: 200px;
  }
   .lawenf--intro .col-r {
     width: calc(82% - 200px);
  }
   @media (max-width: 640px) {
     .lawenf--intro {
       margin: 60px 0;
    }
     .lawenf--intro h2 {
       margin-bottom: 30px;
    }
     .lawenf--intro .col-wrap {
       flex-wrap: wrap;
    }
     .lawenf--intro .col-l, .lawenf--intro .col-r {
       width: 100%;
    }
  }
   .lawenf--app {
     margin: 145px 0 90px;
  }
   .lawenf--app .col-wrap {
     display: flex;
     justify-content: space-between;
  }
   .lawenf--app .col-l {
     width: 49%;
  }
   .lawenf--app .col-r {
     width: 46.5%;
  }
   .lawenf--app .col-r img {
     width: 100%;
     max-width: 100%;
  }
   .lawenf--app h2 {
     margin-bottom: 68px;
  }
   .lawenf--app ol, .lawenf--app ul {
     margin: 0;
     padding: 0;
  }
   .lawenf--app li {
     padding: 0 0 0 50px;
     margin-bottom: 30px;
     position: relative;
     list-style: none;
  }
   .lawenf--app .num {
     position: absolute;
     top: 0;
     left: 0;
     position: absolute;
     width: 30px;
     height: 30px;
     border-radius: 50%;
     background: #1c85e8;
     font-weight: bold;
     color: #fff;
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 16px;
     line-height: 0;
     text-align: center;
  }
   .lawenf--app .num i {
     font-style: normal;
     display: inline-block;
     padding-top: 2px;
     text-align: center;
  }
   @media (max-width: 640px) {
     .lawenf--app {
       margin: 70px 0 90px;
    }
     .lawenf--app h2 {
       margin-bottom: 70px;
       max-width: 280px;
    }
     .lawenf--app .col-wrap {
       flex-wrap: wrap;
    }
     .lawenf--app .col-l, .lawenf--app .col-r {
       width: 100%;
    }
     .lawenf--app .col-l {
       margin-bottom: 25px;
    }
     .lawenf--app li {
       font-size: 14px;
    }
  }
   .lawenf--customers {
     margin: 90px 0 25px;
  }
   .lawenf--customers h2 {
     margin-bottom: 100px;
     text-align: center;
  }
   .lawenf--customers .col-wrap {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
  }
   .lawenf--customers .col-box {
     width: calc(50% - 27px);
     margin-bottom: 60px;
  }
   .lawenf--customers .icon-row {
     display: flex;
     margin-bottom: 20px;
  }
   .lawenf--customers .icon-wrap, .lawenf--customers .icon-plus {
     width: 35px;
     height: 38px;
     display: flex;
     justify-content: center;
     align-items: center;
  }
   .lawenf--customers .icon-wrap img, .lawenf--customers .icon-plus img {
     display: block;
     width: 100%;
  }
   .lawenf--customers .icon-plus {
     margin: 0 14px;
     width: 19px;
     height: 38px;
  }
   @media (max-width: 640px) {
     .lawenf--customers {
       margin: 120px 0 5px;
    }
     .lawenf--customers h2 {
       text-align: left;
       margin-bottom: 65px;
       max-width: 280px;
    }
     .lawenf--customers .col-box {
       width: 100%;
    }
  }
   .lawenf--contact {
     background: #eef4fa;
     padding: 90px 0;
  }
   .lawenf--contact .col-wrap {
     display: flex;
     justify-content: space-between;
     width: 100%;
  }
   .lawenf--contact .col-wrap [class|='col'] {
     width: 46%;
  }
   .lawenf--contact .col-r * {
     color: #1c85e8;
     font-weight: bold;
  }
   .lawenf--contact .col-r div {
     margin-bottom: 30px;
  }
   .lawenf--contact .col-r small {
     display: block;
     font-size: 14px;
  }
   .lawenf--contact .col-r a {
     font-size: 24px;
  }
   .lawenf--contact h2 {
     margin-bottom: 30px;
  }
   @media (max-width: 900px) {
     .lawenf--contact {
       padding: 90px 0 55px;
    }
     .lawenf--contact .col-wrap {
       flex-wrap: wrap;
    }
     .lawenf--contact .col-wrap [class|='col'] {
       width: 100%;
    }
     .lawenf--contact .col-l {
       margin-bottom: 60px;
    }
  }
   @media (max-width: 768px) {
     .lawenf--contact .col-r small {
       font-weight: 400;
       font-size: 12px;
    }
     .lawenf--contact .col-r a {
       font-size: 20px;
    }
     .lawenf--contact h2 {
       font-size: 32px;
    }
  }
  
  
  
  /* --------------------------------------------------------------
  /* =         Pricing New
  -------------------------------------------------------------- */
  .pricingnew--hero {
     height: 560px;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
  }
   .pricingnew--hero .text-wrap {
     max-width: 550px;
     padding-top: 74px;
  }
   .pricingnew--hero .text-wrap p {
     max-width: 443px;
  }
   .pricingnew--hero h1 {
     margin: 0 0 25px 0;
     line-height: 1.1em;
     font-size: 54px;
  }
   .pricingnew--hero p {
     font-size: 17px;
     line-height: 1.4em;
     margin: 0;
  }
   @media (max-width: 767px) {
     .pricingnew--hero .text-wrap {
       padding-top: 40px;
    }
     .pricingnew--hero h1 {
       margin: 0 0 20px 0;
       font-size: 40px;
    }
     .pricingnew--hero p {
       font-size: 16px;
    }
  }
   .pricingnew--offer {
     margin-top: -40px;
     position: relative;
     z-index: 11;
  }
   .pricingnew--offer h3 {
     font-size: 24px;
     margin: 0 0 15px 0;
  }
   @media (max-width: 767px) {
     .pricingnew--offer h3 {
       font-size: 20px;
    }
  }
   .pricingnew--offer .cta-input-wrapper {
     border-radius: 8px;
  }
   .pricingnew--offer input {
     width: 100%;
     padding: 25px 200px 25px 25px;
     background: #fff;
     box-shadow: 0px 22px 34px rgba(68, 89, 109, 0.1);
     border-radius: 8px;
     border-color: #fff;
     text-align: left;
     font-size: 18px;
     outline: none;
     transition: 0.35s;
  }
   .pricingnew--offer input:focus {
     border-color: #1c85e8;
  }
   .pricingnew--offer input.cta-input-control {
     box-shadow: none;
  }
   .pricingnew--offer .input-button {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     right: 10px;
     max-width: 270px;
     width: 100%;
  }
   .pricingnew--offer .input-button button {
     border-radius: 4px;
     margin: 0;
     width: 100%;
     font-size: 18px;
     padding: 9px 24px 12px;
  }
   @media (max-width: 767px) {
     .pricingnew--offer input {
       padding: 20px;
       font-size: 16px;
    }
     .pricingnew--offer .input-button {
       position: static;
       top: auto;
       transform: none;
       right: auto;
       max-width: 100%;
       width: 100%;
       margin-top: 10px;
    }
     .pricingnew--offer .input-button button {
       font-size: 16px;
       padding: 9px 24px 12px;
    }
  }
   .pricingnew--offer2 {
     margin-top: -90px;
  }
   .pricingnew--nav {
     border-bottom: 1px solid #dedede;
  }
   .pricingnew--nav .odkni--container {
     text-align: center;
     margin-bottom: -1px;
     position: relative;
     z-index: 5;
  }
   .pricingnew--nav a {
     display: inline-block;
     padding: 0 30px;
  }
   .pricingnew--nav a:first-of-type {
     padding-left: 0;
  }
   .pricingnew--nav a:last-of-type {
     padding-right: 0;
  }
   .pricingnew--nav a span {
     display: block;
     padding: 20px 0 13px;
     border-bottom: 3px solid transition;
     color: #526475;
  }
   .pricingnew--nav a.is-active span {
     border-bottom: 3px solid #1c85e8;
     color: #1c85e8;
  }
   @media (max-width: 767px) {
     .pricingnew--nav {
       margin-top: 20px;
    }
     .pricingnew--nav a {
       font-size: 14px;
       padding: 0 15px;
    }
  }
   .pricingnew--sell {
     padding: 100px 0;
  }
   .pricingnew--sell .text-wrap {
     text-align: center;
     max-width: 625px;
     margin: 0 auto;
  }
   .pricingnew--sell .text-wrap h2 {
     font-size: 32px;
     margin: 0 0 15px 0;
     line-height: 1.2em;
  }
   .pricingnew--sell .text-wrap p {
     max-width: 456px;
  }
   .pricingnew--sell h6 {
     font-size: 14px;
     color: #7f92a4;
     font-weight: 500;
     text-align: center;
     text-transform: uppercase;
     margin: 60px 0 30px;
  }
   @media (max-width: 767px) {
     .pricingnew--sell {
       padding: 70px 0;
    }
     .pricingnew--sell .text-wrap h2 {
       font-size: 28px;
    }
  }
   .pn-table-wrap {
     border: 1px solid #d2e7fa;
     border-radius: 0px 18px 18px 18px;
     width: 100%;
     display: flex;
     flex-wrap: wrap;
  }
   .pn-table-wrap h3 {
     font-weight: 600;
     font-size: 26px;
     line-height: 29px;
     margin: 0 0 25px 0;
  }
   .pn-table-wrap .col-l, .pn-table-wrap .col-r {
     width: 50%;
     padding: 36px 30px 0;
  }
   @media (max-width: 767px) {
     .pn-table-wrap .col-l, .pn-table-wrap .col-r {
       width: 100%;
    }
  }
   .pn-table-wrap .col-l .colored-text {
     color: #00A87E;
  }
   .pn-table-wrap .col-r {
     background: #eef4fa;
     border-radius: 0px 18px 18px 0;
  }
   @media (max-width: 767px) {
     .pn-table-wrap .col-r {
       border-radius: 0px 0 18px 18px;
    }
  }
   .pn-table-wrap .col-r .colored-text {
     color: #1c85e8;
  }
   .pn-table-wrap .col-r li svg path {
     stroke: #1c85e8;
  }
   .pn-table-wrap .pn-table-row.top {
     border-bottom: 4px solid #d2e7fa;
     padding-bottom: 20px;
  }
   .pn-table-wrap .pn-table-row.top p {
     font-size: 14px;
     color: #526475;
  }
   .pn-table-wrap .pn-table-row {
     border-bottom: 1px solid #d2e7fa;
     position: relative;
  }
   .pn-table-wrap .pn-table-row:last-of-type {
     border-bottom: none;
  }
   .pn-table-wrap .pn-table-row p {
     font-size: 16px;
     position: relative;
  }
   .pn-table-wrap .pn-table-row .tooltips-box {
     position: absolute;
     display: block;
     top: 29px;
     left: -10px;
     width: 90vw;
     max-width: 287px;
     padding: 15px;
     background: #002247;
     z-index: 10;
     border-radius: 4px;
     font-size: 12px;
     line-height: 18px;
     color: #fff;
     font-weight: normal;
     display: none;
  }
   .pn-table-wrap .pn-table-row .tooltip-icon {
     user-select: none;
  }
   .pn-table-wrap .pn-table-row .tooltip-icon:before {
     content: none;
     position: absolute;
     bottom: -8px;
     left: 50%;
     transform: translateX(-50%);
     width: 0;
     height: 0;
     border-left: 8px solid transparent;
     border-right: 8px solid transparent;
     border-bottom: 8px solid #002247;
  }
   .pn-table-wrap .pn-table-row .tooltip-icon.is-active:before {
     content: '';
  }
   .pn-table-wrap .pn-table-row .tooltip-icon.is-active .tooltips-box,
   .pn-table-wrap .pn-table-row .tooltips-box.is-active  {
     display: block;
  }
   .pn-table-wrap ul {
     margin: 25px 0;
     padding: 0;
  }
   .pn-table-wrap li {
     position: relative;
     padding-left: 30px;
     list-style: none;
     color: #002247;
     font-weight: 600;
     font-size: 14px;
  }
   .pn-table-wrap li svg {
     position: absolute;
     top: 5px;
     left: 0;
     width: 16px;
     display: block;
  }
   .pn-table-wrap .pn-table-row.list {
     display: flex;
     padding: 25px 0;
     justify-content: space-between;
  }
   .pn-table-wrap .cell-l, .pn-table-wrap .cell-r {
     display: flex;
     align-items: center;
  }
   .pn-table-wrap .cell-l p {
     color: #002247;
     font-weight: 600;
     font-size: 16px;
     line-height: 18px;
     margin: 0 20px 0 0;
     padding-right: 26px;
     position: relative;
  }
   @media (max-width: 767px) {
     .pn-table-wrap .cell-l p {
       font-size: 14px;
    }
  }
   .pn-table-wrap .cell-l .tooltip-icon {
     position: absolute;
     right: 0;
     top: 0;
     width: 16px;
     display: block;
     cursor: pointer;
  }
  .pn-table-wrap .cell-l button.tooltip-icon {
    width: auto;
  }
   .pn-table-wrap .cell-l svg {
     width: 100%;
  }
   .pn-table-wrap .cell-r {
     text-align: right;
  }
   .pn-table-wrap .cell-r h4 {
     font-size: 26px;
  }
   @media (max-width: 767px) {
     .pn-table-wrap .cell-r h4 {
       font-size: 22px;
    }
  }
   .pn-table-wrap .cell-r p {
     font-size: 16px;
  }
   @media (max-width: 767px) {
     .pn-table-wrap .cell-r p {
       font-size: 14px;
    }
  }
   .pn-table-wrap .cell-r h4, .pn-table-wrap .cell-r p {
     color: #6E6E6E;
     margin: 0;
     font-weight: 600;
  }
   .pn-table-wrap .cell-r p {
     max-width: 200px;
     line-height: 1.1em;
  }
   .pn-table-note {
     margin-top: 35px;
  }
   .pn-table-note p {
     margin: 0;
     font-size: 12px;
     line-height: 16px;
     color: #526475;
  }
   .pricingnew--sale {
     background: #eef4fa;
     padding: 77px 0 200px;
  }
   .pricingnew--sale .heading-wrap {
     text-align: center;
     margin-bottom: 50px;
  }
   .pricingnew--sale .heading-wrap h2 {
     font-size: 24px;
     margin: 0 0 15px 0;
  }
   .pricingnew--sale .heading-wrap p {
     font-size: 16px;
     color: #526475;
  }
   .pricingnew--sale .col-wrap {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
  }
   .pricingnew--sale .col {
     width: calc(100% / 3 - 30px);
     text-align: center;
  }
   @media (max-width: 767px) {
     .pricingnew--sale .col {
       width: 100%;
       max-width: 400px;
       margin-left: auto;
       margin-right: auto;
       margin-bottom: 50px;
    }
     .pricingnew--sale .col:last-of-type {
       margin-bottom: 0;
    }
  }
   .pricingnew--sale .col h6 {
     font-size: 17px;
     margin: 40px 0 15px 0;
  }
   @media (max-width: 767px) {
     .pricingnew--sale .col h6 {
       margin: 20px 0 15px 0;
    }
  }
   .pricingnew--sale .col p {
     font-size: 16px;
     color: #526475;
  }
   .pricingnew--sale .col:last-of-type .img-wrap svg {
     display: none;
  }
   .pricingnew--sale .img-wrap {
     width: 100%;
     position: relative;
  }
   .pricingnew--sale .img-wrap figure {
     width: 80px;
     height: 80px;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     display: block;
     margin: 0 auto;
     border-radius: 50%;
     background: #fff;
  }
   .pricingnew--sale .img-wrap svg {
     position: absolute;
     top: 50%;
     right: -35px;
     transform: translateY(-50%);
     width: 24px;
  }
   @media (max-width: 767px) {
     .pricingnew--sale .img-wrap svg {
       display: none;
    }
  }
   .pricingnew--buy {
     padding: 130px 0;
  }
   .pricingnew--buy .text-wrap {
     text-align: center;
     max-width: 625px;
     margin: 0 auto;
  }
   .pricingnew--buy .text-wrap h2 {
     font-size: 32px;
     margin: 0 0 15px 0;
     line-height: 1.2em;
  }
   @media (max-width: 767px) {
     .pricingnew--buy .text-wrap h2 {
       font-size: 28px;
    }
  }
   .pricingnew--buy .text-wrap p {
     max-width: 456px;
  }
   .pricingnew--buy .col-wrap {
     display: flex;
     flex-wrap: wrap;
     border: 1px solid rgba(255, 137, 111, 0.401852);
     overflow: hidden;
     border-radius: 18px;
     width: 100%;
     margin-top: 85px;
  }
   .pricingnew--buy .col-wrap [class|='col'] {
     width: 50%;
     padding: 35px 35px 30px;
     text-align: center;
  }
   @media (max-width: 767px) {
     .pricingnew--buy .col-wrap [class|='col'] {
       width: 100%;
    }
  }
   .pricingnew--buy .col-r {
     background:  linear-gradient(to right, #FFF6F4, #E7EFFE);
  }
   .pricingnew--buy h4 {
     margin: 0;
     font-size: 20px;
  }
   @media (max-width: 767px) {
     .pricingnew--buy h4 {
       font-size: 18px;
    }
  }
   .pricingnew--buy h3.slide-number {
     font-size: 26px;
     white-space: nowrap;
     margin: 0;
  }
   .pricingnew--buy h2.result {
     color: #222222;
     font-size: 56px;
     white-space: nowrap;
     margin: 20px 0 0 0;
  }
   @media (max-width: 767px) {
     .pricingnew--buy h2.result {
       font-size: 46px;
    }
  }
   @media (max-width: 400px) {
     .pricingnew--buy h2.result {
       font-size: 36px;
    }
  }
   .pricingnew--buy .bottom-text {
     margin-top: 70px;
  }
   .pricingnew--buy .bottom-text h6 {
     font-size: 20px;
     margin: 0 0 15px 0;
  }
   .pricingnew--buy .bottom-text p {
     font-size: 16px;
  }
   .pricingnew--banner {
     padding: 100px 0 170px;
  }
   @media (max-width: 767px) {
     .pricingnew--banner {
       padding: 70px 0 200px;
    }
  }
   .pricingnew--banner .col-wrap {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     width: 100%;
  }
   .pricingnew--banner .col {
     width: calc(50% - 10px);
     position: relative;
     padding-left: 150px;
  }
   @media (max-width: 767px) {
     .pricingnew--banner .col {
       width: 100%;
       max-width: 500px;
       margin-bottom: 70px;
       margin-left: auto;
       margin-right: auto;
       text-align: center;
       padding-left: 0;
    }
     .pricingnew--banner .col:last-child {
       margin-bottom: 0;
    }
  }
   .pricingnew--banner .btn-link {
     color: #1c85e8;
     font-weight: 600;
     display: inline-block;
     margin-top: 20px;
  }
   .pricingnew--banner .btn-link img {
     display: none;
  }
   .pricingnew--banner figure {
     width: 126px;
     height: 126px;
     border-radius: 50%;
     background-color: #fff;
     background-position: center;
     background-repeat: no-repeat;
     background-size: contain;
     position: absolute;
     top: 0;
     left: 0;
  }
   @media (max-width: 767px) {
     .pricingnew--banner figure {
       width: 100px;
       height: 100px;
       position: static;
       margin: 0 auto 20px auto;
    }
  }
   .pricingnew--banner h6 {
     margin: 0 0 10px 0;
     line-height: 1.3em;
     font-size: 17px;
  }
   .pricingnew--banner p {
     font-size: 16px;
  }
   .pricingnew--find-home {
     margin-top: -85px;
     margin-bottom: 80px;
  }
   .pricingnew--find-home small {
     display: none;
     color: red;
  }
   .pricingnew--find-home h3 {
     font-size: 28px;
  }
   @media (max-width: 767px) {
     .pricingnew--find-home h3 {
       font-size: 24px;
    }
  }
   .pricingnew--find-home .newhome--location-select {
     padding: 12px 10px;
  }
   .pricingnew--find-home select {
     font-size: 18px;
  }
   .pricingnew--find-home .newhome--location-select button.button.primary {
     padding: 12px 49px;
     font-size: 18px;
  }
   .pricingnew--buy .slider-wrap {
     padding: 27px 0 35px;
     position: relative;
  }
   .pricingnew--buy .slider-wrap .rangeslider, .pricingnew--buy .slider-wrap .rangeslider__fill {
     display: block;
  }
   .pricingnew--buy .slider-wrap .rangeslider {
     background: #eef4fa;
     position: relative;
  }
   .pricingnew--buy .slider-wrap .rangeslider--horizontal {
     height: 4px;
     width: 100%;
     border-radius: 10px;
  }
   .pricingnew--buy .slider-wrap .rangeslider--horizontal:before {
     left: -4px;
  }
   .pricingnew--buy .slider-wrap .rangeslider--horizontal:after {
     right: -4px;
  }
   .pricingnew--buy .slider-wrap .rangeslider__fill {
     background: #ff967d;
     position: absolute;
     border-radius: 10px;
  }
   .pricingnew--buy .slider-wrap .rangeslider--horizontal .rangeslider__fill {
     top: 0;
     height: 4px;
  }
   .pricingnew--buy .slider-wrap .rangeslider__handle {
     background: white;
     border: 2px solid #d2e7fa;
     border-radius: 50px;
     cursor: pointer;
     display: inline-block;
     width: 26px;
     height: 26px;
     position: absolute;
     background-size: 100%;
     z-index: 5;
  }
   .pricingnew--buy .slider-wrap .rangeslider--horizontal .rangeslider__handle {
     top: 50%;
     transform: translateY(-50%);
     touch-action: pan-y;
     -ms-touch-action: pan-y;
  }
   .pricingnew--buy .slider-wrap .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;
  }
   .pricingnew--buy .slider-wrap .range-output p {
     text-align: center;
     color: #172a52;
     font-size: 14px;
     margin: 0;
     width: 100%;
     display: block;
     line-height: 1em;
  }
   .pricingnew--buy .slider-wrap .range-output p.output {
     font-size: 22px;
     color: #132955;
  }
  
  .pricingnew--banner-footer {
    margin-top: 42px;
  }
  
  .pricingnew--banner-footer-text p {
    font-size: 12px !important;
  }
  
  .pricingnew--banner-footer-text a {
    font-size: 12px !important;
  }
  
  /* --------------------------------------------------------------
  /* =         Home New 2
  -------------------------------------------------------------- */
   .homesnew2--hero {
     position: relative;
     min-height: 646px;
     padding-top: 89px;
     overflow: hidden;
     background-color: #dfefff;
  }
   .homesnew2--hero .bg-img.desk {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: bottom center;
  }
   @media (max-width: 768px) {
     .homesnew2--hero .bg-img.desk {
       object-fit: contain;
       transform: scale(1.9);
       transform-origin: bottom center;
    }
  }
   .homesnew2--hero .odkni--container {
     max-width: 1200px;
     position: relative;
  }
   .homesnew2--hero .cols-wrap {
     display: flex;
     width: 100%;
     justify-content: space-between;
     margin-bottom: 115px;
  }
   .homesnew2--hero .col-l, .homesnew2--hero .col-r {
     width: 45%;
  }
   .homesnew2--hero .col-l {
     max-width: 490px;
  }
   .homesnew2--hero .col-r {
     max-width: 450px;
  }
   .homesnew2--hero.mobile {
     display: none;
  }
   @media (max-width: 1024px) {
     .homesnew2--hero {
       min-height: 550px;
    }
     .homesnew2--hero .cols-wrap {
       flex-wrap: wrap;
       max-width: 450px;
       margin-left: auto;
       margin-right: auto;
    }
     .homesnew2--hero .col-l, .homesnew2--hero .col-r {
       width: 100%;
    }
     .homesnew2--hero.mobile {
       display: block;
       padding: 0;
       background: transparent;
       position: relative;
       z-index: 4;
       overflow: visible;
       min-height: auto;
    }
     .homesnew2--hero.mobile .blue-box {
       max-width: 450px;
       margin-left: auto;
       margin-right: auto;
       margin-top: -25px;
       display: block;
    }
     .homesnew2--hero .blue-box {
       display: none;
    }
     .homesnew2--hero .newhome--location-select {
       padding: 20px 10px 10px 10px;
    }
  }
   @media (max-width: 768px) {
     .homesnew2--hero {
       min-height: 441px;
    }
  }
   .homesnew2--hero h1 {
     font-size: 59px;
     line-height: 1.1em;
     color: #002245;
     margin-top: 0;
  }
   @media (max-width: 1200px) {
     .homesnew2--hero h1 {
       font-size: 49px;
    }
  }
   @media (max-width: 1024px) {
     .homesnew2--hero h1 {
       font-size: 43px;
    }
  }
   @media (max-width: 500px) {
     .homesnew2--hero h1 {
       font-size: 39px;
    }
  }
   .homesnew2--hero h1 span {
     color: #1c85e8;
     display: inline-block;
     position: relative;
     padding-right: 50px;
  }
   @media (max-width: 768px) {
     .homesnew2--hero h1 span {
       padding-right: 30px;
    }
  }
   .homesnew2--hero h1 sup {
     font-size: 24px;
     position: absolute;
     top: 0;
     right: 0;
     line-height: initial;
  }
   @media (max-width: 768px) {
     .homesnew2--hero h1 sup {
       font-size: 16px;
    }
  }
   .homesnew2--hero small.error-msg {
     color: #526475;
     font-size: 12px;
     display: none;
  }
   .homesnew2--hero .blue-box {
     background: #1c85e8;
     border-radius: 8px;
     text-align: center;
     padding: 50px 35px 20px 35px;
  }
   .homesnew2--hero .blue-box * {
     color: #fff;
  }
   .homesnew2--hero .blue-box img {
     max-width: 172px;
     margin: 0 auto 20px;
     display: block;
  }
   .homesnew2--hero .blue-box h3 {
     font-weight: 500;
     font-size: 22px;
     line-height: 1.3em;
     margin: 20px 0;
  }
   .homesnew2--hero .blue-box p {
     font-size: 12px;
  }
   .homesnew2--hero .blue-box a.button.primary {
     background: #fff;
     color: #002245;
     display: block;
     text-align: center;
     width: 100%;
     font-weight: 500;
     font-size: 16px;
     margin: 20px 0 10px;
     cursor: pointer;
  }
   .homesnew2--hero .blue-box a.button.primary:hover {
     background: #fff;
     color: #1c85e8;
  }
   @media (max-width: 1024px) {
     .homesnew2--hero .white-logos-array {
       display: none;
    }
  }
   .homesnew2--hero .white-logos-array .odkni--container {
     display: flex;
     justify-content: space-between;
     margin-bottom: 30px;
  }
   .homesnew2--hero .white-logos-array img {
     max-width: 231px;
     max-height: 34px;
  }
   .homesnew2--hero .white-logos-array p {
     color: #fff;
     font-weight: 500;
     font-size: 18px;
  }
   .homesnew2--hero .newhome--location-select {
     box-shadow: 0px 19px 29px rgba(0, 0, 0, 0.1);
  }
   .homesnew2--hero .newhome--location-select select {
     padding: 0 50px 0 5px;
  }
  /* Intro ============================================ */
   .homesnew2--intro {
     padding: 85px 0 20px;
  }
   .homesnew2--intro h2 {
     font-size: 32px;
     margin: 0;
  }
   .homesnew2--intro h2 span {
     color: #1c85e8;
  }
   .homesnew2--intro h3 {
     margin: 0 0 15px;
     font-size: 24px;
  }
   .homesnew2--intro p {
     color: #526475;
     font-size: 17px;
     line-height: 1.5em;
  }
   .homesnew2--intro .cols-wrap {
     margin: 80px 0 0 0;
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
  }
   .homesnew2--intro .col {
     width: 45%;
     max-width: 390px;
     margin-bottom: 60px;
     display: flex;
  }
   .homesnew2--intro .icon-box {
     width: 44px;
     margin-right: 30px;
  }
   .homesnew2--intro .icon-box figure {
     width: 100%;
     position: relative;
     display: block;
     margin-bottom: 15px;
  }
   .homesnew2--intro .icon-box figure:before {
     content: '';
     position: relative;
     display: block;
     padding-top: 100%;
  }
   .homesnew2--intro .icon-box img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: contain;
  }
   .homesnew2--intro .text-box {
     width: calc(100% - 44px - 30px);
  }
   @media (max-width: 700px) {
     .homesnew2--intro {
       padding: 65px 0 20px;
    }
     .homesnew2--intro .cols-wrap {
       margin: 40px 0 0 0;
    }
     .homesnew2--intro .col {
       width: 100%;
       max-width: initial;
       margin-bottom: 44px;
    }
     .homesnew2--intro h2 {
       font-size: 22px;
    }
     .homesnew2--intro h3 {
       font-size: 20px;
    }
  }
   @media (max-width: 500px) {
     .homesnew2--intro .col {
       flex-direction: column;
    }
     .homesnew2--intro .text-box {
       width: 100%;
    }
  }
  /* Blue Section ============================================ */
   .homesnew2--bluesec {
     background: #eef4fa;
     padding: 90px 0 60px;
  }
   .homesnew2--bluesec h2 {
     text-align: center;
     font-size: 32px;
     line-height: 140%;
     margin: 0;
  }
   .homesnew2--bluesec h2 span {
     color: #1c85e8;
  }
   .homesnew2--bluesec h4 {
     margin: 3px 0 15px 0;
     line-height: 1.1em;
     max-width: 310px;
  }
   .homesnew2--bluesec .cols-wrap {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
     margin-top: 80px;
  }
   .homesnew2--bluesec .col-l {
     width: 45%;
  }
   .homesnew2--bluesec .col-l p {
     font-size: 17px;
     line-height: 1.4em;
     color: #526475;
  }
   .homesnew2--bluesec .col-r {
     width: 49%;
  }
   .homesnew2--bluesec .col-row {
     display: flex;
     position: relative;
  }
   .homesnew2--bluesec .col-row:last-child .col-row-l:before {
     content: none;
  }
   .homesnew2--bluesec .col-row-l {
     position: relative;
  }
   .homesnew2--bluesec .col-row-l:before {
     content: '';
     position: absolute;
     top: 0;
     left: 20px;
     height: 100%;
     width: 1px;
     border-left: 2px dashed rgba(130, 146, 162, 0.3);
     z-index: 1;
  }
   .homesnew2--bluesec .text-box {
     padding-bottom: 70px;
  }
   @media (max-width: 767px) {
     .homesnew2--bluesec {
       padding: 60px 0 30px;
    }
     .homesnew2--bluesec h2 {
       font-size: 22px;
       margin-left: auto;
       margin-right: auto;
    }
     .homesnew2--bluesec .col-l, .homesnew2--bluesec .col-r {
       width: 100%;
    }
  }
   @media (max-width: 600px) {
     .homesnew2--bluesec h2 {
       max-width: 270px;
    }
  }
   .homesnew2--bluesec .num-cir {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     background: #1c85e8;
     display: flex;
     justify-content: center;
     align-items: center;
     color: #fff;
     font-weight: 500;
     font-size: 22px;
     margin-right: 20px;
     position: relative;
     z-index: 2;
  }
   .homesnew2--bluesec .homesnew2--bluesec-slider {
     background: #fff;
     box-shadow: 0px 32px 43px rgba(0, 0, 0, 0.1);
     border-radius: 8px;
  }
   .homesnew2--bluesec .homesnew2--bluesec-slider * {
     outline: none;
  }
   .homesnew2--bluesec .homesnew2--bluesec-slider figure {
     position: relative;
     display: block;
     overflow: hidden;
     border-top-left-radius: 8px;
     border-top-right-radius: 8px;
  }
   .homesnew2--bluesec .homesnew2--bluesec-slider figure:before {
     content: '';
     position: relative;
     display: block;
     padding-top: 74%;
  }
   .homesnew2--bluesec .homesnew2--bluesec-slider figure img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
  }
   .homesnew2--bluesec .homesnew2--bluesec-slider figcaption {
     display: block;
     width: 100%;
     padding: 30px 30px 27px;
  }
   .homesnew2--bluesec .homesnew2--bluesec-slider figcaption p {
     color: #002245;
     font-weight: 500;
     font-size: 17px;
     line-height: 1.4em;
  }
   .homesnew2--bluesec .homesnew2--bluesec-slider figcaption span {
     color: #1c85e8;
  }
   .homesnew2--bluesec .slick-dots {
     bottom: -35px;
  }
   .homesnew2--bluesec .slick-dots li {
     margin: 0;
  }
   .homesnew2--bluesec .slick-dots button:before {
     color: #1c85e8;
     opacity: 0.3;
     font-size: 8px;
  }
   .homesnew2--bluesec li.slick-active button:before {
     color: #1c85e8 !important;
     opacity: 1 !important;
  }
  /* Chat ============================================ */
   .homesnew2--chat {
     padding: 0 0 0 0;
     background: linear-gradient(180deg, #eef4fa 0%, #fff 100%);
  }
   .homesnew2--chat .text-wrap {
     text-align: center;
     max-width: 500px;
     margin: 0 auto;
  }
   .homesnew2--chat h2 {
     margin: 20px 0 25px;
     font-size: 32px;
     line-height: 1.3em;
  }
   .homesnew2--chat h2 span {
     color: #1c85e8;
  }
   .homesnew2--chat p {
     font-size: 17px;
     line-height: 1.5em;
     color: #526475;
  }
   .homesnew2--chat a.button {
     max-width: 240px;
     width: 100%;
     text-align: center;
     margin: 35px 0 15px;
     font-size: 16px;
  }
   .homesnew2--chat small {
     font-size: 12px;
     color: #8292a2;
     display: block;
  }
   @media (max-width: 700px) {
     .homesnew2--chat {
       padding: 50px 0 0 0;
    }
     .homesnew2--chat h2 {
       font-size: 21px;
    }
  }
  /* compare ============================================ */
   .homesnew2--compare {
     padding: 110px 0 40px;
  }
   .homesnew2--compare .text-wrap {
     text-align: center;
  }
   .homesnew2--compare .text-wrap h2 {
     margin: 0;
     font-size: 32px;
     line-height: 1.3em;
  }
   .homesnew2--compare .text-wrap h2 span {
     color: #1c85e8;
  }
   .homesnew2--compare .cols-wrap {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     margin: 70px 0;
  }
   .homesnew2--compare .col-l, .homesnew2--compare .col-r {
     width: 45%;
     padding: 47px 40px 40px;
  }
   .homesnew2--compare .col-row {
     display: flex;
     margin-bottom: 50px;
  }
   .homesnew2--compare .col-row:last-child {
     margin-bottom: 0;
  }
   @media (max-width: 900px) {
     .homesnew2--compare .cols-wrap {
       margin: 10px 0;
       max-width: 400px;
       margin-left: auto;
       margin-right: auto;
    }
     .homesnew2--compare .col-l, .homesnew2--compare .col-r {
       width: 100%;
       padding: 47px 0;
    }
  }
   @media (max-width: 700px) {
     .homesnew2--compare .text-wrap h2 {
       font-size: 22px;
    }
  }
   .homesnew2--compare h3 {
     margin: 0 0 10px;
     font-size: 22px;
     line-height: 1.3em;
  }
   .homesnew2--compare p {
     font-size: 17px;
     line-height: 1.4em;
     color: #526475;
  }
   .homesnew2--compare .col-l {
     background: #fff;
     box-shadow: 0px 32px 43px rgba(0, 0, 0, 0.1);
     border-radius: 8px;
  }
   .homesnew2--compare .col-l .icon-box {
     width: 25px;
     height: 25px;
     display: flex;
     justify-content: center;
     align-items: center;
     background: #1c85e8;
     border-radius: 50%;
     margin-right: 15px;
  }
   .homesnew2--compare .col-l .text-box {
     flex: 1;
  }
   @media (max-width: 900px) {
     .homesnew2--compare .col-l {
       box-shadow: none;
    }
  }
   .homesnew2--compare .col-r .icon-box {
     width: 48px;
     height: 48px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-right: 48px;
  }
   .homesnew2--compare .col-r .text-box {
     flex: 1;
  }
   .homesnew2--compare .col-r figure {
     width: 100%;
     height: 100%;
     display: block;
     position: relative;
  }
   .homesnew2--compare .col-r img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: contain;
  }
   .homesnew2--compare .col-r h2 {
     font-size: 42px;
     line-height: 1.1em;
     margin: 0 0 10px;
  }
  /* odhl ============================================ */
   .homesnew2--odhl {
     background: #202c4a;
     padding: 91px 0;
  }
   .homesnew2--odhl .cols-wrap {
     display: flex;
     justify-content: space-between;
  }
   .homesnew2--odhl h2 {
     font-size: 32px;
     line-height: 1.2em;
     margin: 20px 0 30px;
     color: #fff;
  }
   .homesnew2--odhl .col-l {
     width: 45%;
     display: flex;
     align-items: center;
  }
   .homesnew2--odhl .col-l p {
     color: #fff;
     font-size: 17px;
     line-height: 1.4em;
     max-width: 350px;
     margin: 0;
  }
   @media (max-width: 1024px) {
     .homesnew2--odhl .col-l p {
       max-width: initial;
    }
  }
   .homesnew2--odhl .col-l a.button {
     margin-top: 35px;
     width: 100%;
     max-width: 240px;
     text-align: center;
  }
   .homesnew2--odhl .col-l small {
     font-size: 12px;
     color: #fff;
     display: block;
     margin-top: 15px;
     font-weight: 300;
  }
   .homesnew2--odhl .col-r {
     width: 47%;
     background: #fff;
     border-radius: 8px;
     padding: 46px 43px;
  }
   @media (max-width: 1024px) {
     .homesnew2--odhl {
       padding: 60px 0;
    }
     .homesnew2--odhl .cols-wrap {
       flex-wrap: wrap;
    }
     .homesnew2--odhl .col-r, .homesnew2--odhl .col-l {
       width: 100%;
    }
     .homesnew2--odhl .col-l {
       margin-bottom: 65px;
    }
     .homesnew2--odhl .col-r {
       padding: 26px 23px;
    }
  }
   .homesnew2--odhl .odhl-rates-list {
     flex-direction: column;
  }
   .homesnew2--odhl .odhl-rate-card-container {
     flex-direction: row;
     width: 100%;
     margin: 0;
     padding: 0;
     box-shadow: none;
     margin-bottom: 62px;
     justify-content: space-between;
  }
   .homesnew2--odhl .odhl-rate-card-container:last-child {
     margin-bottom: 0;
  }
   @media (max-width: 768px) {
     .homesnew2--odhl h2 {
       font-size: 21px;
    }
  }
   .homesnew2--odhl .odhl-rate-statistic-container {
     display: flex;
     flex-direction: column-reverse;
  }
   .homesnew2--odhl .odhl-rate-card-description {
     width: 145px;
     font-size: 17px;
     line-height: 1em;
     color: #002245;
  }
   .homesnew2--odhl .odhl-rate-card-statistic {
     width: calc(100% - 145px);
     margin: 0;
     display: flex;
  }
   .homesnew2--odhl .odhl-rate-card-statistic > div {
     flex: 1;
     text-align: right;
  }
   .homesnew2--odhl .odhl-rate-statistic-rate {
     font-size: 20px;
     line-height: 1em;
     padding-left: 25px;
  }
   .homesnew2--odhl .odhl-rate-statistic-label {
     font-size: 10px;
     color: #7f92a4;
     font-weight: 500;
     line-height: 1em;
  }
   .homesnew2--odhl .odhl-rate-card-vertical-divider {
     display: none;
  }
   @media (max-width: 1024px) {
     .homesnew2--odhl .odhl-rates-list {
       width: 100%;
    }
     .homesnew2--odhl .odhl-rate-card-container {
       flex-direction: column;
       border-top: 1px solid rgba(82, 100, 117, 0.2);
       padding-top: 20px;
       margin-bottom: 35px;
    }
     .homesnew2--odhl .odhl-rate-statistic-container {
       flex-direction: row-reverse;
       flex-wrap: wrap;
       position: relative;
    }
     .homesnew2--odhl .odhl-rate-statistic-container > div {
       width: 100%;
    }
     .homesnew2--odhl .odhl-rate-card-description {
       font-size: 14px;
    }
     .homesnew2--odhl .odhl-rate-card-statistic {
       width: 100%;
       margin-top: 17px;
    }
     .homesnew2--odhl .odhl-rate-card-statistic > .odhl-rate-statistic-container:first-child {
       text-align: left;
    }
     .homesnew2--odhl .odhl-rate-statistic-rate {
       padding-left: 0;
    }
     .homesnew2--odhl .odhl-rate-statistic-label {
       position: absolute;
       top: 100%;
    }
  }
   .homesnew2--odhl .odhl-rates-list--head {
     display: flex;
     width: 100%;
  }
   .homesnew2--odhl .odhl-rates-list--head .odhl-rate-card-container {
     margin-bottom: 85px;
  }
   .homesnew2--odhl .odhl-rates-list--head .odhl-rate-card-description {
     color: #1c85e8;
     font-size: 12px;
     text-transform: uppercase;
     padding-top: 5px;
  }
   .homesnew2--odhl .odhl-rates-list--head .odhl-rate-card-statistic {
     justify-content: flex-end;
  }
   .homesnew2--odhl .odhl-rates-list--head .odhl-rate-statistic-rate {
     font-size: 17px;
     font-weight: 100;
     padding-left: 0;
  }
   @media (max-width: 1024px) {
     .homesnew2--odhl .odhl-rates-list--head .odhl-rate-card-container {
       margin-bottom: 35px;
       border-top: 0;
       padding-top: 0;
    }
     .homesnew2--odhl .odhl-rates-list--head .odhl-rate-card-statistic {
       justify-content: flex-start;
    }
  }
   .homesnew2--odhl .odhl-bottom {
     display: flex;
     justify-content: space-between;
     border-top: 1px solid rgba(82, 100, 117, 0.2);
     padding-top: 25px;
  }
   .homesnew2--odhl .odhl-bottom .bottom-text {
     flex: 1;
  }
   .homesnew2--odhl .odhl-bottom p, .homesnew2--odhl .odhl-bottom p a, .homesnew2--odhl .odhl-bottom small {
     color: #7f92a4;
  }
   .homesnew2--odhl .odhl-bottom p {
     font-size: 10px;
     line-height: 1.3em;
  }
   .homesnew2--odhl .odhl-bottom p a {
     font-weight: 500;
  }
   .homesnew2--odhl .odhl-bottom small {
     font-size: 12px;
     font-weight: 500;
     display: block;
     line-height: 1.5em;
  }
   .homesnew2--odhl .odhl-bottom img {
     display: inline-block;
     width: 31px;
  }
   .homesnew2--odhl.bottom {
     padding: 0;
     background: #fff;
  }
   .homesnew2--odhl.bottom .bottom-note {
     padding: 20px 0;
     border-bottom: 1px solid #d2d2d2;
  }
   .homesnew2--odhl.bottom .bottom-note p {
     color: #7f92a4;
     font-size: 12px;
  }
   @media (max-width: 768px) {
     .homesnew--contact.homesnew2 {
       margin-top: 0;
    }
     .homesnew--contact.homesnew2 .col:first-child img {
       width: 55px;
    }
     .homesnew--contact.homesnew2 h2 {
       font-size: 20px;
    }
  }
  
  
  /* ============================================ Hero ============================================ */
   .homev3--hero {
     padding: 60px 0;
  }
   .homev3--hero .cols-wrap {
     display: flex;
     justify-content: space-between;
     flex-direction: row-reverse;
  }
   .homev3--hero .col-l {
     position: relative;
     width: 45%;
     display: flex;
     justify-content: center;
     align-items: center;
  }
   .homev3--hero .col-r {
     position: relative;
     width: 48%;
     display: flex;
     align-items: center;
  }
   .homev3--hero .bg-cicle {
     width: 100%;
     position: relative;
     display: block;
     border-radius: 50%;
     background: #eef4fa;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
  }
   .homev3--hero .bg-cicle:before {
     content: '';
     position: relative;
     display: block;
     padding-top: 100%;
  }
   .homev3--hero .text-box {
     margin: 0 auto;
  }
   .homev3--hero h1 {
     line-height: 1;
     font-size: 64px;
     margin: 0 auto 20px;
  }
   .homev3--hero p {
     font-size: 17px;
     color: #444;
     line-height: 1.3;
  }
   .homev3--hero .newhome--location-select {
     margin-top: 45px;
     box-shadow: 0px 32px 43px rgba(0, 0, 0, 0.1);
     border-radius: 20px;
     border: 1px solid #dedede;
  }
   .homev3--hero .newhome--location-select select {
     font-weight: bold;
  }
   .homev3--hero .newhome--location-select button.button.primary {
     border-radius: 10px;
  }
   .homev3--hero .bottom-link {
     margin-top: 20px;
  }
   .homev3--hero .bottom-link a {
     font-weight: 500;
     font-size: 14px;
  }
   .homev3--hero .bottom-link svg {
     position: relative;
     top: 2px;
     margin-left: 10px;
  }
   @media (max-width: 960px) {
     .homev3--hero {
       padding-bottom: 0;
    }
     .homev3--hero .cols-wrap {
       flex-wrap: wrap;
    }
     .homev3--hero .col-l, .homev3--hero .col-r {
       width: 100%;
    }
     .homev3--hero .col-l {
       padding-top: 130px;
    }
     .homev3--hero .bg-cicle {
       max-width: 413px;
       transform: translate(-50%, 0);
       top: 50px;
    }
     .homev3--hero .text-box {
       text-align: center;
       width: 100%;
       max-width: 600px;
    }
     .homev3--hero h1 {
       font-size: 50px;
       margin: 0 auto 20px;
       max-width: 410px;
    }
     .homev3--hero .newhome--location-select {
       padding: 16px 14px 14px;
    }
     .homev3--hero .newhome--location-select .select-wrap span {
       right: auto;
       left: 0;
    }
     .homev3--hero .newhome--location-select select {
       padding: 0 25px 0 45px;
       font-size: 16px;
    }
     .homev3--hero .bottom-link {
       text-align: left;
    }
  }
   @media (max-width: 600px) {
     .homev3--hero h1 {
       font-size: 42px;
       margin: 0 auto 20px;
    }
     .homev3--hero p {
       font-size: 16px;
    }
  }
  
  /* ============================================ for test ============================================ */
  .homev3--hero--test {
    background: #EEF4FA;
    display: flex;
    justify-content: space-between;
  }
  .homev3--hero--test .text-box {
    width: 50%;
  }
  .homev3--hero--test .text-box h1 {
    margin: 100px 0 0 0;
    font-size: 60px;
    color: #222;
  }
  .homev3--hero--test .text-box p {
    margin: 15px 0 40px;
    font-size: 20px;
    line-height: 1.5em;
    color: #444;
  }
  .homev3--hero--test .text-box .regular-container {
    max-width: 520px;
  }
  .homev3--hero--test .visual {
    width: 50%;
  }
  .homev3--hero--test .bottom-link a {
    font-weight: 500;
    font-size: 14px;
  }
  .homev3--hero--test .bottom-link svg {
    position: relative;
    top: 2px;
    margin-left: 10px;
  }
  .homev3--hero--test--sp {
    margin-top: 60px;
  }
  
  @media (max-width: 1280px) {
    .homev3--hero--test .text-box .regular-container {
      max-width: 460px;
    }
    .homev3--hero--test .text-box h1 {
      margin: 50px 0 0 0;
      font-size: 40px;
    }
    .homev3--hero--test--sp {
      margin-top: 40px;
    }
  }
  
   @media (max-width: 960px) {
    .homev3--hero--test {
      background: #EEF4FA;
      display: block;
      padding-top: 60px;
    }
    .homev3--hero--test .text-box h1 {
      margin: 0;
    }
    .homev3--hero--test .text-box {
      width: 100%;
    }
    .homev3--hero--test .visual {
      width: 100%;
    }
  }
  
   @media (max-width: 600px) {
    .homev3--hero--test .text-box .regular-container {
      max-width: 90%;
      margin: 0 auto;
    }
  }
  
  /* ============================================ Phone frame ============================================ */
   .homev3--hero-phone-frame {
     max-width: 300px;
     width: 80%;
     position: relative;
     z-index: 3;
  }
   .homev3--hero-phone-frame svg {
     display: block;
     width: 100%;
     position: relative;
     z-index: 3;
  }
   .homev3--hero-phone-frame .bg-shadow, .homev3--hero-phone-frame .video-holder, .homev3--hero-phone-frame video {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
  }
   .homev3--hero-phone-frame .bg-shadow {
     background: black;
     z-index: 1;
     box-shadow: 0px 26px 97px rgba(0, 0, 0, 0.0001), 0px 2px 7px rgba(0, 0, 0, 0.08), 0px 48px 141px rgba(0, 0, 0, 0.123716), inset 0px -18px 44px rgba(0, 0, 0, 0.05);
     width: 100%;
     height: 100%;
     border-radius: 50px;
     background: transparent;
  }
   .homev3--hero-phone-frame .video-holder {
     width: 88%;
     height: 96%;
     border-radius: 20px;
     overflow: hidden;
  }
   .homev3--hero-phone-frame video {
     width: 100%;
     display: block;
  }
  /* ============================================ Section Block ============================================ */
   .homev3--section-text .text-center {
     text-align: center;
  }
   .homev3--section-text h2 {
     font-size: 32px;
     color: #222;
     line-height: 1.3;
     margin: 0 0 30px 0;
  }
   .homev3--section-text h2.h2 {
     font-size: 36px;
  }
   .homev3--section-text p {
     font-size: 20px;
     line-height: 1.5em;
     color: #444;
  }
   @media (max-width: 960px) {
     .homev3--section-text h2, .homev3--section-text h2.h2 {
       font-size: 24px;
    }
     .homev3--section-text p {
       font-size: 16px;
    }
  }
  /* ============================================ Intro ============================================ */
   .homev3--intro {
     padding: 30px 0 60px;
  }
   .homev3--intro .cols-wrap {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
     margin-top: 80px;
  }
   .homev3--intro .col-l {
     width: 47%;
     display: flex;
     align-items: center;
  }
   .homev3--intro .col-r {
     width: 45%;
  }
   .homev3--intro .button-box {
     margin-top: 50px;
     display: flex;
     justify-content: space-between;
     max-width: 310px;
  }
   .homev3--intro .button-box > div {
     width: 100%;
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
  }
   .homev3--intro .button-box > div a {
     width: 47%;
     max-width: 163px;
  }
   .homev3--intro .button-box > div img {
     display: block;
     width: 100%;
     max-width: 100%;
  }
   .homev3--intro .button-box p {
     font-size: 14px;
     opacity: 0.5;
     margin-left: 0;
     margin-right: 0;
  }
   .homev3--intro .button {
     max-width: 174px;
     width: 100%;
     text-align: center;
  }
   @media (max-width: 960px) {
     .homev3--intro .cols-wrap {
       flex-wrap: wrap;
       margin-top: 50px;
    }
     .homev3--intro .col-l, .homev3--intro .col-r {
       width: 100%;
    }
     .homev3--intro .col-l {
       margin-bottom: 100px;
    }
     .homev3--intro .col-l > div {
       text-align: center;
    }
     .homev3--intro .button-box {
       justify-content: center;
       margin: 50px auto 0;
    }
     .homev3--intro .button-box p {
       padding: 0 0 0 20px;
    }
  }
  /* ============================================ Slider 1 ============================================ */
   .homev3--slider-1 {
     background: #fff;
     box-shadow: 0px 32px 43px rgba(0, 0, 0, 0.1);
     border-radius: 8px;
     margin-bottom: 42px;
  }
   .homev3--slider-1 * {
     outline: none;
  }
   .homev3--slider-1 figure {
     position: relative;
     display: block;
     overflow: hidden;
     border-top-left-radius: 8px;
     border-top-right-radius: 8px;
  }
   .homev3--slider-1 figure:before {
     content: '';
     position: relative;
     display: block;
     padding-top: 74%;
  }
   .homev3--slider-1 figure img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
  }
   .homev3--slider-1 p {
     font-size: 20px;
     line-height: 1.3;
     font-weight: bold;
     padding: 24px 37px 26px;
  }
   .homev3--slider-1 p span {
     color: #1c85e8;
  }
   .homev3--slider-1 .slick-dots {
     bottom: -45px;
  }
   .homev3--slider-1 .slick-dots li {
     margin: 0;
  }
   .homev3--slider-1 .slick-dots li button:before {
     font-size: 10px;
     color: #1c85e8;
  }
   .homev3--slider-1 .slick-dots li.slick-active button:before {
     color: #1c85e8;
     opacity: 1;
  }
  /* ============================================ Calculator ============================================ */
   .homev3--calculator {
     background: #eef4fa;
     padding: 120px 0;
  }
   .homev3--calculator .inner-wrap {
     max-width: 624px;
     margin: 0 auto;
  }
   .homev3--calculator h2 {
     max-width: 450px;
     margin-left: auto;
     margin-right: auto;
  }
   .homev3--calculator .cal-wrap {
     margin-top: 50px;
  }
   .homev3--calculator .cal-wrap p.small {
     margin-bottom: 10px;
  }
   .homev3--calculator p.small {
     font-size: 14px;
  }
   .homev3--calculator .cal-outcome {
     margin-top: 25px;
  }
   .homev3--calculator .cal-outcome * {
     color: #1c85e8;
     font-weight: 500;
  }
   .homev3--calculator .cal-outcome p.small {
     margin-bottom: 0;
  }
   .homev3--calculator .save-outcome {
     font-size: 42px;
     font-weight: bold;
  }
   .homev3--calculator .cal-terms {
     margin-top: 50px;
  }
   .homev3--calculator .cal-terms p.small {
     margin: 0;
  }
   @media (max-width: 600px) {
     .homev3--calculator {
       padding: 50px 0 130px;
    }
     .homev3--calculator .cal-terms {
       margin-top: 30px;
    }
  }
   .homev3--save-cal-slider {
     padding: 40px 0;
     position: relative;
  }
   .homev3--save-cal-slider .rangeslider, .homev3--save-cal-slider .rangeslider__fill {
     display: block;
  }
   .homev3--save-cal-slider .rangeslider {
     background: rgba(0, 0, 0, 0.16);
     position: relative;
  }
   .homev3--save-cal-slider .rangeslider--horizontal {
     height: 2px;
     width: 100%;
  }
   .homev3--save-cal-slider .rangeslider--horizontal:before, .homev3--save-cal-slider .rangeslider--horizontal:after {
     content: '';
     position: absolute;
     width: 2px;
     height: 15px;
     background: rgba(0, 0, 0, 0.16);
     top: 50%;
     transform: translateY(-50%);
  }
   .homev3--save-cal-slider .rangeslider--horizontal:before {
     left: -2px;
  }
   .homev3--save-cal-slider .rangeslider--horizontal:after {
     right: -2px;
  }
   .homev3--save-cal-slider .rangeslider__fill {
     background: rgba(0, 0, 0, 0.16);
     position: absolute;
  }
   .homev3--save-cal-slider .rangeslider--horizontal .rangeslider__fill {
     top: 0;
     height: 2px;
  }
   .homev3--save-cal-slider .rangeslider__handle {
     background: white;
     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;
  }
   @media (max-width: 600px) {
     .homev3--save-cal-slider .rangeslider__handle {
       width: 150px;
       height: 40px;
    }
  }
   .homev3--save-cal-slider .rangeslider--horizontal .rangeslider__handle {
     top: 50%;
     transform: translateY(-50%);
     touch-action: pan-y;
     -ms-touch-action: pan-y;
  }
   .homev3--save-cal-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;
     font-weight: 500;
  }
   @media (max-width: 600px) {
     .homev3--save-cal-slider .range-output {
       width: 150px;
       height: 40px;
    }
  }
   .homev3--save-cal-slider .range-output p {
     text-align: center;
     color: #172a52;
     font-size: 14px;
     margin: 0;
     width: 100%;
     display: block;
     line-height: 1em;
  }
   .homev3--save-cal-slider .range-output p.output {
     font-size: 22px;
     color: #132955;
  }
   @media (max-width: 600px) {
     .homev3--save-cal-slider .range-output p.output {
       font-size: 18px;
    }
  }
  /* ============================================ Make Offer ============================================ */
   .homev3--offer {
     margin-top: -47px;
     margin-bottom: 100px;
  }
   .homev3--offer .col-wrap {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
  }
   .homev3--offer .col-l {
     width: 48%;
  }
   .homev3--offer .col-l figure {
     position: relative;
     width: 100%;
     border-radius: 23px;
     overflow: hidden;
  }
   .homev3--offer .col-l figure:before {
     content: '';
     position: relative;
     padding-top: 100%;
     display: block;
  }
   .homev3--offer .col-l figure img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
  }
   .homev3--offer .col-r {
     width: 43%;
     display: flex;
     align-items: flex-end;
  }
   .homev3--offer .col-r h2 {
     max-width: 310px;
  }
   .homev3--offer .text-box {
     margin-top: 50px;
  }
   @media (max-width: 600px) {
     .homev3--offer {
       margin-top: -70px;
    }
     .homev3--offer .col-l, .homev3--offer .col-r {
       width: 100%;
    }
     .homev3--offer .text-box {
       margin-top: 35px;
    }
  }
  /* ============================================ Ready ============================================ */
   .homev3--ready .col-wrap {
     display: flex;
     flex-wrap: wrap;
     flex-direction: row-reverse;
     justify-content: space-between;
  }
   .homev3--ready .col-l {
     width: 43%;
  }
   .homev3--ready .col-l figure {
     position: relative;
     width: 100%;
  }
   .homev3--ready .col-l figure:before {
     content: '';
     position: relative;
     display: block;
     padding-top: 137.378%;
  }
   .homev3--ready .col-l figure > div {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
  }
   .homev3--ready .col-l img {
     width: 100%;
     display: block;
  }
   .homev3--ready .col-r {
     width: 48%;
     display: flex;
     align-items: center;
  }
   .homev3--ready .col-r h2 {
     max-width: 310px;
  }
   .homev3--ready .text-box {
     margin-top: 50px;
     max-width: 375px;
  }
   .homev3--ready .button-box {
     margin-top: 50px;
     display: flex;
     justify-content: space-between;
     max-width: 310px;
  }
   .homev3--ready .button-box > div {
     width: 100%;
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
  }
   .homev3--ready .button-box > div a {
     width: 47%;
     max-width: 163px;
  }
   .homev3--ready .button-box > div img {
     display: block;
     width: 100%;
     max-width: 100%;
  }
   .homev3--ready .button-box p {
     font-size: 14px;
     opacity: 0.5;
     margin-left: 0;
     margin-right: 0;
  }
   .homev3--ready .button {
     max-width: 174px;
     width: 100%;
     text-align: center;
  }
   @media (max-width: 600px) {
     .homev3--ready .col-l, .homev3--ready .col-r {
       width: 100%;
    }
     .homev3--ready .text-box {
       max-width: 100%;
    }
  }
  /* ============================================ stat ============================================ */
   .homev3--stat {
     margin: 100px 0;
  }
   .homev3--stat .col-wrap {
     display: flex;
     flex-wrap: wrap;
  }
   .homev3--stat .col {
     width: calc(100% / 3);
     padding: 0 5%;
     text-align: center;
  }
   .homev3--stat h3, .homev3--stat p {
     margin: 0;
  }
   .homev3--stat h3 {
     font-weight: bold;
     font-size: 42px;
  }
   .homev3--stat p {
     font-size: 20px;
     line-height: 1.3;
  }
   @media (max-width: 960px) {
     .homev3--stat h3 {
       font-size: 32px;
    }
     .homev3--stat p {
       font-size: 16px;
    }
  }
   @media (max-width: 600px) {
     .homev3--stat {
       margin-bottom: 20px;
    }
     .homev3--stat .col {
       width: 100%;
       display: flex;
       margin-bottom: 50px;
    }
     .homev3--stat .col > div {
       margin-left: 30px;
       text-align: left;
    }
  }
  /* ============================================ Options ============================================ */
   .homev3--options {
     padding: 100px 0;
  }
   .homev3--options .col-wrap {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
  }
   .homev3--options .col {
     width: 46%;
  }
   .homev3--options h3 {
     display: flex;
     align-items: center;
     font-size: 26px;
     margin: 0 0 30px;
  }
   .homev3--options h3 svg {
     margin-right: 20px;
  }
   .homev3--options small {
     font-size: 14px;
     color: #1c85e8;
     font-weight: 500;
     display: block;
     margin-top: 50px;
     line-height: 1.2;
  }
   @media (max-width: 600px) {
     .homev3--options {
       padding: 50px 0;
    }
     .homev3--options .col {
       width: 100%;
    }
     .homev3--options .col:first-child {
       margin-bottom: 80px;
    }
     .homev3--options h3 {
       font-size: 20px;
       margin: 0 0 25px;
    }
     .homev3--options small {
       margin-top: 30px;
    }
  }
  /* ============================================ buyback ============================================ */
   .homev3--buyback {
     background: #eef4fa;
     padding: 80px 0;
  }
   .homev3--buyback img {
     margin-bottom: 20px;
  }
   .homev3--buyback .text-box {
     max-width: 570px;
     margin: 0 auto;
  }
   .homev3--buyback h2 {
     max-width: 400px;
     margin-left: auto;
     margin-right: auto;
  }
   .homev3--buyback small {
     font-size: 14px;
     font-weight: 500;
     display: inline-block;
     margin-top: 35px;
  }
  /* ============================================ FAQ ============================================ */
   .homev3--faq .one-faq-item::after {
     content: none;
  }
   .homev3--faq .one-faq-item.active h6 svg {
     transform: translateY(-50%) rotate(-180deg);
  }
   .homev3--faq .one-faq-item__answer h6 {
     font-size: 16px;
     margin: 1.5em 0;
     font-weight: bold;
  }
   .homev3--faq .one-faq-item__answer p:not(:last-of-type), .homev3--faq .one-faq-item__answer li:not(:last-of-type) {
     margin-bottom: 20px;
  }
   .homev3--faq h6 {
     position: relative;
     padding-right: 45px;
     font-size: 20px;
     font-weight: 500;
     line-height: 1.3;
  }
   .homev3--faq h6 svg {
     position: absolute;
     top: 50%;
     right: 0;
     transform: translateY(-50%) rotate(0);
     transition: transform 0.35s;
  }
   .homev3--faq .bottom-cta {
     padding-top: 40px;
     border-top: 1px solid #f0f0f0;
  }
   .homev3--faq .bottom-cta p {
     font-size: 20px;
  }
   .homev3--faq .bottom-cta a {
     font-size: 14px;
     font-weight: 500;
  }
   @media (max-width: 600px) {
     .homev3--faq h6 {
       font-size: 16px;
    }
     .homev3--faq h6 svg {
       width: 15px;
    }
     .homev3--faq .one-faq-item__answer p {
       font-size: 14px;
    }
     .homev3--faq .bottom-cta p {
       font-size: 16px;
    }
     .homev3--faq .bottom-cta a {
       font-size: 14px;
       font-weight: 500;
    }
  }
  /* ============================================ contact ============================================ */
  /* Contact ============================================ */
   .homev3-contact {
     margin-top: 20px;
     margin-bottom: 80px;
     background: #eef4fa;
     padding: 100px 0;
  }
   .homev3-contact .col-wrap {
     display: flex;
     justify-content: space-between;
  }
   .homev3-contact .col-wrap .button {
     margin-top: 20px;
     padding-left: 30px;
     padding-right: 30px;
  }
   .homev3-contact h4 {
     margin: 0 0 20px 0;
     font-size: 18px;
  }
   .homev3-contact .col {
     width: 46%;
  }
   .homev3-contact .col:first-child p {
     font-size: 14px;
     text-align: center;
     max-width: 300px;
     margin: 0 auto;
  }
   .homev3-contact .col:last-child p {
     font-size: 14px;
     color: #525876;
     line-height: 1.9em;
  }
   .homev3-contact .homesnew-loc-list a {
     display: inline-block;
     margin-right: 14px;
     color: #444;
  }
   .homev3-contact .homesnew-loc-list a:hover {
     color: #1c85e8;
  }
   @media (max-width: 600px) {
     .homev3-contact {
       margin-top: 10px;
       margin-bottom: 80px;
       padding: 50px 0 15px;
    }
     .homev3-contact .col-wrap {
       flex-direction: column;
       align-items: center;
    }
     .homev3-contact .col-wrap .button {
       margin-top: 0;
       width: 100%;
       text-align: center;
    }
     .homev3-contact .col {
       width: 100%;
       text-align: left;
       margin-bottom: 50px;
    }
  }
  /* ============================================ Table ============================================ */
   .homev3--table {
     padding-top: 50px;
     margin-bottom: 80px;
  }
   .homev3--table table {
     width: 100%;
  }
   .homev3--table thead td {
     padding-top: 35px;
  }
   .homev3--table thead td:nth-child(1) {
     font-weight: normal;
  }
   .homev3--table thead td:nth-child(2) {
     font-weight: bold;
     color: #1c85e8;
  }
   .homev3--table td {
     padding-top: 20px;
     padding-bottom: 20px;
     font-size: 18px;
     line-height: 1.2;
     color: #222;
  }
   .homev3--table td:nth-child(1) {
     width: 50%;
     padding-left: 30px;
     padding-right: 20px;
     font-weight: 600;
  }
   .homev3--table td:nth-child(2), .homev3--table td:nth-child(3) {
     text-align: center;
     padding-left: 10px;
     padding-right: 10px;
  }
   .homev3--table td:nth-child(2) {
     background: #eef4fa;
     width: 25%;
  }
   .homev3--table td:nth-child(3) {
     width: 25%;
  }
   .homev3--table .bottom-note p, .homev3--table .bottom-note p a {
     font-size: 14px;
     text-align: center;
     color: #444;
     margin-top: 50px;
  }
   .homev3--table .info-button {
     display: inline-block;
     cursor: pointer;
  }
   @media (max-width: 900px) {
     .homev3--table td {
       font-size: 16px;
    }
     .homev3--table thead td {
       font-size: 14px;
    }
  }
   @media (max-width: 600px) {
     .homev3--table {
       margin-bottom: 40px;
    }
     .homev3--table td {
       padding-top: 18px;
       padding-bottom: 18px;
       font-size: 16px;
    }
     .homev3--table thead td {
       font-size: 14px;
    }
     .homev3--table .bottom-note p {
       text-align: left;
       margin-top: 15px;
    }
  }
   @media (max-width: 600px) {
     .homev3--table-container {
       width: 105%;
       margin-top: 10px;
       border-top-left-radius: 20px;
       border-bottom-left-radius: 20px;
       position: relative;
    }
     .homev3--table-container:before {
       content: '';
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       border-radius: 20px;
       box-shadow: 0px 32px 43px rgba(0, 0, 0, 0.1);
    }
  }
   .homev3--table-frame {
     margin-top: 80px;
  }
   @media (max-width: 600px) {
     .homev3--table-frame {
       overflow-x: scroll;
       -webkit-overflow-scrolling: touch;
       position: relative;
       z-index: 3;
    }
  }
   .homev3--table-wrap {
     border-radius: 20px;
     overflow: hidden;
     box-shadow: 0px 32px 43px rgba(0, 0, 0, 0.1);
     background: #fff;
  }
   @media (max-width: 600px) {
     .homev3--table-wrap {
       min-width: 600px;
       box-shadow: 0px 32px 43px rgba(0, 0, 0, 0);
    }
  }
  
  
  
  
  /* ========== Reserve Page Teplate ============= */
  .reserve--hero {
     padding-top: 78px;
     padding-bottom: 68px;
     background-color: #d2e7fa;
  }
   @media (max-width: 687px) {
     .reserve--hero {
       padding-top: 40px;
    }
  }
   .reserve--container {
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
     flex-wrap: wrap;
     max-width: 1220px;
     width: 90%;
     margin: 0 auto;
  }
   .reserve--hero-copy {
     width: 46%;
  }
   .reserve--hero-copy h1 {
     font-size: 51px;
     color: #002245;
     line-height: 1.1em;
     margin-top: 0;
     margin-bottom: 25px;
  }
   .reserve--hero-copy ul {
     padding: 0;
     margin: 0;
     list-style: none;
  }
   .reserve--hero-copy p, .reserve--hero-copy li {
    font-size: 18px;
      color: #002245;
      line-height: 1.4;
      position: relative;
  }
  
  .reserve--hero-copy li {
    padding-left: 43px;
    margin-bottom: 10px;
  }
   .reserve--hero-copy li svg {
    position: absolute;
    top: 0;
    left: 0;
  }
   @media (max-width: 1024px) {
     .reserve--hero-copy {
       width: 100%;
    }
     .reserve--hero-copy h1 {
       font-size: 45px;
    }
  }
   @media (max-width: 687px) {
     .reserve--hero-copy h1 {
       font-size: 32px;
    }
     .reserve--hero-copy p {
       font-size: 12px;
    }
     .reserve--hero-copy li svg {
       top: 0px;
       width: 18px;
    }
  }
   .reserve--hero-tool {
     background-color: #fff;
     border-radius: 14px;
     margin-top: 40px;
  }
   @media (max-width: 1024px) {
     .reserve--hero-tool {
       margin-bottom: 50px;
       box-shadow: 0px 14px 34px rgba(0, 0, 0, 0.08);
    }
  }
   .reserve--hero-review {
     width: 43%;
  }
   @media (max-width: 1024px) {
     .reserve--hero-review {
       width: 100%;
    }
  }
   .reserve--hero-tool-nav {
     display: flex;
     border-bottom: 1px solid #dedede;
  }
   .reserve--hero-tool-nav div {
     flex: 1;
     text-align: center;
     cursor: pointer;
     padding: 15px;
     border-bottom: 4px solid transparent;
  }
   .reserve--hero-tool-nav div.is-active {
     border-bottom-color: #1c85e8;
  }
   .reserve--hero-tool-nav div.is-active p {
     color: #1c85e8;
  }
   .reserve--hero-tool-nav p {
     font-size: 18px;
     color: #002245;
     font-weight: bold;
  }
   @media (max-width: 687px) {
     .reserve--hero-tool-nav p {
       font-size: 14px;
    }
    .reserve--hero-copy li {
      font-size: 12px;
      padding-left: 28px;
    }
  }
   .reserve--hero-tool-content {
     padding: 10px 17px 1px;
  }
   .reserve--hero-tool-content-item {
     margin-bottom: 20px;
     position: relative;
     display: none;
  }
   .reserve--hero-tool-content-item.is-active {
     display: block;
  }
   .reserve--hero-tool-content-item .od-cta-input {
     box-shadow: none;
  }
  .reserve--hero-tool-content-item .reserve--buysell-form {
    margin-top: 13px;
  }
  
  .reserve--hero-tool-content-item .reserve--buysell-form input {
    padding-left: 17px !important;
  }
  
  .reserve--hero-tool-content-item .reserve--buysell-form .Select-input [class$="placeholder"] {
    margin-left: 12px;
  }
  
  .reserve--hero-tool-content-item .reserve--buysell-form .Select-input [class$="singleValue"] {
    margin-left: 10px;
  }
  
  
  .reserve--hero-tool-content-item .reserve--sell-form input,
  .reserve--hero-tool-content-item .reserve--buy-form select {
     border: 0 !important;
     border-bottom: 1px solid #dedede !important;
     padding: 15px 0 15px 50px !important;
     width: 100% !important;
     appearance: none;
     outline: none;
  }
   @media (max-width: 687px) {
     .reserve--hero-tool-content-item input, .reserve--hero-tool-content-item select {
       font-size: 14px;
    }
    .reserve--hero-tool-content .Select-input {
      font-size: 12px;
    }
  }
   .reserve--hero-tool-content-item input.is-invalid, .reserve--hero-tool-content-item select.is-invalid {
     border-bottom-color: red !important;
     background: rgba(255, 0, 0, 0.1);
  }
  }
   .reserve--hero-tool-content-item select {
     cursor: pointer;
  }
   .reserve--hero-tool-content-item button[type=submit] {
     width: 100% !important;
     margin-top: 20px;
     background-color: #1c85e8;
     color: #fff;
     transition: all 0.3s ease;
     display: inline-block;
     padding: 15px 25px !important;
     font-size: 14px;
     font-weight: 500;
     border-radius: 50px !important;
     height: 53px;
     outline: none !important;
  }
   .reserve--hero-tool-content-item form.cta-input-form {
     display: block;
  }
   .reserve--hero-tool-content-item form .cta-input-button {
     max-width: 100% !important;
     margin-left: 0 !important;
  }
   .reserve--hero-tool-content-item .cta-input-wrapper {
     padding: 0 !important;
  }
   .reserve--hero-tool-content-item .select-wrap {
     position: relative;
  }
   .reserve--hero-tool-content-item .select-wrap span {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     left: 0;
     pointer-events: none;
     width: 40px;
     background: #fff;
     height: 100%;
  }
   .reserve--hero-tool-content-item .select-wrap span svg {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     left: 0;
  }
   .reserve--hero-tool-content-item .icon {
     position: absolute;
     left: 0;
     top: 0px;
     z-index: 2;
     pointer-events: none;
     width: 40px;
     height: 59px;
     background: #fff;
  }
   .reserve--hero-tool-content-item .icon svg {
     position: absolute;
     top: 50%;
     left: 0;
     transform: translateY(-50%);
  }
   .reserve--sell-form {
     position: relative;
  }
   .reserve--hero-review ul {
     padding: 0;
     margin: 0;
  }
   .reserve--hero-review ul.is-active li {
     opacity: 1;
     visibility: visible;
     top: 0;
  }
   .reserve--hero-review ul.is-active li:nth-of-type( 1) {
     transition-delay: 0.2s;
  }
   .reserve--hero-review ul.is-active li:nth-of-type( 2) {
     transition-delay: 0.4s;
  }
   .reserve--hero-review ul.is-active li:nth-of-type( 3) {
     transition-delay: 0.6s;
  }
   .reserve--hero-review ul.is-active li:nth-of-type( 4) {
     transition-delay: 0.8s;
  }
   .reserve--hero-review ul.is-active li:nth-of-type( 5) {
     transition-delay: 1s;
  }
   .reserve--hero-review li {
     list-style: none;
     border-radius: 14px;
     border-bottom-left-radius: 0;
     background: white;
     display: flex;
     justify-content: space-between;
     padding: 28px 30px;
     margin-bottom: 20px;
     opacity: 0;
     visibility: hidden;
     position: relative;
     top: -10px;
     transition: 0.5s;
  }
   @media (max-width: 687px) {
     .reserve--hero-review li {
       padding: 15px 18px;
    }
  }
   .reserve--hero-review li:last-of-type {
     margin-bottom: 0;
  }
   .reserve--hero-review li div {
     width: calc(95% - 60px);
  }
   @media (max-width: 687px) {
     .reserve--hero-review li div {
       width: calc(95% - 40px);
    }
  }
   .reserve--hero-review li:not(.reserve--bubble-last) figure {
     width: 60px;
     height: 60px;
     border-radius: 999px;
     overflow: hidden;
     position: relative;
  }
   @media (max-width: 687px) {
     .reserve--hero-review li:not(.reserve--bubble-last) figure {
       width: 40px;
       height: 40px;
    }
  }
   .reserve--hero-review li:not(.reserve--bubble-last) figure img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
  }
   .reserve--hero-review li:not(.reserve--bubble-last) h6 {
     margin: 0 0 10px;
     font-size: 12px;
     font-weight: 600;
  }
   .reserve--hero-review li:not(.reserve--bubble-last) p {
     font-size: 14px;
     color: #002247;
     line-height: 1.4;
  }
   @media (max-width: 687px) {
     .reserve--hero-review li:not(.reserve--bubble-last) p {
       font-size: 12px;
    }
  }
   .reserve--hero-review li.reserve--bubble-last {
     display: flex;
     justify-content: space-between;
  }
   @media (max-width: 687px) {
     .reserve--hero-review li.reserve--bubble-last {
       padding-top: 25px;
       padding-bottom: 25px;
    }
  }
   .reserve--hero-review li.reserve--bubble-last > div:nth-child(1) {
     width: 30%;
  }
   .reserve--hero-review li.reserve--bubble-last > div:nth-child(1) img {
     display: block;
     width: 100%;
  }
   .reserve--hero-review li.reserve--bubble-last > div:nth-child(2) {
     width: 70%;
     display: flex;
     align-items: center;
     justify-content: flex-end;
  }
   .reserve--hero-review li.reserve--bubble-last p {
     font-size: 12px;
     color: rgba(0, 0, 0, 0.5);
     white-space: nowrap;
     text-align: right;
     flex: 1;
  }
   .reserve--hero-review li.reserve--bubble-last p span {
     display: inline-block;
     margin-left: 10px;
  }
   @media (max-width: 687px) {
     .reserve--hero-review li.reserve--bubble-last p span {
       display: none;
    }
  }
   .reserve--hero-review li.reserve--bubble-last svg {
     margin-left: 9px;
     width: 118px;
     display: inline-block;
  }
   @media (max-width: 687px) {
     .reserve--hero-review li.reserve--bubble-last svg {
       width: 87px;
    }
  }
   .reserve--steps {
     position: relative;
  }
   .reserve--steps .cols-wrap {
     display: flex;
     flex-wrap: wrap;
     position: relative;
  }
   .reserve--steps .col-l {
     width: 50%;
     padding-top: 100px;
     padding-left: 100px;
     padding-right: 100px;
  }
   @media (max-width: 1024px) {
     .reserve--steps .col-l {
       width: 100%;
       padding-left: 5%;
       padding-right: 5%;
       padding-top: 10px;
       padding-bottom: 30px;
    }
  }
   .reserve--steps .col-l h2 {
     margin-bottom: 85px;
  }
   @media (max-width: 687px) {
     .reserve--steps .col-l h2 {
       margin-bottom: 60px;
    }
  }
   .reserve--steps .col-r {
     width: 50%;
     background: #002245;
     padding-top: 100px;
     text-align: center;
     display: flex;
     flex-wrap: wrap;
     flex-direction: column;
     justify-content: space-between;
     overflow: hidden;
     position: relative;
  }
   @media (max-width: 1024px) {
     .reserve--steps .col-r {
       width: 100%;
       padding-left: 5%;
       padding-right: 5%;
       padding-top: 40px;
    }
  }
   @media (max-width: 687px) {
     .reserve--steps .col-r {
       padding-bottom: 55%;
    }
  }
   .reserve--steps .col-r .text-wrap {
     max-width: 520px;
     margin-left: auto;
     margin-right: auto;
     text-align: center;
  }
   .reserve--steps .col-r .btm-img-wrap {
     overflow: hidden;
  }
   @media (max-width: 687px) {
     .reserve--steps .col-r .btm-img-wrap {
       position: absolute;
       width: 100%;
       position: absolute;
       bottom: -14%;
       left: 0;
    }
  }
   .reserve--steps .col-r .btm-img-wrap img {
     width: 100%;
     display: block;
  }
   @media (max-width: 687px) {
     .reserve--steps .col-r .btm-img-wrap img {
       max-width: 200%;
       width: 200%;
       margin: 0 auto;
       position: relative;
       left: -30%;
    }
  }
   .reserve--steps .col-r h2 {
     color: #fff;
     margin-bottom: 40px;
  }
   @media (max-width: 687px) {
     .reserve--steps .col-r h2 {
       margin-bottom: 20px;
    }
  }
   .reserve--steps .col-r h2 span {
     color: #1c85e8;
  }
   .reserve--steps .col-r .button {
     display: inline-block;
     margin-top: 50px;
     margin-bottom: 50px;
     font-size: 18px;
     padding-left: 50px;
     padding-right: 50px;
  }
   @media (max-width: 687px) {
     .reserve--steps .col-r .button {
       font-size: 14px;
       padding: 8px 30px;
       margin-top: 35px;
    }
  }
   .reserve--steps .col-r p {
     color: #fff;
     font-size: 18px;
     line-height: 1.5em;
  }
   @media (max-width: 687px) {
     .reserve--steps .col-r p {
       font-size: 14px;
    }
  }
   .reserve--steps h2 {
     font-size: 34px;
     line-height: 1.3;
  }
   @media (max-width: 687px) {
     .reserve--steps h2 {
       font-size: 26px;
       margin-bottom: 20px;
    }
  }
   .reserve--steps .steprow {
     position: relative;
     padding-left: 75px;
     padding-bottom: 50px;
     overflow: hidden;
  }
   .reserve--steps .steprow:last-of-type .steprow-icon:before {
     content: none;
  }
   .reserve--steps .steprow-icon {
     position: absolute;
     top: 0;
     left: 0;
     width: 43px;
     display: block;
  }
   .reserve--steps .steprow-icon:before {
     content: '';
     position: absolute;
     left: 50%;
     top: 100%;
     transform: translateX(-50%);
     width: 4px;
     height: 100vh;
     background: #eef4fa;
  }
   .reserve--steps .steprow-icon img {
     display: block;
     width: 100%;
  }
   .reserve--steps .steprow-copy h5 {
     color: #000;
     font-size: 20px;
     margin-top: 0;
     margin-bottom: 5px;
  }
   .reserve--steps .steprow-copy h5 span {
     color: #1c85e8;
  }
   .reserve--steps .steprow-copy p {
     font-size: 18px;
     line-height: 1.4em;
     max-width: 450px;
     margin-left: 0;
  }
   @media (max-width: 1024px) {
     .reserve--steps .steprow-copy p {
       max-width: 100%;
    }
  }
   @media (max-width: 687px) {
     .reserve--steps .steprow-copy p {
       font-size: 14px;
    }
  }
   .reserve--info {
     background: #edf3f9;
     overflow: hidden;
  }
   .reserve--info .reserve--container {
     display: block;
  }
   .reserve--info .one-faq-item:nth-child(1) {
     border-top: 0;
  }
   .reserve--info .one-faq-item {
     margin-top: 0;
  }
   .reserve--info .faq-section {
     padding: 40px 78px 50px;
     max-width: 930px;
     margin: 0 auto;
     background: #fff;
     position: relative;
  }
   @media (max-width: 687px) {
     .reserve--info .faq-section {
       padding: 40px 25px 50px;
       width: 114%;
       position: relative;
       left: -6%;
    }
  }
   .reserve--info .faq-section:before {
     content: '';
     position: absolute;
     left: -100vw;
     bottom: -1px;
     width: 300vw;
     height: calc(100% - 230px);
     background: #fff;
  }
   .reserve--info .text-wrap {
     padding: 90px 0;
     max-width: 580px;
     margin: 0 auto;
     text-align: center;
  }
   @media (max-width: 687px) {
     .reserve--info .text-wrap {
       padding: 50px 0;
    }
  }
   .reserve--info .text-wrap h2 {
     color: #002245;
     font-size: 32px;
     margin: 0 0 20px 0;
  }
   @media (max-width: 687px) {
     .reserve--info .text-wrap h2 {
       font-size: 24px;
    }
  }
   .reserve--info .text-wrap p {
     color: #002245;
     font-size: 18px;
     line-height: 1.4em;
  }
   @media (max-width: 687px) {
     .reserve--info .text-wrap p {
       font-size: 14px;
    }
  }
  
  
  
  
  
  /* ========== Reserve Journey Map Pape Teplate ============= */
  .reserve-jm__container {
     max-width: 930px;
     width: 90%;
     margin: 0 auto;
  }
   .reserve-jm__hero {
     background: #fff;
     padding-top: 35px;
     padding-bottom: 30px;
  }
   .reserve-jm__hero h1 {
     text-align: center;
     max-width: 570px;
     margin: 0 auto;
     font-size: 42px;
     line-height: 1.2em;
  }
   @media (max-width: 687px) {
     .reserve-jm__hero h1 {
       font-size: 27px;
    }
  }
   .reserve-jm__hero .steps-container {
     margin-top: 40px;
     overflow: hidden;
     position: relative;
  }
   .reserve-jm__hero .bg-bar {
     content: '';
     position: absolute;
     top: 9px;
     left: 0;
     width: 100%;
     height: 4px;
     background: #eef4fa;
  }
   .reserve-jm__hero .steps-wrap {
     display: flex;
     justify-content: space-between;
     position: relative;
  }
   .reserve-jm__hero .steps-col {
     text-align: center;
  }
   .reserve-jm__hero .dot {
     display: block;
     width: 24px;
     height: 24px;
     border-radius: 50%;
     background: #fff;
     margin: 0 auto;
     position: relative;
  }
   .reserve-jm__hero .dot:before, .reserve-jm__hero .dot:after {
     content: '';
     position: absolute;
     top: 9px;
  }
   .reserve-jm__hero .dot span {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     border-radius: 50%;
     background: #eef4fa;
     width: 18px;
     height: 18px;
  }
   .reserve-jm__hero h6 {
     margin: 12px 0 0 0;
     font-size: 19px;
     text-align: center;
     line-height: 1em;
  }
   @media (max-width: 687px) {
     .reserve-jm__hero h6 {
       font-size: 18px;
    }
  }
   .reserve-jm__hero p {
     margin: 0;
     font-size: 10px;
     text-align: center;
     color: #979797;
  }
   .reserve-jm__hero .step-col.is-active .dot {
     background: #fff;
  }
   .reserve-jm__hero .step-col.is-active .dot span {
     background: #1c85e8;
  }
   .reserve-jm__hero .step-col.is-active h6, .reserve-jm__hero .step-col.is-active p {
     color: #1c85e8;
  }
   .reserve-jm__hero .step-col:first-of-type {
     z-index: 3;
  }
   .reserve-jm__hero .step-col:first-of-type .dot:before {
     left: 100%;
     width: 34px;
     height: 4px;
     background: #1c85e8;
  }
   .reserve-jm__hero .step-col:first-of-type .dot:after {
     top: 0;
     right: 100%;
     width: 100vw;
     height: 20px;
     background: #fff;
  }
   .reserve-jm__hero .step-col:nth-of-type(2) {
     z-index: 2;
  }
   .reserve-jm__hero .step-col:nth-of-type(2).is-active .dot:before {
     background: #1c85e8;
  }
   .reserve-jm__hero .step-col:nth-of-type(2).is-active .dot span {
     background: #1c85e8;
  }
   .reserve-jm__hero .step-col:nth-of-type(2) .dot:before {
     right: 100%;
     width: 100vw;
     height: 4px;
     background: transparent;
  }
   .reserve-jm__hero .step-col:last-of-type {
     z-index: 0;
  }
   .reserve-jm__hero .step-col:last-of-type.is-active .dot:before {
     background: #1c85e8;
  }
   .reserve-jm__hero .step-col:last-of-type.is-active .dot span {
     background: #1c85e8;
  }
   .reserve-jm__hero .step-col:last-of-type .dot:before {
     right: 100%;
     width: 100vw;
     height: 4px;
     background: transparent;
  }
   .reserve-jm__hero .step-col:last-of-type .dot:after {
     top: 0;
     left: 100%;
     width: 100vw;
     height: 20px;
     background: #fff;
  }
   .reserve-jm__body {
     background: #eef4fa;
     padding: 66px 0;
  }
   @media (max-width: 687px) {
     .reserve-jm__body {
       padding-bottom: 30px;
    }
  }
   .reserve-jm__sec-circle {
     width: 40px;
     margin: 0;
     display: inline-block;
     position: relative;
     text-align: center;
     vertical-align: top;
  }
   .reserve-jm__sec-circle canvas {
     display: block;
  }
   .reserve-jm__sec-circle strong {
     position: absolute;
     top: 50%;
     left: 50%;
     text-align: center;
     line-height: 1em;
     font-size: 12px;
     transform: translate(-50%, -50%);
     color: #1c85e8;
  }
   .reserve-jm__sec {
     margin-bottom: 54px;
  }
   .reserve-jm__sec .title-wrap {
     margin-bottom: 25px;
     display: flex;
     justify-content: space-between;
  }
   .reserve-jm__sec h2 {
     font-size: 32px;
     padding-left: 65px;
     position: relative;
     margin: 0;
  }
   @media (max-width: 687px) {
     .reserve-jm__sec h2 {
       font-size: 20px;
       padding-left: 33px;
    }
  }
   .reserve-jm__sec h2 i {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     background: #1c85e8;
     position: absolute;
     top: 0;
     left: 0;
     color: #fff;
     font-weight: bold;
     font-size: 22px;
     display: flex;
     justify-content: center;
     align-items: center;
     font-style: normal;
     font-weight: 600;
  }
   @media (max-width: 687px) {
     .reserve-jm__sec h2 i {
       width: 20px;
       height: 20px;
       font-size: 14px;
    }
  }
   .reserve-jm__sec h2 span {
     color: #1c85e8;
  }
   .reserve-jm__whitebox {
     background: #fff;
     border-radius: 20px;
     padding: 40px;
  }
   @media (max-width: 687px) {
     .reserve-jm__whitebox {
       padding: 20px;
    }
  }
   .reserve-jm__whitebox .copy-wrap {
     margin-botom: 34px;
  }
   .reserve-jm__whitebox .copy-wrap h6 {
     margin: 0 0 20px;
     font-size: 16px;
  }
   @media (max-width: 687px) {
     .reserve-jm__whitebox .copy-wrap h6 {
       font-size: 12px;
    }
  }
   .reserve-jm__whitebox .copy-wrap p {
     font-size: 18px;
  }
   @media (max-width: 687px) {
     .reserve-jm__whitebox .copy-wrap p {
       font-size: 14px;
    }
  }
   .reserve-jm__list-row {
     margin-top: 40px;
  }
   .reserve-jm__list-row-item {
     display: block;
     position: relative;
  }
   .reserve-jm__list-row-item:hover, .reserve-jm__list-row-item:focus {
     outline: none;
     text-decoration: none;
     color: inherit;
  }
   .reserve-jm__list-row-item:hover .title {
     color: #1c85e8 !important;
  }
   .reserve-jm__list-row-item:last-of-type .row-box {
     border-bottom: 1px solid #dedede;
  }
   .reserve-jm__list-row-item[href=""] {
     cursor: default;
     pointer-events: none;
  }
   .reserve-jm__list-row-item.is-active .title-box-l .title, .reserve-jm__list-row-item.is-checked .title-box-l .title {
     color: #002245;
  }
   .reserve-jm__list-row-item.is-active .title-box-r svg path, .reserve-jm__list-row-item.is-checked .title-box-r svg path {
     stroke: #1c85e8;
  }
   .reserve-jm__list-row-item.is-checked .title-box-r p {
     display: block;
  }
   .reserve-jm__list-row-item.is-checked .row-num {
     background: #00d1a4;
  }
   .reserve-jm__list-row-item.is-checked .row-num span {
     display: none;
  }
   .reserve-jm__list-row-item.is-checked .row-num svg {
     display: block;
  }
   .reserve-jm__list-row-item .row-box {
     display: flex;
     justify-content: space-between;
     padding: 13px 0;
     border-top: 1px solid #dedede;
     margin-left: 50px;
  }
   .reserve-jm__list-row-item .row-num {
     position: absolute;
     left: 0;
     top: 13px;
     width: 30px;
     height: 30px;
     border-radius: 50%;
     background: rgba(28, 133, 232, 0.3);
     color: #1c85e8;
     display: flex;
     justify-content: center;
     align-items: center;
  }
   .reserve-jm__list-row-item .row-num span {
     font-weight: bold;
     font-size: 14px;
     color: #1c85e8;
  }
   .reserve-jm__list-row-item .row-num svg {
     display: none;
  }
   .reserve-jm__list-row-item .title-box-l {
     flex: 1;
     position: relative;
  }
   .reserve-jm__list-row-item .title-box-l .title {
     font-size: 20px;
     font-weight: bold;
     color: rgba(0, 34, 69, 0.4);
  }
   @media (max-width: 687px) {
     .reserve-jm__list-row-item .title-box-l .title {
       font-size: 16px;
    }
  }
   .reserve-jm__list-row-item .title-box-r {
     display: flex;
     align-items: center;
  }
   .reserve-jm__list-row-item .title-box-r p {
     font-size: 20px;
     display: none;
     color: #1c85e8;
  }
   @media (max-width: 687px) {
     .reserve-jm__list-row-item .title-box-r p {
       display: none !important;
    }
  }
   .reserve-jm__list-row-item .title-box-r svg {
     margin-left: 10px;
  }
   .reserve-jm__support {
     padding: 80px 0;
     background: #fff;
  }
   @media (max-width: 768px) {
     .reserve-jm__support {
       padding: 40px 0;
    }
  }
   .reserve-jm__support .cols-wrap {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
  }
   .reserve-jm__support .col-l {
     width: calc(90% - 220px);
     padding-left: calc(80px + 5%);
     position: relative;
  }
   @media (max-width: 768px) {
     .reserve-jm__support .col-l {
       width: 100%;
       margin-bottom: 40px;
    }
  }
   @media (max-width: 687px) {
     .reserve-jm__support .col-l {
       padding-left: calc(50px + 5%);
    }
  }
   .reserve-jm__support .col-r {
     width: 220px;
  }
   @media (max-width: 768px) {
     .reserve-jm__support .col-r {
       width: 100%;
    }
  }
   .reserve-jm__support .col-r a {
     display: block;
     margin-bottom: 10px;
     text-align: center;
  }
   .reserve-jm__support .col-r a.outline {
     border: 2px solid #1c85e8;
     color: #1c85e8;
     background: #fff;
  }
   .reserve-jm__support .col-r a.outline:hover {
     border-color: #03476b;
     color: #fff;
  }
   .reserve-jm__support figure {
     position: absolute;
     top: 0;
     left: 0;
     width: 80px;
  }
   @media (max-width: 687px) {
     .reserve-jm__support figure {
       width: 50px;
    }
  }
   .reserve-jm__support figure img {
     display: block;
     width: 100%;
  }
   .reserve-jm__support h5 {
     font-size: 20px;
     color: #1c85e8;
  }
   @media (max-width: 687px) {
     .reserve-jm__support h5 {
       margin-top: 15px;
       font-size: 18px;
    }
  }
   .reserve-jm__support p {
     font-size: 18px;
     color: #002245;
  }
   @media (max-width: 687px) {
     .reserve-jm__support p {
       font-size: 14px;
    }
  }
   .reserve-jm__footer .reserve-jm__container {
     display: flex;
     justify-content: space-between;
     border-top: 1px solid rgba(127, 146, 164, 0.3);
     padding: 25px 0 100px;
  }
   .reserve-jm__footer p {
     font-size: 12px;
     margin: 0;
     color: rgba(0, 34, 69, 0.5);
  }
   .reserve-jm__footer img {
     width: 32px;
  }