/* */
/*Theme Name: Zakhar Team Vol. 1 */
/*Version: 0.222 */
/*Description: custom theme for the Zakhar Team. */
/*Author: vanni */
/*Author URI: */
/* FONTS */
@import url("https://use.typekit.net/kte0qur.css");
/*font-family: "century-gothic", sans-serif */
/* COLORS */
/* GLOBAL */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 134px; }

body {
  margin: 0;
  color: #020202;
  font-family: "century-gothic", 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: "century-gothic", 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: #640b11;
    border: 2px solid #640b11;
    text-transform: uppercase;
    text-align: center; }

#cta-sand {
  width: calc(100% / 1);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #615657; }
  #cta-sand a {
    font-weight: 600;
    padding: 12px 22px;
    box-sizing: border-box;
    margin: 0 auto;
    color: #640b11;
    border: 2px solid #640b11;
    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 .brand img {
      max-width: 144px; }
  #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: #615657;
  text-align: center;
  position: absolute;
  font-family: "century-gothic", 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: #ffffff;
    font-weight: 600;
    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 #ffffff; }
  #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; }

/* intro banner */
#intro {
  background-image: url("assets/zakar-team-real-estate-home-interior.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.69);
    color: #ffffff; }
    #intro .tint h1 {
      font-size: 6vw;
      font-weight: 600;
      color: #ffffff;
      line-height: 5vw;
      text-align: center;
      margin-bottom: 22px;
      text-transform: uppercase; }
      @media screen and (max-width: 960px) {
        #intro .tint h1 {
          font-size: 10vw;
          line-height: 8vw; } }
      @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: 8vw; } }
        @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 44px;
        box-sizing: border-box;
        margin: 0 11px;
        border: 2px solid #ffffff;
        text-transform: uppercase;
        text-align: center;
        background-color: rgba(255, 255, 255, 0.22); }
        @media screen and (max-width: 960px) {
          #intro .tint .ctas .actions {
            margin: 11px auto;
            width: 80%;
            max-width: 80%; } }

/* real estate */
#real-estate {
  width: calc(100% / 1);
  max-width: 1440px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0 auto;
  padding: 82px 2% 22px 2%;
  box-sizing: border-box; }
  @media screen and (max-width: 960px) {
    #real-estate {
      flex-direction: column; } }
  #real-estate .col-1 {
    width: calc(100% / 1); }
    #real-estate .col-1 .wrapper {
      width: calc(100% / 1);
      max-width: 822px;
      margin: 0 auto;
      text-align: center; }
      #real-estate .col-1 .wrapper h2 {
        font-size: 1.6vw;
        line-height: 2.6vw;
        text-transform: uppercase;
        color: #640b11; }
        @media screen and (max-width: 960px) {
          #real-estate .col-1 .wrapper h2 {
            font-size: 4.6vw;
            line-height: 5.6vw; } }
        @media screen and (min-width: 1800px) {
          #real-estate .col-1 .wrapper h2 {
            font-size: 1.8vw;
            line-height: 1.8vw; } }
        #real-estate .col-1 .wrapper h2 span {
          font-size: 2.6vw;
          line-height: 3.6vw;
          text-transform: uppercase;
          color: #640b11; }
          @media screen and (max-width: 960px) {
            #real-estate .col-1 .wrapper h2 span {
              font-size: 5.6vw; } }
          @media screen and (min-width: 1800px) {
            #real-estate .col-1 .wrapper h2 span {
              font-size: 2.2vw; } }

/* reviews */
#reviews {
  width: calc(100% / 1);
  background-image: url("assets/zakhar-team-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.69);
    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% 44px 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;
      color: #640b11; }
      @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: #640b11;
            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: #ffffff;
          border-top: 22px solid #615657; }
          #featured .wrapper .col-2 .card .details .address h3 {
            font-size: 1.6vw;
            line-height: 2.6vw;
            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;
                line-height: 6vw; } }
            @media screen and (min-width: 1800px) {
              #featured .wrapper .col-2 .card .details .address h3 {
                font-size: 1.4vw;
                line-height: 2.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: 400; }
            @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; } }

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

/* the team */
#the-team {
  width: calc(100% / 1);
  margin: 82px auto 0 auto;
  padding: 82px 2%;
  box-sizing: border-box;
  background-color: #615657;
  color: #ffffff; }
  @media screen and (max-width: 960px) {
    #the-team {
      flex-direction: column; } }
  #the-team .col-1 {
    width: calc(100% / 1); }
    #the-team .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) {
        #the-team .col-1 h2 {
          font-size: 5.6vw; } }
      @media screen and (min-width: 1800px) {
        #the-team .col-1 h2 {
          font-size: 1.6vw; } }
  #the-team .wrapper {
    width: calc(100% / 1);
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    @media screen and (max-width: 960px) {
      #the-team .wrapper {
        flex-wrap: wrap;
        flex-direction: column; } }
    #the-team .wrapper .col-4 {
      width: calc(100% / 4);
      padding: 0 2%;
      box-sizing: border-box;
      text-align: center; }
      @media screen and (max-width: 960px) {
        #the-team .wrapper .col-4 {
          width: calc(100% / 1);
          padding: 2% 2%;
          box-sizing: border-box; } }
      #the-team .wrapper .col-4 img {
        max-width: calc(100% / 1); }
      #the-team .wrapper .col-4 h3 {
        color: #ffffff;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 600;
        text-align: center;
        line-height: 1; }

/* the team */
#the-team-interior {
  width: calc(100% / 1);
  margin: 0 auto 0 auto;
  padding: 82px 2%;
  box-sizing: border-box;
  background-color: #ffffff;
  color: #020202; }
  @media screen and (max-width: 960px) {
    #the-team-interior {
      flex-direction: column; } }
  #the-team-interior .col-1 {
    width: calc(100% / 1); }
    #the-team-interior .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) {
        #the-team-interior .col-1 h2 {
          font-size: 5.6vw; } }
      @media screen and (min-width: 1800px) {
        #the-team-interior .col-1 h2 {
          font-size: 1.6vw; } }
  #the-team-interior .wrapper {
    width: calc(100% / 1);
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    @media screen and (max-width: 960px) {
      #the-team-interior .wrapper {
        flex-wrap: wrap;
        flex-direction: column; } }
    #the-team-interior .wrapper .col-4 {
      width: calc(100% / 4);
      padding: 0 2%;
      box-sizing: border-box;
      text-align: center; }
      @media screen and (max-width: 960px) {
        #the-team-interior .wrapper .col-4 {
          width: calc(100% / 1);
          padding: 2% 2%;
          box-sizing: border-box; } }
      #the-team-interior .wrapper .col-4 img {
        max-width: calc(100% / 1); }
      #the-team-interior .wrapper .col-4 h3 {
        color: #020202;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 600;
        text-align: center;
        line-height: 1; }
  #the-team-interior .sep {
    display: block;
    width: calc(100% / 1);
    max-width: 822px;
    height: 1px;
    content: "";
    background-color: #640b11;
    margin: 82px auto 0 auto; }

/* 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 #615657;
      box-sizing: border-box; }
    #recent .wrapper .right-sand {
      border-right: 26px solid #615657;
      box-sizing: border-box; }

/* work with */
#work-with {
  width: calc(100% / 1); }
  #work-with .wrapper {
    width: calc(100% / 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 82px 2%;
    box-sizing: border-box;
    color: #020202; }
    #work-with .wrapper .col-1 {
      width: calc(100% / 1);
      max-width: 822px;
      margin: 0 auto; }
      #work-with .wrapper .col-1 h2 {
        font-size: 2.6vw;
        text-transform: uppercase;
        text-align: center;
        margin-top: 0;
        margin-bottom: 22px;
        color: #640b11; }
        @media screen and (max-width: 960px) {
          #work-with .wrapper .col-1 h2 {
            font-size: 5.6vw; } }
        @media screen and (min-width: 1800px) {
          #work-with .wrapper .col-1 h2 {
            font-size: 1.6vw; } }
      #work-with .wrapper .col-1 h3 {
        text-align: center; }
      #work-with .wrapper .col-1 p {
        text-align: center; }
      #work-with .wrapper .col-1 .form-wrapper {
        width: calc(100% / 1);
        max-width: 622px;
        margin: 0 auto; }
        #work-with .wrapper .col-1 .form-wrapper p {
          margin: 0; }
        #work-with .wrapper .col-1 .form-wrapper .form-row {
          padding-bottom: 22px; }
        #work-with .wrapper .col-1 .form-wrapper input {
          border-color: #640b11;
          margin-bottom: 22px; }
        #work-with .wrapper .col-1 .form-wrapper textarea {
          width: 100%;
          background-color: transparent;
          box-sizing: border-box;
          height: 144px;
          font-size: 16px;
          font-family: "century-gothic", sans-serif;
          padding: 18px;
          margin-bottom: 22px;
          outline: none;
          border: 2px solid #640b11;
          -webkit-appearance: none;
          color: #020202; }
        #work-with .wrapper .col-1 .form-wrapper input::-webkit-input-placeholder {
          color: #020202;
          opacity: 1; }
        #work-with .wrapper .col-1 .form-wrapper textarea::-webkit-input-placeholder {
          color: #020202;
          opacity: 1; }
        #work-with .wrapper .col-1 .form-wrapper input[type="submit"] {
          color: #640b11; }
        #work-with .wrapper .col-1 .form-wrapper span.wpcf7-not-valid-tip {
          font-size: 14px;
          margin-top: 4px;
          color: #020202;
          font-weight: 600; }
        #work-with .wrapper .col-1 .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: #020202 !important; }
        #work-with .wrapper .col-1 .form-wrapper div.wpcf7-mail-sent-ok {
          font-size: 16px !important;
          color: #020202; }
        #work-with .wrapper .col-1 .form-wrapper .wpcf7 form.invalid .wpcf7-response-output {
          border-color: transparent;
          color: #020202;
          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: #615657;
  color: #ffffff; }
  #home-contact a {
    color: #ffffff;
    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: #ffffff;
    margin: 22px auto; }
  #home-contact ul {
    list-style: none;
    padding-left: 0;
    margin: 0; }
    #home-contact ul li {
      color: #ffffff;
      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/zakhar-team-featured-homes.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.69);
    color: #ffffff; }
    #featured-homes-intro .tint h1 {
      font-size: 3vw;
      font-weight: 400;
      color: #ffffff;
      line-height: 4vw;
      text-align: center;
      margin-bottom: 22px;
      text-transform: uppercase; }
      @media screen and (max-width: 960px) {
        #featured-homes-intro .tint h1 {
          font-size: 5vw;
          line-height: 6vw; } }
      @media screen and (min-width: 1800px) {
        #featured-homes-intro .tint h1 {
          font-size: 2vw;
          line-height: 3vw; } }

/* past sales intro */
#past-sales-intro {
  background-image: url("assets/zakhar-recently-zold.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.69);
    color: #ffffff; }
    #past-sales-intro .tint h1 {
      font-size: 3vw;
      font-weight: 400;
      color: #ffffff;
      line-height: 4vw;
      text-align: center;
      margin-bottom: 22px;
      text-transform: uppercase; }
      @media screen and (max-width: 960px) {
        #past-sales-intro .tint h1 {
          font-size: 5vw;
          line-height: 6vw; } }
      @media screen and (min-width: 1800px) {
        #past-sales-intro .tint h1 {
          font-size: 2vw;
          line-height: 3vw; } }

/* 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: #640b11;
            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: #615657; }
          #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; }

/* reviews intro */
#reviews-intro {
  background-image: url("assets/zakhar-team-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.69);
    color: #ffffff; }
    #reviews-intro .tint h1 {
      font-size: 3vw;
      font-weight: 400;
      color: #ffffff;
      line-height: 4vw;
      text-align: center;
      margin-bottom: 22px;
      text-transform: uppercase; }
      @media screen and (max-width: 960px) {
        #reviews-intro .tint h1 {
          font-size: 5vw;
          line-height: 6vw; } }
      @media screen and (min-width: 1800px) {
        #reviews-intro .tint h1 {
          font-size: 2vw;
          line-height: 3vw; } }

/* reviews interior */
#reviews-interior {
  width: calc(100% / 1);
  max-width: 1440px;
  margin: 0 auto;
  padding: 82px 2% 0 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: #615657;
      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: 469px;
      height: 1px;
      content: "";
      background-color: #615657;
      margin: 22px auto; }
    #reviews-interior .col-1 a {
      font-weight: 600;
      padding: 12px 22px;
      max-width: fit-content;
      box-sizing: border-box;
      margin: 44px auto 0 auto;
      color: #640b11;
      border: 2px solid #640b11;
      text-transform: uppercase;
      text-align: center; }
    #reviews-interior .col-1 .sep-large {
      display: block;
      width: calc(100% / 1);
      max-width: 969px;
      height: 1px;
      content: "";
      background-color: #615657;
      margin: 82px auto 0 auto; }

/* value intro */
#value-intro {
  background-image: url("assets/zakhar-team-home-value.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.69);
    color: #ffffff; }
    #value-intro .tint h1 {
      font-size: 3vw;
      font-weight: 400;
      color: #ffffff;
      line-height: 4vw;
      text-align: center;
      margin-bottom: 22px;
      text-transform: uppercase; }
      @media screen and (max-width: 960px) {
        #value-intro .tint h1 {
          font-size: 5vw;
          line-height: 6vw; } }
      @media screen and (min-width: 1800px) {
        #value-intro .tint h1 {
          font-size: 2vw;
          line-height: 3vw; } }

/* 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);
    max-width: 669px;
    margin: 0 auto 44px auto;
    text-align: center; }
  #home-value .wrapper {
    width: calc(100% / 1);
    max-width: 822px;
    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 .form-row {
      padding-bottom: 22px; }
    #home-value .wrapper #wpcf7-f263-o1 {
      width: calc(100% / 1); }
    #home-value .wrapper input {
      width: calc(100% / 1); }
    #home-value .wrapper #wpcf7-f263-o1 {
      width: calc(100% / 1); }
      #home-value .wrapper #wpcf7-f263-o1 form {
        width: calc(100% / 1); }

/* contact intro */
#contact-intro {
  background-image: url("assets/zakhar-team-contact.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.69);
    color: #ffffff; }
    #contact-intro .tint h1 {
      font-size: 3vw;
      font-weight: 400;
      color: #ffffff;
      line-height: 4vw;
      text-align: center;
      margin-bottom: 22px;
      text-transform: uppercase; }
      @media screen and (max-width: 960px) {
        #contact-intro .tint h1 {
          font-size: 5vw;
          line-height: 6vw; } }
      @media screen and (min-width: 1800px) {
        #contact-intro .tint h1 {
          font-size: 2vw;
          line-height: 3vw; } }

/* 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 {
      width: calc(100% / 1); }
      #contact-us .wrapper .wpcf7 .form-row {
        margin-bottom: 22px; }

/* team intro */
#team-intro {
  background-image: url("assets/meet-the-zakhar-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.69);
    color: #ffffff; }
    #team-intro .tint h1 {
      font-size: 3vw;
      font-weight: 400;
      color: #ffffff;
      line-height: 4vw;
      text-align: center;
      margin-bottom: 22px;
      text-transform: uppercase; }
      @media screen and (max-width: 960px) {
        #team-intro .tint h1 {
          font-size: 5vw;
          line-height: 6vw; } }
      @media screen and (min-width: 1800px) {
        #team-intro .tint h1 {
          font-size: 2vw;
          line-height: 3vw; } }

/* 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 #615657;
      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: #615657;
      border: 2px solid #615657; }
      #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: #640b11;
        border: 2px solid #640b11;
        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 #615657;
      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/zakhar-team-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.69);
    color: #ffffff; }
    #insights-intro .tint h1 {
      font-size: 3vw;
      font-weight: 400;
      color: #ffffff;
      line-height: 4vw;
      text-align: center;
      margin-bottom: 22px;
      text-transform: uppercase; }
      @media screen and (max-width: 960px) {
        #insights-intro .tint h1 {
          font-size: 5vw;
          line-height: 6vw; } }
      @media screen and (min-width: 1800px) {
        #insights-intro .tint h1 {
          font-size: 2vw;
          line-height: 3vw; } }

/* 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 #615657;
      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 #615657;
        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 #615657;
      box-sizing: border-box; }
    #insights .wrapper .right-sand {
      border-right: 26px solid #615657;
      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.69);
    color: #ffffff; }
    #single-intro .tint h1 {
      font-size: 3vw;
      font-weight: 400;
      color: #ffffff;
      line-height: 4vw;
      text-align: center;
      margin-bottom: 22px;
      text-transform: uppercase; }
      @media screen and (max-width: 960px) {
        #single-intro .tint h1 {
          font-size: 5vw;
          line-height: 6vw; } }
      @media screen and (min-width: 1800px) {
        #single-intro .tint h1 {
          font-size: 2vw;
          line-height: 3vw; } }

/* 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/zakhar-team-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.69);
    color: #ffffff; }
    #privacy-intro .tint h1 {
      font-size: 3vw;
      font-weight: 400;
      color: #ffffff;
      line-height: 4vw;
      text-align: center;
      margin-bottom: 22px;
      text-transform: uppercase; }
      @media screen and (max-width: 960px) {
        #privacy-intro .tint h1 {
          font-size: 5vw;
          line-height: 6vw; } }
      @media screen and (min-width: 1800px) {
        #privacy-intro .tint h1 {
          font-size: 2vw;
          line-height: 3vw; } }

/* 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: #615657;
      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/zakhar-team-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.69);
    color: #ffffff; }
    #accessibility-intro .tint h1 {
      font-size: 3vw;
      font-weight: 400;
      color: #ffffff;
      line-height: 4vw;
      text-align: center;
      margin-bottom: 22px;
      text-transform: uppercase; }
      @media screen and (max-width: 960px) {
        #accessibility-intro .tint h1 {
          font-size: 5vw;
          line-height: 6vw; } }
      @media screen and (min-width: 1800px) {
        #accessibility-intro .tint h1 {
          font-size: 2vw;
          line-height: 3vw; } }

/* 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: #615657;
      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: #615657;
  color: #ffffff; }
  #base-footer .info {
    width: calc(100% / 1);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff; }
    #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: #ffffff;
              text-transform: uppercase;
              font-size: 12px;
              display: inline; }
  #base-footer .copyright {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 22px 2%;
    color: #ffffff;
    text-align: center; }
    #base-footer .copyright a {
      display: inline;
      color: #ffffff; }

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

select {
  width: 100%;
  box-sizing: border-box;
  height: 44px;
  font-size: 16px;
  font-family: "century-gothic", 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: "century-gothic", sans-serif;
  padding: 18px;
  outline: none;
  border: 2px solid #640b11;
  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: #640b11;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  max-width: 169px;
  height: 48px;
  border: 2px solid #640b11;
  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.22);
    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-size: 22px;
    letter-spacing: 1px;
    background-color: #640b11;
    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-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-size: 1.7vw;
      letter-spacing: 1px;
      color: #640b11;
      margin-bottom: 12px; }
      @media screen and (max-width: 1022px) {
        #listing-intro .details .price {
          font-size: 4vw; } }
    #listing-intro .details .layout {
      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: "century-gothic", sans-serif; }
    #listing-intro .details .description p {
      margin-bottom: 0; }
    #listing-intro .details .description .video-container {
      margin-top: 44px; }

#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: #640b11;
    max-width: fit-content;
    font-weight: 600;
    border: 2px solid #640b11;
    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: #615657;
  color: #ffffff; }
  #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: #615657;
    color: #ffffff;
    box-sizing: border-box;
    height: 44px;
    font-size: 14px;
    font-family: "century-gothic", sans-serif;
    padding-left: 18px;
    outline: none;
    box-shadow: none;
    border: 2px solid #ffffff;
    border-radius: 0;
    -webkit-appearance: none; }
  #listing-showing input::-webkit-input-placeholder {
    color: #ffffff; }
  #listing-showing textarea::-webkit-input-placeholder {
    color: #ffffff; }
  #listing-showing label {
    font-size: 14px;
    font-family: "century-gothic", 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: #615657;
    color: #ffffff;
    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 #ffffff;
    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: #615657;
  color: #ffffff; }
  #listing-contact a {
    color: #ffffff;
    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: #ffffff;
    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: #615657;
    color: #ffffff;
    box-sizing: border-box;
    height: 44px;
    font-size: 14px;
    font-family: "century-gothic", sans-serif;
    padding-left: 18px;
    outline: none;
    box-shadow: none;
    border: 2px solid #ffffff;
    border-radius: 0;
    -webkit-appearance: none; }
  #listing-contact textarea {
    width: 100%;
    background-color: #615657;
    color: #ffffff;
    box-sizing: border-box;
    height: 169px;
    font-size: 14px;
    font-family: "century-gothic", sans-serif;
    padding-left: 18px;
    outline: none;
    box-shadow: none;
    border: 2px solid #ffffff;
    border-radius: 0;
    -webkit-appearance: none; }
  #listing-contact input::-webkit-input-placeholder {
    color: #ffffff; }
  #listing-contact textarea::-webkit-input-placeholder {
    color: #ffffff; }
  #listing-contact label {
    font-size: 14px;
    font-family: "century-gothic", 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: #615657;
    color: #ffffff;
    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 #ffffff;
    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%; }

/* landing pages */
#lp-wrapper {
  display: flex;
  width: calc(100% / 1);
  min-height: 100vh;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  overflow: auto; }
  #lp-wrapper .content {
    width: calc(100% / 1);
    max-width: 822px;
    margin: auto;
    text-align: center;
    box-sizing: border-box;
    padding: 8% 4%; }
    #lp-wrapper .content .banner img {
      max-width: calc(100% / 1); }
    #lp-wrapper .content h1 {
      font-size: 32px;
      line-height: 38px; }
      @media screen and (max-width: 822px) {
        #lp-wrapper .content h1 {
          font-size: 42px;
          line-height: 48px; } }
    #lp-wrapper .content h2 {
      color: #d55a20;
      line-height: 1.2;
      font-weight: 600; }
    #lp-wrapper .content .rsvp-form {
      border-top: 2px solid #020202;
      border-bottom: 2px solid #020202; }
      #lp-wrapper .content .rsvp-form .form-row {
        max-width: 80%;
        margin: 0 auto 22px auto; }

.pie-party {
  background-image: url("assets/pie-party-paper.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  .pie-party input {
    border-color: #020202; }
  .pie-party input[type="submit"] {
    background-color: #d55a20;
    color: #ffffff;
    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 #d55a20;
    cursor: pointer;
    opacity: 1;
    transition: 0.5s ease; }
  .pie-party input[type="submit"]:hover {
    opacity: 0.44; }
  .pie-party .sent .wpcf7-response-output {
    display: none; }

.fire-hardening {
  background-image: url("assets/home-hardening-background.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  .fire-hardening .content {
    padding: 4% !important; }
    .fire-hardening .content h1 {
      color: #640b11 !important; }
    .fire-hardening .content h2 {
      color: #640b11 !important;
      line-height: 1.2 !important;
      font-weight: 600 !important; }
    .fire-hardening .content h3 {
      font-weight: 600 !important; }
    .fire-hardening .content p {
      max-width: 622px;
      margin-left: auto;
      margin-right: auto; }
    .fire-hardening .content img {
      margin-bottom: 22px; }
  .fire-hardening input {
    border-color: #640b11; }
  .fire-hardening input[type="submit"] {
    background-color: transparent;
    color: #640b11;
    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 #640b11;
    cursor: pointer;
    opacity: 1;
    transition: 0.5s ease; }
  .fire-hardening input[type="submit"]:hover {
    opacity: 0.44; }
  .fire-hardening .sent .wpcf7-response-output {
    display: none; }

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