/*******************************************************
 *
 * General
 *
 *******************************************************/

.page-template-template-listing #inner-page-wrapper > .container,
.page-template-template-results #inner-page-wrapper > .container,
.page-template-template-basic-search #inner-page-wrapper > .container{
    width: 100%;
    padding: 0;
}

.page-template-template-listing .ip-banner canvas,
.page-template-template-results .ip-banner canvas {
    min-height: 436px;
}

.page-template-template-listing .ip-banner .global-overlay.left > div:nth-child(2):before,
.page-template-template-listing .ip-banner .global-overlay.left > div:nth-child(2):after {
    left: 65px;
}

.page-template-template-listing #content-sidebar, .page-template-template-listing #content-full,
.page-template-template-results #content-sidebar, .page-template-template-listing #content-full {
    margin-top: 0;
}

section.listing-section-one {
    position: relative;
    padding-bottom: 396px;
}

.page-template-template-listing .ip-banner .global-overlay > div:nth-child(1):before, .ip-banner .global-overlay > div:nth-child(1):after {
    top: 0;
    bottom: 0;
    height: calc(100% - 211px);
    top: auto;
}


.page-template-template-listing .ip-banner .global-overlay.left > div:nth-child(2):before, .ip-banner .global-overlay.left > div:nth-child(2):after {
    width: 29.3%;
}

.ip-banner > span {
    position: absolute;
    bottom: 21px;
    left: 67px;
    width: 100%;
    z-index: 2;
    color: #fff !important;
    max-width: 276px;
}


.ip-banner > span > span {
    color: #fff !important;
}

.ip-banner span a {
    color: #fff;
}
.listing-inner {
    position: relative;
    z-index: 4;
}

        .listing-bg-wrap {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            content: '';
            background-image: url('../../images/our-title-bg.jpg');
            filter: grayscale(1);
        }

                .listing-bg-wrap::after {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background-color: rgba(246, 246, 246, .90);
                }

.listing-title {
    text-align: center;
    max-width: 724px;
    width: 100%;
    margin: 0 auto;
    padding-top: 84px;
    padding-bottom: 95px;
}

    .listing-title span {
        font-family: 'Poppins', sans-serif;
        font-size: 24px;
        font-weight: 600;
        color: #a5a5a5;
        letter-spacing: .360em;
        text-transform: uppercase;
        margin-top: -22px;
    }

            .listing-title span span {
                display: block;
                font-weight: 400;
                font-size: 90px;
                color: #000000;
                letter-spacing: .020em;
            }


            .listing-subtitle {
                font-family: 'Poppins', sans-serif;
                font-weight: 300;
                font-size: 15px;
                color: #565656;
                letter-spacing: .020em;
                line-height: 30px;
                margin-top: -6px;
            }
/*Section 2 map*/
section.listing-section-two {
    position: relative;
    margin-top: -404px;
    padding: 0px 131px 113px 59px;
}

section.listing-section-two .global-overlay > div:nth-child(1):before, section.listing-section-two .global-overlay > div:nth-child(1):after {
    bottom: 0;
    height: calc(100% - 181px);
    top: auto;
}

section.listing-section-two .global-overlay.right > div:nth-child(2):before,
section.listing-section-two .global-overlay.right > div:nth-child(2):after {
    right: 65px;
    width: 30.3%;
    left: auto;
}

.listing-map-inner {
    margin: 0 auto;
}

.listing-section-two span {
    display: none;
}

.footer .footer-git .git-outer > span {
    display: none;
}

.footer-main span {
    display: none;
}

.listing-map-tab ul  {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 382px;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

    .listing-map-tab ul > li {
        list-style: none !important;
        position: relative;
    }

            .listing-map-tab ul > li::after {
                position: absolute;
                top: 5px;
                right: -28px;
                width: 2px;
                height: 19px;
                content: '';
                background-color: #bababa;
            }

                    .listing-map-tab ul > li:last-child::after {
                        display: none;
                    }

        .listing-map-tab a {
            font-family: 'Lato', sans-serif;
            font-weight: 600;
            font-size: 18px;
            text-transform: uppercase;
        }

        .listing-map-tab .listing-tab-active {
            color: #a10d5d;
        }

        .listing-map-tab .listing-tab-pending {
            color: #2b2b2b;
        }

        .listing-map-holder-inner {
            margin-top: 17px;
        }

            .listing-map-holder-inner iframe {
                width: 100%;
                min-height: 591px;
            }
/*End of Section 2 map*/
/*Section 3 listing slick*/
.ip-listing-search {
    padding-left: 69px;
}

.ip-listing-sort label {
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #2b2b2b;
    position: relative;
    letter-spacing: .100em;
    padding-right: 42px;
}

    .ip-listing-sort label::after {
        content: '';
        width: 28px;
        height: 1px;
        background-color: #dddddd;
        top: 14px;
        right: -1px;
        position: absolute;
    }

    .ip-listing-sort select {
        font-family: 'Lato', sans-serif;
        font-weight: 600;
        font-size: 18px;
        color: #a10d5d;
        position: relative;
        letter-spacing: .100em;
        border: 0;
        max-width: 94px;
        width: 100%;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-image: url('../../images/select-arrow-a.png');
        background-repeat: no-repeat;
        background-position: top 11px right;
    }

    .ip-listing-search-inner {
        max-width: 300px;
        position: relative;
        width: 100%;
    }
        #content .ip-listing-search-inner ul.dropdown-menu.inner {
            max-height: 245px !important;
        }

        .ip-listing-search-inner::after {
            content: '';
            width: 28px;
            height: 1px;
            background-color: #dddddd;
            top: 14px;
            right: 35px;
            position: absolute;
        }

    .ip-listing-search-inner input.submit-btn-hotsheets {
        font-family: 'Lato', sans-serif;
        font-weight: 600;
        font-size: 0;
        color: #2b2b2b;
        letter-spacing: .100em;
        border: 0;
        max-width: 32px;
        height: 32px;
        width: 100%;
        background-image: url(/app/themes/sharlenechang.com/frontend/custom-page/css/../../images/search-icon.png);
        background-repeat: no-repeat;
        background-position: center;
        padding-right: 70px;
        outline: none;
        padding: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        z-index: 999;
    }

    .ip-listing-highlow {
        max-width: 524px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

            .ip-listing-sort {
                width: 100%;
            }

            .ip-listing-slick-wrap {
                padding-top: 21px;
            }

            .ip-container .listings-list-wrap {
                padding-bottom: 84px;
            }
/*End of Section 3*/

@media only screen and (max-width: 1199px) {
    section.listing-section-two {
        padding: 0px 80px 74px 59px;
    }
}

@media only screen and (max-width: 991px) {
    section.listing-section-two .global-overlay {
        display: none;
    }

    .ip-banner .global-overlay.slideshow-overlay.left.ip-listing-append {
        display: none;
    }

    section.listing-section-two {
        padding: 0 40px;
    }

    .listing-title span span {
        font-size: 72px;
    }
    .ip-listing-highlow,
    .ip-listing-search-inner {
        margin: 0 auto;
    }
}

@media only screen and (max-width: 481px) {
    .listing-title span span {
            font-size: 52px;
    }

    .ip-listing-highlow {
        display: block;
    }

    .listing-map-tab ul > li::after {
        display: none;
    }

    .listing-map-tab ul {
        display: block;
        text-align: center;
    }

    .ip-listing-search {
        padding: 0;
    }

    .ip-listing-sort {
        width: 100%;
        text-align: center;
    }

    .ip-listing-search-inner {
        margin: 0 auto;
    }

    .ip-banner > span {
        left: 15px;
    }

    /* .git-outer span {
        display: none;
    } */
    button#git-submit span {
        display: flex;
    }
}