@import url('https://fonts.googleapis.com/css2?family=Tinos:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,800;1,200&family=Tinos:ital,wght@0,400;0,700;1,400;1,700&display=swap');
/* latin-ext */
@font-face {
    font-family: 'StephenGillion DEMO';
    src: url('StephenGillionDEMO.woff2') format('woff2'),
    url('StephenGillionDEMO.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.approval {
  border:2px dashed #146C43;
  border-radius: 8px!important;
  margin: 5px;
}
#watermark {
  background: url(../assets/watermark.png?v33)!important;
}
.watermark {
  background: url(../assets/watermark.png?v33)!important;
  background-size: cover!important;
  background-repeat: no-repeat;
}
.bg-none {
  background: transparent!important;
}
.slogan {
  position: absolute;
  margin-top: 130px;
  margin-left: 150px;
  color: #fff!important;
}
.subtitle {
  font-family: 'StephenGillion DEMO';
    src: url('StephenGillionDEMO.woff2') format('woff2'),
        url('StephenGillionDEMO.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    font-size: 50px;
    color: #fff!important;
}
.stephen50 {
  font-family: 'StephenGillion DEMO';
    src: url('StephenGillionDEMO.woff2') format('woff2'),
        url('StephenGillionDEMO.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    font-size: 50px;
    color: #fff!important;
}
.stephen80 {
  font-family: 'StephenGillion DEMO';
    src: url('StephenGillionDEMO.woff2') format('woff2'),
        url('StephenGillionDEMO.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    font-size: 80px;
}
.btn-light {
  background: #dedcdc;
}
.bg1 {
  background: #1D1A1A!important;
  color: #C28B70!important;
}
.bg2 {
  background: #F9F9FA!important;
  color: #1D1A1A!important;
}
.bg3 {
  background: #fff!important;
  color: #1D1A1A!important;
}
.bg4 {
  background:#F9F9FA!important;
}
.bg5 {
  background:#1D1A1A!important;
}
.bg6 {
  background-position: center bottom 0px;
  background-size: cover!important;
  background-image: url(../assets/watermark.png),radial-gradient(circle at center,#F9F9FA 0%,#F6F8FA 100%)!important;
  background-repeat: no-repeat;
}
.bg7 {
  background-size: contain;
  background-position: center bottom 0px;
  background-size: cover!important;
  background-image: url(../assets/watermark.png),radial-gradient(circle at center,#492317 0%,#1d1a1a 100%);
  background-repeat: no-repeat;
  background-color: #1D1A1A;
}
.bg8 {
  background: #ccc;
}
.bg9 {
  background: #F5CCA6;
  color: #000!important;
}
.rounded3 {
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
}
.card-title {
  color: #fff!important;
  font-family: 'Tinos',Georgia,"Times New Roman",serif!important;
  font-weight: 600;
  font-size: 21px;
}
.navbar-header .navbar-brand {
  height: 140px!important;
}
.w-auto {
  width: auto!important;
  margin-left: 15px;
}
.btn-dark {
  background: #222!important;
  border:0px!important;
  color: #fff!important;
  border-bottom: 2px solid #222!important;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
}
.btn-primary {
  background: #222!important;
  color: #fff!important;
  border:1px solid #222;
}
.btn-primary:hover {
  background: #222!important;
  color: #fff!important;
  border:1px solid #222;
}
.btn-gold {
  background: #C28B70!important;
  border-radius: 9px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  color: #fff!important;
}
.wow1 {
  z-index: 33!important;
  margin: auto;
  margin-top: 185px;
  right: -28px;
  position: absolute;
}
.wow2 {
  z-index: 33!important;
  margin: auto;
  margin-top: -70px;
  margin-left: 270px;
  position: absolute;
}
.wow3 {
  z-index: 33!important;
  margin: auto;
  margin-top: 1px;
  margin-left: 275px;
  position: absolute;
}
.wow4 {
  z-index: 33!important;
  margin: auto;
  margin-top: 1px;
  margin-left: 293px;
  position: absolute;
}

.wow6 {
  z-index: 33!important;
  margin: auto;
  margin-top: -91px;
  margin-left: 1px;
  position: absolute;
}
.wow7 {
  z-index: 33!important;
  margin: auto;
  margin-top: 1px;
  margin-left: 290px;
  position: absolute;
}
.wow8 {
  z-index: 33!important;
  margin: auto;
  margin-top: 10px;
  margin-left: 305px;
  position: absolute;
}

#form input[type=text],
#form input[type=number],
#form input[type=date],
#form select option,
#form select {
  width: 100%;
  padding: 1em;
  line-height: 1.4;
  background-color: #f9f9f9;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  -o-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.border4 {
  border:1px solid #DEE2E6!important;
}
#form input:focus {
  outline: 0;
  border-color: #9C7B21;
}
#form input:focus + .input-icon i {
  color: #9C7B21!important;
}
#form input:focus + .input-icon:after {
  border-right-color: #9C7B21!important;
}
#form select {
  position: relative;
  display: block;
  padding-left: 4em;
}


#form select:focus,
#form select:active {
  color: #222;
  border: 1px solid #9e8246;
  border-color: #9e8246;
}
#form input:checked + label:after {
  opacity: 1;
  
}
#form select {
  height: 3.4em;
  line-height: 2;
}
#form select:first-of-type {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
#form select:last-of-type {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
#form select:focus,
#form select:active {
  outline: 0;
}
#form select option {
  background-color: #c9b06d;
  color: #fff;
}
#form .input-group {
  margin-bottom: 1em;
  zoom: 1;
}
/* 64ac15 */
#form *,
#form *:before,
#form *:after {
  box-sizing: border-box;
}
#form .input-group:before,
#form .input-group:after {
  content: "";
  display: table;
}
#form .input-group:after {
  clear: both;
}
#form .input-group-icon {
  position: relative;
}
#form .input-group-icon input {
  padding-left: 70px;
}
#form .iconset {
  color:#777!important;
}
#form .input-group-icon .input-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.4em;
  height: 3.4em;
  line-height: 3.4em;
  text-align: center;
  pointer-events: none;
}
#form .input-group-icon .input-icon:after {
  position: absolute;
  top: 0.6em;
  bottom: 0.6em;
  left: 3.4em;
  display: block;
  border-right: 1px solid #ccc;
  content: "";
  -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  -o-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
#form .input-group-icon .input-icon i {
  -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  -o-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
#form .col-half {
  padding-right: 10px;
  float: left;
  width: 300px!important;
}
#form .col-half:last-of-type {
  padding-right: 0;
}
#form .col-third {
  padding-right: 10px;
  float: left;
  width: 33.33333333%;
}

@media only screen and (max-width: 600px) {
#form .col-third:last-of-type {
  padding-right: 0;
}
#form .col-half {
  float: left;
  width: 97%!important;
}
#form .col-half:last-of-type {
  padding-right: 0;
}
#form .col-third {
  padding-right: 10px;
  float: left;
  width: 33.33333333%;
}
#form .col-third:last-of-type {
  padding-right: 0;
}
.fade {
  background: #fff!important;
}
.rounded3 {
  border-radius: 0px!important;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
}
.news {
  margin-top: -60px;
}
}
@media only screen and (max-width: 780px) {
.stephen50 {
 display: none;
}
}
@media only screen and (min-width: 690px) {
  .wow1 {
    display: none;
  }
}
.text-gold {
  color: #C38D71;
}
.text-brown {
  color: #492317;
}
.text-black {
  color: #1D1A1A!important;
}
.pulse2 {
    box-shadow: 0 0 0 rgba(204, 169, 44, .9);
    animation: pulse2 1s infinite;
    border: 2px solid #D6C083;
}
.pulse2:hover {
    animation: none;
}
@keyframes pulse2 {
    0% {
    -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, .4);
    box-shadow: 0 0 0 0 rgba(204, 169, 44, .4);
}
70% {
    -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
}
100% {
    -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
}
}

.pulsegreen {
    box-shadow: 0 0 10px rgba(209,231,221, .9);
    animation: pulsegreen 1s infinite;
}
@keyframes pulsegreen {
    0% {
    -moz-box-shadow: 0 0 0 10px rgba(209,231,221, 1);
    box-shadow: 0 0 0 0 rgba(209,231,221, 1);
}
70% {
    -moz-box-shadow: 0 0 0 10px rgba(209,231,221, 0);
    box-shadow: 0 0 0 10px rgba(209,231,221, 0);
}
100% {
    -moz-box-shadow: 0 0 0 0 rgba(209,231,221, 0);
    box-shadow: 0 0 0 0 rgba(209,231,221, 0);
}
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Tinos',Georgia,"Times New Roman",serif!important;
}
h1 {
  font-size: 28px!important;
  color: #C28B70!important;
}
h2 {
  font-size: 27px!important;
  color: #C28B70!important;
}
h3 {
  font-size: 23px!important;
  color: #C28B70!important;
}
.card-header {
  padding: 12px!important;
  font-size: 26px;
  justify-content: center;
  background: #F15A22!important;
  color: #fff!important;
}
.card-title-2 {
  color: #146C43!important;
  font-size: 30px;
  font-family: 'Tinos',Georgia,"Times New Roman",serif!important;
  font-weight: bold;
  background: #D1E7DD!important;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: black;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: black;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: black;
}
.rent-total {
  color: #1D1A1A;
  font-size: 23px;
  font-family: 'Tinos',Georgia,"Times New Roman",serif!important;
  font-weight: bold;
}
.card-title {
  font-size: 30px!important;
  color: #F2C8A3!important;
}
.gradient {
  background-size: contain;
  background-position: center bottom 0px;
  background-size: cover!important;
  background-image: radial-gradient(circle at center,#492317 0%,#1d1a1a 100%);
  background-repeat: no-repeat;
}
.gradient2 {
  background-size: contain;
  background-position: center bottom 0px;
  background-size: cover!important;
  background-image: radial-gradient(circle at right,#492317 0%,#1d1a1a 100%);
  background-repeat: no-repeat;
}
.gradient3 {
  background-size: contain;
  background-position: center bottom 0px;
  background-size: cover!important;
  background-image: radial-gradient(circle at right,#492317 0%,#1d1a1a 70%);
  background-repeat: no-repeat;
}
.box {
  border-radius: 14px;
  background-size: contain;
  background-position: center bottom 0px;
  background-size: cover!important;
  background-image: radial-gradient(circle at center,#492317 0%,#1d1a1a 100%);
  background-repeat: no-repeat;
  background-color: #1D1A1A;
  padding-top: 3vh;
  padding-bottom: 0px;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}
.boxsalary {
  padding: 20px;
  color: #F5CCA6;
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  justify-content: center;
}
.boxfloor {
  color: #F5CCA6;
  font-size: 27px!important;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  justify-content: center;
}
.boxtitle {
  width: 100%;
  padding: 20px;
  text-align: center;
  justify-content: center;
  background: #F5CCA6;
  color: #000;
  margin-top: 30px;
  font-size: 27px;
  font-weight: bold;
  font-family: 'Tinos',Georgia,"Times New Roman",serif;
}
.boxprice {
  width: 100%;
  padding: 20px;
  text-align: center;
  justify-content: center;
  color: #fff;
  margin-top: 10px;
  font-size: 35px;
  font-weight: bold;
  font-family: 'Tinos',Georgia,"Times New Roman",serif;
}
.boxrange {
  font-family: 'Tinos',Georgia,"Times New Roman",serif;
  padding-top: 20px;
  font-size: 26px;
  color: #fff;
  text-align: center;
  justify-content: center;
}
.boxterms {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  font-size: 13px;
  color: #fff;
  text-align: center;
  justify-content: center;
}
.applytitle {
  padding-left: 20px;
  color: #000;
}
.applytitle h3 {
  font-size: 27px;
  font-weight: bold;
  font-family: 'Tinos',Georgia,"Times New Roman",serif;
  color: #000!important;
}
#about h2 {
  font-size: 33px!important;
}
ul {
  color: #000!important;
  font-size: 16px!important;
  padding: 15px!important;
}
small {
  font-size: 12px;
  color: #C28B70;
}
@media only screen and (max-width: 690px) {
 h1 {
  font-size: 28px!important;
  color: #C28B70!important;
 }
 h2 {
  font-size: 20px!important;
  color: #C28B70!important;
 }
 h3 {
  font-size: 20px!important;
  color: #C28B70!important;
  font-weight: bold;
 }
 p {
  font-size: 16px!important;
 }
 .boxsalary {
  padding: 20px;
  color: #F5CCA6;
  font-size: 21px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  justify-content: center;
}
.boxtitle {
  width: 100%;
  padding: 20px;
  text-align: center;
  justify-content: center;
  background: #F5CCA6;
  color: #000;
  margin-top: 30px;
  font-size: 27px;
  font-weight: bold;
  font-family: 'Tinos',Georgia,"Times New Roman",serif;
}
.card-title {
  font-size: 21px!important;
  color: #F2C8A3!important;
  text-align: center;
  font-family: 'Tinos',Georgia,"Times New Roman",serif!important;
}
.card-title-1 {
  justify-content: center;
  color: #C28B70;
  font-size: 21px;
  font-family: 'Tinos',Georgia,"Times New Roman",serif!important;
  font-weight: bold;
}
.rent-total {
  color: #1D1A1A;
  font-size: 19px;
  font-family: 'Tinos',Georgia,"Times New Roman",serif!important;
  font-weight: bold;
}
#about h2 {
  font-size: 26px!important;
}
ul {
  color: #1D1A1A!important;;
  font-size: 15px!important;;
}
small {
  font-size: 12px!important;;
  color: #C28B70!important;;
}
.thumbnails {
  background:#fff!important;
}
}
.boldbrown {
  color: #492317!important;
}
body, input, textarea, select {
    font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif!important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
em {
  font-weight: bold;
}
.fa-zar:before {
  font-weight: 700;
  font-size: 20px;
  content: "R";
}
.fa-email-zar:before {
  font-weight: 700;
  content: "Email:";
}
.fa-idno:before {
  font-weight: 700;
  content: "ID No:\D";
  padding-left: 10px;
}
.swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 5px solid #fff;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .swiper {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }

    .swiper-slide {
      background-size: cover;
      background-position: center;
    }

    .mySwiper2 {
      height: 80%;
      width: 100%;
    }

    .mySwiper {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }

    .mySwiper .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
    }

    .mySwiper .swiper-slide-thumb-active {
      opacity: 1;
    }

    .mySwiper4 {
      height: 80%;
      width: 100%;
    }

    .mySwiper3 {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }

    .mySwiper3 .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
    }

    .mySwiper3 .swiper-slide-thumb-active {
      opacity: 1;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: auto;
      object-fit: cover;
    }
    .swiper-wrapper {
      max-height: 600px;
      object-fit: cover;
    }
    .text-left {
      text-align: left!important;
    }
#development img {
  border:5px solid #F4F1EE;
  border-radius: 2px;
}
#calculator h4 {
  font-size: 23px;
  color: #412218;
  font-weight: bolder!important;
  font-family: 'Tinos',Georgia,"Times New Roman",serif!important;
}
#calculator h3 {
  color: #146C43!important;
}
#return h3 {
  color: #146C43!important;
}
.card-approved {
  border: 1px dashed #D1E7DD;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px!important;
}
.calculator {
  background-size: contain;
  background-position: center bottom 0px;
  background-size: cover!important;
  background-image: radial-gradient(circle at center,#492317 0%,#1d1a1a 100%);
  background-repeat: no-repeat;
  background-color: #1D1A1A;
  padding-top: 3vh;
  padding-bottom: 0px;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}
.calculatorerror {
  background:#fcf0f1!important;
  border:2px dashed #B02A37;
  margin: 5px;
}
.form-select {
  padding: 10px!important;
}
.text-red{
  font-size: 23px!important;
  color: #B02A37!important;
}
.category {
  color: #222!important;
}
.apply-btn {
  background: #F15A22!important;
  color: #fff!important;
  border-bottom: 2px solid #222!important;
}
.apply-btn:hover {
  background: #c2481b!important;
  color: #fff!important;
  border-bottom: 2px solid #222!important;
}
.apply-btn:focus {
  background: #c2481b!important;
  color: #fff!important;
  border-bottom: 2px solid #222!important;
}
.apply-btn:active {
  background: #F15A22!important;
  color: #fff!important;
  border-bottom: 2px solid #222!important;
}
#status {
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 1;
  position: fixed;
  width: 100%;
  color: #C9B06D!important;
  background-size: contain;
  background-position: center bottom 0px;
  background-size: cover!important;
  background-image: radial-gradient(circle at center,#492317 0%,#1d1a1a 100%);
  background-repeat: no-repeat;
  text-align: center;
  padding: 30px;
  height: 100%;
  z-index: 999999!important;
}
#status_text {
  font-size: 23px!important;
  padding: 10px;
}
input[type=checkbox]
{
  /* Double-sized Checkboxes */
  margin-left: 10px;
  -ms-transform: scale(1.4); /* IE */
  -moz-transform: scale(1.4); /* FF */
  -webkit-transform: scale(1.4); /* Safari and Chrome */
  -o-transform: scale(1.4); /* Opera */
  transform: scale(1.4);
  padding: 10px;
}
.checkbox:checked:before{
background-color:red!important;
}

/* Might want to wrap a span around your checkbox text */
.checkboxtext
{
  /* Checkbox text */
  padding-left: 10px;
  font-size: 110%;
  display: inline;
}
.idbox {
  border: 0px!important;
  padding: 0px!important;
  background: transparent!important;
}
.idboxpreview {
  padding: 20px;
  background: #ccc;
  color: #000;
}