/*
Theme Name: My Bahamas Realtor Properties
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: 'Open Sans', sans-serif;
    --font-family-title: 'Noto Serif', serif;
    --font-size-default: 14px;
    --font-size-title: 18px;
    --font-color-default: #000000;
    --font-color-title: #6c757d;
    /** Use for input, button, and any other element */
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    /** Custom */
    --primary-font-family: 'Poppins', sans-serif;
    --secondary-font-family: 'Arapey', serif;
    --primary-color-hex: #0f2a5a;
    --primary-color-rgb: 15, 42, 90;
    --aios-ihf-template-global-page-primary-color: #0e4a85 !important;
    --aios-ihf-template-global-page-secondary-color: #262626 !important
        /*
    --primary-color-hex: #0e4a85;
    --primary-color-rgb: 14, 74, 133;
*/
}


/*******************************************************
 *
 * 2. Custom CSS
 *
 *******************************************************/


/* Global */

html {
    margin: 0 !important;
}

body {
    font-family: var(--primary-font-family);
    font-size: 16px;
    font-weight: 400;
    color: #444;
    line-height: normal;
    background: #fff;
    margin: 0;
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
    /* Firefox */
}

body::-webkit-scrollbar {
    display: none;
    /* Safari and Chrome */
}

*:focus {
    outline: none !important;
}

a,
a:hover {
    text-decoration: none;
}

a:hover {
    color: var(--primary-color-hex);
}

a,
input {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.img-wrapper {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.img-wrapper canvas {
    display: block;
    width: 100%;
    height: auto;
}

.img-wrapper img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.bg-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.bg-wrapper canvas {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

#main-wrapper {
    overflow: hidden;
}


/*** Header ***/

.header {
    position: absolute;
    z-index: 100;
    width: 100%;
    margin: 0 auto;
    background: rgba(var(--primary-color-rgb), 0.85);
}

.header::before {
    content: '';
    width: 1px;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: min(8vw, 128px);
}

.header .container {
    width: 100%;
}

.header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 -15px;
}


/*** Header Logo ***/

.header-logo {
    margin: 0 0 0 min(3.25vw, 52px);
}

.header-logo-inner {}

.header-logo-inner a {
    display: block;
}

.header-logo-inner img {
    filter: brightness(0) invert(1);
}


/*** Header Quick Search & Navigation ***/

.header-qs-navigation {
    flex-grow: 1;
    padding: 0 min(1.875vw, 30px);
}

.header-qs-form-input .dropdown-menu {
    left: auto !important;
    right: 0 !important;
    min-width: 100% !important;
}

.header-qs {}

.header-qs-inner {
    display: flex;
    justify-content: flex-end;
    padding: 0 min(1.750vw, 28px) 0 0;
}

.header-qs-form {
    width: min(15.625vw, 250px);
    border: 1px solid rgba(255, 255, 255, 0.75);
    padding: min(0.3125vw, 5px) min(0.625vw, 10px);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.header-qs-form:hover {
    background: #fff;
}

.header-qs-form-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-qs-form-input {
    flex-grow: 1;
}

.header-qs-form-input input {
    display: block;
    width: 100%;
    height: auto;
    background: transparent;
    border: none;
    font-size: min(0.8125vw, 13px);
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    padding: 0;
}

.header-qs-form:hover .header-qs-form-input input {
    color: var(--primary-color-hex);
}

.header-qs-form-input .bootstrap-select.btn-group {
    /*select width, display and position are set here and set to !important
    no height attribute. padding in .bootstrap-select.btn-group .dropdown-toggle sets the height*/
    display: block;
    width: 100%;
    max-width: min(15.625vw, 212px);
}

.header-qs-form-input .bootstrap-select.btn-group .dropdown-toggle {
    /*form appearance should be set here
    no height attribute. set the height by setting the padding*/
    border-radius: 0;
    display: block;
    width: 100%;
    height: auto;
    background: transparent;
    border: none;
    font-size: min(0.8125vw, 13px);
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    padding: 0;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.header-qs-form-input .bootstrap-select.btn-group .dropdown-menu li a:hover,
.header-qs-form-input .bootstrap-select.btn-group:hover,
.header-qs-form-input .bootstrap-select.btn-group .dropdown-toggle .filter-option:hover,
.header-qs-form-input .bootstrap-select.btn-group .dropdown-toggle:hover {
    color: var(--primary-color-hex);
}

.header-qs-form-input .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    /*font size, family, etc. should be set here*/
    font-size: min(0.8125vw, 13px);
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    text-overflow: ellipsis;
}

.header-qs-form-input .btn-group .dropdown-menu .bs-searchbox input {
    color: black !important;
}

.header-qs-form-input > select#cityzip {
    color: #fff;
    font-weight: 400;
    max-height: 1.462em;
    text-transform: uppercase;
    font-size: min(0.8125vw, 13px);
    line-height: 1;
    appearance: none;
    background: none;
    display: block;
    outline: none;
    border: none;
    scrollbar-width: none;
  	-ms-overflow-style: none;
}

.header-qs-form-input > select#cityzip::-webkit-scrollbar {
	background: transparent;
  	width: 0px;
}

.header-qs-form-input > select#cityzip::after {
    position: absolute;
    content: attr(title);
}

.header-qs-form-button {
    position: relative;
}

.header-qs-form-button i {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: min(1vw, 16px);
    color: #fff;
    transform: scaleX(-1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.header-qs-form:hover .header-qs-form-input .bootstrap-select.btn-group .dropdown-toggle .filter-option,
.header-qs-form:hover .header-qs-form-button i,
.header-qs-form:active .header-qs-form-button i,
.header-qs-form:focus .header-qs-form-button i {
    color: var(--primary-color-hex);
}

.header-qs-form-button input {
    display: block;
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    font-size: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.header-navigation {
    margin: min(0.8125vw, 13px) 0 0;
}

.header-nav {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.header-nav li {
    position: relative;
}

.header-nav>li {
    padding: 0 min(1.750vw, 22px);
}

.header-nav>li:not(:first-child)::before {
    content: '';
    width: min(0.125vw, 2px);
    height: min(0.9375vw, 15px);
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1px;
    margin: auto;
}

.header-nav li a {
    display: block;
    position: relative;
    font-size: min(1vw, 16px);
    font-weight: 400;
    letter-spacing: 0.04em;
    padding: 0 0 0 0.04em;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.header-nav>li:hover>a {
    color: #808080;
}

.header-nav .sub-menu {
    display: block;
    position: absolute;
    width: min(12.25vw, 196px);
    text-align: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(min(1.875vw, 30px));
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: min(2.1875vw, 35px) 0 0 0;
}

.header-nav .sub-menu .sub-menu {
    margin: 0 0 0 100%;
    top: 0;
    padding: 0;
}

.header-nav>li>.sub-menu {
    left: -100%;
    right: -100%;
    margin: auto;
}

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

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

.header-nav .sub-menu li a {
    font-size: min(0.875vw, 14px);
    background: rgba(var(--primary-color-rgb), 0.8);
    padding: min(0.625vw, 10px);
}

.header-nav .sub-menu li:hover>a {
    background: rgba(var(--primary-color-rgb), 1);
}


/*** Fixed Header ***/

.fixed-header {
    position: fixed;
    transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1001;
    opacity: 0;
    background: rgba(var(--primary-color-rgb), 0.85);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.fixed-header.show-fixed {
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    opacity: 1;
}

.fixed-header::before {
    content: '';
    width: 1px;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: min(8vw, 128px);
}

.fixed-header .container {
    width: 100%;
}


/*** Off Canvas ***/

.off-canvas-trigger {
    display: flex;
    justify-content: center;
    align-items: center;
    width: min(8.0625vw, 129px);
    padding: min(3.28125vw, 52.5px) 0;
    cursor: pointer;
    position: relative;
}

.off-canvas-trigger>span {
    display: block;
    font-size: min(1.5vw, 24px);
    font-weight: 400;
    letter-spacing: 0.1em;
    padding: 0.1em 0 0 0;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    position: absolute;
    top: calc(100% + min(1.5625vw, 25px));
    text-shadow: 0 0 3px rgba(0,0,0,0.5);
}

.off-canvas-trigger-inner {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    width: min(2.5vw, 40px);
}

.off-canvas-trigger-inner span {
    display: block;
    width: 100%;
    height: min(0.1875vw, 3px);
    background: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.off-canvas-trigger-inner span:nth-child(1) {
    max-width: min(2.125vw, 34px);
    margin: 0 0 min(0.6875vw, 11px);
}

.off-canvas-trigger-inner span:nth-child(3) {
    max-width: min(1.4375vw, 23px);
    margin: min(0.6875vw, 11px) 0 0;
}

.off-canvas-trigger:hover .off-canvas-trigger-inner span {
    max-width: 100%;
}

.off-canvas-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1001;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.off-canvas-wrapper.off-canvas-open {
    visibility: visible;
    pointer-events: auto;
}

.off-canvas-wrapper::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.off-canvas-wrapper.off-canvas-open::before {
    opacity: 0.5;
}

.off-canvas {
    overflow: hidden;
    overflow-y: auto;
    width: 100%;
    max-width: 578px;
    height: 100%;
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
    margin: 0 auto 0 0;
    opacity: 0;
    background: #000;
}

.off-canvas-bg {
    background: var(--primary-color-hex);
}

.off-canvas-bg canvas {
    opacity: 0.11;
}

.off-canvas-wrapper.off-canvas-open .off-canvas {
    visibility: visible;
    pointer-events: auto;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.off-canvas-close {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 129px;
    padding: 48px 0;
    cursor: pointer;
    z-index: 10;
}

.off-canvas-close i {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.off-canvas-close:hover i {
    color: #808080;
}

.off-canvas-inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-flow: column;
    height: 100%;
}

.off-canvas-navigation {
    flex-grow: 1;
    padding: 18px 60px;
}

.off-canvas-navigation .menu-primary-menu-container {
    height: 100%;
}

.off-canvas-nav {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: space-around;
    height: 100%;
}

.off-canvas-nav li {}

.off-canvas-nav a {
    display: block;
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 0.04em;
    color: #fff;
    text-transform: uppercase;
}

.off-canvas-nav a:hover {
    color: #808080;
}

.off-canvas-contact {
    padding: 22px 30px 30px 60px;
}

.off-canvas-contact-inner {}

.off-canvas-contact-inner a {
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.01em;
    color: #fff;
    margin: 5px 0 0;
}

.off-canvas-contact-inner a:hover {
    color: #808080;
}

.off-canvas-contact-inner a br {
    display: none;
}

.off-canvas-contact-inner i {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    width: 16px;
    margin: 0 15px 0 0;
}

.off-canvas-contact-inner i.ai-font-envelope-f {
    font-size: 11px;
}

.off-canvas-contact-inner i.building-icon {
    display: block;
    width: 13px;
    height: 15px;
    background-color: #fff;
    background-size: auto;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    -webkit-mask-image: url('images/building-icon.png');
    mask-image: url('images/building-icon.png');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.off-canvas-contact-inner a:hover i.building-icon {
    background-color: #808080;
}

body.off-canvas-open {
    overflow: hidden;
}


/*** HP Slideshow ***/

#hp-ss {
    position: relative;
    z-index: 2;
}

.hp-ss-tagline {
    position: relative;
}

.hp-ss {
    position: relative;
}

.hp-ss:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.25;
    z-index: 1;
}

.hp-ss-inner {
    position: relative;
}

.hp-ss-inner>canvas {
    display: block;
    width: 100%;
    height: auto;
    max-height: 100vh;
}

.hp-ss-inner>#aios-slider-hp-slideshow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hp-ss-inner>#aios-slider-hp-slideshow * {
    height: 100%;
}

.hp-tagline {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 100px 35px 0;
}

.hp-tagline-inner {}

.hp-tagline-inner h2 {
    font-family: var(--secondary-font-family);
    font-size: 48px;
    font-weight: 400;
    letter-spacing: 0.07em;
    padding: 0 0 0 0.07em;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 0 3px #000000;
}

.hp-tagline-inner span {
    display: block;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0.32em;
    padding: 0 0 0 0.32em;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 0 3px #000000;
    margin: 3px 0 0;
}

.hp-navigation-qs {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 3;
}

.hp-navigation {
    padding: 0 35px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.75);
}

.hp-nav {
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 970px;
    margin: 0 auto;
}

.hp-nav li {}

.hp-nav li a {
    display: block;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.1em;
    padding: 14.5px 0 14.5px 0.1em;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    position: relative;
}

.hp-nav li.pe-active {
    pointer-events: none;
}

.hp-nav li a::before,
.hp-nav li a::after {
    content: '';
    width: 100%;
    height: 3px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: scaleX(0);
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hp-nav li a::after {
    top: auto;
    bottom: 0;
}

.hp-nav li:hover a:before,
.hp-nav li:hover a:after {
    transform: scaleX(1);
    opacity: 1;
}

.hp-qs {
    padding: 40px 35px 40px;
}

.hp-qs .bootstrap-select.btn-group .dropdown-menu.inner {
    max-height: 208px !important;
}

.hp-qs-inner {}

.hp-qs-form {}

.hp-qs-form-inner {
    display: flex;
}

.hp-qs-form-inputs {
    display: flex;
    flex-grow: 1;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}

.hp-qs-form-input {
    width: 22%;
    position: relative;
}

.hp-qs-form-input::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4.5px 0 4.5px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
}

.hp-qs-form-input.no-dd::before {
    display: none;
}

.hp-qs-form-input.medium {
    width: 15.5%;
}

.hp-qs-form-input.short {
    width: 12.5%;
}

.hp-qs-form-input input,
.hp-qs-form-input select,
.hp-qs-form-input .bootstrap-select button {
    display: block;
    width: 100%;
    height: 34px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.75);
    border-radius: 0;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    padding: 0 30px 0 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-overflow: ellipsis;
}



.hp-qs-form-input:not(:first-child) input,
.hp-qs-form-input:not(:first-child) select,
.hp-qs-form-input:not(:first-child) .bootstrap-select button {
    border-left: none;
}

.hp-qs-form-input .bootstrap-select button .filter-option {
    font-size: 13px !important;
    font-weight: 400;
    color: #fff !important;
    text-overflow: ellipsis;
}

.hp-qs-form-input .bootstrap-select .bs-searchbox input {
    border: 1px solid #ccc;
    border-radius: 0;
    font-size: 13px;
    font-weight: 400;
    color: #000;
}

.hp-qs-form-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 0 15px;
}

.hp-qs-form-button {}

.hp-qs-form-buttons input,
.hp-qs-form-buttons a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 130px;
    height: 34px;
    background: var(--primary-color-hex);
    border: none;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 0;
}

.hp-qs-form-buttons a {
    background: #2c2c2c;
}

.hp-qs-form-buttons input:hover,
.hp-qs-form-buttons a:hover {
    background: #808080;
}

.hp-gs {
    position: absolute;
    top: calc(136px + 27px);
    right: 58px;
    z-index: 1;
}

.hp-gs-inner {}

.hp-gs-inner a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 50px;
    border: 1px solid rgba(255, 255, 255, 0.75);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.1em;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 0 0 0 0.1em;
}

.hp-gs-inner a:hover {
    border-color: var(--primary-color-hex);
    background: var(--primary-color-hex);
}


/*** Site Title ***/

.site-title {
    display: flex;
}

.site-title.center {
    justify-content: center;
}

.site-title-inner {}

.site-title-inner span {
    display: block;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0.14em;
    color: #444;
    text-transform: uppercase;
    margin: 0 0 -3px;
}

.site-title.center .site-title-inner span {
    text-align: center;
    padding: 0 0 0 0.14em;
}

.site-title.light .site-title-inner span {
    color: #b1b1b1;
}

.site-title-inner h2 {
    font-family: var(--secondary-font-family);
    font-size: 72px;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1;
    color: var(--primary-color-hex);
    text-transform: uppercase;
}

.site-title.center .site-title-inner h2 {
    text-align: center;
    padding: 0 0 0 0.04em;
}

.site-title.light .site-title-inner h2 {
    color: #fff;
}


/*** Site Button ***/

.site-button {
    display: flex;
}

.site-button.center {
    justify-content: center;
}

.site-button-inner {
    position: relative;
}

.site-button-inner a,
.site-button-inner input {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 198px;
    max-width: 100%;
    height: 77px;
    background: transparent;
    border: 2px solid var(--primary-color-hex);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.12em;
    padding: 0 0 0 0.12em;
    color: var(--primary-color-hex);
    text-align: center;
    text-transform: uppercase;
}

.site-button-inner a:hover,
.site-button-inner input:hover {
    background: var(--primary-color-hex);
    color: #fff;
}

.site-button.light .site-button-inner a,
.site-button.light .site-button-inner input {
    border-color: #fff;
    color: #fff;
}

.site-button.light .site-button-inner a:hover,
.site-button.light .site-button-inner input:hover {
    background: #fff;
    color: var(--primary-color-hex);
}


/*** Meet Martina ***/

#hp-mm {}

.hp-mm {
    position: relative;
    padding: 113px 35px 128px;
}

.mm-bg {
    background: #fff;
}

.mm-bg canvas {
    opacity: 0.04;
}

.hp-mm .container {
    width: 100%;
    max-width: 1430px;
}

.hp-mm-inner {
    display: flex;
    flex-flow: row wrap;
    position: relative;
    z-index: 1;
}

.hp-mm-inner>div:first-child {
    width: 61.285%;
    padding: 0 30px 0 0;
}

.hp-mm-inner .site-title {
    margin: 0 0 37px;
}

.mm-text {
    max-width: 665px;
}

.mm-text p {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 1.62;
    color: #444;
}

.mm-text p:not(:first-child) {
    margin: 27px 0 0;
}

.hp-mm-inner .site-button {
    margin: 56px 0 0;
}

.hp-mm-inner>div:last-child {
    width: 38.715%;
}

.mm-photo {}

.mm-photo::before {
    content: '';
    width: 100%;
    height: 91.3%;
    background: rgba(var(--primary-color-rgb), 0.85);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.mm-photo canvas {
    height: 91.3%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    filter: grayscale(1);
    position: absolute;
    bottom: 0;
    left: 0;
}

.mm-photo img {
    position: relative;
    z-index: 1;
}


/*** Meet The Team ***/

#hp-mtt {}

.hp-mtt {
    padding: 123px 35px 87px;
    background: var(--primary-color-hex);
}

.hp-mtt .container {
    width: 100%;
    max-width: 1350px;
}

.hp-mtt-inner {}

.hp-mtt-inner .site-title {
    margin: 0 0 45px;
}

.mtt-slider {
    position: relative;
}

.mtt-slides {
    margin: 0 -8px;
}

.mtt-slides:not(.slick-initialized) {
    display: flex;
    flex-flow: row wrap;
}

.mtt-slides .slick-list {
    overflow: visible;
}

.mtt-slide {
    width: 25%;
    padding: 8px;
}

/* .mtt-slide-inner {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
} */

.mtt-slide.slick-active .mtt-slide-inner {
    opacity: 1;
    pointer-events: auto;
}

.mtt-photo-hover-info {
    position: relative;
    overflow: hidden;
}

.mtt-photo {
    position: relative;
    background: #000;
}

.mtt-photo a {
    display: block;
}

.mtt-slide-inner:hover .mtt-photo img {
    opacity: 0.33;
}

.mtt-hover-info {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: absolute;
    bottom: 32px;
    left: 0;
    z-index: 1;
    transform: translateY(32px);
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.mtt-slide-inner:hover .mtt-hover-info {
    transform: translateY(0);
    opacity: 1;
}

.mtt-hover-info a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0.06em;
    padding: 0 0 0 0.06em;
    color: #fff;
    text-align: center;
    margin: 9px 0 0;
    transition: all 0.3s ease-in-out;
}

.mtt-hover-info a:hover {
    color: #b7b7b7;
}

.mtt-hover-info i {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    margin: 0 8px 0 0;
}

.mtt-hover-info i.ai-font-envelope-f {
    font-size: 10px;
}

.mtt-info {
    padding: 22px 15px 0;
}

.mtt-info a {
    display: block;
}

.mtt-info h2 {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.02em;
    padding: 0 0 0 0.02em;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.mtt-info h2::after {
    content: '';
    width: 86px;
    height: 1px;
    background: #b1b1b1;
    margin: 12px 0;
}

.mtt-info span {
    display: block;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.06em;
    padding: 0 0 0 0.06em;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.mtt-arrows {}

.mtt-arrows a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 95px;
    background: #fff;
    font-size: 16px;
    color: #000;
    position: absolute;
    top: calc(50% - 49px);
    left: 0;
    transform: translateY(-50%);
}

.mtt-arrows a.next {
    left: auto;
    right: 0;
}

.mtt-arrows a:hover {
    background: #808080;
    color: #fff;
}

.hp-mtt-inner .site-button {
    margin: 38px 0 0;
}


/*** Featured Areas ***/

#hp-fa {
    background: #102b5c;
    padding: 26px 0 20px;
}

.fa-inner {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: center;
}

.fa-l {
    padding: 40px 0 0;
}

.fa-title {}

.fa-links {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: center;
    margin: 40px 0 0;
}

.fa-links .fa-col {}

.fa-links .fa-col ul {}

.fa-links .fa-col ul li {
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1.857;

}

.fa-links .fa-col ul li a {
    color: #fff;
}

.fa-links .fa-col ul ul li {
    font-size: 10px;
    line-height: 2.1;
}

.fa-links .fa-col ul ul li a {
    color: #b9bbbd;
}

.fa-links .fa-col ul li a:hover,
.fa-links .fa-col ul ul li a:hover,
.fa-links .fa-col ul li a.active,
.fa-links .fa-col ul ul li a.active {
    color: #5ddd5d;
}

.fa-r {
    width: 59.3125vw;
}

.map-wrap {
    position: relative;
}

.map-wrap img {
    display: block;
    width: 100%;
    height: auto;
}

.map-pattern {
    position: relative;
    z-index: 1;
}

.map-pattern canvas {
    display: block;
    width: 100%;
    height: auto;
    background: url(images/map/map-main.png) center center no-repeat;
    background-size: cover;
}

.map-section {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.map-section:not(.map-coords) {
    pointer-events: none;
}

.map-hovers {}

.map-hovers .map-hover {
    position: absolute;
    opacity: 0;
    transition: all ease .4s;
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
}

.map-hovers .map-hover.active {
    opacity: 1;
}

.map-hovers .map-hover[data-map-hover="grand-bahamas"] {
    width: 19.178%;
    left: 11%;
    top: 10.1%;
}

.map-hovers .map-hover[data-map-hover="great-abaco"] {
    width: 16.122%;
    left: 27.6%;
    top: 6.3%;
}

.map-hovers .map-hover[data-map-hover="berry-islands"] {
    width: 3.583%;
    left: 28.3%;
    top: 27.5%;
}

.map-hovers .map-hover[data-map-hover="andros"] {
    width: 16.438%;
    left: 18.65%;
    top: 38.8%;
}

.map-hovers .map-hover[data-map-hover="nassau"] {
    width: 4.953%;
    left: 34%;
    top: 41%;
}

.map-hovers .map-hover[data-map-hover="eleuthera"] {
    width: 12.118%;
    top: 32.4%;
    right: 42.8%;
}

.map-hovers .map-hover[data-map-hover="cat-island"] {
    width: 11.064%;
    top: 48%;
    right: 29.7%;
}

.map-hovers .map-hover[data-map-hover="great-exuma"] {
    width: 14.858%;
    top: 57.2%;
    right: 33.36%;
}

.map-hovers .map-hover[data-map-hover="long-island"] {
    width: 8.535%;
    top: 66%;
    right: 22.4%;
}

.map-hovers .map-hover[data-map-hover="acklins"] {
    width: 8.851%;
    bottom: 5.7%;
    right: 6.75%;
}

.map-labels {}

.map-labels .map-label {
    position: absolute;
    font-size: 0.875vw;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    text-shadow: 0.0625vw 0.0625vw 0px #000;
    line-height: 1.1;
    letter-spacing: 0.040em;
    text-align: center;
}

.map-labels .map-label[data-map-label="grand-bahamas"] {
    left: 16.8%;
    top: 13.5%;
}

.map-labels .map-label[data-map-label="great-abaco"] {
    left: 41.5%;
    top: 17.2%;
}

.map-labels .map-label[data-map-label="berry-islands"] {
    left: 19.5%;
    top: 32%;
}

.map-labels .map-label[data-map-label="andros"] {
    left: 23%;
    top: 49%;
}

.map-labels .map-label[data-map-label="nassau"] {
    left: 33%;
    top: 41.7%;
}

.map-labels .map-label[data-map-label="eleuthera"] {
    top: 40%;
    right: 42.8%;
}

.map-labels .map-label[data-map-label="cat-island"] {
    top: 53%;
    right: 23.4%;
}

.map-labels .map-label[data-map-label="great-exuma"] {
    top: 66.1%;
    right: 40.4%;
}

.map-labels .map-label[data-map-label="long-island"] {
    top: 75%;
    right: 28.3%;
}

.map-labels .map-label[data-map-label="acklins"] {
    bottom: 12.4%;
    right: -7.7%;
}

/*** Featured Areas End ***/
/*** Explore Bahamas ***/

#hp-eb {}

.hp-eb {
    padding: 96px 0 127px;
}

.hp-eb .container {
    width: 100%;
}

.hp-eb-inner {
    position: relative;
    margin: 0 calc(calc(calc(-100vw + 100%) / 2) - 1.5px);
}

.hp-eb-inner .site-title {
    width: 33.33%;
    margin: 0 0 100px;
}

.hp-eb-inner .site-title.center .site-title-inner span,
.hp-eb-inner .site-title.center .site-title-inner h2 {
    text-align: left;
    padding: 0;
}

.eb-slider {}

.eb-slides {
    display: flex;
    flex-flow: row wrap;
}

.eb-slide {
    width: 33.33%;
    padding: 1.5px;
}

.eb-slide:nth-child(3n+2) {
    transform: translateY(-80px);
}

.eb-slide:nth-child(3n) {
    transform: translateY(-172px);
}

.eb-slide a {
    display: block;
}

.eb-slide-inner {
    position: relative;
}

.eb-photo {
    background: var(--primary-color-hex);
}

.eb-photo img {}

.eb-slide a:hover .eb-photo img {
    opacity: 0.09;
}

.eb-info {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px;
}

.eb-info h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 290px;
    max-width: 100%;
    border: 1px solid rgba(var(--primary-color-rgb), 0.78);
    background: rgba(var(--primary-color-rgb), 0.78);
    padding: 24px 15px 24px calc(15px + 0.04em);
    font-family: var(--secondary-font-family);
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0.04em;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.eb-slide a:hover .eb-info h2 {
    border-color: #fff;
    background: transparent;
}

.hp-eb-inner .site-button {
    width: 33.33%;
    position: absolute;
    bottom: 0;
    right: 0;
}


/*** Exclusive Listings ***/

#hp-el {}

.hp-el {
    position: relative;
    padding: 147px 0 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 49%, rgba(0, 0, 0, 0) 49%);
}

.el-bg {
    height: 49% !important;
}

.el-bg::before {
    content: '';
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.85;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.el-bg canvas {
    filter: grayscale(1);
}

.hp-el .container {
    width: 100%;
}

.hp-el-inner {
    position: relative;
    z-index: 1;
    margin: 0 calc(calc(calc(-100vw + 100%) / 2) - 1.5px);
}

.hp-el-inner .site-title {
    /* margin: 0 0 81px; */
    margin: 0px 0 151px;
}

.el-slider {
    position: relative;
}

.el-slides:not(.slick-initialized) {
    display: flex;
    flex-flow: row wrap;
}

.el-slides .slick-list {
    overflow: visible;
}

.el-slide {
    width: 33.33%;
    padding: 1.5px;
}

.el-slide a {
    display: block;
}

.el-slide-inner {
    transform: translateY(-140px);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.el-slide.slick-current+.el-slide .el-slide-inner {
    transform: translateY(0);
}

.el-photo-hover-info {
    position: relative;
}

.el-photo {
    background: var(--primary-color-hex);
}

.el-slide a:hover .el-photo img {
    opacity: 0.11;
}

.el-hover-info {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.el-slide a:hover .el-hover-info {
    transform: scale(1);
    opacity: 1;
}

.el-hover-info span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 234px;
    max-width: 100%;
    border: 1px solid #fff;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.04em;
    padding: 16px 15px 16px calc(15px + 0.04em);
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.el-info {
    /* padding: 35px 15px 0; */
    padding:35px 15px 20px;
}

.el-info h2 {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.02em;
    padding: 0 0 0 0.02em;
    line-height: 1.16;
    color: #535353;
    text-align: center;
}

.el-info h2::after {
    content: '';
    width: 86px;
    height: 1px;
    background: #d11241;
    margin: 12px 0;
}

.el-info span {
    display: block;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.06em;
    padding: 0 0 0 0.06em;
    color: #535353;
    text-align: center;
}

.el-arrows {}

.el-arrows a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 95px;
    background: var(--primary-color-hex);
    font-size: 16px;
    color: #fff;
    position: absolute;
    bottom: 264px;
    left: 0;
    transform: translateY(50%);
}

.el-arrows a.next {
    left: auto;
    right: 0;
}

.el-arrows a:hover {
    background: #808080;
}

.hp-el-inner .site-button {
    margin: 74px 0 0;
}


/*** Consult Lawyers ***/

#hp-cl {}

.hp-cl {
    padding: 103px 35px 111px;
}

.hp-cl .container {
    width: 100%;
    max-width: 1468px;
}

.hp-cl-inner {
    display: flex;
    flex-flow: row wrap;
}

.hp-cl-inner>div:first-child {
    width: 36.3%;
    padding: 0 38px 0 0;
}

.hp-cl-inner .site-title {
    margin: 0 0 59px;
}

.cl-form {}

.cl-form-inner {}

.cl-form-inputs {}

.cl-form-input {
    margin: 0 0 9px;
}

.cl-form-input input,
.cl-form-input textarea {
    display: block;
    width: 100%;
    height: auto;
    max-height: 109px;
    resize: none;
    background: #f5f5f5;
    border: none;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.04em;
    color: #707070;
    text-transform: uppercase;
    padding: 15px;
}

.cl-form-button {
    margin: 26px 0 0;
}

.cl-form .ajax-loader,
.cl-form .wpcf7-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    margin: 0 !important;
}

.cl-form .wpcf7-response-output {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 30px;
    margin: 30px auto 0 !important;
    padding: 0 15px !important;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #707070;
    text-align: center;
    border-width: 1px !important;
}

.cl-form .wpcf7-not-valid-tip {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90%;
    max-width: 200px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    padding: 0 15px !important;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.05em;
    text-align: center;
    border-width: 1px !important;
}

.hp-cl-inner>div:last-child {
    width: calc(63.7% + calc(calc(100vw - 100%) / 2));
    margin: 0 calc(calc(-100vw + 100%) / 2) 0 0;
    padding: 101px 15px 0 0;
}

.cl-slider {
    position: relative;
}

.cl-slides {
    margin: 0 -7.5px;
}

.cl-slides:not(.slick-initialized) {
    display: flex;
    flex-flow: row wrap;
}

.cl-slide {
    width: 33.33%;
    padding: 7.5px;
}

.cl-slide a {
    display: block;
}

.cl-slide-inner {
    position: relative;
}

.cl-photo {
    background: #000;
}

.cl-slide a:hover .cl-photo img {
    opacity: 0.33;
}

.cl-arrows {}

.cl-arrows a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 95px;
    background: #fff;
    font-size: 16px;
    color: #000;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.cl-arrows a.next {
    left: auto;
    right: -2px;
}

.cl-arrows a:hover {
    background: #808080;
    color: #fff;
}


/*** Bahamas Real Estate ***/

#hp-bre {}

.hp-bre {
    position: relative;
    padding: 92px 35px 80px;
}

.bre-bg {}

.bre-bg::before {
    content: '';
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.85;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.bre-bg canvas {
    filter: grayscale(1);
}

.hp-bre .container {
    width: 100%;
    max-width: 1280px;
}

.hp-bre-inner {
    position: relative;
    z-index: 1;
}

.hp-bre-inner .site-title {
    margin: 0 0 44px;
}

.bre-text {}

.bre-text p {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.01em;
    line-height: 1.88;
    color: #000;
}

.bre-text p:not(:first-child) {
    margin: 30px 0 0;
}


/*** Financial Dreams ***/

#hp-fd {}

.hp-fd {
    padding: 143px 35px 155px;
}

.hp-fd .container {
    width: 100%;
    max-width: 1430px;
}

.hp-fd-inner {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end;
}

.hp-fd-inner>div:first-child {
    width: 48.6%;
    padding: 0 30px 0 0;
}

.hp-fd-inner .site-title {
    margin: 0 0 37px;
}

.fd-text {
    max-width: 650px;
}

.fd-text p {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.01em;
    line-height: 1.88;
    color: #000;
}

.hp-fd-inner .site-button {
    margin: 66px 0 0;
}

.hp-fd-inner>div:last-child {
    width: 51.4%;
    padding: 0 44px 40px 0;
}

.fd-photo {
    overflow: visible !important;
}

.fd-photo::before {
    content: '';
    width: 100%;
    height: 100%;
    background: var(--primary-color-hex);
    position: absolute;
    bottom: -40px;
    right: -44px;
}


/*** Let's Get Connected ***/

#hp-lgc {}

.hp-lgc {
    position: relative;
    padding: 107px 35px 101px;
    background: #000;
}

.lgc-bg {
    background: #000;
}

.lgc-bg canvas {
    opacity: 0.32;
}

.hp-lgc .container {}

.hp-lgc-inner {
    position: relative;
    z-index: 1;
}

.hp-lgc-inner .site-title {
    margin: 0 0 37px;
}

.lgc-form {
    max-width: 816px;
    margin: 0 auto;
}

.lgc-form-inner {}

.lgc-form-inputs {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -6px;
}

.lgc-form-input {
    width: 100%;
    padding: 0 6px;
    margin: 0 0 14px;
}

.lgc-form-input.short {
    width: 50%;
}

.lgc-form-input input,
.lgc-form-input textarea {
    display: block;
    width: 100%;
    height: auto;
    max-height: 111px;
    resize: none;
    background: rgba(255, 255, 255, 0.74);
    border: none;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.04em;
    color: #707070;
    text-transform: uppercase;
    padding: 15px;
}

.lgc-form-button {
    margin: 37px 0 0;
}

.lgc-form .ajax-loader,
.lgc-form .wpcf7-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    margin: 0 !important;
}

.lgc-form .wpcf7-response-output {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 30px;
    margin: 30px auto 0 !important;
    padding: 0 15px !important;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #fff;
    text-align: center;
    border-width: 1px !important;
}

.lgc-form .wpcf7-not-valid-tip {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90%;
    max-width: 200px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    padding: 0 15px !important;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.05em;
    text-align: center;
    border-width: 1px !important;
}

.lgc-form .opt-wrap .wpcf7-not-valid-tip {
    min-width: 200px;
}


/*** Footer ***/

.footer {
    background: var(--primary-color-hex);
}

.footer-top {
    padding: 70px 35px 40px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.28);
}

.footer-top .container {}

.footer-top-inner {}

.footer-logo {
    margin: 0 0 54px;
}

.footer-logo-inner {
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-logo-inner a {
    display: block;
}

.footer-logo-inner img {
    filter: brightness(0) invert(1);
}

.footer-contact {
    margin: 0 0 41px;
}

.footer-contact-inner {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: center;
}

.footer-contact-inner a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.01em;
    padding: 0 0 0 0.01em;
    color: #fff;
    text-align: center;
}

.off-canvas-contact-inner a[href="#"],
.footer-contact-inner a[href="#"] {
    pointer-events: none
}

.footer-contact-inner a:hover {
    color: #808080;
}

.footer-contact-inner a br {
    display: none;
}

.footer-contact-inner i {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    margin: 0 15px 0 0;
}

.footer-contact-inner i.ai-font-envelope-f {
    font-size: 11px;
}

.footer-contact-inner i.building-icon {
    display: block;
    width: 13px;
    height: 15px;
    background-color: #fff;
    background-size: auto;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    -webkit-mask-image: url('images/building-icon.png');
    mask-image: url('images/building-icon.png');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.footer-contact-inner a:hover i.building-icon {
    background-color: #808080;
}

.footer-accessibility {}

.footer-accessibility p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.02em;
    padding: 0 0 0 0.02em;
    line-height: 1.73;
    color: #fff;
    text-align: center;
}

.footer-accessibility p a:hover {
    color: #808080;
}

.footer-bottom {
    padding: 32px 35px 66px;
}

.footer-bottom .container {}

.footer-bottom-inner {}

.footer-navigation {
    margin: 0 0 12px;
}

.footer-nav {
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-nav li {
    position: relative;
    padding: 0 28px;
}

.footer-nav>li:not(:first-child)::before {
    content: '';
    width: 2px;
    height: 15px;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1px;
    margin: auto;
}

.footer-nav li a {
    display: block;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.04em;
    padding: 0 0 0 0.04em;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.footer-nav li a:hover {
    color: #808080;
}

.footer-copyright {
    margin: 40px 0 12px;
}

.footer-copyright p {
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.02em;
    padding: 0 0 0 0.02em;
    line-height: 1.73;
    color: #fff;
    text-align: center;
}

.footer-copyright p a:hover {
    color: #808080;
}

.footer-eho-realtor-mls-logo {
    display: flex;
    justify-content: center;
    align-items: center;
}


/*******************************************************
 *
 * 3. IP Styles
 *
 *******************************************************/

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

.ip-banner::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.25;
    z-index: 1;
}

.ip-banner canvas {
    display: block;
    position: relative;
    z-index: 0;
    width: 100%;
    min-height: 250px;
    background-color: var(--dark);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

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

.ip-banner h1 {
    font-weight: 700;
    font-size: 32px;
    text-align: center;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1.7;
}

.ip-banner h1 span {
    display: block;
    font-size: 24px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0.01em;
}


/* Adjust minimum height of page area */

#content-sidebar,
#content-full {
    min-height: 500px;
    margin: 20px 0 0;
}


/** 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: 0 15px;
}

.page-template-template-fullwidth #content ihf-search[data-eureka-id*=""].ihf-eureka {
    margin: 0 -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-family: var(--secondary-font-family);
    font-size: 72px;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1;
    color: var(--primary-color-hex);
    text-transform: uppercase;
}


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

#content .archive-subtitle {}


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

body #pojo-a11y-toolbar {
    top: calc(100vh - 52px) !important;
}

body #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay {
    transform: translateY(calc(-100% + 52px));
}


#content .post {
    border-bottom: 1px dotted;
}

#content .archive-thumbnail canvas {
    display: block;
    width: 100%;
    height: auto;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

/* #listings-results, .listings-hero {
    max-width: 1140px;
    margin: 0 auto;
} */
   .splide.splide__main {  
      max-width: 1600px !important;  
      margin-left: auto !important;  
      margin-right: auto !important;  
    }  

    .listings-slideshow-splide-img img {  
      width: 100% !important;  
      height: auto!important;  
      display: block !important;  
    }  
.listings-slideshow .aios-custom-ihomefinder-template-img-loader img {
    object-fit: contain !important;
}

.community-wrap #listings-results {
    max-width: 100%;
}

.single-aios-communities #content .community-featured-image {
    width: 35%;
}

.single-aios-communities #content .ai-classic-communities-details-text h1 {
    display: flow-root;
}

.ai-communities-pagination ul li span.current {
    color: var(--aios-communities-primary-color, #bfb183);
}

#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.pojo-a11y-btn-light-background,
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.pojo-a11y-btn-negative-contrast,
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.pojo-a11y-btn-high-contrast,
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.pojo-a11y-btn-grayscale {
    display: none !important;
}

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

    color: #fff !important;
}

body.page-id-158939 .elementor .elementor-hidden-mobile,
body.page-id-158939 .elementor .elementor-hidden-phone {
    /*display: block !important;*/
}

/* Printable Flyer */
.aios-custom-ihomefinder-printable-template #breadcrumbs {
    display: none;
}

/* Listing Deatails */
#listings-details .listings-link-navigation-main:focus,
#listings-details .listings-link-navigation-main:hover {
    color: #fff !important;
}

/* Agents */
div#agents-popup-form .use-floating-validation-tip .wpcf7-not-valid-tip {
    position: absolute !important;
    top: 20%;
    left: 20%;
    right: auto;
    width: auto;
    font-size: 10px;
    padding: .2em .8em;
    line-height: 1;
}

.single-aios-agents p#breadcrumbs {
    margin-top: 30px;
}

body #agents-results .agent-top {
    margin: 0;
}

/* Global Forms */
.wpcf7 form .wpcf7-response-output {
    text-align: center;
}

/* Testimonials */
body #aios-testimonials.aios-testimonials-page .aios-testimonials-content {
    padding-top: 0;
    padding-bottom: 0;
}

/* Contact Page */
.ai-contact-wrap a:hover {
    color: #3b5789 !important;
}

.lgc-form-inner .wpcf7-form-control-wrap {
    display: block;
}

/* QA updates */
html #agents-results .agents-col:nth-child(odd) .agents-name {
    align-items: flex-start
}

html #agents-results .agents-contact {
    justify-content: center;
}

html #agents-single .agents-contact li.agent-email-address {
    margin: 15px auto;
}

html #agents-single .agents-contact li {
    margin-bottom: 5px;
}

html #agents-single .agents-smi {
    margin: 10px 0;
}

body.single-aios-communities #breadcrumbs {
    padding: 0 15px;
}

.ihf-results-template .post-0 .entry-title {
    width: 100% !important;
    padding: 0 !important;
}

#listings-details .listings-form .ajax-loader {
    top: -30px !important;
}

#agents-single .agents-contact li.agent-contact-centered > div {
    flex-flow: row !important;
}


.hp-qs .bootstrap-select.btn-group .dropdown-menu.inner span.text,
.header-qs .bootstrap-select.btn-group .dropdown-menu.inner span.text{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;    
    width: 93.5%;
}

/*Optimization*/
#hp-mm, #hp-cl, #hp-bre, #hp-fd, #hp-lgc{
Display: none;
}
/* #hp-ss, #hp-fa, #hp-eb, #hp-el {
Opacity: 0; 
} */

.ihf-advanced-property-search #areaPickerExpandAll .glyphicon{
    color: #ffffff !important;
}
.error-page-content-wrapper .use-floating-validation-tip .wpcf7-not-valid-tip{
    position: absolute;
    top: 0;
    left: 0;
    width: max-content;
}
body.ihf-details-template #listings-details .listings-form textarea {
    padding-right: 35px !important;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
body.ihf-details-template #listings-details .listings-form textarea::-webkit-scrollbar {
    display: none;
}
body.pojo-a11y-readable-font [class*=ai-font-]{
    font-family: agentimage !important;
}
body.ihf-details-template .use-floating-validation-tip .wpcf7-not-valid-tip{
    left: 0;
    font-size: 12px;
    top: 50%;
    transform: translateY(-50%);
}
.post-page-meet-the-team h1.entry-title{
    font-family: var(--secondary-font-family);
    font-size: 72px;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1;
    color: var(--primary-color-hex);
    text-transform: uppercase;
}
.post-page-meet-the-team #inner-page-wrapper #breadcrumbs{
    padding: 0;
    margin: 1.25em 0;
}
.single-aios-agents h1.agent-entry-title{
    font-family: var(--secondary-font-family);
    font-size: 72px;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1;
    color: var(--primary-color-hex);
    text-transform: uppercase;
}
.single-aios-agents #inner-page-wrapper #breadcrumbs{
    padding: 0;
    margin: 1.25em 0;
}
body.aios-custom-ihomefinder-shortcode:has(.aios-custom-ihomefinder-shortcode-template) #inner-page-wrapper > .container{
    width: 100%;
}

.ihf-modal-submit .ihf-modal-form-response-output{
    display: none!important;
}

.grecaptcha-badge {
    z-index: 999;
    margin-bottom: 70px;
}



.opt-wrap > .opt-policy {
	display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  clear: both;
  gap: 10px;
  margin-top: 15px;
  /*padding-top: 15px;*/
}
.opt-box .wpcf7-list-item-label {
	display: none !important;
}
.opt-policy .opt-box input {
	margin: 0;
}
.opt-policy .opt-txt {
  color: initial;
  text-align: justify;
  line-height: 1.2;
	font-size: 12px;
}
.opt-policy .opt-txt a {
    font-weight: bold;
	color: initial;
}
.ai-contact-wrap .opt-box span {
	line-height: 0
}
.opt-policy .wpcf7-list-item {
margin: 0;
}

.hp-lgc-inner .opt-policy .opt-txt,
.hp-lgc-inner .opt-policy .opt-txt a {
	color: #fff;
}

#listings-details .listings-seller-rep img {
	height: auto;
}

#listings-details .listings-disclaimer-inner > div img {
	width: 100%;
	height: auto;
	max-width: 135px;
}

.aios-custom-ihomefinder-results-template #content-full .entry-title {
    width: 100% !important;
    padding: 0 !important;
}

.aios-custom-ihomefinder-results-template .aios-custom-ihomefinder-template-credits.mt-lg {
    margin-bottom: 30px;
}

#ihf-main-container #areaPickerClearAll .glyphicon {
    color: #ffffff !important;
}

#listings-details .listings-hero .splide.splide__main {
    max-width: 100% !important;
}

#listings-details .listings-slideshow-splide.splide-default .listings-slideshow-splide-text span {
    text-shadow: 0 1px 3px rgba(0, 0, 0, 1), 0px 1px 3px rgba(0, 0, 0, 1) !important;
}

#content .listings-printable-header img {
    filter: brightness(0) invert(1);
}

#inner-page-wrapper .ai-classic-communities > .container {
    width: 100%;
}
#inner-page-wrapper .ai-classic-communities .ai-classic-communities-heading {
    max-width: 100%;
}
#inner-page-wrapper .ai-classic-communities-pagination .page-numbers.current {
    color: var(--aios-communities-primary-color);
}

body.pojo-a11y-readable-font .footer-nav li a,
body.pojo-a11y-readable-font .header-nav li a {
    font-family: var(--font-family-default) !important;
}

/* body nav{
    background-color:inherit;
} */