.elementor-1331 .elementor-element.elementor-element-9aa2633{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--background-transition:0.3s;--padding-top:183px;--padding-bottom:84px;--padding-left:40px;--padding-right:40px;}.elementor-1331 .elementor-element.elementor-element-9aa2633:not(.elementor-motion-effects-element-type-background), .elementor-1331 .elementor-element.elementor-element-9aa2633 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1331 .elementor-element.elementor-element-9aa2633, .elementor-1331 .elementor-element.elementor-element-9aa2633::before{--border-transition:0.3s;}.elementor-1331 .elementor-element.elementor-element-a5816ec > .elementor-widget-container{margin:0px 0px 100px 0px;}.elementor-1331 .elementor-element.elementor-element-a5816ec{text-align:center;}.elementor-1331 .elementor-element.elementor-element-a5816ec .elementor-heading-title{color:#DAD3C5;font-family:"Work Sans", Sans-serif;font-size:80px;font-weight:300;line-height:80px;letter-spacing:-5px;}.elementor-1331 .elementor-element.elementor-element-87a9aad .elementor-heading-title{color:#918877;font-family:"Work Sans", Sans-serif;font-weight:200;}.elementor-1331 .elementor-element.elementor-element-451c6cd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:32px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1331 .elementor-element.elementor-element-2debe95{--display:flex;--gap:0px 0px;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1331 .elementor-element.elementor-element-2debe95.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-1331 .elementor-element.elementor-element-10e468f .elementor-heading-title{color:#F3F0ECB2;font-family:"Barlow", Sans-serif;font-size:14px;font-weight:300;}.elementor-1331 .elementor-element.elementor-element-3b9a1b5{--display:flex;--gap:0px 0px;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1331 .elementor-element.elementor-element-3b9a1b5.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-1331 .elementor-element.elementor-element-6fa64ad .elementor-heading-title{color:#F3F0ECB2;font-family:"Barlow", Sans-serif;font-size:14px;font-weight:300;}.elementor-1331 .elementor-element.elementor-element-22efb62{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1331 .elementor-element.elementor-element-20e2e4b .elementor-heading-title{color:#F3F0ECB2;font-family:"Barlow", Sans-serif;font-size:14px;font-weight:300;}.elementor-1331 .elementor-element.elementor-element-0cfa0de .elementor-heading-title{color:#F3F0ECB3;font-family:"Work Sans", Sans-serif;font-weight:200;}.elementor-1331 .elementor-element.elementor-element-94df3bd{--display:flex;--gap:0px 0px;--background-transition:0.3s;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-1331 .elementor-element.elementor-element-91de4ad .dce-menu ul, .elementor-1331 .elementor-element.elementor-element-91de4ad .dce-parent-title{align-items:flex-start;justify-content:flex-start;}.elementor-1331 .elementor-element.elementor-element-91de4ad > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1331 .elementor-element.elementor-element-91de4ad .dce-menu ul.first-level > li{margin-bottom:0px;}.elementor-1331 .elementor-element.elementor-element-91de4ad .dce-menu li{padding-left:0px;padding-right:0px;font-family:"Barlow", Sans-serif;font-size:14px;font-weight:300;}.elementor-1331 .elementor-element.elementor-element-91de4ad .dce-menu li .dce-term-separator{margin-left:-0px;padding-right:0px;}.elementor-1331 .elementor-element.elementor-element-91de4ad .dce-menu li img{display:block;}.elementor-1331 .elementor-element.elementor-element-91de4ad .dce-menu a, .elementor-1331 .elementor-element.elementor-element-91de4ad .dce-menu li{color:#FFFFFF;}.elementor-1331 .elementor-element.elementor-element-91de4ad .dce-menu hr{border-width:0px;width:0px;}.elementor-1331 .elementor-element.elementor-element-926bb76 .dce-posts-container.dce-skin-grid .dce-post-item{width:calc(100% / 2);flex:0 1 calc( 100% / 2 );flex-grow:1;padding-right:calc( 0px/2 );padding-left:calc( 0px/2 );}.elementor-1331 .elementor-element.elementor-element-926bb76 .elementor-repeater-item-9b4e317 > *{display:inline-block;}.elementor-1331 .elementor-element.elementor-element-926bb76 .elementor-repeater-item-911b393.dce-item_image{justify-content:top;}.elementor-1331 .elementor-element.elementor-element-926bb76 > .elementor-widget-container{padding:0% 33% 0% 0%;}.elementor-1331 .elementor-element.elementor-element-926bb76 .dce-posts-fallback{text-align:left;}.elementor-1331 .elementor-element.elementor-element-926bb76 .dce-posts-container.dce-skin-grid .dce-posts-wrapper{margin-left:calc( -0px/2 );margin-right:calc( -0px/2 );}.elementor-1331 .elementor-element.elementor-element-926bb76 .dce-post-item{padding-bottom:120px;}.elementor-1331 .elementor-element.elementor-element-926bb76 .dce-filters .filters-item.filter-active a{color:#990000;}.elementor-1331 .elementor-element.elementor-element-926bb76 .dce-filters .filters-separator{padding-left:5px;padding-right:5px;top:0px;position:relative;}.elementor-1331 .elementor-element.elementor-element-926bb76 .dce-filters{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-1331 .elementor-element.elementor-element-418ceca{--display:flex;--gap:0px 0px;--background-transition:0.3s;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-1331 .elementor-element.elementor-element-adf0d41 .dce-menu ul, .elementor-1331 .elementor-element.elementor-element-adf0d41 .dce-parent-title{align-items:flex-start;justify-content:flex-start;}.elementor-1331 .elementor-element.elementor-element-adf0d41 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1331 .elementor-element.elementor-element-adf0d41 .dce-menu.horizontal li{border-left-style:solid;border-left-color:#999999;border-left-width:0px;}.elementor-1331 .elementor-element.elementor-element-adf0d41 .dce-menu ul.first-level > li{margin-bottom:0px;}.elementor-1331 .elementor-element.elementor-element-adf0d41 .dce-menu li{padding-left:0px;padding-right:0px;font-family:"Barlow", Sans-serif;font-size:14px;font-weight:300;}.elementor-1331 .elementor-element.elementor-element-adf0d41 .dce-menu li .dce-term-separator{margin-left:-0px;padding-right:0px;}.elementor-1331 .elementor-element.elementor-element-adf0d41 .dce-menu li img{display:block;}.elementor-1331 .elementor-element.elementor-element-adf0d41 .dce-menu a, .elementor-1331 .elementor-element.elementor-element-adf0d41 .dce-menu li{color:#FFFFFF;}.elementor-1331 .elementor-element.elementor-element-adf0d41 .dce-menu hr{border-width:0px;width:100%;}.elementor-1331 .elementor-element.elementor-element-adf0d41 .dce-menu.horizontal li .dce-term-separator{color:#999999;}.elementor-1331 .elementor-element.elementor-element-a4ed770 .dce-posts-container.dce-skin-grid .dce-post-item{width:calc(100% / 2);flex:0 1 calc( 100% / 2 );flex-grow:1;padding-right:calc( 0px/2 );padding-left:calc( 0px/2 );}.elementor-1331 .elementor-element.elementor-element-a4ed770 .elementor-repeater-item-9b4e317 > *{display:inline-block;}.elementor-1331 .elementor-element.elementor-element-a4ed770 .elementor-repeater-item-911b393.dce-item_image{justify-content:top;}.elementor-1331 .elementor-element.elementor-element-a4ed770 > .elementor-widget-container{padding:0% 33% 0% 0%;}.elementor-1331 .elementor-element.elementor-element-a4ed770 .dce-posts-fallback{text-align:left;}.elementor-1331 .elementor-element.elementor-element-a4ed770 .dce-posts-container.dce-skin-grid .dce-posts-wrapper{margin-left:calc( -0px/2 );margin-right:calc( -0px/2 );}.elementor-1331 .elementor-element.elementor-element-a4ed770 .dce-post-item{padding-bottom:120px;}.elementor-1331 .elementor-element.elementor-element-a4ed770 .dce-filters .filters-item.filter-active a{color:#990000;}.elementor-1331 .elementor-element.elementor-element-a4ed770 .dce-filters .filters-separator{padding-left:5px;padding-right:5px;top:0px;position:relative;}.elementor-1331 .elementor-element.elementor-element-a4ed770 .dce-filters{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-1331 .elementor-element.elementor-element-0cfa0de > .elementor-widget-container{padding:0px 0px 40px 0px;}.elementor-1331 .elementor-element.elementor-element-94df3bd{--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-1331 .elementor-element.elementor-element-91de4ad > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1331 .elementor-element.elementor-element-91de4ad .dce-menu ul.first-level > li{margin-bottom:20px;}.elementor-1331 .elementor-element.elementor-element-926bb76 .dce-posts-container.dce-skin-grid .dce-post-item{width:calc(100% / 2);flex:0 1 calc( 100% / 2 );padding-right:calc( 30px/2 );padding-left:calc( 30px/2 );}.elementor-1331 .elementor-element.elementor-element-926bb76{width:100%;max-width:100%;}.elementor-1331 .elementor-element.elementor-element-926bb76 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0% 0% 0% 0%;}.elementor-1331 .elementor-element.elementor-element-926bb76 .dce-posts-container.dce-skin-grid .dce-posts-wrapper{margin-left:calc( -30px/2 );margin-right:calc( -30px/2 );}.elementor-1331 .elementor-element.elementor-element-926bb76 .dce-post-item{padding-bottom:30px;}.elementor-1331 .elementor-element.elementor-element-926bb76 .dce-filters .filters-separator{padding-left:18px;padding-right:18px;}.elementor-1331 .elementor-element.elementor-element-418ceca{--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-1331 .elementor-element.elementor-element-adf0d41 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1331 .elementor-element.elementor-element-adf0d41 .dce-menu.horizontal li{width:100%;border-left-width:0px;}.elementor-1331 .elementor-element.elementor-element-adf0d41 .dce-menu ul.first-level > li{margin-bottom:20px;}.elementor-1331 .elementor-element.elementor-element-adf0d41 .dce-menu li img{border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1331 .elementor-element.elementor-element-a4ed770 .dce-posts-container.dce-skin-grid .dce-post-item{width:calc(100% / 1);flex:0 1 calc( 100% / 1 );padding-right:calc( 30px/2 );padding-left:calc( 30px/2 );}.elementor-1331 .elementor-element.elementor-element-a4ed770{width:100%;max-width:100%;}.elementor-1331 .elementor-element.elementor-element-a4ed770 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0% 0% 0% 0%;}.elementor-1331 .elementor-element.elementor-element-a4ed770 .dce-posts-container.dce-skin-grid{margin:0 auto;width:100%;}.elementor-1331 .elementor-element.elementor-element-a4ed770 .dce-posts-container.dce-skin-grid .dce-posts-wrapper{margin-left:calc( -30px/2 );margin-right:calc( -30px/2 );}.elementor-1331 .elementor-element.elementor-element-a4ed770 .dce-post-item{padding-bottom:30px;}.elementor-1331 .elementor-element.elementor-element-a4ed770 .dce-filters .filters-separator{padding-left:18px;padding-right:18px;}}@media(max-width:767px){.elementor-1331 .elementor-element.elementor-element-9aa2633{--width:100%;--gap:0px 0px;--padding-top:183px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-1331 .elementor-element.elementor-element-a5816ec > .elementor-widget-container{margin:0px 0px 10px 0px;padding:0px 0px 0px 0px;}.elementor-1331 .elementor-element.elementor-element-a5816ec{text-align:left;}.elementor-1331 .elementor-element.elementor-element-a5816ec .elementor-heading-title{font-size:60px;line-height:60px;letter-spacing:-5%;}.elementor-1331 .elementor-element.elementor-element-87a9aad > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1331 .elementor-element.elementor-element-87a9aad .elementor-heading-title{font-size:14px;line-height:17px;}.elementor-1331 .elementor-element.elementor-element-451c6cd{--width:100%;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1331 .elementor-element.elementor-element-2debe95{--width:0%;--gap:0px 0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1331 .elementor-element.elementor-element-3b9a1b5{--width:0%;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1331 .elementor-element.elementor-element-22efb62{--width:40%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1331 .elementor-element.elementor-element-0cfa0de > .elementor-widget-container{margin:0px 0px 0px 0px;padding:120px 0px 20px 0px;}.elementor-1331 .elementor-element.elementor-element-0cfa0de .elementor-heading-title{font-size:14px;line-height:17px;}.elementor-1331 .elementor-element.elementor-element-94df3bd{--width:100%;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1331 .elementor-element.elementor-element-91de4ad .dce-menu ul, .elementor-1331 .elementor-element.elementor-element-91de4ad .dce-parent-title{align-items:flex-start;justify-content:flex-start;}.elementor-1331 .elementor-element.elementor-element-91de4ad .dce-menu li img{width:100%;}.elementor-1331 .elementor-element.elementor-element-926bb76 .dce-posts-container.dce-skin-grid .dce-post-item{width:calc(100% / 1);flex:0 1 calc( 100% / 1 );}.elementor-1331 .elementor-element.elementor-element-926bb76 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0% 0% 0% 0%;}.elementor-1331 .elementor-element.elementor-element-418ceca{--width:100%;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1331 .elementor-element.elementor-element-adf0d41 .dce-menu ul, .elementor-1331 .elementor-element.elementor-element-adf0d41 .dce-parent-title{align-items:flex-start;justify-content:flex-start;}.elementor-1331 .elementor-element.elementor-element-adf0d41 .dce-menu li img{width:100%;}.elementor-1331 .elementor-element.elementor-element-a4ed770 .dce-posts-container.dce-skin-grid .dce-post-item{width:calc(100% / 1);flex:0 1 calc( 100% / 1 );}.elementor-1331 .elementor-element.elementor-element-a4ed770 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0% 0% 0% 0%;}}@media(min-width:768px){.elementor-1331 .elementor-element.elementor-element-2debe95{--width:calc(33% + 7px);}.elementor-1331 .elementor-element.elementor-element-3b9a1b5{--width:48%;}.elementor-1331 .elementor-element.elementor-element-22efb62{--width:100%;}}/* Start custom CSS */.left-25{
    left: 25% !important;
}

.left-75{
    left: 65% !important;
}

@media only screen and (min-width:426px){
    .dce-menu.dce-flex-menu.vertical ul{
        flex-direction:row !important;
    }
}

@media only screen and (max-width: 426px) {
    .left-25, .left-75 {
        left: 0% !important;
    }

    .dce-menu ul.first-level {
        display: block !important;
        width: 100% !important;
    }

    .dce-menu ul.first-level li {
        position: relative;
        width: 100% !important;   /* paksa override inline style */
        max-width: 100% !important;
        height: 75px;
        overflow: hidden;
        margin: 0 0 15px 0;       /* jarak antar item */
        padding-bottom:10px;
    }

    .dce-menu ul.first-level li img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
        display: block;
    }

    .dce-menu ul.first-level li span {
        position: absolute;
        bottom: 13px;
        font-size: 14px;
        color: #fff;
        text-align: left;
        left: 20px;
        transform: none;
        right: 0px;
    }

    .selectable-works li {
        width: 100% !important;
    }
}




.selectable-works li {
  width: calc(100%/6);
  
}

.selectable-works .first-level li.active{
  width: calc(150% / 6) !important;
}


.dce-filters{
    display: none !important;
}


.selectable-projects {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.4s ease;
}

.selectable-projects.visible {
  max-height: 10000px;
  opacity: 1;
}

.selectable-projects .dce-post-item{
    padding-top: 20px !important;
    padding-bottom: 60px !important;
}



  
@media only screen and (max-width: 1024px) {
  .dce-menu ul.first-level {
    display: block !important;
    width: 100% !important;
  }

  .dce-menu ul.first-level > li {
    width: 100% !important;
    max-width: 100% !important;
    height: 75px !important;
    overflow: hidden !important;
    margin-bottom: 15px !important;
    position: relative !important;
    transition: height .35s ease;
  }

  .dce-menu ul.first-level > li.open {
    height: auto !important;
    overflow: visible !important;
  }

  .dce-menu ul.first-level > li img {
    width: 100% !important;
    height: 75px !important;
    object-fit: cover !important;
    display: block !important;
  }

  .dce-menu ul.first-level > li > span {
    position: absolute !important;
    bottom: 13px !important;
    left: 20px !important;
    color: #fff !important;
    z-index: 2 !important;
  }
  
    .dce-menu ul.first-level > li.open > span{
    display:none !important;
  }

  .elementor-element-a4ed770 {
    display: none !important;
    width: 100% !important;
    margin-top: 20px !important;
    position: relative !important;
  }

  .elementor-element-a4ed770.visible {
    display: block !important;
  }

  .elementor-element-a4ed770 .dce-posts-wrapper {
    height: auto !important;
    position: relative !important;
  }

  .elementor-element-a4ed770 article,
  .elementor-element-a4ed770 .dce-post-item {
    position: relative !important;
    left: 0px !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
    padding: 12px 0 20px 20px !important;
  }

  .left-25,
  .left-75 {
    left: 0 !important;
  }
}/* End custom CSS */