/**Summerlin Map**/

#content-full {
	margin-top: 0;
}

#inner-page-wrapper {
	margin-bottom: 0;
}
	.term-summerlin #inner-page-wrapper > .container {
		width: 100%;
		padding: 0;
	}

#ip-summerlin-map {
	position: relative;
	padding: 80px 0 30px;
}
    .map-inner {
        position: relative;
        margin-left: -57px;
    }
        .map-responsive {
            width: 633px;
            width: 52.8825%;
            position: relative;
        }
            .map-responsive canvas {
                display: block;
                width: 100%;
                background-position: center;
                background-size: cover;
                background-repeat: no-repeat;
            }

            .map-responsive h2 {
                position: absolute;
                top: 6px;
                left: 5.3%;
                right: 0;
                text-align: center;
                font-size: 24px;
                font-weight: 600;
                letter-spacing: 0.02em;
                color: #000;
            }
            .map-container {
                position: absolute;
                top: 0;
                left: 0;
                font-size: 0;
            }
                .map-container img {
                    max-width: initial;
                    display: block;
                }
                .map-hovers {
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                }
                    .map-hover {
                        position: absolute;
                        opacity: 0;
                        pointer-events: none;
                    }
                        .map-hover span {
                            position: absolute;
                            font-weight: 600;
                            font-size: 12px;
                            letter-spacing: 0.05em;
                            color: #fff;
                            text-align: center;
                            white-space: nowrap;
                            line-height: 1.214285714285714;
                            /*pointer-events: all;
                            z-index: 10;
                            cursor: pointer;*/
                        }
                        .map-hover span i.map-dot {
                            display: block;
                            width: 16px;
                            height: 16px;
                            border-radius: 50%;
                            border: 1px solid rgb(255 255 255 / 30%);
                            position: relative;
                            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
                            margin: 0 auto 5px;
                        }
                            .map-hover span i.map-dot:before {
                                content: '';
                                position: absolute;
                                top: 0;
                                left: 0;
                                right: 0;
                                bottom: 0;
                                width: 6px;
                                height: 6px;
                                border-radius: 50%;
                                background: #fff;
                                margin: auto;
                            }
                            .map-hover span i.map-dot:after {
                                content: '';
                                position: absolute;
                                border-color: #c7c7c7!important;
                                opacity: 0.5;
                            }

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

                    .map-hover[data-area="desert-shores"] {
                        opacity: 1;
                        top: 85px;
                        left: 444px;
                    }

                        .map-hover[data-area="desert-shores"] span {
                            top: 5px;
                            left: 25px;
                        }

                    .map-hover[data-area="south-shores"] {
                        opacity: 1;
                        top: 137px;
                        left: 436px;
                    }

                        .map-hover[data-area="south-shores"] span {
                            color: #000;
                            top: 13px;
                            left: 101px;
                        }

                            .map-hover[data-area="south-shores"] span i.map-dot {
                                position: absolute;
                                top: -1px;
                                left: -64px;
                            }

                                .map-hover[data-area="south-shores"] span i.map-dot:after {
                                    width: 41px;
                                    height: 1px;
                                    border-top: 1px solid;
                                    top: 7px;
                                    left: 100%;
                                }

                    .map-hover[data-area="the-pueblo"] {
                        opacity: 1;
                        top: 156px;
                        left: 417px;
                    }

                        .map-hover[data-area="the-pueblo"] span {
                            color: #000;
                            top: 22px;
                            left: 120px;
                        }

                            .map-hover[data-area="the-pueblo"] span i.map-dot {
                                position: absolute;
                                top: -1px;
                                left: -67px;
                            }

                                .map-hover[data-area="the-pueblo"] span i.map-dot:after {
                                    width: 41px;
                                    height: 1px;
                                    border-top: 1px solid;
                                    top: 7px;
                                    left: 100%;
                                }

                    .map-hover[data-area="sun-city-summerlin"] {
                        opacity: 1;
                        top: 84px;
                        left: 260px;
                    }

                        .map-hover[data-area="sun-city-summerlin"] span {
                            top: 8px;
                            left: 41px;
                        }

                    .map-hover[data-area="the-hills"] {
                        opacity: 1;
                        top: 131px;
                        left: 382px;
                    }

                        .map-hover[data-area="the-hills"] span {
                            color: #000;
                            top: -68px;
                            left: 22px;
                        }

                            .map-hover[data-area="the-hills"] span i.map-dot {
                                position: absolute;
                                top: 80px;
                                left: 16px;
                            }

                                .map-hover[data-area="the-hills"] span i.map-dot:after {
                                    width: 1px;
                                    height: 62px;
                                    border-left: 1px solid;
                                    bottom: 100%;
                                    left: 7px;
                                }

                    .map-hover[data-area="the-hills-south"] {
                        opacity: 1;
                        top: 149px;
                        left: 367px;
                    }

                        .map-hover[data-area="the-hills-south"] span {
                            color: #000;
                            top: 64px;
                            left: 83px;
                        }

                            .map-hover[data-area="the-hills-south"] span i.map-dot {
                                position: absolute;
                                top: -28px;
                                left: -41px;
                            }

                                .map-hover[data-area="the-hills-south"] span i.map-dot:after {
                                    width: 32px;
                                    height: 20px;
                                    border-left: 1px solid;
                                    border-bottom: 1px solid;
                                    top: 100%;
                                    left: 6px;
                                }

                    .map-hover[data-area="the-trails"] {
                        opacity: 1;
                        top: 131px;
                        left: 311px;
                    }

                        .map-hover[data-area="the-trails"] span {
                            top: 12px;
                            left: 22px;
                        }

                    .map-hover[data-area="reverence"] {
                        opacity: 1;
                        top: 87px;
                        left: 244px;
                    }

                        .map-hover[data-area="reverence"] span {
                            color: #000;
                            top: -24px;
                            left: 6px;
                        }

                            .map-hover[data-area="reverence"] span i.map-dot {
                                position: absolute;
                                top: 36px;
                                left: 21px;
                            }

                                .map-hover[data-area="reverence"] span i.map-dot:after {
                                    width: 1px;
                                    height: 18px;
                                    border-left: 1px solid;
                                    bottom: 100%;
                                    left: 7px;
                                }

                    .map-hover[data-area="the-crossing"] {
                        opacity: 1;
                        top: 175px;
                        left: 296px;
                    }

                        .map-hover[data-area="the-crossing"] span {
                            top: 11px;
                            left: 21px;
                        }

                            .map-hover[data-area="the-crossing"] span i.map-dot {
                                display: none;
                            }

                    .map-hover[data-area="the-canyons"] {
                        opacity: 1;
                        top: 199px;
                        left: 305px;
                    }

                        .map-hover[data-area="the-canyons"] span {
                            top: 24px;
                            left: 37px;
                            color: #fff;
                        }

                    .map-hover[data-area="the-arbors"] {
                        opacity: 1;
                        top: 174px;
                        left: 263px;
                    }

                        .map-hover[data-area="the-arbors"] span {
                            top: 35px;
                            left: 19px;
                        }

                    .map-hover[data-area="queensridge"] {
                        opacity: 1;
                        top: 263px;
                        left: 334px;
                    }

                        .map-hover[data-area="queensridge"] span {
                            top: 8px;
                            left: 19px;
                        }

                            .map-hover[data-area="queensridge"] span i.map-dot {
                                display: none;
                            }

                    .map-hover[data-area="the-vistas"] {
                        opacity: 1;
                        top: 225px;
                        left: 214px;
                    }

                        .map-hover[data-area="the-vistas"] span {
                            top: 14px;
                            left: 30px;
                        }

                    .map-hover[data-area="the-paseos"] {
                        opacity: 1;
                        top: 217px;
                        left: 174px;
                    }

                        .map-hover[data-area="the-paseos"] span {
                            top: 22px;
                            left: 19px;
                        }

                    .map-hover[data-area="tbd-future-village"] {
                        opacity: 1;
                        top: 103px;
                        left: 87px;
                    }

                        .map-hover[data-area="tbd-future-village"] span {
                            top: 51px;
                            left: 51px;
                        }

                    .map-hover[data-area="monaco"] {
                        opacity: 1;
                        top: 376px;
                        left: 439px;
                    }

                        .map-hover[data-area="monaco"] span {
                            top: 6px;
                            left: 26px;
                        }

                            .map-hover[data-area="monaco"] span i.map-dot {
                                margin-bottom: 0;
                            }

                    .map-hover[data-area="canyon-gate-country-club"] {
                        opacity: 1;
                        top: 329px;
                        left: 387px;
                    }

                        .map-hover[data-area="canyon-gate-country-club"] span {
                            color: #000;
                            top: 6px;
                            left: 83px;
                        }

                            .map-hover[data-area="canyon-gate-country-club"] span i.map-dot {
                                position: absolute;
                                top: 8px;
                                left: -50px;
                            }

                                .map-hover[data-area="canyon-gate-country-club"] span i.map-dot:after {
                                    width: 29px;
                                    height: 1px;
                                    border-top: 1px solid;
                                    top: 7px;
                                    left: 100%;
                                }

                    .map-hover[data-area="peccole-ranch"] {
                        opacity: 1;
                        top: 306px;
                        left: 330px;
                    }

                        .map-hover[data-area="peccole-ranch"] span {
                            top: 7px;
                            left: 22px;
                        }

                    .map-hover[data-area="the-lakes"] {
                        opacity: 1;
                        top: 361px;
                        left: 330px;
                    }

                        .map-hover[data-area="the-lakes"] span {
                            top: 13px;
                            left: 39px;
                        }

                    .map-hover[data-area="summerlin-centre"] {
                        opacity: 1;
                        top: 306px;
                        left: 226px;
                    }

                        .map-hover[data-area="summerlin-centre"] span {
                            top: 5px;
                            left: 49px;
                        }

                    .map-hover[data-area="the-willows"] {
                        opacity: 1;
                        top: 359px;
                        left: 262px;
                    }

                        .map-hover[data-area="the-willows"] span {
                            top: 6px;
                            left: 30px;
                        }

                    .map-hover[data-area="red-rock-county-club"] {
                        opacity: 1;
                        top: 307px;
                        left: 195px;
                    }

                        .map-hover[data-area="red-rock-county-club"] span {
                            color: #000;
                            top: 62px;
                            left: -46px;
                        }

                            .map-hover[data-area="red-rock-county-club"] span i.map-dot {
                                position: absolute;
                                top: 9px;
                                left: 106px;
                            }

                                .map-hover[data-area="red-rock-county-club"] span i.map-dot:after {
                                    width: 29px;
                                    height: 1px;
                                    border-top: 1px solid;
                                    right: 100%;
                                    top: 6px;
                                }

                    .map-hover[data-area="the-gardens"] {
                        opacity: 1;
                        top: 413px;
                        left: 281px;
                    }

                        .map-hover[data-area="the-gardens"] span {
                            color: #000;
                            top: 11px;
                            left: 85px;
                        }

                            .map-hover[data-area="the-gardens"] span i.map-dot {
                                position: absolute;
                                top: 0;
                                left: -46px;
                            }

                                .map-hover[data-area="the-gardens"] span i.map-dot:after {
                                    width: 26px;
                                    height: 1px;
                                    border-top: 1px solid;
                                    top: 7px;
                                    left: 100%;
                                }

                    .map-hover[data-area="ridgebrook"] {
                        opacity: 1;
                        top: 415px;
                        left: 257px;
                    }

                        .map-hover[data-area="ridgebrook"] span {
                            color: #000;
                            top: 35px;
                            left: 116px;
                        }

                            .map-hover[data-area="ridgebrook"] span i.map-dot {
                                position: absolute;
                                top: -1px;
                                left: -73px;
                            }

                                .map-hover[data-area="ridgebrook"] span i.map-dot:after {
                                    width: 50px;
                                    height: 1px;
                                    border-top: 1px solid;
                                    top: 7px;
                                    left: 100%;
                                }

                    .map-hover[data-area="the-ridges"] {
                        opacity: 1;
                        top: 419px;
                        left: 220px;
                    }

                        .map-hover[data-area="the-ridges"] span {
                            color: #000;
                            top: 30px;
                            left: -69px;
                        }

                            .map-hover[data-area="the-ridges"] span i.map-dot {
                                position: absolute;
                                top: 1px;
                                left: 103px;
                            }

                                .map-hover[data-area="the-ridges"] span i.map-dot:after {
                                    width: 28px;
                                    height: 1px;
                                    border-top: 1px solid;
                                    right: 100%;
                                    top: 6px;
                                }

                    .map-hover[data-area="the-summit"] {
                        opacity: 1;
                        top: 483px;
                        left: 220px;
                    }

                        .map-hover[data-area="the-summit"] span {
                            color: #000;
                            top: 13px;
                            left: -72px;
                        }

                            .map-hover[data-area="the-summit"] span i.map-dot {
                                position: absolute;
                                left: 106px;
                                top: 2px;
                            }

                                .map-hover[data-area="the-summit"] span i.map-dot:after {
                                    width: 28px;
                                    height: 1px;
                                    border-top: 1px solid;
                                    right: 100%;
                                    top: 6px;
                                }

                    .map-hover[data-area="siena"] {
                        opacity: 1;
                        top: 467px;
                        left: 290px;
                    }

                        .map-hover[data-area="siena"] span {
                            color: #000;
                            top: 33px;
                            left: 71px;
                        }

                            .map-hover[data-area="siena"] span i.map-dot {
                                position: absolute;
                                left: -39px;
                                top: -1px;
                            }

                                .map-hover[data-area="siena"] span i.map-dot:after {
                                    width: 20px;
                                    height: 1px;
                                    border-top: 1px solid;
                                    left: 100%;
                                    top: 7px;
                                }

                    .map-hover[data-area="tbd-future-village-2"] {
                        opacity: 1;
                        top: 508px;
                        left: 220px;
                    }

                        .map-hover[data-area="tbd-future-village-2"] span {
                            color: #000;
                            top: 38px;
                            left: -84px;
                        }

                            .map-hover[data-area="tbd-future-village-2"] span i.map-dot {
                                position: absolute;
                                top: 1px;
                                left: 111px;
                            }

                                .map-hover[data-area="tbd-future-village-2"] span i.map-dot:after {
                                    width: 30px;
                                    height: 1px;
                                    border-top: 1px solid;
                                    right: 100%;
                                    top: 7px;
                                }

                    .map-hover[data-area="the-mesa"] {
                        opacity: 1;
                        top: 546px;
                        left: 285px;
                    }

                        .map-hover[data-area="the-mesa"] span {
                            color: #000;
                            top: 21px;
                            left: 77px;
                        }

                            .map-hover[data-area="the-mesa"] span i.map-dot {
                                position: absolute;
                                top: 0px;
                                left: -41px;
                            }

                                .map-hover[data-area="the-mesa"] span i.map-dot:after {
                                    width: 20px;
                                    height: 1px;
                                    border-top: 1px solid;
                                    left: 100%;
                                    top: 7px;
                                }

                    .map-hover[data-area="the-cliffs"] {
                        opacity: 1;
                        top: 593px;
                        left: 302px;
                    }

                        .map-hover[data-area="the-cliffs"] span {
                            color: #000;
                            top: 50px;
                            left: 90px;
                        }

                            .map-hover[data-area="the-cliffs"] span i.map-dot {
                                position: absolute;
                                top: -1px;
                                left: -41px;
                            }

                                .map-hover[data-area="the-cliffs"] span i.map-dot:after {
                                    width: 20px;
                                    height: 1px;
                                    border-top: 1px solid;
                                    left: 100%;
                                    top: 7px;
                                }

        .map-text {
            width: 47.1175%;
            padding: 11.4456% 0 0 3.1%;
        }
            .map-text-inner {
                max-width: 512px;
            }
                .map-text .section-title {
                    line-height: 1.2;
                    margin-bottom: 45px;
                    font-weight: 400;
                }
                .map-text p {
                    font-size: 18px;
                    line-height: 1.6;
                    color: #3b3b3b;
                    letter-spacing: 0.02em;
                    margin-bottom: 36px;
                }
                .map-text-btn {

                }
                    .map-text-btn a.btn-a {
                        margin-right: 60px;
                    }
                    .map-text-btn a.btn-a:last-child {
                        margin-right: 0;
                    }


@media only screen and (min-width: 992px) {



}
@media only screen and (max-width: 1280px) {
	.map-inner {
        margin-left: 0;
    }
}

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

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


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

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

}
@media only screen and (max-width: 1199px) {
	.map-text-btn a.btn-a {
        margin-right: 20px;
    }
}
@media only screen and (max-width: 991px) {
	#ip-summerlin-map {
        padding: 50px 0 20px;
    }
        .map-inner {
            flex-flow: column-reverse;
        }
            .map-text {
                width: 100%;
                padding: 0;
                margin-bottom: 70px;
            }
                .map-text-inner {
                    padding: 0 30px;
                    margin: 0 auto;
                }
                    .map-text-inner .section-title strong {
                        max-width: 170px;
                    }
                    .map-text p {
                        margin-bottom: 20px;
                    }
                    .map-text-btn {
                        flex-flow: column;
                    }
                        .map-text-btn a.btn-a {
                            margin-right: 0;
                            margin-bottom: 20px;
                        }
                        .map-text-btn a.btn-a:last-child {
                            margin-bottom: 0;
                        }
            .map-responsive {
                width: 100%;
                max-width: 633px;
                margin: 0 auto;
            }
}

@media only screen and (max-width: 767px) {
    .map-responsive h2 {
        top: -20px;
        left: 0;
        font-size: 20px;
    }
}