/* */
/*Theme Name: Whitaker Vol. 1 */
/*Version: 0.069 */
/*Description: custom theme for brent and marisa whitaker. */
/*Author: vanni */
/*Author URI: */
/* FONTS */
@import url("https://fonts.googleapis.com/css2?family=Belleza&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
/*font-family: font-family: "Lato", sans-serif */
/*font-family: "Belleza", sans-serif */
/* COLORS */
/* GLOBAL */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 134px; }

body {
  margin: 0;
  color: #020202;
  font-family: "Lato", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  height: 100vh;
  max-height: -webkit-fill-available; }

html {
  height: -webkit-fill-available;
  max-height: -webkit-fill-available; }

h1, h2, h3, h4 {
  font-family: "Belleza", sans-serif;
  font-weight: 400; }

a {
  display: block;
  color: #ffffff;
  text-decoration: none;
  opacity: 1;
  transition: 0.5s ease; }

a:hover {
  opacity: 0.44; }

/* cta */
#cta {
  width: calc(100% / 1);
  display: flex;
  align-items: center;
  justify-content: center; }
  #cta a {
    font-weight: 600;
    padding: 12px 22px;
    box-sizing: border-box;
    margin: 0 auto;
    color: #606b21;
    border: 2px solid #606b21;
    text-transform: uppercase;
    text-align: center; }

#cta-sand {
  width: calc(100% / 1);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ebe7e0; }
  #cta-sand a {
    font-weight: 600;
    padding: 12px 22px;
    box-sizing: border-box;
    margin: 0 auto;
    color: #606b21;
    border: 2px solid #606b21;
    text-transform: uppercase;
    text-align: center; }

/* header */
#header {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 22px;
  box-sizing: border-box;
  z-index: 22;
  position: absolute;
  top: 0;
  left: 0; }
  #header .brand {
    display: block;
    width: 22%;
    float: left;
    line-height: 0; }
    #header .brand a {
      line-height: 0; }
  #header .menu-wrap {
    display: block;
    width: 78%;
    float: left;
    text-align: right;
    color: #ffffff;
    text-transform: uppercase; }
    @media screen and (max-width: 1022px) {
      #header .menu-wrap {
        font-size: 14px; } }
    @media screen and (max-width: 960px) {
      #header .menu-wrap {
        display: none; } }
    @media screen and (min-width: 960px) {
      #header .menu-wrap {
        display: block; } }
    #header .menu-wrap a {
      color: #ffffff;
      margin-left: 12px;
      font-weight: 400; }
    #header .menu-wrap ul {
      list-style: none; }
      #header .menu-wrap ul li {
        display: inline-block; }
    #header .menu-wrap .contact {
      margin-left: 22px;
      font-weight: 600;
      padding: 8px 12px;
      box-sizing: border-box;
      border: 2px solid #ffffff; }
  #header .menu-mobile {
    width: 78%;
    float: left;
    text-align: right; }
    @media screen and (max-width: 960px) {
      #header .menu-mobile {
        display: block; } }
    @media screen and (min-width: 960px) {
      #header .menu-mobile {
        display: none; } }
  #header #base-open-desk {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 900;
    text-transform: uppercase; }
  #header #base-open {
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
    font-size: 22px;
    font-weight: 900;
    text-transform: uppercase; }

#menu {
  display: flex;
  height: 100vh;
  max-height: -webkit-fill-available;
  width: 100%;
  align-items: flex-start;
  justify-content: center;
  background-color: #ebe7e0;
  text-align: center;
  position: absolute;
  font-family: "Lato", sans-serif;
  top: 0;
  z-index: 44; }
  #menu ul {
    list-style: none;
    padding-left: 0;
    font-size: 14px;
    line-height: 32px; }
    #menu ul li {
      padding: 8px;
      min-width: 322px; }
    #menu ul .last {
      border-bottom: none; }
  #menu a {
    color: #020202;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase; }
  #menu img {
    max-width: 82px; }
  #menu .close-wrapper {
    width: calc(100% / 1);
    text-align: right;
    margin: 44px 0;
    font-size: 22px;
    font-weight: 900; }
  #menu .dotty {
    display: block;
    width: calc(100% / 1);
    margin: 22px auto;
    height: 1px;
    border-top: 1px solid #020202; }
  #menu .social {
    display: flex;
    max-width: fit-content;
    margin: 0 auto; }
    #menu .social ul {
      list-style: none;
      line-height: inherit; }
      #menu .social ul li {
        display: inline-block;
        min-width: inherit; }
    #menu .social a {
      margin: 0 8px; }

/* intro banner */
#intro {
  background-image: url("assets/mission-viejo-real-estate-banner.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  #intro .tint {
    width: calc(100% / 1);
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4% 2%;
    box-sizing: border-box;
    background-color: rgba(2, 2, 2, 0.44);
    color: #ffffff; }
    #intro .tint h1 {
      font-size: 4vw;
      font-weight: 400;
      color: #ffffff;
      line-height: 5vw;
      text-align: center;
      margin-bottom: 22px; }
      @media screen and (max-width: 960px) {
        #intro .tint h1 {
          font-size: 6vw;
          line-height: 7vw; } }
      @media screen and (min-width: 1800px) {
        #intro .tint h1 {
          font-size: 3vw;
          line-height: 4vw; } }
      #intro .tint h1 span {
        font-size: 5vw; }
        @media screen and (max-width: 960px) {
          #intro .tint h1 span {
            font-size: 7vw; } }
        @media screen and (min-width: 1800px) {
          #intro .tint h1 span {
            font-size: 4vw; } }
    #intro .tint p {
      margin: 0; }
    #intro .tint .ctas {
      display: flex;
      flex-direction: row;
      margin-top: 22px; }
      @media screen and (max-width: 960px) {
        #intro .tint .ctas {
          flex-direction: column;
          width: calc(100% / 1); } }
      #intro .tint .ctas .actions {
        font-weight: 600;
        padding: 12px 22px;
        box-sizing: border-box;
        margin: 0 11px;
        border: 2px solid #ffffff;
        text-transform: uppercase;
        text-align: center; }
        @media screen and (max-width: 960px) {
          #intro .tint .ctas .actions {
            margin: 11px auto;
            width: 80%; } }

/* get to */
#get-to {
  width: calc(100% / 1);
  max-width: 1440px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0 auto;
  padding: 82px 2% 44px 2%;
  box-sizing: border-box; }
  @media screen and (max-width: 960px) {
    #get-to {
      flex-direction: column; } }
  #get-to .col-40 {
    width: 40%; }
    @media screen and (max-width: 960px) {
      #get-to .col-40 {
        width: calc(100% / 1); } }
    #get-to .col-40 img {
      max-width: calc(100% / 1); }
  #get-to .col-60 {
    width: 60%;
    padding: 4%;
    box-sizing: border-box; }
    @media screen and (max-width: 960px) {
      #get-to .col-60 {
        width: calc(100% / 1); } }
    #get-to .col-60 h2 {
      font-size: 2.6vw;
      text-transform: uppercase; }
      @media screen and (max-width: 960px) {
        #get-to .col-60 h2 {
          font-size: 5.6vw; } }
      @media screen and (min-width: 1800px) {
        #get-to .col-60 h2 {
          font-size: 1.6vw; } }

/* triple */
#triple {
  width: calc(100% / 1);
  max-width: 1440px;
  margin: 0 auto;
  padding: 82px 2%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row; }
  @media screen and (max-width: 960px) {
    #triple {
      flex-direction: column; } }
  #triple .col-3 {
    width: calc(100% / 3);
    padding: 0 2%;
    box-sizing: border-box; }
    @media screen and (max-width: 960px) {
      #triple .col-3 {
        width: calc(100% / 1);
        padding: 2% 2%;
        box-sizing: border-box; } }
    #triple .col-3 .tint {
      background-color: rgba(2, 2, 2, 0.44);
      position: relative;
      display: flex;
      justify-content: center; }
      #triple .col-3 .tint img {
        max-width: calc(100% / 1); }
      #triple .col-3 .tint h3 {
        position: absolute;
        bottom: 22px;
        color: #ffffff;
        text-transform: uppercase;
        font-size: 2.2vw; }
        @media screen and (max-width: 960px) {
          #triple .col-3 .tint h3 {
            font-size: 7.2vw;
            bottom: 45%; } }
    #triple .col-3 .tint:hover h3 {
      bottom: 45%;
      transition: 0.5s ease; }
    #triple .col-3 .tint:not(:hover) h3 {
      bottom: 22px;
      transition: 0.5s ease; }
  #triple #sell {
    width: calc(100% / 1);
    background-image: url("assets/sell-your-home.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
  #triple #value {
    width: calc(100% / 1);
    background-image: url("assets/home-value.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
  #triple #success {
    width: calc(100% / 1);
    background-image: url("assets/success-stories.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }

/* reviews */
#reviews {
  width: calc(100% / 1);
  background-image: url("assets/brent-and-marisa-whitaker-real-estate-reviews.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  #reviews .tint {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(2, 2, 2, 0.44);
    padding: 82px 2%;
    box-sizing: border-box;
    color: #ffffff; }
    #reviews .tint h2 {
      font-size: 2.6vw;
      text-transform: uppercase;
      color: #ffffff;
      margin-top: 0; }
      @media screen and (max-width: 960px) {
        #reviews .tint h2 {
          font-size: 5.6vw; } }
      @media screen and (min-width: 1800px) {
        #reviews .tint h2 {
          font-size: 1.6vw; } }
    #reviews .tint .wrapper {
      width: calc(100% / 1);
      max-width: 622px;
      margin: 0 auto;
      text-align: center; }
      #reviews .tint .wrapper .mySlides {
        display: none; }
    #reviews .tint .controls {
      width: calc(100% / 1);
      display: flex;
      flex-direction: row;
      justify-content: center;
      max-width: 722px;
      margin: 22px auto;
      padding: 22px 0;
      box-sizing: border-box;
      text-align: center;
      text-transform: uppercase;
      border-top: 2px solid #ffffff; }
      #reviews .tint .controls a {
        cursor: pointer; }
      #reviews .tint .controls span {
        margin: 0 22px; }
    #reviews .tint .more {
      width: calc(100% / 1);
      display: flex;
      align-items: center;
      justify-content: center; }
      #reviews .tint .more a {
        font-weight: 600;
        padding: 12px 22px;
        box-sizing: border-box;
        margin: 0 auto;
        color: #ffffff;
        border: 2px solid #ffffff;
        text-transform: uppercase;
        text-align: center; }

/* featured */
#featured {
  width: calc(100% / 1);
  max-width: 1440px;
  margin: 0 auto;
  padding: 82px 2%;
  box-sizing: border-box; }
  @media screen and (max-width: 960px) {
    #featured {
      flex-direction: column;
      padding: 82px 2%; } }
  #featured .col-1 {
    width: calc(100% / 1); }
    #featured .col-1 h2 {
      font-size: 2.6vw;
      text-transform: uppercase;
      text-align: center;
      margin-top: 0;
      margin-bottom: 44px; }
      @media screen and (max-width: 960px) {
        #featured .col-1 h2 {
          font-size: 5.6vw; } }
      @media screen and (min-width: 1800px) {
        #featured .col-1 h2 {
          font-size: 1.6vw; } }
  #featured .wrapper {
    width: calc(100% / 1);
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    @media screen and (max-width: 960px) {
      #featured .wrapper {
        flex-wrap: wrap;
        flex-direction: column; } }
    #featured .wrapper .col-2 {
      width: calc(100% / 2); }
      @media screen and (max-width: 960px) {
        #featured .wrapper .col-2 {
          width: calc(100% / 1);
          margin: 0 0 22px 0; } }
      #featured .wrapper .col-2 .card {
        width: calc(100% / 1);
        padding: 2%;
        box-sizing: border-box; }
        #featured .wrapper .col-2 .card .banner {
          width: calc(100% / 1);
          max-width: calc(100% / 1);
          position: relative;
          line-height: 0; }
          #featured .wrapper .col-2 .card .banner img {
            max-width: calc(100% / 1); }
          #featured .wrapper .col-2 .card .banner .status {
            position: absolute;
            top: 12px;
            right: 12px;
            text-transform: uppercase;
            color: #ffffff;
            background-color: #606b21;
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 12px;
            font-weight: 600;
            border: 2px solid #ffffff; }
        #featured .wrapper .col-2 .card .details {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          padding: 4% 2%;
          background-color: #ebe7e0; }
          #featured .wrapper .col-2 .card .details .address h3 {
            font-size: 2vw;
            text-transform: uppercase;
            text-align: center;
            margin: 0; }
            @media screen and (max-width: 960px) {
              #featured .wrapper .col-2 .card .details .address h3 {
                font-size: 5vw; } }
            @media screen and (min-width: 1800px) {
              #featured .wrapper .col-2 .card .details .address h3 {
                font-size: 1.4vw; } }
          #featured .wrapper .col-2 .card .details .address h4 {
            font-size: 1.6vw;
            text-transform: uppercase;
            text-align: center;
            margin: 12px auto; }
            @media screen and (max-width: 960px) {
              #featured .wrapper .col-2 .card .details .address h4 {
                font-size: 3.6vw; } }
            @media screen and (min-width: 1800px) {
              #featured .wrapper .col-2 .card .details .address h4 {
                font-size: 1.2vw; } }
          #featured .wrapper .col-2 .card .details .layout {
            margin-bottom: 12px; }
            #featured .wrapper .col-2 .card .details .layout span {
              margin: 0 11px; }
          #featured .wrapper .col-2 .card .details .price {
            font-size: 1.6vw;
            text-transform: uppercase;
            text-align: center;
            margin: 0 auto;
            font-weight: 600; }
            @media screen and (max-width: 960px) {
              #featured .wrapper .col-2 .card .details .price {
                font-size: 4.2vw; } }
            @media screen and (min-width: 1800px) {
              #featured .wrapper .col-2 .card .details .price {
                font-size: 1.2vw; } }

/* neighborhoods */
#neighborhoods {
  width: calc(100% / 1);
  margin: 82px auto 0 auto;
  padding: 82px 2%;
  box-sizing: border-box;
  background-color: #ebe7e0; }
  @media screen and (max-width: 960px) {
    #neighborhoods {
      flex-direction: column; } }
  #neighborhoods .col-1 {
    width: calc(100% / 1); }
    #neighborhoods .col-1 h2 {
      font-size: 2.6vw;
      text-transform: uppercase;
      text-align: center;
      margin-top: 0;
      margin-bottom: 44px; }
      @media screen and (max-width: 960px) {
        #neighborhoods .col-1 h2 {
          font-size: 5.6vw; } }
      @media screen and (min-width: 1800px) {
        #neighborhoods .col-1 h2 {
          font-size: 1.6vw; } }
  #neighborhoods .wrapper {
    width: calc(100% / 1);
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap; }
    @media screen and (max-width: 960px) {
      #neighborhoods .wrapper {
        flex-wrap: wrap;
        flex-direction: column; } }
    #neighborhoods .wrapper .col-3 {
      width: calc(100% / 3);
      padding: 0 2%;
      box-sizing: border-box; }
      @media screen and (max-width: 960px) {
        #neighborhoods .wrapper .col-3 {
          width: calc(100% / 1);
          padding: 2% 2%;
          box-sizing: border-box; } }
      #neighborhoods .wrapper .col-3 .tint {
        background-color: rgba(2, 2, 2, 0.44);
        position: relative;
        display: flex;
        justify-content: center; }
        #neighborhoods .wrapper .col-3 .tint img {
          max-width: calc(100% / 1); }
        #neighborhoods .wrapper .col-3 .tint h3 {
          position: absolute;
          bottom: 22px;
          color: #ffffff;
          text-transform: uppercase;
          font-size: 2.2vw;
          text-align: center;
          line-height: 1; }
          @media screen and (max-width: 960px) {
            #neighborhoods .wrapper .col-3 .tint h3 {
              font-size: 7.2vw;
              bottom: 45%; } }
          @media screen and (min-width: 1800px) {
            #neighborhoods .wrapper .col-3 .tint h3 {
              font-size: 1.2vw; } }
      #neighborhoods .wrapper .col-3 .tint:hover h3 {
        bottom: 45%;
        transition: 0.5s ease; }
      #neighborhoods .wrapper .col-3 .tint:not(:hover) h3 {
        bottom: 22px;
        transition: 0.5s ease; }
  #neighborhoods #rancho {
    width: calc(100% / 1);
    background-image: url("assets/rancho-santa-margarita-real-estate.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
  #neighborhoods #portola {
    width: calc(100% / 1);
    background-image: url("assets/portola-hills-real-estate.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
  #neighborhoods #mission {
    width: calc(100% / 1);
    background-image: url("assets/mission-viejo-real-estate.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }

/* recent */
#recent {
  width: calc(100% / 1);
  max-width: 1440px;
  margin: 0 auto;
  padding: 82px 2%;
  box-sizing: border-box; }
  @media screen and (max-width: 960px) {
    #recent {
      flex-direction: column;
      padding: 82px 2%; } }
  #recent .col-1 {
    width: calc(100% / 1); }
    #recent .col-1 h2 {
      font-size: 2.6vw;
      text-transform: uppercase;
      text-align: center;
      margin-top: 0;
      margin-bottom: 44px; }
      @media screen and (max-width: 960px) {
        #recent .col-1 h2 {
          font-size: 5.6vw; } }
      @media screen and (min-width: 1800px) {
        #recent .col-1 h2 {
          font-size: 1.6vw; } }
  #recent .wrapper {
    width: calc(100% / 1);
    display: flex;
    flex-wrap: wrap; }
    @media screen and (max-width: 960px) {
      #recent .wrapper {
        flex-wrap: wrap;
        flex-direction: column; } }
    #recent .wrapper .row-1 {
      width: calc(100% / 1);
      display: flex;
      flex-direction: row;
      align-items: center; }
      @media screen and (max-width: 960px) {
        #recent .wrapper .row-1 {
          flex-direction: column; } }
    #recent .wrapper .row-2 {
      width: calc(100% / 1);
      display: flex;
      flex-direction: row;
      align-items: center; }
      @media screen and (max-width: 960px) {
        #recent .wrapper .row-2 {
          flex-direction: column-reverse; } }
    #recent .wrapper .row-3 {
      width: calc(100% / 1);
      display: flex;
      flex-direction: row;
      align-items: center; }
      @media screen and (max-width: 960px) {
        #recent .wrapper .row-3 {
          flex-direction: column; } }
    #recent .wrapper .col-2 {
      width: calc(100% / 2);
      padding: 2%;
      box-sizing: border-box; }
      @media screen and (max-width: 960px) {
        #recent .wrapper .col-2 {
          width: calc(100% / 1); } }
      #recent .wrapper .col-2 img {
        max-width: calc(100% / 1); }
      #recent .wrapper .col-2 a {
        color: #020202; }
      #recent .wrapper .col-2 h3 {
        font-weight: 400;
        font-size: 1.8vw;
        line-height: 1;
        margin-top: 0; }
        @media screen and (max-width: 960px) {
          #recent .wrapper .col-2 h3 {
            font-size: 2.4vw; } }
    #recent .wrapper .pad-4 {
      padding: 4%;
      box-sizing: border-box; }
      @media screen and (max-width: 960px) {
        #recent .wrapper .pad-4 {
          padding: 2% 4% 2% 4%; } }
    #recent .wrapper .left-sand {
      border-left: 26px solid #ebe7e0;
      box-sizing: border-box; }
    #recent .wrapper .right-sand {
      border-right: 26px solid #ebe7e0;
      box-sizing: border-box; }

/* join */
#join {
  width: calc(100% / 1);
  margin: 82px auto 0 auto;
  padding: 82px 2%;
  box-sizing: border-box;
  background-color: #ebe7e0; }
  @media screen and (max-width: 960px) {
    #join {
      flex-direction: column; } }
  #join .col-1 {
    width: calc(100% / 1); }
    #join .col-1 h2 {
      font-size: 2.6vw;
      text-transform: uppercase;
      text-align: center;
      margin-top: 0;
      margin-bottom: 12px; }
      @media screen and (max-width: 960px) {
        #join .col-1 h2 {
          font-size: 5.6vw; } }
      @media screen and (min-width: 1800px) {
        #join .col-1 h2 {
          font-size: 1.6vw; } }
    #join .col-1 h3 {
      text-align: center; }
  #join .wrapper {
    width: calc(100% / 1);
    max-width: 822px;
    margin: 0 auto;
    display: flex;
    flex-direction: row; }
    @media screen and (max-width: 960px) {
      #join .wrapper {
        flex-wrap: wrap;
        flex-direction: column; } }
    #join .wrapper #wpcf7-f9247-o1 {
      width: calc(100% / 1); }
      #join .wrapper #wpcf7-f9247-o1 form {
        width: calc(100% / 1); }
    #join .wrapper .col-40 {
      width: 40%;
      display: block;
      float: left; }
      @media screen and (max-width: 960px) {
        #join .wrapper .col-40 {
          width: calc(100% / 1);
          padding-bottom: 22px; } }
      #join .wrapper .col-40 input {
        border-right: none; }
        @media screen and (max-width: 960px) {
          #join .wrapper .col-40 input {
            border-right: 2px solid #606b21; } }
    #join .wrapper .col-20 {
      width: 20%;
      display: block;
      float: left; }
      @media screen and (max-width: 960px) {
        #join .wrapper .col-20 {
          width: calc(100% / 1); } }
      #join .wrapper .col-20 input[type="submit"] {
        width: calc(100% / 1);
        max-width: calc(100% / 1); }
      #join .wrapper .col-20 input[type="submit"]:hover {
        opacity: 1; }
    #join .wrapper .wpcf7-spinner {
      display: none !important; }
    #join .wrapper .invalid .wpcf7-response-output {
      display: none !important; }

/* work with */
#work-with {
  background-image: url("assets/work-with-brent-and-marisa-whitaker.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  #work-with .tint {
    width: calc(100% / 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 82px 2%;
    box-sizing: border-box;
    background-color: rgba(2, 2, 2, 0.44);
    color: #ffffff; }
    #work-with .tint .wrapper {
      width: calc(100% / 1);
      max-width: 822px;
      margin: 0 auto; }
      #work-with .tint .wrapper h2 {
        font-size: 2.6vw;
        text-transform: uppercase;
        text-align: center;
        margin-top: 0;
        margin-bottom: 12px;
        color: #ffffff; }
        @media screen and (max-width: 960px) {
          #work-with .tint .wrapper h2 {
            font-size: 5.6vw; } }
        @media screen and (min-width: 1800px) {
          #work-with .tint .wrapper h2 {
            font-size: 1.6vw; } }
      #work-with .tint .wrapper h3 {
        text-align: center; }
      #work-with .tint .wrapper p {
        text-align: center; }
      #work-with .tint .wrapper .form-wrapper {
        width: calc(100% / 1);
        max-width: 622px;
        margin: 0 auto; }
        #work-with .tint .wrapper .form-wrapper .form-row {
          padding-bottom: 22px; }
        #work-with .tint .wrapper .form-wrapper input {
          border-color: #ffffff; }
        #work-with .tint .wrapper .form-wrapper textarea {
          width: 100%;
          background-color: transparent;
          box-sizing: border-box;
          height: 144px;
          font-size: 16px;
          font-family: "Lato", sans-serif;
          padding: 18px;
          outline: none;
          border: 2px solid #ffffff;
          -webkit-appearance: none;
          color: #020202; }
        #work-with .tint .wrapper .form-wrapper input::-webkit-input-placeholder {
          color: #ffffff;
          opacity: 1; }
        #work-with .tint .wrapper .form-wrapper textarea::-webkit-input-placeholder {
          color: #ffffff;
          opacity: 1; }
        #work-with .tint .wrapper .form-wrapper input[type="submit"] {
          color: #ffffff; }
        #work-with .tint .wrapper .form-wrapper span.wpcf7-not-valid-tip {
          font-size: 14px;
          margin-top: 4px;
          color: #ffffff;
          font-weight: 600; }
        #work-with .tint .wrapper .form-wrapper div.wpcf7-response-output {
          margin-top: 0 !important;
          font-size: 14px !important;
          border: none !important;
          padding: 0 !important;
          text-align: center !important;
          border-color: transparent !important;
          color: #ffffff !important; }
        #work-with .tint .wrapper .form-wrapper div.wpcf7-mail-sent-ok {
          font-size: 16px !important;
          color: #ffffff; }
        #work-with .tint .wrapper .form-wrapper .wpcf7 form.invalid .wpcf7-response-output {
          border-color: transparent;
          color: #ffffff;
          font-size: 12px;
          margin-top: 0; }

/* contact */
#home-contact {
  width: calc(100% / 1);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 auto;
  padding: 4%;
  box-sizing: border-box;
  background-color: #ebe7e0;
  color: #020202; }
  #home-contact a {
    color: #020202;
    display: inline; }
  #home-contact h2 {
    font-size: 2.6vw;
    text-transform: uppercase;
    text-align: center; }
    @media screen and (max-width: 960px) {
      #home-contact h2 {
        font-size: 5.6vw; } }
    @media screen and (min-width: 1800px) {
      #home-contact h2 {
        font-size: 1.6vw; } }
  #home-contact h3 {
    margin-bottom: 0; }
  #home-contact .contact {
    width: calc(100% / 1); }
  #home-contact .sep {
    display: block;
    width: calc(100% / 1);
    max-width: 822px;
    height: 1px;
    content: "";
    background-color: #020202;
    margin: 22px auto; }
  #home-contact ul {
    list-style: none;
    padding-left: 0;
    margin: 0; }
    #home-contact ul li {
      color: #020202;
      display: inline; }
      #home-contact ul li a {
        margin: 0 11px; }
      #home-contact ul li i {
        font-size: 32px; }

/* featured homes intro */
#featured-homes-intro {
  background-image: url("assets/featured-homes-for-sale-in-south-orange-county.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  #featured-homes-intro .tint {
    width: calc(100% / 1);
    height: 50vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4% 2%;
    box-sizing: border-box;
    background-color: rgba(2, 2, 2, 0.44);
    color: #ffffff; }
    #featured-homes-intro .tint h1 {
      font-size: 4vw;
      font-weight: 400;
      color: #ffffff;
      line-height: 5vw;
      text-align: center;
      margin-bottom: 22px; }
      @media screen and (max-width: 960px) {
        #featured-homes-intro .tint h1 {
          font-size: 6vw;
          line-height: 7vw; } }
      @media screen and (min-width: 1800px) {
        #featured-homes-intro .tint h1 {
          font-size: 3vw;
          line-height: 4vw; } }

/* past sales intro */
#past-sales-intro {
  background-image: url("assets/homes-sold-in-south-orange-county.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  #past-sales-intro .tint {
    width: calc(100% / 1);
    height: 50vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4% 2%;
    box-sizing: border-box;
    background-color: rgba(2, 2, 2, 0.44);
    color: #ffffff; }
    #past-sales-intro .tint h1 {
      font-size: 4vw;
      font-weight: 400;
      color: #ffffff;
      line-height: 5vw;
      text-align: center;
      margin-bottom: 22px; }
      @media screen and (max-width: 960px) {
        #past-sales-intro .tint h1 {
          font-size: 6vw;
          line-height: 7vw; } }
      @media screen and (min-width: 1800px) {
        #past-sales-intro .tint h1 {
          font-size: 3vw;
          line-height: 4vw; } }

/* past sales */
#past-sales {
  width: calc(100% / 1);
  max-width: 1440px;
  margin: 0 auto;
  padding: 82px 2%;
  box-sizing: border-box; }
  @media screen and (max-width: 960px) {
    #past-sales {
      flex-direction: column;
      padding: 82px 2%; } }
  #past-sales .col-1 {
    width: calc(100% / 1); }
    #past-sales .col-1 h2 {
      font-size: 2.6vw;
      text-transform: uppercase;
      text-align: center;
      margin-top: 0;
      margin-bottom: 44px; }
      @media screen and (max-width: 960px) {
        #past-sales .col-1 h2 {
          font-size: 5.6vw; } }
      @media screen and (min-width: 1800px) {
        #past-sales .col-1 h2 {
          font-size: 1.6vw; } }
  #past-sales .wrapper {
    width: calc(100% / 1);
    display: flex;
    flex-wrap: wrap; }
    @media screen and (max-width: 960px) {
      #past-sales .wrapper {
        flex-wrap: wrap;
        flex-direction: column; } }
    #past-sales .wrapper .col-2 {
      width: calc(100% / 2); }
      @media screen and (max-width: 960px) {
        #past-sales .wrapper .col-2 {
          width: calc(100% / 1);
          margin: 0 0 22px 0; } }
      #past-sales .wrapper .col-2 .card {
        width: calc(100% / 1);
        padding: 2%;
        box-sizing: border-box; }
        #past-sales .wrapper .col-2 .card .banner {
          width: calc(100% / 1);
          max-width: calc(100% / 1);
          position: relative;
          line-height: 0; }
          #past-sales .wrapper .col-2 .card .banner img {
            max-width: calc(100% / 1); }
          #past-sales .wrapper .col-2 .card .banner .status {
            position: absolute;
            top: 12px;
            right: 12px;
            text-transform: uppercase;
            color: #ffffff;
            background-color: #606b21;
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 12px;
            font-weight: 600;
            border: 2px solid #ffffff; }
        #past-sales .wrapper .col-2 .card .details {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          padding: 4% 2%;
          background-color: #ebe7e0; }
          #past-sales .wrapper .col-2 .card .details .address h3 {
            font-size: 2vw;
            text-transform: uppercase;
            text-align: center;
            margin: 0; }
            @media screen and (max-width: 960px) {
              #past-sales .wrapper .col-2 .card .details .address h3 {
                font-size: 5vw; } }
            @media screen and (min-width: 1800px) {
              #past-sales .wrapper .col-2 .card .details .address h3 {
                font-size: 1.4vw; } }
          #past-sales .wrapper .col-2 .card .details .address h4 {
            font-size: 1.6vw;
            text-transform: uppercase;
            text-align: center;
            margin: 12px auto; }
            @media screen and (max-width: 960px) {
              #past-sales .wrapper .col-2 .card .details .address h4 {
                font-size: 3.6vw; } }
            @media screen and (min-width: 1800px) {
              #past-sales .wrapper .col-2 .card .details .address h4 {
                font-size: 1.2vw; } }
          #past-sales .wrapper .col-2 .card .details .layout {
            margin-bottom: 12px; }
            #past-sales .wrapper .col-2 .card .details .layout span {
              margin: 0 11px; }
          #past-sales .wrapper .col-2 .card .details .price {
            font-size: 1.6vw;
            text-transform: uppercase;
            text-align: center;
            margin: 0 auto;
            font-weight: 600; }
            @media screen and (max-width: 960px) {
              #past-sales .wrapper .col-2 .card .details .price {
                font-size: 4.2vw; } }
            @media screen and (min-width: 1800px) {
              #past-sales .wrapper .col-2 .card .details .price {
                font-size: 1.2vw; } }
          #past-sales .wrapper .col-2 .card .details .represented {
            margin-top: 12px;
            text-transform: uppercase; }

/* neighborhood intro */
#neighborhoods-intro {
  background-image: url("assets/mission-viejo-real-estate.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  #neighborhoods-intro .tint {
    width: calc(100% / 1);
    height: 50vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4% 2%;
    box-sizing: border-box;
    background-color: rgba(2, 2, 2, 0.44);
    color: #ffffff; }
    #neighborhoods-intro .tint h1 {
      font-size: 4vw;
      font-weight: 400;
      color: #ffffff;
      line-height: 5vw;
      text-align: center;
      margin-bottom: 22px; }
      @media screen and (max-width: 960px) {
        #neighborhoods-intro .tint h1 {
          font-size: 6vw;
          line-height: 7vw; } }
      @media screen and (min-width: 1800px) {
        #neighborhoods-intro .tint h1 {
          font-size: 3vw;
          line-height: 4vw; } }

/* neighborhood grid */
#neighborhoods-grid {
  width: calc(100% / 1);
  margin: 0 auto 0 auto;
  padding: 82px 2%;
  box-sizing: border-box; }
  @media screen and (max-width: 960px) {
    #neighborhoods-grid {
      flex-direction: column; } }
  #neighborhoods-grid .col-1 {
    width: calc(100% / 1); }
    #neighborhoods-grid .col-1 h2 {
      font-size: 2.6vw;
      text-transform: uppercase;
      text-align: center;
      margin-top: 0;
      margin-bottom: 44px; }
      @media screen and (max-width: 960px) {
        #neighborhoods-grid .col-1 h2 {
          font-size: 5.6vw; } }
      @media screen and (min-width: 1800px) {
        #neighborhoods-grid .col-1 h2 {
          font-size: 1.6vw; } }
  #neighborhoods-grid .wrapper {
    width: calc(100% / 1);
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap; }
    @media screen and (max-width: 960px) {
      #neighborhoods-grid .wrapper {
        flex-wrap: wrap;
        flex-direction: column; } }
    #neighborhoods-grid .wrapper .col-2 {
      width: calc(100% / 2);
      padding: 0 2%;
      margin-bottom: 2%;
      box-sizing: border-box; }
      @media screen and (max-width: 960px) {
        #neighborhoods-grid .wrapper .col-2 {
          width: calc(100% / 1);
          padding: 2% 2%;
          box-sizing: border-box; } }
      #neighborhoods-grid .wrapper .col-2 .tint {
        background-color: rgba(2, 2, 2, 0.44);
        position: relative; }
        #neighborhoods-grid .wrapper .col-2 .tint img {
          max-width: calc(100% / 1);
          width: 100%;
          height: auto; }
        #neighborhoods-grid .wrapper .col-2 .tint h3 {
          position: absolute;
          top: 50%;
          left: 50%;
          width: calc(100% / 1);
          transform: translate(-50%, -50%);
          color: #ffffff;
          text-transform: uppercase;
          font-size: 2.2vw;
          text-align: center;
          line-height: 1; }
          @media screen and (max-width: 960px) {
            #neighborhoods-grid .wrapper .col-2 .tint h3 {
              font-size: 7.2vw;
              margin: 0; } }
          @media screen and (min-width: 1800px) {
            #neighborhoods-grid .wrapper .col-2 .tint h3 {
              font-size: 1.2vw; } }
        #neighborhoods-grid .wrapper .col-2 .tint .explore {
          font-weight: 600;
          padding: 12px 22px;
          box-sizing: border-box;
          margin: 0 auto;
          color: #ffffff;
          border: 2px solid #ffffff;
          text-transform: uppercase;
          text-align: center;
          opacity: 0; }
          @media screen and (max-width: 960px) {
            #neighborhoods-grid .wrapper .col-2 .tint .explore {
              display: none; } }
      #neighborhoods-grid .wrapper .col-2 .tint:hover h3 {
        top: 30%;
        transition: 0.5s ease all; }
        @media screen and (max-width: 960px) {
          #neighborhoods-grid .wrapper .col-2 .tint:hover h3 {
            top: 50%; } }
      #neighborhoods-grid .wrapper .col-2 .tint:not(:hover) h3 {
        top: 50%;
        transition: 0.5s ease all; }
      #neighborhoods-grid .wrapper .col-2 .tint:hover .explore {
        position: absolute;
        bottom: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        opacity: 1;
        transition: 0.5s ease all; }
        @media screen and (max-width: 960px) {
          #neighborhoods-grid .wrapper .col-2 .tint:hover .explore {
            display: none; } }
      #neighborhoods-grid .wrapper .col-2 .tint:not(:hover) .explore {
        position: absolute;
        bottom: 22px;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: 0;
        transition: 0.5s ease; }
        @media screen and (max-width: 960px) {
          #neighborhoods-grid .wrapper .col-2 .tint:not(:hover) .explore {
            display: none; } }
  #neighborhoods-grid #rancho {
    width: calc(100% / 1);
    background-image: url("assets/rancho-santa-margarita-real-estate.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
  #neighborhoods-grid #portola {
    width: calc(100% / 1);
    background-image: url("assets/portola-hills-real-estate.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
  #neighborhoods-grid #mission {
    width: calc(100% / 1);
    background-image: url("assets/mission-viejo-real-estate.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
  #neighborhoods-grid #lake {
    width: calc(100% / 1);
    background-image: url("assets/lake-forest-real-estate.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
  #neighborhoods-grid #ladera {
    width: calc(100% / 1);
    background-image: url("assets/ladera-ranch-real-estate.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
  #neighborhoods-grid #viejo {
    width: calc(100% / 1);
    background-image: url("assets/rancho-mission-viejo-real-estate.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
  #neighborhoods-grid #clemente {
    width: calc(100% / 1);
    background-image: url("assets/san-clemente-real-estate.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
  #neighborhoods-grid #capistrano {
    width: calc(100% / 1);
    background-image: url("assets/san-juan-capistrano-real-estate.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
  #neighborhoods-grid #aliso {
    width: calc(100% / 1);
    background-image: url("assets/aliso-viejo-real-estate.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
  #neighborhoods-grid #coto {
    width: calc(100% / 1);
    background-image: url("assets/coto-de-caza-real-estate.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }

/* neighborhood single intro */
#neighborhoods-single-intro {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  #neighborhoods-single-intro .tint {
    width: calc(100% / 1);
    height: 50vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4% 2%;
    box-sizing: border-box;
    background-color: rgba(2, 2, 2, 0.44);
    color: #ffffff; }
    #neighborhoods-single-intro .tint h1 {
      font-size: 4vw;
      font-weight: 400;
      color: #ffffff;
      line-height: 5vw;
      text-align: center;
      margin-bottom: 22px; }
      @media screen and (max-width: 960px) {
        #neighborhoods-single-intro .tint h1 {
          font-size: 6vw;
          line-height: 7vw; } }
      @media screen and (min-width: 1800px) {
        #neighborhoods-single-intro .tint h1 {
          font-size: 3vw;
          line-height: 4vw; } }
    #neighborhoods-single-intro .tint h3 {
      font-size: 22px;
      text-align: center;
      max-width: 1022px;
      margin-left: auto;
      margin-right: auto; }

/*neighborhood description */
#neighborhood-description {
  width: calc(100% / 1);
  margin: 0 auto 0 auto;
  padding: 82px 2%;
  box-sizing: border-box; }
  @media screen and (max-width: 960px) {
    #neighborhood-description {
      flex-direction: column; } }
  #neighborhood-description .col-1 {
    width: calc(100% / 1);
    max-width: 1440px;
    margin: 0 auto; }
    #neighborhood-description .col-1 h2 {
      font-size: 2.6vw;
      text-transform: uppercase;
      text-align: center;
      margin-top: 0;
      margin-bottom: 44px;
      line-height: 1; }
      @media screen and (max-width: 960px) {
        #neighborhood-description .col-1 h2 {
          font-size: 5.6vw; } }
      @media screen and (min-width: 1800px) {
        #neighborhood-description .col-1 h2 {
          font-size: 1.6vw; } }
    #neighborhood-description .col-1 p {
      max-width: 822px;
      margin-left: auto;
      margin-right: auto;
      text-align: center; }

/*neighborhood scoop */
#neighborhood-scoop {
  width: calc(100% / 1);
  margin: 0 auto 0 auto;
  padding: 0 2% 82px 2%;
  box-sizing: border-box; }
  @media screen and (max-width: 960px) {
    #neighborhood-scoop {
      flex-direction: column; } }
  #neighborhood-scoop .sep {
    display: block;
    width: calc(100% / 1);
    max-width: 722px;
    height: 1px;
    content: "";
    background-color: #ebe7e0;
    margin: 0 auto 82px auto; }
  #neighborhood-scoop .col-1 {
    width: calc(100% / 1);
    max-width: 1440px;
    margin: 0 auto; }
    #neighborhood-scoop .col-1 h2 {
      font-size: 2.6vw;
      text-transform: uppercase;
      text-align: center;
      margin-top: 0;
      margin-bottom: 44px;
      line-height: 1; }
      @media screen and (max-width: 960px) {
        #neighborhood-scoop .col-1 h2 {
          font-size: 5.6vw; } }
      @media screen and (min-width: 1800px) {
        #neighborhood-scoop .col-1 h2 {
          font-size: 1.6vw; } }
    #neighborhood-scoop .col-1 p {
      max-width: 822px;
      margin-left: auto;
      margin-right: auto;
      text-align: center; }
  #neighborhood-scoop .wrapper {
    width: calc(100% / 1);
    max-width: 1022px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    text-align: center; }
    @media screen and (max-width: 960px) {
      #neighborhood-scoop .wrapper {
        flex-wrap: wrap;
        flex-direction: column; } }
    #neighborhood-scoop .wrapper .col-4 {
      width: calc(100% / 4);
      padding: 0;
      box-sizing: border-box; }
      @media screen and (max-width: 1044px) {
        #neighborhood-scoop .wrapper .col-4 {
          width: calc(100% / 2);
          padding: 2% 2%;
          margin-bottom: 2%;
          box-sizing: border-box; } }
      @media screen and (max-width: 960px) {
        #neighborhood-scoop .wrapper .col-4 {
          width: calc(100% / 1);
          padding: 2% 2%;
          margin-bottom: 2%;
          box-sizing: border-box; } }
      #neighborhood-scoop .wrapper .col-4 i {
        color: #606b21;
        font-size: 44px; }
      #neighborhood-scoop .wrapper .col-4 h3 {
        text-transform: uppercase;
        font-family: "Lato", sans-serif;
        font-weight: 600;
        font-size: 44px;
        margin-top: 22px;
        margin-bottom: 0; }
      #neighborhood-scoop .wrapper .col-4 p {
        text-transform: uppercase;
        line-height: 3; }

/*neighborhood overview */
#neighborhood-overview {
  width: calc(100% / 1);
  margin: 0 auto 0 auto;
  padding: 82px 2%;
  box-sizing: border-box;
  background-color: #ebe7e0; }
  @media screen and (max-width: 960px) {
    #neighborhood-overview {
      flex-direction: column; } }
  #neighborhood-overview .col-1 {
    width: calc(100% / 1);
    max-width: 1440px;
    margin: 0 auto; }
    #neighborhood-overview .col-1 h2 {
      font-size: 2.6vw;
      text-transform: uppercase;
      text-align: center;
      margin-top: 0;
      margin-bottom: 44px;
      line-height: 1; }
      @media screen and (max-width: 960px) {
        #neighborhood-overview .col-1 h2 {
          font-size: 5.6vw; } }
      @media screen and (min-width: 1800px) {
        #neighborhood-overview .col-1 h2 {
          font-size: 1.6vw; } }
    #neighborhood-overview .col-1 p {
      max-width: 822px;
      margin-left: auto;
      margin-right: auto;
      text-align: center; }
  #neighborhood-overview .wrapper {
    width: calc(100% / 1);
    max-width: 1022px;
    margin: 44px auto 0 auto;
    display: flex;
    flex-wrap: wrap;
    text-align: center; }
    @media screen and (max-width: 960px) {
      #neighborhood-overview .wrapper {
        flex-wrap: wrap;
        flex-direction: column; } }
    #neighborhood-overview .wrapper .col-2 {
      width: calc(100% / 2);
      padding: 0 2%;
      margin-bottom: 2%;
      box-sizing: border-box; }
      @media screen and (max-width: 960px) {
        #neighborhood-overview .wrapper .col-2 {
          width: calc(100% / 1);
          padding: 2% 2%;
          box-sizing: border-box; } }
      #neighborhood-overview .wrapper .col-2 i {
        color: #606b21;
        font-size: 44px; }
      #neighborhood-overview .wrapper .col-2 h3 {
        text-transform: uppercase;
        font-family: "Lato", sans-serif;
        font-weight: 600;
        font-size: 22px;
        margin-bottom: 0; }
      #neighborhood-overview .wrapper .col-2 p {
        text-transform: uppercase;
        margin-top: 8px; }

/*neighborhood schools */
#neighborhood-schools {
  width: calc(100% / 1);
  margin: 0 auto 0 auto;
  padding: 82px 2%;
  box-sizing: border-box; }
  @media screen and (max-width: 960px) {
    #neighborhood-schools {
      flex-direction: column; } }
  #neighborhood-schools .col-1 {
    width: calc(100% / 1);
    max-width: 1440px;
    margin: 0 auto; }
    #neighborhood-schools .col-1 h2 {
      font-size: 2.6vw;
      text-transform: uppercase;
      text-align: center;
      margin-top: 0;
      margin-bottom: 44px;
      line-height: 1; }
      @media screen and (max-width: 960px) {
        #neighborhood-schools .col-1 h2 {
          font-size: 5.6vw; } }
      @media screen and (min-width: 1800px) {
        #neighborhood-schools .col-1 h2 {
          font-size: 1.6vw; } }
  #neighborhood-schools .wrapper {
    width: calc(100% / 1);
    max-width: 722px;
    margin: 0 auto 0 auto;
    display: flex;
    flex-wrap: wrap;
    text-align: center; }
    @media screen and (max-width: 960px) {
      #neighborhood-schools .wrapper {
        flex-wrap: wrap;
        flex-direction: column; } }
    #neighborhood-schools .wrapper .col-1 {
      width: calc(100% / 1);
      padding: 0 2%;
      margin-bottom: 2%;
      box-sizing: border-box; }
      #neighborhood-schools .wrapper .col-1 .disc {
        width: 52px;
        height: 52px;
        display: flex;
        margin: 0 auto;
        border-radius: 52px;
        font-weight: 600;
        align-items: center;
        justify-content: center;
        background-color: #606b21;
        color: #ffffff; }
      #neighborhood-schools .wrapper .col-1 h3 {
        font-size: 22px;
        margin-bottom: 0; }

/* success stories single intro */
#success-single-intro {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  #success-single-intro .tint {
    width: calc(100% / 1);
    height: 50vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4% 2%;
    box-sizing: border-box;
    background-color: rgba(2, 2, 2, 0.44);
    color: #ffffff; }
    #success-single-intro .tint h1 {
      font-size: 4vw;
      font-weight: 400;
      color: #ffffff;
      line-height: 5vw;
      text-align: center;
      margin: 0 auto;
      max-width: 1022px; }
      @media screen and (max-width: 960px) {
        #success-single-intro .tint h1 {
          font-size: 6vw;
          line-height: 7vw; } }
      @media screen and (min-width: 1800px) {
        #success-single-intro .tint h1 {
          font-size: 3vw;
          line-height: 4vw; } }

/*success stories steps */
#success-stories-steps {
  width: calc(100% / 1);
  margin: 0 auto 0 auto;
  padding: 82px 2%;
  box-sizing: border-box; }
  @media screen and (max-width: 960px) {
    #success-stories-steps {
      flex-direction: column; } }
  #success-stories-steps .col-1 {
    width: calc(100% / 1);
    max-width: 1440px;
    margin: 0 auto; }
    #success-stories-steps .col-1 h2 {
      font-size: 2.6vw;
      text-transform: uppercase;
      text-align: center;
      margin-top: 0;
      margin-bottom: 44px;
      line-height: 1; }
      @media screen and (max-width: 960px) {
        #success-stories-steps .col-1 h2 {
          font-size: 5.6vw; } }
      @media screen and (min-width: 1800px) {
        #success-stories-steps .col-1 h2 {
          font-size: 1.6vw; } }
  #success-stories-steps .wrapper {
    width: calc(100% / 1);
    max-width: 722px;
    margin: 0 auto 0 auto;
    display: flex;
    flex-wrap: wrap;
    text-align: center; }
    @media screen and (max-width: 960px) {
      #success-stories-steps .wrapper {
        flex-wrap: wrap;
        flex-direction: column; } }
    #success-stories-steps .wrapper .col-1 {
      width: calc(100% / 1);
      padding: 0 2%;
      margin-bottom: 2%;
      box-sizing: border-box; }
      #success-stories-steps .wrapper .col-1 .disc {
        width: 52px;
        height: 52px;
        display: flex;
        margin: 0 auto;
        border-radius: 52px;
        font-weight: 600;
        align-items: center;
        justify-content: center;
        background-color: #606b21;
        color: #ffffff; }
      #success-stories-steps .wrapper .col-1 h3 {
        font-size: 22px;
        margin-bottom: 0; }

/*success stories strategy */
#success-strategy {
  width: calc(100% / 1);
  margin: 0 auto 0 auto;
  padding: 82px 2%;
  box-sizing: border-box;
  background-color: #ebe7e0; }
  @media screen and (max-width: 960px) {
    #success-strategy {
      flex-direction: column; } }
  #success-strategy .col-1 {
    width: calc(100% / 1);
    max-width: 1440px;
    margin: 0 auto; }
    #success-strategy .col-1 h2 {
      font-size: 2.6vw;
      text-transform: uppercase;
      text-align: center;
      margin-top: 0;
      margin-bottom: 44px;
      line-height: 1; }
      @media screen and (max-width: 960px) {
        #success-strategy .col-1 h2 {
          font-size: 5.6vw; } }
      @media screen and (min-width: 1800px) {
        #success-strategy .col-1 h2 {
          font-size: 1.6vw; } }
    #success-strategy .col-1 p {
      max-width: 822px;
      margin-left: auto;
      margin-right: auto;
      text-align: center; }
  #success-strategy .wrapper {
    width: calc(100% / 1);
    max-width: 1022px;
    margin: 44px auto 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center; }
    @media screen and (max-width: 960px) {
      #success-strategy .wrapper {
        flex-wrap: wrap;
        flex-direction: column; } }
    #success-strategy .wrapper .col-3 {
      width: calc(100% / 3);
      padding: 0 2%;
      margin-bottom: 2%;
      box-sizing: border-box; }
      @media screen and (max-width: 960px) {
        #success-strategy .wrapper .col-3 {
          width: calc(100% / 1);
          padding: 2% 2%;
          box-sizing: border-box; } }
      #success-strategy .wrapper .col-3 i {
        color: #606b21;
        font-size: 44px; }
      #success-strategy .wrapper .col-3 h3 {
        font-family: "Lato", sans-serif;
        font-weight: 600;
        font-size: 22px;
        margin-bottom: 0; }
      #success-strategy .wrapper .col-3 p {
        text-transform: uppercase;
        margin-top: 8px; }

/*success stories before and after */
#success-ttl {
  width: calc(100% / 1);
  margin: 0 auto 0 auto;
  padding: 82px 2% 0 2%;
  box-sizing: border-box; }
  @media screen and (max-width: 960px) {
    #success-ttl {
      flex-direction: column; } }
  #success-ttl .col-1 {
    width: calc(100% / 1);
    max-width: 1440px;
    margin: 0 auto; }
    #success-ttl .col-1 h2 {
      font-size: 2.6vw;
      text-transform: uppercase;
      text-align: center;
      margin-top: 0;
      margin-bottom: 44px;
      line-height: 1; }
      @media screen and (max-width: 960px) {
        #success-ttl .col-1 h2 {
          font-size: 5.6vw; } }
      @media screen and (min-width: 1800px) {
        #success-ttl .col-1 h2 {
          font-size: 1.6vw; } }

/* sell your home intro */
#sell-intro {
  background-image: url("assets/sell-your-home-in-orange-county.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  #sell-intro .tint {
    width: calc(100% / 1);
    height: 50vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4% 2%;
    box-sizing: border-box;
    background-color: rgba(2, 2, 2, 0.44);
    color: #ffffff; }
    #sell-intro .tint h1 {
      font-size: 4vw;
      font-weight: 400;
      color: #ffffff;
      line-height: 5vw;
      text-align: center;
      margin-bottom: 22px; }
      @media screen and (max-width: 960px) {
        #sell-intro .tint h1 {
          font-size: 6vw;
          line-height: 7vw; } }
      @media screen and (min-width: 1800px) {
        #sell-intro .tint h1 {
          font-size: 3vw;
          line-height: 4vw; } }

/* sell your home */
#sell-your-home {
  width: calc(100% / 1);
  max-width: 1440px;
  margin: 0 auto;
  padding: 82px 2%;
  box-sizing: border-box; }
  @media screen and (max-width: 960px) {
    #sell-your-home {
      flex-direction: column;
      padding: 82px 2%; } }
  #sell-your-home .col-1 {
    width: calc(100% / 1);
    text-align: center;
    padding-bottom: 82px; }
    #sell-your-home .col-1 h2 {
      font-size: 2.6vw;
      text-transform: uppercase;
      text-align: center;
      margin-top: 0;
      margin-bottom: 44px; }
      @media screen and (max-width: 960px) {
        #sell-your-home .col-1 h2 {
          font-size: 5.6vw; } }
      @media screen and (min-width: 1800px) {
        #sell-your-home .col-1 h2 {
          font-size: 1.6vw; } }
    #sell-your-home .col-1 h3 {
      max-width: 822px;
      margin: 0 auto; }
  #sell-your-home .wrapper {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% / 1);
    align-items: center; }
    #sell-your-home .wrapper .col-2 {
      width: calc(100% / 2); }
      @media screen and (max-width: 960px) {
        #sell-your-home .wrapper .col-2 {
          width: calc(100% / 1); } }
      #sell-your-home .wrapper .col-2 img {
        max-width: calc(100% / 1); }
      #sell-your-home .wrapper .col-2 h2 {
        font-size: 2.6vw;
        text-transform: uppercase;
        line-height: 1; }
        @media screen and (max-width: 960px) {
          #sell-your-home .wrapper .col-2 h2 {
            font-size: 5.6vw; } }
        @media screen and (min-width: 1800px) {
          #sell-your-home .wrapper .col-2 h2 {
            font-size: 1.6vw; } }
    #sell-your-home .wrapper .pad-4 {
      padding: 4%;
      box-sizing: border-box; }
    #sell-your-home .wrapper .marg-4 {
      margin-bottom: 4%; }
    #sell-your-home .wrapper #social {
      background-image: url("assets/social-media-marketing.jpg");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center; }
    #sell-your-home .wrapper #architectural {
      background-image: url("assets/architectural-photography.jpg");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center; }
    #sell-your-home .wrapper #staging {
      background-image: url("assets/staging-to-sell.jpg");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center; }
    #sell-your-home .wrapper #team {
      background-image: url("assets/meet-the-team.jpg");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center; }
    #sell-your-home .wrapper .reverse {
      display: flex;
      align-items: center; }
      @media screen and (max-width: 960px) {
        #sell-your-home .wrapper .reverse {
          flex-direction: column-reverse; } }

/* reviews intro */
#reviews-intro {
  background-image: url("assets/brent-and-marisa-whitaker-real-estate-reviews.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  #reviews-intro .tint {
    width: calc(100% / 1);
    height: 50vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4% 2%;
    box-sizing: border-box;
    background-color: rgba(2, 2, 2, 0.44);
    color: #ffffff; }
    #reviews-intro .tint h1 {
      font-size: 4vw;
      font-weight: 400;
      color: #ffffff;
      line-height: 5vw;
      text-align: center;
      margin-bottom: 22px; }
      @media screen and (max-width: 960px) {
        #reviews-intro .tint h1 {
          font-size: 6vw;
          line-height: 7vw; } }
      @media screen and (min-width: 1800px) {
        #reviews-intro .tint h1 {
          font-size: 3vw;
          line-height: 4vw; } }

/* reviews interior */
#reviews-interior {
  width: calc(100% / 1);
  max-width: 1440px;
  margin: 0 auto;
  padding: 82px 2%;
  box-sizing: border-box; }
  @media screen and (max-width: 960px) {
    #reviews-interior {
      flex-direction: column;
      padding: 82px 2%; } }
  #reviews-interior .col-1 {
    width: calc(100% / 1);
    text-align: center; }
    #reviews-interior .col-1 h2 {
      font-size: 8.6vw;
      color: #ebe7e0;
      text-transform: uppercase;
      text-align: center;
      margin: 0; }
      @media screen and (max-width: 960px) {
        #reviews-interior .col-1 h2 {
          font-size: 11.6vw; } }
      @media screen and (min-width: 1800px) {
        #reviews-interior .col-1 h2 {
          font-size: 7.6vw; } }
    #reviews-interior .col-1 h4 {
      font-weight: 600;
      text-transform: uppercase; }
    #reviews-interior .col-1 p {
      max-width: 822px;
      margin: auto; }
    #reviews-interior .col-1 .sep {
      display: block;
      width: calc(100% / 1);
      max-width: 1022px;
      height: 1px;
      content: "";
      background-color: #ebe7e0;
      margin: 22px auto; }

/* value intro */
#value-intro {
  background-image: url("assets/home-valuation.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  #value-intro .tint {
    width: calc(100% / 1);
    height: 50vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4% 2%;
    box-sizing: border-box;
    background-color: rgba(2, 2, 2, 0.44);
    color: #ffffff; }
    #value-intro .tint h1 {
      font-size: 4vw;
      font-weight: 400;
      color: #ffffff;
      line-height: 5vw;
      text-align: center;
      margin-bottom: 22px; }
      @media screen and (max-width: 960px) {
        #value-intro .tint h1 {
          font-size: 6vw;
          line-height: 7vw; } }
      @media screen and (min-width: 1800px) {
        #value-intro .tint h1 {
          font-size: 3vw;
          line-height: 4vw; } }

/* home value */
#home-value {
  width: calc(100% / 1);
  margin: 0 auto 0 auto;
  padding: 82px 2%;
  box-sizing: border-box; }
  @media screen and (max-width: 960px) {
    #home-value {
      flex-direction: column; } }
  #home-value .col-1 {
    width: calc(100% / 1); }
    #home-value .col-1 h2 {
      font-size: 2.6vw;
      text-transform: uppercase;
      text-align: center;
      margin-top: 0;
      margin-bottom: 12px; }
      @media screen and (max-width: 960px) {
        #home-value .col-1 h2 {
          font-size: 5.6vw; } }
      @media screen and (min-width: 1800px) {
        #home-value .col-1 h2 {
          font-size: 1.6vw; } }
    #home-value .col-1 h3 {
      text-align: center;
      margin: 44px auto; }
  #home-value .wrapper {
    width: calc(100% / 1);
    max-width: fit-content;
    margin: 0 auto;
    display: flex;
    flex-direction: row; }
    @media screen and (max-width: 960px) {
      #home-value .wrapper {
        flex-wrap: wrap;
        flex-direction: column; } }
    #home-value .wrapper #wpcf7-f9247-o1 {
      width: calc(100% / 1); }
      #home-value .wrapper #wpcf7-f9247-o1 form {
        width: calc(100% / 1); }
    #home-value .wrapper .col-50 {
      width: 50%;
      display: block;
      float: left; }
      @media screen and (max-width: 960px) {
        #home-value .wrapper .col-50 {
          width: calc(100% / 1);
          padding-bottom: 22px; } }
      #home-value .wrapper .col-50 input {
        border-right: none; }
        @media screen and (max-width: 960px) {
          #home-value .wrapper .col-50 input {
            border-right: 2px solid #606b21; } }
    #home-value .wrapper .col-30 {
      width: 30%;
      display: block;
      float: left; }
      @media screen and (max-width: 960px) {
        #home-value .wrapper .col-30 {
          width: calc(100% / 1);
          padding-bottom: 22px; } }
      #home-value .wrapper .col-30 input {
        border-right: none; }
        @media screen and (max-width: 960px) {
          #home-value .wrapper .col-30 input {
            border-right: 2px solid #606b21; } }
    #home-value .wrapper .col-20 {
      width: 20%;
      display: block;
      float: left; }
      @media screen and (max-width: 960px) {
        #home-value .wrapper .col-20 {
          width: calc(100% / 1); } }
      #home-value .wrapper .col-20 input[type="submit"] {
        width: calc(100% / 1);
        max-width: calc(100% / 1); }
      #home-value .wrapper .col-20 input[type="submit"]:hover {
        opacity: 1; }
    #home-value .wrapper .wpcf7-spinner {
      display: none !important; }
    #home-value .wrapper .invalid .wpcf7-response-output {
      display: none !important; }

/* contact intro */
#contact-intro {
  background-image: url("assets/work-with-brent-and-marisa-whitaker.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  #contact-intro .tint {
    width: calc(100% / 1);
    height: 50vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4% 2%;
    box-sizing: border-box;
    background-color: rgba(2, 2, 2, 0.44);
    color: #ffffff; }
    #contact-intro .tint h1 {
      font-size: 4vw;
      font-weight: 400;
      color: #ffffff;
      line-height: 5vw;
      text-align: center;
      margin-bottom: 22px; }
      @media screen and (max-width: 960px) {
        #contact-intro .tint h1 {
          font-size: 6vw;
          line-height: 7vw; } }
      @media screen and (min-width: 1800px) {
        #contact-intro .tint h1 {
          font-size: 3vw;
          line-height: 4vw; } }

/* contact us */
#contact-us {
  width: calc(100% / 1);
  margin: 0 auto 0 auto;
  padding: 82px 2%;
  box-sizing: border-box; }
  @media screen and (max-width: 960px) {
    #contact-us {
      flex-direction: column; } }
  #contact-us .col-1 {
    width: calc(100% / 1); }
    #contact-us .col-1 h2 {
      font-size: 2.6vw;
      text-transform: uppercase;
      text-align: center;
      margin-top: 0;
      margin-bottom: 12px; }
      @media screen and (max-width: 960px) {
        #contact-us .col-1 h2 {
          font-size: 5.6vw; } }
      @media screen and (min-width: 1800px) {
        #contact-us .col-1 h2 {
          font-size: 1.6vw; } }
    #contact-us .col-1 h3 {
      text-align: center;
      margin: 44px auto;
      max-width: 822px; }
    #contact-us .col-1 p {
      text-align: center;
      margin: 0 auto 22px auto; }
  #contact-us .wrapper {
    width: calc(100% / 1);
    max-width: 822px;
    margin: 0 auto;
    display: flex;
    flex-direction: row; }
    @media screen and (max-width: 960px) {
      #contact-us .wrapper {
        flex-wrap: wrap;
        flex-direction: column; } }
    #contact-us .wrapper #wpcf7-f314-o1 {
      width: calc(100% / 1); }
      #contact-us .wrapper #wpcf7-f314-o1 .form-row {
        margin-bottom: 22px; }

/* team intro */
#team-intro {
  background-image: url("assets/meet-the-whitaker-team.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  #team-intro .tint {
    width: calc(100% / 1);
    height: 50vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4% 2%;
    box-sizing: border-box;
    background-color: rgba(2, 2, 2, 0.44);
    color: #ffffff; }
    #team-intro .tint h1 {
      font-size: 4vw;
      font-weight: 400;
      color: #ffffff;
      line-height: 5vw;
      text-align: center;
      margin-bottom: 22px; }
      @media screen and (max-width: 960px) {
        #team-intro .tint h1 {
          font-size: 6vw;
          line-height: 7vw; } }
      @media screen and (min-width: 1800px) {
        #team-intro .tint h1 {
          font-size: 3vw;
          line-height: 4vw; } }

/* meet the team */
#meet {
  width: calc(100% / 1);
  max-width: 1022px;
  display: flex;
  margin: 0 auto 0 auto;
  padding: 82px 2%;
  box-sizing: border-box; }
  @media screen and (max-width: 960px) {
    #meet {
      flex-direction: column; } }
  #meet .col-2 {
    width: calc(100% / 2);
    padding: 0 2%;
    box-sizing: border-box; }
    @media screen and (max-width: 960px) {
      #meet .col-2 {
        width: calc(100% / 1); } }
    #meet .col-2 img {
      width: calc(100% / 1);
      max-width: calc(100% / 1);
      display: block;
      border: 2px solid #ebe7e0;
      line-height: 0;
      box-sizing: border-box; }
    #meet .col-2 .card {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: calc(100% / 1);
      padding: 4% 2%;
      box-sizing: border-box;
      background-color: #ebe7e0;
      border: 2px solid #ebe7e0; }
      #meet .col-2 .card h2 {
        text-transform: uppercase;
        margin: 0; }
      #meet .col-2 .card h3 {
        text-transform: uppercase; }
      #meet .col-2 .card a {
        font-weight: 600;
        padding: 12px 22px;
        box-sizing: border-box;
        margin: 0 auto;
        color: #606b21;
        border: 2px solid #606b21;
        text-transform: uppercase;
        text-align: center; }
  @media screen and (max-width: 960px) {
    #meet .top {
      margin-bottom: 44px; } }

/*team member */
#team-member {
  width: calc(100% / 1);
  max-width: 1022px;
  display: flex;
  margin: 0 auto 0 auto;
  padding: 82px 2% 22px 2%;
  box-sizing: border-box; }
  @media screen and (max-width: 960px) {
    #team-member {
      flex-direction: column; } }
  #team-member .col-2 {
    width: calc(100% / 2);
    padding: 0 2%;
    box-sizing: border-box; }
    @media screen and (max-width: 960px) {
      #team-member .col-2 {
        width: calc(100% / 1); } }
    #team-member .col-2 img {
      width: calc(100% / 1);
      max-width: calc(100% / 1);
      display: block;
      border: 2px solid #ebe7e0;
      line-height: 0;
      box-sizing: border-box; }
    #team-member .col-2 a {
      color: #020202;
      display: inline; }
    #team-member .col-2 ul {
      list-style: none;
      padding-left: 0;
      margin: 0; }
      #team-member .col-2 ul li {
        color: #020202;
        display: inline; }
        #team-member .col-2 ul li a {
          margin: 0 11px 0 0; }
        #team-member .col-2 ul li i {
          font-size: 22px; }

/* team bios */
#team-bios {
  width: calc(100% / 1);
  max-width: 1022px;
  display: flex;
  margin: 0 auto 0 auto;
  padding: 0 3%;
  box-sizing: border-box; }
  @media screen and (max-width: 960px) {
    #team-bios {
      flex-direction: column; } }

/* insights intro */
#insights-intro {
  background-image: url("assets/real-estate-insights-blog.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  #insights-intro .tint {
    width: calc(100% / 1);
    height: 50vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4% 2%;
    box-sizing: border-box;
    background-color: rgba(2, 2, 2, 0.44);
    color: #ffffff; }
    #insights-intro .tint h1 {
      font-size: 4vw;
      font-weight: 400;
      color: #ffffff;
      line-height: 5vw;
      text-align: center;
      margin-bottom: 22px; }
      @media screen and (max-width: 960px) {
        #insights-intro .tint h1 {
          font-size: 6vw;
          line-height: 7vw; } }
      @media screen and (min-width: 1800px) {
        #insights-intro .tint h1 {
          font-size: 3vw;
          line-height: 4vw; } }

/* success intro */
#success-intro {
  background-image: url("/wp-content/uploads/sites/105/2025/07/success-stories-banner.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  #success-intro .tint {
    width: calc(100% / 1);
    height: 50vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4% 2%;
    box-sizing: border-box;
    background-color: rgba(2, 2, 2, 0.44);
    color: #ffffff; }
    #success-intro .tint h1 {
      font-size: 4vw;
      font-weight: 400;
      color: #ffffff;
      line-height: 5vw;
      text-align: center;
      margin-bottom: 22px; }
      @media screen and (max-width: 960px) {
        #success-intro .tint h1 {
          font-size: 6vw;
          line-height: 7vw; } }
      @media screen and (min-width: 1800px) {
        #success-intro .tint h1 {
          font-size: 3vw;
          line-height: 4vw; } }

/* success interior */
#success-interior {
  width: calc(100% / 1);
  max-width: 1440px;
  margin: 0 auto;
  padding: 82px 2%;
  box-sizing: border-box; }
  @media screen and (max-width: 960px) {
    #success-interior {
      flex-direction: column;
      padding: 82px 2%; } }
  #success-interior .col-1 {
    width: calc(100% / 1);
    text-align: center; }
    #success-interior .col-1 h2 {
      font-size: 8.6vw;
      color: #ebe7e0;
      text-transform: uppercase;
      text-align: center;
      margin: 0; }
      @media screen and (max-width: 960px) {
        #success-interior .col-1 h2 {
          font-size: 11.6vw; } }
      @media screen and (min-width: 1800px) {
        #success-interior .col-1 h2 {
          font-size: 7.6vw; } }
    #success-interior .col-1 h4 {
      font-weight: 600;
      text-transform: uppercase; }
    #success-interior .col-1 p {
      max-width: 822px;
      margin: auto; }
    #success-interior .col-1 .sep {
      display: block;
      width: calc(100% / 1);
      max-width: 1022px;
      height: 1px;
      content: "";
      background-color: #ebe7e0;
      margin: 22px auto; }

/* insights blog */
#insights {
  width: calc(100% / 1);
  max-width: 1440px;
  margin: 0 auto;
  padding: 82px 2%;
  box-sizing: border-box; }
  @media screen and (max-width: 960px) {
    #insights {
      flex-direction: column;
      padding: 82px 2%; } }
  #insights .col-1 {
    width: calc(100% / 1); }
    #insights .col-1 h2 {
      font-size: 2.6vw;
      text-transform: uppercase;
      text-align: center;
      margin-top: 0;
      margin-bottom: 44px; }
      @media screen and (max-width: 960px) {
        #insights .col-1 h2 {
          font-size: 5.6vw; } }
      @media screen and (min-width: 1800px) {
        #insights .col-1 h2 {
          font-size: 1.6vw; } }
  #insights .wrapper {
    width: calc(100% / 1);
    display: flex;
    flex-wrap: wrap; }
    @media screen and (max-width: 960px) {
      #insights .wrapper {
        flex-wrap: wrap;
        flex-direction: column; } }
    #insights .wrapper .row {
      width: calc(100% / 1);
      display: flex;
      flex-direction: row;
      align-items: center; }
      @media screen and (max-width: 960px) {
        #insights .wrapper .row {
          flex-direction: column; } }
    #insights .wrapper .row:nth-child(odd) img {
      border-right: 26px solid #ebe7e0;
      box-sizing: border-box; }
    #insights .wrapper .row:nth-child(even) {
      flex-direction: row-reverse; }
      @media screen and (max-width: 960px) {
        #insights .wrapper .row:nth-child(even) {
          flex-direction: column; } }
      #insights .wrapper .row:nth-child(even) img {
        border-left: 26px solid #ebe7e0;
        box-sizing: border-box; }
    #insights .wrapper .col-2 {
      width: calc(100% / 2);
      padding: 2%;
      box-sizing: border-box; }
      @media screen and (max-width: 960px) {
        #insights .wrapper .col-2 {
          width: calc(100% / 1); } }
      #insights .wrapper .col-2 img {
        max-width: calc(100% / 1); }
      #insights .wrapper .col-2 a {
        color: #020202; }
      #insights .wrapper .col-2 h3 {
        font-weight: 400;
        font-size: 1.8vw;
        line-height: 1;
        margin-top: 0; }
        @media screen and (max-width: 960px) {
          #insights .wrapper .col-2 h3 {
            font-size: 3.8vw; } }
    #insights .wrapper .pad-4 {
      padding: 4%;
      box-sizing: border-box; }
      @media screen and (max-width: 960px) {
        #insights .wrapper .pad-4 {
          padding: 2% 4% 2% 4%; } }
    #insights .wrapper .left-sand {
      border-left: 26px solid #ebe7e0;
      box-sizing: border-box; }
    #insights .wrapper .right-sand {
      border-right: 26px solid #ebe7e0;
      box-sizing: border-box; }

/* blog single intro */
#single-intro {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  #single-intro .tint {
    width: calc(100% / 1);
    height: 50vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4% 2%;
    box-sizing: border-box;
    background-color: rgba(2, 2, 2, 0.44);
    color: #ffffff; }
    #single-intro .tint h1 {
      font-size: 4vw;
      font-weight: 400;
      color: #ffffff;
      line-height: 5vw;
      text-align: center;
      margin-bottom: 22px; }
      @media screen and (max-width: 960px) {
        #single-intro .tint h1 {
          font-size: 6vw;
          line-height: 7vw; } }
      @media screen and (min-width: 1800px) {
        #single-intro .tint h1 {
          font-size: 3vw;
          line-height: 4vw; } }

/* blog single content */
#single-content {
  width: calc(100% / 1);
  max-width: 822px;
  margin: 0 auto;
  padding: 44px 2% 0 2%;
  box-sizing: border-box; }
  @media screen and (max-width: 960px) {
    #single-content {
      flex-direction: column;
      padding: 82px 2% 0 2%; } }
  #single-content .wrapper {
    width: calc(100% / 1);
    display: flex;
    flex-wrap: wrap; }
    @media screen and (max-width: 960px) {
      #single-content .wrapper {
        flex-wrap: wrap;
        flex-direction: column; } }
    #single-content .wrapper img {
      display: none; }
    #single-content .wrapper ul {
      min-width: calc(100% / 1); }

/* privacy intro */
#privacy-intro {
  background-image: url("assets/brent-and-marisa-whitaker-privacy-policy.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  #privacy-intro .tint {
    width: calc(100% / 1);
    height: 50vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4% 2%;
    box-sizing: border-box;
    background-color: rgba(2, 2, 2, 0.44);
    color: #ffffff; }
    #privacy-intro .tint h1 {
      font-size: 4vw;
      font-weight: 400;
      color: #ffffff;
      line-height: 5vw;
      text-align: center;
      margin-bottom: 22px; }
      @media screen and (max-width: 960px) {
        #privacy-intro .tint h1 {
          font-size: 6vw;
          line-height: 7vw; } }
      @media screen and (min-width: 1800px) {
        #privacy-intro .tint h1 {
          font-size: 3vw;
          line-height: 4vw; } }

/* privacy policy */
#privacy {
  width: calc(100% / 1);
  max-width: 1440px;
  margin: 0 auto;
  padding: 82px 2%;
  box-sizing: border-box; }
  @media screen and (max-width: 960px) {
    #privacy {
      flex-direction: column;
      padding: 82px 2%; } }
  #privacy .col-1 {
    width: calc(100% / 1); }
    #privacy .col-1 h2 {
      font-size: 8.6vw;
      color: #ebe7e0;
      text-transform: uppercase;
      text-align: center;
      margin: 0; }
      @media screen and (max-width: 960px) {
        #privacy .col-1 h2 {
          font-size: 11.6vw; } }
      @media screen and (min-width: 1800px) {
        #privacy .col-1 h2 {
          font-size: 7.6vw; } }
    #privacy .col-1 h4 {
      font-weight: 600;
      text-transform: uppercase;
      max-width: 822px;
      margin-left: auto;
      margin-right: auto; }
    #privacy .col-1 p {
      max-width: 822px;
      margin-left: auto;
      margin-right: auto; }
    #privacy .col-1 ul {
      max-width: 822px;
      margin-left: auto;
      margin-right: auto; }

/* accessibility intro */
#accessibility-intro {
  background-image: url("assets/brent-and-marisa-whitaker-accessibility.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  #accessibility-intro .tint {
    width: calc(100% / 1);
    height: 50vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4% 2%;
    box-sizing: border-box;
    background-color: rgba(2, 2, 2, 0.44);
    color: #ffffff; }
    #accessibility-intro .tint h1 {
      font-size: 4vw;
      font-weight: 400;
      color: #ffffff;
      line-height: 5vw;
      text-align: center;
      margin-bottom: 22px; }
      @media screen and (max-width: 960px) {
        #accessibility-intro .tint h1 {
          font-size: 6vw;
          line-height: 7vw; } }
      @media screen and (min-width: 1800px) {
        #accessibility-intro .tint h1 {
          font-size: 3vw;
          line-height: 4vw; } }

/* accessibility */
#accessibility {
  width: calc(100% / 1);
  max-width: 1440px;
  margin: 0 auto;
  padding: 82px 2%;
  box-sizing: border-box; }
  @media screen and (max-width: 960px) {
    #accessibility {
      flex-direction: column;
      padding: 82px 2%; } }
  #accessibility .col-1 {
    width: calc(100% / 1); }
    #accessibility .col-1 h2 {
      font-size: 8.6vw;
      color: #ebe7e0;
      text-transform: uppercase;
      text-align: center;
      margin: 0; }
      @media screen and (max-width: 960px) {
        #accessibility .col-1 h2 {
          font-size: 11.6vw; } }
      @media screen and (min-width: 1800px) {
        #accessibility .col-1 h2 {
          font-size: 7.6vw; } }
    #accessibility .col-1 h4 {
      font-weight: 600;
      text-transform: uppercase;
      max-width: 822px;
      margin-left: auto;
      margin-right: auto; }
    #accessibility .col-1 p {
      max-width: 822px;
      margin-left: auto;
      margin-right: auto; }
    #accessibility .col-1 ul {
      max-width: 822px;
      margin-left: auto;
      margin-right: auto; }
    #accessibility .col-1 a {
      color: #1c82d2;
      display: inline; }
    #accessibility .col-1 .form-wrapper {
      max-width: 822px;
      margin-left: auto;
      margin-right: auto; }
      #accessibility .col-1 .form-wrapper label {
        margin-top: 22px; }
      #accessibility .col-1 .form-wrapper input[type="submit"] {
        margin-top: 22px; }

/* footer */
#base-footer {
  width: 100%;
  box-sizing: border-box;
  padding: 22px 2%;
  background-color: #ebe7e0; }
  #base-footer .info {
    width: calc(100% / 1);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border-top: 1px solid #020202;
    border-bottom: 1px solid #020202; }
    #base-footer .info .col-3 {
      width: calc(100% / 3);
      padding: 2%;
      box-sizing: border-box; }
      @media screen and (max-width: 822px) {
        #base-footer .info .col-3 {
          width: calc(100% / 2); } }
      @media screen and (max-width: 622px) {
        #base-footer .info .col-3 {
          width: calc(100% / 1); } }
      #base-footer .info .col-3 h3 {
        text-transform: uppercase;
        margin-top: 0;
        font-weight: 400;
        font-size: 22px; }
      #base-footer .info .col-3 .wrapper {
        width: calc(100% / 1); }
        #base-footer .info .col-3 .wrapper .col-2 {
          width: calc(100% / 2);
          float: left; }
          @media screen and (max-width: 1022px) {
            #base-footer .info .col-3 .wrapper .col-2 {
              width: calc(100% / 1); } }
          #base-footer .info .col-3 .wrapper .col-2 ul {
            list-style: none;
            padding-left: 0;
            margin: 0; }
            #base-footer .info .col-3 .wrapper .col-2 ul li a {
              color: #020202;
              text-transform: uppercase;
              font-size: 12px;
              display: inline; }
  #base-footer .copyright {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 22px 2%;
    color: #020202;
    text-align: center; }
    #base-footer .copyright a {
      display: inline;
      color: #020202; }

/* form general */
input {
  width: 100%;
  background: transparent;
  color: #020202;
  box-sizing: border-box;
  height: 48px;
  font-size: 16px;
  font-family: "Lato", sans-serif;
  padding-left: 18px;
  outline: none;
  box-shadow: none;
  border: 2px solid #606b21;
  border-radius: 0;
  -webkit-appearance: none; }

select {
  width: 100%;
  box-sizing: border-box;
  height: 44px;
  font-size: 16px;
  font-family: "Lato", sans-serif;
  padding-left: 18px;
  outline: none;
  background-color: #ffffff;
  border: 2px solid #020202;
  border-radius: 0;
  -webkit-appearance: none;
  font-style: italic;
  background: url(/wp-content/uploads/2020/03/base-select-arrow.png);
  background-repeat: no-repeat;
  background-position: 98% 50%; }

textarea {
  width: 100%;
  background-color: #ffffff;
  box-sizing: border-box;
  height: 144px;
  font-size: 16px;
  font-family: "Lato", sans-serif;
  padding: 18px;
  outline: none;
  border: 2px solid #606b21;
  border-radius: 0;
  -webkit-appearance: none;
  color: #020202; }

input::-webkit-input-placeholder {
  color: #020202;
  opacity: 69%; }

textarea::-webkit-input-placeholder {
  color: #020202;
  opacity: 69%; }

label {
  font-size: 18px;
  padding-left: 0;
  text-align: left;
  padding-bottom: 4px;
  display: block;
  float: left;
  color: #020202;
  font-weight: 600; }

.agent-level {
  font-style: italic; }

input[type="submit"] {
  background: transparent;
  color: #606b21;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  max-width: 169px;
  height: 48px;
  border: 2px solid #606b21;
  box-sizing: border-box;
  padding: 0;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
  opacity: 1;
  transition: 0.5s ease; }

input[type="submit"]:hover {
  opacity: 0.44; }

.form-row {
  overflow: auto; }

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

span.wpcf7-not-valid-tip {
  font-size: 14px;
  margin-top: 4px;
  color: #020202;
  font-weight: 600; }

div.wpcf7-response-output {
  margin-top: 0 !important;
  font-size: 14px !important;
  border: none !important;
  padding: 0 !important;
  text-align: center !important;
  border-color: transparent !important;
  color: #020202 !important; }

div.wpcf7-mail-sent-ok {
  font-size: 16px !important;
  color: #020202;
  display: none !important; }

.wpcf7 form.invalid .wpcf7-response-output {
  border-color: transparent;
  color: #020202;
  font-size: 12px;
  margin-top: 0; }

.sent .form-row {
  display: none; }

.form-row br {
  display: none; }

/* form general end */
/* listing page */
#banner {
  width: calc(100% / 1);
  box-sizing: border-box;
  top: 0; }
  #banner .tint {
    background-color: rgba(2, 2, 2, 0.44);
    width: calc(100% / 1);
    height: 80vh; }
    @media screen and (max-width: 960px) {
      #banner .tint {
        height: 60vh; } }
    #banner .tint img {
      max-width: calc(100% / 1); }

#listing-intro {
  width: calc(100% / 1);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  max-width: 822px;
  margin: 0 auto 0 auto;
  box-sizing: border-box; }
  #listing-intro .status {
    position: absolute;
    bottom: 22px;
    left: 22px;
    font-family: "Belleza", sans-serif;
    font-size: 22px;
    letter-spacing: 1px;
    background-color: #606b21;
    border: 2px solid #ffffff;
    text-transform: uppercase;
    color: #ffffff;
    padding: 12px 22px;
    box-sizing: border-box; }
  #listing-intro .details {
    width: calc(100% / 1);
    padding: 2% 4% 4% 4%;
    box-sizing: border-box;
    text-align: center; }
    @media screen and (max-width: 1022px) {
      #listing-intro .details {
        width: calc(100% / 1); } }
    #listing-intro .details .address {
      font-family: "Belleza", sans-serif;
      font-size: 1.7vw;
      letter-spacing: 1px;
      margin-bottom: 12px; }
      @media screen and (max-width: 1022px) {
        #listing-intro .details .address {
          font-size: 4vw; } }
      #listing-intro .details .address a {
        max-width: fit-content;
        color: #020202; }
    #listing-intro .details .price {
      font-family: "Belleza", sans-serif;
      font-size: 1.7vw;
      letter-spacing: 1px;
      color: #606b21;
      margin-bottom: 12px; }
      @media screen and (max-width: 1022px) {
        #listing-intro .details .price {
          font-size: 4vw; } }
    #listing-intro .details .layout {
      font-family: "Belleza", sans-serif;
      font-size: 1.2vw;
      letter-spacing: 1px; }
      @media screen and (max-width: 1022px) {
        #listing-intro .details .layout {
          font-size: 3vw; } }
      #listing-intro .details .layout span {
        margin: 0 4px;
        font-family: "Lato", sans-serif; }
    #listing-intro .details .description p {
      margin-bottom: 0; }

#listing-gallery {
  width: calc(100% / 1);
  display: flex;
  max-width: 1422px;
  margin: 0 auto;
  padding: 2% 2%;
  box-sizing: border-box; }
  #listing-gallery .wrapper {
    width: calc(100% / 1);
    display: flex;
    flex-wrap: wrap; }
    #listing-gallery .wrapper .col-6 {
      width: calc(100% / 6);
      padding: 0.5%;
      box-sizing: border-box; }
      @media screen and (max-width: 1022px) {
        #listing-gallery .wrapper .col-6 {
          width: calc(100% / 3); } }
      #listing-gallery .wrapper .col-6 img {
        max-width: calc(100% / 1);
        display: block;
        line-height: 0; }
    #listing-gallery .wrapper .col-6:nth-child(n+7) {
      display: none; }

.more {
  width: calc(100% / 1);
  display: flex;
  justify-content: center;
  padding-bottom: 2%; }
  .more a {
    color: #606b21;
    max-width: fit-content;
    font-weight: 600;
    border: 2px solid #606b21;
    padding: 8px 22px;
    box-sizing: border-box;
    text-transform: uppercase; }

#listing-showing {
  width: calc(100% / 1);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding: 4%;
  box-sizing: border-box;
  background-color: #ebe7e0;
  color: #020202; }
  #listing-showing h2 {
    font-size: 2.6vw;
    text-transform: uppercase;
    text-align: center; }
    @media screen and (max-width: 960px) {
      #listing-showing h2 {
        font-size: 5.6vw; } }
    @media screen and (min-width: 1800px) {
      #listing-showing h2 {
        font-size: 1.6vw; } }
  #listing-showing .showing {
    width: calc(100% / 1); }
  #listing-showing form {
    max-width: 622px;
    margin: 0 auto; }
  #listing-showing .form-row {
    padding-bottom: 22px; }
  #listing-showing input {
    width: 100%;
    background-color: #ebe7e0;
    color: #020202;
    box-sizing: border-box;
    height: 44px;
    font-size: 14px;
    font-family: "Lato", sans-serif;
    padding-left: 18px;
    outline: none;
    box-shadow: none;
    border: 2px solid #606b21;
    border-radius: 0;
    -webkit-appearance: none; }
  #listing-showing input::-webkit-input-placeholder {
    color: #020202; }
  #listing-showing textarea::-webkit-input-placeholder {
    color: #020202; }
  #listing-showing label {
    font-size: 14px;
    font-family: "Lato", sans-serif;
    padding-left: 0;
    text-align: left;
    padding-bottom: 4px;
    display: block;
    float: left;
    color: #ffffff;
    font-weight: 600; }
  #listing-showing input[type="submit"] {
    background-color: #ebe7e0;
    color: #606b21;
    text-transform: uppercase;
    max-width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    margin: 0 auto;
    padding: 12px 22px;
    box-sizing: border-box;
    border: 2px solid #606b21;
    cursor: pointer;
    opacity: 1;
    transition: 0.5s ease; }
  #listing-showing input[type="submit"]:hover {
    opacity: 0.44; }
  #listing-showing .form-row {
    overflow: auto; }
  #listing-showing .form-center {
    text-align: center; }
  #listing-showing .wpcf7-spinner {
    display: none; }
  #listing-showing span.wpcf7-not-valid-tip {
    font-size: 14px;
    margin-top: 4px;
    color: #020202;
    font-weight: 600; }
  #listing-showing div.wpcf7-response-output {
    margin-top: 0 !important;
    font-size: 14px !important;
    border: none !important;
    padding: 0 !important;
    text-align: center !important;
    border-color: transparent !important;
    color: #020202 !important; }
  #listing-showing div.wpcf7-mail-sent-ok {
    font-size: 16px !important;
    color: #020202; }
  #listing-showing .wpcf7 form.invalid .wpcf7-response-output {
    border-color: transparent;
    color: #020202;
    font-size: 12px;
    margin-top: 0; }
  #listing-showing .sent .form-row {
    display: none; }
  #listing-showing .form-row br {
    display: none; }
  #listing-showing .youtube {
    width: 60%; }
    @media screen and (max-width: 1022px) {
      #listing-showing .youtube {
        width: calc(100% / 1); } }

#listing-map {
  position: relative;
  overflow: hidden;
  transform: translateZ(0px);
  background-color: transparent;
  border: 22px solid #ffffff; }
  #listing-map .wrapper {
    width: calc(100% / 1); }

#slp-google-map-section {
  width: 1440px;
  min-width: calc(100% / 1);
  height: 650px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }

#listing-contact {
  width: calc(100% / 1);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 auto;
  padding: 4%;
  box-sizing: border-box;
  background-color: #ebe7e0;
  color: #020202; }
  #listing-contact a {
    color: #020202;
    display: inline; }
  #listing-contact h2 {
    font-size: 2.6vw;
    text-transform: uppercase;
    text-align: center; }
    @media screen and (max-width: 960px) {
      #listing-contact h2 {
        font-size: 5.6vw; } }
    @media screen and (min-width: 1800px) {
      #listing-contact h2 {
        font-size: 1.6vw; } }
  #listing-contact h3 {
    margin-bottom: 0; }
  #listing-contact .contact {
    width: calc(100% / 1); }
  #listing-contact .sep {
    display: block;
    width: calc(100% / 1);
    max-width: 822px;
    height: 1px;
    content: "";
    background-color: #020202;
    margin: 22px auto; }
  #listing-contact form {
    max-width: 622px;
    margin: 0 auto; }
  #listing-contact .form-row {
    padding-bottom: 22px; }
  #listing-contact input {
    width: 100%;
    background-color: #ebe7e0;
    color: #020202;
    box-sizing: border-box;
    height: 44px;
    font-size: 14px;
    font-family: "Lato", sans-serif;
    padding-left: 18px;
    outline: none;
    box-shadow: none;
    border: 2px solid #606b21;
    border-radius: 0;
    -webkit-appearance: none; }
  #listing-contact textarea {
    width: 100%;
    background-color: #ebe7e0;
    color: #020202;
    box-sizing: border-box;
    height: 169px;
    font-size: 14px;
    font-family: "Lato", sans-serif;
    padding-left: 18px;
    outline: none;
    box-shadow: none;
    border: 2px solid #606b21;
    border-radius: 0;
    -webkit-appearance: none; }
  #listing-contact input::-webkit-input-placeholder {
    color: #020202; }
  #listing-contact textarea::-webkit-input-placeholder {
    color: #020202; }
  #listing-contact label {
    font-size: 14px;
    font-family: "Lato", sans-serif;
    padding-left: 0;
    text-align: left;
    padding-bottom: 4px;
    display: block;
    float: left;
    color: #ffffff;
    font-weight: 600; }
  #listing-contact input[type="submit"] {
    background-color: #ebe7e0;
    color: #606b21;
    text-transform: uppercase;
    max-width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    margin: 0 auto;
    padding: 12px 22px;
    box-sizing: border-box;
    border: 2px solid #606b21;
    cursor: pointer;
    opacity: 1;
    transition: 0.5s ease; }
  #listing-contact input[type="submit"]:hover {
    opacity: 0.44; }
  #listing-contact .form-row {
    overflow: auto; }
  #listing-contact .form-center {
    text-align: center; }
  #listing-contact .wpcf7-spinner {
    display: none; }
  #listing-contact span.wpcf7-not-valid-tip {
    font-size: 14px;
    margin-top: 4px;
    color: #020202;
    font-weight: 600; }
  #listing-contact div.wpcf7-response-output {
    margin-top: 0 !important;
    font-size: 14px !important;
    border: none !important;
    padding: 0 !important;
    text-align: center !important;
    border-color: transparent !important;
    color: #020202 !important; }
  #listing-contact div.wpcf7-mail-sent-ok {
    font-size: 16px !important;
    color: #020202; }
  #listing-contact .wpcf7 form.invalid .wpcf7-response-output {
    border-color: transparent;
    color: #020202;
    font-size: 12px;
    margin-top: 0; }
  #listing-contact .sent .form-row {
    display: none; }
  #listing-contact .form-row br {
    display: none; }

/* fancybox */
.fancybox-container.fancybox-is-open {
  z-index: 99999999;
  background-color: #ffffff; }

.fancybox-inner {
  background-color: #ffffff; }

.fancybox-thumbs__list {
  background-color: #ffffff; }

.fancybox-button--zoom {
  display: none !important; }

.fancybox-button--play {
  display: none; }

.fancybox-button {
  background: #020202;
  color: #ffffff; }

.fancybox-thumbs__list a::before {
  border: 6px solid #020202; }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 35px;
  height: 0;
  overflow: hidden; }

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/*# sourceMappingURL=style.css.map */