/*
Theme Name: Hanley Homes Group
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.6.0
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. Variables
2. Custom CSS
3. IP styles
4. MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css
*/ 

/******************************************************* 
* 
* 1. Variables 
* 
*******************************************************/ 

:root { 
/** Font default */ --font-family-default: 'Spartan', sans-serif;
  --font-family-title: 'ZapfHumnst BT', serif;
  --font-size-default: 14px;
  --font-size-title: 18px;
  --font-color-default: #000000;
  --font-color-title: #202a5d; /** Use for input, button, and any other element */ --primary: #202a5d;
  --secondary: #4897a0;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
} 

/******************************************************* 
* 
* 2. Navigation 
* 
*******************************************************/ 

/* Sub Menu */ 
.nav li, #fixed-nav li, #nav li {
  position: relative;
  display: inline-block;
}
.nav .sub-menu, #fixed-nav .sub-menu, #nav .sub-menu {
  background: transparent;
  display: block;
  opacity: 0;
  visibility: hidden;
  margin-top: -10px;
  width: max-content;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 25px;
  position: absolute;
  min-width: 193px;
  list-style: none outside none;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.nav .sub-menu a, #fixed-nav .sub-menu a, #nav .sub-menu a {
  color: #FFFFFF;
  display: block;
  padding: 10px;
}
.nav .sub-menu a:hover, #fixed-nav .sub-menu a:hover, #nav .sub-menu a:hover {
  background: none repeat scroll 0 0 var(--light);
  color: var(--font-color-default);
  text-decoration: none;
}
.nav .sub-menu .sub-menu, #fixed-nav .sub-menu .sub-menu, #nav .sub-menu .sub-menu {
  margin-left: 100%;
  top: 0;
}
.nav li:hover > .sub-menu, #fixed-nav li:hover > .sub-menu, #nav li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}
.nav .sub-menu li, #fixed-nav .sub-menu li, #nav .sub-menu li {
  position: relative;
} /******************************************************* * * 3. Custom CSS * *******************************************************/ /* Global */ body {
  font-family: var(--font-family-default);
  font-size: var(--font-size-default);
  background: #FFFFFF;
  color: var(--font-color-default);
  margin: 0; /* Remove the comment from line 85 to 86 if the font issue in safari occurs */ /* -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale; */
}
a:hover, a:focus {
  color: var(--primary);
}
.full-container {
  position: relative;
  z-index: 10;
  width: 100%;
}
.outer-container {
  max-width: 1490px;
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}
.inner-container {
  max-width: 1170px;
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}
#main-wrapper {
  overflow: hidden;
  position: relative;
}
.section-title {
  width: max-content;
  text-transform: uppercase;
  color: var(--primary);
}
.section-title .small {
  font-size: 18px;
  color: var(--secondary);
  letter-spacing: 0.2em;
  position: relative;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  line-height: 1;
}
.section-title h2 {
  font-size: 70px !important;
  font-family: var(--font-family-title);
  margin: 0 !important;
  line-height: 1 !important;
  font-weight: normal !important;
}
.section-title .circle {
  width: 18px;
  height: 18px;
  border: 1px solid #ccc;
  border-radius: 50px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 30px;
  margin-top: -5px;
}
.section-title .circle:before {
  width: 8px;
  height: 8px;
  background: var(--secondary);
  border-radius: 50px;
  content: '';
  display: inline-block;
}
.section-title .circle:after {
  width: 99999%;
  height: 1px;
  background: #cccccc;
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -0.5px;
}
.section-title.left-dots .small {
  flex-direction: row-reverse;
}
.section-title.left-dots .circle {
  margin-left: 0;
  margin-right: 30px;
}
.section-title.left-dots .circle:after {
  left: unset;
  right: 100%;
}
.hp-btn {
  width: 100%;
  height: 60px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid #a8a8a8;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--primary);
}
.hp-btn:before {
  width: 60px;
  height: 3px;
  position: absolute;
  left: 50%;
  bottom: -1px;
  content: '';
  background: var(--secondary);
  transform: translateX(-50%);
}
.hp-btn:after {
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: 3px solid var(--secondary);
  content: '';
  position: absolute;
  left: -1px;
  top: -1px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.hp-btn:hover:after {
  opacity: 1;
} /* Mobile Logo */ .mobile-logo {
  background: var(--primary);
  text-align: center;
  padding: 20px;
  display: none;
}
.mobile-logo a {
  max-width: 200px;
  font-size: 0;
  display: block;
  margin: 0 auto;
}
.mobile-logo img {
  width: 100%;
  height: auto;
} /* Fixed Header */ .fixed-header {
  position: fixed;
  z-index: 1010;
  width: 100%;
  padding: 15px 0;
  background: rgba(32, 42, 92, 0.88);
  top: -100%;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.fh-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fh-logo {
  max-width: 180px;
  width: 14%;
}
.fh-logo a {
  display: block;
  font-size: 0;
  width: 100%;
}
.fh-logo img {
  width: 100%;
  height: auto;
}
.fh-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.fh-contact-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: 20px;
}
.fh-contact {
  font-size: 14px;
  color: #fff;
  margin-left: 25px;
}
.fh-contact a {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  color: #fff;
}
.fh-contact a:hover {
  opacity: 0.7;
}
.fh-contact .ai-envelope-f {
  font-size: 10px;
}
.nav, #fixed-nav {
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav > li, #fixed-nav > li {
  margin-left: 25px;
  white-space: nowrap;
}
.nav > li > a, #fixed-nav > li > a {
  font-size: 13px;
  text-transform: uppercase;
  color: #ffffff;
  letter-spacing: 0.03em;
  position: relative;
  min-height: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#fixed-nav > li:first-child {
  margin-left: 0;
}
.nav .sub-menu li, #fixed-nav .sub-menu li {
  display: block;
  text-align: center;
  margin-top: 1px;
}
.nav .sub-menu li a, #fixed-nav .sub-menu li a {
  font-size: 13px;
  text-transform: uppercase;
  color: #ffffff;
  letter-spacing: 0.1em;
  background: rgba(19, 19, 19, 0.8);
  padding: 18px 10px;
  max-height: 45px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.nav .sub-menu li a:hover, #fixed-nav .sub-menu li a:hover {
  background: var(--secondary);
  color: #fff;
}
.nav > li > a:after, #fixed-nav > li > a:after {
  height: 5px;
  background: #fff;
  width: 0;
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
#fixed-nav > li > a:after {
  bottom: -47px;
}
#fixed-nav .sub-menu {
  padding-top: 46px;
}
.nav > li:hover > a:after, #fixed-nav > li:hover > a:after {
  width: 100%;
}
.fixed-header.active {
  top: 0;
  opacity: 1;
  visibility: visible;
}
#main-header {
  position: absolute;
  left: 0;
  width: 100%;
  background: transparent;
  padding: 30px 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  display: none;
  z-index: 1000;
}
.fixed-header.active ~ #main-header {
  opacity: 0;
  visibility: hidden;
  top: -100%;
}
.header-flex {
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-right {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.main-navigation {
  width: calc(100% - 100px);
}
.main-navigation > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#main-logo {
  max-width: 282px;
  min-width: 282px;
  width: 22%;
  margin: 0 35px;
  position: relative;
}
.nav > li:first-child {
  margin-left: 0;
}
#main-logo a {
  display: block;
  font-size: 0;
}
#main-logo img {
  width: 100%;
  height: auto;
}
.hr-contact-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: 4.08%;
  max-width: 100px;
  min-width: 100px;
}
.hc-flex {
  display: flex;
  align-items: center;
  justify-content: center;
}
.hr-contact {
  font-size: 14px;
  color: #fff;
  margin-left: 25px;
}
.hr-contact:first-child {
  margin-left: 0;
}
.hr-contact a {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  color: #fff;
}
.hr-contact a:hover {
  opacity: 0.7;
}
.hr-contact .ai-envelope-f {
  font-size: 10px;
}
.nav > li > a:after {
  bottom: -36px;
}
#main-logo:before {
  width: 1000%;
  left: 50%;
  transform: translateX(-50%);
  content: '';
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  height: 2px;
  bottom: 13.70967741935484%;
}
.nav li:hover > .sub-menu {
  padding-top: 35px;
} /* Slideshow */ #main-slideshow {
  position: relative;
  width: 100%;
}
.slideshow-container {
  position: relative;
  width: 100%;
}
.slideshow-container .cycloneslider-slide:before {
  width: 100%;
  height: 100%;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  background: url(images/slide-overlay.png) no-repeat bottom center/ cover;
}
.slideshow-container .cycloneslider-slide canvas {
  min-height: 800px;
}
.slideshow-content {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 10%;
  z-index: 10;
  pointer-events: none !important;
}
.slideshow-content .inner-container {
  padding: 0 50px;
  max-width: 1240px;
}
.sc-inner {
  text-align: right;
  color: #fff;
  pointer-events: none;
}
.sc-inner h2 {
  font-size: 80px;
  font-family: var(--font-family-title);
  text-transform: uppercase;
  max-width: max-content;
  margin: 0 0 30px auto;
  pointer-events: auto;
}
.sc-inner span {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  pointer-events: auto;
}
.slideshow-smi {
  position: absolute;
  right: 10px;
  top: 45%;
  transform: translateY(-50%);
  z-index: 11;
}
.ss-smi {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
}
.ss-smi a {
  font-size: 18px;
  margin: 5px 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  color: #fff;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border-radius: 50px;
}
.ss-smi a:hover {
  background: #4897a0;
  color: #fff;
}
.ss-smi .follow-us {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  position: absolute;
  top: 100%;
  white-space: nowrap;
  transform: rotate(-90deg);
  margin-top: 75px;
  margin-left: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ss-smi .follow-us:after {
  background: #fff;
  content: '';
  width: 50px;
  height: 1px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  margin-top: -5px;
}
#main-slideshow .slideshow-container .cycloneslider-caption {
  background: transparent;
  opacity: 1;
  bottom: 10%;
  max-width: 1220px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  padding: 0 40px;
  color: #fff;
  display: none;
}
#main-slideshow .slideshow-container .cycloneslider-caption-title {
  padding: 0;
  font-size: 30px;
  text-transform: uppercase;
  font-family: var(--font-family-title);
  letter-spacing: 0.02em;
  margin-bottom: 15px;
}
#main-slideshow .slideshow-container .cycloneslider-caption-description {
  font-size: 18px;
  padding: 0;
  line-height: 25px;
  letter-spacing: 0.02em;
  max-width: 220px;
}
.slideshow-pagination {
  max-width: 1220px;
  padding: 0 40px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 26.875%;
  z-index: 100;
  width: 100%;
  color: #fff;
  display: none;
}
.slideshow-pagination .slide-pager {
  font-size: 12px;
  letter-spacing: 0.05em;
  max-width: 180px;
  position: relative;
}
.slideshow-pagination .cycloneslider-pager {
  position: relative;
}
.slide-pager {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.slide-pager .cycloneslider-pager {
  position: absolute !important;
  bottom: unset !important;
  margin-top: unset !important;
  height: auto !important;
  display: block !important;
  top: -20px;
}
.slide-pager .pager-length {
  font-size: 12px;
  letter-spacing: 0.05em;
  position: absolute;
  bottom: -25px;
  right: 0;
}
.slide-pager .cycloneslider-pager span {
  background: transparent !important;
  box-shadow: none !important;
  height: auto !important;
  width: auto !important;
  margin: 0 !important;
  border-radius: 0 !important;
  line-height: 1 !important;
  display: block !important;
  font-size: initial !important;
  pointer-events: none;
  cursor: text;
  max-width: max-content;
}
.slide-pager .cycloneslider-pager .pager-current {
  font-size: 12px !important;
  color: #fff;
  letter-spacing: 0.05em !important;
}
.slide-pager .cycloneslider-pager > span:first-child {
  position: relative !important;
}
.slideshow-container .slide-pager .cycloneslider-pager > span {
  position: absolute !important;
  left: 0;
  top: 0;
  opacity: 0;
  background: none !important;
}
.slideshow-container .slide-pager .cycloneslider-pager > span.cycle-pager-active {
  opacity: 1;
  background: none !important;
}
.slideshow-container .cycloneslider-pager {
  position: relative !important;
  bottom: unset !important;
  left: unset !important;
  max-width: 180px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  height: 3px !important;
}
.slideshow-container .cycloneslider-pager > span {
  width: 100% !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background: #d7d7d7 !important;
  border: none !important;
  box-shadow: none !important;
  height: 3px !important;
}
.slideshow-container .cycloneslider-pager span.cycle-pager-active {
  background: var(--secondary) !important;
} /* Quick Search */ .qs-welcome {
  position: relative;
}
.qsw-accent {
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  z-index: 10;
}
.qsw-accent:before {
  width: 100%;
  height: 50%;
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  background: #202a5d;
}
.qsw-accent:after {
  width: 100%;
  height: 50%;
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  background: #4897a0;
}
#main-qs {
  padding: 80px 0 120px;
  background: url(images/qs-bg.jpg) no-repeat bottom center/ cover;
  position: relative;
  margin-bottom: 15px;
}
#main-qs:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: '';
  background: rgba(255, 255, 255, 0.8);
  z-index: 0;
}
.qs-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.qs-title {
  width: max-content;
}
#main-qs #qs-form {
  line-height: 1;
  margin: 0;
  width: 100%;
  max-width: 845px;
  margin-left: 20px;
  position: relative;
}
#main-qs #qs-form label {
  display: none;
}
#main-qs #qs-form select {
  width: 100%;
  height: 49px;
  background: url(images/arrow.png) no-repeat right 10px center;
  border: 1px solid #cccccc;
  text-transform: uppercase;
  padding: 18px 8px;
  font-size: 11px;
  color: #1c1c1c;
  letter-spacing: 0.05em;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  line-height: 15px;
  outline: 0;
}
#main-qs #qs-form input[type="submit"] {
  width: 100%;
  height: 49px;
  background: transparent;
  border: 1px solid #ccc;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  padding: 19px 0;
}
.qf-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#qs-form .city {
  width: 50%;
  max-width: 420px;
}
.qf-flex > div {
  margin-left: 5px;
  max-width: 127px;
  width: 16%;
}
.qf-flex > div:first-child {
  margin-left: 0;
}
#qs-form .p-type {
  width: 50%;
  max-width: 420px;
}
.qf-flex:nth-of-type(2) {
  margin-top: 5px;
}
#qs-form .qs-submit {
  max-width: 154px;
  width: 19%;
  position: relative;
  margin-left: 7px;
}
#qs-form .qs-submit:after {
  width: 60px;
  height: 3px;
  background: #63b7b7;
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
}
#qs-form .qs-submit:before {
  width: 100%;
  height: 100%;
  border: 3px solid #63b7b7;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  pointer-events: none;
}
#qs-form .qs-submit:hover:before {
  opacity: 1;
}
#qs-form .qs-advanced {
  max-width: 154px;
  width: 19%;
  margin-left: 7px;
}
#qs-form .qs-advanced a {
  width: 100%;
  height: 49px;
  display: block; /* align-items: center; */ /* justify-content: center; */ text-align: center;
  background: var(--primary);
  color: #fff;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.15em;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  padding: 20px 0;
}
#qs-form .qs-advanced a:hover {
  background: var(--secondary);
}
.qf-text {
  font-size: 12px;
  color: #1c1c1c;
  letter-spacing: 0.1em;
  position: absolute;
  right: 0;
  top: calc(100% + 15px);
} /* Welcome */ #main-welcome {
  position: relative;
}
.welcome-team {
  position: relative;
  font-size: 0;
  width: 100%;
}
.welcome-team canvas {
  width: 100%;
  display: block;
  min-height: 963px;
}
.welcome-team img {
  position: absolute;
  left: 50%;
  top: 0;
  width: 100%;
  height: 100%;
  transform: translateX(-50%);
  object-fit: cover;
  object-position: 0 -4.3vw;
}
#main-welcome .inner-container {
  top: 56.49%;
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.welcome-box {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.wb-left {
  max-width: 487px;
  width: 43%;
  background: url(images/welcome-bg.jpg) no-repeat center center/ cover;
  position: relative;
  padding-bottom: 70px;
}
.wb-right {
  max-width: 653px;
  width: 58%;
  background: #fff;
  padding: 65px 45px 65px 65px;
  -webkit-box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0.09);
  box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0.09);
}
.wb-left:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: '';
  background: rgba(32, 42, 93, 0.85);
}
.welcome-logo {
  position: relative;
  z-index: 10;
  background: #fff;
  padding: 80px 25px;
  width: max-content;
  margin: -64px auto 65px;
  font-size: 0;
}
.welcome-logo img {
  max-width: 269px;
  width: 100%;
  height: auto;
}
.welcome-desc {
  position: relative;
  z-index: 10;
  padding: 0 35px;
  text-align: center;
}
.welcome-desc p {
  font-size: 20px;
  line-height: 50px;
  color: #ffffff;
}
.welcome-title {
  margin-bottom: 30px;
}
.wb-right .welcome-desc {
  padding: 0;
  text-align: left;
}
.wb-right .welcome-desc p {
  font-size: 14px;
  color: #1c1c1c;
  line-height: 30px;
  margin-bottom: 30px;
}
.wb-right .welcome-desc .highlight {
  font-size: 15px;
  font-weight: 600;
}
.welcome-btn {
  max-width: 206px;
} /* Featured Video */ .hp-fv-title {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 60px;
}
section#hp-featured-video {}
.hp-fv-player {
  width: 100%;
  max-width: 1024px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
.hp-fv-player canvas {
  display: block;
  width: 100%;
  height: auto;
}
.hp-fv-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
} /* Featured Video */ /* Featured Properties */ .fp-fc {
  padding-top: 280px;
  position: relative;
}
.fpfc-accent {
  position: absolute;
  right: 0;
  top: 0;
  width: 10px;
  height: 100%;
  z-index: 10;
}
.fpfc-accent:before {
  width: 100%;
  height: 50%;
  background: var(--primary);
  content: '';
  position: absolute;
  left: 0;
  top: 0;
}
.fpfc-accent:after {
  width: 100%;
  height: 50%;
  background: var(--secondary);
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
}
#main-fp { /* padding: 140px 0 105px; */ padding: 160px 0 50px;
  position: relative;
  background: url(images/fp-bg.jpg) no-repeat top center/ cover;
  background-attachment: fixed;
}
.safari #main-fp {
  background-attachment: unset;
}
#main-fp:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.88);
  content: '';
  z-index: 2;
}
.fp-tbg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 142px;
  background: url(images/fp-tbg.png) no-repeat top center/ cover;
  z-index: 1;
}
.fp-bbg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 322px;
  background: url(images/fp-bbg.png) no-repeat bottom center/ cover;
  z-index: 1;
}
#main-fp .outer-container {
  max-width: 1388px;
}
.fp-title {
  margin-bottom: 50px;
}
.fp-slider-wrap {
  width: 100%;
  position: relative;
}
.fp-slider {
  width: 100%;
}
.fps-item {
  display: flex !important;
  align-items: flex-start;
  justify-content: center;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
}
.fps-left {
  width: 50%;
}
.fps-right {
  width: 50%;
  margin-top: -157px;
  margin-left: 20px;
}
.fp-slider .slick-list {
  overflow: visible;
}
.fp-item-wrap:hover .fpd-right {
  opacity: 1;
  visibility: visible;
}
.fp-item-wrap {
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  position: relative;
  width: 100%;
  display: block !important;
  position: relative;
  max-width: 674px;
  margin: 20px auto 0;
  outline: 0 !important;
  overflow: hidden;
}
.fp-img {
  position: relative;
  font-size: 0;
  width: 100%;
}
.fp-img canvas {
  width: 100%;
  display: block;
  min-height: 500px;
}
.fp-img img {
  position: absolute;
  width: auto;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.fp-img:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url(images/fp-overlay.png) no-repeat bottom center/ cover;
  z-index: 2;
  content: '';
}
.fp-desc {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.8% 2.81%;
  font-size: 14px;
  color: #fff;
}
.fpd-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 40px 30px 10px;
}
.fp-item-wrap:hover .fpd-inner:before {
  opacity: 1;
}
.fpd-inner:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgb(32, 42, 93);
  background: linear-gradient(0deg, rgba(32, 42, 93, 0.8) 0%, rgba(72, 151, 160, 0.8) 100%);
  content: '';
  z-index: -1;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.fpd-inner h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 30px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.fpd-inner p {
  font-size: 16px;
  line-height: 30px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.fp-item-wrap:hover .fpd-inner h3, .fp-item-wrap:hover .fpd-inner p {
  opacity: 1;
  visibility: visible;
}
.fpd-flex {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 0 20px 10px;
  left: 0;
}
.fpd-left {
  width: 67%;
  text-align: left;
}
.fpd-right {
  max-width: 206px;
  width: 37%;
  margin-bottom: 15px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.fpd-left .price {
  font-size: 50px;
  display: block;
  font-family: var(--font-family-title);
  margin-bottom: 5px;
}
.fpd-left .address {
  font-size: 16px;
  letter-spacing: 0.05em;
  display: block;
  margin-bottom: 15px;
  line-height: 24px;
}
.fpd-left .other-details {
  display: flex;
  align-items: center;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.05em;
  padding-top: 15px;
  position: relative;
}
.fpd-left .other-details span {
  margin-left: 20px;
  display: flex;
  align-items: center;
}
.fpd-left .other-details span:first-child {
  margin-left: 0;
}
.fpd-left .other-details:before {
  width: 500%;
  height: 3px;
  background: var(--secondary);
  position: absolute;
  top: 0;
  right: 0;
  content: '';
}
.fpd-left .other-details span:before {
  display: inline-block;
  content: '';
  margin-right: 13px;
}
.other-details .beds:before {
  width: 32px;
  height: 22px;
  background: url(images/beds.png) no-repeat center center/ contain;
}
.other-details .baths:before {
  width: 30px;
  height: 26px;
  background: url(images/baths.png) no-repeat center center/ contain;
}
.other-details .sqft:before {
  width: 23px;
  height: 23px;
  background: url(images/sqft.png) no-repeat center center/ contain;
}
.view-details {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 2px solid var(--secondary);
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.fp-buttons {
  position: absolute;
  width: 50%;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  bottom: 25px;
}
.fp-buttons button {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  background: transparent;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.fp-buttons button i {
  font-size: 12px;
  margin-top: -3px;
}
.fp-buttons button.prev-slick i {
  margin-right: 15px;
}
.fp-buttons button.next-slick i {
  margin-left: 15px;
}
.fp-buttons button:hover {
  opacity: 0.7;
}
.fp-btn {
  max-width: 254px;
  width: 100%;
  margin: 0 30px;
} /* Featured Communities */ #main-fc {
  padding: 45px 0 100px;
  background: url(images/fc-bg.jpg) no-repeat center center/ cover;
  position: relative;
}
#main-fc:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.85);
  content: '';
}
.fc-flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  z-index: 10;
}
.fc-left {
  width: 58.4375%;
}
.fc-right {
  width: 41.5625%;
  padding: 0 15px 0 45px;
}
.fcr-inner {
  max-width: 505px;
}
.fc-title {
  margin-bottom: 30px;
}
.fc-content {
  margin-bottom: 40px;
  max-width: 450px;
}
.fc-content p {
  font-size: 14px;
  line-height: 30px;
  color: #1c1c1c;
}
.fc-buttons {
  display: flex;
  align-items: center;
}
.fc-buttons button {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  background: transparent;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.fc-buttons button i {
  font-size: 12px;
  margin-top: -3px;
}
.fc-buttons button.prev-slick i {
  margin-right: 15px;
}
.fc-buttons button.next-slick i {
  margin-left: 15px;
}
.fc-buttons button:hover {
  opacity: 0.7;
}
.fc-btn {
  max-width: 254px;
  width: 100%;
  margin: 0 30px;
}
.fc-slider-wrap {
  width: 100%;
  position: relative;
  height: auto !important;
}
.fc-slider-outer {
  width: 935px;
  transform-origin: 0px center !important;
}
.fc-slider {
  width: 100%;
}
.fc-slider .slick-slide {
  margin: 0 5px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.fc-item-wrap {
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  pointer-events: auto;
}
.fc-item {
  display: block;
  width: 100%;
  outline: 0 !important;
  overflow: hidden !important;
  position: relative;
}
.fc-img {
  font-size: 0;
  position: relative;
  width: 100%;
}
.fc-img canvas {
  width: 100%;
  display: block;
}
.fc-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.fc-item:hover .fc-img img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.fc-slider .slick-list { /* overflow: visible; */ padding: 70px 0 60px 60px !important;
  pointer-events: none;
}
.fc-slider .slick-slide.slick-active {
  opacity: 1;
  visibility: visible;
}
.fc-item-wrap:hover {
  transform: scale(1.1);
  z-index: 10;
  position: relative;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.29);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.29);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.29);
}
.fc-desc {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 17.85%);
  height: calc(100% - 8.84%);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  color: #fff;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  background: transparent;
  z-index: 10;
}
.fd-inner {
  width: 100%;
  padding: 0;
}
.fc-desc h4 {
  font-size: 32px;
  position: relative;
  padding-bottom: 15px;
  font-family: var(--font-family-title);
  margin-bottom: 5px;
}
.fc-item:hover .fc-desc h4 {
  font-size: 30px;
}
.fc-desc h4:after {
  width: 200%;
  height: 1px;
  background: var(--secondary);
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
}
.fc-desc p {
  font-size: 11px;
  line-height: 25px;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  font-family: var(--font-family-default);
}
.fc-item:hover .fd-inner {
  padding: 30px 20px;
}
.fc-item:hover .fc-desc {
  background: rgb(32, 42, 93);
  background: linear-gradient(0deg, rgba(32, 42, 93, 0.8) 0%, rgba(72, 151, 160, 0.8) 100%);
  align-items: center;
}
.fc-item:hover .fc-desc p {
  max-height: 100%;
  margin: 15px 0;
  opacity: 1;
  visibility: visible;
}
.fc-desc .view-details {
  max-width: 206px;
  width: 100%;
  display: block;
  text-align: center;
  height: 60px;
  border: 2px solid #45909b;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  padding: 0;
}
.fc-item:hover .fc-desc .view-details {
  max-height: 55px;
  visibility: visible;
  opacity: 1;
  padding: 20px 0;
}
.fc-slider .slick-slide.prevSlide {
  opacity: 1;
  visibility: visible;
}
.fc-img:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url(images/fc-overlay.png) no-repeat bottom center/ cover;
  z-index: 2;
  content: '';
}
.fc-slider .slick-slide.prevSlide .fc-item-wrap {
  pointer-events: none;
  opacity: 0.3;
}
.fc-slider .slick-slide.prevSlide.slick-active .fc-item-wrap {
  pointer-events: auto;
  opacity: 1;
}
.fc-slider .slick-slide.slick-current.slick-active ~ .slick-slide.slick-active .fc-item-wrap {
  transform-origin: right center;
} /* Map */ #main-map {
  position: relative;
}
.map-compass {
  max-width: 426px;
  width: 23%;
  height: 429px;
  position: absolute;
  background: url(images/compass.png) no-repeat bottom center/ contain;
  bottom: 5.49%;
  left: 24.6875%;
}
.map-left {
  position: absolute;
  width: 100%;
  left: 0;
  pointer-events: none;
  top: 40%;
  transform: translateY(-50%);
}
.map-title {
  margin-bottom: 60px;
  max-width: max-content;
  pointer-events: auto;
}
.map-properties {
  width: max-content;
  pointer-events: auto;
}
.map-properties li {
  margin-top: 45px;
  position: relative;
  width: max-content;
}
.map-properties li:first-child {
  margin-top: 0;
}
.map-properties li a {
  font-size: 32px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  position: relative;
  color: #1c1c1c;
  font-family: var(--font-family-title);
  padding: 7.5px 40px;
  display: flex;
  align-items: center;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.map-properties li a:before {
  content: '';
  width: 98px;
  background: #c8e0e2;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.map-properties li:hover a:before, .map-properties li.active a:before {
  width: 100%;
  background: var(--primary);
}
.map-properties li:hover a, .map-properties li.active a {
  color: #fff;
}
.map-right {
  width: 61.3125%;
  margin: 0 0 0 auto;
}
.map-container {
  width: 981px;
}
#map-transparent {
  width: 981px;
  height: 855px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
}
#trueMap {
  display: block;
  width: 100%;
  max-width: 100%;
}
.map-hovers {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.map-hovers > div {
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.map-pin {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  -webkit-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  z-index: 5;
  display: block;
  text-align: center;
}
.map-hovers > div.active .map-pin {
  opacity: 1;
}
.map-img {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.map-img img {
  width: 100%;
}
.map-hovers > div.active .map-img {
  opacity: 1;
}
.map-text > div {
  position: absolute;
  z-index: 7;
  top: 0;
  left: 0;
}
.map-text > div > div {
  position: absolute;
  width: max-content;
}
.pin-img {
  width: 18px;
  height: 22px;
  font-size: 0;
  background: url(images/css_sprites.png) -50px -156px;
  display: block;
  margin: 0 auto;
}
.map-pin h3 {
  font-size: 24px;
  color: #fefefe;
  letter-spacing: 0.04em;
  font-family: var(--font-family-title);
  text-transform: uppercase;
}
.manatee-county .map-pin {
  top: 103px;
  left: 384px;
}
.sarasota-county .map-pin {
  top: 433px;
  left: 395px;
}
.charlotte-county .map-pin {
  top: 653px;
  left: 715px;
}
.map-text > div a {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}
.map-text > div a:before {
  width: 6px;
  height: 6px;
  background: #fff;
  content: '';
  border-radius: 50px;
  position: absolute;
  right: 100%;
  margin-right: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.mt-sarasota {
  top: 306px;
  left: 201px;
}
.mt-siesta-key {
  top: 354px;
  left: 208px;
}
.mt-osprey {
  top: 413px;
  left: 227px;
}
.mt-nokomis {
  top: 445px;
  left: 235px;
}
.mt-venice {
  top: 476px;
  left: 254px;
}
.mt-north-port {
  top: 549px;
  left: 379px;
}
.mt-englewood {
  top: 591px;
  left: 289px;
}
.map-text > div .dot-bottom:before {
  right: unset;
  top: 100%;
  margin-right: 0;
  margin-top: 5px;
  transform: translateX(-50%);
  left: 50%;
}
.mt-englewood .dot-bottom:before {
  left: 15px !important;
}
.mt-manasota-key {
  top: 655px;
  left: 339px;
}
.mt-rotonda-west {
  top: 692px;
  left: 354px;
}
.map-text > div .dot-top:before {
  right: unset;
  left: 50%;
  bottom: 100%;
  top: unset;
  transform: translateY(-50%);
  margin-bottom: 5px;
}
.mt-placida {
  top: 727px;
  left: 404px;
}
.mt-mudrock {
  top: 581px;
  left: 460px;
}
.mt-port-charlotte {
  top: 608px;
  left: 459px;
}
.mt-cleveland {
  top: 631px;
  left: 610px;
}
.mt-punta-gorda {
  top: 669px;
  left: 561px;
}
.mt-acline {
  top: 702px;
  left: 581px;
}
.mt-parrish {
  top: 79px;
  left: 232px;
}
.mt-pallmeto {
  top: 123px;
  left: 155px;
}
.mt-ellenton {
  top: 125px;
  left: 253px;
}
.mt-bradenton {
  top: 188px;
  left: 117px;
}
.mt-bayshore-gardens {
  top: 211px;
  left: 127px;
}
.mt-lakewood-ranch {
  top: 235px;
  left: 263px;
} /* Our Numbers */ #main-on {
  padding: 100px 0 110px;
  background: url(images/wwwu-bg.jpg) no-repeat center center/ cover;
  background-attachment: fixed;
  position: relative;
}
.safari #main-on {
  background-attachment: unset;
}
#main-on:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(32, 42, 93, 0.89);
}
.on-title {
  margin-bottom: 80px;
  display: flex;
  justify-content: center;
}
.on-title .section-title {
  color: #fff;
}
.on-flex {
  display: flex;
  align-items: center;
  justify-content: center;
}
.on-item {
  width: 25%;
  text-align: center;
  padding: 15px 15px 5px;
  border-left: 1px solid rgba(171, 165, 149, 0.25);
  position: relative;
  color: #fff;
}
.on-item:first-child {
  border-left: none;
}
.on-item h3 {
  font-size: 60px;
  margin-bottom: 20px;
  font-family: var(--font-family-title);
  position: relative;
  z-index: 10;
}
.on-item h3 i {
  font-style: normal;
}
.on-item span {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.05em;
  position: relative;
  z-index: 10;
}
.on-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 0;
  transform: translate(-50%, -50%);
}
.pl-icon.on-icon {
  width: 177px;
  height: 177px;
  background: url(images/css_sprites.png) -50px -278px;
}
.adom-icon.on-icon {
  width: 127px;
  height: 177px;
  background: url(images/css_sprites.png) -50px -555px;
}
.yoe-icon.on-icon {
  width: 149px;
  height: 187px;
  background: url(images/css_sprites.png) -50px -832px;
}
.cs-icon.on-icon {
  width: 159px;
  height: 192px;
  background: url(images/css_sprites.png) -50px -1119px;
}
.on-plus {
  position: absolute !important;
  width: 19px;
  height: 19px;
  left: -10.5px;
  top: 50%;
  transform: translateY(-50%);
}
.on-plus:before {
  width: 1px;
  height: 100%;
  background: #aba595;
  position: absolute;
  content: '';
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.on-plus:after {
  width: 100%;
  height: 1px;
  background: #aba595;
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  transform: translateY(-50%);
} /* Testimonials */ #main-testimonials {
  padding: 160px 0 140px;
  background: url(images/testi-bg.jpg) no-repeat center center/ cover;
  position: relative;
}
#main-testimonials:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.46);
  content: '';
}
.testi-accent {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  width: 12px;
  height: 100%;
}
.testi-accent:before {
  width: 100%;
  height: 50%;
  background: var(--secondary);
  content: '';
  position: absolute;
  left: 0;
  top: 0;
}
.testi-accent:after {
  width: 100%;
  height: 50%;
  background: var(--primary);
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
}
.testi-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.testi-left {
  max-width: 423px;
  width: 29%;
}
.testi-title .section-title {
  width: auto;
}
.testi-middle {
  max-width: 382px;
  margin-left: 8.21%;
  width: 27%;
}
.testi-right {
  max-width: 470px;
  margin-left: 4.1%;
  width: 33%;
}
.testi-title {
  text-align: right;
  margin-bottom: 45px;
}
.testi-btn {
  margin: 0 0 0 auto;
  max-width: 254px;
}
.testi-photo {
  font-size: 0;
  max-width: 382px;
  position: relative;
}
.testi-photo img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 10;
}
.tp-accent {
  max-width: 351px;
  width: 92%;
  position: absolute;
  left: -13.87%;
  top: -8.375%;
  z-index: 0;
}
.testi-slider-wrap {
  width: 100%;
}
.testi-slider {
  width: 100%;
}
.testi-item {
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
}
.testi-item p {
  font-size: 14px;
  line-height: 28px;
  color: #1c1c1c;
  margin-bottom: 20px;
}
.testi-item .highlight {
  font-size: 26px;
  color: var(--primary);
  line-height: 36px;
  font-family: var(--font-family-title);
}
.testi-item .author {
  display: block;
  font-size: 16px;
  text-transform: uppercase;
  color: var(--primary);
  font-weight: 700;
  margin-top: 40px;
  letter-spacing: 0.05em;
}
.testi-buttons {
  display: flex;
  align-items: center;
  margin-top: 45px;
}
.testi-buttons button {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  background: transparent;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.testi-buttons button i {
  font-size: 12px;
  margin-top: -3px;
}
.testi-buttons button.prev-slick i {
  margin-right: 15px;
}
.testi-buttons button.next-slick i {
  margin-left: 15px;
}
.testi-buttons .next-slick {
  margin-left: 40px;
}
.testi-buttons button:hover {
  opacity: 0.7;
} /* Social Media */ #main-sm {
  position: relative;
  width: 100%;
  z-index: 10;
}
.sm-rbg {
  width: 50.25%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: url(images/sm-bg.jpg) no-repeat center center/ cover;
  z-index: 1;
}
.sm-rbg:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.83);
  content: '';
}
.sm-rbg-accent {
  width: 50.25%;
  height: 100%;
  position: absolute;
  background: var(--primary);
  z-index: 0;
  right: 2.5%;
  top: -40px;
}
.sm-flex {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 45px 0 30px;
}
.sm-left {
  max-width: 805px;
  width: 56%;
}
.sm-right {
  max-width: 662px;
  width: 44%;
  color: #fff;
  padding-top: 60px;
}
.sml-top {
  display: flex;
  align-items: center;
}
.sml-item {
  margin-left: 40px;
  font-size: 15px;
  letter-spacing: 0.05em;
  color: var(--font-color-default);
  margin-bottom: 33px;
}
.sml-item:first-child {
  margin-left: 0;
}
.sml-item span {
  font-weight: 700;
}
.sm-slider-wrap {
  width: 100%;
  position: relative;
}
.sm-slider {
  width: 100%;
}
.sm-slider .slick-slide {
  margin: 0 3.5px;
}
.sm-item-wrap {
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  max-width: 262px;
  margin: 0 auto 6px;
  display: block !important;
}
.sm-item {
  display: block;
  width: 100%;
  position: relative;
  outline: 0 !important;
}
.sm-img {
  position: relative;
  width: 100%;
  font-size: 0;
}
.sm-img canvas {
  width: 100%;
  display: block;
}
.sm-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.sm-img:before {
  content: '';
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(32, 42, 93, 0.61);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  opacity: 0;
}
.sm-item:hover .sm-img:before {
  opacity: 1;
}
.smi-desc {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  z-index: 5;
}
.sd-flex {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sd-flex div {
  font-size: 19px;
  font-family: 'Quicksand';
  color: #fff;
  letter-spacing: 0.16em;
  margin-left: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sd-flex div:first-child {
  margin-left: 0;
}
.smi-desc .likes:before {
  width: 32px;
  height: 29px;
  background: url(images/heart.png) no-repeat center center/ contain;
  display: inline-block;
  content: '';
  margin-right: 10px;
}
.smi-desc .comments:before {
  width: 40px;
  height: 29px;
  background: url(images/comment.png) no-repeat center center/ contain;
  display: inline-block;
  content: '';
  margin-right: 10px;
}
.sm-item:hover .smi-desc {
  opacity: 1;
}
.sm-icon {
  position: absolute;
  right: 16px;
  bottom: 22px;
  font-size: 40px;
  color: #fff;
  z-index: 10;
}
.sm-item .play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 105px;
  height: 105px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  z-index: 10;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.pb-inner {
  width: 73px;
  height: 73px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.23);
  border-radius: 50%;
  font-size: 24px;
  color: #fff;
}
.smr-inner {
  max-width: 550px;
  margin: 0 0 0 auto;
  padding-right: 20px;
  width: 86%;
}
.sm-title {
  margin-bottom: 20px;
}
.sm-title .section-title {
  color: #fff;
}
.sm-desc {
  margin-bottom: 35px;
}
.sm-desc p {
  font-size: 14px;
  line-height: 27px;
  letter-spacing: 0.05em;
}
.sm-list {
  width: 50%;
  max-width: 202px;
  margin-left: 10px;
}
.sm-list li {
  max-width: 202px;
  margin-top: 15px;
}
.sm-list li:first-child {
  margin-top: 0;
}
.sm-list li a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  width: 100%;
  height: 50px;
  position: relative;
  border: 1px solid #fff;
  font-size: 13px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0.1em;
  padding: 10px 30px;
}
.sm-list li a i {
  font-size: 20px;
  margin-right: 30px;
}
.sm-list li a i.ai-yelp ~ span {
  padding-left: 10px;
}
.sm-list li a:before {
  width: 60px;
  height: 3px;
  position: absolute;
  left: 50%;
  bottom: -1px;
  content: '';
  background: var(--secondary);
  transform: translateX(-50%);
}
.sm-list li a:after {
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: 3px solid var(--secondary);
  content: '';
  position: absolute;
  left: -1px;
  top: -1px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.sm-list li a:hover:after {
  opacity: 1;
}
.sm-list:first-child {
  margin-left: 0;
}
.sm-list-flex {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.sm-list li a span {
  display: block;
  margin-top: 3px;
} /* Blogs */ #main-blogs {
  padding: 100px 0 55px;
}
.blogs-slider-wrap {
  width: 100%;
  position: relative;
}
.blogs-slider {
  width: 100%;
}
.blogs-item-wrap {
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
}
.blogs-item {
  display: block;
  width: 100%;
  position: relative;
}
.blogs-img {
  font-size: 0;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.blogs-img canvas {
  width: 100%;
  display: block;
  min-height: 501px;
}
.blogs-img img {
  position: absolute;
  width: auto;
  height: 100%;
  top: 0;
  left: 50%;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transform: translateX(-50%);
}
.blogs-img:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: rgba(0, 0, 0, 0.5);
  content: '';
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.blogs-item:hover .blogs-img:before {
  opacity: 0;
}
.blogs-item:hover .blogs-img img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.blogs-desc {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 10;
  transform: translate(-50%, -50%);
  width: calc(100% - 6.25%);
  height: calc(100% - 6.25%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 15px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: transparent;
  color: #fff;
}
.blogs-item:hover .blogs-desc {
  background: rgb(32, 42, 93);
  background: linear-gradient(0deg, rgba(32, 42, 93, 0.8) 0%, rgba(72, 151, 160, 0.8) 100%);
  border: none;
}
.bd-inner {
  width: 100%;
  max-width: 250px;
  margin: 0 auto;
}
.blogs-desc h3 {
  font-size: 26px;
  line-height: 32px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-family: var(--font-family-title);
}
.blogs-desc p {
  font-size: 13px;
  line-height: 30px;
  margin-top: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  max-height: 0;
}
.blogs-item:hover .blogs-desc p {
  margin-top: 15px;
  opacity: 1;
  visibility: visible;
  max-height: 140px;
}
.blogs-desc .learn-more {
  max-width: 206px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  border: none;
  margin: 0 auto;
}
.blogs-item:hover .blogs-desc .learn-more {
  margin-top: 25px;
  opacity: 1;
  visibility: visible;
  max-height: 60px;
  border: 2px solid var(--secondary);
} /* Contact */ #main-contact {
  position: relative; /*background: url(images/contact-bg.jpg) no-repeat center center/ cover;*/ background: url(/wp-content/uploads/2026/02/General-Inquiries.jpg) no-repeat center center/ cover;
  background-attachment: fixed;
  padding: 100px 0 85px;
}
.safari #main-contact {
  background-attachment: unset;
}
#main-contact:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  content: '';
  background: rgba(32, 42, 93, 0.85);
}
.contact-accent {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  width: 12px;
  height: 100%;
}
.contact-accent:before {
  width: 100%;
  height: 50%;
  background: #ffffff;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
}
.contact-accent:after {
  width: 100%;
  height: 50%;
  background: var(--secondary);
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
}
.contact-title {
  margin-bottom: 45px;
  display: flex;
  justify-content: center;
}
.contact-title .section-title {
  color: #fff;
}
.contact-desc {
  margin-bottom: 50px;
  text-align: center;
}
.contact-desc p {
  font-size: 14px;
  color: #ffffff;
  letter-spacing: 0.1em;
  line-height: 24px;
}
.contact-box {
  max-width: 945px;
  margin: 0 auto;
  position: relative;
  width: 85%;
}
.git-form {
  width: 100%;
  position: relative;
}
.git-form input {
  width: 100%;
  padding: 27px 2px;
  background: transparent;
  border: none;
  outline: 0;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: #ffffff;
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.git-form textarea {
  width: 100%;
  padding: 27px 2px;
  background: transparent;
  border: none;
  outline: 0;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: #ffffff;
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
  max-height: 120px;
  min-height: 120px;
}
.git-form input[type="submit"] {
  height: 60px;
  padding: 0;
  border: 1px solid #a8a8a8;
  letter-spacing: 0;
  font-weight: 700;
}
.git-flex {
  display: flex;
  margin-bottom: 20px;
  align-items: center;
  justify-content: space-between;
}
.git-flex > div {
  margin-left: 39px;
  width: 50%;
}
.git-flex > div:first-child {
  margin-left: 0;
}
.git-name {
  margin-bottom: 20px;
}
.git-message {
  font-size: 0;
  margin-bottom: 50px;
}
.git-send {
  position: relative;
  max-width: 168px;
  margin: 0 auto;
}
.git-send .ajax-loader {
  position: absolute;
}
.git-send:before {
  width: 60px;
  height: 3px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  content: '';
  background: var(--secondary);
}
.git-send:after {
  width: 100%;
  height: 100%;
  border: 3px solid var(--secondary);
  content: '';
  position: absolute;
  left: 1px;
  top: 0;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  pointer-events: none;
}
.git-send:hover:after {
  opacity: 1;
}
.contact-box .wpcf7-response-output {
  padding: 20px;
  margin: 10px 0 0;
  position: absolute;
  width: 100%;
  text-align: center;
  color: #fff;
} /* Footer */ #main-footer {
  background: url(images/footer-bg.jpg) no-repeat center center/ cover;
  background-attachment: fixed;
  position: relative;
}
.safari #main-footer {
  background-attachment: unset;
}
#main-footer .outer-container {
  max-width: 1510px;
}
.footer-box {
  background: rgba(255, 255, 255, 0.93);
  padding: 55px 0 45px;
}
.footer-top {
  margin-bottom: 50px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.ft-item:first-child {
  max-width: 443px;
  width: 39%;
  margin-left: 0;
}
.ft-item {
  width: max-content;
  margin-left: 10px;
}
.ft-logos {
  text-align: center;
}
.ft-logo {
  max-width: 343px;
  margin: 0 auto 25px;
}
.ft-logos a {
  display: block;
  margin: 0 auto;
}
.ft-logos a img {
  width: 100%;
  height: auto;
}
.kw-logo {
  max-width: 227px;
  margin: 0 auto 25px;
}
.kwluxury-logo {
  max-width: 276px;
  margin: 0 auto;
}
.ft-item h3 {
  font-size: 26px;
  font-family: var(--font-family-title);
  color: var(--font-color-default);
  text-transform: uppercase;
  margin-bottom: 30px;
}
.ft-contact-wrap {
  margin-top: 40px;
}
.ft-contact-wrap:nth-child(2) {
  margin-top: 0;
}
.ft-contact-wrap h4 {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--secondary);
  margin-bottom: 15px;
  letter-spacing: 0.2em;
}
.ft-contact {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #1c1c1c;
  letter-spacing: 0.1em;
}
.ft-contact i {
  color: var(--primary);
  font-size: 15px;
  margin-right: 20px;
}
.ft-contact a {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.ft-contact .ai-envelope-f {
  font-size: 11px;
}
.footernav {
  width: 100%;
}
.footernav li {
  margin-top: 20px;
  color: #1c1c1c;
}
.footernav li a {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.footer-text {
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  color: #5e5e5e;
  letter-spacing: 0.05em;
}
.footer-text a {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.footer-bottom {
  margin-top: 25px;
  padding-top: 35px;
  border-top: 1px solid #d6d4d2;
  text-align: center;
}
.footer-copyright {
  font-size: 14px;
  font-family: 'Montserrat';
  color: #111111;
  letter-spacing: 0.05em;
  font-weight: 300;
  line-height: 20px;
  margin-bottom: 20px;
}
.footer-copyright .capitalize {
  font-weight: 700;
  text-transform: uppercase;
  color: var(--primary);
}
.footer-copyright a:last-child {
  color: var(--primary);
}
.footer-copyright a:last-child:hover {
  color: #111111;
}
.footer-mls {
  font-size: 34px;
  color: var(--font-color-default);
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-mls span {
  margin: 0 5px;
}
.footer-smi {
  margin-top: 40px;
  display: flex;
  align-items: center;
}
.footer-smi a {
  width: 41px;
  height: 41px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 19px;
  color: #002060;
  border: 1px solid #002060;
  border-radius: 50px;
  margin-left: 9px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.footer-smi a:first-child {
  margin-left: 0;
}
.footer-smi a:hover {
  background: #002060;
  color: #fff;
} /* POJO */ /*body #pojo-a11y-toolbar {    bottom:0 !important;    top: auto !important;    background: #fff;}body #pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle {    top:auto !important;    bottom:0 !important;}html body.pojo-a11y-focusable a:focus {    outline-style: initial !important;    outline-width: 1px !important;    outline-color: #FF0000 !important;}body #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {    background: #202a5d;    color: #fff;}*/ 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;
}
#inner-page-wrapper p#breadcrumbs {
  display: none;
} /******************************************************* * * 4. IP Styles * *******************************************************/ .ip-banner {
  position: relative;
  width: 100%;
}
.ip-banner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(0, 0, 0, .30);
}
.ip-banner canvas {
  display: block;
  position: relative;
  z-index: 0;
  width: 100%;
  min-height: 518px;
  background-color: var(--dark);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ip-banner .container {
  position: relative;
  z-index: 2;
}
.ip-banner h1 {
  font-weight: 700;
  font-size: 32px;
  text-align: center;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 1.7;
}
.ip-banner h1 span {
  display: block;
  font-size: 24px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0.01em;
} /* Adjust minimum height of page area */ #content-sidebar, #content-full {
  min-height: 500px;
  margin-top: 20px;
} /** Adjust width of content columns **/ #content-sidebar #content {
  width: 77.08%;
}
#content-full #content {
  width: 100%;
} /* Adjust width of sidebar */ .sidebar {
  width: 20.83%;
} /* fullwidth template */ .page-template-template-fullwidth #content {
  padding-left: 15px;
  padding-right: 15px;
}
.page-template-template-fullwidth #content ihf-search[data-eureka-id*=""].ihf-eureka {
  margin-left: -15px;
  margin-right: -15px;
} /* Adjust line height of page elements */ #content h4, aside h4, #content p, aside p, #content blockquote, aside blockquote, #content ul, aside ul, #content fieldset, aside fieldset, #content form, aside form, #content ol, aside ol, #content dl, aside dl, #content dir, aside dir, #content menu, aside menu {
  line-height: 1.7
} /* Style .entry-title(post/page) and .archive-title(category/archive/etc) main headings (h1) */ #content .entry-title, #content .archive-title {} /* Styles for category/archive/search/etc subheadings (h2) */ #content .archive-subtitle {} /* testimonials */ #aios-testimonials .aios-testimonials-lists a {
  border: 1px solid #202a5d !important;
}
.post-page-testimonials #breadcrumbs {
  margin-top: 20px;
}
.hp-quick-search .bootstrap-select.btn-group { /*select width, display and position are set here and set to !importantno height attribute. padding in .hp-quick-search .bootstrap-select.btn-group .dropdown-toggle sets the height*/ width: 100% !important;
}
.hp-quick-search .bootstrap-select.btn-group .dropdown-toggle { /*form appearance should be set hereno height attribute. set the height by setting the padding*/ height: 49px;
  background: url(images/arrow.png) no-repeat right 10px center;
  border: 1px solid #cccccc;
  border-radius: 0;
  padding: 18px 8px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  outline: 0;
}
.hp-quick-search .bootstrap-select.btn-group .dropdown-toggle .filter-option { /*font size, family, etc. should be set here*/ text-transform: uppercase;
  font-size: 11px;
  color: #1c1c1c;
  letter-spacing: 0.05em;
  line-height: 15px;
  text-overflow: ellipsis;
}
#ihf-search-location-tabs {
  display: block !important;
}
.ip-banner-breadcrumbs {
  margin: -49px 0 0;
  font-size: 13px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0.1em;
  background: rgba(32, 42, 93, .70);
  position: relative;
  padding: 18.5px 0;
}
.ip-banner-breadcrumbs a:hover, .ip-banner-breadcrumbs a:focus {
  color: #ccc;
}
span.breadcrumb_last {
  font-weight: 700;
}
#inner-page-wrapper::after {
  content: '';
  position: absolute;
  width: 9px;
  height: 50%;
  bottom: 0;
  left: 0;
  background: #202a5d;
  pointer-events: none;
}
#inner-page-wrapper::before {
  content: '';
  position: absolute;
  width: 9px;
  height: 100%;
  background: #4897a0;
  left: 0;
  top: 0;
  pointer-events: none;
}
.ip-container .contact-accent {
  display: none;
}
#inner-page-wrapper {
  margin-bottom: 0;
  padding: 0 0 50px;
}
.ip-banner .slideshow-smi {
  right: 51px;
  top: 64%;
}
.ip-banner .ss-smi .follow-us {
  color: #000;
  margin-top: 49px;
  font-size: 9px;
}
.ip-banner .ss-smi .follow-us:after {
  margin-left: 8px;
  width: 27px;
}
#agents-results .agents-name a:hover {
  color: #202a5d;
}
#agents-results .agents-contact li a:hover {
  color: #202a5d;
}
#agents-results .agents-button:hover {
  background: var(--secondary);
  border-color: var(--secondary);
}
#aios-testimonials .aios-testimonials-lists .star_rating_display i {
  color: #202a5d !important;
}
.amh-header-buttons {
  background: var(--primary) !important;
}
.amh-header-buttons .amh-center, .amh-header-buttons .amh-header-right-btn, .amh-header-buttons .amh-navigation-trigger {
  color: #fff;
}
.amh-navigation .amh-menu li.open > a, .amh-navigation .amh-menu li:hover > a {
  background: var(--secondary) !important;
}
.ip-btn {
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
}
#content .entry .aligncenter {
  max-width: 100%;
}
body .aios-communities-legacy .aioscomu-label {
  font-size: 20px;
  line-height: 1.1;
}
body.single-aios-communities .ip-com-ml { /*display: none;*/
}
body.single-aios-communities #inner-page-wrapper {
  padding-bottom: 0;
  margin-bottom: 0;
} /* Communities */ .single-aios-communities .ip-com-gated .fc-buttons .fc-btn {
  display: none;
}
.single-aios-communities .ip-com-gated .fc-buttons button {
  margin: 0 10px;
}
.ip-comdetails-rightinner {
  display: none;
}
.single-aios-communities .ipcom-details-left .section-title.left-dots {
  width: 100%;
} /* Featured Properties */ .page-id-19 #content #breadcrumbs {
  display: none;
} /* IHF */ #ihf-main-container #ihf-map-canvas {
  z-index: 10;
}
ul#ihf-search-location-tabs {
  margin-left: 0 !important;
}
#ihf-main-search-form .chosen-results, #ihf-valuation-request-form .chosen-results {
  margin: 0 !important;
  padding-left: 0 !important;
}
#ihf-main-container .glyphicon.glyphicon-remove-circle {
  color: #fff !important;
} /* Agents */ body #agents-single .agents-contact li {
  font-size: 12px;
  margin: 10px 0 !important;
}
body #agents-single .agents-contact li > div > span {
  margin-top: 0;
  float: none;
}
.grecaptcha-badge {
  z-index: 1000;
}
.ihf-details-template #inner-page-wrapper .listings-breadcrumbs p#breadcrumbs {
  display: block !important;
}
#nav .sub-menu.show-menu, #fixed-nav .sub-menu.show-menu {
  display: block;
  opacity: 1;
}
.fp-buttons.btn-responsive {
  bottom: -70px;
  left: 0;
  margin: auto;
}
.map-text > div a:hover {
  opacity: .7 !important;
}
.single-aios-communities .fp-btn a {
  margin-bottom: 20px;
}
#listings-details .listings-slideshow-text span {
  text-shadow: 1px 2px 2px #000 !important;
}
#listings-details .listings-form textarea {
  padding-right: 30px !important;
}
div.wpcf7-response-output {
  text-align: center;
}
.hp-quick-search .dropdown-menu.open {
  max-height: 300px !important;
}
.hp-quick-search ul.dropdown-menu.inner {
  max-height: 250px !important;
}
.hp-quick-search .bootstrap-select.btn-group .dropdown-menu {
  max-width: 100%;
}
body #agents-results .agents-contact li {
  font-size: 13px;
} /*MAINTENANCE CHECKING*/ .nav > li > a, #fixed-nav > li > a {
  font-size: clamp(0.563rem, 0.493vw + 0.257rem, 0.75rem) !important;
}
.nav > li, #fixed-nav > li {
  margin-left: clamp(0.625rem, 0.822vw + 0.115rem, 0.938rem) !important;
}
.hr-contact-wrap {
  min-width: 50px !important;
}
body:has(.fixed-header.active) .gtranslate_wrapper {
  opacity: 0;
}
.resource-item {
  text-align: center;
}
#content .resource-item h2 {
  font-size: 70px;
  color: #002060;
  font-family: times new roman;
  font-weight: 600;
}
.resource-item .row.bordered {
  border: 1px solid #002060;
  margin-top: 10px;
}
.resource-item .row strong {
  font-size: 18px;
  color: #002060;
}
.resource-item .row.bordered div {
  border: 1px solid #002060;
  padding: 10px 0;
  color: #002060;
  font-weight: 600;
}
.resource-item span {
  font-size: 12px;
}
.rec-misc p {
  color: #002060;
  font-size: 12px;
  font-weight: 600;
}
.opt-txt {
  font-size: 12px;
  padding: 15px 0;
  text-align: left;
  line-height: 18px;
}
.hp-form-wrap .opt-txt p {
  color: #fff;
}
.footer-contact-info {
  margin-top: 80px;
}
.footer-gt-form .opt-txt {
  color: #fff;
}
#content .cu-fields.cu-textarea {
  height: 160px;
}
#content .about-fields.about-textarea {
  height: 160px;
}
.opt-txt .wpcf7-list-item-label {
  display: none;
}
.opt-txt p > span {
  float: left;
}
.opt-txt > p > span .wpcf7-list-item {
  margin-left: 0 !important;
  margin-right: 10px;
}
.opt-txt input {
  margin-right: 10px;
}
.ft-contact-form .ft-form .field-input span.wpcf7-list-item-label {
  display: none;
}
.ihf-modal-more-info-replace, .ihf-schedule-replace, #ihfsaveListing .modal-body > div:first-child {
  display: grid;
}
.ihf-modal-more-info-replace > div:first-child, .ihf-schedule-replace > div:first-child, #ihfsaveListing .modal-body > div:first-child > div:first-child {
  order: 1;
}
#main-contact .opt-txt {
  color: #fff;
}
.opt-txt p {
  display: block !important;
  text-transform: none;
}
.hp-voted-banner .container {
  width: 100%;
  max-width: 1024px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  padding: 0 15px 130px;
}
.voted-banner-img:not(:first-child) {
  margin-top: 10px;
  margin-top: 20px;
}
.voted-banner-img img {
  margin: 0 auto;
  max-width: 100%;
  display: block;
  height: auto;
}
.aiosp-wrap .aiosp-container:has(#hp-popup) .aios-popup-body {
  width: auto;
  min-height: auto;
  background: transparent;
  padding: 20px 15px;
}
.aiosp-wrap .aiosp-container:has(#hp-popup) .aiosp-close {
  color: #fff !important;
  right: 10px;
  top: -15px;
  opacity: 1;
  font-size: 40px;
  font-weight: 300;
  font-family: var(--font-family-default);
}
.aiosp-bg:has(#hp-popup), .aiosp-wrap:has(#hp-popup) {
  pointer-events: none;
}
.voted-popup-close {
  color: #fff;
  position: absolute;
  top: -15px;
  right: 10px;
  z-index: 999;
  cursor: pointer;
  opacity: 1;
  font-size: 40px;
  font-weight: 300;
  font-family: var(--font-family-default);
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
	right: -20px;
}
.aiosp-container[class*="aiosp-ref-\#hp-popup"] .aiosp-close {
  visibility: hidden;
}
body.pointer { /*	pointer-events: none;*/
}
.aiosp-wrap .aiosp-container:has(#hp-popup) .aios-popup-body {
  pointer-events: auto;
  max-width: 100%;
  margin: 0;
  max-width: 828px;
  width: 100%;
}
.aiosp-hide {
  display: none;
}
.aiosp-wrap .aiosp-container:has(#hp-popup) {
  position: absolute;
  height: 100%;
}
.sitemap-list li.page-item-255 {
  display: none;
}
#listings-details .listings-form .wpcf7-not-valid-tip {
  top: 0;
  font-size: 12px;
  left: 0;
  right: unset;
  width: max-content;
} /* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */