.hover-products-item {
    width: 10px;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;

    z-index: 2;
    background-color: rgba(0, 0, 0, 0.8);
    max-height: 60vh;

    width: 100%;
    height: 100%;
    border-radius: 12px;
}

.hover-products:hover > .hover-products-item{
    visibility: visible;
    opacity: 1;
}

.btn-products-item{
    padding: .6rem 4rem .6rem 4rem;
}

.rounded-wp {
    border-radius: 16px;
}

.rounded-wp-8{
    border-radius: 8px;
}

.img-product {
    width: 100%;
    max-width: 100%;
    height: 60vh;
    max-height: 60vh;
    object-fit: cover;
    border-radius: 12px;
}

.product-item{
    /* height: 584px; */
    width: 50%;
    max-width: 50%;
    position: relative;
    flex: 1 1 auto;
    margin: 10px;
    border-radius: 12px;
}

.img-faci{
    height: 500px;
    object-fit: cover;
    border-radius: 12px;
}

.btn-center-products{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.btn > p {
    margin-bottom: 0;
}

.bg-description{
    background-color: rgba(226, 230, 213, 1);
/*    background-image: url('../../upload/homepage/marmer-wallpaper.png');*/
    padding: 4.5rem 3rem 3rem 3rem;
}

@media (max-width: 767.9px) {
    .bg-description{
        padding: 0;
    }
}

@media (max-width: 768px) {
    .container-description {
        width: 335px !important;
        padding: 0;
    }
}

@media (max-width: 768px) {
    .container-imgbanner {
        width: 100%;
        padding: 0;
    }
}

.btn-wide-bpj{
    padding: .5rem 2rem .7rem 2rem;
}

.btn-wide-x{
    padding: .5rem 2rem .7rem 2rem;
}

.cover-section-video{
    background-image: url('../../upload/clusters/condominium-homepagef746.jpg?e9f9b2c75a');
    height:100vh;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    position: relative;
}

.img-newsevent{
    height: 30vh;
    object-fit: cover;
}

iframe{
    width: 100%;
    height: 100%;
}

.wrapper{
    /*background:rgba(0,0,0,0.7);*/
    /*background-image: url('../../assets/img/bg_bw.webp');*/
    /* width:100%;*/
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    position:fixed;
    top: 0;
    z-index: 9999;
    background-size:cover;
    /*background-repeat: no-repeat;*/
    background-position: center; 
}

#myCanvas{  
    position:relative;
    height: 100vh;
    z-index: 9999;
}

.container-products, .contrainer-usp {
    padding: 0 90px;
}

.p-usp {
    font-size: 15px;
}


@media (max-width: 768px) {
    .container-products, .container-usp {
        padding: 0;
    }
    .p-usp {
        font-size: 10px;
        width: 50px;
        margin-right: 23px;
    }
}

.p-product {
    
    font-size: 20px;
}
.title-caption{
    padding-top: 54px;
}

.carousel-caption{
    right: 0;
    left: 0;
    bottom: 0;
    padding-left: 1rem;
    padding-top: 0;
    padding-bottom: 0;
    text-align: left;        
    background-color: rgba(54, 54, 54, .8);
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    height: 64px;
}

.carousel-caption > p {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.carousel-indicators > li{
    width: 10px;
    height: 10px;
    border-radius: 10rem;
    border-top: none;
    border-bottom: none;
}

.carousel-indicators > li.active{
    width: 25px;
}

.carousel-wp, .carousel-wp-item{
    height: 500px;
}

.carousel-caption {
    display: table !important;
    width: 100%;
}

.carousel-caption > span{
    display: table-cell;
    vertical-align: middle;
    font-size: 24px;
}

.carousel-indicators.dot {
    bottom: .6rem;
}

.container-thumbnail {
    margin-top: 16px;
}

.carousel-indicators-thumbnail{
    position: relative;
    height: 128px;
    margin-right: 0;
    margin-left: -3px;
}

.carousel-indicators-thumbnail > li {
    width: 128px;
    margin-right: 20px;
    opacity: .5;
}

.carousel-indicators-thumbnail > li.active {
    width: 128px;
}

.carousel-img-thumbnail{
    height: 128px;
    width: 128px;
    object-fit: cover;
}

.carousel-img-usp{
    height: 99px;
    width: 99px;
    object-fit: cover;
}

.btn-bpj {
    float: left
}

.btn-x {
    float: left
}

@media (max-width: 768px) {
    .carousel-caption{
        text-align: center;
        color: #E0CA8B;
    }

    .carousel-inner-facilites {
        height: 250px;
    }

/*    #carouselwpcaptions > .carousel-control-prev, .carousel-control-next {
        display: none;
    }*/

    .carousel-wp, .carousel-wp-item{
        height: 250px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .img-faci{
        height: 250px;
        object-fit: cover;
        /*border-radius: 12px;*/
    }

    .carousel-caption{
        border-radius: 0;
    }

    .section-facilities, .section-facilities > .container {
        padding: 0 !important;
    }

    .img-faci {
        border-radius: 0;
    }

    .carousel-indicators-thumbnail{
        height: 80px;
    }

    .carousel-img-thumbnail{
        height: 80px;
        width: 80px;
        object-fit: cover;
    }

    .carousel-img-usp{
        height: 50px;
        width: 50px;
        object-fit: cover;
    }
    

    .container-thumbnail > .row {
        overflow: auto !important;

        margin-right: 0;
        margin-left: 0;
    }

    .btn-bpj {
        width: 100%;
        display: block;
    }

    .btn-x {
        width: 100%;
        display: block;
    }
}

@media (max-width: 400px) {
    .carousel-wp, .carousel-wp-item{
        height: 250px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .img-faci{
        height: 250px;
        object-fit: cover;
        /*border-radius: 12px;*/
    }
}

@media screen and (max-width: 767.9px) {
  .thumb-fas {
    /*padding: 0 1rem;*/
  }
  .thumb-fas-edit {
    padding: 0 1rem !important;
  }
}
/* END FACILITIES */

.overlay-effect-vr{
    position: relative;
}

.overlay-effect-vr:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(54, 54, 54, .7);

    /* ini di uncomment untuk muncul gambar background virtual*/
/*    background: rgba(226, 230, 213, 1)*/
    /**/
}

.section-video-residential{
    /*position: relative;*/
    /*background: #F7F7F7;*/
/*    background-color: rgba(226, 230, 213, 1);*/
    margin-top: 64px;
   
}

.bg-image-vt {
    width: 100%;
    height: 522px;
    object-fit: cover;
}

.bg-vr {
    width: 100%;
    height: 522px;
    background-color: rgba(13, 56, 35, 1);
    object-fit: cover;
}

.mt-carousel-vt {
    margin-top: 70px;
    padding-left: 180px;
    padding-right: 180px;
    padding-bottom: 40px;
}

@media (max-width: 768px) {
    .overlay-effect-vr:before {
        /*height: 522px; */
        max-height: 522px;
    }

    .bg-image-vt {
        height: 400px;
        /*max-height: 50vh; */
    }

    .mt-carousel-vt {
        margin-top : 116px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .container-vid-desc{
        padding: 20px 20px 0 20px;
    }

    .carousel-control-prev, .carousel-control-next {
/*        height: 223px;*/
        height: 190px;
    }
}

.carousel-video{
    bottom: 2.9rem;
}

.carousel-video > li{
    width: 10px;
    height: 10px;
    border-radius: 10rem;
    border-top: none;
    border-bottom: none;
    background-color: black
}

.carousel-item-video{
    height: 100%;
}

.carousel-item-video > iframe {
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
    min-height: 600px;
}

@media (max-width: 768px) {
    .carousel-item-video > iframe {
        height: 223px;
        min-height: 223px;
        max-height: 223px;
    }
}

.caption-video{
    width: 100%;
    text-align: center;
    padding: 32px 1rem 1rem 1rem;
}

.caption-video > p {
    margin-top: 24px;
}
/* END VIRTUAL TOUR */

h5.news-headline{
    /*height: 24px;*/
    font-weight: 600;

    /*overflow: hidden;
    text-overflow: ellipsis;*/
    display: -webkit-box;
    /*-webkit-line-clamp: 1;*/
    /*-webkit-box-orient: vertical;*/

    margin-bottom: 16px;
}

div.news-isi {
    width: 370px;
    /*height: 72px;*/
    margin-bottom: 16px;

    color: rgba(54, 54, 54, .7);

    /*overflow: hidden;*/
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    /*-webkit-line-clamp: 3;*/
    /*-webkit-box-orient: vertical;*/
}

@media (max-width: 768px) {
    div.news-isi {
        width: 276px;
        max-width: 275px;
    }
}

div.news-isi p {
    display: contents;
}

p:after {
    content: "\A";
    white-space:pre;
}

.section-news-event {
    margin-top: 93px;
}

.content-news {
    margin-top: 40px;
}

.card-news {
    margin-top: 24px;
    padding: 0;
}
/* END NEWS */

.section-maps-news {
    margin-top: 51px;
}

.container-maps {
    padding: 0;
    height: 50vh; 
}
/* END MAPS */