/*
Theme Name: Bates & Myers
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.6.1
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-default: "Source Sans Pro", sans-serif;
    --font-family-title: "Barlow Semi Condensed", sans-serif;
    --font-size-default: var(--fs-16);
    --font-size-title: 18px;
    --font-color-default: #000000;
    --font-color-title: #6c757d;

    /** Use for input, button, and any other element */
    /*--primary: #007bff;*/
    --primary: #d21d36;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --default-transition: .3s cubic-bezier(.4,0,.2,1);

    --ff-eb-garamond: "Barlow Semi Condensed", sans-serif;
    --ff-inter: 'Inter', sans-serif;
    --ff-lato: "Source Sans Pro", sans-serif;
    
    --fs-16: max(min(1vw, 16px), 9.92px);
    
    --cs-black: #000000;
    --cs-blue: #1a71ce;
    --cs-red: #d0112b;

    --width-1140: calc((1140/1600)*100%);
    --width-1283: calc((1283/1600)*100%);
    --width-1480: calc((1480/1600)*100%);
}

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

/* Sub Menu */
#nav {
    /*display: none;*/
	display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--fs-16);
}
 #nav > li {
    position:relative;
	 font-family: var(--ff-lato);
  font-size: 0.813em;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 0.769em;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--default-transition);
  padding: 0 4em;
}

#nav > li::after {
	position: absolute;
	content: '';
	right: 0;
	width: 1px;
	height: 1em;
	background: #fff;
	margin: 1.308em auto 1.692em;
}

#nav > li:last-child:after {
	display: none;
}

#nav > li a {
  color: #fff;
  padding: 1.308em 0 1.692em;
  transition: var(--default-transition);
}

#nav > li a:hover {
	opacity: 0.75;
}

#nav .sub-menu {
  position: absolute;
  top: 100%;
  opacity: 0;
  visibility: hidden;
  min-width: 14.154em;
  background: linear-gradient(#525252, #383838);
  transition: var(--default-transition);
  text-align: center;
}
#nav .sub-menu::before {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: 100%;
	border-left: 0.462em solid transparent;
	border-right: 0.462em solid transparent;
	border-bottom: 0.692em solid #515151;
	margin: 0 auto;
	width: 0.692em;
}
#nav .sub-menu a {
    color: #FFFFFF;
    display: block;
    padding: 10px;
}
#nav .sub-menu a:hover {
    background: var(--cs-red);
    text-decoration: none;
}
#nav .sub-menu .sub-menu {
    margin-left: 100%;
 	top:0;
}
#nav li:hover > .sub-menu {
   /* display: block;*/
	opacity: 1;
  visibility: visible;
}
#nav .sub-menu li {
    position: relative;
}
 

/*******************************************************
 *
 * 3. Custom CSS
 *
 *******************************************************/

/* Global */
html, body {
    scroll-behavior: smooth;
    height: 100%;
}

body{
	/* font-family: var(--font-family-default);
	font-size: var(--font-size-default);*/

    font-family: var(--ff-lato);
    font-weight: 400;
    font-size: var(--fs-16);
    letter-spacing: 0.05em;
    line-height: 1.9;
    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; */
}

section {
    position: relative;
}

a {
    transition: var(--default-transition);
}
a:hover, a:focus, a:focus-within,
em.ai-mobile-phone a:hover, em.ai-mobile-phone a:focus, em.ai-mobile-phone a:focus-within {
    color: var(--cs-blue);
}

#main-wrapper {
    overflow: hidden;
}

.section-bg {
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    width: 100%; height: 100%;
    z-index: -1;
}
.section-bg canvas {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.section-title {
    position: relative;
    font-size: var(--fs-16);
}
.section-title h2 {
    font-size: 40px;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 0.708em;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 0.528em;
    display: inline-block;
	color:#d21d36;
}
.section-title h2::before {
    position: absolute;
    content: '';
    left: calc(-100vw - 10px);
    right: 0;
    bottom: 32px;
    height: max(0.014em, 4px);
    background-image: -moz-linear-gradient( 90deg, rgb(215,215,215), rgb(215,215,215));
    background-image: -webkit-linear-gradient( 90deg, rgb(215,215,215), rgb(215,215,215));
    background-image: -ms-linear-gradient( 90deg, rgb(215,215,215), rgb(215,215,215));
    background-image: linear-gradient( 90deg, rgb(215,215,215), rgb(215,215,215));
    width: 100vw;
}
.section-title h2::after {
    position: absolute;
    /* content: ''; */
    left: 0;
    bottom: 0;
    width: 0.167em;
    height: 0.167em;
    background-image: -moz-linear-gradient( 90deg, rgb(111,111,111), rgb(156,156,156));
    background-image: -webkit-linear-gradient( 90deg, rgb(111,111,111), rgb(156,156,156));
    background-image: -ms-linear-gradient( 90deg, rgb(111,111,111), rgb(156,156,156));
    background-image: linear-gradient( 90deg, rgb(111,111,111), rgb(156,156,156));
}
.section-title h2 strong {
    font-size: 80px;
    font-family: "Barlow Semi Condensed", sans-serif;
    font-weight: 600 !important;
    line-height: 0.722em;
    margin-bottom: 13px;
    display: block;
    color: #000;
    margin-left: -20px;
}
#about .section-title h2 strong {
    font-size: 60px;    
}
.section-title.center {
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-title.center h2 {
    text-align: center;
}
.section-title.invert h2,
.section-title.invert h2 strong {
    color: #fff;
}
.section-btn {
    font-size: var(--fs-16);
    display: inline-block;
}
.section-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
}
.site-btn {
    font-family: var(--ff-lato);
    font-weight: 700;
    font-size: 0.813em;
    letter-spacing: 0.5em;
    line-height: 0.769em;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    padding: 1.538em 0 1.615em;
    background: #000;
    transition: var(--default-transition);
    width: 15em;
    display: block;
    position: relative;
/*    background-image: url('images/bg-btn-light.jpg');*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
    -webkit-text-stroke: 0px currentColor;
    transition: var(--default-transition);
}
.site-btn::after {
    position: absolute;
    content: '';
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: url('images/bg-btn-dark.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
    opacity: 0;
    transition: var(--default-transition);
}
.site-btn:hover::after,
.site-btn:active::after,
.site-btn:focus-within::after {
    opacity: 1;
}
.site-btn:hover,
.site-btn:active,
.site-btn:focus-within  {
    color: #fff;
}
/* .site-btn:hover {
    cursor: pointer;

    box-shadow: inset 0 0 35px 0px rgba(0, 0, 0, 0.15),
        inset 0 2px 1px 1px rgba(255, 255, 255, 0),
        1px 1px 15px 2px rgba(154, 137, 164, 0.1);

    text-shadow: 3px -3px 5px rgba(143, 162, 199, 1),
        -3px 3px 5px rgba(192, 151, 178, 1);

    -webkit-transition: box-shadow 0.4s, text-shadow 0.5s;
    -moz-transition: box-shadow 0.4s, text-shadow 0.5s;
    transition: box-shadow 0.4s, text-shadow 0.5s;
}

.site-btn:active {
    background: linear-gradient(
        30deg,
        rgba(210, 178, 212, 1) 0%,
        rgba(177, 183, 223, 1) 100%
    );
    color: rgba(192, 181, 218, 1);

    box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.15),
        1px 1px 15px 2px rgba(154, 137, 164, 0.1);

    text-shadow: 1px -1px 1px rgba(143, 162, 199, 0.75),
        -1px 1px 1px rgba(192, 151, 178, 0.75);

    -webkit-transition: background 0.3s color 0.2s,
        text-shadow 0.3s box-shadow 0.3s;
    -moz-transition: background 0.3s color 0.2s,
        text-shadow 0.3s box-shadow 0.3s;
    transition: background 0.3s color 0.2s, text-shadow 0.3s box-shadow 0.3s;
} */
.site-arrow {
    background: none;
    outline: none;
    border: none;
    text-align: center;
    text-transform: uppercase;
    font-family: var(--ff-lato);
    font-weight: 400;
    font-size: 0.852em;
    letter-spacing: 0.2em;
    padding: 0;
    display: flex;
    align-items: center;
}
.site-arrow i { 
    font-size: 1.174em; 
    line-height: 1.159em;
}
.site-arrow.prev-arrow { margin-right: 1.687em; }
.site-arrow.next-arrow { margin-left: 1.687em; }
.site-arrow.prev-arrow i { margin-right: 0.313em; }
.site-arrow.next-arrow i { margin-left: 0.313em; }
.site-img {
    width: 100%;
    overflow: unset;
    position: relative;
}
.site-img img {
    width: 100%;
   /*  height: 100%; */
    position: absolute;
    top: 0; 
    left: 0;
    display: block;
    object-fit: contain;
    transition: var(--default-transition);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.site-img canvas {
    width: 100%;
    height: auto;
    display: block;
}

/* START HEADER */
header {
    position: fixed;
    z-index: 105;
    top: 0;
    left: 0;
    right: 0;
    transition: var(--default-transition);
}
.hdr-nav {
    /*padding-top: calc((50/1600)*100%);*/
    transition: var(--default-transition);
	width: 60%;
}
.hdr-nav > div {
    /*display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0 calc((58/1600)*100%) 0 calc((61/1600)*100%);
    max-width: 1600px;
    margin: 0 auto;
    transition: var(--default-transition);*/
}
.nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: var(--fs-16);
}
.nav.left {
    width: calc((477/1481)*100%);
}
.nav.right {
    width: calc((483/1481)*100%);
}
.nav.left > li:nth-child(2) {
    padding: 0 4.154em 0 4em;
    margin: 0 auto;
}
.nav.right > li:nth-child(2) {
    padding: 0 3.692em 0 3.538em;
    margin: 0 auto;
}
.nav.left > li:nth-child(2)::before,
.nav.right > li:nth-child(2)::before {
    position: absolute;
    content: '';
    right: 0;
    width: 1px;
    height: 1em;
    background: #fff;
    margin: auto;
}
.nav.left > li:nth-child(2)::after,
.nav.right > li:nth-child(2)::after {
    position: absolute;
    content: '';
    left: 0;
    width: 1px;
    height: 1em;
    background: #fff;
    margin: auto;
}
.nav li {
    font-family: var(--ff-lato);
    font-size: 0.813em;
    font-weight: 400;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    line-height: 0.769em;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--default-transition);
}
.nav > li > a {
    padding: 1.308em 0 1.692em;
    transition: var(--default-transition);
}
.nav > li > a:hover,
.nav > li > a:focus {
    color: #fff;
    opacity: 0.75;
}
.nav li a:hover,
.nav li a:focus {
    background: none;
    color: #fff;
}
.nav li .sub-menu {
    position: absolute;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    min-width: 14.154em;
    background: linear-gradient(#525252, #383838);
    transition: var(--default-transition);
}
.nav li .sub-menu::before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 100%;
    border-left: 0.462em solid transparent;
    border-right: 0.462em solid transparent;
    border-bottom: 0.692em solid #515151;
    margin: 0 auto;
    width: 0.692em;
}
.nav li .sub-menu li {
    font-size: inherit;
    color: #fff;
    transition: var(--default-transition);
}
.nav li .sub-menu li a {
    padding: 0.692em 0 0.615em;
    text-align: center;
    width: 100%;
}
.nav li:hover .sub-menu,
.nav li:focus-within .sub-menu {
    opacity: 1;
    visibility: visible;
}
.nav li .sub-menu li:hover,
.nav li .sub-menu li:focus-within {
    background: var(--cs-red);
}
.hdr-logo {
    width: calc((327/1600)*100%);
}
.hdr-logo a {
    display: block;
}
header.active {
    background: var(--cs-black);
}
header.active .hdr-nav {
    padding: 0;
}
header.active .nav > li {
    padding: 2.846em 0 2.769em;
}
header.active .nav > li > a  {
    padding: 0;
}
header.active .nav li .sub-menu {
    top: calc(100% + 0.692em);
}
header.active .hdr-logo {
    /*margin: auto;*/
}
/* END   HEADER */

.hp-fixed-smi {
    position: fixed;
    top: calc((243/800)*100%);
    right: calc((20/1600)*100%);
    z-index: 2;
}
.fixed-smi { 
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: var(--fs-16);
}
.fixed-smi .fs-link {
    width: 1.789em;
    height: 1.789em;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    font-size: 1.188em;
    margin-bottom: 0.789em;
}
.fixed-smi .fs-scroll-down {
    writing-mode: vertical-lr;
    display: flex;
    align-items: center;
    transform: rotateZ(180deg);
    text-transform: uppercase;
    font-size: 0.75em;
    font-family: var(--ff-lato);
    font-weight: 400;
    letter-spacing: 0.3em;
    padding-bottom: 4.917em;
    color: #fff;
}
.fixed-smi .fs-scroll-down::after {
    position: absolute;
    content: '';
    bottom: 0; left: 0; right: 0;
    height: 3.583em;
    width: 0.083em;
    margin: 0 auto;
    background: currentColor;
}

.nav-active-section-work-with-us .fixed-smi .fs-link,
.nav-active-section-properties .fixed-smi .fs-link,
.nav-active-section-listings .fixed-smi .fs-link,
.nav-active-section-contact .fixed-smi .fs-link,
.nav-active-section-social .fixed-smi .fs-link,
.nav-active-section-team .fixed-smi .fs-link {
    color: #fff;
    background: var(--cs-black);
}
.nav-active-section-work-with-us .fixed-smi .fs-link:hover,
.nav-active-section-properties .fixed-smi .fs-link:hover,
.nav-active-section-listings .fixed-smi .fs-link:hover,
.nav-active-section-contact .fixed-smi .fs-link:hover,
.nav-active-section-social .fixed-smi .fs-link:hover,
.nav-active-section-team .fixed-smi .fs-link:hover {
    background: var(--cs-blue);
}
.nav-active-section-work-with-us .fixed-smi .fs-scroll-down,
.nav-active-section-properties .fixed-smi .fs-scroll-down,
.nav-active-section-listings .fixed-smi .fs-scroll-down,
.nav-active-section-contact .fixed-smi .fs-scroll-down,
.nav-active-section-social .fixed-smi .fs-scroll-down,
.nav-active-section-team .fixed-smi .fs-scroll-down {
    color: var(--cs-black);
}

.slideshow {
    position: relative;
}
.slideshow-wrapper {
    position: relative;
}
.slideshow-wrapper::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 50%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55), transparent);
    z-index: 1;
}
.slideshow-wrapper::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.24);
}
.slideshow-wrapper .aios-slider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.slideshow-wrapper canvas {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 300px;
}
.slideshow-tagline {
    position: absolute;
    left: 0; 
    right: 0;
    bottom: 0;
    z-index: 1;
    color: #fff;
    font-size: var(--fs-16);
    font-family: var(--ff-eb-garamond);
    padding-bottom: calc((68/1600)*100%);
    width: var(--width-1140);
    max-width: 1140px;
    margin: 0 auto;
}
.slideshow-tagline span {
    font-size: 70px;
    letter-spacing: 0;
    line-height: 0.735em;
    text-transform: uppercase;
    display: block;
    font-family: "Barlow Semi Condensed", sans-serif;
    font-weight: 600;
}
.slideshow-tagline h2 {
       font-size: 40px;
    line-height: 0.7em;
    margin-top: 40px;
    font-family: "Source Sans Pro", sans-serif;
    text-transform: uppercase;
}

/* START HP | ABOUT */
.about-bg {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.about-bg::before {
    position: absolute;
    content: '';
    top: 0; 
    left: 0;
    bottom: 0; 
    width: calc((215/1600)*100%);
    background: rgba(255, 255, 255, 0.74);
    z-index: 1;
}
.about-bg::after {
    position: absolute;
    content: '';
    bottom: 0; right: 0; 
    width: calc((356/1600)*100%);
    height: calc((582/1600)*100vw);
    background: rgba(0, 0, 0, 0.82);
}
.about-bg canvas {
    -webkit-filter: grayscale();
    filter: grayscale();
    background-repeat: no-repeat;
    background-size: cover;
}
.about-bg .about-bg-left {
    height: 100%;
    width: calc((215/1600)*100%);
}
.about-bg .about-bg-right {
    height: calc((582/1600)*100vw);
    width: calc((356/1600)*100%);
}
.about-content {
    width: var(--width-1283);
    max-width: 1283px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 auto;
    padding: calc((116/1600)*100%) 0 0;
}
.about-content .site-img {
    overflow: hidden;
}
.about-col-left {
    width: calc((595/1283)*100%);
    margin-left: calc((139/1283)*100%);
}
.about-col-left .about-title {
    margin-bottom: 1.75em;
}
.about-col-left p {
    font-family: var(--ff-lato);
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.05em;
    line-height: 1.9;
    padding: 0.938em 0;
}
.about-col-left .about-btn {
    margin-top: 1.563em;
}
.about-col-right {
    width: calc((558/1283)*100%);
    margin-right: calc((-96/1283)*100%);
    padding-top: calc((14/1283)*100%);
    position: relative;
}
.about-col-right a {
    display: block;
}
.about-img {
    cursor: pointer;
}
.about-img .site-img {
    overflow: hidden;
}
.about-img .site-img::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.46);
}
.about-img:hover img,
.about-img:focus-within img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.about-img i.play-icon {
    font-size: var(--fs-16);
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    height: 3em;
    width: 2.625em;
    transform: translate(-50%, -50%);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
}
.about-iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: -1;
    transition: var(--default-transition);
    width: 100%;
    height: 100%;
}
.about-iframe.active {
    z-index: 2;
    opacity: 1;
}
/* END   HP | ABOUT */
 
/* START HP | LISTINGS */
section.listings {
    margin: 
        max(min(calc((88/1600)*100vw), 88px), calc(88px*0.62)) 0
        max(min(calc((50/1600)*100vw), 50px), calc(50px*0.62));
}
.listings-bg::before {
    position: absolute;
    content: '';
    top: 0; left: 0;
    width: calc((159/1600)*100%);
    z-index: 1;
    background: rgba(0, 0, 0, 0.6);
    height: calc((760/1600)*100vw);
}
.listings-bg::after {
    position: absolute;
    content: '';
    right: 0;
    bottom: calc((101/1333)*100%);
    width: calc((158/1600)*100%);
    z-index: 1;
    background: rgba(255, 255, 255, 0.74);
    height: calc((441/1600)*100vw);
}
.listings-bg .listings-bg-left {
    position: absolute;
    top: 0; left: 0;
    width: calc((159/1600)*100%);
    height: auto;
}
.listings-bg .listings-bg-right {
    position: absolute;
    right: 0;
    bottom: calc((101/1333)*100%);
    width: calc((158/1600)*100%);
    height: auto;
    object-fit: cover;
}
.listings-content {
    position: relative;
    width: var(--width-1283);
    max-width: 1283px;
    margin: 0 auto;
}
.listings-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 
        calc(((4)/1283)*100%)
        calc(((40)/1283)*100%)
        calc((43/1283)*100%)
        calc((62/1283)*100%);
    margin-left: calc(((623 + 39)/1283)*100%);
    z-index: 1;
}
.listings-header p {
    font-family: var(--ff-lato);
    font-size: var(--fs-16);
    font-weight: 400;
    line-height: 1.9;
    padding-top: 2.188em;
    letter-spacing: 0.05em;
}
.listings-list {
    width: 100%;
}
.listings-slider .slick-slide > div {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.listings-item {
    overflow: hidden;
    position: relative;
    width: calc((623/1283)*100%) !important;
}
.listings-item:nth-child(2) {
    height: 100%;
    align-self: flex-end;
}
.listings-item:nth-child(-n+2) {
    margin-bottom: calc((39/1283)*100%);
}
.listings-status {
    position: absolute;
    top: 0; right: 0;
    z-index: 1;
    font-family: var(--ff-lato);
    font-weight: 400;
    font-size: var(--fs-16);
    letter-spacing: 0.05em;
    line-height: 0.688em;
    text-transform: uppercase;
    text-align: center;
    padding: 0.938em 1.75em 1em 1.5em;
    background: var(--cs-red);
    color: #fff;
    transition: var(--default-transition);
}
.listings-item:first-child .listings-img canvas {
    height: calc((752/1600)*100vw);
    max-height: 630px;
}
.listings-info {
    position: absolute;
    left: 0; 
    right: 0;
    bottom: 0; 
    z-index: 1;
    margin: 0 auto;
    padding: 1.813em 1em 1.875em;
    width: calc((507/623)*100%);
    font-size: var(--fs-16);
    transition: var(--default-transition);
}
.listings-info p {
    font-family: var(--ff-eb-garamond);
    font-weight: 600;
    font-size: 1.8em;
    letter-spacing: 0.05em;
    line-height: 0.75em;
    text-transform: uppercase;
    text-align: center;
    transition: var(--default-transition);
}
.listings-info p em {
    font-style: normal;
    font-family: var(--ff-lato);
    font-size: 0.667em;
    line-height: 0.813em;
    display: block;
    margin-top: 1em;
    transition: var(--default-transition);
	font-style: normal !important;
}
.listings-info strong {
    text-transform: uppercase;
    font-family: var(--ff-lato);
    font-weight: 400;
    font-size: 1em;
    letter-spacing: 0.05em;
    text-align: center;
    line-height: 1em;
    display: block;
    margin-top: -0.844em;
    opacity: 0;
    transition: var(--default-transition);
}
.listings-info .site-btn {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    opacity: 0;
    z-index: -1;
    margin: calc((-51/507)*100%) auto 0;
    width: calc((215/507)*100%);
    transition-delay: .1s;
}
.listings-info canvas {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: linear-gradient(90deg, rgb(146,146,146) 0%, rgb(220,220,220) 100%) !important;
    transition: var(--default-transition);
    z-index: -1;
	opacity: .5;
}
.listings-btn {
    margin-top: calc((50/1283)*100%);
}
.listings-item:hover .listings-status,
.listings-item:focus-within .listings-status {
    margin-top: calc((-36.25/507)*100%);
    margin-right: calc((-97.38/507)*100%);
}
.listings-item:hover .listings-img img,
.listings-item:focus-within .listings-img img {
    -webkit-filter: grayscale();
    filter: grayscale();
    transform: scale(1.1);
}
.listings-item:hover .listings-info,
.listings-item:focus-within .listings-info {
    margin-bottom: calc((169/623)*100%);
    background: rgba(0, 0, 0, 0.82);
    padding: 2.438em 1em 2em;
    color: #fff;
}
.listings-item:first-child:hover .listings-info,
.listings-item:first-child:focus-within .listings-info {
    margin-bottom: calc((309/623)*100%);
}
.listings-item:hover .listings-info p em,
.listings-item:focus-within .listings-info p em {
    color: #b6b6b6;
}
.listings-item:hover .listings-info strong,
.listings-item:focus-within .listings-info strong {
    margin-top: 1.563em;
    opacity: 1;
}
.listings-item:hover .listings-info strong em, 
.listings-item:focus-within .listings-info strong em {
    color: #808080;
}
.listings-item:hover .listings-info .site-btn,
.listings-item:focus-within .listings-info .site-btn {
    opacity: 1;
    margin-top: 0;
    background: #808080;
}
.listings-item:hover .listings-info .site-btn::after, 
.listings-item:focus-within .listings-info .site-btn::after {
    opacity: 1;
}
.listings-item:hover .listings-info canvas,
.listings-item:focus-within .listings-info canvas {
    opacity: 0;
}
/* END   HP | LISTINGS */

/* START HP | MAP */
.map-content {
    max-width: 1600px;
    margin: 0 auto;
    position: relative;
}
.map-left {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: calc((606/1600)*100%);
    max-width: 606px;
    margin:
        max(min(calc((164/1600)*100vw), 164px), calc(164px*0.62)) 0 0
        max(min(calc((169/1600)*100vw), 169px), calc(169px*0.62));
}
.map-right {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}
.map-title h2 {
    display: block;
}
.map-list {
    padding: 
        calc((71/606)*100%) 0 0
        calc((73/606)*100%);
    width: calc((302/606)*100%);
}
.map-list li {
    font-size: var(--fs-16);
    margin-bottom: 1.25em;
    overflow: hidden;
}
.map-list li a {
    display: block;
    font-size: 1.3em;
    font-weight: 400;
    font-family: var(--ff-lato);
    line-height: 0.721em;
    text-transform: uppercase;
    color: #717171;  
    display: flex;
    align-items: center;
    transition: var(--default-transition);
}
.map-list li a i.location {
    width: 0.769em;
    height: 1.058em;
    margin-right: 0.721em;
    background: #2377a1;
    transition: var(--default-transition);
}
.map-list li a i.ai-font-arrow-g-d {
    font-size: 0.577em;
    background: none;
    margin: 0 0 0 auto;
    color: #000;
    transition: var(--default-transition);
}
.sub-areas {
    max-height: 0;
    padding: 0 0 0 1.875em;
    transition: var(--default-transition);
}
.sub-areas li {
    margin-bottom: 1.563em;
}
.sub-areas li:last-child {
    margin-bottom: 0;
}
.sub-areas li span {
    font-size: 0.737em;
}
.more-areas {
    margin-bottom: 0;
}
/*.map-list ul:not(.sub-areas) li.active > a,
.map-list ul:not(.sub-areas) li:hover > a,
.map-list ul:not(.sub-areas) li:focus-within > a {
    color: #000;
}
.map-list li.active a i.location,
.map-list li:hover a i.location,
.map-list li:focus-within a i.location {
    background-color: #dd131b;
}
.more-areas.active .sub-areas,
.more-areas:hover .sub-areas,
.more-areas:focus-within .sub-areas {
    padding-top: 1.25em;
    max-height: 100vh;
    transition: var(--default-transition);
}*/
.map-right #transparent {
    width: 1600px;
    height: 950px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 4;
    opacity: 0;
}
.map_hovers {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.maphover {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fs-16);
}
.maphover.hovered ~ .maphover {
    z-index: -1;
}
.maphover img {
    opacity: 0;
    transition: opacity var(--default-transition);
}
#map_arlington {
    left: 836px;
    top: 248px;    
}
#map_grand_prairie {
    left: 949px;
    top: 251px;
}
#map_irving {
    left: 975px;
    top: 137px;   
}
#map_garland {
    left: 1205px;
    top: 115px;    
}
#map_central_dallas {
    left: 1009px;
    top: 93px;
}
#map_north_dallas {
    left: 1129px;
    top: 166px;  
}
#map_south_dallas {
    left: 1139px;
    top: 277px;
}
#map_ellis_county {
    left: 938px;
    top: 463px;
}
#map_lewisville {
    left: 956px;
    top: 34px;
}
#map_carrollton {
    left: 1019px;
    top: 70px;
}
#map_farmers_branch {
    left: 1052px;
    top: 157px;
}
#map_addison {
    left: 1103px;
    top: 134px;
}
#map_richardson {
    left: 1161px;
    top: 110px;
}
#map_cedarhill {
    left: 1001px;
    top: 419px;
}
#map_desoto {
    left: 1077px;
    top: 404px;
}
#map_lancaster {
    left: 1123px;
    top: 409px;
}
#map_red_oak {
    left: 1117px;
    top: 484px;
}
#map_midlothian {
    left: 943px;
    top: 494px;
}
#map_waxahachie {
    left: 1044px;
    top: 527px;
}
#map_ennis {
    left: 1167px;
    top: 589px;
}
  
.icon.location {
    -webkit-mask-image: url('images/icon-location.svg');
    mask-image: url('images/icon-location.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.6));
    filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.6));
}
.map-list .icon.location {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-filter: none;
    filter: none;
}
.map_txt {
    position: absolute;
    font-family: var(--ff-lato);
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;

}

.map_txt i {
    height: 0.875em;
    width: 0.688em;
    display: block;
    background: currentColor;
    margin: 0 auto 0.344em;
}
.map_txt span {
    font-size: max(13px, 1.125em);
    line-height: 1.2;
    text-align: center;
    text-shadow: 0px 2px 1px rgb(0, 0, 0);
    font-weight: 700;
    text-shadow: 
        rgb(60, 60, 60) 5px 0px 0px, 
        rgb(60, 60, 60) 4.90033px 0.993347px 0px, 
        rgb(60, 60, 60) 4.60531px 1.94709px 0px, 
        rgb(60, 60, 60) 4.12668px 2.82321px 0px, 
        rgb(60, 60, 60) 3.48353px 3.58678px 0px, 
        rgb(60, 60, 60) 2.70151px 4.20736px 0px, 
        rgb(60, 60, 60) 1.81179px 4.6602px 0px, 
        rgb(60, 60, 60) 0.849836px 4.92725px 0px, 
        rgb(60, 60, 60) -0.145998px 4.99787px 0px, 
        rgb(60, 60, 60) -1.13601px 4.86924px 0px, 
        rgb(60, 60, 60) -2.08073px 4.54649px 0px, 
        rgb(60, 60, 60) -2.94251px 4.04248px 0px, 
        rgb(60, 60, 60) -3.68697px 3.37732px 0px, 
        rgb(60, 60, 60) -4.28444px 2.57751px 0px, 
        rgb(60, 60, 60) -4.71111px 1.67494px 0px, 
        rgb(60, 60, 60) -4.94996px 0.7056px 0px, 
        rgb(60, 60, 60) -4.99147px -0.291871px 0px, 
        rgb(60, 60, 60) -4.83399px -1.27771px 0px, 
        rgb(60, 60, 60) -4.48379px -2.2126px 0px, 
        rgb(60, 60, 60) -3.95484px -3.05929px 0px, 
        rgb(60, 60, 60) -3.26822px -3.78401px 0px, 
        rgb(60, 60, 60) -2.4513px -4.35788px 0px, 
        rgb(60, 60, 60) -1.53666px -4.75801px 0px, 
        rgb(60, 60, 60) -0.560763px -4.96846px 0px, 
        rgb(60, 60, 60) 0.437495px -4.98082px 0px, 
        rgb(60, 60, 60) 1.41831px -4.79462px 0px, 
        rgb(60, 60, 60) 2.34258px -4.41727px 0px, 
        rgb(60, 60, 60) 3.17346px -3.86382px 0px, 
        rgb(60, 60, 60) 3.87783px -3.15633px 0px, 
        rgb(60, 60, 60) 4.4276px -2.32301px 0px, 
        rgb(60, 60, 60) 4.80085px -1.39708px 0px, 
        rgb(60, 60, 60) 4.98271px -0.415447px 0px;
}
.map_txt.other-area {
    font-size: 0.722em;
    line-height: 0.667em;
}
.map_txt_arlington {
    left: calc((50/216)*100%);  
    bottom: calc((38/139)*100%);
}
.map_txt_grand_prairie {
    left: calc((-10/119)*100%);
    bottom: calc((144/236)*100%); 
    white-space: nowrap;
}
.map_txt_irving {
    left: calc((23/116)*100%);
    bottom: calc((52/156)*100%); 
}
.map_txt_garland {
    left: calc((8/124)*100%);
    bottom: calc((58/136)*100%); 
}
.map_txt_central_dallas {
    left: calc((75/308)*100%);
    bottom: calc((150/340)*100%); 
}
.map_txt_north_dallas {
    left: calc((-32/43)*100%);
    bottom: calc((-6/60)*100%);
    white-space: nowrap;  
}
.map_txt_south_dallas {
    left: calc((-17/52)*100%);
    bottom: calc((-6/57)*100%);
    white-space: nowrap;
}
.map_txt_ellis_county {
    left: calc((124/508)*100%);
    bottom: calc((160/423)*100%);
}
#map_ellis_county.hovered .map_txt_ellis_county {
    left: calc((170/508)*100%);
    bottom: calc((250/423)*100%);
}
.map_txt_lewisville {
    left: calc((20/129)*100%);
    bottom: calc((43/89)*100%);
}
.map_txt_carrollton {
    left: calc((19/98)*100%);
    bottom: calc((58/109)*100%);
}
.map_txt_farmers_branch {
    bottom: calc((11/35)*100%);
}
.map_txt_addison {
    left: calc((-4/38)*100%);
    bottom: calc((12/28)*100%);
}
.map_txt_richardson {
    left: calc((17/102)*100%);
    bottom: calc((33/64)*100%);
}
.map_txt_cedarhill {
    bottom: calc((24/56)*100%);
}
.map_txt_desoto {
    left: calc((-2/46)*100%);
    bottom: calc((18/55)*100%);
}
.map_txt_lancaster {
    left: calc((20/48)*100%);
    bottom: calc((13/53)*100%);
}
.map_txt_red_oak {
    left: calc((7/120)*100%);
    bottom: calc((42/70)*100%);
}
.map_txt_midlothian {
    left: calc((40/120)*100%);
    bottom: calc((45/116)*100%);
}
.map_txt_waxahachie {
    left: calc((37/129)*100%);
    bottom: calc((61/139)*100%);
}
.map_txt_ennis {
    left: calc((74/137)*100%);
    bottom: calc((48/131)*100%);
}
/* END   HP | MAP */

/* START HP | TEAM */
section.team {
    padding: 
        max(min(calc((51/1600)*100vw), 51px), calc(51px*0.62)) 0
        max(min(calc((50/1600)*100vw), 50px), calc(50px*0.62));
}
.team-title {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--width-1480);
    max-width: 1480px;
    margin: 0 auto;
}
.team-list {
    width: var(--width-1480);
    max-width: 1480px;
    margin: 0 auto;
    overflow: hidden;
}
.team-slider {
    margin:  
        calc((51/1480)*100%)
        calc((-21/1480)*100%)
        calc((50/1480)*100%);
}
.team-slider .slick-slide > div {
    display: flex;
    align-items: center;
    justify-content: center;
}
.team-agent {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: calc((338/370)*100%);
    margin: 0 calc((21/370)*100%);
}
.agent-img::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.54);
    transition: var(--default-transition);
}
.agent-img img {
    -webkit-filter: grayscale();
    filter: grayscale();
}
.agent-info {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    font-size: var(--fs-16);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.agent-info::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0.688em;
    border: 0.313em solid currentColor;
}
.agent-info strong {
    font-family: var(--ff-lato);
    font-weight: 400;
    font-size: 1.5em;
    letter-spacing: 0.05em;
    line-height: 0.708em;
    text-transform: uppercase;
    text-align: center;
    padding: 1.042em 1.292em 0.958em;
    background: var(--cs-blue);
    display: inline-block;
    align-self: center;
    margin-bottom: calc((98/338)*100%);
    transition: var(--default-transition);
}
.agent-info p {
    font-family: var(--ff-eb-garamond);
    font-weight: 400;
    font-size: 1.5em;
    letter-spacing: 0.05em;
    line-height: 0.75em;
    text-transform: uppercase;
    text-align: center;
    padding: 1.375em 0 1.583em;
    background: var(--cs-red);
    position: relative;
    z-index: 1;
    margin-bottom: calc((-111.95/338)*100%);
    transition: var(--default-transition);
}
.agent-info p em {
    display: block;
    font-family: var(--ff-lato);
    font-weight: 400;
    font-size: 0.483em;
    font-style: normal;
    line-height: 0.857em;
    letter-spacing: 0.05em;
    margin-top: 0.786em;
}
.team-agent:hover .agent-img::after,
.team-agent:focus-within .agent-img::after {
    opacity: 0;
}
.team-agent:hover .agent-img img,
.team-agent:focus-within .agent-img img {
    -webkit-filter: none;
    filter: none;
}
.team-agent:hover .agent-info strong,
.team-agent:focus-within .agent-info strong {
    margin-bottom: calc(((-111.95 + -64.97)/338)*100%);
}
.team-agent:hover .agent-info p,
.team-agent:focus-within .agent-info p {
    margin-bottom: 0;
}
/* END   HP | TEAM */

/* START HP | PROPERTIES */
section.properties {
    padding: max(min(calc((50/1600)*100vw), 50px), calc(50px*0.62)) 0 0;
}
.properties-header {
    width: calc((1289/1600)*100%);
    max-width: 1289px;
    margin: 0 auto;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: calc((49/1600)*100%);
}
.properties-title {
    padding-bottom: 0.125em;
}
.properties-title h2 strong {
    padding-left: 0.194em;
}
.properties-title h2::before,
.properties-title h2::after {
    left: 0.097em;
}
.properties-btn .site-btn {
    width: 29.39em;
    position: relative;
    padding-left: 4em;
    padding-right: 2.308em;
}
.properties-btn .site-btn.blue-dot {
    margin-top: 0.769em;
}
.properties-btn .site-btn::before {
    position: absolute;
    content: '';
    top: 2em;
    left: 2.154em;
    transform: translate(-50%, -50%);
    border: max(0.077em, 1px) solid rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    box-shadow: inset 0px 0.231em 0.538em 0px rgba(0, 0, 0, 0.35);
    width: 0.769em;
    height: 0.769em;
}
.properties-btn .site-btn.blue-dot::before {
    background: var(--cs-blue);
}
.properties-btn .site-btn.red-dot::before {
    background: var(--cs-red);
}
.properties-map {
    position: relative;
}
.properties-map .pins {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.pin-red img, .pin-blue img {
    width: calc((31/1600)*100vw);
    height: calc((46/1600)*100vw);
    display: block;
}
.pin-red {
    position: absolute;
    left: calc((800/1600)*100vw);
    top: calc((164/1600)*100vw);
}
.pin-blue {
    position: absolute;
    bottom: calc((429/1600)*100vw);
    left: calc((537/1600)*100vw);
}
/* END   HP | PROPERTIES */

/* START HP | WORK WITH US */
section.work-with-us {
    padding: 
        max(min(calc((100/1600)*100vw), 100px), calc(100px*0.62)) 0
        max(min(calc((99/1600)*100vw), 99px), calc(99px*0.62));
}
.wwu-bg::before {
    position: absolute;
    content: '';
    top: 0; 
    left: 0;
    bottom: 0;
    width: calc((215/1600)*100%);
    z-index: 1;
    background: rgba(255, 255, 255, 0.82);
}
.wwu-bg::after {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    height: calc((435/1600)*100vw);
    width: calc((215/1600)*100%);
    background: rgba(0, 0, 0, 0.7);
}
.wwu-bg .wwu-bg-left {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: calc((215/1600)*100%);
}
.wwu-bg .wwu-bg-right {
    position: absolute;
    top: 0;
    right: 0;
    bottom: calc((345/781)*100%);
    width: calc((215/1600)*100%);
    height: auto;
}
.wwu-content {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 
        max(min(calc((99/1600)*100vw), 99px), calc(99px*0.62)) 0
        max(min(calc((146.5/1600)*100vw), 146.5px), calc(146.5px*0.62));
}
.wwu-content::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.62);
    z-index: -1;
}
.wwu-content-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
	background-repeat: no-repeat;
	background-size: cover;
}
.wwu-stats {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-top: calc((100/1283)*100%);
}
.wwu-info {
    font-family: var(--ff-lato);
    font-size: var(--fs-16);
    font-weight: 400;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5;
    color: #fff;
}
.wwu-info strong {
    font-weight: 700;
    font-size: 3em;
    letter-spacing: 0.05em; 
    line-height: 0.729em;
    text-transform: uppercase;
    text-align: center;
    display: block;
    margin-bottom: 0.302em;
}
.wwu-info:first-child {
    margin-right: calc((93/1283)*100%);
}
.wwu-info:nth-child(2) {
    margin-right: calc((108/1283)*100%);
}
.wwu-info:nth-child(3) {
    margin-right: calc((95/1283)*100%);
}
/* END   HP | WORK WITH US */

/* START HP | AREAS */
.areas {
    display: none;
}
.areas-list {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: calc((50/1600)*100%);
}
.areas-item {
    width: calc((100%/3));
    position: relative;
    display: block;
}
.areas-img::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.49);
}
.areas-info {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: var(--fs-16);
    color: #fff;
}
.areas-info-icon {
    /* opacity: 0; */
    transition: var(--default-transition);
}
.areas-info-num {
    font-family: var(--ff-lato);
    font-size: 1.125em;
    font-weight: 400;
    line-height: 0.722em;
    text-transform: uppercase;
    padding: 2.222em 1.833em;
    transition: var(--default-transition);
}
.areas-info-num strong {
    font-family: var(--ff-eb-garamond);
    font-size: 2.667em;
    font-weight: 400;
    line-height: 0.667em;
    text-transform: uppercase;
    margin-bottom: 0.375em;
    display: block;
    transition: var(--default-transition);
}
.areas-info-state {
    font-family: var(--ff-lato);
    font-weight: 400;
    font-size: 1.125em;
    text-transform: uppercase;
    writing-mode: vertical-lr;
    display: flex;
    align-items: center;
    transform: rotateZ(180deg);
    position: absolute;
    bottom: 0;
    padding: 2.389em 2em 0 0;
    line-height: 0.778em;
    transition: var(--default-transition);
}
.areas-info-hover {
    position: absolute;
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    z-index: 1;
    opacity: 0;
    transition: var(--default-transition);
}
.areas-info-hover .areas-info-num {
    text-align: center;
    padding: 0;
    margin-bottom: 2.278em;
}
.areas-info-hover .areas-info-icon {
    width: 4.438em;
    height: 4.438em;
    position: relative;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.areas-info-hover .areas-info-icon::before {
    position: absolute;
    content: '';
    background: rgba(0, 0, 0, 0.26);
    width: 6.75em;
    height: 6.75em;
    border-radius: 50%;
    z-index: -1;
}
.areas-info-hover .areas-info-icon i {
    width: 1em;
    height: 1em;
    font-size: 2.5em;
}
.areas-info-hover .areas-info-state {
    transform: unset;
    writing-mode: initial;
    position: initial;
    margin-top: 2.722em;
    padding: 0;
}
.areas-item:hover .areas-img img,
.areas-item:focus-within .areas-img img {
    -webkit-filter: grayscale();
    filter: grayscale();
}
.areas-item:hover .areas-info .areas-info-num,
.areas-item:focus-within .areas-info .areas-info-num,
.areas-item:hover .areas-info .areas-info-state,
.areas-item:focus-within .areas-info .areas-info-state {
    opacity: 0;
}
.areas-item:hover .areas-info-hover,
.areas-item:focus-within .areas-info-hover  {
    opacity: 1;
}
/* END   HP | AREAS */

/* START HP | SOCIAL */
section.social {
    padding: 
        calc((101/1600)*100%) 0
        calc((70/1600)*100%);
}
.social-bg::before {
    background: rgba(0, 0, 0, 0.6);
    content: '';
    z-index: 1;
}
.social-bg::after {
    background: rgba(255, 255, 255, 0.82);
    content: '';
}
.social-bg::before,
.social-bg .social-bg-left {
    width: calc((215/1600)*100%);
    height: calc((449/1600)*100vw);
    position: absolute;
    top: calc((180/1600)*100vw);
    left: 0;
}
.social-bg::after,
.social-bg .social-bg-right {
    width: calc((215/1600)*100%);
    height: calc((795/1600)*100vw);
    position: absolute;
    top: calc((180/1600)*100vw);
    right: 0;
}
.social-title {
    width: var(--width-1283);
    max-width: 1283px;
    margin: 0 auto;
}
.social-content {
    width: var(--width-1283);
    max-width: 1283px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: calc((50/1600)*100%)
}
.social-left {
    width: calc((602/1283)*100%);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.social-right {
    width: calc((552/1283)*100%);
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.social-btn {
    width: var(--width-1283);
    max-width: 1283px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-top: 0.75em;
    padding-right: 4.625em;
}
.in-post {
    width: 291px;
    width: calc((291/602)*100%);
    position: relative;
    font-size: var(--fs-16);
}
.in-post::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    border: 1px solid rgba(104, 104, 104, 0.33);
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.26);
    z-index: -1;
}
.in-post-img {
    display: block;
}
.in-post-header {
    display: block;
    font-family: var(--ff-lato);
    font-size: 1.125em;
    font-weight: 700; /*SEMIBOLD*/
    line-height: 1.3;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 1.556em 1.333em 0;
}
.in-post-description {
    font-family: var(--ff-lato);
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.05em;
    margin: 0.719em 0.5em 1.375em 1.5em;
}
.in-post-user {
    padding: 0 23px 17px 22px;
    font-size: 1em;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.in-post-userimg {
    border-radius: 50%;
    width: calc((39/246)*100%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.in-post-userimg canvas {
    background: var(--cs-blue);
}
.in-post-userimg span {
    position: absolute;
    font-size: 1em;
    font-weight: 600;
    font-family: var(--ff-inter);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #fff;
}
.in-post-username {
    font-size: 0.75em;
    font-weight: 400;
    font-family: var(--ff-lato);
    margin-left: 0.667em;
    margin-right: auto;
}
.in-post-user i {
    color: rgba(0, 0, 0, 0.26);
}
.in-post-reaction {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.125em 0 1em;
    border-top: 1px solid rgba(0, 0, 0, 0.26);
}
.in-post-reaction i {
    width: 1.125em;
    height: 1em;
    font-size: 1.5em;
    background-color: rgba(0, 0, 0, 0.18);
}
.icon {
	-webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
.icon.heart {
    -webkit-mask-image: url("images/icon-heart.png");
    mask-image: url("images/icon-heart.png");
} 
.fb-post {
    width: calc((270/552)*100%);
    font-size: var(--fs-16);
    color: #fff;
}
.fb-post:nth-child(-n+2) {
    margin-bottom: 0.813em;
}
.fb-post i {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 1.125em;
    padding: 1.278em;
}
.fb-post:hover,
.fb-post:focus-within {
    color: #fff;
}
.fb-post:hover img,
.fb-post:focus-within img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
/* END   HP | SOCIAL */

/* START HP | TESTIMONIALS */
.testimonials-bg::before {
    background: rgba(255, 255, 255, 0.82);
    content: '';
    z-index: 1;
}
.testimonials-bg::after {
    background: rgba(0, 0, 0, 0.8);
    content: '';
    z-index: 1;
}
.testimonials-bg::before,
.testimonials-bg .testimonials-bg-left {
    width: calc((215/1600)*100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}
.testimonials-bg::after,
.testimonials-bg .testimonials-bg-right {
    width: calc((215/1600)*100%);
    height: calc((449/1600)*100vw);
    position: absolute;
    top: 0;
    right: 0;
}
.testimonials-title {
    width: calc((956/1600)*100%);
    max-width: 956px;
    margin: 0 auto;
}
.testimonials-title h2 strong {
    margin-left:0;
}

.testimonials-title h2 {
    text-align: right;
}
.testimonials-title h2::before,
.testimonials-title h2::after {
    margin-left: 0.097em;
}
.testimonials-list {
    width: var(--width-1283);
    max-width: 1283px;
    margin: 
        calc((49/1600)*100%) auto
        calc((50/1600)*100%);
    padding: 
        calc((97/1600)*100%)
        calc((11/1600)*100%)
        calc((122/1600)*100%) ;
    position: relative;
    background: rgba(0, 0, 0, 0.74);
}
.testimonials-list-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
}
.testimonials-slider .slick-slide > div {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.testimonials-btn {
    width: var(--width-1283);
    max-width: 1283px;
    margin: 0 auto;
    padding-bottom: calc((20/1600)*100%);
}
.review {
    font-size: var(--fs-16);
    position: relative;
    padding: 4.063em 2.813em 0 4.5em;
    color: #fff;
}
.review:first-child::after {
    position: absolute;
    content: '';
    top: 0;
    left: 100%;
    width: 1px;
    height: 16.75em;
    margin-top: 0.5em;
    background: rgba(255, 255, 255, 0.34);
}
.review::before {
    position: absolute;
    top: 0; left: 0;
    content: '“';
    font-family: var(--ff-lato);
    font-size: 4.5em;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 0.833em;
    margin-left: 1.083em;
    display: block;
}
.review-excerpt {
    font-weight: var(--ff-lato);
    font-weight: 400;
    font-size: 1em;
    letter-spacing: 0.05em;
    line-height: 1.9;
    margin-bottom: 1.875em;
}
.review-author {
    font-weight: var(--ff-lato);
    font-weight: 400;
    font-size: 1em;
    letter-spacing: 0.05em;
    line-height: 1.9;
    display: block;
}
.review-author strong {
    margin-bottom: 0.188em;
    display: block;
}
/* END   HP | TESTIMONIALS */

/* START HP | CONTACT */
section.contact {
    padding: 
        calc((16/1600)*100%) 0
        calc((102/1600)*100%);
    margin-top: calc((64/1600)*100%);
}
.contact-bg .contact-bg-main {
    width: 100%;
    height: 100%;
    position: relative;
}
.contact-bg .contact-bg-main::after {
    position: absolute;
    content: '';
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, #fff, transparent 150%);
}
.contact-bg .contact-bg-main canvas {
    background-attachment: fixed;
}
.safari-true .contact-bg .contact-bg-main canvas {
    background-attachment: scroll;
}
.contact-bg::before {
    background: rgba(0, 0, 0, 0.75);
    content: '';
    z-index: 1;
}
.contact-bg::after {
    background: rgba(255, 255, 255, 0.82);
    content: '';
    z-index: 1;
}
.contact-bg::before,
.contact-bg .contact-bg-left {
    position: absolute;
    top: 0;
    left: 0;
    width: calc((215/1600)*100%);
    height: calc((449/1600)*100vw);
}
.contact-bg::after,
.contact-bg .contact-bg-right {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: calc((215/1600)*100%);
}
.contact-form {
    width: calc((810/1600)*100%);
    max-width: 810px;
    margin: calc((50/1600)*100%) auto 0;
}
.contact-form .row {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0;
}
.cf-field {
    padding: 0;
    font-size: var(--fs-16);
}
.cf-field.col-md-6 {
    margin-bottom: 0.625em;
    width: calc((401/810)*100%);
}
.cf-field.col-md-6:nth-child(odd) {
    margin-right: auto;
}
.cf-field input,
.cf-field textarea {
    width: 100%;
    border: none;
    outline: none;
    background: rgba(0, 0, 0, 0.5);
    font-family: var(--ff-lato);
    font-weight: 400;
    font-size: 0.875em;
    letter-spacing: 0.05em;
    line-height: 1.7;
    padding: 0.929em 1.429em 0.857em;
    color: #fff;
}
.cf-field textarea {
    resize: none;
    height: calc((157/1600)*100vw);
}
.cf-submit {
    margin: calc((30/810)*100%) auto 0;
    padding: 0;
    float: none;
    width: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.cf-submit input[type="submit"] {
    position: absolute;
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    background: none;
    padding: 0;
    opacity: 0;
    z-index: 1;
}
.cf-submit:hover .site-btn,
.cf-submit:focus-within  .site-btn {
    -webkit-text-stroke: 1px currentColor;
    color: #fff;
}
.cf-submit:hover .site-btn::after,
.cf-submit:focus-within  .site-btn::after {
    opacity: 1;
}
.cf-submit .site-btn {
    width: 11.923em;
}
.cf-submit .wpcf7-spinner {
    position: absolute;
    bottom: 0;
    left: 100%;
    margin: 0;
}
/* END   HP | CONTACT */

footer {
    position: relative;
}
.footer-bg::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.83);
}
.footer-content {
    width: calc((1133/1600)*100%);
    max-width: 1133px;
    margin: 0 auto;
    font-size: var(--fs-16);
    text-align: center;
    color: #fff;
    padding: 
        calc((148/1600)*100%) 0
        calc((132/1600)*100%);
}
.ftr-info {
    display: flex;
    justify-content: space-between;
    padding: 0 4.813em 2.75em;
}
.ftr-logo {
    width: calc((362/979)*100%);
}
.ftr-logo a {
    display: block;
}
.ftr-contact-info {
    width: calc((522/979)*100%);
}
.ftr-contact-info p {
    font-family: var(--ff-lato);
    font-weight: 400;
    font-size: var(--fs-16);
    letter-spacing: 0.1em;
    /*line-height: 0.813em;*/
    text-align: left;
    display: flex;
    align-items: center;
    margin-bottom: 1.438em;
    line-height: 1.05;
}
.ftr-contact-info p span {
    text-transform: uppercase;
}
.ftr-smi {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1.938em;
}
.ftr-smi a {
    display: block;
    font-size: 1.438em;
    margin: 0 0.435em 0 0.652em;
}
.ftr-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 3.75em;
    border-top: 1px solid rgba(255, 255, 255, 0.22);
}
.ftr-nav ul {
    display: flex;
    align-items: center;
}
.ftr-nav ul li {
    font-family: var(--ff-lato);
    font-weight: 400;
    font-size: 0.813em;
    letter-spacing: 0.05em;
    line-height: 0.769em;
    padding: 0 0.846em;
    border-right: 0.154em solid currentColor;
    text-transform: uppercase;
}
.ftr-nav ul li:last-child {
    border-right: none;
}
.ftr-nav .add-link {
    font-family: var(--ff-lato);
    font-weight: 400;
    font-size: 0.813em;
    letter-spacing: 0.05em;
    line-height: 0.769em;
    padding: 0 0.846em;
    text-transform: uppercase;
    display: block;
}
.ftr-disclaimer {
    font-family: var(--ff-lato);
    font-weight: 400;
    font-size: 0.875em;
    letter-spacing: 0.02em;
    line-height: 2.1;
    margin: 4.417em 0 3.583em;
}
.ftr-copyright {
    font-family: var(--ff-lato);
    font-weight: 400;
    font-size: 0.813em;
    letter-spacing: 0.1em;
}
.ftr-copyright .site-name {
    text-transform: uppercase;
}
.ftr-realtors {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fs-16);
    margin-top: 1.813em;
}
.ftr-realtors i.ai-font-eho {
    font-size: 1.5em;
    margin-right: 0.458em;
}
.ftr-realtors i.ai-font-realtor-mls {
    font-size: 1.875em;
}
.back-to-top {
    position: absolute;
    right: calc((59/1600)*100%);
    bottom: calc((165/1600)*100vw); 
    font-family: var(--ff-lato);
    font-size: var(--fs-16);
    line-height: 0.688em;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #fff;
    text-transform: uppercase;
    text-align: center;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.back-to-top i {
    font-size: 1.25em;
    position: absolute;
    bottom: calc(100% + 1.45em);
}
.back-to-top strong {
    font-size: 1.5em;
    line-height: 0.75em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    display: block;
    margin-top: 0.5em;
}

.listings,
.map,
.team,
.properties,
.wwu,
.areas,
.social,
.testimonials, 
.contact {
/*    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,.6);
    }
    .ip-banner canvas{
        display: block;
        position: relative;
        z-index: 0;
        width: 100%;
        min-height: 250px;
        background-color: var(--dark);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .ip-banner .container{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 2;
    }
        .ip-banner h1 {
            font-weight: 700;
            font-size: 32px;
            text-align: center;
            color: #FFFFFF;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            line-height: 1.7;
        }
            .ip-banner h1 span{
                display: block;
                font-size: 24px;
                font-weight: 400;
                text-transform: none;
                letter-spacing: 0.01em;
            }
/* Adjust minimum height of page area */
#content-sidebar, #content-full{ min-height: 500px; margin-top: 20px;}

/** Adjust width of content columns **/
#content-sidebar #content{ width: 77.08%; }
#content-full #content { width: 100%; }

/* Adjust width of sidebar */
.sidebar{ width: 20.83%; }

/* fullwidth template */
.page-template-template-fullwidth #content {
    padding-left: 15px;
    padding-right: 15px;
}
    .page-template-template-fullwidth #content ihf-search[data-eureka-id*=""].ihf-eureka {
        margin-left: -15px;
        margin-right: -15px;
    }

/* Adjust line height of page elements */
#content h4, aside h4,
#content p, aside p,
#content blockquote, aside blockquote,
#content ul, aside ul,
#content fieldset, aside fieldset,
#content form, aside form,
#content ol, aside ol,
#content dl, aside dl,
#content dir, aside dir,
#content menu, aside menu { line-height:1.7 }

/* Style .entry-title(post/page) and .archive-title(category/archive/etc) main headings (h1) */
#content .entry-title,
#content .archive-title {
    position: relative;
    font-size: var(--fs-16);
    display: inline-block;
}
#content .entry-title strong,
#content .archive-title strong  {
    font-size: 40px;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 0.708em;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 0.528em;
    display: inline-block;
    color: #d21d36;
    text-align: right;
    float: right;
    background: #fff;
    padding-left: 20px;
}
#content .entry-title::before,
#content .archive-title::before {
   position: absolute;
    content: '';
    left: calc(-100vw + 200px);
    right: 0;
    bottom: 32px;
    height: max(0.014em, 4px);
    background-image: -moz-linear-gradient( 90deg, rgb(215,215,215), rgb(215,215,215));
    background-image: -webkit-linear-gradient( 90deg, rgb(215,215,215), rgb(215,215,215));
    background-image: -ms-linear-gradient( 90deg, rgb(215,215,215), rgb(215,215,215));
    background-image: linear-gradient( 90deg, rgb(215,215,215), rgb(215,215,215));
    width: 100vw;
}

#content .entry-title::after,
#content .archive-title::after {
    font-size: 4.5em;
    position: absolute;
    /* content: ''; */
    left: 0;
    bottom: 0;
    width: 0.167em;
    height: 0.167em;
    background-image: -moz-linear-gradient( 90deg, rgb(111,111,111), rgb(156,156,156));
    background-image: -webkit-linear-gradient( 90deg, rgb(111,111,111), rgb(156,156,156));
    background-image: -ms-linear-gradient( 90deg, rgb(111,111,111), rgb(156,156,156));
    background-image: linear-gradient( 90deg, rgb(111,111,111), rgb(156,156,156));
}
#content .entry-title span,
#content .archive-title span {
   font-size: 80px;
    font-family: "Barlow Semi Condensed", sans-serif;
    font-weight: 600 !important;
    line-height: 0.722em; 
    margin-bottom: 13px;
    display: block;
    color: #000;
    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 {
    bottom:0 !important;
    top: auto !important;
}
body #pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle {
    top:auto !important;
    bottom:0 !important;
}
button:focus-visible, a:focus-visible {
    outline-style: solid !important;
    outline-width: 5px !important;
    outline-color: red !important;
    transition: none !important;
}

/* High contrast and Negative contrast break canvas elements with backgrounds */
#pojo-a11y-toolbar .pojo-a11y-btn-high-contrast,
#pojo-a11y-toolbar .pojo-a11y-btn-negative-contrast {
    display:none !important;
}

.wpcf7 form {
    position: relative;
}
.wpcf7 form.use-floating-validation-tip .wpcf7-not-valid-tip {
    position: absolute;
    width: auto;
    font-size: 12px; 
    line-height: 1;
    padding: 0.25em; 
    right: unset;
    left: 1em;
}
.wpcf7 form .wpcf7-response-output {
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    text-align: center;
    line-height: 1;
    font-size: 12px; 
    padding: 0.5em 0.1em; 
    background: #fff;
}
.wpcf7 form .wpcf7-spinner {
    position: absolute;
    right: 0%;
    bottom: 1.5%;
}

.map-content a,
.map-content area {
   /*  pointer-events: none !important; */
    display: block;
}
.map-right #transparent {
   /*  display: none; */
}

.sub-areas.active {
	max-height: 100% !important;
	padding: 0.875em 0 0 1.875em;
}

.listing-module-page #content .entry-title,
.listing-module-page #content #breadcrumbs {
    display: none;
}

.parent-pageid-23 #inner-page-wrapper > .container {
    padding: 0;
}

.parent-pageid-23 #inner-page-wrapper #content-full {
    margin-top: 0;
}

.parent-pageid-23 #content #breadcrumbs,
.parent-pageid-23 #content .entry-title {
    display: none;
}

.parent-pageid-23 #content .listings-breadcrumbs .breadcrumbs {
    margin: 0 auto;
    line-height: 0.857em;
}

.parent-pageid-23 #content .section-title h2 {
   /*  font-size: 4.5em;
    font-weight: 400;	
    margin: 0 !important; */
	font-size: 40px !important;
	font-weight: 400 !important;
}

.parent-pageid-23 .listings-content .section-title h2::before {
    content: "";
    position: absolute;
    right: unset;
    left: calc(-100vw - 10px);
}

.parent-pageid-23 #content .section-title h2 strong {
    font-weight: 400;
}

.parent-pageid-23 #content .fixed-smi .fs-link i {
    font-style: normal;
}

.post-page-meet-the-team #inner-page-wrapper #breadcrumbs {
    margin: 0;
}

.post-page-meet-the-team #inner-page-wrapper #agents-results .agent-top {
    margin: 20px 0;
}
.single-aios-listings-printable-flyer #pojo-a11y-toolbar,
.single-aios-listings-printable-flyer #pojo-a11y-skip-content {
    display: none !important;
}
.single-aios-listings .property-btn-wrapper .property-btn .site-arrow.prev-arrow {
    margin-right: 0;
}
.single-aios-listings .property-btn-wrapper .property-btn .site-arrow.next-arrow {
    margin-left: 0;
}

#ai-modern-contact .ai-modern-contact-photo span::before {	
	height: auto !important;	
}

.asis-mailto-obfuscated-email{
    display: none!important;
}

.contact-bg-left, .contact-bg-right {
	display: none !important;
}

.contact-bg::before, .contact-bg .contact-bg-left {
	display: none;
}

.contact-bg::after, .contact-bg .contact-bg-right {
	display: none;
}

#map.hp-section-4 {
	display: none !important;
}

#work-with-us .section-title h2 span {
	font-size: 14px;
	display: block;
}

main .section-bg.exp-bg {
	display: none;
}

main .section-bg.map-bg, main .section-bg.agent-bg {
    display: none;
}

.section-bg.description-bg {
    display: none;
}
.description-box::after {   
    width: min(calc((457/1600)*100vw), 457px);
}

.property-map .map {
    margin: 0 auto;
    width: 100% !important;
    max-width: 1140px;
}

/* Interactive Map */

#interactive-map span.irs-from,
#interactive-map span.irs-min,
#interactive-map span.irs-to,
#interactive-map span.irs-max {
    display: none;
}

.interactive-map-label.active {
    background-image: url('https://www.batesandmyers.com/wp-content/themes/fbates_pending.com/images/marker-active.png');
    left: 0px;
    top: 0px;
    user-select: none;
    width: 30px;
    height: 42px;
    border: 0px;
    padding: 0px;
    margin: 0px;
    max-width: none;
    opacity: 1;
    line-height: 29px;
}

.interactive-map-label.sold {
    background-image: url('images/marker-sold.png');
}

.interactive-map-label.leased {
    background-image: url('images/marker-leased.png');
}

.interactive-map-label.commercial {
    background-image: url('images/marker-commercial.png');
}

.interactive-map-label.sold,
.interactive-map-label.leased,
.interactive-map-label.commercial {
    top: 8px;
    width: 30px;
    height: 42px;
    border: 0px;
    padding: 0px;
    margin: 0px;
    max-width: none;
    opacity: 1;
    text-align: center;
    vertical-align: middle;
    line-height: 29px;
    line-height: 29px;
}



#content .interactive-map-title.site-section-title {
    font-size: 90px !important;
    font-weight: 600 !important;
    line-height: 90px !important;
    letter-spacing: -2.25px !important;
    margin: 37px 0 50px !important;
    text-align: center;
}

#content .interactive-map-title.site-section-title span b {
    font-family: "Source Sans Pro", sans-serif !important;
    font-size: 36px !important;
    font-weight: 400 !important;
    line-height: 36px !important;
    letter-spacing: 0.36px !important;
    margin-top: 6px;
}

#content .interactive-map-title.site-section-title span .title-line {
    width: calc(100% - 94px);
    bottom: 15px;
    left: 6px;
}

.interactive-map .interactive-map-wrap {
    display: block;
    position: relative;
}

.interactive-map .interactive-map-wrap .interactive-map-top {
    border-top: 1px solid #000;
    position: relative;
    z-index: 2;
}

.interactive-map .interactive-map-wrap .interactive-map-top .interactive-map-pin-guide ul {
    display: block;
    padding: 0;
    margin: 0 !important;
}

.interactive-map .interactive-map-wrap .interactive-map-top .interactive-map-pin-guide ul li {
    display: inline-block;
    font-size: 12px;
    line-height: 34px;
    letter-spacing: 2.4px;
    font-weight: 500;
    text-transform: uppercase;
    color: #1b1b1b;
    border-left: 1px solid #000;
    margin-left: -4px;
    padding: 0 34px;
}

.interactive-map .interactive-map-wrap .interactive-map-top .interactive-map-pin-guide ul li:nth-child(1) {
    border-left: none;
    margin-left: 0;
}

.interactive-map .interactive-map-wrap [class^="pin-"] {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 10px;
    position: relative;
    top: -2px;
}

.interactive-map .interactive-map-wrap .pin-active {
    background-color: #e61d25;
}

.interactive-map .interactive-map-wrap .pin-sold {
    background-color: #ff1134;
}

.interactive-map .interactive-map-wrap .pin-leased {
    background-color: #1a71ce;
}

.interactive-map .interactive-map-wrap .pin-commercial {
    background-color: #9e009e;
}

.interactive-map .interactive-map-wrap .interactive-map-sorter {
    position: relative;
    margin-top: -1px;
}

.interactive-map .interactive-map-wrap .interactive-map-sorter .interactive-map-dropdown {
    float: left;
    width: 188px;
    height: 50px;
    position: relative;
    background: #000;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.interactive-map .interactive-map-wrap .interactive-map-sorter .interactive-map-dropdown:nth-child(2) {
    background: #383838;
}

.interactive-map .interactive-map-wrap .interactive-map-sorter .interactive-map-dropdown.active,
.interactive-map .interactive-map-wrap .interactive-map-sorter .interactive-map-dropdown:hover {
    background: #000;
}

.interactive-map .interactive-map-wrap .interactive-map-sorter .interactive-map-dropdown:before,
.interactive-map .interactive-map-wrap .interactive-map-sorter .interactive-map-dropdown:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.interactive-map .interactive-map-wrap .interactive-map-sorter .interactive-map-dropdown > span {
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 2.4px;
    text-transform: uppercase;
}

.interactive-map .interactive-map-wrap .interactive-map-sorter .interactive-map-dropdown > span i {
    width: 9px;
    height: 5px;
    background: transparent url('images/dropdown-arrow-a.png') no-repeat;
    background-size: cover;
    background-position: center center;
    display: inline-block !important;
    vertical-align: middle !important;
    margin-left: 3px;
    position: relative;
    top: -1px;
}

.interactive-map .interactive-map-wrap .interactive-map-sorter .interactive-map-dropdown .interactive-map-dropdown-content {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border: 1px solid #434343;
    background: #434343;
    display: none;
}

.interactive-map .interactive-map-wrap .interactive-map-sorter .interactive-map-dropdown:nth-child(2) .interactive-map-dropdown-content {
    width: 376px;
    margin-left: -188px;
}

.interactive-map .interactive-map-wrap .interactive-map-sorter .interactive-map-dropdown.active .interactive-map-dropdown-content {
    display: block;
    cursor: auto;
}

.interactive-map .interactive-map-wrap .interactive-map-sorter .interactive-map-dropdown .interactive-map-dropdown-content ul {
    display: block;
    padding: 19px 10px 19px 20px;
    margin: 0 !important;
    text-align: left;
}

.interactive-map .interactive-map-wrap .interactive-map-sorter .interactive-map-dropdown .interactive-map-dropdown-content ul li {
    display: block;
    padding: 0;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 2.4px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    height: 16px;
    padding-top: 2px;
    margin-bottom: 15px;
}

.interactive-map .interactive-map-wrap .interactive-map-sorter .interactive-map-dropdown .interactive-map-dropdown-content ul li:nth-last-child(1) {
    margin-bottom: 0;
}

.interactive-map .interactive-map-wrap .interactive-map-sorter .interactive-map-dropdown .interactive-map-dropdown-content .interactive-map-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background: transparent url('images/checkbox-bg-a.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    margin: -2px 5px 0 0;
    cursor: pointer;
}

.interactive-map .interactive-map-wrap .interactive-map-sorter .interactive-map-dropdown .interactive-map-dropdown-content .interactive-map-checkbox:checked {
    background-image: url('data:image/jpeg;base64,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NQAAAAEALQAAAAYAAAAAAAE4QklNA/gAAAAAAHAAAP////////////////////////////8D6AAAAAD/////////////////////////////A+gAAAAA/////////////////////////////wPoAAAAAP////////////////////////////8D6AAAOEJJTQQAAAAAAAACAAE4QklNBAIAAAAAAAQAAAAAOEJJTQQwAAAAAAACAQE4QklNBC0AAAAAAAIAADhCSU0ECAAAAAAAEAAAAAEAAAJAAAACQAAAAAA4QklNBB4AAAAAAAQAAAAAOEJJTQQaAAAAAANJAAAABgAAAAAAAAAAAAAAEAAAABAAAAAKAFUAbgB0AGkAdABsAGUAZAAtADYAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAABAAAAAQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAEAAAAAAABudWxsAAAAAgAAAAZib3VuZHNPYmpjAAAAAQAAAAAAAFJjdDEAAAAEAAAAAFRvcCBsb25nAAAAAAAAAABMZWZ0bG9uZwAAAAAAAAAAQnRvbWxvbmcAAAAQAAAAAFJnaHRsb25nAAAAEAAAAAZzbGljZXNWbExzAAAAAU9iamMAAAABAAAAAAAFc2xpY2UAAAASAAAAB3NsaWNlSURsb25nAAAAAAAAAAdncm91cElEbG9uZwAAAAAAAAAGb3JpZ2luZW51bQAAAAxFU2xpY2VPcmlnaW4AAAANYXV0b0dlbmVyYXRlZAAAAABUeXBlZW51bQAAAApFU2xpY2VUeXBlAAAAAEltZyAAAAAGYm91bmRzT2JqYwAAAAEAAAAAAABSY3QxAAAABAAAAABUb3AgbG9uZwAAAAAAAAAATGVmdGxvbmcAAAAAAAAAAEJ0b21sb25nAAAAEAAAAABSZ2h0bG9uZwAAABAAAAADdXJsVEVYVAAAAAEAAAAAAABudWxsVEVYVAAAAAEAAAAAAABNc2dlVEVYVAAAAAEAAAAAAAZhbHRUYWdURVhUAAAAAQAAAAAADmNlbGxUZXh0SXNIVE1MYm9vbAEAAAAIY2VsbFRleHRURVhUAAAAAQAAAAAACWhvcnpBbGlnbmVudW0AAAAPRVNsaWNlSG9yekFsaWduAAAAB2RlZmF1bHQAAAAJdmVydEFsaWduZW51bQAAAA9FU2xpY2VWZXJ0QWxpZ24AAAAHZGVmYXVsdAAAAAtiZ0NvbG9yVHlwZWVudW0AAAARRVNsaWNlQkdDb2xvclR5cGUAAAAATm9uZQAAAAl0b3BPdXRzZXRsb25nAAAAAAAAAApsZWZ0T3V0c2V0bG9uZwAAAAAAAAAMYm90dG9tT3V0c2V0bG9uZwAAAAAAAAALcmlnaHRPdXRzZXRsb25nAAAAAAA4QklNBCgAAAAAAAwAAAACP/AAAAAAAAA4QklNBBQAAAAAAAQAAAAKOEJJTQQMAAAAAAKZAAAAAQAAABAAAAAQAAAAMAAAAwAAAAJ9ABgAAf/Y/+0ADEFkb2JlX0NNAAH/7gAOQWRvYmUAZIAAAAAB/9sAhAAMCAgICQgMCQkMEQsKCxEVDwwMDxUYExMVExMYEQwMDAwMDBEMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMAQ0LCw0ODRAODhAUDg4OFBQODg4OFBEMDAwMDBERDAwMDAwMEQwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz/wAARCAAQABADASIAAhEBAxEB/90ABAAB/8QBPwAAAQUBAQEBAQEAAAAAAAAAAwABAgQFBgcICQoLAQABBQEBAQEBAQAAAAAAAAABAAIDBAUGBwgJCgsQAAEEAQMCBAIFBwYIBQMMMwEAAhEDBCESMQVBUWETInGBMgYUkaGxQiMkFVLBYjM0coLRQwclklPw4fFjczUWorKDJkSTVGRFwqN0NhfSVeJl8rOEw9N14/NGJ5SkhbSVxNTk9KW1xdXl9VZmdoaWprbG1ub2N0dXZ3eHl6e3x9fn9xEAAgIBAgQEAwQFBgcHBgU1AQACEQMhMRIEQVFhcSITBTKBkRShsUIjwVLR8DMkYuFygpJDUxVjczTxJQYWorKDByY1wtJEk1SjF2RFVTZ0ZeLys4TD03Xj80aUpIW0lcTU5PSltcXV5fVWZnaGlqa2xtbm9ic3R1dnd4eXp7fH/9oADAMBAAIRAxEAPwDH2P2eptOwnaHRpI12yrOThNxcSl9pIycj9I2r92r8xz/5dv0mf8GjdI6lj4jn1ZtP2rCshzqePe3Wqxh/N/cf/wAEqmZl3ZmTZlXmbLXbjHA8Gt/kt+i1VNKe5vIcnDXDCOvF/nP3Y/8Afv8A/9kAOEJJTQQhAAAAAABVAAAAAQEAAAAPAEEAZABvAGIAZQAgAFAAaABvAHQAbwBzAGgAbwBwAAAAEwBBAGQAbwBiAGUAIABQAGgAbwB0AG8AcwBoAG8AcAAgAEMAUwA1AAAAAQA4QklNBAYAAAAAAAcACAAAAAEBAP/hDjlodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxOC0wOS0xMFQxMzoxNDo0NSswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTgtMDktMTBUMTU6MTU6MzErMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTgtMDktMTBUMTU6MTU6MzErMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvanBlZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjcwMThERDgyQjhCNEU4MTFCRjFGQzJCQzJDMjhEN0M5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZGMThERDgyQjhCNEU4MTFCRjFGQzJCQzJDMjhEN0M5IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NkYxOEREODJCOEI0RTgxMUJGMUZDMkJDMkMyOEQ3QzkiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjZGMThERDgyQjhCNEU4MTFCRjFGQzJCQzJDMjhEN0M5IiBzdEV2dDp3aGVuPSIyMDE4LTA5LTEwVDEzOjE0OjQ1KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNvbnZlcnRlZCIgc3RFdnQ6cGFyYW1ldGVycz0iZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL2pwZWciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjcwMThERDgyQjhCNEU4MTFCRjFGQzJCQzJDMjhEN0M5IiBzdEV2dDp3aGVuPSIyMDE4LTA5LTEwVDE1OjE1OjMxKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg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');
	filter: grayscale(1);
    border: 1px solid;
}

.interactive-map .interactive-map-wrap .interactive-map-sorter .interactive-map-dropdown .interactive-map-dropdown-content [class^="pin-"] {
    margin-right: 4px;
    top: -2px;
}

.interactive-map .interactive-map-wrap .interactive-map-sorter .interactive-map-dropdown .interactive-map-dropdown-content .interactive-map-dropdown-range-slider {
    font-size: 13px;
    line-height: 13px;
    font-weight: 500;
    color: #484848;
    letter-spacing: 0.26px;
    padding: 19px 33px 25px;
}

.interactive-map .interactive-map-wrap .interactive-map-sorter .interactive-map-dropdown .interactive-map-dropdown-content .interactive-map-dropdown-range-slider .ui-widget.ui-widget-content {
    background: #d7d7d7;
    height: 2px;
    border: none !important;
    border-radius: 0 !important;
    margin-top: 14px;
}

.interactive-map .interactive-map-wrap .interactive-map-sorter .interactive-map-dropdown .interactive-map-dropdown-content .interactive-map-dropdown-range-slider .ui-slider-horizontal .ui-slider-range {
    background: #7f7f7f;
}

.interactive-map .interactive-map-wrap .interactive-map-sorter .interactive-map-dropdown .interactive-map-dropdown-content .interactive-map-dropdown-range-slider .ui-slider-handle {
    background: #e51937 !important;
    border-radius: 50% !important;
    outline: none !important;
    border: none !important;
    width: 16px;
    height: 16px;
    top: -7px;
}

.interactive-map .interactive-map-wrap .interactive-map-middle {
    position: relative;
}

.interactive-map .interactive-map-wrap .interactive-map-middle canvas {
    display: block;
    width: 100%;
    min-height: 495px;
}

.interactive-map .interactive-map-wrap .interactive-map-middle #interactive-map-google {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.interactive-map .interactive-map-wrap .interactive-map-bottom .interactive-map-list {
    display: block;
    width: 100%;
    margin-top: 77px;
    padding-bottom: 87px;
}

.interactive-map .interactive-map-wrap .interactive-map-bottom .interactive-map-list:before,
.interactive-map .interactive-map-wrap .interactive-map-bottom .interactive-map-list:after {
    content: '';
    display: table;
    clear: both;
}

.interactive-map .interactive-map-wrap .interactive-map-bottom .interactive-map-list .interactive-map-list-col {
    display: block;
    float: left;
    width: calc(100% / 4);
}

.interactive-map .interactive-map-wrap .interactive-map-bottom .interactive-map-list .interactive-map-list-col span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 15px;
}

.interactive-map .interactive-map-wrap .interactive-map-bottom .interactive-map-list .interactive-map-list-col a {
    display: inline-block;
    font-size: 13px;
    line-height: 30px;
    font-weight: 300;
    color: #666666;
    text-decoration: none;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.interactive-map .interactive-map-wrap .interactive-map-bottom .interactive-map-list .interactive-map-list-col a:hover {
    color: #e51937;
}

.interactive-map .interactive-map-label {
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin-top: -36px !important;
    margin-left: 0 !important;
    -webkit-transform: translateX(-50%) translateX(1px);
    transform: translateX(-50%) translateX(1px);
}

.interactive-map .interactive-map-info-window {
    margin-top: -69px;
    -webkit-transform: translate(-91.7%, -100%);
    transform: translate(-91.7%, -100%);
}

.interactive-map .interactive-map-info-window .si-content {
    overflow: hidden;
}

.interactive-map .si-content-wrapper {
    /*padding: 0;*/
    padding: 10px;
    border: 1px solid #e3e3e3;
    border-radius: 0;
    -webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.3);
}

.interactive-map .interactive-map-info-window .si-close-button {
    top: 6px;
    right: 7px;
    width: 13px;
    height: 13px;
    background: transparent url('images/interactive-map-close-a.png') no-repeat;
    background-position: center center;
    background-size: cover;
    cursor: pointer;
    padding: 0;
    font-size: 0;
    margin: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.interactive-map .interactive-map-info-window .si-close-button:hover {
    opacity: 0.75;
}

.interactive-map .interactive-map-info .info-image {
    /*width: 150px;
    height: 148px;*/
    width: 210px;
    height: 148px;
    padding: 0 10px 0 0;
}

.interactive-map .interactive-map-info .info-image img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center;
}

.interactive-map .interactive-map-info .info-content {
    width: 178px;
    height: 148px;
}

.interactive-map .interactive-map-info .info-status {
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    color: #484848;
    text-transform: uppercase;
    letter-spacing: 0.28px;
    margin: 16px 0 16px 12px;
}

.interactive-map .interactive-map-info .info-status span {
    width: 13px;
    height: 13px;
    line-height: 13px;
}

.interactive-map .interactive-map-info .info-address {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 500;
    line-height: 13px;
    letter-spacing: 0.26px;
    color: #484848;
    text-transform: uppercase;
    padding: 0 13px;
}

.interactive-map .interactive-map-info .info-extras {
    margin: -1px 0 8px !important;
    display: block;
    padding: 0 13px;
}

.interactive-map .interactive-map-info .info-extras li {
    display: inline-block;
    vertical-align: middle;
    margin-left: -4px;
    font-size: 11px;
    font-weight: 500;
    line-height: 11px;
    letter-spacing: 0.22px;
    color: #484848;
    padding-left: 12px;
    margin-left: 9px;
    position: relative;
}

.interactive-map .interactive-map-info .info-extras li:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 9px;
    background: #cacaca;
}

.interactive-map .interactive-map-info .info-extras li:nth-child(1) {
    padding-left: 0;
    margin-left: 0;
}

.interactive-map .interactive-map-info .info-extras li:nth-child(1):after {
    display: none;
}

.interactive-map .interactive-map-info .info-price {
    display: block;
    width: 100%;
    height: 59px;
    font-family: "Barlow Semi Condensed", sans-serif;
    background: #282828;
    font-size: 28px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 1.4px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 13px;
}

.interactive-map .interactive-map-info .info-price:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.interactive-map .interactive-map-info-window .si-shadow-frame {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.interactive-map .interactive-map-info-window .si-pointer-top.si-pointer-bg-top {
    position: absolute;
    z-index: -1;
    width: 32px !important;
    height: 30px;
    background: transparent url(images/interactive-map-info-window-arrow.png) no-repeat;
    background-size: cover;
    background-position: top left;
    border: none !important;
    margin-right: 0;
    bottom: -30px;
    /*right: 6px;*/
    right: 12px;
    top: auto !important;
}

.interactive-map .interactive-map-info-window .si-pointer-top.si-pointer-border-top,
.interactive-map .interactive-map-info-window .si-shadow-inner-pointer-top {
    display: none;
}

.interactive-map-pin-guide {
	display: inline-block;
}

.interactive-map .interactive-map-wrap .interactive-map-sorter {
	display: inline-block;
	vertical-align: middle;
}

.interactive-map .interactive-map-wrap .interactive-map-top .container {
	text-align: center;
}

.listings-content .section-title h2 strong {
    margin-left: 0;
}

.listings-content .section-title h2::before {
    content: "";
    position: absolute;
    right: calc(-100vw - 10px);
    left: unset;
}

section#team .section-title h2::before {
    left: unset;
    right: calc(-100vw - 10px);   
}

section#team .section-title h2 strong {
    margin-left: 80px;
}

section#properties .section-title h2 strong {
    margin-left: 0;
}

section#properties .section-title.center h2 {
    text-align: right;
	margin-bottom: 30px;
}

section#properties .section-title h2::before {
    left: calc(-100vw + 60px);
}

section#work-with-us .section-title h2 strong {
    margin-left: 0;
}

section#work-with-us .section-title h2 {
    text-align: right;
    color: #d21d36;
}

section#work-with-us .section-title h2 span {
    text-align: center;
    color: #fff;
}

section#work-with-us .section-title h2::before {
    width: calc(100% - 160px);
    right: unset;
    left: 0;
    bottom: 61px;
}

section#social .section-title h2 strong {
    margin-left: 0;
}

section#social .section-title h2 {
    text-align: left;
}

section#social .section-title h2::before {
    left: unset;
    right: calc(-100vw + 120px);
}

.testimonials-title h2::before {
    margin-left: 0;
    left: calc(-100vw + 160px);
}

#inner-page-wrapper .listings-content .section-title h2::before {
    content: "";
    position: absolute;
    right: unset;
    left: calc(-100vw - 10px);
}

.exp-content .section-title h2::before {
    left: unset;
    right: calc(-100vw - 10px);
    bottom: 60px;
    background: #fff;
}

.interactive-map-placeholder {
	position: relative;
}

.interactive-map-placeholder > canvas {
	width: 100%;
}

.interactive-map-placeholder .map-placement-temp {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
/* 
.map-pin-location {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
} */

.red-pin[data-map="1"] {
    position: absolute;
    left: 562px;
    top: 512px;
    opacity: 0;
}

/* .map-pin-listings {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
} */

.map-list-item-pop {
	max-width: 390px;
	background: #fff;
	padding: 10px;
	position: absolute;
	width: 100%;
}

.map-list-item-pop {
	max-width: 390px;
	background: #fff;
	padding: 10px;
	position: absolute;
	width: 100%;
	box-shadow: 0px 0px 8px #999;
}

.map-list-item-pop a {
	display: flex;
}

.map-list-item-pop[data-list="1"] {
	top: 312px;
	left: 234px;
}

.details .address {
	padding-left: 10px;
}

.details .address span {
	display: block;
	font-size: 15px;
}

.details .address span.listing-address {
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
}

.details .address span.listing-price {
	padding: 10px;
	text-align: center;
	font-size: 20px;
	background: #1a71ce;
	line-height: 20px;
	margin-top: 10px;
	color: #fff;
}

.map-pin-listings .map-list-item-pop::after {
	content: '';
	position: absolute;
	width: 32px;
	height: 30px;
	background: transparent url(/wp-content/themes/fbates_pending.com/images/interactive-map-info-window-arrow.png) no-repeat;
	right: 20px;
	bottom: -30px;
	z-index: -1;
}

.map-list-item-pop {
	display: none;
}

.map-list-item-pop.active {
	display: block;
}

.trec-wrap {
	margin-top: 40px;
}

.trec-wrap a {
	display: block;
}

.home .listings-item:first-child .site-img img {
	height: 100%;
}

body .listings-item .listings-img canvas {
    display: block !important;
}

.page-id-31029 h1.entry-title,
.page-id-232 h1.entry-title,
.page-id-28 h1.entry-title {
    display: none !important; 
}

.page-id-31029 p#breadcrumbs,
.page-id-232 p#breadcrumbs,
.page-id-28 p#breadcrumbs {
    display: none;
    /* position: absolute;
    bottom: 33%;
    right: 0;
    left: 0;
    color: #fff;
    background: linear-gradient(0deg, rgb(161, 161, 161) 0%, rgb(190, 190, 190) 100%);
    text-transform: uppercase;
    font-weight: 300;
    font-size: var(--fs-16);
    padding: 8px 200px; */
}

.single-aios-listings .slideshow-content img{
    height: 100%!important;
}

.gm-style-iw-chr{
    display: none!important;
}

.gm-style-iw-d{
    margin-top: 10px!important;
}


/*thank you page*/
.page-id-39256 #content .entry-title,
.page-id-39256 #content #breadcrumbs {
	display: none;
}
.page-id-39256 #content .entry-content h2 {
	font-size: 60px;
	font-family: "Barlow Semi Condensed", sans-serif;
	font-weight: 600 !important;
	line-height: 1.1;
	margin-bottom: 13px;
	display: block;
	color: rgb(0, 0, 0);
	text-transform: uppercase;
	letter-spacing: 0;
	margin-top: 100px;
}

/*for new header layout - just remove this and enable function in script to get back to before layout*/
header {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: calc(1.125%) calc(3.625%) calc(1.125%) calc(3.8125%);
	/*max-width: 1600px;*/
	margin: 0px auto;
}

.head-wrap {
	position: relative;
}

.head-wrap .slideshow-tagline {
  z-index: 2;
}

.head-wrap .slideshow-tagline span {
	line-height: 70px;
}

.head-wrap .slideshow-tagline h2 {	
	line-height: 40px;
}