/* INNERPAGE THE PEAK */

.propsb-gallery-wrapper {

    display: flex;

    position: relative;

    flex-wrap: wrap;

    margin: 0 auto;

    right: 0;

    left: 0;

    justify-content: space-between;

    -webkit-justify-content: space-between;

    z-index: 9;

    max-width: 1200px;

}



.propsb-highlight-img {

    background-color: black;

    width: 1200px;

    height: 500px;

    position: relative;

    max-width:100%;
    max-height:100%;
    margin:0 auto;
    left:0;
    right:0;

}

.propsb-highlight-featured-img {
    background-color: black;

    /* width: 1200px; */

    height: 500px;

    position: relative;

    max-width:100%;
    max-height:100%;
    margin:0 auto;
    left:0;
    right:0;
}




.featg-bg {

    background-color: #e3cfb6;

    width: 100%;

    height: 86.5%;

    position: absolute;

    z-index: 9;

    margin: 0 auto;

    top: 6%;

}



.propsb-twin-img {

    background: black;

    height: 240px;

    width: 430px;

}



.propsb-twin-wrapper {

    display: flex;

    flex-wrap: wrap;

    flex-direction: column;

    justify-content: space-between;

    -webkit-justify-content: space-between;

}



.propsb-twin-img-top,

.propsb-twin-img-btm {

    width: 430px;

    height: 240px;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

}



.propsb-vid-wrapper {

    position: relative;

    z-index: 9;

    width: 900px;

    height: 503px;

    margin: 0 auto;

}



.propsb-vid-wrapper iframe {

    width: 100%;

    height: 100%;

    position: absolute;

}



.sidebar-nav-subpage {

    background: #fff;

    position: sticky;

    max-height: 250px;

    top: 0;

    -webkit-box-shadow: 0px 1px 15px -1px rgba(0, 0, 0, 0.1);

    box-shadow: 0px 1px 15px -1px rgba(0, 0, 0, 0.1);

    border: 1px solid #c3965f;

    padding: 35px 0;

    width: 250px;

}



.sidebar-color-tpeak {

    border: 1px solid #4e583a;

}



.sidebar-subpage-logo {

    width: 170px;

    text-align: left;

    padding-bottom:30px;

}



.sidebar-subpage-logo.propsb-long-logo {

    width: 250px;

}



.sidebar-nav-subpage .main-btn.main-btn-long-logo {

    padding-top: 80px;

}



.sidebar-nav-subpage .main-btn {

    padding-top: 100px;

    padding-bottom: 20px;

    margin: 0 auto;

    text-align: center;

}



.main-btn-inner.tpeak-btn {

    border: 1px solid #4e583a;

    background: #4e583a;

    color: #fff;

}



.propsb-title {

    font-size: 28px;

    font-family: "Avenir-Bold", sans-serif;

    line-height: 34px;

}



.prop-subpage-wrapper h3 {

    text-align: left;

}



.propsb-sub-title {

    font-size: 18px;

    color: #333;

}



.propsb-sec-title {

    font-size: 18px;

    padding-top: 30px;

    padding-bottom: 10px;

    font-family: "Avenir-Medium", sans-serif;

}



.propsb-details {

    width: 50%;

    font-size: 15px;

}



.propsb-details-wrapper {

    display: flex;

}



.propsb-details tr td:nth-child(1) {

    font-family: "Avenir-Medium", sans-serif;

}



.propsb-details tr td {

    padding-top: 7px;

    padding-bottom: 7px;

    height: auto;

    vertical-align: baseline;

}



.propsb-map iframe {

    width: 100%;

    height: 100%;

    position: absolute;

    display: block;

}



.propsb-map {

    position: relative;

    width: 100%;

    height: 400px;

    margin-top: 15px;

}



.propsb-contact {

    padding-top: 20px;

}



.propsb-contact .footm-phone-wrap {

    padding-top: 15px;

}

.footm-phone {
    padding-right:10px;
}

.ircnt-wrapper .footm-phone {
    padding-right:0;
}

.propsb-contact .footm-phone-wrap a {
    padding-left:0;
}

.propsb-locator {

    display: flex;

    flex-wrap: wrap;

}



.propsb-locator .main-btn-inner {

    margin-right: 15px;

}



.prop-headline-wrap {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    -webkit-justify-content: space-between;

    align-items: center;

    -webkit-align-items: center;

}



.prop-headline-wrap .main-btn {

    padding-top: 0;

}



/* INNERPAGE PROP CAROUSEL*/



.propsb-btn {

    cursor: pointer;

}



.propsb-modal {

    position: fixed;

    top: 0px;

    pointer-events: none;

    left: 0px;

    background: (#333, 90);

    width: 100vw;

    height: 100vh;

    display: none;

    transition: 0.3s;

    z-index: 100000;

}

.propsb-modal.active {

    display: block;

    pointer-events: auto;

}

.propsb-modal.active .box {

    top: 50%;

}



.propsb-close {

    position: absolute;

    right: 2%;

    top: 2%;

    font-size: 36px;

    background: #c3965f;

    color: #fff;

    border-radius: 50%;

    padding: 0px 20px 7px;

    cursor: pointer;

    animation: pulse-animation 2s infinite;

    -webkit-animation: pulse-animation 2s infinite;

    z-index: 1000000;

}



.propsb-close:hover {

    background: #c3965f;

}



.propsb-box {

    display: block;

    box-sizing: border-box;

    border-radius: 5px;

    text-align: left;

    padding: 50px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    transition: 0.3s;

    max-width: 1200px;

}



.propsb-pagination .swiper-pagination-bullet {

    width: 9px;

    height: 9px;

    text-align: center;

    line-height: 20px;

    font-size: 0px;

    color: transparent;

    opacity: 1;

    background: rgba(255, 255, 255, 0.7);

    font-family: "Avenir-Medium", sans-serif;

    font-weight: normal;

    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 8px) !important;

}



.propsb-pagination .swiper-pagination-bullet-active {

    color: #fff;

    background: #c3965f;

    width: 20px;

    height: 20px;

    font-size: 11px;

}



.propsb-pagination {

    bottom: 0 !important;

}



.propsb-wrapper {

    max-width: 900px;

}



/* INNERPAGE THEPEAK */

.propsb-highlight-img.tpeak {

    background-image: url("../img/the-peak-featured.jpg");

    background-position: right;

}



.content-with-slider {

    margin: 0 auto;

}



/* .propsb-twin-img-top.tpeak {

    background-image: url('../img/prop_page_thepeak2.jpg');

}



.propsb-twin-img-btm.tpeak {

    background-image: url('../img/prop_page_thepeak3.jpg');

} */



/* INNERPAGE ANDAMAN */

.propsb-highlight-img.andmn {

    background-image: url("../img/prop_page_andaman.jpg");

}



.propsb-twin-img-top.andmn {

    background-image: url("../img/prop_page_andaman2.jpg");

}



.propsb-twin-img-btm.andmn {

    background-image: url("../img/prop_page_andaman3.jpg");

}



.zoom-in-icon {

    max-width: 35px;

    position: absolute;

    bottom: 15px;

    left: 15px;

}



.main-btn-inner.andmn-btn {

    border: 1px solid #1c2951;

    background: #1c2951;

    color: #fff;

}



.sidebar-color-andmn {

    border: 1px solid #1c2951;

}



/* INNERPAGE THE MEG */

.propsb-highlight-img.tmeg {

    background-image: url("../img/prop_page_themeg.jpg");

}



.propsb-twin-img-top.tmeg {

    background-image: url("../img/prop_page_themeg2.jpg");

}



.propsb-twin-img-btm.tmeg {

    background-image: url("../img/prop_page_themeg3.jpg");

}



.main-btn-inner.tmeg-btn {

    border: 1px solid #e15028;

    background: #e15028;

    color: #fff;

}



.sidebar-color-tmeg {

    border: 1px solid #f59c27;

}



/* INNERPAGE 18 EAST */

.propsb-highlight-img.eighteast {

    background-image: url("../img/prop_page_18east.jpg");

}



.propsb-twin-img-top.eighteast {

    background-image: url("../img/prop_page_18east7.jpg");

}



.propsb-twin-img-btm.eighteast {

    background-image: url("../img/prop_page_18east6.jpg");

}



.main-btn-inner.eighteast-btn {

    border: 1px solid #1a1a1a;

    background: #1a1a1a;

    color: #fff;

}



.sidebar-color-eighteast {

    border: 1px solid #1a1a1a;

}



/* INNERPAGE THE MEWS */

.propsb-highlight-img.eighteast {

    background-image: url("../img/prop_page_18east.jpg");

}



.propsb-twin-img-top.eighteast {

    background-image: url("../img/prop_page_18east7.jpg");

}



.propsb-twin-img-btm.eighteast {

    background-image: url("../img/prop_page_18east6.jpg");

}



.main-btn-inner.eighteast-btn {

    border: 1px solid #1a1a1a;

    background: #1a1a1a;

    color: #fff;

}



.sidebar-color-eighteast {

    border: 1px solid #1a1a1a;

}



/* INNERPAGE STRAITS QUAY */

.propsb-highlight-img.straits-quay {

    background-image: url("../img/straits-quay-featured.jpg");

}



.straitquaybanner {

    background-image: url("../img/lifestyle_banner_straitsquay.jpg");

    background-size: cover;

    height: 520px;

    background-repeat: no-repeat;

}



.strsq-details {

    font-family: "Avenir", sans-serif;

    width: 50%;

}



.strsq-details tr td {

    padding-top: 7px;

    padding-bottom: 7px;

    height: auto;

    vertical-align: baseline;

    font-size: 16px;

}



.sidebar-color-strsq {

    border: 1px solid #3986c8;

}



.strsq-btn {

    background-color: #3986c8;

    color: #fff;

    border: 1px solid #3986c8;

}



.strsq-item {

    display: flex;

    flex-wrap: wrap;

    align-items: baseline;

}



.strsq-adjust {

    padding-top: 25px;

    padding-left:15px;

    padding-right:15px;

}



.strsq-img {

    max-width: 400px;

}



.strsq-places-wrapper {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    -webkit-justify-content: center;

    align-items: baseline;

    -webkit-align-items: baseline;

}



.propsb-highlight-img.eobhotel {

    background-image: url("../img/eobhotel-featured-banner.jpg");

}



.propsb-highlight-img.investor-relations {

    background-image: url("../img/ir-featured-banner.jpg");
    background-position: center;

}




.eobhotel-btn {

    background-color: rgba(0, 0, 0, 0.75);

    color: #fff;

    border: 1px solid rgba(0, 0, 0, 0.75);

}



.eobhotel-pagination .swiper-pagination-bullet {

    width: 9px;

    height: 9px;

    text-align: center;

    line-height: 20px;

    font-size: 0px;

    color: transparent;

    opacity: 1;

    background: rgba(255, 255, 255, 0.7);

    font-family: "Avenir-Medium", sans-serif;

    font-weight: normal;

    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 8px) !important;

}



.eobhotel-pagination .swiper-pagination-bullet-active {

    color: #fff;

    background: #000;

    width: 20px;

    height: 20px;

    font-size: 11px;

}



.eobhotel-pagination {

    bottom: 10px !important;

}



.content-slider-adjust{

    margin:0 auto;

}



.eobhotel-slider-wrapper {

    max-width:900px;

    margin:0 auto;

}



.propsb-highlight-img.stmary-place {

    background-image: url("../img/stmaryplace-featured.jpg");

}



.stmary-btn {

    background:#000;

    border:1px solid #000;

    color:#fff;

}



.propsb-highlight-img.eobgalleries {

    background-image: url("../img/eobgallery-featured.jpg");


}





@media (max-width: 1300px) {

    .strsq-places-wrapper {

        justify-content: center;

        -webkit-justify-content: center;

    }

}



@media (max-width: 991px) {

    .propsb-highlight-featured-img {
        height: 100%;
    }



    

    .strsq-adjust {

        max-width: 245px;

    }

}



@media (max-width: 640px) {

    .propsb-details-wrapper {

        display: block;

    }



    .propsb-details {

        width: 100%;

    }



    .prop-headline-wrap {

        display: block;
        padding-bottom: 25px;

    }



    .prop-headline-wrap .main-btn {

        padding-top: 40px;

        padding-bottom: 35px;

    }



    .sidebar-subpage-logo {

        padding-top: 15px;

    }



    .propsb-box {

        max-width: 100%;

        padding-left: 0;

        padding-right: 0;

    }



    /* INNERPAGE THEPEAK */

    .propsb-highlight-img.tpeak {

        background-image: url("../img/the-peak-featured-m.jpg");

        background-position: right;

    }



    /* INNERPAGE STRAITS QUAY */

    .propsb-highlight-img.straits-quay {

        background-image: url("../img/straits-quay-featured-m.jpg");

    }



    .propsb-highlight-img.eobhotel {

        background-image: url("../img/eobhotel-featured-banner-m.jpg");

        background-position: center;

    }



    .propsb-highlight-img.stmary-place {

        background-image: url("../img/stmaryplace-featured-m.jpg");

    }



    .strsq-adjust {

        max-width: 100%;

        padding-top:35px;

    }



    .prop-headline-wrap .sidebar-subpage-logo,

    .prop-headline-wrap .main-btn {

        text-align:center;

        margin:0 auto;

    }



    .strsq-details {

        width:100%;

    }



    .propsb-highlight-img.eobgalleries {

        background-image: url("../img/eobgallery-featured-m.jpg");

    }

    .propsb-highlight-img.investor-relations {

        background-image: url("../img/ir-featured-banner-m.jpg");

        background-position: center;

    }

    



}