:root {

  /** Font default */

  --font-family-default: "Montserrat", sans-serif;

  --font-family-title: "Amiri", serif;

  --font-size-default: 16px;

  --font-size-title: 60px;

  --font-color-default: #000000;

  --font-color-title: #1a1a1a;

  /** Use for input, button, and any other element */

  --primary: #000082;

  --secondary: #fbe751;

  --success: #28a745;

  --info: #17a2b8;

  --warning: #ffc107;

  --danger: #dc3545;

  --light: #f8f9fa;

  --dark: #343a40;

  --default-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);

}

.ai-classic-pd-form-container .ai-listings-details-form .wpcf7-response-output {
  bottom: -24px !important;
}

/* Global */

body {

  font-family: var(--font-family-default);

  font-size: var(--font-size-default);

  background: #ffffff;

  color: var(--font-color-default);

  margin: 0;

  /* Remove the comment from line 85 to 86 if the font issue in safari occurs */

  /* -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale; */

}



a,

a:hover,

a:visited,

a:focus,

input,

input:focus,

textarea,

textarea:focus,

select:focus,

select {

  outline: none !important;

  text-decoration: none !important;

}



.slick-slide {

  outline: none !important;

}



.label-hide {

  display: none !important;

}



.text-center {

  text-align: center;

}



div#main-wrapper {

  overflow: hidden;

  position: relative;

}



.ip-container div#main-wrapper::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  min-height: 150px;

  background: linear-gradient(to bottom,

      rgba(0, 0, 0, 0.9) 0%,

      rgba(0, 0, 0, 0) 100%);

  pointer-events: none;

}



/*global photo*/

.global-photo {

  position: relative;

}



.global-photo canvas {

  display: block;

  width: 100%;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}



.global-photo img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}



/*global title*/

.global-title {

  font-size: 24px;

  font-weight: 300;

  color: var(--font-color-title);

  position: relative;

  text-transform: uppercase;

  line-height: 1.2;

  letter-spacing: 4.1px;

}



.global-title span {

  font-family: var(--font-family-title);

  display: block;

  font-size: var(--font-size-title);

  letter-spacing: 0;

  line-height: 0.85;

  margin-top: 14px;

}



/*global btn*/

.global-btn {

  font-size: 12px;

  font-weight: 400;

  color: #1a1a1a !important;

  text-transform: uppercase;

  letter-spacing: 0.7px;

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  max-width: 200px;

  height: 50px;

  background: transparent;

  border: 1px solid #000;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}



.global-btn:hover,

.global-btn.btn-white:hover {

  background: var(--secondary);

  border: 1px solid var(--secondary);

}



.global-btn.btn-white:hover {

  color: #1a1a1a !important;

}



.global-btn::after {

  content: "";

  position: absolute;

  top: -5px;

  left: 5px;

  width: 100%;

  max-width: 50px;

  height: 100%;

  border-bottom: 2px solid #797a79;

  border-left: 2px solid #797a79;

  -moz-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}



.global-btn:hover::after,

.global-btn.btn-white:hover::after {

  max-width: 100%;

  border-bottom: 2px solid var(--primary);

  border-left: 2px solid var(--primary);

}



.global-btn.btn-white {

  border: 1px solid #fff;

  color: #fff !important;

}



.global-btn.btn-white::after {

  border-bottom: 2px solid rgb(255 255 255 / 55%);

  border-left: 2px solid rgb(255 255 255 / 55%);

}



/*global arrow*/

.global-arrow {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.global-arrow button {

  padding: 0;

  margin: 0;

  border: none;

  background: #1a1a1a;

  font-size: 24px;

  color: #fff;

  width: 50px;

  height: 50px;

  display: flex;

  align-items: center;

  justify-content: center;

  pointer-events: auto;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}



.global-arrow button:hover {

  background: var(--secondary);

  color: #1a1a1a;

}



/*site bg*/

.site-bg {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  pointer-events: none;

}



.site-bg canvas {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}



/* Sub Menu */

ul#nav li {

  position: relative;

  display: inline-block;

}



ul#nav .sub-menu {

  list-style: none outside none;

  margin: 0;

  background: transparent;

  padding: 0;

  position: absolute;

  width: 100%;

  min-width: 286px;

  left: 0;

  padding-top: 8px;

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

  -webkit-transform: translateY(-20%);

  -ms-transform: translateY(-20%);

  transform: translateY(-20%);

  -webkit-transition: all 0.6s ease;

  transition: all 0.6s ease;

}



ul#nav .sub-menu a {

  color: #000;

  display: block;

  padding: 10px 19px;

  background: rgb(255 255 255 / 80%);

}



ul#nav .sub-menu a:hover {

  text-decoration: none;

  color: #fff;

  background: var(--primary);

}



ul#nav .sub-menu .sub-menu {

  margin-left: calc(100% + 2px);

  top: 0;

  left: 0;

  padding-top: 0 !important;

}



ul#nav li:hover>.sub-menu {

  /*display: block;*/

  opacity: 1;

  visibility: visible;

  pointer-events: auto;

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

}



ul#nav .sub-menu li {

  position: relative;

  display: block;

}



ul#nav .sub-menu li:last-child {

  border-bottom: none;

}



/*fixed header*/

header.main-header.show-fixed {

  background: var(--primary);

  padding: 0 15px;

}



header.main-header.show-fixed .hdr-logo a {

  max-width: 112px;

}



/*main header*/

header.main-header {

  z-index: 1001;

  position: fixed;

  padding: 38px 15px 15px;

  width: 100%;

  background: transparent;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.hdr-holder {

  position: relative;

  max-width: 1430px;

  margin: 0 auto;

  z-index: 5;

}



.hdr-inner {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.hdr-logo a {

  max-width: 320px;

  display: block;

  position: relative;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.hdr-col2,

.hdr-col2-inner {

  display: flex;

  align-items: center;

}



/*header nav*/

nav.header-nav {

  position: relative;

  text-align: center;

}



nav.header-nav ul#nav {

  font-size: 0;

  position: relative;

  z-index: 5;

}



nav.header-nav ul#nav>li {

  position: relative;

  display: inline-block;

  vertical-align: middle;

  margin: 0 10px;

}



nav.header-nav ul#nav>li>a {

  font-size: 14px;

  color: #fff;

  font-weight: 300;

  letter-spacing: 0.6px;

  text-transform: uppercase;

  display: block;

  position: relative;

  z-index: 5;

  padding: 6px 0;

  background: transparent;

  transform: translateZ(0);

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



nav.header-nav ul#nav>li>a::after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

  width: 0;

  height: 1px;

  background: #fff;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



nav.header-nav ul#nav>li:hover a::after {

  width: 100%;

}



nav.header-nav ul#nav .sub-menu a {

  font-size: 15px;

  font-weight: 400;

  letter-spacing: 0.7px;

  text-transform: uppercase;

  text-align: left;

  position: relative;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



nav.header-nav ul#nav>li:first-child {

  margin-left: 0;

}



nav.header-nav ul#nav>li:last-child {

  margin-right: 0;

}



/*nav.header-nav ul#nav > li#menu-item-102 > a {

  pointer-events: none;

}*/



/*burger menu*/

.header-burger-menu {

  padding-left: 36px;

}



.hdr-bmenu {

  position: relative;

  cursor: pointer;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.hdr-bmenu span {

  display: block;

  width: 20px;

  height: 2px;

  background: #fff;

  margin: 3px 0;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.hdr-bmenu:hover span {

  background: var(--secondary);

}



.hdr-bmenu span:last-child {

  width: 12px;

  margin-left: auto;

}



/*Slide menu*/

.site-offcanvas {

  overflow: hidden;

  position: relative;

}



.site-offcanvas .offcanvas-backdrop.active {

  visibility: visible;

}



.site-offcanvas .offcanvas-backdrop {

  position: fixed;

  z-index: 1002;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  visibility: hidden;

}



.slide-menu-content {

  position: fixed;

  bottom: 0;

  right: -50%;

  width: 100%;

  height: 100%;

  max-width: 1232px;

  opacity: 0;

  z-index: 1002;

  visibility: hidden;

  background: #fff;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}



.slide-menu-content.active {

  right: 0;

  opacity: 1;

  visibility: visible;

}



.slide-menu-inner-content {

  position: relative;

  height: 100%;

  overflow-y: auto;

  z-index: 2;

  padding: 15px 80px;

}



body.body-overflow {

  overflow: hidden;

}



.close-b-menu {

  color: #fff;

  font-size: 27px;

  cursor: pointer;

  z-index: 100;

  text-align: center;

  position: absolute;

  top: 70px;

  right: 100px;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}



.close-b-menu:hover {

  color: var(--secondary);

}



.slide-menu-logo {

  margin: 55px 0 98px;

}



.slide-menu-logo a {

  display: block;

  position: relative;

  max-width: 180px;

}



.slide-menu-nav {

  position: relative;

  padding: 0 0 57px;

  border-bottom: 1px solid rgb(255 255 255 / 22%);

}



ul#slidenav {

  font-size: 0;

  display: flex;

  flex-wrap: wrap;

}



ul#slidenav>li>a {

  display: inline-block;

  padding: 0;

  color: #fff;

  font-size: 22px;

  font-weight: 400;

  letter-spacing: 0.7px;

  text-transform: uppercase;

  position: relative;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



ul#slidenav>li>a:hover {

  opacity: 0.7;

}



ul#slidenav>li {

  margin-bottom: 37px;

  width: 36%;

}



ul#slidenav>li:nth-child(2),

ul#slidenav>li:nth-child(5) {

  width: 16%;

}



/*slide menu contact*/

.slide-menu-contact-holder {

  display: flex;

  justify-content: space-between;

  text-align: center;

  margin-top: 80px;

}



.slide-contact-title {

  font-size: 24px;

  font-weight: 700;

  font-family: var(--font-family-title);

  color: #fff;

  margin: 0 0 20px;

}



.slide-menu-contact span {

  display: block;

  margin: 0 0 10px;

}



.slide-menu-contact span a {

  font-size: 16px;

  font-weight: 400;

  color: #fff !important;

  letter-spacing: 0.3px;

  display: inline-block;

  position: relative;

  transform: translateZ(0);

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.slide-menu-contact span a:hover {

  opacity: 0.7;

}



.slide-menu-contact span a em {

  margin-right: 7px;

}



span.slide-menu-email a em {

  font-size: 11px;

}



/*get in touch*/

section.get-in-touch-area {

  position: relative;

  padding: 70px 0;

}



.site-bg.gt-bg {

  background: #000;

}



.site-bg.gt-bg canvas {

  opacity: 0.88;

  background-attachment: fixed;

}



.gt-holder {

  position: relative;

  z-index: 5;

  background: rgb(0 0 0 / 55%);

  padding: 70px 15px 60px;

  max-width: 900px;

  margin: 0 auto;

}



.gt-inner {

  max-width: 750px;

  margin: 0 auto;

  position: relative;

}



.gt-head {

  text-align: center;

  margin: 0 0 53px;

}



.gt-head .global-title {

  color: #fff;

}



.gt-head .global-title span {

  margin: 0 0 7px;

}



.gt-head>p {

  font-size: 18px;

  font-weight: 700;

  font-family: var(--font-family-title);

  color: #fff;

  text-align: center;

  display: block;

  margin: 21px 0 0;

}



.gt-form form {

  font-size: 0;

  margin: 0 -7px;

}



.gt-fields input,

.gt-fields textarea {

  font-size: 16px;

  font-weight: 400;

  color: #fff;

  background: transparent;

  width: 100%;

  height: 28px;

  padding: 0;

  border-radius: 0;

  resize: none;

  border: none;

  border-bottom: 1px solid rgb(255 255 255 / 55%);

  -webkit-appearance: none;

  -moz-appearance: none;

}



.gt-form textarea {

  padding-top: 15px;

  height: 65px;

}



.gt-fields.gt-textarea {

  width: 100%;

  margin-bottom: 0;

  position: relative;

}



.gt-fields {

  position: relative;

  width: 100%;

  padding: 0 7px;

  display: inline-block;

  vertical-align: top;

  margin-bottom: 25px;

}



.gt-fields.w-33 {

  width: 33.33%;

}



.gt-form div.wpcf7 .ajax-loader {

  display: block;

  position: absolute;

  right: 0;

  left: 0;

  margin: auto;

  bottom: -18px;

}



.gt-form span.wpcf7-not-valid-tip {

  font-size: 14px;

}



.gt-form span.wpcf7-form-control-wrap {

  display: block;

}



.gt-form div.wpcf7-response-output {

  margin: auto;

  position: absolute;

  width: calc(100% - 14px);

  font-size: 14px;

  color: #fff;

  text-align: center;

  left: 0;

  right: 0;

  margin-top: 5px;

}



.gt-form .wpcf7-spinner {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

}



.gt-form .use-floating-validation-tip span.wpcf7-not-valid-tip {

  position: absolute;

  top: auto;

  bottom: 5px;

  left: 0;

  z-index: 100;

  border: 1px solid #ff0000;

  background: #fff;

  padding: 0.2em 0.8em;

  width: auto;

}



.gt-fields.gt-btn {

  padding: 0;

  margin: 0;

  width: 100%;

  max-width: 200px;

  margin: 53px auto 0;

  display: block;

  position: relative;

}



.gt-fields.gt-btn input {

  font-size: 12px;

  font-weight: 400;

  color: #fff;

  text-transform: uppercase;

  letter-spacing: 1.7px;

  border: 1px solid #fff;

  width: 100%;

  height: 50px;

  background: transparent;

  z-index: 5;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}



.gt-fields.gt-btn input:hover {

  background: var(--secondary);

  border: 1px solid var(--secondary);

  color: #1a1a1a;

}



.gt-btn-hover {

  position: absolute;

  top: -5px;

  left: 5px;

  width: 100%;

  max-width: 50px;

  height: 100%;

  border-bottom: 2px solid rgb(255 255 255 / 55%);

  border-left: 2px solid rgb(255 255 255 / 55%);

  pointer-events: none;

  -moz-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}



.gt-fields.gt-btn:hover .gt-btn-hover {

  max-width: 100%;

  border-bottom: 2px solid var(--primary);

  border-left: 2px solid var(--primary);

}



.gt-form form {

  position: relative;

}



/*main footer*/

footer.main-footer {

  position: relative;

  padding: 70px 0;

  text-align: center;

}



.site-bg.ftr-bg canvas {

  opacity: 0.12;

  background-attachment: fixed;

  background-position: top center;

}



.ftr-logo a {

  position: relative;

  display: block;

  max-width: 162px;

  margin: 0 auto 37px;

}



.ftr-contact-holder {

  display: flex;

  justify-content: space-between;

  text-align: center;

  max-width: 815px;

  margin: 0 auto;

}



.ftr-contact-title {

  font-size: 24px;

  font-weight: 700;

  font-family: var(--font-family-title);

  color: #1a1a1a;

  margin: 0 0 11px;

}



.ftr-contact span {

  display: block;

  margin: 0 0 10px;

}



.ftr-contact span a {

  font-size: 16px;

  font-weight: 400;

  color: #1a1a1a;

  letter-spacing: 0.3px;

  display: inline-block;

  position: relative;

  transform: translateZ(0);

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.ftr-contact span a:hover {

  opacity: 0.7;

}



.ftr-contact span a em {

  margin-right: 7px;

}



span.ftr-email a em {

  font-size: 11px;

}



/*footer nav*/

.ftr-nav {

  padding: 37px 0 33px;

}



ul.footernav {

  font-size: 0;

}



ul.footernav>li {

  display: inline-block;

  position: relative;

  /*padding: 0 30px;*/

  padding: 0 10px;

}



ul.footernav>li>a {

  font-size: 15px;

  font-weight: 400;

  color: #1a1a1a;

  text-transform: uppercase;

  display: inline-block;

  position: relative;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



ul.footernav>li>a:hover {

  opacity: 0.7;

}



ul.footernav>li::after {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  width: 1px;

  height: 100%;

  background: #000;

}



ul.footernav>li:last-child::after {

  display: none;

}



/*footer disclaimer*/

.ftr-disclaimer p {

  display: block;

  font-size: 12px;

  font-weight: 400;

  color: #1a1a1a;

  line-height: 1.7;

  letter-spacing: 0.2px;

}



/*copyright & mls*/

.footer-copyright-holder {

  margin-top: 13px;

}



.footer-copyright,

.footer-copyright a {

  font-size: 12px;

  font-weight: 400;

  color: #1a1a1a;

  margin-bottom: 20px;

  line-height: 1.2;

  letter-spacing: 0.2px;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.footer-copyright a:hover {

  opacity: 0.7;

}



.footer-copyright a[href="https://www.agentimage.com"] {

  text-decoration: underline !important;

  color: #000;

}



.footer-copyright a[href="https://www.agentimage.com"]:hover {

  opacity: 0.7;

}



.mls span {

  display: inline-block;

  padding: 0 15px;

}



/*intro popup*/

.newsletter-popup-body .aiosp-content.aios-popup-body {

  padding: 0 !important;

  min-height: auto !important;

  width: 95% !important;

  max-width: 900px !important;

  background: transparent !important;

}



.introNewsletterPopup-content {

  position: relative;

}



.newsletter-popup-body .aiosp-content.aios-popup-body button.aiosp-close {

  color: #fff;

  opacity: 1;

  font-size: 0;

  top: 38px;

  right: 38px;

}



.newsletter-popup-body .aiosp-content.aios-popup-body button.aiosp-close::after {

  content: "\b0241";

  position: absolute;

  top: 0;

  right: 0;

  font-size: 20px;

  color: #fff;

  width: 100%;

  height: 100%;

  font-family: "agentimage";

}



.aiosp-content.aios-popup-body.newsletter-popup-body button.aiosp-close:hover {

  opacity: 0.5;

}



.ip-holder {

  position: relative;

  padding: 60px 15px 50px;

  background: #000;

  z-index: 5;

}



.ip-head {

  text-align: center;

  margin: 0 0 53px;

}



.ip-head .global-title {

  color: #fff;

}



.ip-head .global-title span {

  margin: 0 0 7px;

}



.ip-head .global-title p {

  display: block;

  max-width: 540px;

  margin: 0 auto;

}



.ip-head>p {

  font-size: 18px;

  font-weight: 700;

  font-family: var(--font-family-title);

  color: #fff;

  text-align: center;

  display: block;

  margin: 21px 0 0;

}



.ip-form form {

  font-size: 0;

  margin: 0 -7px;

}



.ip-fields input,

.ip-fields textarea {

  font-size: 13px;

  font-weight: 400;

  color: #fff;

  background: transparent;

  width: 100%;

  height: 28px;

  padding: 0;

  border-radius: 0;

  resize: none;

  border: none;

  border-bottom: 1px solid rgb(255 255 255 / 55%);

  -webkit-appearance: none;

  -moz-appearance: none;

}



.ip-form textarea {

  padding-top: 15px;

  height: 65px;

}



.ip-fields.ip-textarea {

  width: 100%;

  margin-bottom: 0;

  position: relative;

}



.ip-fields {

  position: relative;

  width: 100%;

  padding: 0 7px;

  display: inline-block;

  vertical-align: top;

  margin-bottom: 25px;

}



.ip-fields.w-33 {

  width: 33.33%;

}



.ip-form div.wpcf7 .ajax-loader {

  display: block;

  position: absolute;

  right: 0;

  left: 0;

  margin: auto;

  bottom: -18px;

}



.ip-form span.wpcf7-not-valid-tip {

  font-size: 14px;

}



.ip-form span.wpcf7-form-control-wrap {

  display: block;

}



.ip-form div.wpcf7-response-output {

  margin: auto;

  position: absolute;

  width: calc(100% - 14px);

  font-size: 14px;

  color: #fff;

  text-align: center;

  left: 0;

  right: 0;

  margin-top: 5px;

}



.ip-form .wpcf7-spinner {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

}



.ip-form .use-floating-validation-tip span.wpcf7-not-valid-tip {

  position: absolute;

  top: auto;

  bottom: 5px;

  left: 0;

  z-index: 100;

  border: 1px solid #ff0000;

  background: #fff;

  padding: 0.2em 0.8em;

  width: auto;

}



.ip-fields.ip-btn {

  padding: 0;

  margin: 0;

  width: 100%;

  max-width: 200px;

  margin: 53px auto 0;

  display: block;

  position: relative;

}



.ip-fields.ip-btn input {

  font-size: 12px;

  font-weight: 400;

  color: #fff;

  text-transform: uppercase;

  letter-spacing: 1.7px;

  border: 1px solid #fff;

  width: 100%;

  height: 50px;

  background: transparent;

  z-index: 5;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}



.ip-fields.ip-btn input:hover {

  background: var(--secondary);

  border: 1px solid var(--secondary);

  color: #1a1a1a;

}



.ip-btn-hover {

  position: absolute;

  top: -5px;

  left: 5px;

  width: 100%;

  max-width: 50px;

  height: 100%;

  border-bottom: 2px solid rgb(255 255 255 / 55%);

  border-left: 2px solid rgb(255 255 255 / 55%);

  pointer-events: none;

  -moz-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}



.ip-fields.ip-btn:hover .ip-btn-hover {

  max-width: 100%;

  border-bottom: 2px solid var(--primary);

  border-left: 2px solid var(--primary);

}



.ip-form form {

  position: relative;

  max-width: 750px;

  margin: 0 auto;

}



.site-bg.ip-accent {

  top: auto;

  bottom: -40px;

  left: -40px;

  max-width: 500px;

  height: auto;

  min-height: 550px;

}



.post-page-photo-gallery div#aios-slider-photo-gallery {

  max-width: 800px;

  margin: 0 auto;

}



/*Prelaunch*/



#listings-details .listings-form textarea {

  padding-right: 35px !important;

}



body.error404 .wpcf7-response-output {

  text-align: center;

}



span.page-numbers.current {

  color: var(--aios-communities-primary-color, #bfb183);

}



/* Global */

/*******************************************************

 *

 * 4. IP Styles

 *

 *******************************************************/

.ip-banner {

  position: relative;

  width: 100%;

}

.ip-banner::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 1;

  background: rgba(0, 0, 0, 0.6);

}

.ip-banner canvas {

  display: block;

  position: relative;

  z-index: 0;

  width: 100%;

  min-height: 250px;

  background-color: var(--dark);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

}

.ip-banner .container {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  z-index: 2;

}

.ip-banner h1 {

  font-weight: 700;

  font-size: 32px;

  text-align: center;

  color: #ffffff;

  text-transform: uppercase;

  letter-spacing: 0.05em;

  line-height: 1.7;

}

.ip-banner h1 span {

  display: block;

  font-size: 24px;

  font-weight: 400;

  text-transform: none;

  letter-spacing: 0.01em;

}



/* Adjust minimum height of page area */

#content-sidebar,

#content-full {

  min-height: 500px;

  margin-top: 20px;

}



/** Adjust width of content columns **/

#content-sidebar #content {

  width: 77.08%;

}



#content-full #content {

  width: 100%;

}



/* Adjust width of sidebar */

.sidebar {

  width: 20.83%;

}



/* fullwidth template */

.page-template-template-fullwidth #content {

  padding-left: 15px;

  padding-right: 15px;

}

.page-template-template-fullwidth #content ihf-search[data-eureka-id*=""].ihf-eureka {

  margin-left: -15px;

  margin-right: -15px;

}



/* Adjust line height of page elements */

#content h4,

aside h4,

#content p,

aside p,

#content blockquote,

aside blockquote,

#content ul,

aside ul,

#content fieldset,

aside fieldset,

#content form,

aside form,

#content ol,

aside ol,

#content dl,

aside dl,

#content dir,

aside dir,

#content menu,

aside menu {

  line-height: 1.7;

}



/* Style .entry-title(post/page) and .archive-title(category/archive/etc) main headings (h1) */

#content .entry-title,

#content .archive-title {

  font-size: var(--font-size-title);

  font-weight: 400;

  font-family: var(--font-family-title);

  color: #000;

  text-transform: uppercase;

  line-height: 1;

}



/* Styles for category/archive/search/etc subheadings (h2) */

#content .archive-subtitle {}



.screen-reader-text {

  clip: rect(1px, 1px, 1px, 1px);

  word-wrap: normal !important;

  border: 0;

  -webkit-clip-path: inset(50%);

  clip-path: inset(50%);

  height: 1px;

  margin: -1px;

  overflow: hidden;

  padding: 0;

  position: absolute;

  width: 1px;

}



.post-page-san-felipe-homes-for-sale #inner-page-wrapper>.container,

.post-page-san-felipe-condos-for-sale #inner-page-wrapper>.container,

.post-page-san-felipe-lots-for-sale #inner-page-wrapper>.container,

.post-page-pocket-listings #inner-page-wrapper>.container,

.post-page-recently-sold #inner-page-wrapper>.container,
.post-page-san-felipe-beachfront-for-sale #inner-page-wrapper>.container {

  width: 100%;

  padding: 0;

}



.post-aios-communities-el-dorado-ranch #content .community-featured-image {

  /*margin: 0 30px 450px 0;*/

  margin: 0 30px 55px 0;

}



.post-aios-communities-ejido-plan-nacional-agrario #content .community-featured-image {

  margin: 0 30px 35px 0;

}



/*.post-aios-communities-la-ventana-del-mar #content .community-featured-image {

  margin: 0 30px 185px 0;

}*/



.community-main {

  text-align: justify;

  padding-right: 15px;

}



.community-main ul {

  list-style-position: inside;

}



.community-inner .community-main #breadcrumbs,

#post-157 #breadcrumbs {

  display: none;

}



#properties-printable-wrap .properties-printable-logo img {

  width: 26%;

  margin: 10px auto 10px;

  display: block;

  position: absolute;

  z-index: 99;

  margin-left: auto;

  margin-right: auto;

  left: 0;

  right: 0;

}



/*.ip-container #inner-page-wrapper .container {

    max-width: 1170px;

    padding: 0 15px !important;

}*/



.post-page-contact-baja-sun .use-floating-validation-tip .wpcf7-not-valid-tip {

  position: absolute;

  line-height: 1.4;

  top: 20%;

  width: auto;

}



.post-page-contact-baja-sun form.wpcf7-form {

  position: relative;

}



.post-page-contact-baja-sun .wpcf7 form .wpcf7-response-output {

  text-align: center;

  position: absolute;

  bottom: 0;

  margin: 0;

  width: 100%;

  line-height: 1;

}



/*.single-aios-communities #inner-page-wrapper>.container,

.post-page-san-felipe-homes-for-sale #inner-page-wrapper>.container,

.post-page-san-felipe-condos-for-sale #inner-page-wrapper>.container,

.post-page-san-felipe-lots-for-sale #inner-page-wrapper>.container,

.post-page-pocket-listings #inner-page-wrapper>.container,

.post-page-recently-sold #inner-page-wrapper>.container{

  max-width: 100%;

}*/



/*.single-aios-listings #inner-page-wrapper > .container:not(.container-theme-filter) {

    max-width: 100%;

    width: auto;

    padding: unset;

}*/



#ai-minimalist-properties-results .ai-minimalist-properties-results-map {

  height: auto !important;

}



a.aios-ai-phone:hover {

  opacity: .7;

}



.error404 .use-floating-validation-tip .wpcf7-not-valid-tip {

  position: absolute;

  top: 2px;

  width: auto;

}



.single-aios-listings.newsletter-popup-body .aiosp-content.aios-popup-body {

  background: #fff !important;

  padding: 1% !important;

}



.single-aios-listings.newsletter-popup-body .aiosp-content.aios-popup-body button.aiosp-close::after {

  color: #000;

}



.single-aios-listings .use-floating-validation-tip .wpcf7-not-valid-tip {

  position: absolute;

  top: auto;

  bottom: 0;

  width: auto;

  font-size: 13px;

}



.single-aios-listings .wpcf7-spinner {

  position: absolute;

  right: 0;

}



#nav .sub-menu.show-menu {

  display: block;

  opacity: 1;

}



body #pojo-a11y-toolbar {

  bottom: 0 !important;

  top: auto !important;

}

body #pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle {

  top: auto !important;

  bottom: 0 !important;

}

button:focus-visible,
a:focus-visible {

  outline-style: solid !important;

  outline-width: 5px !important;

  outline-color: red !important;

  transition: none !important;

}



/* High contrast and Negative contrast break canvas elements with backgrounds */

#pojo-a11y-toolbar .pojo-a11y-btn-high-contrast,

#pojo-a11y-toolbar .pojo-a11y-btn-negative-contrast {

  display: none !important;

}



body.pojo-a11y-readable-font em[class^=ai-font],

body.pojo-a11y-readable-font a[class^=ai-font] {

  font-family: 'agentimage' !important;

}



.aios-communities-legacy .aioscomu-photo::before {

  background: rgba(251, 231, 81, 0.5) !important;

}



.page-id-157 #inner-page-wrapper #breadcrumbs,

.page-id-157 h1.entry-title,

.page-id-158 #inner-page-wrapper #breadcrumbs,

.page-id-158 h1.entry-title,

.page-id-159 #inner-page-wrapper #breadcrumbs,

.page-id-159 h1.entry-title,

.page-id-162 #inner-page-wrapper #breadcrumbs,

.page-id-162 h1.entry-title {

  padding: 0 115px;

}



.single-aios-listings .ai-classic-pd-slide-main::after {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 30%;

  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);

  z-index: 3;

  pointer-events: none;

}



.wpcf7 form .wpcf7-response-output {

  text-align: center;

}



.ai-classic-pd-box .ai-classic-pd-listings-cta.ai-classic-pd-button-fill a:hover {

  color: var(--aios-listing-primary-color) !important;

}



#ai-minimalist-properties-results ul.ai-minimalist-properties-results-extras li:first-child i.ai-font-showers-a {

  margin-left: 18px !important;

}





.single-aios-communities.postid-2387 #ai-minimalist-properties-results .ai-minimalist-properties-results-control,

.single-aios-communities.postid-2387 #ai-minimalist-properties-results,

.single-aios-communities.postid-2389 #ai-minimalist-properties-results .ai-minimalist-properties-results-control,

.single-aios-communities.postid-2389 #ai-minimalist-properties-results {

  margin-top: 0 !important;

}



.post-aios-communities-la-ventana-del-mar #content .community-featured-image {

  /*margin: 0 30px 245px 0;*/

  margin: 0 30px 55px 0;

}



.single-aios-listings .ai-classic-pd-listings-accordion {

  margin-top: 40px !important;

}



.single-aios-listings .ai-classic-pd-map-form-container {

  display: flex;

  align-items: center;

}



.single-aios-listings .ai-classic-pd-form-container {

  height: 100% !important;

  width: 50% !important;

  position: relative !important;

  right: 0 !important;

}



.single-aios-listings div#ai-classic-pd-listings-map {

  width: 50%;

}


body .ai-classic-pd-listings-main-left p,
body .ai-classic-pd-listings-main-left .ai-classic-pd-listings-address span,
body .ai-classic-pd-listings-main-right .aix-classic-pd-listings-extra>li>span,
body .ai-classic-pd-listings-main-right .aix-classic-pd-listings-extra>li>strong,
body .ai-classic-pd-listings-accordion .ai-classic-pd-listings-accordion-content ul li strong,
body .ai-classic-pd-listings-accordion .ai-classic-pd-listings-accordion-content ul li span,
body .ai-classic-pd-listings-accordion .ai-classic-pd-listings-accordion-content ul li p,
body .ai-classic-pd-form-container h3 strong,
body .ai-classic-pd-form-container .ai-listings-details-form label {
  color: #000;
}

/*******************************************************

 *

 * Mobile styles and other media queries

 *

 *******************************************************/

@media only screen and (min-width: 992px) {
  body .ai-classic-pd-full-slideshow canvas {
    height: calc(100vh - 140px);
  }

  body .ai-classic-pd-slide-thumb canvas {
    height: 140px;
  }
}

@media only screen and (max-width: 1440px) {}



@media only screen and (max-width: 1366px) {

  nav.header-nav ul#nav>li {

    margin: 0 10px;

  }



  .slide-menu-content {

    max-width: 1100px;

  }



  :root {

    --font-size-title: 55px;

  }

}



/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */

@media only screen and (max-width: 1199px) {

  .page-id-157 #inner-page-wrapper #breadcrumbs,

  .page-id-157 h1.entry-title,

  .page-id-158 #inner-page-wrapper #breadcrumbs,

  .page-id-158 h1.entry-title,

  .page-id-159 #inner-page-wrapper #breadcrumbs,

  .page-id-159 h1.entry-title,

  .page-id-162 #inner-page-wrapper #breadcrumbs,

  .page-id-162 h1.entry-title {

    padding: 0 65px;

  }

  nav.header-nav ul#nav>li {

    margin: 0 5px;

  }



  nav.header-nav ul#nav>li>a {

    font-size: 11px;

    letter-spacing: 0;

  }



  .header-burger-menu {

    padding-left: 15px;

  }



  .slide-menu-content {

    max-width: 900px;

  }



  .slide-menu-inner-content {

    padding: 15px;

  }



  ul#slidenav>li>a {

    font-size: 17px;

  }



  .slide-menu-logo {

    margin: 55px 0px;

  }



  .slide-menu-nav {

    padding: 0 0 30px;

  }



  .slide-menu-contact-holder {

    margin-top: 50px;

  }



  :root {

    --font-size-title: 50px;

  }



  .global-title {

    font-size: 20px;

  }



  ul.footernav>li {

    padding: 0 9px;

  }

  ul.footernav>li>a {

    font-size: 11px;

  }

}


.header-translate {
  padding-left: 15px;
}

.fixed-header .header-translate {
  position: relative;
  top: auto;
  right: auto;
  margin: 0 15px;
}

.header-translate-inner {
  position: relative;
}

.header-translate-inner a {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.15em;
  padding: 0 0 0 0.15em;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
	justify-content: center;
}

.header-translate-inner a i {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  color: var(--primary-color-hex);
  margin: 0 8px 0 0;
}

.header-translate-inner > div {
  display: block;
  position: absolute;
  /*right: 0;*/
	left: 50%;
  width: 210px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  /*transform: translateY(30px);*/
	transform: translate(-50%, -50%);
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  /*padding: 10px 0 0;*/
  /*padding: 10px 0;*/
  padding: 0;
	top: 20px;
	top: 50%;
	/*background: #fff;*/
}
.gtranslate_wrapper a {
	color: #000;
}
.gtranslate_wrapper {
	background: #fff;
  padding: 10px 0;
}

.fixed-header .header-translate-inner > div {
  padding: 28px 0 0;
}

.header-translate-inner:hover > div {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  /*transform: translateY(0);*/
	transform: translate(-50%, 0);
	padding-top: 20px;
}

.header-translate-inner > div > a {
  display: block;
  letter-spacing: 0.1em;
  line-height: 1.15;
  padding: 10px 15px;
  text-align: left;
  position: relative;
  background: rgba(0, 0, 0, 0.8);
  text-align: right;
}





/* iPad(portrait) | Galaxy Tab 4(portrait)  */

@media only screen and (max-width: 991px) {

  .aios-mobile-header-2 .amh-header-buttons {

    background: var(--primary);

    color: #fff;

  }

  .single-aios-listings .ai-classic-pd-map-form-container {

    display: block;

  }



  .single-aios-listings .ai-classic-pd-form-container {

    height: 100% !important;

    width: 100% !important;

  }



  .single-aios-listings div#ai-classic-pd-listings-map {

    width: 100%;

  }

  .page-id-157 #inner-page-wrapper #breadcrumbs,

  .page-id-157 h1.entry-title,

  .page-id-158 #inner-page-wrapper #breadcrumbs,

  .page-id-158 h1.entry-title,

  .page-id-159 #inner-page-wrapper #breadcrumbs,

  .page-id-159 h1.entry-title,

  .page-id-162 #inner-page-wrapper #breadcrumbs,

  .page-id-162 h1.entry-title {

    padding: 0 15px;

    max-width: 750px;

    margin: .67em auto !important;

  }

  #pojo-a11y-toolbar {

    display: none;

  }

  .single-aios-listings .ai-minimalist-pd-form-container .ai-listings-details-form {

    padding: 0 15px;

  }

  .post-aios-communities-el-dorado-ranch #content .community-featured-image,

  .post-aios-communities-la-ventana-del-mar #content .community-featured-image {

    margin: 0 0 40px;

  }

  /* The following are used on inner pages. Please edit carefully. */

  .inner {

    width: 100%;

  }

  #content-sidebar,

  #content-full {

    width: 100%;

  }

  .outer {

    width: 100%;

    min-width: 100%;

  }

  #content-sidebar #content {

    width: 100%;

  }

  /*end*/



  .aios-mobile-header-wrapper {

    z-index: 1001 !important;

  }



  .site-bg.ip-accent {

    max-width: 70%;

    min-height: 90%;

  }



  .ip-fields.w-33 {

    width: 100%;

  }



  .newsletter-popup-body .aiosp-content.aios-popup-body button.aiosp-close {

    top: 15px;

    right: 15px;

  }



  .single-aios-listings.newsletter-popup-body .aiosp-content.aios-popup-body {

    padding: 30px 15px !important;

  }



  .single-aios-listings.newsletter-popup-body .aiosp-content.aios-popup-body button.aiosp-close {

    top: 0;

    right: 0;

    width: 30px;

    height: 30px;

  }



  .single-aios-listings.newsletter-popup-body .aiosp-content.aios-popup-body button.aiosp-close::after {

    font-size: 15px;

    display: flex;

    align-items: center;

    justify-content: center;

  }



  .ip-form form {

    max-width: 500px;

  }



  header.main-header {

    z-index: 101;

    position: relative;

    padding: 70px 15px 15px;

    background: var(--primary);

  }



 /* .hdr-col2,*/
nav.header-nav,
	.header-burger-menu,
  .site-offcanvas {

    display: none;

  }

	.header-translate {
		padding-left: 0;
	}

  .hdr-inner {

    justify-content: center;
flex-flow: column;
    gap: 15px;
  }



  .ftr-contact-holder {

    display: block;

  }



  .ftr-contact {

    margin: 0 0 30px;

  }



  .ftr-contact span {

    margin: 0 0 15px;

  }



  ul.footernav>li {

    display: block;

    padding: 12px 0;

  }



  ul.footernav>li::after {

    display: none;

  }



  .ftr-nav {

    padding: 15px 0;

  }



  header.main-header.show-fixed .hdr-logo a {

    max-width: 320px;

  }



  header.main-header.show-fixed {

    padding: 70px 15px 15px;

  }



  .site-bg canvas {

    background-attachment: local !important;

  }



  ul.footernav>li>a {

    font-size: 12px;

  }



  .single-aios-communities #content-full #content {

    padding: 0 15px;

  }



  .community-main ul {

    list-style-position: inside;

    margin-left: 0 !important;

  }

}



/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */

@media only screen and (max-width: 767px) {

  .ip-banner .container {

    width: 100%;

  }



  .ip-head .global-title span {

    font-size: 40px;

  }



  .gt-fields.w-33 {

    width: 100%;

  }



  .mls span {

    display: block;

    padding: 5px 0;

  }



  .mls span img {

    margin: 0 auto;

  }

  .post-page-contact-baja-sun .wpcf7 form .wpcf7-response-output {

    bottom: -12px;

  }

}



/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */

@media only screen and (max-width: 480px) {

  .ip-head .global-title span {

    line-height: 1.1;

  }



  .global-title {

    font-size: 18px;

    letter-spacing: 3px;

  }



  :root {

    --font-size-title: 40px;

  }



  .post-page-contact-baja-sun .aidefcf-cl2 span {

    width: 100%;

  }



  .post-page-contact-baja-sun .wpcf7 form .wpcf7-response-output {

    font-size: 13px;

  }

  body .ai-classic-pd-listings-main-left .ai-classic-pd-listings-address {
    margin: 30px 0 0;
  }

  body .ai-classic-pd-listings-main-left .ai-classic-pd-listings-address strong {
    font-size: 20px;
  }

  body .ai-classic-pd-listings-main-left .ai-classic-pd-listings-address span {
    font-size: 15px;
  }

}



/* mortgage calculator button remove */



.ai-classic-pd-listings-cta li:has(#aix-classic-pd-listings-mortage-save),

.ai-minimalist-pd-listings-cta li:has(#aix-minimalist-pd-listings-mortage-save) {

  display: none;

}



@media print {

  .single-aios-listings a[href]:after {

    content: none !important;

  }

}