/* Side Navigation */
#side-nav {
    position: fixed;
    top: 49%;
    right: 2.08%;
    z-index: 102;
    color: #fff;
    transform: translateY(-50%);
    transition: var(--default-transition);
}

#side-nav.nav-active-section-home-section-2,
#side-nav.nav-active-section-home-section-3,
#side-nav.nav-active-section-home-section-4,
#side-nav.nav-active-section-home-section-6,
#side-nav.nav-active-section-home-section-7 {
    color: var(--primary);
}

#side-nav.nav-active-section-footer {
    pointer-events: none;
    opacity: 0;
}

.side-nav,
.side-nav > div {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.side-nav a {
    color: inherit;
    transition: var(--default-transition);
}

.side-nav a:hover {
    color: var(--primaryLight);
}

.side-nav i::before {
    display: block;
}

.side-nav .divider {
    width: 1px;
    height: 3.5em;
    opacity: 0.65;
    margin: 1.5em 0 1.25em;
    background: currentColor;
}

.side-nav-contact {
    gap: 1.5em;
}

.side-nav-smi {
    gap: 2em;
}

.side-nav-smi a i::before {
    font-size: 1.4em;
}

.side-nav-smi .ai-font-facebook::before {
    font-size: 1.35em;
    height: 0.963em;
    display: block;
}

.side-nav-smi .ai-font-instagram::before {
    height: 1em;
    display: block;
}

.side-nav-smi .ai-font-youtube {
    height: 0.9em;
    display: block;
}

.side-nav-smi .ai-font-youtube::before {
    position: relative;
    font-size: 1.35em;
    top: -0.185em;
}

/* Section: Slideshow */
.slideshow-slider {
    position: relative;
}

.slideshow-slider::before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    z-index: 1;
    bottom: -1px;
    height: 20.625%;
    background: linear-gradient(to top, #fff 5%, transparent);
}

.slideshow-slider::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    height: 34%;
    opacity: 0.71;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), transparent);
}

.slideshow-slider > canvas {
    width: 100%;
    height: 100%;
    display: block;
}

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

.slideshow-slider .aios-slider .aios-slider-splide .aios-slider-img::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.20);
}

#slideshow-slider .aios-slider .aios-slider-splide .aios-slider-tagline {
    padding: 0;
    background: none;
    overflow: visible;
    bottom: calc((324/800)*100%);
}

#slideshow-slider .aios-slider .aios-slider-splide .aios-slider-tagline .aios-slider-tagline-description {
    font-size: inherit;
}

.slideshow-slider .aios-slider .aios-slider-splide .aios-slider-tagline .slideshow-title {
    color: #fff;
    line-height: 1;
    font-size: 3.4em;
    font-size: 4.15em;
    font-weight: 400;
    text-align: center;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    font-family: var(--font-family-forum);
    text-shadow: 0px 0.044em 0.397em rgba(0, 0, 0, 0.76), 0px 0px 0.691em rgba(0, 0, 0, 1);
}

.slideshow-slider .aios-slider .aios-slider-splide .aios-slider-tagline .slideshow-title span {
    line-height: 1;
    font-weight: 500;
    font-size: 0.368em;
    letter-spacing: 0.5em;
    font-family: var(--font-family-default);
    margin-bottom: 0.4em;
    display: block;
}

.slideshow-slider .aios-slider .aios-slider-splide .aios-slider-tagline .slideshow-title.lg-title {
    line-height: 1;
    font-size: 4.25em;
    font-weight: 400;
    letter-spacing: 0.15em;
    position: relative;
    bottom: -0.047em;
}

.slideshow-slider .aios-slider .aios-slider-splide .aios-slider-tagline .slideshow-title.lg-title span {
    font-size: 0.294em;
}

.slideshow-tagline {
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc((242/800)*100%);
    text-align: center;
}

.slideshow-tagline .site-button {
    line-height: 1;
    font-size: 0.8em;
    min-width: 19.25em;
    letter-spacing: 0.15em;
    padding: 1.25em 0.75em 1.188em;
}

.slideshow-tagline .site-button span::before,
.slideshow-tagline .site-button span::after {
    width: 8.313em;
    height: 1.063em;
}

.slideshow-tagline .site-button:hover {
    color: #000;
}

/* Section: About */
.about-header {
    margin: 0 auto;
    text-align: center;
    padding: 7.15em 0 6.35em;
    width: calc((1300/1600)*100%);
}

.about-header .site-title {
    margin-bottom: 0.8em;
}

.about-header .site-title span {
    /*font-size: 3.5em;*/
}

.about-header p {
    width: 80%;
    margin: 0 auto;
}

.about-text p {
    text-align: justify;
    margin: 1.727em 0;
}

.about-bio {
    display: flex;
    position: relative;
}

.about-bio .about-photo {
    width: calc((510/1600)*100%);
    margin-right: auto;
}

.about-bio .about-text {
    width: calc((1020/1600)*100%);
    padding: 5.5em 0;
}

.about-bio .about-text .site-title {
    margin-bottom: 2.5em;
}

.about-bio .about-text .site-title small {
    /*font-size: 0.75em;*/
    line-height: 1.333;
    letter-spacing: 0.8em;
    margin-bottom: 1.533em;
}

.about-bio .about-text .site-title span {
    /*font-size: 3.25em;*/
    line-height: 0.8em;
}

.about-bio-bg {
    left: auto;
    top: -16.96%;
    right: 46.5%;
    width: 91.9375%;
    height: 145.98%;
}

.about-bio-bg canvas {
    opacity: 0.11;
    -webkit-filter: grayscale();
    filter: grayscale();
    -webkit-mask: radial-gradient(at center, #fff, transparent 80%);
    mask: radial-gradient(at center, #fff, transparent 80%);
}

.about-desc {
    display: flex;
    position: relative;
}

.about-desc::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    right: 5.9375%;
    background: #fff;
}

.about-desc .about-text {
    width: calc((869/1600)*100%);
    padding: 5.7em 0 0;
}

.about-desc .about-text .site-button {
    min-width: 30em;
    margin-top: 3.75em;
    background-position: 17.62% 45.79%;
}

.about-desc .about-photo {
    margin: 0 5.9375% 0 auto;
    width: calc((506/1600)*100%);
}

.about-desc-bg {
    top: auto;
    bottom: 0;
    left: 31.875%;
    width: 99.1875%;
    height: 123.65%;
    z-index: -2;
}

.about-desc-bg canvas {
    opacity: 0.10;
    -webkit-filter: grayscale();
    filter: grayscale();
    -webkit-mask: linear-gradient(to bottom, transparent, #fff 35%);
    mask: linear-gradient(to bottom, transparent, #fff 35%);
}

/* Section: Map */
.discover-wrap {
    margin: 0 auto;
    max-width: 1920px;
    position: relative;
}

.discover-text {
    position: absolute;
    top: 158px;
    left: 277px;
    z-index: 1;
    pointer-events: none !important;
}

.discover-text .site-title {
    margin-bottom: 34px;
}

.discover-text .site-title small {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 25px;
    color: var(--secondary);
}

.discover-text .site-title span {
    font-size: 92px;
    color: var(--secondary);
}

.discover-text .site-button {
    font-size: 12px;
    min-width: 438px;
    margin-top: 36px;
    padding-left: 12px;
    padding-right: 12px;
    pointer-events: auto;
    background-position: 35% 54%;
}

.discover-list {}

.discover-list-item {
    margin: 20px 0;
    position: relative;
}

.discover-list-item::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    z-index: -1;
    width: 90px;
    height: 43px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('../images/map-ac-box-mini.png');
}

.discover-list-item a {
    line-height: 1;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    padding: 12px 24px 13px 24px;
    transition: var(--default-transition);
    display: inline-block;
    pointer-events: auto;
    position: relative;
    color: #282828;
    min-width: 234px;
}

.discover-list-item[data-area="carlton-woods-sr"] a,
.discover-list-item[data-area="carlton-woods-cp"] a {
    min-width: 430px;
}

.discover-list-item[data-area="cochrans-crossing"] a {
    min-width: 318px;
}

.discover-list-item a::before {
    position: absolute;
    content: '';
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    opacity: 0;
    z-index: -1;
    transition: var(--default-transition);
    -webkit-filter: drop-shadow(0px 0px 25px rgba(164, 197, 220, 0.8));
    filter: drop-shadow(0px 0px 25px rgba(164, 197, 220, 0.8));
    background-image: url('../images/map-button-hover.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.discover-list-item a::after {
    position: absolute;
    content: '';
    left: 0;
    top: 100%;
    width: 0%;
    height: 1px;
    z-index: -1;
    background: var(--primary);
    transition: var(--default-transition);
}

.discover-list-item a div::before,
.discover-list-item a div::after {
    position: absolute;
    content: '';
    width: 51px;
    height: 55px;
    display: block;
    background-image: url('../images/ac-spark.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.discover-list-item a div::before {
    top: 6px;
    left: -24px;
}

.discover-list-item a div::after {
    top: 4px;
    right: -25px;
}

.discover-list-item a span::before,
.discover-list-item a span::after {
    position: absolute;
    content: '';
    width: 133px;
    height: 17px;
    display: block;
    background-image: url('../images/ac-shine.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.discover-list-item a span::before {
    left: 22px;
    top: -8px;
}

.discover-list-item a span::after {
    right: -22px;
    bottom: -8px;
}

.discover-list-item a span::before,
.discover-list-item a span::after,
.discover-list-item a div::before,
.discover-list-item a div::after {
    transition: var(--default-transition);
    opacity: 0;
}

.discover-list-item a .icon-pinpoint {
    width: 10px;
    height: 18px;
    position: relative;
    display: inline-block;
    background: transparent;
    margin-right: 12px;
}

.discover-list-item a .icon-pinpoint::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--secondary);
}

.discover-list-item a .icon-pinpoint::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 2px;
    margin: auto;
    border-radius: 50%;
    background: #8299aa;
}

.discover-list-item a:hover,
.discover-list-item a:focus,
.discover-list-item.is-active a {
    font-weight: 700;
    text-decoration: none;
}

.discover-list-item.is-active a::before,
.discover-list-item a:hover::before {
    opacity: 1;
}

.discover-list-item.is-active a::after,
.discover-list-item a:hover::after {
    width: 100%;
}

.discover-list-item.is-active a span::before,
.discover-list-item.is-active a span::after,
.discover-list-item.is-active a div::before,
.discover-list-item.is-active a div::after,
.discover-list-item a:hover span::before,
.discover-list-item a:hover span::after,
.discover-list-item a:hover div::before,
.discover-list-item a:hover div::after {
    opacity: 1;
}

/* map_hovers */
.discover-map-interactive img {
    display: block;
}

.discover-map-hovers {}

.discover-map-hover {
    position: absolute;
    pointer-events: none;
}

.discover-map-hover img {
    opacity: 0;
    transition: var(--default-transition);
}

.discover-map-hover.is-active {
    z-index: 1;
}

.discover-map-hover.is-active img {
    opacity: 1;
}

.discover-map-hover[data-area="alden-bridge"] {
    top: 320px;
    left: 788px;
}

.discover-map-hover[data-area="carlton-woods-sr"] {
    top: 452px;
    left: 871px;
    z-index: 2;
}

.discover-map-hover[data-area="carlton-woods-cp"] {
    top: 630px;
    left: 913px;
    z-index: 2;
}

.discover-map-hover[data-area="cochrans-crossing"] {
    top: 414px;
    left: 951px;
}

.discover-map-hover[data-area="college-park"] {
    top: 336px;
    left: 1146px;
}

.discover-map-hover[data-area="creekside"] {
    top: 605px;
    left: 804px;
}

.discover-map-hover[data-area="east-shore"] {
    top: 573px;
    left: 1167px;
}

.discover-map-hover[data-area="grogans-mill"] {
    top: 657px;
    left: 1142px;
}

.discover-map-hover[data-area="indian-springs"] {
    top: 542px;
    left: 866px;
}

.discover-map-hover[data-area="panther-creek"] {
    top: 541px;
    left: 1054px;
}

.discover-map-hover[data-area="sterling-ridge"] {
    top: 436px;
    left: 701px;
}

.discover-map-hover[data-area="research-forest"] {
    top: 493px;
    left: 1146px;
}

.discover-map-hover[data-area="town-center"] {
    top: 566px;
    left: 1216px;
}

/* map_hovers-name */
.discover-map-hover-name {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
}

.discover-map-hover-name i {
    -webkit-filter: drop-shadow(3px 6px 4.5px rgba(0, 0, 0, 0.54));
    filter: drop-shadow(3px 6px 4.5px rgba(0, 0, 0, 0.54));
    margin-bottom: 7px;
}

.discover-map-hover-name span {
    display: block;
    color: #282828;
    font-weight: 700;
    font-size: 12.34px;
    line-height: 17.63px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    text-shadow:
        rgb(255, 255, 255) 2px 0px 0px,
        rgb(255, 255, 255) 1.75517px 0.958851px 0px,
        rgb(255, 255, 255) 1.0806px 1.68294px 0px,
        rgb(255, 255, 255) 0.141474px 1.99499px 0px,
        rgb(255, 255, 255) -0.832294px 1.81859px 0px,
        rgb(255, 255, 255) -1.60229px 1.19694px 0px,
        rgb(255, 255, 255) -1.97999px 0.28224px 0px,
        rgb(255, 255, 255) -1.87291px -0.701566px 0px,
        rgb(255, 255, 255) -1.30729px -1.51361px 0px,
        rgb(255, 255, 255) -0.421592px -1.95506px 0px,
        rgb(255, 255, 255) 0.567324px -1.91785px 0px,
        rgb(255, 255, 255) 1.41734px -1.41108px 0px,
        rgb(255, 255, 255) 1.92034px -0.558831px 0px;
}

.discover-map-hover[data-area="alden-bridge"] .discover-map-hover-name {
    top: 44px;
    left: 201px;
}

.discover-map-hover[data-area="carlton-woods-sr"] .discover-map-hover-name {
    top: 11px;
    left: 39px;
    width: 70px;
}

.discover-map-hover[data-area="carlton-woods-cp"] .discover-map-hover-name {
    top: 17px;
    left: 30px;
    width: 70px;
}

.discover-map-hover[data-area="cochrans-crossing"] .discover-map-hover-name {
    top: 68px;
    left: 66px;
    width: 94px;
}

.discover-map-hover[data-area="college-park"] .discover-map-hover-name {
    top: 34px;
    left: 84px;
}

.discover-map-hover[data-area="creekside"] .discover-map-hover-name {
    top: 81px;
    left: 84px;
}

.discover-map-hover[data-area="east-shore"] .discover-map-hover-name {
    top: 26px;
    left: 38px;
    width: 58px;
}

.discover-map-hover[data-area="grogans-mill"] .discover-map-hover-name {
    top: 94px;
    left: 52px;
    width: 86px;
}

.discover-map-hover[data-area="indian-springs"] .discover-map-hover-name {
    top: 19px;
    left: 75px;
    width: 64px;
}

.discover-map-hover[data-area="panther-creek"] .discover-map-hover-name {
    top: 58px;
    left: 34px;
    width: 80px;
}

.discover-map-hover[data-area="sterling-ridge"] .discover-map-hover-name {
    top: 36px;
    left: 90px;
    width: 70px;
}

.discover-map-hover[data-area="research-forest"] .discover-map-hover-name {
    top: 25px;
    left: 3px;
}

.discover-map-hover[data-area="town-center"] .discover-map-hover-name {
    top: 26px;
    left: 45px;
}

/* map_hovers-sparks */
.discover-map-hover-sparks .icon-spark {
    position: absolute;
    z-index: 3;
    opacity: 0;
    transition: var(--default-transition);
}

.discover-map-hover.is-active .discover-map-hover-sparks .icon-spark {
    opacity: 1;
}

.discover-map-hover[data-area="alden-bridge"] .spark-1 {
    top: 52px;
    left: 60px;
}

.discover-map-hover[data-area="alden-bridge"] .spark-2 {
    top: 106px;
    left: 108px;
}

.discover-map-hover[data-area="alden-bridge"] .spark-3 {
    top: 28px;
    right: 81px;
}

.discover-map-hover[data-area="carlton-woods-sr"] .spark-1 {
    top: 8px;
    left: 8px;
}

.discover-map-hover[data-area="cochrans-crossing"] .spark-1 {
    top: 40px;
    left: 4px;
}

.discover-map-hover[data-area="cochrans-crossing"] .spark-2 {
    top: 108px;
    right: 26px;
}

.discover-map-hover[data-area="college-park"] .spark-1 {
    top: -17px;
    left: 75px;
}

.discover-map-hover[data-area="college-park"] .spark-2 {
    top: 75px;
    left: 70px;
}

.discover-map-hover[data-area="creekside"] .spark-1 {
    top: 48px;
    left: 22px;
}

.discover-map-hover[data-area="creekside"] .spark-2 {
    top: -11px;
    left: 78px;
}

.discover-map-hover[data-area="creekside"] .spark-3 {
    bottom: 57px;
    left: 132px;
}

.discover-map-hover[data-area="creekside"] .spark-4 {
    right: 86px;
    bottom: 62px;
}

.discover-map-hover[data-area="east-shore"] .spark-1 {
    top: 26px;
    left: 22px;
}

.discover-map-hover[data-area="grogans-mill"] .spark-1 {
    top: -22px;
    right: 12px;
}

.discover-map-hover[data-area="grogans-mill"] .spark-2 {
    top: 71px;
    left: 21px;
}

.discover-map-hover[data-area="grogans-mill"] .spark-3 {
    bottom: 45px;
    right: 45px;
}

.discover-map-hover[data-area="indian-springs"] .spark-1 {
    top: -6px;
    left: 26px;
}

.discover-map-hover[data-area="indian-springs"] .spark-2 {
    top: -6px;
    left: 26px;
}

.discover-map-hover[data-area="indian-springs"] .spark-3 {
    top: -6px;
    left: 26px;
}

.discover-map-hover[data-area="panther-creek"] .spark-1 {
    top: 3px;
    left: 46px;
}

.discover-map-hover[data-area="panther-creek"] .spark-2 {
    bottom: 40px;
    left: 56px;
}

.discover-map-hover[data-area="sterling-ridge"] .spark-1 {
    top: 44px;
    left: 32px;
}

.discover-map-hover[data-area="sterling-ridge"] .spark-2 {
    bottom: 30px;
    left: 76px;
}

.discover-bg {
    right: 0;
    margin: 0 auto;
    max-width: 1920px;
}

/* Section: listings */
.listings {
    overflow: hidden;
}

.listings-wrap {
    padding: 2.9em 0 8.7em;
}

.listings-header {
    text-align: center;
}

.listings-slider {
    margin: 0 -8em;
    padding: 3.5em 0 2.5em;
}

.listings-slider:not(.slick-initialized) {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 calc((-1328/1600)*100%);
    gap: 1em;
}

.listings-slider:not(.slick-initialized) .listings-card:nth-child(n+4) {
    display: none;
}

.listings-slider .slick-slide > div {
    margin: 0 0.5em;
}

.listings-card {
    position: relative;
}

.listings-card-info {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    color: #fff;
    display: flex;
    text-align: center;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background: rgba(0, 0, 0, 0.46);
    transition: var(--default-transition);
}

.listings-card-info .price {
    line-height: 1;
    font-weight: 400;
    font-size: 1.85em;
    letter-spacing: 0.05em;
    font-family: var(--font-family-forum);
    margin-bottom: 0.243em;
}

.listings-card-info .address {
    line-height: 1;
    font-size: 0.7em;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.listings-card-info .address strong {
    display: block;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 0;
    font-size: 2.143em;
    margin-bottom: 0.1em;
}

.listings-card-info .specs {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1.75em 0 1.65em;
    gap: 1em;
}

.listings-card-info .specs span {
    font-weight: 300;
    font-size: 0.65em;
    line-height: 1.846;
    letter-spacing: 0.05em;
    color: rgba(255, 255, 255, 0.70);
}

.listings-card-info .specs span i {
    margin-right: 0.588em;
    font-size: 1.308em;
    color: #fff;
}

.listings-card-info .specs span i.icon-shower {
    font-size: 1.462em;
}

.listings-card-info .site-button {
    min-width: 16.667em;
}

.listings-card-info .site-button:hover {
    color: #000;
}

.listings-card a:hover .listings-card-info,
.listings-card a:focus .listings-card-info {
    opacity: 1;
}

.listings-arrows {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 5.15em;
}

.listings-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -1.85em;
    gap: 2em;
}

.listings-buttons .site-button {
    background-position: 30.70% 15.49%;
}

/* Section: Testimonials */
.reviews {
    overflow: hidden;
}

.reviews-wrap {
    padding: 6.9em 12.5em 6.2em;
}

.reviews-header .site-title {
    text-align: center;
    color: var(--secondaryLight);
}

.reviews-header .site-title small {
    color: inherit;
}

.reviews-header .site-title small::before {
    opacity: 0.35;
    background: #292929;
}

.reviews-header .site-title small::after {
    background: var(--primary);
}

.reviews-slider {
    padding: 3.4em 0 3em;
}

.reviews-slider:not(.slick-initialized) .reviews-card:nth-child(n+2) {
    display: none;
}

.reviews-card {
    text-align: center;
}

.reviews-card p {
    /*font-size: 0.95em;*/
    line-height: 1.579;
    /*color: var(--secondaryLight);*/
}

.reviews-card .author {
    line-height: 1;
    font-size: 1.1em;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-family: var(--font-family-forum);
    /*color: var(--secondaryLight);*/
    display: inline-block;
    margin-top: 2.65em;
}

.reviews-card .author .icon-quote {
    color: var(--primary);
    margin-right: 0.364em;
    font-size: 1.65em;
}

.reviews-arrows {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2.35em;
}

.reviews-arrows .site-button {
    min-width: 30em;
}

.reviews-bg::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0.44;
    opacity: 0.64;
    background: radial-gradient(at center, #FFFFFF, #28849C00);
}

.reviews-bg::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.60;
    background: #b4e0ff;
}

/* Section: Videos */
.videos {
    overflow: hidden;
}

.videos-wrap {
    display: flex;
    padding: 5.6em 0 4.5em;
}

.videos-header {
    margin-left: -8em;
    padding: 14.2em 0 0 8em;
    width: calc((600/1600)*100%);
}

.videos-header .videos-buttons {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 2.3em;
    gap: 1.2em;
}

.videos-header .videos-buttons .site-button:last-child {
    background-position: 9.12% 56.72%;
}

.videos-buttons .ai-font-youtube {
    top: -0.091em;
    width: 0.864em;
    height: 0.591em;
    line-height: 0;
    font-size: 1.1em;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: var(--primary);
    transition: var(--default-transition);
}

.videos-buttons .ai-font-youtube::before {
    position: relative;
    top: 0.273em;
}

.videos-buttons .site-button:hover .ai-font-youtube {
    color: #000;
}

.videos-list {
    margin-right: -8em;
    width: calc((1320/1600)*100%);
}


.videos-slider:not(.slick-initialized) {
    display: flex;
    gap: 1.2em;
}

.videos-slider:not(.slick-initialized) .videos-card:nth-child(n+4) {
    display: none;
}

.videos-slider.slick-initialized {
    margin: 0 -0.5em;
}

.videos-slider.slick-initialized .slick-slide > div {
    display: flex;
    margin: 0 0.5em 1.5em;
}

.videos-card {
    position: relative;
}

.videos-card-photo {
    overflow: hidden;
    box-shadow: 0 1em 0.75em 0px rgba(0, 0, 0, 0.15);
}

.videos-card-info::before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: 24.74%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.80), transparent);
}

.videos-card-info .title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    font-size: 1.7em;
    line-height: 1.029;
    text-align: center;
    letter-spacing: 0.05em;
    padding: 0 0.882em 1.765em;
    font-family: var(--font-family-forum);
}

.videos-card:nth-child(3) .videos-card-info .title {
    padding-left: 0;
    padding-right: 0;
}

.videos-card-info .play {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 6.45em;
    height: 6.45em;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.1em solid #fff;
    border-radius: 50%;
}

.videos-card-info .play::before {
    position: absolute;
    content: '';
    margin: auto;
    opacity: 0.50;
    width: 7.45em;
    height: 7.45em;
    border-radius: 50%;
    border: 0.1em solid #fff;
}

.videos-card-info .play i {
    font-size: 1.35em;
}

.videos-card a:hover .videos-card-photo img {
    transform: scale(1.05);
}

.videos-arrows {
    display: flex;
    align-items: center;
    margin: 0 0.3em;
}

.videos-arrows .divider {
    width: 1px;
    height: 2.65em;
    opacity: 0.23;
    display: block;
    margin: 0 1.5em 0 1.3em;
    background: #838383;
}

.videos-bg::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.85;
    background: #fff;
}

.videos-bg canvas {
    -webkit-filter: grayscale();
    filter: grayscale();
}

/* Section: Community */
.community-wrap {
    padding: 7em 8.4em 6em;
}

.community-header {
    /*padding: 0 3em;*/
    text-align: center;
}

.community-header .site-title {
    margin-bottom: 2.7em;
}

.community-header p {
    /*color: #000;*/
    /*font-size: 0.7em;*/
    /*line-height: 2.143;*/
}

.community-list {
    position: relative;
}

.community-slider {
    padding: 1.9em 0 3em;
}

.community-slider:not(.slick-initialized) {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.community-slider:not(.slick-initialized) .community-logo:nth-child(n+6) {
    display: none;
}

.community-slider.slick-initialized {
    margin: 0 -2em;
}

.community-slider.slick-initialized .slick-track {
    display: flex;
    align-items: center;
}

.community-slider.slick-initialized .slick-slide > div {
    margin: 0 2em;
}

.community-logo {
    transition: var(--default-transition);
}

.community-logo img {
    -webkit-filter: brightness(0) saturate(100%) invert(37%) sepia(19%) saturate(902%) hue-rotate(163deg) brightness(96%) contrast(85%);
    filter: brightness(0) saturate(100%) invert(37%) sepia(19%) saturate(902%) hue-rotate(163deg) brightness(96%) contrast(85%);
}

.community-arrows .site-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.community-arrows .site-arrow.prev {
    right: 100%;
    margin-right: 3.667em;
}

.community-arrows .site-arrow.next {
    left: 100%;
    margin-left: 3.667em;
}

.community-buttons {
    text-align: center;
}

.community-buttons .site-button {
    min-width: 20.833em;
    background-position: 56.13% 55.01%;
}

@media screen and (max-width: 991px) {
    #side-nav {
        display: none;
    }

    .slideshow-slider::after {
        height: 20%;
    }

    .slideshow-slider > canvas {
        min-height: 400px;
    }

    .slideshow-tagline {
        bottom: 26%;
    }

    #slideshow-slider .aios-slider .aios-slider-splide .aios-slider-tagline {
        bottom: 40%;
        padding: 0 3em;
        font-size: 0.75em;
    }

    .about-header,
    .about-header p {
        width: 100%;
    }

    .about-bio {
        flex-direction: column;
    }

    .about-bio .about-photo {
        width: 100%;
        margin: 0 auto;
        max-width: 500px;
    }

    .about-bio .about-text {
        width: 100%;
        text-align: center;
    }

    .about-bio .about-text .site-title span {
        line-height: 1;
    }

    .about-desc {
        flex-direction: column-reverse;
    }

    .about-desc::before {
        right: -25%;
        background: linear-gradient(to top, #fff, transparent);
    }

    .about-desc .about-text {
        text-align: center;
        width: 100%;
    }

    .about-desc .about-photo {
        width: 100%;
        margin: 0 auto;
        max-width: 500px;
    }

    .discover-wrap {
        height: 100%;
        width: 80%;
        min-width: 280px;
        padding: max(65px, 8vw) 0;
    }

    .discover-text {
        position: static;
    }

    .discover-text .site-title small {
        font-size: 0.75em;
    }

    .discover-text .site-title span {
        font-size: 3.25em;
    }

    .discover-map-interactive,
    .discover-map-hovers {
        display: none;
    }

    .discover-bg {
        opacity: 0.25;
    }

    .discover-text .site-button {
        font-size: 0.75em;
        min-width: 36.5em;
        margin-top: 3em;
        padding-left: 1em;
        padding-right: 1em;
    }

    .discover-list-item {
        margin: 1.25em 0;
    }

    .discover-list-item::before {
        width: 5.625em;
        height: 2.688em;
    }

    .discover-list-item a {
        font-size: 1.125em;
        padding: 0.667em 1.333em 0.722em 1.333em;
        min-width: 13em;
    }

    .discover-list-item[data-area="carlton-woods-sr"] a,
    .discover-list-item[data-area="carlton-woods-cp"] a {
        min-width: 23.889em;
    }

    .discover-list-item[data-area="cochrans-crossing"] a {
        min-width: 17.667em;
    }

    .discover-list-item a::before {
        top: -0.167em;
        left: -0.167em;
        right: -0.167em;
        bottom: -0.167em;
        -webkit-filter: drop-shadow(0px 0px 1.389em rgba(164, 197, 220, 0.8));
        filter: drop-shadow(0px 0px 1.389em rgba(164, 197, 220, 0.8));
    }

    .discover-list-item a::after {
        position: absolute;
        content: '';
        left: 0;
        top: 100%;
        width: 0%;
        height: 1px;
        z-index: -1;
        background: var(--primary);
        transition: var(--default-transition);
    }

    .discover-list-item a div::before,
    .discover-list-item a div::after {
        width: 2.833em;
        height: 3.056em;
    }

    .discover-list-item a div::before {
        top: 0.333em;
        left: -1.333em;
    }

    .discover-list-item a div::after {
        top: 0.222em;
        right: -1.389em;
    }

    .discover-list-item a span::before,
    .discover-list-item a span::after {
        width: 7.389em;
        height: 0.944em;
    }

    .discover-list-item a span::before {
        left: 1.222em;
        top: -0.444em;
    }

    .discover-list-item a span::after {
        right: -1.222em;
        bottom: -0.444em;
    }

    .discover-list-item a .icon-pinpoint {
        height: 1em;
        width: 0.556em;
        margin-right: 0.667em;
    }

    .discover-list-item a .icon-pinpoint::before {
        width: 0.556em;
        height: 0.556em;
    }

    .discover-list-item a .icon-pinpoint::after {
        width: 0.111;
    }

    .listings-slider {
        margin: 0;
    }

    .listings-card-photo canvas {
        min-height: 300px;
    }

    .listings-buttons {
        margin-top: 2em;
        flex-flow: row wrap;
    }

    .listings-arrows {
        justify-content: center;
        gap: 4em;
    }

    .reviews-wrap {
        padding-left: 0;
        padding-right: 0;
    }

    .reviews-bg {
        opacity: 0.75;
    }

    .videos-wrap {
        flex-direction: column;
    }

    .videos-header {
        padding: 0;
        width: 100%;
        margin-left: 0;
        text-align: center;
    }

    .videos-header .videos-buttons {
        align-items: center;
        margin-bottom: 3em;
    }

    .videos-list {
        margin-right: 0;
        width: 100%;
    }

    .videos-card-photo img {
        object-position: 30%;
    }

    .videos-card-photo canvas {
        max-height: 500px;
    }

    .videos-arrows {
        justify-content: center;
    }

    .community-wrap {
        padding-left: 0;
        padding-right: 0;
    }

    .community-header {
        padding: 0;
    }

    .community-header p {
        font-size: 0.75em;
    }

    .community-arrows {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 2em;
    }

    .community-arrows .site-arrow {
        position: static;
    }
}

@media screen and (max-width: 767px) {

    #slideshow-slider .aios-slider .aios-slider-splide .aios-slider-tagline {
        font-size: 0.5em;
    }
}

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

    .about-header .site-title span {
        font-size: 3em;
    }

    .discover-list {
        font-size: max(0.75em, 2.8vw);
    }

    .discover-text .site-button {
        min-width: 0;
    }

    .discover-text .site-title {
        text-align: center;
    }

    .discover-text .site-title span {
        font-size: 3em;
    }

    .reviews-header .site-title span {
        font-size: 3em;
    }

    .reviews-arrows {
        flex-flow: row wrap;
    }

    .reviews-arrows .site-button {
        order: 1;
    }
}