/*
Theme Name: Iconic - Responsive Real Estate Wordpress Theme from Agent Image
Description: Iconic 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.5
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
  
*/

/*******************************************************
 *
 * 1. Custom CSS
 *
 *******************************************************/

/* Global */
:root {
  --background-color: #ffffff;
  --primary-color: #a1cfaa;
  --primary-color-accent: #0f0f0f;
  --secondary-color: #267c2b;
  --primary-text-color: #333333;
}

body {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  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; */
}

p {
  font-size: 16px;
}

a,
.slick-slide {
  outline: none !important;
}

.site-easing {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.section-title {}

.section-title i.icon-logo {
  display: inline-block;
  vertical-align: middle;
  width: 26px;
  height: 26px;
  border: 1px solid var(--primary-text-color);
}

.is-title-white i.icon-logo {
  border-color: #fff;
}

.section-title span {
  display: inline-block;
  vertical-align: middle;
  font: 600 14px/1 "Raleway", sans-serif;
  color: var(--primary-text-color);
  letter-spacing: 0.5em;
  text-transform: uppercase;
  margin-left: 10px;
}

.is-title-white span {
  color: #fff;
}

.section-title span::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 75px;
  height: 1px;
  background: var(--primary-text-color);
  margin-right: 18px;
  margin-bottom: 5px;
}

.is-title-white span::before {
  background: #fff;
}

.section-title h2 {
  display: block;
  font: 400 34px/1 "Raleway", sans-serif;
  color: var(--primary-text-color);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-top: 18px;
}

.is-title-white h2 {
  color: #fff;
}

.site-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 248px;
  height: 54px;
  max-width: 100%;
  border: 2px solid var(--primary-text-color);
}

.site-button::before {
  content: "";
  width: 13px;
  height: 1px;
  background: var(--primary-text-color);
}

.site-button,
.site-button::before {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.site-button:hover {
  background: var(--primary-color);
  border-color: var(--primary-color);
}

.site-button:hover::before {
  background: var(--secondary-color);
}

.site-button span {
  font: 700 12px/1 "Raleway", sans-serif;
  color: var(--primary-text-color);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  text-align: center;
  margin: 0 12px 0 16px;
}

.site-button i {
  font-size: 10px;
  font-style: normal !important;
  color: var(--primary-text-color);
}

.site-button:hover span,
.site-button:hover i {
  color: var(--secondary-color);
}

.is-button-white {
  border-color: #fff;
}

.is-button-white:hover {
  background: var(--primary-color);
  border-color: var(--primary-color);
}

.is-button-white::before {
  background: #fff;
}

.is-button-white:hover::before {
  background: var(--secondary-color);
}

.is-button-white span {
  color: #fff;
}

.is-button-white:hover span {
  color: var(--secondary-color);
}

.is-button-white i {
  color: #848484;
}

.is-button-white:hover i {
  color: var(--secondary-color);
}

.bootstrap-extend-left {
  margin-left: calc((100vw - 1140px) / -2);
}

.bootstrap-extend-right {
  margin-right: calc((100vw - 1140px) / -2);
}

#main-wrapper {
  overflow: hidden;
  position: relative;
}

/* MAIN HEADER */
#main-header {
  position: fixed;
  width: 100%;
  z-index: 1028;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  font-size: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

#main-header:after {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

#main-header.show-fh {
  border-color: transparent;
}

#main-header.show-fh:after {
  opacity: 0.9;
  background-color: var(--primary-color);
}

.header-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 20px 60px;
  height: 90px;
  position: relative;
  z-index: 5;
}

.header-left {
  padding-left: 68px;
}

.header-left a {
  font-family: "Raleway", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
}

.header-left a span {
  font-weight: 500;
}

.header-left img {}

.show-fh .header-left a {
  color: var(--secondary-color);
}

.header-right {}

nav {}

#nav {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

#nav li {
  display: block;
  position: relative;
}

#nav li a {
  display: block;
  position: relative;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  line-height: 1;
  letter-spacing: 0.05em;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.show-fh #nav li a {
  color: var(--secondary-color);
}

.show-fh #nav>li:hover>a {
  color: var(--primary-color-accent);
}

#nav>li {
  display: flex;
  margin: 0 13px;
}

#nav>li:first-child {
  margin-left: 0;
}

#nav>li:last-child {
  margin-right: 0;
}

#nav>li>a {
  z-index: 2;
}

#nav>li>a::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -33px;
  left: -6px;
  width: calc(100% + 12px);
  height: 1px;
  background: var(--secondary-color);
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  transform: translateY(-10px);
}

#nav>li>a:focus::after,
#nav>li:hover>a::after {
  opacity: 1;
  -webkit-transform: translateY(5px);
  -moz-transform: translateY(5px);
  transform: translateY(5px);
}

#nav .sub-menu {
  display: block;
  position: absolute;
  width: 170px;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(20px);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

#nav .sub-menu .sub-menu {
  margin-left: 100%;
  top: 0;
}

#nav>li>.sub-menu {
  padding-top: 53px;
  left: -150%;
  right: -150%;
  margin: auto;
}

#nav .sub-menu.show-menu,
#nav li:hover>.sub-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

#nav .sub-menu li {
  display: block;
}

#nav .sub-menu li a {
  color: var(--secondary-color);
  padding: 10px;
  position: relative;
}

#nav .sub-menu li a:after {
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  background: var(--primary-color);
  position: absolute;
  z-index: -1;
}

#nav .sub-menu li>a:focus,
#nav .sub-menu li:hover>a {
  background: var(--primary-color-accent);
  color: var(--secondary-color);
}

/* SLIDE MENU */
#slide-menu-wrap {
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: 1029;
  font-size: 0;
  pointer-events: none;
}

.slide-menu-active {
  overflow: hidden;
}

.slide-menu-active #slide-menu-wrap {
  pointer-events: auto;
}

.slide-menu-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.slide-menu-side {
  width: 90px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.slide-menu-side::after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 90.92px;
  top: 0;
  right: -1px;
  background: #ffffff;
  opacity: 0;
  -webkit-transition: all 0.35 ease-in-out;
  -moz-transition: all 0.35 ease-in-out;
  -o-transition: all 0.35 ease-in-out;
  transition: all 0.35 ease-in-out;
}

.fixed-header-active .slide-menu-side::after {
  opacity: 0.2;
}

.slide-menu-active .slide-menu-side::after {
  opacity: 0;
}

.burger-menu {
  position: relative;
  width: 30px;
  height: 20px;
  margin: 34px auto 0;
  cursor: pointer;
  pointer-events: auto;
}

.burger-menu::before,
.burger-menu::after {
  display: block;
  position: absolute;
  font-size: 15px;
  color: #fffefe;
  line-height: 1;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  transform: rotate(-90deg) translate(-104px, -8px);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.burger-menu.is-active span::before,
.burger-menu.is-active span::after,
.burger-menu.is-active span {
  background: var(--secondary-color);
}

.slide-menu-active .burger-menu::before,
.slide-menu-active .burger-menu::after {
  color: var(--secondary-color);
}

.fixed-header-active:not(.slide-menu-active) .burger-menu::before,
.fixed-header-active:not(.slide-menu-active) .burger-menu::after {
  opacity: 0;
  pointer-events: none;
}

.burger-menu::before {
  content: "Menu";
}

.burger-menu.is-active::before {
  opacity: 0;
}

.burger-menu::after {
  content: "Close";
  opacity: 0;
}

.burger-menu.is-active::after {
  opacity: 1;
}

.burger-menu span {
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  top: calc(50% - 1px);
  left: 0;
  background: #ffffff;
  transition: bottom 0.22s ease-in 0.25s,
    transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.burger-menu:hover span {
  opacity: 0.5;
}

.burger-menu.is-active span {
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: rotate(225deg);
}

.burger-menu span::before,
.burger-menu span::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background: #ffffff;
}

.burger-menu span::before {
  top: -9px;
  transition: top 0.1s ease-in 0.25s, opacity 0.1s ease-in;
}

.burger-menu.is-active span::before {
  top: 0;
  transition: top 0.22s ease-out, opacity 0.22s ease-out 0.22s;
  opacity: 0;
}

.burger-menu span::after {
  bottom: -9px;
  transition: bottom 0.22s ease-in 0.25s,
    transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.burger-menu.is-active span::after {
  bottom: 0;
  transition: bottom 0.22s ease-out,
    transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transform: rotate(-90deg);
}

.fixed-header-active .burger-menu span,
.fixed-header-active .burger-menu span::before,
.fixed-header-active .burger-menu span::after {
  background: var(--secondary-color);
}

.slide-menu-main {
  position: relative;
  z-index: 1;
  width: 63.12%;
  height: 100vh;
  padding: 0 0 0 90px;
  opacity: 0;
  transform: translateX(-100%);
  background: var(--primary-color);
  overflow: hidden;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.slide-menu-active .slide-menu-main {
  opacity: 1;
  transform: translateX(0);
}

.slide-menu-main-inner {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  height: 100%;
}

.slide-menu-logo {
  padding: 20px 37px;
  position: relative;
  height: 90px;
  display: flex;
  align-items: center;
}

.slide-menu-logo::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% + 90px);
  height: 1px;
  bottom: -1px;
  left: -90px;
  background: rgba(255, 255, 255, 0.1);
}

.slide-menu-logo a {
  font-family: "Raleway", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--secondary-color);
}

.slide-menu-logo a span {
  font-weight: 500;
}

.slide-menu-navi-contact {
  height: calc(100% - 90px);
}

.slide-menu-navi {
  padding: 50px 55px;
}

#slide-nav {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: space-between;
  height: 425px;
}

#slide-nav li {
  display: block;
  position: relative;
  /*margin-bottom: 20px;*/
}

#slide-nav li a {
  display: inline-block;
  font-size: 13px;
  color: var(--secondary-color);
  line-height: 1;
  text-transform: uppercase;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

#slide-nav li:hover>a {
  color: var(--primary-color-accent);
}

#slide-nav>li {
  flex-grow: 1;
  flex-shrink: 0;
  /*min-height: 33.33%;*/
  min-height: 50%;
  pointer-events: none;
}

#slide-nav>li>a {
  font-size: 14px;
  font-weight: 500;
  color: var(--secondary-color);
  line-height: 1;
  letter-spacing: 0.2em;
  margin-bottom: 26px;
  pointer-events: visible;
}

#slide-nav>li:hover>a {
  color: var(--primary-color-accent);
}

#slide-nav .sub-menu li {
  margin-bottom: 20px;
}

#slide-nav .sub-menu>li>a {
  pointer-events: visible;
}

.slide-menu-contact .textwidget {
  margin: 0 55px;
  padding-bottom: 55px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  flex-flow: row wrap;
}

.slide-menu-contact-col {
  padding-top: 45px;
  padding-right: 35px;
}

.slide-menu-contact-col:nth-child(1) {
  max-width: 500px;
}

.slide-menu-contact-col:nth-child(2) {
  width: 230px;
}

.slide-menu-contact-col ul {
  margin: 20px 0 0;
}

.slide-menu-contact-col ul:first-child {
  margin: 0 0 0;
}

.slide-menu-contact-col li {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.slide-menu-contact-col:nth-child(2) .slide-menu-contact-col li {
  align-items: center;
}

.slide-menu-contact-col li i {
  font-size: 20px;
  color: var(--secondary-color);
  width: 20px;
  margin-top: 6px;
  margin-right: 8px;
}

.slide-menu-contact-col:nth-child(2) .slide-menu-contact-col li i {
  margin-top: 0;
}

.slide-menu-contact-col li i.ai-font-phone {
  font-size: 13px;
}

.slide-menu-contact-col li i.ai-font-envelope {
  font-size: 10px;
}

.slide-menu-contact-col li a {
  font-size: 16px;
  font-weight: 300;
  color: var(--secondary-color);
  line-height: 1.8;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.slide-menu-contact-col li span {
  font-size: 16px;
  font-weight: 400;
  color: var(--secondary-color);
}

.slide-menu-contact-col li a:hover {
  color: var(--primary-color-accent);
}

.slide-menu-smis {
  display: flex;
  flex-direction: row;
}

.slide-menu-smis a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: transparent;
  font-size: 20px;
  color: #2A7139;
  margin: 0 4px;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.slide-menu-smis a:first-child {
  margin-left: 0;
}

.slide-menu-smis a:last-child {
  margin-right: 0;
}

.slide-menu-smis a:hover {
  color: var(--primary-color-accent);
}

/* FLOATING SMIS */
#floating-smis {
  display: flex;
  flex-direction: column;
  position: fixed;
  left: 30px;
  bottom: 120px;
  font-size: 0;
  z-index: 10;
}

#floating-smis::before,
#floating-smis::after {
  content: "";
  display: block;
  width: 1px;
  height: 18px;
  margin: 13px auto;
  background: #2A7139;
}

#floating-smis a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 1px solid #2A7139;
  border-radius: 50%;
  font-size: 14px;
  color: #2A7139;
  margin: 4px 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

#floating-smis a:hover {
  color: var(--secondary-color);
  background: var(--primary-color);
  border-color: var(--primary-color);
}

/* HERO */
#hero {
  position: relative;
  z-index: 3;
  font-size: 0;
}

#hero::after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  bottom: 0;
  left: 90px;
  background: rgba(255, 255, 255, 0.3);
}

.slide-holder {
  position: relative;
}

.slide-holder::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  pointer-events: none;
}

.tagline-holder {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  margin-top: -50px;
}

.tagline-holder h1 {
  font: 500 26px/1 "Raleway", sans-serif;
  color: #ffffff;
  letter-spacing: 0.2em;
  text-align: center;
  text-transform: uppercase;
}

.quick-search-holder {
  position: absolute;
  z-index: 2;
  width: 100%;
  top: calc(50% + 15px);
}

.qs-toggle-button {
  max-width: 210px;
  margin: 0 auto 10px;
}

.qs-toggle-button .site-button {}

.qs-toggle-button .site-button::before {
  display: none;
}

.qs-toggle-button .site-button i {
  font-size: 14px;
  color: #fff;
  margin-right: 12px;
}

.qs-toggle-button .site-button:hover i {
  color: var(--secondary-color);
}

.qs-toggle-button .site-button span {
  margin: 0;
}

.qs-form {
  text-align: center;
  opacity: 0;
  transform: translateY(-50px);
  pointer-events: none;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.qs-form p {
  color: #fff;
  font-size: 13px;
  padding: 15px 0;
  text-align: center;
}

.qs-form.elem-active {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.qs-form form {}

.qs-form .field-input {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.49%;
  margin-bottom: 24px;
}

.qs-form .field-lg {
  width: 23.15%;
}

.qs-form .field-sm {
  width: 12.8%;
}

.qs-form .field-last {
  margin-right: 0;
}

.qs-form .field-input input,
.qs-form .field-input select,
.qs-form .field-input button[type="button"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 52px;
  font-size: 12px;
  color: #ffffff;
  text-transform: uppercase;
  padding: 0 20px;
  outline: none;
}

.qs-form .field-input select,
.qs-form .field-input button[type="button"] {
  background-image: url(images/caret.png);
  background-position: right center;
  background-repeat: no-repeat;
}

.qs-form .field-input button[type="button"].dropdown-toggle {
  box-shadow: none !important;
  text-shadow: none !important;
  outline: none !important;
  color: #fff !important;
  background: rgba(0, 0, 0, 0.5) url(images/caret.png) no-repeat !important;
  background-position: right center !important;
}

.qs-form .field-input button[type="button"] span {
  font-size: 12px;
  color: #fff;
}

.qs-form .field-input .bootstrap-select.btn-group .dropdown-menu.inner {
  max-height: 250px !important;
}

.qs-form .field-input .dropdown-toggle .filter-option {
  text-overflow: ellipsis;
}

.qs-form .field-input .qs-select input {
  height: 34px;
  border: 1px solid #ccc;
  color: #555;
  background: #fff;
}

.qs-form .form-button {
  display: inline-block;
  vertical-align: middle;
  width: 190px;
  margin-right: 32px;
  position: relative;
}

.qs-form .form-button input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 2px solid #ffffff;
  width: 100%;
  height: 54px;
  outline: none;
}

.qs-form .form-button:hover input {
  border-color: var(--primary-color);
  background: var(--primary-color);
}

.qs-form .form-button div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.qs-form .form-button div::before {
  content: "";
  width: 13px;
  height: 1px;
  background: #fff;
}

.qs-form .form-button:hover div::before {
  background: var(--secondary-color);
}

.qs-form .form-button div span {
  font: 700 12px/1 "Raleway", sans-serif;
  color: #ffffff;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  margin: 0 26px 0 30px;
}

.qs-form .form-button div i {
  font-size: 10px;
  color: #fff;
}

.qs-form .form-button:hover span,
.qs-form .form-button:hover i {
  color: var(--secondary-color);
}

.qs-form a.adv-button {
  display: inline-block;
  vertical-align: middle;
  font: 700 12px/1 "Raleway", sans-serif;
  color: #ffffff;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.qs-form a.adv-button:hover {
  color: #000000;
}

.qs-form a.adv-button::before {
  content: "+";
  display: inline-block;
  vertical-align: middle;
  font-size: 25px;
  font-weight: 300;
  margin-right: 10px;
}

.qs-form a.adv-button span {}

.qs-form .dropup .dropdown-menu {
  top: 100%;
  bottom: auto;
}

/* WELCOME */
#hp-welcome {
  position: relative;
  padding: 125px 0 120px;
  z-index: 2;
  font-size: 0;
}

.welcome-inner {
  display: flex;
  align-items: flex-start;
}

.welcome-img {
  width: 50%;
}

.welcome-img img {
  width: 75%;
  margin: 0 auto;
}

.welcome-img-txt-holder {
  width: 50%;
  padding: 0px 80px 0;
}

.welcome-inner .section-title {
  width: 100%;
  padding-bottom: 40px;
}

.welcome-txt {
  width: 100%;
}

.welcome-txt p {
  font-size: 16px;
  font-weight: 300;
  color: var(--primary-text-color);
  line-height: 1.9;
  margin-bottom: 15px;
}

.welcome-txt .site-button {
  width: 190px;
}

/* LISTING */
#hp-listing {
  position: relative;
  font-size: 0;
}

.listing-title {
  position: absolute;
  width: 100%;
  top: 90px;
  z-index: 2;
}

.listing-img-holder {
  position: relative;
}

.listing-img-holder::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: -moz-linear-gradient(top,
      rgba(0, 0, 0, 0) 65%,
      rgba(0, 0, 0, 0.65) 100%);
  background: -webkit-linear-gradient(top,
      rgba(0, 0, 0, 0) 65%,
      rgba(0, 0, 0, 0.65) 100%);
  background: linear-gradient(to bottom,
      rgba(0, 0, 0, 0) 65%,
      rgba(0, 0, 0, 0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}

.listing-img-slick {}

.listing-img-slide {}

.listing-img-slide canvas {
  display: block;
  width: 100%;
  background-color: #cccccc;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.listing-arrow {
  position: absolute;
  width: 36px;
  height: 36px;
  top: calc(50% - 18px);
  border: 2px solid #fff;
  text-align: center;
  color: #ffffff;
  z-index: 2;
  cursor: pointer;
}

.listing-arrow:hover {
  background: var(--primary-color);
  color: var(--secondary-color);
  border-color: var(--primary-color);
}

.listing-arrow::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}

.listing-prev {
  left: 80px;
}

.listing-next {
  right: 80px;
}

.listing-arrow i {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
}

.listing-txt-holder {
  position: absolute;
  width: 100%;
  bottom: 0;
  pointer-events: none;
  z-index: 2;
}

.listing-txt-holder *,
.listing-txt-holder ::before,
.listing-txt-holder ::after {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.listing-txt-slick {
  max-width: 500px;
  float: left;
}

.listing-txt-slide {
  padding: 44px 50px 62px 100px;
  pointer-events: auto;
  transform: translateY(75px);
  min-height: 315px;
}

.listing-txt-slide:hover {
  background: #ffffff;
  transform: translateY(0);
}

.listing-txt-slide::before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  top: 44px;
  left: 70px;
  background: #ffffff;
  opacity: 0.4;
}

.listing-txt-slide:hover::before {
  top: 0;
  background: #888888;
  opacity: 1;
}

.listing-price {
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1;
  margin-bottom: 26px;
}

.listing-txt-slide:hover .listing-price {
  color: #000000;
}

.listing-address-01 {
  font-size: 30px;
  font-weight: 300;
  color: #ffffff;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.listing-txt-slide:hover .listing-address-01 {
  color: #000000;
}

.listing-address-02 {
  font-size: 14px;
  font-weight: 300;
  color: #000000;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 5px;
  opacity: 0;
}

.listing-txt-slide:hover .listing-address-02 {
  opacity: 1;
}

.listing-features {
  font-size: 14px;
  font-weight: 300;
  color: #000000;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 40px;
  opacity: 0;
}

.listing-txt-slide:hover .listing-features {
  opacity: 1;
}

.listing-txt-slide a {
  display: flex;
  flex-direction: row;
  align-items: center;
  opacity: 0;
}

.listing-txt-slide:hover a {
  opacity: 1;
}

.listing-txt-slide a::before {
  content: "";
  width: 13px;
  height: 1px;
  background: #868686;
}

.listing-txt-slide a:hover:before {
  background: var(--primary-color-accent);
}

.listing-txt-slide a span {
  font: 700 12px/1 "Raleway", sans-serif;
  color: #000000;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  margin: 0 10px 0 14px;
}

.listing-txt-slide a:hover span {
  color: var(--primary-color-accent);
}

.listing-txt-slide a i {
  font-size: 10px;
  color: #868686;
}

.listing-txt-slide a:hover i {
  color: var(--primary-color-accent);
}

.listing-txt-holder .site-button {
  pointer-events: auto;
  float: right;
  margin-top: 140px;
  width: 270px;
}

/* VIDEO */
#hp-video {
  padding: 105px 0 20px;
  font-size: 0;
  display: none;
}

#hp-video .section-title {
  text-align: center;
  margin-bottom: 78px;
}

.video-items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -0.5px;
}

.video-item {
  width: 33.33%;
  padding: 0 0.5px;
}

.video-item a {
  display: block;
  position: relative;
  overflow: hidden;
}

.video-item a *,
.video-item a ::before,
.video-item a ::after {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.video-img {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.video-img::before,
.video-img::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}

.video-img::before {
  background: -moz-linear-gradient(top,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.8) 100%);
  background: -webkit-linear-gradient(top,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.8) 100%);
  background: linear-gradient(to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26000000', endColorstr='#80000000', GradientType=0);
}

.video-img::after {
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
}

.video-item a:hover .video-img::after {
  opacity: 1;
}

.video-img canvas {
  display: block;
  width: 100%;
  background-color: #cccccc;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.video-txt {
  position: absolute;
  width: calc(100% - 100px);
  bottom: -37px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  padding: 62px 0 32px 28px;
}

.video-item a:hover .video-txt {
  bottom: 0;
  padding-top: 24px;
}

.video-title {
  font: 400 20px/1.2 "Raleway", sans-serif;
  color: #ffffff;
  letter-spacing: 0.24em;
  text-transform: uppercase;
}

.video-explore {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 44px;
  opacity: 0;
}

.video-item a:hover .video-explore {
  opacity: 1;
}

.video-explore::before {
  content: "";
  width: 13px;
  height: 1px;
  background: #868686;
}

.video-explore span {
  font: 700 12px/1 "Raleway", sans-serif;
  color: #ffffff;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  margin: 0 22px 0 27px;
}

.video-explore i {
  font-size: 10px;
  color: #868686;
}

.video-items .site-button {
  margin: 80px auto 0;
}

/* FEATURED COMMUNITIES */
#hp-communities {
  padding: 0px 0 105px;
  font-size: 0;
}

#hp-communities .section-title {
  text-align: center;
  margin-bottom: 78px;
}

.fc-list {
  font-size: 0;
}

a.fc {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 33.333333%;
}

a.fc:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #111111;
  opacity: 0.15;
  -webkit-transition: background 0.3s, opacity 0.3s;
  -o-transition: background 0.3s, opacity 0.3s;
  transition: background 0.3s, opacity 0.3s;
}

a.fc:hover:before {
  background: #111111;
  opacity: 0.5;
}

.fc canvas {
  display: block;
  width: 100%;
  background-size: cover;
  background-position: center;
}

.fc-details {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 29px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  z-index: 2;
}

#hp-communities .site-button {
  margin: 80px auto 0;
}

/** HP SOCIAL MEDIA */
#hp-social-media {
  position: relative;
  padding: 50px 0 100px;
  overflow: hidden;
}

#hp-social-media .social-media-wrap,
#hp-social-media .social-media-list-wrap,
#hp-social-media .social-media-list,
#hp-social-media .social-media-title,
#hp-social-media .social-media-blogs-wrap,
#hp-social-media .social-media-blogs,
#hp-social-media .social-media-col,
#hp-social-media .social-media-item {
  position: relative;
}

#hp-social-media .social-media-list {
  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;
}

#hp-social-media .social-media-list li {
  padding: 0 20px;
}

#hp-social-media .social-media-list li a {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  text-decoration: none;
  color: var(--primary-color);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

#hp-social-media .social-media-list li a:hover {
  opacity: 0.5;
}

#hp-social-media .social-media-title {
  text-align: center;
}

#hp-social-media .social-media-title a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

#hp-social-media .social-media-blogs-wrap {
  overflow: hidden;
  margin-top: 72px;
}

#hp-social-media .social-media-blogs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 1600px;
  max-width: 100%;
  margin: 0 auto;
}

#hp-social-media .social-media-col {
  width: 20%;
}

#hp-social-media .social-media-item {
  display: block;
}

#hp-social-media .social-media-img {
  position: relative;
  z-index: 1;
}

#hp-social-media .social-media-img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(66, 103, 178, 0.85);
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

#hp-social-media .social-media-item:hover .social-media-img:after {
  opacity: 1;
}

#hp-social-media .social-media-img canvas {
  display: block;
  width: 100%;
  background-color: var(--primary-color);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

#hp-social-media .social-media-item:hover .social-media-img canvas {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

#hp-social-media .social-media-icon {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  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;
  font-size: 45px;
  color: #fff;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

#hp-social-media .social-media-item:hover .social-media-icon {
  opacity: 1;
}

#hp-social-media .social-media-link {
  margin: 50px auto 0;
}

/* GET IN TOUCH */
#hp-contact {
  background: url(images/contact-bg2.jpg) no-repeat center center / cover;
  position: relative;
  padding: 70px 0 125px;
  font-size: 0;
}

#hp-contact::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(1, 10, 29, 0.4);
}

#hp-contact .container {
  position: relative;
  z-index: 2;
}

#hp-contact .section-title {
  text-align: center;
  margin-bottom: 55px;
}

.git-holder {
  max-width: 875px;
  margin: auto;
  position: relative;
}

.git-holder .field-input {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 35px;
}

.git-holder .field-lg {
  width: 100%;
}

.git-holder .field-sm {
  width: calc(33.33% - 8.66px);
  margin-right: 13px;
}

.git-holder .field-nomar {
  margin-right: 0;
}

.git-holder .field-input label {
  display: block;
  font-size: 12px;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 3px;
}

.git-holder .field-input input,
.git-holder .field-input textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: solid 1px transparent;
  border-bottom: 1px solid #fff;
  width: 100%;
  height: 32px;
  outline: none;
  font-size: 12px;
  color: #fff;
  transition: all 0.25s ease-in-out;
}

.git-holder .field-input textarea {
  resize: none;
  height: 55px;
  padding-top: 10px;
}

.git-holder .field-input input:focus,
.git-holder .field-input textarea:focus {
  border-color: #fff;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px #fff, 0 0 8px #fff;
  box-shadow: inset 0 0 1px #fff, 0 0 8px #fff;
}

.git-holder .form-button {
  width: 230px;
  margin: 30px auto 0;
  position: relative;
}

.git-holder .form-button input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 2px solid #fff;
  width: 100%;
  height: 54px;
  outline: none;
}

.git-holder .form-button:hover input {
  border-color: var(--primary-color);
  background: var(--primary-color);
  color: var(--secondary-color);
}

.git-holder .form-button input+.wpcf7-spinner {
  position: absolute;
  margin: 0;
  left: 50%;
  transform: translateX(-50%);
  bottom: 71px;
}

.git-holder .form-button div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  transition: all 0.25s ease-in-out;
}

.git-holder .form-button:hover div span {
  color: var(--secondary-color);
}

.git-holder .form-button div::before {
  content: "";
  width: 13px;
  height: 1px;
  background: #fff;
  transition: all 0.25s ease-in-out;
}

.git-holder .form-button:hover div::before {
  background: var(--secondary-color);
}

.git-holder .form-button div span {
  font: 700 12px/1 "Raleway", sans-serif;
  color: #fff;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  margin: 0 46px 0 50px;
}

.git-holder .form-button div i {
  font-size: 10px;
  color: #fff;
  transition: all 0.25s ease-in-out;
}

.git-holder .form-button:hover div i {
  color: var(--secondary-color);
}

.git-holder .wpcf7-form-control-wrap {
  display: block;
}

.git-holder .use-floating-validation-tip span.wpcf7-not-valid-tip {
  font-size: 12px;
}

.git-holder div.wpcf7 .ajax-loader {
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  margin: auto;
}

.git-holder div.wpcf7-response-output {
  position: absolute;
  width: 100%;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  padding: 5px;
  margin-left: auto;
  margin-right: auto;
}

#scroll-to-top {
  position: absolute;
  bottom: 18px;
  left: 23px;
  z-index: 10;
}

#scroll-to-top a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border: 1px solid var(--secondary-color);
  color: var(--secondary-color);
}

#scroll-to-top a:hover {
  background: var(--primary-color-accent);
  border-color: var(--primary-color-accent);
  color: var(--secondary-color);
}

#scroll-to-top a i {
  font-size: 10px;
}

/* MAIN FOOTER */
#main-footer {
  position: relative;
  background: var(--primary-color);
  padding: 90px 0 0;
  font-size: 0;
}

#main-footer::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

#main-footer::after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: calc(100% - 90px);
  height: 100%;
  bottom: 0;
  left: 90px;
  background: rgba(255, 255, 255, 0.1);
}

.footer-top {
  position: relative;
}

.footer-logo {
  margin-bottom: 40px;
}

.footer-logo a {
  font-family: "Raleway", sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--secondary-color);
}

.footer-logo a span {
  font-weight: 500;
}

.footer-logo img {
  max-width: 320px;
}

.footer-logo-list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row wrap;
}

.footer-logo-list>div {
  padding: 15px;
}

.footer-contact .textwidget {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 55px;
}

.footer-contact-col {}

.footer-contact-col:nth-child(1) {
  width: 43.85%;
}

.footer-contact-col:nth-child(2) {
  width: 25.89%;
}

.footer-contact-col:nth-child(3) {
  width: 30.26%;
}

.footer-contact-col .head-title {
  font: 600 15px/1 "Raleway", sans-serif;
  color: var(--secondary-color);
  letter-spacing: 0.5em;
  text-transform: uppercase;
  border-bottom: 1px solid var(--primary-color-accent);
  padding-bottom: 32px;
}

.footer-contact-col:nth-child(1) .head-title {
  margin-bottom: 40px;
}

.footer-contact-col:nth-child(2) .head-title {
  margin-bottom: 42px;
}

.footer-contact-col:nth-child(3) .head-title {
  margin-bottom: 32px;
}

.footer-contact-info {
  padding-right: 100px;
}

.footer-contact-info span {
  display: block;
  font-size: 16px;
  color: #fff;
}

.footer-contact-info ul {}

.footer-contact-info li {
  display: block;
  flex-direction: row;
  align-items: flex-start;
}

.footer-contact-info .col-md-6+.col-md-6 {
  padding-left: 30px;
  padding-right: 0;
}

.footer-contact-info .col-md-6+.col-md-6 li {
  align-items: center;
}

.footer-contact-info li i {
  font-size: 20px;
  color: var(--secondary-color);
  min-width: 20px;
  margin-top: 6px;
  margin-right: 8px;
}

.footer-contact-info .col-md-6+.col-md-6 li i {
  margin-top: 0;
}

.footer-contact-info li i.ai-font-phone {
  font-size: 13px;
}

.footer-contact-info li i.ai-font-envelope {
  font-size: 10px;
}

.footer-contact-info li a {
  font-size: 16px;
  font-weight: 300;
  color: var(--secondary-color);
  line-height: 1.8;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.footer-contact-info li a:hover {
  color: var(--primary-color-accent);
}

.footer-smis {
  display: flex;
  flex-flow: column wrap;
  align-items: flex-start;
  justify-content: flex-start;
}

/* .footer-smis a {
  display: flex;
  align-items: center;
  justify-content: center;
	width: 35px;
  height: 35px;
  border-radius: 50%;
  background: var(--primary-color-accent);
  font-size: 20px;
  color: #ffffff;
  margin: 0 4px;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
} */
.footer-smis a {
  display: block;
  align-items: center;
  justify-content: center;
  /* width: 35px; */
  height: auto;
  border-radius: 0;
  background: transparent;
  font-size: 20px;
  color: #2A7139;
  margin: 0 4px;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.footer-smis a img {
  width: 100%;
  max-width: 200px;
  margin-bottom: 5px;
}

.footer-smis a i {
  color: var(--secondary-color);
}

.footer-smis a:first-child {
  margin-left: 0;
}

.footer-smis a:last-child {
  margin-right: 0;
}

.footer-smis a:hover {
  /* background: var(--secondary-color);
  color: var(--primary-color-accent); */
}

.footer-smis a:hover i {
  /* color: var(--primary-color-accent); */
}

.footer-newsletter {
  position: relative;
}

.footer-newsletter .field-input {}

.footer-newsletter .field-input input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  width: 100%;
  height: 54px;
  background: var(--primary-color-accent);
  font: 400 12px "Raleway", sans-serif;
  color: var(--secondary-color);
  letter-spacing: 0.05em;
  padding: 0 40px 0 20px;
  outline: none;
}

.footer-newsletter .form-button {
  position: absolute;
  color: #ffffff;
  top: 18px;
  right: 15px;
}

.footer-newsletter .form-button:hover {
  color: #999999;
}

.footer-newsletter .form-button input {
  width: 18px;
  height: 18px;
  opacity: 0;
  color: var(--secondary-color);
}

.footer-newsletter .form-button input+.wpcf7-spinner {
  position: absolute;
  margin: 0;
  top: 45px;
  right: 0;
}

.footer-newsletter .form-button i {
  font-size: 18px;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  color: var(--secondary-color);
}

.footer-newsletter .wpcf7-form-control-wrap {
  display: block;
}

.footer-newsletter .use-floating-validation-tip span.wpcf7-not-valid-tip {
  font-size: 12px;
}

.footer-newsletter div.wpcf7 .ajax-loader {
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  margin: auto;
}

.footer-newsletter div.wpcf7-response-output {
  position: absolute;
  width: 100%;
  font-size: 12px;
  color: var(--secondary-color);
  text-align: center;
  padding: 5px;
  margin: 5px 0 0;
}

.footer-middle {
  position: relative;
}

.footernav {
  display: flex;
  /*flex-direction: column;
  flex-wrap: wrap;
  align-content: space-between;*/
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
  /*height: 450px;*/
  height: 610px;
  border-top: 1px solid var(--primary-color-accent);
  padding: 70px 0 52px;
}

.footernav li {
  margin-bottom: 24px;
}

.footernav li a {
  display: inline-block;
  font: 400 13px/1 "Raleway", sans-serif;
  color: var(--secondary-color);
  text-transform: uppercase;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.footernav>li {
  flex: 1 1 20%;
  min-height: 35%;
  pointer-events: none;
}

.footernav>li>a {
  font-size: 14px;
  font-weight: 500;
  color: var(--secondary-color);
  letter-spacing: 0.2em;
  margin-bottom: 26px;
  pointer-events: visible;
}

.footernav>li:hover>a {
  color: var(--primary-color-accent);
}

.footernav .sub-menu li>a {
  pointer-events: visible;
}

.footernav .sub-menu li:hover>a {
  color: var(--primary-color-accent);
}

.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
}

.footer-bottom-left {
  font-size: 14px;
  font-weight: 300;
  color: var(--secondary-color);
  line-height: 1.2;
  letter-spacing: 0.02em;
  padding-top: 32px;
  padding-bottom: 32px;
}

.footer-site-title {
  text-transform: uppercase;
  color: var(--secondary-color);
}

.footer-bottom-left a {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.footer-bottom-left a:hover {
  color: var(--primary-color-accent);
}

.footer-bottom-right {
  text-align: right;
  padding-top: 26px;
  padding-bottom: 26px;
}

.footer-bottom-right i {
  display: inline-block;
  vertical-align: middle;
  font-size: 28px;
  color: var(--secondary-color);
  margin: 0 2px;
}

.footer-bottom-right i:first-child {
  margin-left: 0;
}

.footer-bottom-right i:last-child {
  margin-right: 0;
}

.footer-bottom-top {
  font-size: 14px;
  font-weight: 300;
  color: var(--secondary-color);
  line-height: 1.2;
  letter-spacing: 0.02em;
  padding-top: 32px;
}

/* Agent */

.c-agent-info {
  display: flex;
}

.c-title {
  margin-top: 0 !important;
  font-size: 25px;
  font-weight: bold;
}

.c-agent-info div {
  margin-left: 2rem;
}

.c-wrapper-agent {
  margin-bottom: 3rem;
}

.page-template-template-about .ip-cta-list {
  display: none !important;
}

.vendors-list {
  margin-bottom: 20px;
}

/* WP Contact Form 7 Message Outputs */
.use-floating-validation-tip span.wpcf7-not-valid-tip,
div.wpcf7-response-output {
  font-size: 14px;
  text-transform: none;
}

/*******************************************************
 *
 * 3. IP Styles
 *
 *******************************************************/
.ip-banner-wrap {
  position: relative;
}

.ip-banner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.ip-banner::after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  bottom: 0;
  left: 90px;
  background: rgba(255, 255, 255, 0.3);
}

.ip-banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0);
}

.ip-banner canvas {
  display: block;
  position: relative;
  z-index: 0;
  width: 100%;
  min-height: 100px;
  background-color: #f9f7f7;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  /*background-image: url(images/ip-banner.jpg);*/
}

.ip-banner .container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.ip-banner div#aios-slider-ip-banner-slideshow,
.ip-banner div.custom-banner-single-video,
.ip-banner div.custom-banner-single-video video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  max-height: 150%;
  max-width: 150%;
}


.ip-banner h1 {
  font-weight: 700;
  font-size: 32px;
  text-align: center;
  color: #fff;
  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;
}

.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;
  transition: all 0.35s ease-in-out;
}

.ip-banner-breadcrumbs a:hover {
  color: var(--primary-color);
}

/** Inner Page Call To Action */
.ip-cta {
  position: relative;
  margin: 50px 0;
}

.ip-cta .ip-cta-list {
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
}

.ip-cta .ip-cta-list div {
  padding: 7px;
  width: calc(100% / 3);
}

.ip-cta .ip-cta-list a {
  width: 100%;
  padding: 0 20px;
}

/** End of Inner Page Call To Action */

/** 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: 400 34px/1.1 "Raleway", sans-serif;
  color: var(--primary-text-color);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

/* Styles for category/archive/search/etc subheadings (h2) */
#content .archive-subtitle {
  font: 400 25px/1 "Raleway", sans-serif;
  color: var(--primary-text-color);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

#content .archive-subtitle a {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

#content .archive-subtitle a:hover {
  color: var(--primary-color-accent);
}

.aios-mobile-header-wrapper {
  z-index: 1030 !important;
}

#content .entry {
  font-size: 18px;
  font-weight: 300;
  color: var(--primary-text-color);
}

/*Bullets Listings*/
#content .property-description .property-det ul li {
  font-size: 13px;
}

#content .entry .site-button {
  width: 100%;
}

.ai-default-cf7wrap input[type="submit"],
.ai-default-cf7wrap input.wpcf7-submit {
  background: transparent !important;
  font: 700 14px/1 "Raleway", sans-serif;
  border: 2px solid var(--primary-text-color);
  color: var(--primary-text-color) !important;
}

.ai-default-cf7wrap input[type="submit"]:hover,
.ai-default-cf7wrap input.wpcf7-submit:hover {
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: var(--secondary-color) !important;
}

/** 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;
}

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

#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;
  font-size: 32px;
}

#content .archive-list .article-long p {
  font-size: 22px;
}

#content .archive-more {
  font-style: normal;
  text-decoration: none;
  width: 190px !important;
}

/** 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 */
#content .page-links a:hover {
  color: var(--primary-color);
}

/** 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 **/

.aiosp-wrap div[class*="aios-testimonials-popup-"] .aiosp-content {
  background: var(--background-color) !important;
}

.header-left img {
  height: 85px;
}

.slide-menu-logo img {
  height: 85px;
}

.agent-wrap {
  text-align: center;
}

#content .contact-form .wpcf7 {
  margin: 0 auto;
}

.cal-wrap span {
  color: var(--secondary-color);
  font-weight: 300;
}

.footer-contact-info span {
  display: block;
  font-size: 16px;
  color: var(--secondary-color);
}

.cal-wrap {
  line-height: 28px;
  margin: 0 0 20px;
}

/* About image */
#content .about-img img {
  width: 70% !important;
}

/** Testimonial CSS **/
section.hp-testimonials {
  padding: 70px 0;
  background: #f5f5f5;
  margin-bottom: 70px;
}

#testimonials {
  padding: 0 39px;
}

#testimonials .container {
  max-width: 100%;
}

#testimonials .section-title-a {
  text-align: center;
  margin-bottom: 50px;
  font: 400 34px/1 "Raleway", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.5em;
  line-height: 50px;
}

/* #testimonials .section-title-a:before {
	content: '\e800';
	display: block;
	font-style: normal;
	font-weight: normal;
	speak: none;
	text-decoration: inherit;
	text-align: center;
	font-family: "fontello";
	font-variant: normal;
	text-transform: none;
	color: var(--subheading-text-color-dark);
	font-size: 45px;
	margin-bottom: 33px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
} */

#testimonials .section-title-a i.icon-logo {
  display: inline-block;
  vertical-align: middle;
  width: 26px;
  height: 26px;
  border: 1px solid var(--primary-text-color);
}

#testimonials .section-title-a span {
  display: block;
  font-family: var(--body-font), Sans-serif;
  letter-spacing: .16em;
  color: var(--subheading-text-color-dark);
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 27px;
}

#testimonials .section-title-a span::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 75px;
  height: 1px;
  background: var(--primary-text-color);
  margin-right: 18px;
  margin-bottom: 5px;
}

#testimonials .section-title-a span {
  margin: 21px 0 0;
  font-size: 14px;
  letter-spacing: .02em;
  text-transform: initial;
  display: inline-block;
  font: 600 14px/1 "Raleway", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.5em;
}


.testi-wrapper {
  position: relative;
}

.testi-list {
  position: relative;
}

.testi {
  text-align: center;
  padding: 0 13%;
}

.testi p {
  font-size: 19px;
  line-height: 29px;
  color: var(--body-text-color-dark);
}

.testi strong {
  display: block;
  font-weight: 700;
  font-size: 19px;
  color: var(--heading-text-color-dark);
  text-transform: uppercase;
  margin-top: 64px;
}

.testi a {
  color: inherit;
  text-decoration: none;
  transition: all 0.3s ease;
}

.testi a:hover {
  opacity: 0.65;
}

#testimonials .slick-arrow {
  outline: none;
  border: none;
  background: none;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .18em;
  color: var(--heading-text-color-dark);
  text-transform: uppercase;
  padding: 10px 0;
  position: absolute;
  top: -21px;
  z-index: 2;
  opacity: .5;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
}

#testimonials .slick-arrow:hover {
  opacity: 1;
}

#testimonials .slick-prev {
  left: 11px;
}

#testimonials .slick-next {
  right: 11px;
}

#testimonials .slick-prev:after,
#testimonials .slick-next:before {
  content: '';
  display: inline-block;
  width: 86px;
  height: 1px;
  background: rgba(42, 42, 42, 1);
  position: relative;
  top: -5px;
}

#testimonials .slick-prev:after {
  margin-left: 16px;
}

#testimonials .slick-next:before {
  margin-right: 16px;
}

section.hp-testimonials {
  position: relative;
  /* background: fixed url(images/bg-parallax.jpg) center/cover no-repeat; */
}

section.hp-testimonials.overlay-bg:before {
  opacity: .9;
}

.grecaptcha-badge {
  z-index: 1000;
}

/*Center align validation message on 404 page */
.error404 .wpcf7-response-output {
  text-align: center;
}

#content #post-63 .entry a:hover {
  color: var(--secondary-color);
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

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

#post-256 .wpcf7-response-output {
  text-align: center;
}

.other-com-tel {
  margin-bottom: 20px;
}

.page-id-256 .col-md-4 {
  text-align: center;
  font-size: 16px;
}

#hp-webcams {
  text-align: center;
}

.webcams-title {
  max-width: 1073px;
  text-align: center;
  margin: 0 auto;
  display: block;
}

.webcams-title h2 {
  font: 400 34px/1.1 "Raleway", sans-serif;
  color: var(--primary-text-color);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.webcams-title h4 {
  margin: 1.12em 0;
  line-height: 1.7;
}

#hp-webcams {
  padding: 100px 0 50px;
}

#hp-webcams p {
  font-size: 0;
}

#hp-webcams p img {
  width: calc(100% / 3 - 30px);
  margin: 5px;
}

.lenders-wrap img {
    width: 100%;
}

.page-id-466 #content #breadcrumbs {
  display: none;
}

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