/*** Slideshow ***/

#hp-slideshow-tagline {
    position: relative;
}

.hp-slideshow {
    position: relative;
}

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

.hp-slideshow-inner:before {
    content: '';
    width: 100%;
    height: 100%;
    background-image: url('../images/slideshow-overlay.png');
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

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

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

.hp-slideshow-inner .aios-slider.aios-slider-template-default .aios-slider-splide .aios-slider-img {
    background: #000;
}

.hp-slideshow-inner .aios-slider.aios-slider-template-default .aios-slider-splide .aios-slider-img canvas {
    min-height: auto !important;
    /*    max-height: 100vh;*/
}

.hp-slideshow-inner .aios-slider.aios-slider-template-default .aios-slider-splide .aios-slider-img img {
    opacity: 0.75;
}


/*** Tagline ***/

.hp-tagline {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding: 0 30px;
    padding: 0 1.875vw;
}

.hp-tagline-inner {
    max-width: 1140px;
    max-width: 71.25vw;
    margin: auto;
    padding: 72px 0;
    padding: 4.5vw 0;
}

.hp-tagline-inner h2 {
    font-size: 60px;
    font-size: 3.75vw;
    font-weight: 400;
    letter-spacing: -0.025em;
    line-height: 1;
    color: #fff;
    text-align: center;
    text-shadow: 0 2px 25.81px rgba(0, 0, 0, 0.2);
    text-shadow: 0 0.125vw 1.613vw rgba(0, 0, 0, 0.2);
}

.hp-tagline-inner h2 em {
    font-weight: 200;
}

.hp-tagline-inner h2 i {
    font-weight: 100;
    font-style: normal;
}

.hp-tagline-inner span {
    display: block;
    font-size: 18px;
    font-size: 1.125vw;
    font-weight: 400;
    color: #fff;
    text-align: center;
    text-shadow: 0 2px 25.81px rgba(0, 0, 0, 0.2);
    text-shadow: 0 0.125vw 1.613vw rgba(0, 0, 0, 0.2);
    margin: 17px 0 0;
    margin: 1.063vw 0 0;
}


/*** Explore Our Markets / About ***/

#hp-eom-about,
#hp-eom-about-sec {
    position: relative;
    z-index: 1;
    background: #fff;
}

.eom-about-bg {
    height: auto;
    top: 386px;
    top: 24.125vw;
    bottom: 0;
}

.eom-about-bg::before {
    content: '';
    width: 100%;
    height: 30%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.eom-about-bg canvas {
    filter: grayscale(1);
    opacity: 0.07;
}


/*** Explore Our Markets ***/

.hp-eom {
    position: relative;
    z-index: 1;
    padding: 0 30px;
    padding: 0 1.875vw;
}

.hp-eom-inner {
    max-width: 1140px;
    max-width: 71.25vw;
    margin: auto;
    padding: 109px 0;
    padding: 6.813vw 0;
}

.eom-title {
    margin: 0 0 39px;
    margin: 0 0 2.438vw;
}

.eom-slides {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -15px;
    margin: 0 -0.938vw;
}

.eom-slide {
    width: 33.33%;
    padding: 0 15px;
    padding: 0 0.938vw;
}

.eom-slide a {
    display: block;
}

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

.eom-slide-photo {
    border-radius: 90px 0 90px 0;
    border-radius: 5.625vw 0 5.625vw 0;
    box-shadow: 25px 43px 50px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 1.563vw 2.688vw 3.125vw 0 rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.eom-slide-photo::before {
    content: '';
    width: 100%;
    height: 72%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    opacity: 0.5;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.eom-slide-photo::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(14, 116, 76, 0.3);
    border: 2px solid var(--primary);
    border: 0.125vw solid var(--primary);
    border-radius: inherit;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    transition: var(--default-transition);
}

.eom-slide a:hover .eom-slide-photo::after {
    opacity: 1;
}

.eom-slide-photo i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    opacity: 0;
    transform: scale(0);
    transition: var(--default-transition);
}

.eom-slide a:hover .eom-slide-photo i {
    opacity: 1;
    transform: scale(1);
}

.eom-slide-photo i::before {
    content: '';
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    filter: drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.15));
    filter: drop-shadow(0.063vw 0.125vw 0.125vw rgba(0, 0, 0, 0.15));
}

.eom-slide-photo i.fire-island-pines-monogram::before {
    width: 73px;
    width: 4.563vw;
    height: 107px;
    height: 6.688vw;
    background-image: url('../images/eom-slide-monogram-01.png');
}

.eom-slide-photo i.cherry-grove-monogram::before {
    width: 86px;
    width: 5.375vw;
    height: 93px;
    height: 5.813vw;
    background-image: url('../images/eom-slide-monogram-02.png');
}

.eom-slide-photo i.water-island-monogram::before {
    width: 149px;
    width: 9.313vw;
    height: 64px;
    height: 4vw;
    background-image: url('../images/eom-slide-monogram-03.png');
}

.eom-slide-title {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 32px 34px;
    padding: 2vw 2.125vw;
}

.eom-slide-title h2 {
    font-size: 35px;
    font-size: 2.188vw;
    font-weight: 400;
    letter-spacing: -0.05em;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
    text-shadow: 0.063vw 0.125vw 0.313vw rgba(0, 0, 0, 0.4);
}


/*** About ***/

.hp-about {
    position: relative;
    z-index: 1;
    padding: 0 30px;
    padding: 0 1.875vw;
}

.hp-about-inner {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: center;
    max-width: 1476px;
    max-width: 92.25vw;
    margin: auto;
    padding: 125px 0 117px;
    padding: 7.813vw 0 7.313vw;
}

.about-photo {
    width: 13.144%;
}

.about-photo::before {
    content: '';
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.about-photo img {
    filter: grayscale(1);
}

.about-title-text-button {
    width: 63.21%;
    margin: 43px 0 0;
    margin: 2.688vw 0 0;
    padding: 0 70px;
    padding: 0 4.375vw;
}

.about-title {
    margin: 0 0 38px;
    margin: 0 0 2.375vw;
}

.about-title h2 {
    font-weight: 400;
    text-transform: none;
}

.about-text {}

.about-text p {
    font-size: 14px;
    font-size: 1.06vw;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1.857;
    color: #000;
    margin: 0 0 10px;
}

.about-button {
    margin: 45px 0 0;
    margin: 2.813vw 0 0;
}

.about-other-buttons-smi {
    width: 23.646%;
    margin: 102px 0 0;
    margin: 6.375vw 0 0;
}

.about-other-buttons {}

.about-other-button:not(:last-child) {
    margin: 0 0 11px;
    margin: 0 0 0.688vw;
}

.about-smi {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    margin: 62px 0 0;
    margin: 3.875vw 0 0;
}

.about-smi h2 {
    width: 100%;
    font-size: 14px;
    font-size: 0.875vw;
    font-weight: 400;
    letter-spacing: 0.4em;
    color: #000;
    text-align: center;
    /*text-transform: uppercase;*/
    padding: 0 0 0 0.4em;
    margin: 0 0 22px;
    margin: 0 0 1.375vw;
}

.about-smi a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    width: 3vw;
    height: 48px;
    height: 3vw;
    background: #000;
    border-radius: 50%;
    color: #fff;
}

.about-smi a:not(:last-child) {
    margin: 0 22px 0 0;
    margin: 0 1.375vw 0 0;
}

.about-smi a:hover {
    background: var(--primary);
}

.about-smi a i {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    font-size: 1.75vw;
}


/*** Why Work With Us / Quick Search ***/

#hp-wwwu-qs {
    position: relative;
    z-index: 1;
    background: #000;
}

.wwwu-qs-bg {}

.wwwu-qs-bg::before {
    content: '';
    width: 100%;
    height: 100%;
    background: var(--primary);
    opacity: 0.9;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.wwwu-qs-bg::after {
    content: '';
    width: 100%;
    height: 50%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

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


/*** Why Work With Us ***/

.hp-wwwu {
    position: relative;
    z-index: 1;
    padding: 0 30px;
    padding: 0 1.875vw;
}

.hp-wwwu-inner {
    max-width: 1140px;
    max-width: 71.25vw;
    margin: auto;
    padding: 75px 0 83px;
    padding: 4.688vw 0 5.188vw;
    position: relative;
    box-shadow: 0 0 49px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 3.063vw 0 rgba(0, 0, 0, 0.35);
    background: #fff;
}

.wwwu-bg {
    background: #fff;
}

.wwwu-bg canvas {
    filter: grayscale(1);
    opacity: 0.07;
}

.wwwu-title {
    position: relative;
    z-index: 1;
    margin: 0 0 48px;
    margin: 0 0 3vw;
}

.wwwu-stats {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
}

.wwwu-stat {
    display: flex;
    justify-content: center;
}

.wwwu-stat:not(:last-child)::after {
    content: '';
    width: 1px;
    width: 0.063vw;
    height: 110px;
    height: 6.875vw;
    background: var(--primary);
    opacity: 0.5;
    margin: 0 55px;
    margin: 0 3.438vw;
}

.wwwu-stat-inner {
    margin: 4px 0 0;
    margin: 0.25vw 0 0;
}

.wwwu-stat-inner h2 {
    font-size: 53px;
    font-size: 3.313vw;
    font-weight: 400;
    letter-spacing: 0.03em;
    line-height: 1;
    color: #000;
    text-align: center;
    padding: 0 0 0 0.03em;
}

.wwwu-stat-inner h2 em {
    font-style: normal;
}

.wwwu-stat-inner span {
    display: block;
    font-size: 14px;
    font-size: 0.875vw;
    font-weight: 300;
    letter-spacing: 0.03em;
    line-height: 1.428;
    color: #303030;
    text-align: center;
    padding: 0 0 0 0.03em;
    margin: 10px 0 0;
    margin: 0.625vw 0 0;
}


/*** Quick Search ***/

.hp-qs {
    position: relative;
    z-index: 1;
    padding: 0 30px;
    padding: 0 1.875vw;
}

.hp-qs-inner {
    max-width: 1140px;
    max-width: 71.25vw;
    margin: auto;
    padding: 114px 0 119px;
    padding: 7.125vw 0 7.438vw;
}

.qs-title {
    margin: 0 0 32px;
    margin: 0 0 2vw;
}

.qs-buttons {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}

.qs-button:not(:last-child) {
    margin: 0 30px 0 0;
    margin: 0 1.875vw 0 0;
}


/*** Search For Pines Homes ***/

#hp-sfph {
    position: relative;
    z-index: 1;
    background: #fff;
}

.sfph-bg {
    pointer-events: none;
}

.sfph-bg::before {
    content: '';
    width: 100%;
    height: 16%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.sfph-bg canvas {
    /*filter: grayscale(1);
    opacity: 0.07;*/
}

.hp-sfph {
    padding: 0 30px;
    padding: 0 1.875vw 136px;
}

.hp-sfph-inner {
    /*max-width: 1238px;
    max-width: 77.375vw;
    margin: auto;
    padding: 1px 0 4px;
    padding: 0.063vw 0 0.25vw;*/
    position: relative;
    z-index: 5;
}

.sfph-title {
    margin-top: 7px;
    /*position: absolute;
    top: 109px;
    top: 6.813vw;
    left: 0;
    z-index: 1;*/
}

/*.sfph-map {
    max-width: 1319px;
    max-width: 82.438vw;
    margin: 0 calc(calc(-100vw + 100%) / 2) 0 auto;
}*/

.sfph-head {
    display: flex;
    justify-content: space-between;
    max-width: 1140px;
    margin: 0 auto;
    padding: 98px 0 112px;
}

.sfph-fs-fr {
    margin-right: -70px;
}

.sfph-fs-fr-btn {
    font-size: 0;
}

.sfph-fs-fr-btn a {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    display: inline-block;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.sfph-fs-fr-btn a.active-btn {
    color: var(--primary);
}

.sfph-fs-fr-btn em.box-status {
    width: 60px;
    height: 28px;
    border-radius: 15px;
    position: relative;
    margin-left: 6px;
}

.sfph-fs-fr-btn em.box-status::after {
    content: '';
    position: absolute;
    top: 0;
    left: 3px;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.sfph-fs-fr-btn a.active-btn em.box-status::after {
    left: calc(100% - 23px);
}

.sfph-fs-fr-btn a#forrent {
    margin-left: 29px;
}

em.box-status {
    width: 29px;
    height: 19px;
    display: inline-block;
    border: 2px solid #404040;
    background: #c2c2c2;
    vertical-align: text-bottom;
}

.sfph-fs-fr-btn a.active-btn em.box-status {
    background: var(--primary);
}

ul.sfph-status {
    margin-top: 24px;
}

ul.sfph-status li {
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 24px;
    line-height: 1.2;
}

em.avail {
    background: #aab986;
}

ul.sfph-status em {
    margin-right: 13px;
    vertical-align: middle;
}

.map-holder {
    position: relative;
    max-width: 1302px;
    margin: 0 auto;
}

.sfph-map-area {
    width: 1302px;
}

.sfph-lot {
    position: absolute;
    pointer-events: none;
    display: none;
    /*z-index: 4;*/
}

.sfph-pin {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #323232;
    display: block;
}

.sfph-map-wrap {
    position: relative;
}

.sfph-divider-label span {
    position: absolute;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    text-shadow: rgb(255, 255, 255) 1px 0px 0px, rgb(255, 255, 255) 0.540302px 0.841471px 0px, rgb(255, 255, 255) -0.416147px 0.909297px 0px, rgb(255, 255, 255) -0.989992px 0.14112px 0px, rgb(255, 255, 255) -0.653644px -0.756802px 0px, rgb(255, 255, 255) 0.283662px -0.958924px 0px, rgb(255, 255, 255) 0.96017px -0.279415px 0px;
}

span.sfph-bay {
    top: 0;
    left: 528px;
}

span.sfph-ocean {
    bottom: -7px;
    left: 522px;
}

.map-hover {
    position: relative;
    min-width: 285px;
    max-width: 285px;
    background: var(--primary);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.map-hover::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/wp-content/uploads/2024/09/map-hover-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    opacity: .1;
}

.map-hover a {
    position: relative;
    display: block;
    z-index: 5;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.231;
    letter-spacing: .7px;
    color: #fff;
    padding: 19px;
}

.map-status {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.map-price {
    font-size: 15px;
    font-weight: 600;
    margin-top: 4px;
}

.map-address {
    margin-top: 2px;
    text-transform: uppercase;
}

.map-address span {
    text-transform: capitalize;
    display: block;
    font-weight: 300;
    margin-top: 2px;
}

.map-specs {
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.35px;
    position: relative;
    padding-top: 12px;
    margin-top: 9px;
}

.map-specs::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 33px;
    height: 1px;
    background: #cccccc;
    opacity: .5;
}

.map-hover a,
.map-hover div {
    pointer-events: auto;
}

.sfph-lot.active {
    display: block;
}

#map-transparent,
#map-grass {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}

#map-grass {
    pointer-events: none;
}

.hover-content {
    position: absolute;
    display: none;
    z-index: 4;
    width: 220px;
    min-height: 94px;
}

.unit-availability > div {
    position: absolute;
}

.unit-availability > div img{
    opacity: 0;
}

/*** Featured Sales ***/

#hp-fs {
    position: relative;
    z-index: 1;
    background: #fff;
}

.fs-bg {
    max-width: 607px;
    max-width: 37.938vw;
    max-height: 413px;
    max-height: 25.813vw;
}

.fs-bg::before {
    content: '';
    width: 100%;
    height: 100%;
    background: var(--primary);
    opacity: 0.95;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

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

.hp-fs {
    position: relative;
    z-index: 1;
    padding: 0 30px;
    padding: 0 1.875vw;
}

.hp-fs-inner {
    max-width: 1476px;
    max-width: 92.25vw;
    margin: auto;
    padding: 0 0 111px;
    padding: 0 0 6.938vw;
    position: relative;
}

.fs-title-button {
    position: absolute;
    top: 60px;
    top: 3.75vw;
    left: 70px;
    left: 4.375vw;
    z-index: 1;
}

.fs-title {
    margin: 0 0 33px;
    margin: 0 0 2.063vw;
}

.fs-button {}

.fs-slides {
    margin: 0 -3px;
    margin: 0 -0.188vw;
}

.fs-slides:not(.slick-initialized),
.fs-slides .slick-slide > div {
    display: flex;
    flex-flow: row wrap;
}

.fs-slide {
    width: 33.33% !important;
    padding: 0 3px;
    padding: 0 0.188vw;
    margin: 0 0 6px;
    margin: 0 0 0.375vw;
}

.fs-slide:first-child {
    margin: 0 0 0 33.33%;
}

.fs-slide a {
    display: block;
}

.fs-slide-inner {
    position: relative;
    overflow: hidden;
}

.fs-slide-photo {}

.fs-slide-photo::before {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgba(14, 116, 76, 1) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    transition: var(--default-transition);
}

.fs-slide a:hover .fs-slide-photo::before {
    opacity: 1;
}

.fs-slide a:hover .fs-slide-photo img {
    filter: grayscale(1);
}

.fs-slide-info {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding: 25px 30px;
    padding: 1.563vw 1.875vw;
    opacity: 0;
    transform: translateY(30px);
    transform: translateY(1.875vw);
    transition: var(--default-transition);
}

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

.fs-slide-info h2 {
    font-size: 36px;
    font-size: 2.25vw;
    font-weight: 400;
    color: #fff;
}

.fs-slide-info span {
    display: block;
    font-size: 18px;
    font-size: 1.125vw;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1.233;
    color: #fff;
    text-transform: uppercase;
    margin: 2px 0 0;
    margin: 0.125vw 0 0;
}


/*** Happening This Week ***/

#hp-htw {
    position: relative;
    z-index: 2;
    /*background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);*/
}

.htw-bg {
    height: auto;
    top: 0;
    bottom: 223px;
    bottom: 13.938vw;
}

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

.hp-htw {
    position: relative;
    z-index: 1;
    padding: 0 30px;
    padding: 0 1.875vw;
}

.hp-htw-inner {
    display: flex;
    flex-flow: row wrap;
    max-width: 1140px;
    max-width: 71.25vw;
    margin: auto;
    padding: 117px 0 0;
    padding: 7.313vw 0 0;
}

.htw-photo-slides {
    width: 48.685%;
}

.htw-photo-slides .slick-list {
    overflow: visible;
}

.htw-photo-slide {}

.htw-photo-slide a {
    display: block;
}

.htw-photo-slide-inner {}

.htw-photo-slide-photo {
    border-radius: 120px 0 120px 0;
    border-radius: 7.5vw 0 7.5vw 0;
    box-shadow: 25px 43px 50px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 1.563vw 2.688vw 3.125vw 0 rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.htw-photo-slide-photo::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(14, 116, 76, 0.3);
    border: 2px solid var(--primary);
    border: 0.125vw solid var(--primary);
    border-radius: inherit;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    transition: var(--default-transition);
}

.htw-photo-slide a:hover .htw-photo-slide-photo::after {
    opacity: 1;
}

.htw-title-info-slides-arrows {
    width: 51.315%;
    margin: 6px 0 0;
    margin: 0.375vw 0 0;
    padding: 0 0 0 105px;
    padding: 0 0 0 6.563vw;
}

.htw-title {
    margin: 0 0 37px;
    margin: 0 0 2.313vw;
}

.htw-title.light span {
    color: var(--primary);
}

.htw-info-slides {}

.htw-info-slide {}

.htw-info-slide-inner {}

.htw-info-slide-info {}

.htw-info-slide-info p {
    font-size: 13px;
    font-size: 1.06vw;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 2;
    color: #fff;
}

.htw-arrows {
    display: flex;
    align-items: center;
    margin: 45px 0 0;
    margin: 2.813vw 0 0;
}

.htw-arrows a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    width: 3.125vw;
    height: 50px;
    height: 3.125vw;
    border: 1px solid #ccc;
    border: 0.063vw solid #ccc;
    border-radius: 50%;
    color: var(--primary);
}

.htw-arrows a:not(:last-child) {
    margin: 0 12px 0 0;
    margin: 0 0.75vw 0 0;
}

.htw-arrows a:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: #fff;
}

.htw-arrows a i {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-size: 1vw;
    font-weight: 700;
}

.htw-arrows a.prev i {
    left: -1px;
    left: -0.063vw;
}

.htw-arrows a.next i {
    right: -1px;
    right: -0.063vw;
}

.htw-ctas {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 116px 0 0;
    margin: 7.25vw 0 0;
}

.htw-cta {}

.htw-cta:not(:last-child) {
    margin: 0 30px 0 0;
    margin: 0 1.875vw 0 0;
}

.htw-cta a {
    display: block;
}

.htw-cta-inner {}

.htw-cta-photo {
    width: 347px;
    width: 21.688vw;
    border-radius: 90px 0 90px 0;
    border-radius: 5.625vw 0 5.625vw 0;
    box-shadow: 25px 43px 50px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 1.563vw 2.688vw 3.125vw 0 rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.htw-cta-photo::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(14, 116, 76, 0.3);
    border: 2px solid var(--primary);
    border: 0.125vw solid var(--primary);
    border-radius: inherit;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    transition: var(--default-transition);
}

.htw-cta a:hover .htw-cta-photo::after {
    opacity: 1;
}

.htw-cta-title {
    margin: 17px 0 0;
    margin: 1.063vw 0 0;
}

.htw-cta-title h2 {
    font-size: 30px;
    font-size: 1.875vw;
    font-weight: 400;
    color: #000;
    text-align: center;
}


/*** Social Media ***/

#hp-sm {
    position: relative;
    z-index: 1;
    background: #fff;
}

.sm-bg {}

.sm-bg::before {
    content: '';
    width: 100%;
    height: 50%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.sm-bg canvas {
    filter: grayscale(1);
    opacity: 0.15;
}

.hp-sm {
    position: relative;
    z-index: 1;
    padding: 0 30px;
    padding: 0 1.875vw;
}

.hp-sm-inner {
    max-width: 1540px;
    max-width: 96.25vw;
    margin: auto;
    padding: 95px 0 117px;
    padding: 5.938vw 0 7.313vw;
}

.sm-title {
    margin: 0 0 39px;
    margin: 0 0 2.438vw;
}

.sm-title span em {
    font-style: normal;
    text-transform: none;
}

.sm-slides {
    margin: 0 -4px;
    margin: 0 -0.25vw;
}

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

.sm-slide {
    width: 16.66%;
    padding: 0 4px;
    padding: 0 0.25vw;
}

.sm-slide a {
    display: block;
}

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

.sm-slide-inner::before {
    content: '\b0106';
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-family: agentimage!important;
    font-size: 96px;
    font-size: 6vw;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    transform: scale(0);
    transition: var(--default-transition);
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.15);
    text-shadow: 0.063vw 0.125vw 0.125vw rgba(0, 0, 0, 0.15);
}

.sm-slide a:hover .sm-slide-inner::before {
    opacity: 1;
    transform: scale(1);
}

.sm-slide-photo {}

.sm-slide-photo::before {
    content: '';
    width: 50%;
    height: 50%;
    background: linear-gradient(45deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.5;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    transition: var(--default-transition);
}

.sm-slide a:hover .sm-slide-photo::before {
    opacity: 0;
}

.sm-slide-photo::after {
    content: '';
    width: 100%;
    height: 100%;
    background: var(--primary);
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    transition: var(--default-transition);
}

.sm-slide a:hover .sm-slide-photo::after {
    opacity: 0.75;
}

.sm-slide-photo i {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 34px;
    font-size: 2.125vw;
    color: #fff;
    position: absolute;
    bottom: 7px;
    bottom: 0.438vw;
    left: 11px;
    left: 0.688vw;
    z-index: 2;
    transform: scale(1);
    transition: var(--default-transition);
}

.sm-slide a:hover .sm-slide-photo i {
    transform: scale(0);
    opacity: 0;
}

.page-id-21 #content .ai-minimalist-column-content-left .entry-sub-title {
    text-transform: lowercase !important;
}

@media only screen and (min-width: 992px) {
    .map-status {
        font-size: 1.06vw;
    }
    .map-price {
        font-size: 1.13vw;
    }
    .map-address,
    .map-specs {
        font-size: 1vw;
    }
}


@media only screen and (max-width: 1366px) {
    .sfph-fs-fr {
        margin-right: 0;
    }

    .sfph-fs-fr-btn a,
    ul.sfph-status li {
        font-size: 15px;
    }

    ul.sfph-status li {
        margin-bottom: 17px;
    }

    #forsale > em {
        margin-left: 10px;
    }

    #forrent > em {
        margin-right: 10px;
    }
}

@media only screen and (max-width: 1199px) {
    .sfph-fs-fr-btn a, ul.sfph-status li {
        font-size: 13px;
    }

    ul.sfph-status li {
        margin-bottom: 10px;
    }

    em.box-status {
        width: 22px;
        height: 22px;
    }
}


/* iPad(portrait) | Galaxy Tab 4(portrait)  */

@media only screen and (max-width: 991px) {
    /*** Slideshow ***/
    #hp-slideshow-tagline {}
    .hp-slideshow {}
    .hp-slideshow-inner {}
    .hp-slideshow-inner:before {}
    .hp-slideshow-inner > canvas {
        min-height: 400px !important;
    }
    .hp-slideshow-inner .aios-slider {}
    .hp-slideshow-inner .aios-slider.aios-slider-template-default .aios-slider-splide .aios-slider-img {}
    .hp-slideshow-inner .aios-slider.aios-slider-template-default .aios-slider-splide .aios-slider-img canvas {
        min-height: 400px !important;
    }
    .hp-slideshow-inner .aios-slider.aios-slider-template-default .aios-slider-splide .aios-slider-img img {}
    /*** Tagline ***/
    .hp-tagline {
        padding: 0 30px;
        bottom: 50%;
        transform: translateY(50%);
    }
    .hp-tagline-inner {
        max-width: 720px;
        padding: 72px 0;
    }
    .hp-tagline-inner h2 {
        font-size: 60px;
        text-shadow: 0 2px 25.81px rgba(0, 0, 0, 0.2);
    }
    .hp-tagline-inner h2 em {}
    .hp-tagline-inner h2 i {}
    .hp-tagline-inner span {
        font-size: 18px;
        text-shadow: 0 2px 25.81px rgba(0, 0, 0, 0.2);
        margin: 17px 0 0;
    }
    /*** Explore Our Markets / About ***/
    #hp-eom-about {}
    .eom-about-bg {
        top: 386px;
    }
    .eom-about-bg::before {}
    .eom-about-bg canvas {}
    /*** Explore Our Markets ***/
    .hp-eom {
        padding: 0 30px;
    }
    .hp-eom-inner {
        max-width: 720px;
        padding: 90px 0 0;
    }
    .eom-title {
        margin: 0 0 30px;
    }
    .eom-slides {
        margin: 0 -15px;
        flex-flow: column;
        align-items: center;
    }
    .eom-slide {
        padding: 0 15px;
        width: 100%;
        max-width: 391px;
    }
    .eom-slide:not(:last-child) {
        margin: 0 0 30px;
    }
    .eom-slide a {}
    .eom-slide-inner {}
    .eom-slide-photo {
        border-radius: 90px 0 90px 0;
        box-shadow: 25px 43px 50px 0 rgba(0, 0, 0, 0.1);
    }
    .eom-slide-photo::before {}
    .eom-slide-photo::after {
        border: 2px solid var(--primary);
    }
    .eom-slide a:hover .eom-slide-photo::after {}
    .eom-slide-photo i {}
    .eom-slide a:hover .eom-slide-photo i {}
    .eom-slide-photo i::before {
        filter: drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.15));
    }
    .eom-slide-photo i.fire-island-pines-monogram::before {
        width: 73px;
        height: 107px;
    }
    .eom-slide-photo i.cherry-grove-monogram::before {
        width: 86px;
        height: 93px;
    }
    .eom-slide-photo i.water-island-monogram::before {
        width: 149px;
        height: 64px;
    }
    .eom-slide-title {
        padding: 30px;
    }
    .eom-slide-title h2 {
        font-size: 35px;
        text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
    }
    /*** About ***/
    .hp-about {
        padding: 0 30px;
    }
    .hp-about-inner {
        max-width: 720px;
        padding: 90px 0;
    }
    .about-photo {}
    .about-photo::before {}
    .about-photo img {}
    .about-title-text-button {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .about-title {
        margin: 0 0 30px;
    }
    .about-title h2 {}
    .about-text {}
    .about-text p {
        font-size: 14px;
        text-align: center;
    }
    .about-button {
        margin: 30px 0 0;
    }
    .about-other-buttons-smi {
        width: 100%;
        margin: 90px 0 0;
    }
    .about-other-buttons {}
    .about-other-button:not(:last-child) {
        margin: 0 0 30px;
    }
    .about-smi {
        margin: 90px 0 0;
    }
    .about-smi h2 {
        font-size: 14px;
        margin: 0 0 22px;
    }
    .about-smi a {
        width: 48px;
        height: 48px;
    }
    .about-smi a:not(:last-child) {
        margin: 0 22px 0 0;
    }
    .about-smi a:hover {}
    .about-smi a i {
        font-size: 28px;
    }
    /*** Why Work With Us / Quick Search ***/
    #hp-wwwu-qs {}
    .wwwu-qs-bg {}
    .wwwu-qs-bg::before {}
    .wwwu-qs-bg::after {}
    .wwwu-qs-bg canvas {}
    /*** Why Work With Us ***/
    .hp-wwwu {
        padding: 0 30px;
    }
    .hp-wwwu-inner {
        max-width: 720px;
        padding: 90px 0;
        box-shadow: 0 0 49px 0 rgba(0, 0, 0, 0.35);
    }
    .wwwu-bg {}
    .wwwu-bg canvas {}
    .wwwu-title {
        margin: 0 0 30px;
    }
    .wwwu-stats {
        flex-flow: column;
    }
    .wwwu-stat {
        flex-flow: column;
        align-items: center;
    }
    .wwwu-stat:not(:last-child)::after {
        width: 110px;
        height: 1px;
        margin: 30px 0;
    }
    .wwwu-stat-inner {
        margin: 0;
    }
    .wwwu-stat-inner h2 {
        font-size: 53px;
    }
    .wwwu-stat-inner h2 em {}
    .wwwu-stat-inner span {
        font-size: 14px;
        margin: 10px 0 0;
    }
    /*** Quick Search ***/
    .hp-qs {
        padding: 0 30px;
    }
    .hp-qs-inner {
        max-width: 720px;
        padding: 90px 0;
    }
    .qs-title {
        margin: 0 0 30px;
    }
    .qs-buttons {
        flex-flow: column;
    }
    .qs-button:not(:last-child) {
        margin: 0 0 30px;
    }
    /*** Search For Pines Homes ***/
    #hp-sfph {}
    .sfph-bg {}
    .sfph-bg::before {}
    .sfph-bg canvas {}
    .hp-sfph {
        padding: 0 30px;
    }
    .hp-sfph-inner {
        /*max-width: 720px;*/
        padding: 90px 0;
    }
    /*.sfph-title {
        position: relative;
        top: auto;
    }
    .sfph-map {
        max-width: 1319px;
        margin: 0;
    }*/
    .sfph-head {
        justify-content: center;
        padding: 0 0 50px;
        flex-direction: column;
    }
    .sfph-fs-fr {
        margin-right: 0;
        text-align: center;
        margin-top: 30px;
    }
    ul.sfph-status {
        display: inline-block;
        text-align: left;
    }
    /*** Featured Sales ***/
    #hp-fs {}
    .fs-bg {
        max-width: none;
        max-height: 413px;
    }
    .fs-bg::before {}
    .fs-bg canvas {}
    .hp-fs {
        padding: 0 30px;
    }
    .hp-fs-inner {
        max-width: 720px;
        padding: 90px 0;
    }
    .fs-title-button {
        position: relative;
        top: auto;
        left: auto;
        margin: 0 0 30px;
    }
    .fs-title {
        margin: 0 0 30px;
    }
    .fs-button {}
    .fs-slides {
        margin: 0 -3px;
    }
    .fs-slides:not(.slick-initialized),
    .fs-slides .slick-slide > div {}
    .fs-slide {
        width: 100% !important;
        padding: 0 3px;
        margin: 0;
    }
    .fs-slide:first-child {
        margin: 0;
    }
    .fs-slide a {}
    .fs-slide-inner {}
    .fs-slide-photo {}
    .fs-slide-photo::before {}
    .fs-slide a:hover .fs-slide-photo::before {}
    .fs-slide a:hover .fs-slide-photo img {}
    .fs-slide-info {
        padding: 30px;
        transform: translateY(30px);
    }
    .fs-slide a:hover .fs-slide-info {}
    .fs-slide-info h2 {
        font-size: 36px;
    }
    .fs-slide-info span {
        font-size: 18px;
        margin: 2px 0 0;
    }
    /*** Happening This Week ***/
    #hp-htw {
        background: #fff;
    }
    .htw-bg {
        bottom: 700px;
    }
    .htw-bg::before {}
    .hp-htw {
        padding: 0 30px;
    }
    .hp-htw-inner {
        max-width: 720px;
        padding: 90px 0 0;
    }
    .htw-photo-slides {
        width: 100%;
        max-width: 555px;
        margin: auto;
    }
    .htw-photo-slides .slick-list {}
    .htw-photo-slide {}
    .htw-photo-slide a {}
    .htw-photo-slide-inner {}
    .htw-photo-slide-photo {
        border-radius: 120px 0 120px 0;
        box-shadow: 25px 43px 50px 0 rgba(0, 0, 0, 0.1);
    }
    .htw-photo-slide-photo::after {
        border: 2px solid var(--primary);
    }
    .htw-photo-slide a:hover .htw-photo-slide-photo::after {}
    .htw-title-info-slides-arrows {
        width: 100%;
        margin: 30px 0 0;
        padding: 0;
    }
    .htw-title {
        width: 100%;
        margin: 0 0 30px;
    }
    .htw-title.light span {}
    .htw-info-slides {}
    .htw-info-slide {}
    .htw-info-slide-inner {}
    .htw-info-slide-info {}
    .htw-info-slide-info p {
        font-size: 13px;
        text-align: center;
    }
    .htw-arrows {
        margin: 30px 0 0;
        justify-content: center;
    }
    .htw-arrows a {
        width: 50px;
        height: 50px;
        border: 1px solid #ccc;
    }
    .htw-arrows a:not(:last-child) {
        margin: 0 12px 0 0;
    }
    .htw-arrows a:hover {}
    .htw-arrows a i {
        font-size: 16px;
    }
    .htw-arrows a.prev i {
        left: -1px;
    }
    .htw-arrows a.next i {
        right: -1px;
    }
    .htw-ctas {
        flex-flow: column;
        margin: 90px 0 0;
    }
    .htw-cta {}
    .htw-cta:not(:last-child) {
        margin: 0 0 30px;
    }
    .htw-cta a {}
    .htw-cta-inner {}
    .htw-cta-photo {
        width: 347px;
        border-radius: 90px 0 90px 0;
        box-shadow: 25px 43px 50px 0 rgba(0, 0, 0, 0.1);
    }
    .htw-cta-photo::after {
        border: 2px solid var(--primary);
    }
    .htw-cta a:hover .htw-cta-photo::after {}
    .htw-cta-title {
        margin: 17px 0 0;
    }
    .htw-cta-title h2 {
        font-size: 30px;
    }
    /*** Social Media ***/
    #hp-sm {}
    .sm-bg {}
    .sm-bg::before {}
    .sm-bg canvas {
        opacity: 0.15;
    }
    .hp-sm {
        padding: 0 30px;
    }
    .hp-sm-inner {
        max-width: 720px;
        padding: 90px 0;
    }
    .sm-title {
        margin: 0 0 30px;
    }
    .sm-title span em {}
    .sm-slides {
        margin: 0 -4px;
    }
    .sm-slides:not(.slick-initialized) {}
    .sm-slide {
        width: 33.33%;
        padding: 0 4px;
        margin: 0 0 8px;
    }
    .sm-slide a {}
    .sm-slide-inner {}
    .sm-slide-inner::before {
        font-size: 96px;
        text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.15);
    }
    .sm-slide a:hover .sm-slide-inner::before {}
    .sm-slide-photo {}
    .sm-slide-photo::before {}
    .sm-slide a:hover .sm-slide-photo::before {}
    .sm-slide-photo::after {}
    .sm-slide a:hover .sm-slide-photo::after {}
    .sm-slide-photo i {
        font-size: 34px;
        bottom: 7px;
        left: 11px;
    }
    .sm-slide a:hover .sm-slide-photo i {}
}


/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */

@media only screen and (max-width: 767px) {
    .hp-tagline {
        padding: 0 15px;
    }
    .hp-tagline-inner h2 {
        font-size: 50px;
    }
    .hp-eom {
        padding: 0 15px;
    }
    .hp-about {
        padding: 0 15px;
    }
    .hp-wwwu {
        padding: 0 15px;
    }
    .hp-qs {
        padding: 0 15px;
    }
    .hp-sfph {
        padding: 0 15px;
    }
    .hp-fs {
        padding: 0 15px;
    }
    .htw-photo-slide-photo {
        border-radius: 90px 0 90px 0;
    }
    .hp-htw {
        padding: 0 15px;
    }
    .hp-sm {
        padding: 0 15px;
    }
    .sm-slide {
        width: 50%;
    }
}


/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */

@media only screen and (max-width: 480px) {}

@media only screen and (max-width: 360px) {
    .hp-tagline-inner h2 {
        font-size: 40px;
    }
    .eom-slide-title h2 {
        font-size: 30px;
    }
}