/* GALERI IMG BOX */
.galeri_title{display: flex;width: 100%;font-size: 2rem;border-bottom: 1px solid var(--color3);color: var(--black2);}
.galeri_box{position: relative;display: inline-block;padding: 10px;background-color: #fff;border: 1px solid var(--color);width: 100%;border-radius: 10px;}
.gallery_box_figure {position: relative;display: flex;align-items: center;justify-content: center;overflow: hidden;width: 100%;height: 170px;margin: 0;color: var(--color);text-align: left;font-size: 16px;background: #ffffff;}
.gallery_box_figure *, .gallery_box_figure:before, .gallery_box_figure:after {-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
.gallery_box_figure img {width: 100%;height: 100%;object-fit: cover;}
.gallery_box_figure:before, .gallery_box_figure:after {content: '';background-color: var(--color);position: absolute;z-index: 1;top: 50%;left: 50%;opacity: 0;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.gallery_box_figure:before {width: 100%; height: 2px; }
.gallery_box_figure:after {height: 100%; width: 2px; } 
.gallery_box_figure figcaption {position: absolute; left: 0; bottom: 0; }
.gallery_box_figure h3 {font-weight: 400; padding: 8px 15px;font-size: 1rem; margin: 0; opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); }
.gallery_box_figure a {position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; }
.gallery_box_figure:hover img, .gallery_box_figure.hover img {zoom: 1; filter: alpha(opacity=25); -webkit-opacity: 0.25; opacity: 0.25; }
.gallery_box_figure:hover:before, .gallery_box_figure.hover:before, .gallery_box_figure:hover:after, .gallery_box_figure.hover:after {opacity: 1; }
.gallery_box_figure:hover:before, .gallery_box_figure.hover:before {width: 50px; } .gallery_box_figure:hover:after, .gallery_box_figure.hover:after {height: 50px; }
.gallery_box_figure:hover h3, .gallery_box_figure.hover h3 {-webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; }
.gallery_shape2{position: absolute;top: -20px;right: -20px;width: 100px;height: 100px;object-fit: contain;}

/* GALERI VIDEO BOX */
.video_galeri_box .bulten_box{position: relative; display: flex; position: relative;width: 100%;height: 100%;justify-content: center;align-items: center;border-radius: 10px;}
.video_galeri_box .bulten_box a{display: flex;flex-wrap: wrap; width: 100%;height: 100%;}
.video_galeri_box a .img{position: relative; display: flex;justify-content: center;align-items: center; width: 100%;height: 180px;border-radius: 15px;overflow: hidden;}
.bulten_box a .img{position: relative; display: flex;justify-content: center;align-items: center; width: 100%;height: 100%;border-radius: 15px;overflow: hidden;}
.video_galeri_box a .img img{width: 100%;height: 100%;object-fit: cover;}
.bulten_box a .img img{width: 100%;height: 100%;object-fit: cover;}
.video_galeri_box > a > .title{display: flex;width: 100%;font-size: 0.8rem;color: var(--black2);text-align: center;justify-content: center;}
.video-play-button2 {position: absolute; z-index: 10;display: flex;justify-content: center;align-items: center; width: 30px; height: 30px; /* background: #fa183d; */ border-radius: 50%;}
.video-play-button2:before {content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 50px; height: 50px; background: #ba1f24; border-radius: 50%; -webkit-animation: pulse-border 1500ms ease-out infinite; animation: pulse-border 1500ms ease-out infinite; }
.video-play-button2:after {content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 50px; height: 50px; background: #fa183d; border-radius: 50%; transition: all 200ms; }
.video-play-button2:hover:after {background-color: #da0528; }
.video-play-button2 > i{position: absolute;z-index: 3;color: var(--white);font-size: 1.4rem;}
@-webkit-keyframes pulse-border {0% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } }
@keyframes pulse-border {0% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } }