/*

Theme Name: Legacy - Responsive Real Estate Wordpress Theme from Agent Image

Description: Legacy is a modern and responsive real estate Wordpress theme. Customize your branding, add widgets and integrate IDX search.

Author: AgentImage

Author URI: http://www.agentimage.com

Version: 1.1.8

Tags: one-column, two-columns, right-sidebar, custom-menu, full-width-template, sticky-post

License: Proprietary

License URI: http://www.agentimage.com

Template: aios-starter-theme

*/



/*



TABLE OF CONTENTS



1. Custom CSS

2. IP styles

3. MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css



*/



/*css variables*/

:root {

  --primary-font: "Barlow", sans-serif;

  --secondary-font: "Cinzel", serif;

  --background-color: #ffffff;

  --background-color-darker: #ffffff;

  --primary-color: #c1b283;

  --primary-color-accent: #736a4e;

  --secondary-color: #ffffff;

  --primary-text-color: #383838;

}



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

 *

 * 1. Navigation

 *

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



/* Sub Menu */

#nav li,

#nav-fixed li {

  position: relative;

  display: inline-block;

}



#nav .sub-menu,

#nav-fixed .sub-menu {

  list-style: none outside none;

  margin: 0;

  background: transparent;

  /*display: none;*/

  padding: 0;

  position: absolute;

  width: 100%;

  min-width: 180px;

  left: 50%;

  margin-left: -90px;

  padding-top: 20px;

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

  -webkit-transform: translateY(30px);

  -ms-transform: translateY(30px);

  transform: translateY(30px);

  -webkit-transition: all 0.6s ease;

  transition: all 0.6s ease;

}



#nav-fixed .sub-menu {

  padding-top: 24px;

}



#nav .sub-menu a,

#nav-fixed .sub-menu a {

  color: var(--secondary-color);

  display: block;

  padding: 10px;

  background: var(--primary-color);

}



#nav .sub-menu li:hover a,

#nav-fixed .sub-menu li:hover a {

  background: var(--primary-color-accent);

  text-decoration: none;

}



#nav .sub-menu .sub-menu,

#nav-fixed .sub-menu .sub-menu {

  margin-left: 100%;

  top: 0;

}



#nav li:hover>.sub-menu,

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

  /*display: block;*/

  opacity: 1;

  visibility: visible;

  pointer-events: auto;

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

}



#nav .sub-menu li,

#nav-fixed .sub-menu li {

  position: relative;

  display: block;

}



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

 *

 * 2. Custom CSS

 *

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



/* Global */



body {

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

  font-size: 12px;

  background: var(--background-color);

  color: var(--primary-text-color);

  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;

}



.no-padding {

  padding: 0;

}



.no-padding-left {

  padding-left: 0;

}



.no-padding-right {

  padding-right: 0;

}



.no-margin {

  margin: 0;

}



.no-margin-left {

  margin-left: 0 !important;

}



.no-margin-right {

  margin-right: 0 !important;

}



div#main-wrapper {

  overflow: hidden;

  position: relative;

}



.bootstrap-extend-left {

  margin-left: calc((100vw - 1140px) / -2);

}



.bootstrap-extend-right {

  margin-right: calc((100vw - 1140px) / -2);

}



a.global-link-hover {

  position: relative;

}



a.global-link-hover:after {

  content: "";

  position: absolute;

  left: calc(100% + 23px);

  top: calc(50% - 1px);

  background: var(--primary-color);

  width: 0;

  height: 2px;

  pointer-events: none;

  opacity: 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;

}



a.global-link-hover.white-line:after {

  background: var(--secondary-color);

}



a.global-link-hover.black-line:after {

  background: #000;

}



a.global-link-hover:hover:after {

  width: 63px;

  opacity: 1;

}



div.wpcf7-response-output {

  margin-left: 0;

  margin-right: 0;

  text-align: center;

}



/*header*/

header.main-header {

  position: absolute;

  left: 0;

  width: 100vw;

  max-width: 100%;

  z-index: 1001;

  padding: 58px 0;

}



.header-inner {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  margin: 0 -106px;

}



.logo-holder {

  position: relative;

}



.logo-holder span {

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

  font-size: 25px;

  font-weight: 400;

  line-height: 1;

  text-transform: uppercase;

  color: #fff;

}



/*fixed header*/

.fixed-header {

  position: fixed;

  transform: translate3d(0, -100%, 0);

  -webkit-transform: translate3d(0, -100%, 0);

  -ms-transform: translate3d(0, -100%, 0);

  left: 0;

  width: 100%;

  z-index: 1001;

  padding: 24.5px 0;

  background: var(--primary-color);

  opacity: 0;

  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.41);

  -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;

}



.fixed-header.show-fixed {

  transform: none;

  -webkit-transform: none;

  -ms-transform: none;

  opacity: 1;

}



.fixed-header-inner {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  margin: 0 -106px;

}



.fixed-header-inner .header-logo a {

  font-size: 30px;

  color: var(--secondary-color);

  text-transform: uppercase;

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

}



.fixed-header-inner .header-logo {

  margin: auto 0;

}



.fixed-header-inner .header-logo img {

  max-height: 30px;

}



.fixed-header-inner span.f-hdr-border {

  width: 1px;

  height: 23px;

  background: #fff;

  opacity: 0.2;

  margin: 0 16px;

}



/*nav*/

nav.header-nav {

  position: relative;

  margin-left: auto;

  padding: 0 0;

}



nav.header-nav ul#nav,

nav.header-nav ul#nav-fixed {

  font-size: 0;

  position: relative;

}



nav.header-nav ul#nav>li,

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

  margin: 0 15px;

  position: relative;

  display: inline-block;

  vertical-align: top;

}



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

  margin: 0 15px;

}



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

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

  font-size: 15px;

  text-align: center;

  text-transform: uppercase;

  color: #fff;

  font-weight: 600;

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

  padding: 8px 0;

  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;

}



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

  color: var(--secondary-color);

}



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

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

  margin-left: 0 !important;

}



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

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

  margin-right: 0;

}



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

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

  color: var(--secondary-color);

  padding: 16px 5px;

  font-size: 14px;

  font-weight: 500;

  text-transform: uppercase;

  font-family: "Roboto", sans-serif;

  text-align: center;

  letter-spacing: 0.5px;

}



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

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

}



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

  color: var(--primary-color-accent) !important;

}



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

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

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 0;

  height: 2px;

  background: var(--primary-color);

  opacity: 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-fixed>li>a::after {

  background: var(--primary-color-accent);

}



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

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

  width: 100%;

  opacity: 1;

}



/*burger menu icon*/

.burger-holder {

  margin-left: 30px;

}



.burger-menu {

  width: 38px;

  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;

}



.burger-menu span {

  display: block;

  width: 100%;

  height: 3px;

  background: #fff;

  margin: 0 0 0 auto;

  -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;

}



.show-fixed .burger-menu span {

  background: var(--secondary-color);

}



.burger-menu span:first-child {

  width: calc(100% - 20px);

}



.burger-menu span:last-child {

  width: calc(100% - 10px);

}



.burger-menu span:nth-child(2) {

  margin: 5px auto;

}



.burger-menu:hover span {

  background: var(--primary-color);

}



.show-fixed .burger-menu:hover span {

  background: var(--primary-color-accent);

}



/*Offcanvas*/

.admin-bar .site-offcanvas {

  top: 32px;

}



.site-offcanvas {

  position: fixed;

  z-index: 1001;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  visibility: hidden;

  pointer-events: none;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



.site-offcanvas.offcanvas-open {

  visibility: visible;

  pointer-events: auto;

}



.site-offcanvas.offcanvas-open:before {

  opacity: 1;

  visibility: visible;

  pointer-events: auto;

}



.site-offcanvas.offcanvas-open .site-offcanvas-inner {

  visibility: visible;

  pointer-events: auto;

  -webkit-transform: translateX(0);

  -ms-transform: translateX(0);

  transform: translateX(0);

  color: var(--primary-color-accent);

}



.site-offcanvas:before {

  content: "";

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

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

  opacity: 0;

  -webkit-transition: opacity 0.3s ease;

  transition: opacity 0.3s ease;

}



.site-offcanvas .site-offcanvas-inner,

.site-offcanvas .site-offcanvas-header,

.site-offcanvas .site-offcanvas-main,

.site-offcanvas .site-offcanvas-footer {

  position: relative;

  width: 100%;

}



.site-offcanvas .site-offcanvas-inner {

  background: var(--primary-color);

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start;

  -webkit-flex-flow: row wrap;

  -ms-flex-flow: row wrap;

  flex-flow: row wrap;

  overflow: hidden;

  overflow-y: auto;

  padding: 70px 30px 50px;

  width: 440px;

  max-width: calc(100% - 30px);

  height: 100%;

  box-shadow: -5px 0 5px -5px #999999;

  margin-left: auto;

  visibility: hidden;

  pointer-events: none;

  -webkit-transform: translateX(100%);

  -ms-transform: translateX(100%);

  transform: translateX(100%);

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



.site-offcanvas .site-offcanvas-close {

  position: absolute;

  top: 15px;

  right: 15px;

  font-size: 20px;

  cursor: pointer;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

  color: var(--secondary-color);

}



.site-offcanvas .site-offcanvas-close:hover {

  color: var(--primary-color-accent);

}



.site-offcanvas .site-offcanvas-close i {

  display: block;

  font-style: normal;

}



.site-offcanvas .site-offcanvas-main {

  padding: 30px 0;

}



.site-offcanvas .site-offcanvas-header:not(.hidden)+.site-offcanvas-main {

  margin: auto 0;

}



.site-offcanvas .site-offcanvas-footer {

  margin-top: auto;

}



.site-offcanvas .site-offcanvas-logo {

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

  font-size: 25px;

  font-weight: 400;

  line-height: 1;

  text-align: center;

  text-transform: uppercase;

  color: var(--secondary-color);

}



.site-offcanvas .site-offcanvas-logo a {

  color: inherit;

  text-decoration: none;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



.site-offcanvas .site-offcanvas-logo a:hover {

  color: var(--primary-color-accent);

}



.site-offcanvas .site-offcanvas-navigation {

  position: relative;

}



.site-offcanvas .site-offcanvas-navigation ul {

  display: block;

  margin: 0;

  padding: 0;

}



.site-offcanvas .site-offcanvas-navigation ul li {

  display: block;

}



.site-offcanvas .site-offcanvas-navigation ul li ul,

.site-offcanvas .site-offcanvas-navigation ul li+li {

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

}



.site-offcanvas .site-offcanvas-navigation ul li>a {

  display: block;

  position: relative;

  z-index: 2;

  font-size: 16px;

  font-weight: 400;

  line-height: 1;

  letter-spacing: 0.05em;

  text-transform: uppercase;

  text-decoration: none;

  padding: 15px 0;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

  color: var(--secondary-color);

}



.site-offcanvas .site-offcanvas-navigation ul li:hover>a {

  color: var(--primary-color-accent);

}



.site-offcanvas .site-offcanvas-navigation ul ul.sub-menu {

  display: none;

}



.site-offcanvas .site-offcanvas-navigation ul ul li {

  padding-left: 15px;

}



.site-offcanvas .site-offcanvas-navigation ul ul li a {

  font-size: 14px;

}



.site-offcanvas .site-offcanvas-navigation ul ul ul {

  margin-left: -15px;

}



.site-offcanvas .site-offcanvas-navigation ul ul ul li {

  padding-left: 30px;

}



.site-offcanvas .site-offcanvas-info {

  display: block;

  margin: 0;

  padding: 0;

}



.site-offcanvas .site-offcanvas-info li {

  color: var(--secondary-color);

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  font-size: 16px;

  font-weight: 400;

  line-height: 1;

  letter-spacing: 0.05em;

}



.site-offcanvas .site-offcanvas-info li+li {

  margin-top: 15px;

}



.site-offcanvas .site-offcanvas-info li i {

  display: block;

  -webkit-flex-shrink: 0;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  display: block;

  font-style: normal;

  font-size: 14px;

  margin-right: 10px;

}



.site-offcanvas .site-offcanvas-info li a {

  color: inherit;

  text-decoration: none;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



.site-offcanvas .site-offcanvas-info li a:hover {

  color: var(--primary-color-accent);

}



.site-offcanvas .site-offcanvas-smi {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-flex-flow: row wrap;

  -ms-flex-flow: row wrap;

  flex-flow: row wrap;

  margin-top: 15px;

}



.site-offcanvas .site-offcanvas-smi li {

  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}



.site-offcanvas .site-offcanvas-smi li a {

  display: block;

  color: var(--secondary-color);

  font-size: 20px;

  text-decoration: none;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



.site-offcanvas .site-offcanvas-smi li a:hover {

  color: var(--primary-color-accent);

}



/*slideshow*/

.slideshow-area,

.slider-holder {

  position: relative;

}



.slider-holder:after {

  content: "";

  display: block;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: #000;

  opacity: 0.25;

  pointer-events: none;

  z-index: 1;

}



.slider-holder .swiper-slide canvas {

  display: block;

  width: 100%;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}



.site-name span {

  bottom: 37px;

  display: block;

  position: relative;

  font-size: 50px;

  color: #fff;

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

  text-transform: uppercase;

  text-align: center;

}



.site-name span a {

  color: #fff;

  display: block;

}



.site-name {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  z-index: 5;

}



/*quick search*/

.quick-search-area {

  position: absolute;

  bottom: 98px;

  left: 0;

  width: 100%;

  z-index: 5;

}



.qs-holder {

  border: solid 2px #ded1c1;

  font-size: 0;

  padding: 26px 0 30px;

}



.qs-title {

  font-size: 25px;

  font-weight: 600;

  color: #fff;

  text-transform: uppercase;

  display: inline-block;

  vertical-align: top;

  width: 16.2%;

  text-align: right;

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

  padding: 0 16px;

}



.qs-title span {

  display: block;

  position: relative;

  margin-top: -2px;

  right: -16px;

}



.qs-form {

  display: inline-block;

  vertical-align: top;

  width: 83.8%;

  padding-left: 35px;

  padding-top: 9px;

}



.qs-form p {

  font-size: 13px;

  color: #fff;

  text-align: right;

  padding-right: 58px;

  padding-top: 14px;

}



.qs-form select,

.qs-form input,

.qs-form button[type="button"] {

  border-radius: 0;

  color: #fff;

  font-size: 15px;

  font-weight: 400;

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

  -webkit-appearance: none;

  -moz-appearance: none;

  background: transparent;

  width: 100%;

  height: 33px;

  padding: 0 0;

  border: none;

  letter-spacing: 1.5px;

  border-bottom: solid 1px rgba(255, 255, 255, 1);

}



.qs-form button[type="button"] {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  outline: none !important;

  box-shadow: none !important;

  border-radius: 0 !important;

  color: #fff !important;

  background: transparent !important;

}



.qs-form button[type="button"]:focus,

.qs-form button[type="button"]:active {

  outline: none !important;

  color: #fff !important;

  border-color: #fff !important;

}



.qs-form button span {

  color: inherit !important;

  font-size: inherit !important;

  font-weight: inherit !important;

}



.qs-form button span {

  color: inherit !important;

  font-size: inherit !important;

  font-weight: inherit !important;

}



.qs-form .bs-searchbox input.form-control {

  color: #000;

}



.qs-form .qs-field {

  display: inline-block;

  vertical-align: top;

  margin-bottom: 5px;

}



.qs-form .qs-field .dropdown-menu.inner {

  max-height: 200px !important;

}



.long-form.qs-field {

  width: 76.886%;

}



.btn-form.qs-field.qsbtn1 {

  width: 26px;

  height: 26px;

  position: relative;

  font-family: agentimage !important;

  margin: 5px 30px 0;

}



.btn-form.qs-field.qsbtn1:after {

  color: #fff;

  display: block;

  font-size: 24px;

  content: "\b0039";

  position: absolute;

  top: 0;

  left: 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;

}



.btn-form.qs-field.qsbtn1 input {

  font-size: 0;

  background: transparent;

  border: none;

  height: 100%;

  -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;

  position: relative;

  z-index: 5;

}



.btn-form.qs-field.qsbtn2 a {

  font-size: 11px;

  color: #fff;

  text-transform: uppercase;

  color: #fff;

  font-weight: 600;

  display: block;

  height: 33px;

  line-height: 33px;

  letter-spacing: 0.8px;

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

  -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;

}



.btn-form.qs-field.qsbtn2 a:hover {

  color: var(--primary-color);

}



.btn-form.qs-field.qsbtn1:hover:after {

  color: var(--primary-color);

}



/*cta*/

section.cta-area {

  padding: 106px 0;

}



.cta-list {

  max-width: 360px;

  margin: 0 auto;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.cta-list a {

  display: block;

  position: relative;

  color: var(--primary-text-color);

  -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;

}



.cta-label {

  font-size: 30px;

  text-transform: uppercase;

  font-weight: 300;

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

  line-height: 1;

}



.cta-label span {

  font-size: 45px;

  color: var(--primary-color);

  font-weight: 600;

  display: block;

  margin-top: 2px;

}



.cta-list a::after {

  content: "";

  position: absolute;

  top: -21px;

  left: 0;

  right: 0;

  margin: auto;

  width: calc(100% - 40px);

  height: 18px;

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

  border-bottom: none;

  opacity: 0;

  pointer-events: none;

  -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;

}



.cta-list a::before {

  content: "";

  position: absolute;

  bottom: -21px;

  left: 0;

  right: 0;

  margin: auto;

  width: calc(100% - 40px);

  height: 18px;

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

  border-top: none;

  opacity: 0;

  pointer-events: none;

  -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;

}



.cta-list a:hover {

  -webkit-transform: scale(1.3);

  -ms-transform: scale(1.3);

  transform: scale(1.3);

}



.cta-list a:hover .cta-label span {}



.cta-list a:hover::after {

  top: -31px;

  opacity: 1;

}



.cta-list a:hover::before {

  bottom: -31px;

  opacity: 1;

}



.aiosp-wrap .aiosp-container .aios-popup-body.cta-aios-popup {

  max-width: 550px;

  min-height: 0;

  padding: 40px 20px;

}



.cta-popup-wrap,

.cta-aios-popup {

  position: relative;

}



.cta-aios-popup h2 {

  display: block;

  font-size: 30px;

  font-weight: 500;

  letter-spacing: 0.05em;

  text-transform: uppercase;

  text-align: center;

  color: var(--primary-color);

  margin: 15px 0;

}



.cta-aios-popup h3,

.cta-aios-popup p {

  display: block;

  font-size: 18px;

  font-weight: 400;

  letter-spacing: 0.025em;

}



.cta-aios-popup .cta-form {

  margin-top: 30px;

}



.cta-aios-popup input[type="email"] {

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

  font-size: 15px;

  border: none;

  border-bottom: 1px solid var(--primary-text-color);

  padding: 0 !important;

  color: var(--primary-text-color);

  height: 40px;

}



.cta-aios-popup input[type="submit"] {

  display: block;

  margin: 15px auto 0;

  max-width: 300px;

  background: var(--primary-color) !important;

}



.cta-aios-popup .ajax-loader {

  margin: 15px auto 0 !important;

  position: absolute;

  left: 0;

  right: 0;

  bottom: -18px;

}



/*welcome*/

section.welcome-area {

  background: var(--primary-color);

  position: relative;

  padding: 109px 0;

}



section.welcome-area::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: url(images/wc-bg.png) no-repeat;

  background-size: cover;

  background-position: center;

  z-index: 1;

  -webkit-filter: grayscale(100%);

  filter: grayscale(100%);

  opacity: 0.1;

}



section.welcome-area .container {

  position: relative;

  z-index: 5;

}



.wc-content {

  margin-top: 44px;

}



.wc-content h1 {

  font-size: 75px;

  color: var(--secondary-color);

  text-transform: uppercase;

  font-weight: 600;

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

  margin-bottom: 50px;

}



.wc-content p {

  font-size: 17px;

  color: var(--secondary-color);

  font-weight: 300;

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

  line-height: 1.6;

  padding-bottom: 27px;

  letter-spacing: 0.4px;

}



a.wc-read {

  font-size: 18px;

  color: var(--secondary-color);

  text-transform: uppercase;

  font-weight: 600;

  display: inline-block;

  padding: 5px 0;

  position: relative;

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

  margin-top: 28px;

}



.wc-agent-photo {

  position: relative;

  margin-bottom: 76px;

}



/*featured property*/

section.featured-properties-area {

  position: relative;

}



.row.fp-row::before {

  display: none;

}



.row.fp-row {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}



.row.fp-row a {

  transition: all 0.3s ease-in-out;

}



.fp-holder {

  width: calc((100vw - 1140px) / 2 + 100%);

  float: right;

  padding-right: 20px;

}



.fp-list a {

  display: block;

  position: relative;

  color: var(--primary-text-color);

}



.fp-address {

  color: var(--primary-text-color);

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

  font-size: 23px;

  line-height: 1.3;

  font-weight: 500;

  margin-bottom: 30px;

  display: inline-block;

  -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;

}



.fp-address:hover {

  color: var(--primary-color);

}



.fp-photo {

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}



.fp-photo canvas {

  display: block;

  width: 100%;

  background: var(--primary-color);

  opacity: 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;

}



.fp-list a:hover .fp-photo canvas {

  opacity: 0.6;

}



.fp-content {

  padding-left: 66px;

  position: relative;

  margin-right: -106px;

}



.fp-title {

  font-size: 50px;

  text-transform: uppercase;

  font-weight: 300;

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

  line-height: 1.1;

  letter-spacing: -2.7px;

  position: relative;

  left: -4px;

  margin-bottom: 56px;

  color: var(--primary-text-color);

}



.fp-title span {

  display: block;

  font-weight: 600;

  font-size: 75px;

  letter-spacing: 0.2px;

}



.fp-content-list ul,

.fp-content-list p {

  font-size: 17px;

  font-weight: 300;

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

  line-height: 1.8;

  letter-spacing: 0.5px;

}



.fp-content-list ul li {

  display: inline-block;

  vertical-align: middle;

}



.fp-content-list ul li+li {

  margin-left: 15px;

}



.fp-content-list ul li i {

  display: inline-block;

  margin-right: 5px;

  font-weight: 700;

}



a.fp-view {

  font-size: 18px;

  color: var(--primary-text-color);

  text-transform: uppercase;

  font-weight: 600;

  display: inline-block;

  padding: 5px 0;

  position: relative;

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

  margin-top: 75px;

  -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;

}



a.fp-view:hover,

.row.fp-row a:hover {

  color: var(--primary-color);

}



/*featured communities*/

section.featured-communities-area {

  position: relative;

  padding: 125px 0;

}



section.ip-featured-communities-area {

  position: relative;

  padding: 50px 0;

}



.fc-list {

  padding: 4px;

  position: relative;

}



.fc-list a {

  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;

}



.fc-list a:hover {

  color: #fff;

}



.fc-photo {

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  position: relative;

}



.fc-photo canvas {

  display: block;

  width: 100%;

  background: var(--primary-color);

  opacity: 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;

}



.fc-list a:hover .fc-photo canvas {

  opacity: 0.9;

}



.fc-label {

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

  font-weight: 600;

  color: var(--secondary-color);

  font-size: 27px;

  text-transform: uppercase;

  text-shadow: 1px 1px 4px black;

}



.fc-label span {

  font-weight: 600;

}



.fc-content {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}



.fc-holder {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  margin: 0 -110px;

  font-size: 0;

}



.ip-featured-communities-area .fc-holder {

  margin: 0 auto !important;

}



.fc-col1 {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  width: 49%;

}



.fc-col1 .fc-list {

  width: 50%;

}



.fc-col1 .fc-list:first-child {

  width: 100%;

}



.fc-col2 {

  width: 26.5%;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

}



.fc-col2 .fc-list a,

.fc-col2 .fc-photo,

.fc-col2 .fc-photo canvas {

  height: 100%;

}



.fc-col3 {

  width: 24.5%;

}



.fc-list.fc-title {

  position: relative;

}



.fc-title {

  font-size: 27px;

  text-transform: uppercase;

  font-weight: 300;

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

  line-height: 1.15;

  position: relative;

  text-align: center;

}



.fc-title span {

  display: block;

  font-weight: 600;

}



.fc-title-inner {

  position: absolute;

  top: 0;

  left: 0;

  padding: 4px;

  width: 100%;

  height: 100%;

}



.fc-title-content {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  border: solid 1px var(--primary-color);

  height: 100%;

}



.fc-col3 .fc-list {

  height: calc(100% / 3);

}



.fc-col3 .fc-list.fc-title-holder a:hover {

  color: var(--secondary-color);

}



/*facebook feed*/

section.facebook-feed-area {

  position: relative;

  padding: 91px 0 116px;

  display: block;

}



.fb-feed-bg {

  position: absolute;

  top: 0;

  right: 0;

  width: 30%;

  height: 100%;

  z-index: 1;

  background: url(images/fb-feed-bg.jpg) no-repeat;

  background-size: cover;

  background-position: right center;

  background-attachment: fixed;

}



html.ios-true .fb-feed-bg,

html.mac-true .fb-feed-bg,

html.safari .fb-feed-bg {

  background-attachment: scroll;

}



.fb-feed-bg::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #000;

  opacity: 0.4;

}



.fb-feed-holder {

  position: relative;

  margin: 0 -106px;

  z-index: 5;

}



.fb-feed-list {

  max-width: 459px;

  margin: 0 auto;

  padding: 11px;

}



.fb-feed-photo {

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  position: relative;

}



.fb-feed-photo canvas {

  display: block;

  width: 100%;

  background: #3b5997;

  opacity: 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;

}



.fb-feed-photo a {

  display: block;

  position: relative;

}



.fb-feed-photo a span {

  position: absolute;

  top: 0;

  right: 0;

  width: 43px;

  height: 43px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  background: #3b5997;

  color: #fff;

  font-size: 16px;

}



.fb-feed-content {

  border: solid 1px var(--primary-color);

  border-top: none;

  padding: 30px 30px 28px;

  background: #fff;

}



.fb-time span {

  font-size: 18px;

  text-transform: uppercase;

  font-weight: 600;

  color: #1f2122;

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

  padding-left: 19px;

}



.fb-time canvas {

  background-size: cover;

  background-position: center;

}



.fb-time span em {

  font-style: normal;

  font-size: 12.5px;

  text-transform: none;

  font-weight: 400;

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

  display: block;

  margin-top: 7px;

  letter-spacing: 0.1px;

}



.fb-time {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  margin-bottom: 26px;

}



.fb-text {

  font-size: 13px;

  color: #7d7d7d;

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

  line-height: 1.6;

  letter-spacing: 0.36px;

  margin-bottom: 26px;

}



.fb-links a {

  color: #171b4c;

  font-size: 12px;

  font-weight: 500;

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

  letter-spacing: 0.3px;

  display: inline-block;

  vertical-align: middle;

  -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;

}



.fb-links span {

  display: inline-block;

  vertical-align: middle;

  width: 3px;

  height: 3px;

  background: #171b4c;

  border-radius: 100%;

  margin: 0 4px;

}



.fb-links a:hover {

  color: var(--primary-color);

}



.fb-feed-photo:hover canvas {

  opacity: 0.2;

}



.fb-feed-slick-slider {

  position: relative;

  margin: 0 -11px;

}



.fb-feed-header {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  margin-bottom: 69px;

}



.fb-like {

  max-width: 170px;

  width: 100%;

}



.fb-like a {

  display: block;

  background: #fff;

  color: #3b5997;

  font-size: 13px;

  font-weight: 500;

  text-align: center;

  height: 37px;

  line-height: 37px;

  border-radius: 3px;

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

  text-transform: uppercase;

  letter-spacing: 0.5px;

  -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;

}



.fb-like a em {

  font-size: 17px;

  display: inline-block;

  vertical-align: text-bottom;

  margin-right: 5px;

}



.fb-like a:hover {

  background: #3b5997;

  color: #fff;

}



/*instagram feed*/

section.instagram-feed-area {

  position: relative;

  padding: 74px 0 0;

}



.ins-feed-holder {

  position: relative;

  margin: 0 -5px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  font-size: 0;

}



.ins-feed-list {

  padding: 5px;

  width: 100%;

}



.ins-feed-col1 {

  width: 35%;

}



.ins-feed-col2 {

  width: 28%;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

}



.ins-feed-col3 {

  width: 37%;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



.ins-feed-col3 .ins-feed-list {

  width: 50%;

}



.ins-feed-col3 .ins-feed-list:first-child {

  width: 100%;

}



.ins-feed-col1 .ins-feed-list:first-child {

  height: 48.6%;

}



.ins-feed-col1 .ins-feed-list:nth-child(2) {

  height: 51.4%;

  padding-left: 122px;

}



.ins-feed-photo canvas {

  display: block;

  width: 100%;

  height: 100%;

  background: var(--primary-color);

  opacity: 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;

}



.ins-feed-photo {

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  position: relative;

  height: 100%;

}



.ins-feed-list a:hover .ins-feed-photo canvas {

  opacity: 0.8;

}



.ins-feed-head {

  position: relative;

  width: 100%;

  height: 100%;

  background: var(--primary-color);

  padding-left: 117px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  text-align: center;

}



.ins-feed-title em {

  font-size: 36px;

  color: #fff;

}



.ins-feed-title span {

  font-size: 19px;

  font-weight: 700;

  color: #fff;

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

  display: block;

  margin-top: 37px;

}



.ins-feed-title p {

  font-size: 12px;

  font-weight: 400;

  color: #fff;

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

  margin-top: 6px;

}



.ins-feed-title a:hover {

  background: #fff;

  color: #3b5997;

}



.ins-feed-title a {

  display: block;

  background: transparent;

  color: #fff;

  font-size: 11px;

  font-weight: 400;

  text-align: center;

  height: 37px;

  line-height: 35px;

  border-radius: 3px;

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

  border: solid 1px #ded1c1;

  max-width: 170px;

  width: 100%;

  letter-spacing: 0.5px;

  -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;

  margin: 31px auto 0;

}



.ins-feed-list a {

  display: block;

  position: relative;

}



#instagram-feed {

  margin: 0 -106px;

}



.sf-holder {

  position: relative;

}



.sf-row {

  position: relative;

}



.sf-heading {}



.sf-body {}



.sf-btns {

  display: flex;

  align-items: center;

  justify-content: center;

}



.sf-btns a {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 150px;

  height: 38px;

  background: #8b898b;

  border-radius: 5px;

  margin: 5px;

  color: #ffffff;

}



.sf-btns a:hover {

  opacity: 0.7;

}



.sf-btns span {

  font-size: 11px;

  line-height: 1;

  letter-spacing: 0.02em;

}



#instagram-feed .sf-heading {

  display: flex;

  flex-direction: row;

  align-items: center;

  padding: 58px 0;

}



#instagram-feed .sf-heading-left {

  display: flex;

  flex-direction: row;

  align-items: center;

  width: calc(100% - 330px);

}



#instagram-feed .sf-heading-left i {

  width: 68px;

  height: 68px;

  border-radius: 50%;

  background: #6564e0;

  background: -moz-linear-gradient(45deg,

      #6564e0 0%,

      #7e56cc 25%,

      #a54caa 50%,

      #dc4581 75%,

      #ea4067 100%);

  background: -webkit-linear-gradient(45deg,

      #6564e0 0%,

      #7e56cc 25%,

      #a54caa 50%,

      #dc4581 75%,

      #ea4067 100%);

  background: linear-gradient(45deg,

      #6564e0 0%,

      #7e56cc 25%,

      #a54caa 50%,

      #dc4581 75%,

      #ea4067 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6564e0', endColorstr='#ea4067', GradientType=1);

  color: #ffffff;

  text-align: center;

  padding-top: 14px;

  margin-right: 15px;

}



#instagram-feed .sf-heading-left i::before {

  font-size: 42px;

}



#instagram-feed .sf-heading-left div {}



#instagram-feed .sf-heading-left div strong {

  display: block;

  font-size: 19px;

  font-weight: 700;

  color: #171717;

  line-height: 1;

  letter-spacing: 0.02em;

  margin-bottom: 6px;

}



#instagram-feed .sf-heading-left div span {

  display: block;

  font-size: 12px;

  color: #171717;

  line-height: 1;

  letter-spacing: 0.02em;

}



#instagram-feed .sf-heading-right {

  width: 330px;

}



.ig-btns {

  text-align: right;

}



a.ig-follow {

  width: 170px;

  margin-right: 0;

  background: #6564e0;

  background: -moz-linear-gradient(45deg,

      #6564e0 0%,

      #7e56cc 25%,

      #a54caa 50%,

      #dc4581 75%,

      #ea4067 100%);

  background: -webkit-linear-gradient(45deg,

      #6564e0 0%,

      #7e56cc 25%,

      #a54caa 50%,

      #dc4581 75%,

      #ea4067 100%);

  background: linear-gradient(45deg,

      #6564e0 0%,

      #7e56cc 25%,

      #a54caa 50%,

      #dc4581 75%,

      #ea4067 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6564e0', endColorstr='#ea4067', GradientType=1);

}



.ig-follow i {

  font-size: 18px;

  margin-right: 8px;

}



.ig-follow span {}



#instagram-feed .sf-body {}



#instagram-feed .sf-main-feed {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

}



#instagram-feed .sf-main-feed a {

  display: flex;

  width: 25%;

  overflow: hidden;

}



#instagram-feed .sf-main-feed canvas {

  display: block;

  width: 100%;

  background-color: var(--primary-color);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

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

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

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

  transition: all 0.8s ease-in-out;

}



#instagram-feed .sf-main-feed a:hover canvas {

  transform: scale(1.2);

}



/*testimonials*/

section.testimonials-area {

  padding: 121px 0 163px;

}



.testi-title {

  font-size: 75px;

  text-transform: uppercase;

  font-weight: 300;

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

  line-height: 1.07;

  letter-spacing: -4px;

  position: relative;

  text-align: center;

  margin-bottom: 56px;

}



.testi-title span {

  display: block;

  font-weight: 600;

  letter-spacing: -0.3px;

}



.testi-list {

  text-align: center;

  padding: 0 26px;

}



.testi-rate {

  font-size: 33px;

  color: var(--primary-color);

  margin-bottom: 36px;

}



.testi-list p {

  font-size: 17px;

  font-weight: 300;

  line-height: 1.6;

  padding-bottom: 32px;

  letter-spacing: 0.35px;

}



.testi-list span {

  display: block;

  font-size: 17px;

  font-weight: 700;

  text-transform: uppercase;

}



.testi-list span a {

  color: inherit;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



.testi-list span a:hover {

  color: var(--primary-color);

}



.testi-dots {

  padding: 55px 0 0;

  text-align: center;

}



.testi-dots ul.slick-dots li span {

  width: 12px;

  height: 12px;

  background: #adadad;

  display: block;

  border-radius: 100%;

  position: relative;

  cursor: pointer;

  opacity: 1;

  border: 1px solid #adadad;

}



.testi-dots ul.slick-dots li {

  display: inline-block;

  vertical-align: middle;

  margin: 0 4px;

}



.testi-dots ul.slick-dots li.slick-active span {

  background: var(--primary-color);

  opacity: 1;

}



/*blog*/

section.blog-area {

  position: relative;

  padding: 95px 0 97px;

}



.blog-bg {

  position: absolute;

  top: 0;

  left: 0;

  width: 58.5%;

  height: 100%;

  z-index: 1;

}



html.ios-true .blog-bg,

html.mac-true .blog-bg,

html.safari-true .blog-bg,

html.firefox-true .blog-bg {

  background-attachment: scroll;

}



.blog-bg::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #383838;

  opacity: 0.6;

}



.blog-bg::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: url(images/blog-bg.jpg) no-repeat;

  background-size: cover;

  background-position: left center;

  background-attachment: fixed;

  -webkit-filter: grayscale(100%);

  filter: grayscale(100%);

}



.blog-row-wrap {

  margin: 0 -106px;

}



.row.blog-row::before {

  display: none;

}



.row.blog-row {

  position: relative;

  z-index: 5;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

}



.blog-title {

  font-size: 50px;

  text-transform: uppercase;

  font-weight: 300;

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

  color: var(--secondary-color);

  line-height: 1.1;

  letter-spacing: -3px;

  position: relative;

  margin-bottom: 56px;

  left: -3px;

  margin-top: 12px;

}



.blog-title span {

  display: block;

  font-weight: 600;

  font-size: 75px;

  letter-spacing: -1px;

}



.blog-list {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  margin: 8px 0;

  background: var(--background-color);

}



.blog-photo {

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  position: relative;

  max-width: 390px;

  width: 100%;

  -webkit-box-flex: 1;

  -webkit-flex: 1 0 auto;

  -ms-flex: 1 0 auto;

  flex: 1 0 auto;

}



.blog-photo canvas {

  display: block;

  width: 100%;

  opacity: 0;

  background: var(--primary-color);

  -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;

}



.blog-list:hover canvas {

  opacity: 0.5;

}



.blog-content h2 a {

  font-size: 20px;

  color: var(--primary-text-color);

  font-weight: 700;

  text-transform: uppercase;

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

  line-height: 1.25;

  margin-bottom: 21px;

  display: block;

  -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;

}



.blog-content p {

  font-size: 13px;

  color: var(--primary-text-color);

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

  line-height: 1.6;

  letter-spacing: 0.4px;

  padding-bottom: 21px;

}



a.blog-read {

  font-size: 14px;

  text-transform: uppercase;

  color: var(--primary-text-color);

  letter-spacing: 1.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;

}



.blog-list:hover a {

  color: var(--primary-color);

}



.blog-content {

  padding: 0 20px 0 25px;

}



a.blog-read:hover {}



a.blog-read.global-link-hover:after {

  background: var(--primary-color);

}



.blog-header {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  height: 100%;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.blog-view-more a {

  font-size: 18px;

  color: var(--primary-text-color);

  text-transform: uppercase;

  font-weight: 600;

  display: inline-block;

  padding: 5px 0;

  position: relative;

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

  margin-top: 28px;

  margin-left: 415px;

}



.blog-view-more a:hover {

  color: var(--primary-color);

}



/*footer*/

footer.main-footer {

  background: var(--primary-color);

  position: relative;

  padding: 100px 0;

}



footer.main-footer::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1;

  background: url(images/footer-bg.png) no-repeat;

  background-size: cover;

  background-position: top center;

  background-attachment: fixed;

  -webkit-filter: grayscale(100%);

  filter: grayscale(100%);

  opacity: 0.1;

}



html.ios-true footer.main-footer::after,

html.mac-true footer.main-footer::after,

html.safari-true footer.main-footer::after {

  background-attachment: scroll;

}



footer.main-footer .container {

  position: relative;

  z-index: 5;

}



/*get in touch*/

.footer-gt-holder {

  max-width: 977px;

  margin: 0 auto;

  position: relative;

  z-index: 1;

}



.gt-title {

  font-size: 75px;

  text-transform: uppercase;

  font-weight: 600;

  color: var(--secondary-color);

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

  position: relative;

  text-align: center;

  letter-spacing: -3.3px;

  margin-bottom: 29px;

}



.gt-title span {

  font-size: 15px;

  font-weight: 300;

  letter-spacing: 0.3px;

  display: block;

  text-transform: none;

  margin-top: 21px;

}



.footer-gt-form {

  font-size: 0;

  position: relative;

  z-index: 5;

}



.footer-gt-form input,

.footer-gt-form textarea {

  font-size: 15px;

  width: 100%;

  font-weight: 300;

  -webkit-appearance: none;

  -moz-appearance: none;

  background: transparent;

  height: 50px;

  color: var(--secondary-color);

  font-family: var(--primary-color);

  padding: 0 10px;

  border-radius: 0;

  resize: none;

  border: solid 1px transparent;

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

  transition: all 0.25s ease-in-out;

}



.gt-fields.gt-textarea textarea {

  padding-top: 16px;

  height: 119px;

}



.gt-fields.gt-textarea {

  height: 119px;

  position: relative;

  margin-bottom: 10px;

  width: 100%;

}



.footer-gt-form input[type="text"]:focus,

.footer-gt-form input[type="email"]:focus,

.footer-gt-form input[type="tel"]:focus,

.gt-fields.gt-textarea textarea:focus {

  border-color: var(--secondary-color);

  outline: 0;

  -webkit-box-shadow: inset 0 1px 1px var(--primary-text-color),

    0 0 8px var(--secondary-color);

  box-shadow: inset 0 0 1px var(--secondary-color),

    0 0 8px var(--secondary-color);

}



.gt-fields.gt-textarea .gt-contact-button {

  font-size: 0;

  border: 0;

  width: 38px;

  height: 38px;

  position: absolute;

  bottom: 22px;

  right: 15px;

}



.gt-fields.gt-textarea .gt-contact-button input {

  font-size: 0;

  border: none;

  width: 100%;

  height: 100%;

  position: absolute;

  outline: none !important;

  z-index: 5;

}



.gt-fields.gt-textarea .gt-contact-button:hover {

  opacity: 0.8;

}



.gt-fields.gt-textarea .gt-contact-button i {

  font-size: 27px;

  margin-top: -12px;

  display: block;

  color: var(--secondary-color);

}



.gt-fields {

  display: inline-block;

  vertical-align: top;

  margin-bottom: 12px;

  width: calc(100% / 4);

  position: relative;

  padding: 0 5px;

}



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

  margin: 0 auto !important;

  display: block;

}



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

  font-size: 12px;

}



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

  display: block;

}



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

  margin: -6px auto 0;

  position: absolute;

  width: calc(100% - 10px);

  font-size: 11px;

  color: var(--secondary-color);

  text-align: center;

  left: 0;

  right: 0;

}



.footer-gt-form form {

  position: relative;

}



/*footer contact*/

.footer-contact-info {

  text-align: center;

  margin-top: 50px;

}



.footer-smi {

  position: relative;

}



.footer-smi a {

  display: inline-block;

  vertical-align: middle;

  font-size: 28px;

  color: var(--secondary-color);

  padding: 5px;

  margin: 0 8px;

  -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-smi a:hover {

  color: var(--primary-color-accent);

}


a.is-img {
  filter: invert(18%) sepia(22%) saturate(1425%) hue-rotate(116deg) brightness(92%) contrast(99%);
}

a.is-img.is-black {
  filter: none;
}

a.is-img.is-gold {
  filter: invert(83%) sepia(10%) saturate(1010%) hue-rotate(8deg) brightness(86%) contrast(87%);
}

a.is-img:hover {
  filter: invert(41%) sepia(19%) saturate(580%) hue-rotate(8deg) brightness(94%) contrast(88%);
}

.footer-site-name {

  font-size: 35px;

  text-transform: uppercase;

  color: var(--secondary-color);

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

  margin-bottom: 24px;

}



.footer-site-name img {

  display: block;

  margin: 0 auto 20px;

}



.ft-contact span,

.ft-contact span a {

  font-size: 15px;

  color: var(--secondary-color);

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

}



.ft-contact span a:hover {

  color: var(--primary-color-accent);

  -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;

}



.ft-contact em.ai-font-phone-alt {

  font-size: 18px;

  margin-right: 8px;

}



.ft-contact em.ai-font-location-c {

  font-size: 22px;

  margin-right: 4px;

  top: 4px;

}



.ft-contact em.ai-font-envelope-f {

  font-size: 12px;

  margin-right: 9px;

}



.ft-contact span {

  margin: 0 25px;

}



.footer-logo img {

  margin: 0 auto;

}



.ft-contact {

  margin-bottom: 38px;

}



.ft-logo-smi {

  display: flex;

  align-items: center;

  justify-content: center;

  flex-flow: row wrap;

}



.ft-logo-smi>div {

  padding: 0 30px;

}



/*footer nav*/

ul.footernav {

  font-size: 0;

  margin-top: 36px;

  text-align: center;

}



ul.footernav li a {

  display: inline-block;

  color: var(--secondary-color);

  font-size: 15px;

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

  font-weight: 700;

  text-transform: uppercase;

  -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 {

  color: var(--primary-color-accent);

}



ul.footernav li {

  margin: 0 24px;

  display: inline-block;

  vertical-align: top;

}



/*copyright*/

.footer-copyright {

  margin-bottom: 11px;

  padding-top: 20px;

}



.footer-copyright,

.footer-copyright a {

  font-size: 13px;

  color: var(--secondary-color);

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

  letter-spacing: 0.2px;

  text-align: center;

  font-weight: 300;

}



.footer-copyright a:hover,

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

  color: var(--primary-color-accent) !important;

}



.ft-mls {

  text-align: center;

  font-size: 30px;

  color: #f7f0d8;

  margin-top: 17px;

}



.ft-mls em {

  margin: 0 5px;

  color: var(--secondary-color);

}



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

  text-decoration: underline !important;

  color: var(--secondary-color);

}



.ft-disclaimer {

  font-size: 13px;

  color: var(--secondary-color);

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

  text-align: justify;

  text-align-last: center;

  font-weight: 300;

  line-height: 1.55;

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

  margin-top: 44px;

  padding-top: 41px;

}



.ft-disclaimer p {

  padding: 8px 0;

}



/*above footer cta*/

.above-footer-cta {

  padding: 50px 0;

}



.above-footer-cta .cta-label {

  font-size: 20px;

}



.above-footer-cta .cta-label span {

  font-size: 35px;

  color: var(--primary-color);

}



.above-footer-cta .cta-list a:hover {

  -webkit-transform: scale(1.2);

  -ms-transform: scale(1.2);

  transform: scale(1.2);

}



/* wpaccessibility.io */

/* #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay {

  transform: translateY(-100%) translateY(50px);

} */



/* wpaccessibility.io : END */

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

 *

 * 3. IP Styles

 *

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

.ip-banner-wrap {

  position: relative;

}



.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: 350px;

  background-color: #f9f7f7;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  background-image: url(images/slide1.jpg);

}



.ip-banner .container {

  position: absolute;

  top: 50%;

  left: 50%;

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

  z-index: 2;

}



.ip-banner .banner-title {

  display: block;

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

  font-size: 50px;

  font-weight: 400;

  line-height: 1.2;

  text-transform: uppercase;

  color: #fff;

  text-align: center;

}



.ip-banner-breadcrumbs {

  position: absolute;

  z-index: 1;

  bottom: 15px;

  left: 0;

  right: 0;

  font-size: 13px;

  font-weight: 400;

  line-height: 1;

  letter-spacing: 0.023em;

  text-transform: uppercase;

  color: #fff;

}



.ip-banner-breadcrumbs a:hover {

  color: var(--primary-color);

}



/** Inner Page Default Breadcrumbs */

#inner-page-wrapper p#breadcrumbs {

  display: none;

}



/** End of Inner Page Default Breadcrumbs */



/* 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: 60px;

  text-transform: uppercase;

  font-weight: 600;

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

  line-height: 1.1;

  color: var(--primary-text-color);

}



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

#content .archive-subtitle {

  text-transform: uppercase;

  color: var(--primary-text-color);

}



#content .entry {

  font-size: 17px;

  color: var(--primary-text-color);

  font-weight: 400;

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

  line-height: 1.1;

  letter-spacing: 0.4px;

}



/** Footer - Inner Page */

/*

.page-template-template-contact-us footer.main-footer,

.ihf-details-template footer.main-footer {

    padding: 120px 0;

}



.page-template-template-contact-us .footer-smi,

.ihf-details-template .footer-smi {

    margin: 0 0 41px;

}

*/

/** End of Footer - Inner Page */



/** Single (Single Page)  */

.back-to-link {

  position: relative;

}



.back-to-link a {

  font-size: 18px;

  color: var(--primary-text-color);

  text-transform: uppercase;

  font-weight: 600;

  display: inline-block;

  padding: 5px 0;

  position: relative;

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

  margin-top: 75px;

  -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;

}



.back-to-link a:hover {

  color: var(--primary-color);

}



/** End of Single (Single Page)  */



/** Archive Default Layout (Archive Page) */

#content .archive-list {

  position: relative;

  display: flex;

  flex-flow: row wrap;

}



#content .archive-list:before,

#content .archive-list:after {

  display: none;

}



#content .archive-list>article {

  float: none;

  margin-bottom: 30px;

}



#content .archive-list .post {

  border-bottom: none;

}



#content .archive-list .archive-thumbnail,

#content .archive-list .archive-content {

  width: 100%;

}



#content .archive-list .archive-thumbnail a {

  display: block;

  outline: none;

  position: relative;

}



#content .archive-list .archive-thumbnail a:after {

  display: block;

  content: "";

  width: 100%;

  height: 100%;

  background: var(--primary-color);

  position: absolute;

  left: 0;

  top: 0;

  opacity: 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;

}



#content .archive-list article:hover .archive-thumbnail a:after {

  opacity: 0.4;

}



#content .archive-list .archive-thumbnail canvas {

  display: block;

  width: 100%;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

}



#content .archive-list .article-long .archive-thumbnail {

  width: 60%;

}



#content .archive-list .article-long .archive-has-thumbnail {

  width: 37%;

  margin-left: 3%;

}



#content .archive-list .article-long .archive-has-thumbnail .archive-subtitle {

  margin-top: 0;

  color: var(--primary-text-color);

  font-size: 32px;

}



#content .archive-list .article-long p {

  font-size: 22px;

}



#content .archive-list article:hover .archive-content a {

  color: var(--primary-color);

}



#content .archive-more {

  display: inline-block;

  vertical-align: middle;

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

  text-transform: uppercase;

  letter-spacing: 1.2px;

  font-style: normal;

  text-decoration: none;

  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;

}



#content .archive-subtitle a {

  -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;

}



#content .archive-more:after {

  content: "";

  position: absolute;

  left: calc(100% + 23px);

  top: calc(50% - 1px);

  background: var(--primary-color);

  width: 0;

  height: 2px;

  pointer-events: none;

  opacity: 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;

}



#content .archive-list article:hover .archive-more {

  color: var(--primary-color);

}



#content .archive-list article:hover .archive-more:after {

  width: 63px;

  opacity: 1;

}



/** End of Archive Default Layout (Archive Page) */



/** Single Default Layout (Post Content) */

#content .entry-thumbnail {

  position: relative;

  margin-bottom: 50px;

}



#content .entry-thumbnail img {

  display: block;

  margin: 0 auto;

  width: 100%;

}



/** End of Single Default Layout (Post Content) */



/** IHF Common Issues Fixes */

body>img,

body>iframe[name*="__bkframe"] {

  display: none;

}



#ihf-main-container .mc-total-payment-subline {

  color: #666;

}



#ihf-main-container .nav-tabs {

  margin-left: 0;

}



#ihf-main-container .chosen-drop ul.chosen-results {

  padding-left: 0;

  margin: 0;

}



.ihf-grid-result-address {

  display: block;

}



#ihf-main-container #ihf-refine-map-search-form .checkbox,

#ihf-main-container #ihf-refine-map-search-form .col-xs-8 {

  padding: 0;

}



#ihf-agent-sellers-rep>div[style] {

  max-width: 100%;

}



/** End of IHF Common Issues Fixes */



/** Disable all element peek on mobile */

.mobile [data-aios-animation] {

  animation: none !important;

  opacity: 1 !important;

  visibility: visible !important;

}



/** End of Disable all element peek on mobile */



/** Slick Lazy Loader Class */

.slick-lazy-loader {

  position: relative;

  z-index: 1;

}



.slick-lazy-loader:before {

  content: "\b0170";

  position: absolute;

  z-index: -1;

  top: calc(50% - 16px);

  left: calc(50% - 16px);

  font-family: agentimage !important;

  speak: none;

  font-style: normal;

  font-weight: 400;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  font-size: 32px;

  -webkit-animation: rotating 2s linear infinite;

  animation: rotating 2s linear infinite;

  color: #000;

}



@-webkit-keyframes rotating {

  from {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  to {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



@keyframes rotating {

  from {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  to {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



/** End of Slick Lazy Loader Class */

/** Listings Module Over-ride **/

#listings-results .listings-sort .dropdown-menu input[type="submit"] {

  border: 1px solid transparent !important;

  background: var(--primary-color) !important;

  color: var(--secondary-color) !important;

}



#listings-results .listings-sort .dropdown-menu input[type="submit"]:hover {

  background: transparent !important;

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

  border-color: var(--primary-color) !important;

}



#listings-results .listings-sort ul li.active a,

#listings-results .listings-sort ul li a:hover {

  background: var(--primary-color);

  color: var(--secondary-color);

}



#aios-listings-loader {

  background: var(--background-color);

}



.loader-spinner .dot1,

.loader-spinner .dot2 {

  background-color: var(--primary-text-color);

}



#listings-results .listings-list .listings-price {

  color: var(--primary-text-color);

}



#listings-results .listings-sort .sort-dropdown button {

  color: var(--primary-text-color);

}



#listings-results .listings-list .listings-col,

#listings-results .listings-list .listings-item {

  z-index: 7;

}



#listings-results .listings-list .listings-col:nth-child(odd),

#listings-results .listings-list .listings-col {

  background: transparent !important;

}



#listings-results .listings-list .listings-col:nth-child(odd):after {

  display: block;

  width: 100%;

  height: 100%;

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  background: #676767;

  opacity: 0.3;

}



#listings-results .listings-sort .dropdown-menu span {

  color: #000;

}



#listings-results .listings-table {

  border-color: var(--primary-text-color) !important;

}



#listings-results .listings-table .listings-table-body .listings-col {

  background: transparent !important;

}



#listings-results .listings-table .listings-table-header {

  border-color: var(--primary-text-color) !important;

  position: relative;

}



#listings-results .listings-table .listings-table-header {

  background: transparent !important;

}



#listings-results .listings-table .listings-table-header:after {

  display: block;

  background: #676767;

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  opacity: 0.2;

  z-index: -1;

}



#listings-results .listings-table .listings-table-body .listings-price {

  color: var(--primary-text-color);

}



#listings-details .listings-address,

#listings-details .listings-address span,

#listings-details .listings-plan>ul>li,

#listings-details .listings-plan span,

#listings-details .listings-description p,

#listings-details .listings-link-navigation-arrow {

  color: var(--primary-text-color);

}



#listings-details .listings-cta>li>a,

#listings-details .listings-accordion-title,

#listings-details .listings-accordion-content ul li {

  color: var(--primary-text-color) !important;

  border-color: var(--primary-text-color) !important;

}



#listings-details .listings-cta>li>a:hover {

  color: var(--secondary-color) !important;

}



#listings-results .listings-list .listings-link {

  background: transparent !important;

  color: var(--primary-text-color) !important;

  border: 1px solid var(--primary-text-color) !important;

}



#listings-details .listings-accordion-content {

  border-color: var(--primary-text-color);

}



#listings-results .listings-list .listings-link:hover {

  background: var(--primary-color) !important;

  color: var(--secondary-color) !important;

}



#listings-details .listings-link-navigation-main {

  color: var(--primary-text-color);

  border: 2px solid var(--primary-text-color);

}



#listings-details .listings-link-navigation-main:hover {

  border: 2px solid var(--aios-listing-primary-color);

}



#listings-details .listings-accordion-content ul:before {

  background: var(--primary-text-color);

}



.listings-address a:hover {

  color: var(--primary-color);

}



/** Listings Module Over-ride **/

.aios-social-media-error {

  font-size: 30px;

}



.aiosp-wrap div[class*="aios-testimonials-popup-"] .aiosp-content {

  background: var(--background-color) !important;

}



#agents-results .agents-col:nth-child(odd) .agents-name {

  align-items: flex-start;

}



/*div.footer-contact-info .ft-logo-smi .footer-smi a[title="Twitter"],

div.footer-contact-info .ft-logo-smi .footer-smi a[title="Instagram"],

#post-78>div.entry.entry-content.cu-entry-content>div>div.row.cu-inner>div:nth-child(1)>div>div>div.cu-smi.aos-init.aos-animate a[title="Twitter"],

#post-78>div.entry.entry-content.cu-entry-content>div>div.row.cu-inner>div:nth-child(1)>div>div>div.cu-smi.aos-init.aos-animate a[title="Instagram"],*/

.entry .addtoany_share_save_container,

.aios-custom-ihomefinder-printable-template #breadcrumbs,

.aios-custom-ihomefinder-printable-template #content .listings-printable-photo div strong,

.aios-custom-ihomefinder-printable-template .aios-mobile-header-1 {

  display: none;

}



.aios-custom-ihomefinder-printable-template #content .listings-printable-header span {

  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);

}



p#breadcrumbs {

  display: none !important;

}



#content.aios-communities-legacy .aioscomu-label {

  font-weight: 700;

  text-shadow: 0 0 5px #000;

  line-height: 1;

}



/* PLQA 2022 09 05 | Start */



/* step 1 accessibility */



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;

}



.grecaptcha-badge {

  z-index: 100;
  bottom: 100px !important;

}



.main-header .logo-holder img {

  filter: brightness(0) invert(1);

}



#agents-results .agent-top {

  margin: 0;

}



#agents-single .agents-contact li,

#agents-single .agents-smi {

  margin: 15px auto !important;

}



.aios-custom-ihomefinder-shortcode #ip-banner-breadcrumbs>div {

  width: 100%;

}



#listings-results .listings-grid.disable-overlay .listings-info {

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

}



.aios-custom-ihomefinder-template-credits.mt-lg {

  margin-bottom: 50px;

}



.aios-custom-ihomefinder-results-template #ip-banner-breadcrumbs>div {

  width: 100%;

}



.aios-custom-ihomefinder-results-template #inner-page-wrapper #content-full .entry-title {

  width: 100%;

  padding: 0;

}



.entry #listings-details .listings-form textarea {

  padding-right: 25px;

}



html .aios-custom-ihomefinder-details-template .wpcf7-not-valid-tip {

  right: unset;

  left: 50%;

  transform: translateX(-50%);

  width: 110% !important;

  max-width: 131px;

  font-size: 9px;

  padding: 0 4px;

  top: 50% !important;

}



/* PLQA 2022 09 05 | End  */



/* PLQA 2022 09 08 | Start */



.post-page-social-media .aios-smf-theme-two .aios-smf-left #theme-title h2 {

  font-size: 30px;

  letter-spacing: 0;

}



.single-aios-communities #content .leaflet-control-layers-expanded .leaflet-control-layers-list {

  margin: 0;

}



.ihf-details-template header.main-header {

  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6), transparent);

}



#content .listings-printable-header img {

  width: 100%;

  filter: brightness(0) invert(1);

}



.listings-item a[href="https://www.qcrealty.com/homes-for-sale-details/4702-OAK-LEAF-DR-NAPLES-FL-34119/222062253/151/"] div img {

  object-fit: cover;

}





.featured-properties-area,
.testimonials-area {

  opacity: 0;

  transition: opacity 1s;

}

.cta-area,
.welcome-area,
.featured-communities-area,
.facebook-feed-area,
.blog-area {

  display: none;

}





.fixed-header-inner .header-logo a p {

  font-size: 9.5px;

  margin-top: 6px;

}









.logo-holder a p {

  font-size: 18px;

  color: #fff;

}





#agents-results .agents-contact li a {

  font-weight: bold;

}



.celeb {

  background: url(https://cdn.agentimagehosting.com/ZILhYZQq70NOpEPHr73is/2023/02/celeb-bg.png) no-repeat center top;

  width: 100%;

  max-width: 870px;

  display: flex;

  justify-content: center;

  height: 100%;

  font-size: min(3.5vw, 43px);

  font-weight: bold;

  background-size: 100%;

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

  color: #fff;

  text-transform: uppercase;

  padding: 0 80px;

  min-height: 80px;

  align-items: center;

}

.celeb p {

  position: relative;

  top: -3px;

}

/* PLQA 2022 09 08 | End */

.use-floating-validation-tip .wpcf7-not-valid-tip {
  position: absolute;
  width: auto;
  top: 1em;
}

#listings-details .listings-form .wpcf7-spinner {
    position: absolute;
    top: 0;
    bottom: 5px;
    right: 40px;
    margin: auto 0;
}

#ihf-main-container .ihf-captcha .grecaptcha-badge {
  position: relative !important;
  right: inherit !important;
  bottom: inherit !important;
}

/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */