/*slideshow*/
.slideshow-area {
    position: relative;
}

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

    .slider-holder .slider-canvas {
        width: 100%;
        height: 100%;
        display: block;
        min-height: 400px;
    }

    .slider-holder .aios-slider-splide::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, rgba(0,0,0,0.90) 0%,rgba(0,0,0,0) 100%);
        pointer-events: none;
        z-index: 1;
        opacity: .5;
    }

/*slider tagline*/
.slider-tagline-holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    padding: 0 15px;
    pointer-events: none;
    z-index: 5;
}

    .slider-tagline {
        font-size: 48px;
        font-weight: 400;
        font-family: var(--font-family-title);
        color: #FFF;
        text-transform: uppercase;
        margin: 0 0 48px;
        pointer-events: auto;
        max-width: 1200px;
    }

        .slider-tagline span {
            font-size: 24px;
            font-weight: 300;
            font-family: var(--font-family-default);
            letter-spacing: 4.3px;
            display: block;
            margin-top: 18px;
        }

            .slider-btn a {
                margin: 0 auto;
                min-width: 200px;
                pointer-events: auto;
            }

/*slider contact info*/
.slider-contact-holder {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 5;
}

    .slider-phone-icon {
        position: absolute;
        bottom: 30px;
        right: 30px;
        width: 60px;
        height: 60px;
        background: #fff;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        color: var(--primary);
        cursor: pointer;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .slider-phone-icon.active {
        opacity: 0;
        pointer-events: none;
    }

        .slider-phone-icon:hover {
            background: var(--secondary);
            color: #000;
        }

            .slider-contact-content {
                position: relative;
                padding: 23px 10px;
                background: #fff;
                text-align: center;
                margin-right: 20px;
                margin-bottom: 20px;
                border-radius: 15px;
                min-width: 300px;
                box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.55);
                opacity: 0;
                pointer-events: none;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }

            .slider-contact-content.active {
                opacity: 1;
                pointer-events: auto;
            }

                .slider-contact-content .close-btn {
                    position: absolute;
                    top: 16px;
                    right: 16px;
                    font-size: 14px;
                    z-index: 5;
                    cursor: pointer;
                }

                    .slider-contact-title {
                        font-size: 18px;
                        font-weight: 700;
                        font-family: var(--font-family-title);
                        margin: 0 0 10px;
                    }

                        .slider-contact-text p {
                            display: block;
                            font-size: 12px;
                            font-weight: 400;
                            letter-spacing: .3px;
                            color: #1a1a1a;
                        }

                            .slider-contact-text p a {
                                display: inline-block;
                                color: #1a1a1a;
                                position: relative;
                                margin: 2px 4px 9px;
                                -webkit-transition: all 0.3s ease-in-out;
                                -moz-transition: all 0.3s ease-in-out;
                                -o-transition: all 0.3s ease-in-out;
                                transition: all 0.3s ease-in-out;
                            }

                                .slider-contact-text p a:hover {
                                    opacity: .7;
                                }

                            .slider-contact-btn a {
                                max-width: 130px;
                                height: 30px;
                                margin: 18px auto 0;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                border: 1px solid #000;
                                font-size: 12px;
                                font-weight: 400;
                                color: #1a1a1a;
                                text-transform: uppercase;
                                background: transparent;
                                -webkit-transition: all 0.3s ease-in-out;
                                -moz-transition: all 0.3s ease-in-out;
                                -o-transition: all 0.3s ease-in-out;
                                transition: all 0.3s ease-in-out;
                            }

                        .slider-contact-btn a:hover {
                            background: var(--secondary);
                            border: 1px solid var(--secondary);
                        }

                    .slider-contact-btn a em {
                        font-size: 9px;
                        margin-right: 7px;
                    }

/*featured communities*/
section.featured-communities-area {
    position: relative;
    padding: 72px 15px 50px;
}

    .site-bg.fc-bg {
        left: auto;
        right: 0;
        width: 76%;
    }

        .site-bg.fc-bg canvas {
            opacity: .55;
        }

            .fc-holder {
                position: relative;
                z-index: 5;
                max-width: 1318px;
                margin: 0 auto;
            }

                .fc-lists {
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: center;
                }

                    .fc-item {
                        width: calc(100% / 3);
                        padding: 7px;
                    }

                        .fc-item > a {
                            display: block;
                            position: relative;
                            overflow: hidden;
                        }

                            .fc-title-holder {
                                position: absolute;
                                top: 0;
                                left: 0;
                                width: 100%;
                                height: 100%;
                                display: flex;
                                align-items: center;
                            }

                                .fc-title-holder .global-title span {
                                    margin-top: 34px;
                                }

                                    .fc-photo.global-photo::after {
                                        content: '';
                                        position: absolute;
                                        bottom: 0;
                                        left: 0;
                                        width: 100%;
                                        height: 50%;
                                        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
                                        pointer-events: none;
                                        opacity: .5;
                                    }

                                .fc-photo.global-photo.fc-head::after,
                                .fc-photo.global-photo.fc-btn-holder::after {
                                    opacity: 0;
                                }

                                .fc-photo.global-photo.fc-head canvas {
                                    background: #fff;
                                }

                                .fc-photo.global-photo.fc-btn-holder canvas {
                                    background: var(--primary);
                                }

                            .fc-content {
                                position: absolute;
                                bottom: -18%;
                                left: 0;
                                width: 100%;
                                text-align: center;
                                z-index: 5;
                                transform: translateY(0%);
                                -webkit-transition: all 0.3s ease-in-out;
                                -moz-transition: all 0.3s ease-in-out;
                                -o-transition: all 0.3s ease-in-out;
                                transition: all 0.3s ease-in-out;
                            }

                        .fc-item > a:hover .fc-content {
                            bottom: 50%;
                            transform: translateY(50%);
                        }

                        .fc-label {
                            font-size: 24px;
                            font-weight: 300;
                            color: #fff;
                            text-transform: uppercase;
                            letter-spacing: 2.2px;
                            margin: 0 0 34px;
                        }

                    .fc-view.global-btn {
                        margin: 0 auto;
                    }

                .fc-photo.global-photo canvas {
                    background: var(--secondary);
                }

            .fc-item > a:hover .fc-photo.global-photo img {
                opacity: .5;
            }

        .fc-btn-inner {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 5;
        }

    .fc-btn a {
        min-width: 200px;
    }

/*featured properties*/
section.featured-properties-area {
    position: relative;
    padding: 0 15px;
}

    .fp-holder {
        position: relative;
        z-index: 5;
        max-width: 1305px;
        margin: 0 auto;
    }

        .fp-inner {
            position: relative;
            padding: 96px 0 50px;
        }

            .site-bg.fp-bg {
                width: 57.472%;
                height: auto;
                min-height: 550px;
                left: -106px;
                background: #fff;
            }

                .site-bg.fp-bg canvas {
                    opacity: .8;
                }

                    .site-bg.fp-accent {
                        width: 38.315%;
                        height: auto;
                        min-height: 550px;
                        top: 40px;
                        left: -146px;
                        z-index: -1;
                    }

                        .fp-btn a {
                            margin: 10px 0;
                            max-width: 315px;
                            font-size: 14px;
                            font-weight: 500;
                            letter-spacing: 1.2px;
                        }

                                .fp-head .global-title {
                                    margin: 0 0 30px;
                                }

                                    .fp-btn .global-btn.active {
                                        background: var(--secondary);
                                        border: 1px solid var(--secondary);
                                        color: #000 !important;
                                    }

                                .fp-btn .global-btn.active::after {
                                    max-width: 100%;
                                    border-bottom: 2px solid var(--primary);
                                    border-left: 2px solid var(--primary);
                                }

                            .fp-lists-holder {
                                position: relative;
                            }

                        .fp-head-holder {
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: calc(100% / 3);
                            z-index: 5;
                        }

                    .fp-head {
                        position: absolute;
                        top: 0;
                        left: 0;
                    }

                .fp-lists {
                    display: flex;
                    flex-wrap: wrap;
                }

            .fp-item {
                width: calc(100% / 3);
                padding: 1.5px;
            }

        .fp-item a {
            position: relative;
            display: block;
            overflow: hidden;
        }

    .fp-item a:hover .fp-photo.global-photo img {
        filter: grayscale(1);
        transform: scale(1.2);
    }

        .fp-content {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            min-height: 60px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            background: rgb(0 0 130 / 55%);
            color: #fff;
            padding: 0 18px;
        }

            .fp-view.global-btn {
                position: absolute;
                top: 0;
                right: 0;
                max-width: 140px;
                width: 100%;
                height: 100%;
                background: var(--secondary);
                color: #1a1a1a !important;
                border: none;
                opacity: 0;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }

                .fp-item a:hover .fp-view.global-btn {
                    opacity: 1;
                }

                    .fp-view.global-btn::after {
                        border-left: 2px solid var(--primary);
                        border-bottom: 2px solid var(--primary);
                    }

                        .fp-address {
/*                            font-size: 15px;*/
                            font-size: clamp(9px,0.938vw,15px) !important;
                            font-weight: 400;
                            text-transform: uppercase;
                            letter-spacing: .8px;
                        }

                            .fp-address span {
                                display: block;
                                margin-top: 4px;
                            }

                                .fp-price {
                                    font-size: 20px;
                                    font-weight: 700;
                                    font-family: var(--font-family-title);
                                    letter-spacing: .5px;
                                }

/*welcome*/
section.welcome-area {
    position: relative;
    margin-top: 84px;
    padding: 340px 15px 0;
}

    .site-bg.wc-bg {
        height: auto;
        min-height: 250px;
    }

        .wc-holder {
            position: relative;
            max-width: 1440px;
            margin: 0 auto;
        }

            .wc-inner {
                position: relative;
                padding: 0 54px 15px;
            }

                .site-bg.fp-accent1,
                .site-bg.fp-accent2 {
                    top: auto;
                    bottom: -40px;
                    left: -40px;
                    max-width: 500px;
                    height: auto;
                    min-height: 550px;
                }

                    .site-bg.fp-accent2 {
                        bottom: auto;
                        top: -40px;
                        left: auto;
                        right: -40px;
                    }

                        .wc-col-holder {
                            display: flex;
                            flex-wrap: wrap;
                            position: relative;
                            z-index: 5;
                        }

                            .wc-col {
                                /*width: 50%;*/
                                width: 100%;
                                padding: 0 15px;
                                text-align: center;
                            }

                                .wc-head {
                                    margin: 0 0 30px;
                                }

                                    .wc-heading-text p {
                                        display: block;
                                        font-size: 20px;
                                        font-weight: 700;
                                        font-family: var(--font-family-title);
                                        line-height: 1.4;
                                        color: #1a1a1a;
                                        max-width: 565px;
                                        margin: 0 auto;
                                    }

                                    .wc-text {
                                        max-width: 820px;
                                        margin: 0 auto;
                                    }

                                        .wc-col2-content {
                                            padding-left: 35px;
                                            max-width: 564px;
                                        }

                                    .wc-text p {
                                        display: block;
                                        font-size: 15px;
                                        font-weight: 400;
                                        color: #1a1a1a;
                                        line-height: 1.8;
                                        margin: 0 0 24px;
                                    }

                                .wc-btn a {
                                    margin: 0 auto;
                                }

                        .wc-btn {
                            margin-bottom: 15px;
                        }

                    .site-bg.wc-content-bg {
                        top: auto;
                        bottom: 0;
                        height: auto;
                        min-height: 422px;
                        max-width: 752px;
                        z-index: -3;
                    }

/*cta*/
section.cta-area {
    position: relative;
    padding: 130px 15px 150px;
    margin-top: 40px;
}

    .cta-holder {
        position: relative;
        z-index: 5;
        max-width: 1332px;
        margin: 0 auto;
    }

        .cta-lists {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
        }

            .cta-item {
                width: calc(100% / 3);
                padding: 0 16px;
            }

                .cta-item a {
                    position: relative;
                    display: block;
                }

                    .cta-photo.global-photo canvas {
                        background: var(--primary);
                    }

                        .cta-photo.global-photo img {
                            opacity: .25;
                            filter: grayscale(1);
                        }

                            .cta-item:nth-child(2) .cta-photo.global-photo canvas {
                                /*background: #1a1a1a;*/
                            }

                                .cta-content {
                                    position: absolute;
                                    left: 0;
                                    bottom: 0;
                                    width: 100%;
                                    padding: 25px 50px;
                                }

                                    .cta-label {
                                        font-size: 24px;
                                        font-weight: 400;
                                        color: #fff;
                                        text-transform: uppercase;
                                        letter-spacing: 2.1px;
                                        line-height: 1.1;
                                    }

                                .cta-photo.global-photo::after {
                                    content: '';
                                    position: absolute;
                                    top: 24px;
                                    left: 16px;
                                    width: 100%;
                                    max-width: 240px;
                                    height: 100%;
                                    border-left: 4px solid var(--secondary);
                                    border-bottom: 4px solid var(--secondary);
                                    pointer-events: none;
                                    -webkit-transition: all 0.3s ease-in-out;
                                    -moz-transition: all 0.3s ease-in-out;
                                    -o-transition: all 0.3s ease-in-out;
                                    transition: all 0.3s ease-in-out;
                                }

                            .cta-item a:hover .cta-photo.global-photo::after {
                                max-width: calc(100% - 32px);
                                border-left: 4px solid #f0b300;
                                border-bottom: 4px solid #f0b300;
                            }

/*testimonials*/
section.tm-area {
    position: relative;
    padding: 150px 15px 140px;
}

    .site-bg.tm-bg {
        top: auto;
        bottom: 0;
        height: auto;
        min-height: 550px;
    }

        .tm-holder {
            position: relative;
            z-index: 5;
            max-width: 1302px;
            margin: 0 auto;
        }

            .tm-col-holder {
                display: flex;
                flex-wrap: wrap;
                background: #fff;
            }

                .tm-col {
                    width: 50%;
                }

                    .tm-head {
                        margin: 0 0 60px;
                    }

                        .tm-content {
                            padding: 0 0 0 80px;
                            position: relative;
                            z-index: 2;
                        }

                            .tm-qoute {
                                width: 30px;
                                height: 26px;
                                background: url(../../assets/images/tm-qoute.png) no-repeat;
                                margin: 0 0 35px;
                            }

                                .tm-text p {
                                    font-size: 18px;
                                    font-weight: 700;
                                    font-family: var(--font-family-title);
                                    line-height: 1.45;
                                    display: block;
                                    max-width: 494px;
                                    margin: 0 0 10px;
                                }

                                    em.tm-name-line {
                                        display: inline-block;
                                        width: 20px;
                                        height: 2px;
                                        background: var(--primary);
                                        vertical-align: middle;
                                        margin-right: 5px;
                                    }

                                        .tm-text span {
                                            display: block;
                                            font-size: 14px;
                                            font-weight: 400;
                                            color: #1a1a1a;
                                            text-transform: uppercase;
                                            letter-spacing: 1px;
                                            padding: 20px 0 0;
                                        }

                                            .tm-action-btn {
                                                display: flex;
                                                align-items: center;
                                                justify-content: space-between;
                                                padding-right: 70px;
                                                padding-top: 60px;
                                            }

                                        .tm-btn a {
                                            margin-left: auto;
                                            min-width: 200px;
                                        }

                                .tm-photo.global-photo {
                                    position: relative;
                                    max-width: 610px;
                                    z-index: 1;
                                    margin-top: 11px;
                                }

                            .tm-photo-holder {
                                position: relative;
                                padding: 0 0 40px;
                            }

                        .site-bg.tm-accent {
                            top: auto;
                            bottom: 0;
                            left: auto;
                            right: 0;
                            height: auto;
                            min-height: 450px;
                            max-width: 610px;
                        }

                    .tm-lists {
                        position: relative;
                        padding: 0 0 70px;
                    }

                .tm-lists::after {
                    content: '';
                    position: absolute;
                    bottom: 0;
                    left: 100%;
                    width: 50px;
                    height: 100%;
                    background: #fff;
                    z-index: 5;
                    pointer-events: none;
                }

            .tm-inner {
                position: relative;
            }

        .tm-slick .slick-slide > div > div{
            display: block !important;
        }
        
    .tm-slick:not(.slick-initialize) > div:not(:first-child){
        display:none;
    }

/*social media*/
section.social-media-area {
    position: relative;
    padding: 95px 15px;
}

    .sm-head {
        text-align: center;
        margin: 0 0 44px;
    }

        .global-title span em {
            font-size: 45px;
            display: inline-block;
            margin-right: 28px;
        }

            .sm-lists {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
            }

                .sm-item {
                    /*width: calc(100% / 6);*/
                    width: calc(100% / 3);
                    /*padding: 0 3px;*/
                    padding: 3px;
                }

                    .sm-item a {
                        position: relative;
                        display: block;
                        overflow: hidden;
                    }

                        .sm-photo.global-photo canvas {
                            background: var(--secondary);
                        }

                            .sm-item a:hover .sm-photo.global-photo img {
                                opacity: .78;
                                filter: grayscale(1);
                            }

                                .sm-icon {
                                    position: absolute;
                                    bottom: 20px;
                                    left: 20px;
                                }

                                    .sm-icon span {
                                        font-size: 27px;
                                        color: #fff;
                                        display: block;
                                    }

                                        .sm-hover {
                                            position: absolute;
                                            top: 0;
                                            left: 0;
                                            width: 100%;
                                            height: 100%;
                                            display: flex;
                                            align-items: center;
                                            justify-content: center;
                                            pointer-events: none;
                                            opacity: 0;
                                            -webkit-transition: all 0.3s ease-in-out;
                                            -moz-transition: all 0.3s ease-in-out;
                                            -o-transition: all 0.3s ease-in-out;
                                            transition: all 0.3s ease-in-out;
                                        }

                                    .sm-hover > div {
                                        margin: 0 15px;
                                    }

                                .sm-item a:hover .sm-hover {
                                    opacity: 1;
                                }

                            .sm-btn a {
                               /* margin: 0 auto;*/
                                margin:0 auto 0 0;
                            }

                        .sm-btn {
                            padding-top: 46px;
                        }

/*map css*/
.map-list-holder {
    position: absolute;
    top: 230px;
    left: 115px;
    z-index: 5;
    pointer-events: none;
}

.map-head {
    margin: 0 0 53px;
}

.map-list-holder ul li {
    display: block;
    margin-bottom: 43px;
}

.map-list-holder ul li a {
    font-size: 16px;
    font-weight: 400;
    color: #1a1a1a;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    pointer-events: auto;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.map-list-holder ul li a:hover,
.map-list-holder ul li a.map-hover {
    opacity: .7;
}

.map-list-holder ul li a em {
    color: var(--primary);
    margin-right: 12px;
    vertical-align: middle;
}

div#fc-map-wrap {
    position: relative;
}

#fc-map {
    position: relative;
    width: 1600px;
}

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

#trueMap {
    z-index: 1;
}

#fc-map .hovers div, #fc-map .hovers div span {
    position: absolute;
}

#fc-map .hovers div > img {
    opacity: 0; 
    position: relative;
    z-index: 2;
}

span.map-label {
    font-size: 15px;
    font-weight: 600;
    z-index: 5;
    pointer-events: none;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    white-space: nowrap;
    text-transform: uppercase;
    line-height: 1.2;
    text-shadow: -1px 2px 0px rgba(109, 109, 109, 1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

span.map-label::after {
    content: '';
    position: absolute;
    top: -16px;
    left: -16px;
    margin: auto;
    right: 0;
    width: 10px;
    height: 10px;
    background: url(../../assets/images/pin-loc.png) no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

div#map1 {
    top: 9px;
    left: 428px;
}

div#map1 span.map-label {
    top: 238px;
    left: 140px;
}

div#map2 {
    top: 161px;
    left: 778px;
}

div#map2 span.map-label {
    top: 44px;
    left: 59px;
}

div#map2 span.map-label::after {
    top: 3px;
    left: -14px;
    right: auto;
}

div#map3 {
    top: 267px;
    left: 822px;
}

div#map3 span.map-label {
    top: 11px;
    left: 38px;
}

div#map3 span.map-label::after {
    top: 3px;
    right: auto;
    left: -13px;
}

div#map4 {
    top: 206px;
    left: 801px;
}

div#map4 span.map-label {
    top: 28px;
    left: 45px;
}

div#map4 span.map-label::after {
    top: 2px;
    right: auto;
    left: -14px;
}

div#map5 {
    top: 370px;
    left: 863px;
}

div#map5 span.map-label {
    top: 13px;
    left: 48px;
}

div#map5 span.map-label::after {
    top: 3px;
    right: auto;
    left: -13px;
}

div#map6 {
    top: 388px;
    left: 823px;
}

div#map6 span.map-label {
    top: 54px;
    left: 54px;
    text-align: left;
}

div#map6 span.map-label::after {
    top: 2px;
    right: auto;
    left: -12px;
}

div#map7 {
    top: 581px;
    left: 919px;
}

div#map7 span.map-label {
    top: 97px;
    left: 113px;
}

div#map7 span.map-label::after {
    top: 2px;
    right: auto;
    left: -14px;
}

div#map8 {
    top: 788px;
    left: 1056px;
}

div#map8 span.map-label {
    top: 34px;
    left: 44px;
    text-align: left;
}

div#map8 span.map-label::after {
    top: 1px;
    right: auto;
    left: -13px;
}

div#map9 {
    top: 942px;
    left: 1260px;
}

div#map9 span.map-label {
    top: -4px;
    left: 16px;
}

div#map9 span.map-label::after {
    top: 2px;
    right: auto;
    left: -12px;
}

div#map10 {
    bottom: 135px;
    right: 78px;
}

div#map10 span.map-label {
    top: 0;
    left: 26px;
    text-align: left;
}

div#map10 span.map-label::after {
    top: 2px;
    right: auto;
    left: -17px;
}


.sm-inner {
	position: relative;
	max-width: 1302px;
	margin: 0 auto;
}
.sms-wrapper {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.sm-left {
	width: 47%;
	padding-right: 10px;
}
.sm-right {
	width: 54%;
	padding-left: 10px;
	display: block;
	position: relative;
}
.sm-left .sm-item {
	width: 100%;
	position: relative;
  display: block;
}
.sm-left .sm-item a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}
.sm-left .sm-item {
	margin-bottom: 9px;
}
.sm-left .sm-item:last-child {
	margin-bottom: 0;
}
.sm-yt-img {
	width: 40%;
	position: relative;
}
.sm-yt-text {
	width: 60%;
	font-family: var(--font-family-title);
}
.sm-yt-text h4 {
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 600;
	color: var(--font-color-title);
	margin-bottom: 5px;
	letter-spacing: 0.05em;
}
.sm-yt-text p {
	color: var(--font-color-title);
	font-size: 14px;
	line-height: 1.2;
	letter-spacing: 0.05em;
}
.sm-title h3 {
	font-family: var(--font-family-title);
	display: block;
	font-size: 45px;
	letter-spacing: 0;
	line-height: 1;
	text-transform: uppercase;
	margin-bottom: 20px;	
}
.sm-left .sm-title h3 {
	display: flex;
  align-items: center;
}
.sm-title em {
	font-size: 35px;
	margin-right: 20px;
}
.sm-left .sm-title em {
	font-size: 45px;
}



/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/
@media only screen and (max-width: 1440px) {
    .site-bg.fp-bg {
        left: -15px;
    }
}

@media only screen and (max-width: 1366px) {
    .fc-label {
        font-size: 20px;
        letter-spacing: 1.2px;
    }

    .site-bg.fp-bg {
        left: -7px;
    }

    .cta-content {
        padding: 25px 30px;
    }

    .site-bg.tm-accent {
        max-width: 535px;
    }

    .tm-photo.global-photo {
        margin-right: 15px;
    }

    .tm-lists {
        padding: 0 0 30px;
    }
} 
 
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {
    .slider-tagline {
        font-size: 40px;
        margin: 0 0 35px;
    }

    .slider-tagline span {
        font-size: 20px;
        margin-top: 13px;
    }

    .fc-title-holder .global-title span {
        margin-top: 30px;
        font-size: 44px;
    }

    .fc-title-holder .global-title span {
        margin-top: 30px;
        font-size: 44px;
    }

    .fc-content {
        bottom: -25%;
    }

    .fp-head .global-title {
        margin: 0 0 15px;
    }

    .fp-btn a {
        max-width: 280px;
        height: 40px;
    }

    .fp-content {
        padding: 0 13px;
    }

    .fp-address {
        font-size: 13px;
        letter-spacing: 0;
    }

    .fp-view.global-btn {
        max-width: 110px;
        font-size: 11px;
        letter-spacing: 0;
    }

    .wc-inner {
        padding: 200px 54px 15px;
    }

    .cta-item {
        padding: 0 10px;
    }

    .cta-label {
        font-size: 19px;
    }

    .site-bg.tm-accent {
        min-height: 410px;
        max-width: 435px;
    }

    .tm-head {
        margin: 0 0 20px;
    }

    .tm-qoute {
        margin: 0 0 15px;
    }

    .tm-text p {
        font-size: 16px;
        line-height: 1.3;
    }

    .tm-text span {
        padding: 10px 0 0;
    }

    .tm-action-btn {
        padding-right: 0;
        padding-top: 45px;
    }
} 

/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 
@media only screen and (max-width: 991px) {
    .slider-holder .aios-slider-splide::after {
        background: #000;
        opacity: .3;
    }

    .slider-phone-icon {
        bottom: 15px;
        right: 15px;
        width: 40px;
        height: 40px;
    }

    section.featured-communities-area {
        padding: 50px 15px;
    }

    .fc-item {
        width: 100%;
        padding: 0;
        max-width: 425px;
        margin: 0 0 10px;
    }

    .fc-title-holder {
        text-align: center;
    }

    .site-bg.fc-bg {
        display: none;
    }

    .fc-photo.global-photo.fc-head canvas {
        height: 200px;
    }

    .fc-content {
        bottom: -18%;
    }

    .fp-inner {
        padding: 50px 0;
    }

    .fp-head-holder {
        position: relative;
        width: 100%;
        text-align: center;
    }

    .fp-head {
        position: relative;
    }

    .fp-head-holder .global-photo canvas,
    .fp-item.header-gap {
        display: none;
    }

    .fp-btn a {
        margin: 10px auto;
    }

    .fp-item {
        width: 100%;
        padding: 0;
        max-width: 432px;
        margin: 0 auto 10px;
    }

    .site-bg.fp-bg {
        left: 0;
    }

    .fp-lists {
        display: block;
    }

    .site-bg.fp-accent {
        top: 15px;
        left: -15px;
    }

    .fp-btn a {
        background: #fff;
    }

    section.welcome-area {
        margin-top: 0;
    }

    .wc-inner {
        padding: 0;
    }

    .wc-col-holder {
        background: #fff;
        padding: 30px 15px;
    }

    .site-bg.fp-accent2 {
        top: -15px;
        right: -15px;
    }

    .site-bg.fp-accent1 {
        bottom: -15px;
        left: -15px;
    }

    .wc-col {
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .wc-heading-text p {
        max-width: 100%;
        margin: 0 0 20px;
    }

    .wc-col2-content {
        padding-left: 0;
        max-width: 100%;
    }

    .wc-text p {
        margin: 0 0 20px;
    }

    .wc-btn {
        margin-bottom: 0;
    }

    .wc-btn a {
        margin: 0 auto;
    }

    section.cta-area {
        padding: 50px 15px;
    }

    .cta-item {
        padding: 0;
        width: 100%;
        max-width: 412px;
        margin: 0 auto 40px;
    }

    .cta-lists {
        display: block;
    }

    section.tm-area {
        padding: 50px 15px;
    }

    .site-bg.tm-bg {
        min-height: 40%;
    }

    .site-bg.tm-accent {
        display: none;
    }

    .tm-col {
        width: 100%;
        text-align: center;
    }

    .tm-content {
        padding: 0;
        max-width: 500px;
        margin: 0 auto;
    }

    .tm-photo.global-photo {
        margin: 0 auto;
    }

    .tm-col-holder {
        background: transparent;
    }

    section.social-media-area {
        padding: 50px 15px;
    }

    .sm-item {
        width: calc(100% / 3);
        padding: 3px;
    }

    .map-list-holder {
        position: relative;
        top: 0;
        left: 0;
        padding: 0 15px;
        margin: 0 auto;
        text-align: center;
    }

    div#fc-map-wrap {
        height: auto !important;
    }

    #fc-map {
        width: 100%;
        transform: none !important;
        transform-origin: unset !important;
    }

    #fc-map > img,
    map#myMap,
    .hovers {
        display: none !important;
    }

    .map-head {
        margin: 0 0 30px;
    }

    .map-list-holder ul {
        display: inline-block;
        text-align: left;
    }

    .map-list-holder ul li {
        margin-bottom: 20px;
    }
	
	.sms-wrapper {
		flex-flow: column;
	}
	.sm-left {
		width: 100%;
		margin-bottom: 60px;
		padding-right: 0;
	}
	.sm-title h3 {
		justify-content: center;
		display: flex;
	}	
	.sm-btn a {
		margin: 0 auto;
	}
	.sm-right {
	  width: 100%;
	  padding-left: 0;
	}

} 

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */ 
@media only screen and (max-width: 767px) {
	.sm-left .sm-item a {
		flex-flow: column;
	}
    .sm-yt-img {
		width: 90%;
	}
	.sm-yt-text {
		width: 100%;
  		text-align: center;
	}
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 480px) {
    .slider-tagline {
        font-size: min(4.811vw, 30px);
    }
    .slider-tagline span {
        font-size: min(3.8vw, 20px);
        letter-spacing: 0.300em;
    }
    .fc-title-holder .global-title span {
        margin-top: 15px;
        font-size: 40px;
    }

    .fc-content {
        bottom: -25%;
    }

    .fp-content {
        padding: 5px 13px;
        display: block;
        text-align: center;
        min-height: auto;
    }

    .fp-price {
        margin: 5px 0 0;
    }

    .fp-view.global-btn {
        position: relative;
        height: 0;
        margin: 0;
    }

    .fp-item a:hover .fp-view.global-btn {
        height: 40px;
        margin: 5px auto 0;
    }

    .site-bg.fp-accent1, .site-bg.fp-accent2 {
        min-height: 320px;
    }

    .site-bg.tm-bg {
        min-height: 20%;
    }

    .global-title span em {
        font-size: 33px;
        margin-right: 15px;
    }

    .sm-item {
        width: 50%;
    }

    .map-list-holder ul li a {
        font-size: 14px;
        letter-spacing: 0;
    }
}