[data-liquid-masonry="true"]{ transition: height .45s cubic-bezier(0.23, 1, 0.32, 1);}
.ld-media-row{  flex-flow: row wrap;}
.d-flex{  display: flex !important;}
.ld-media-item{  position: relative;  overflow: hidden;  color: #fff;}
.liquid-media-element-custom-height .ld-media-item, .liquid-media-element-custom-height figure{  height: 100%;}
.gallery-img .ld-media-item, .gallery-img figure{height: 100%;}
.ld-media-item figure{ background-size: cover; transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);}
img, legend{ border: 0;}
img{  vertical-align: middle;}
img{  max-width: 100%;  height: auto;}
.ld-lazyload{  opacity: .0001;  transition: opacity 1s;}
.ld-media-item img{  width: 100%;}
.ld-lazyload.loaded{  opacity: 1;}
.ld-media-item figure[data-responsive-bg] img{  visibility: hidden;}

.gallery-inner { margin-inline-start: -10px; margin-inline-end: -10px; position:relative; width:calc(100% + 20px); aspect-ratio:1220/665;}
.gallery-img{ padding-inline-start: 10px; padding-inline-end: 10px; margin-bottom: 20px;}
/*#gi_1 { width:50%; height: 50vw; position:absolute; top:0; left:0;}
#gi_2 { width:50%; height: 25vw; position:absolute; top:0; left:50%;}
#gi_3 { width:25%;height: 22vw; position:absolute; top: 25vw; left:50%;}
#gi_4 { width:25%;height: 22vw; position:absolute; top: 25vw; left:75%;}
#gi_1 .ld-media-item {height: 50vw;}
#gi_2 .ld-media-item {height: 25vw;}
#gi_3 .ld-media-item {height: 22vw;}
#gi_4 .ld-media-item {height: 22vw;}*/

#gi_1 { width:50%; aspect-ratio: 620 / 645; position:absolute; top:0; left:0;}
#gi_2 { width:50%; aspect-ratio: 620 / 312; position:absolute; top:0; left:50%;}
#gi_3 { width:25%; aspect-ratio: 310 / 312; position:absolute; bottom:0; left:50%;}
#gi_4 { width:25%; aspect-ratio: 310 / 312; position:absolute; bottom:0; left:75%;}

@media only screen and (max-width: 767px) {
.gallery-inner { margin-inline-start: -10px; margin-inline-end: -10px; position:relative; width:calc(100% + 20px); aspect-ratio:auto;}
#gi_1 { width:100%; aspect-ratio: auto; position:static;}
#gi_2 { width:100%; aspect-ratio: auto; position:static;}
#gi_3 { width:100%; aspect-ratio: auto; position:static;}
#gi_4 { width:100%; aspect-ratio: auto; position:static;}
}
/*#gi_1 .ld-media-item {height: 50vw;}
#gi_2 .ld-media-item {height: 25vw;}
#gi_3 .ld-media-item {height: 22vw;}
#gi_4 .ld-media-item {height: 22vw;}*/

.liquid-overlay-link { display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: start; overflow: hidden; text-indent: -99999px;}
.ld-media-icon, .ld-media-item-overlay { transition-duration: .45s; transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);}
.ld-media-bg, .ld-media-item-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.ld-media-item-overlay { padding: 30px; opacity: 0; visibility: hidden; color: #fff; transition-property: opacity,visibility;}
.ld-media-bg { background-color: rgba(0,0,0,.4);}
.ld-media-content { position: relative; z-index: 2;}
.align-items-center { align-items: center !important;}
.justify-content-center { justify-content: center !important;}
.ld-media-item .ld-media-txt h3,.ld-media-item .ld-media-txt h6{margin:0;color:inherit;opacity:0;transform:translateY(10px);transition-property:transform,opacity;transition-duration:.45s;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}
.ld-media-item .ld-media-txt h3{margin-bottom:.25em}
.ld-media-item .ld-media-txt h6{font-size:12px}
.ld-media-item figure{background-size:cover;transition:transform 1s cubic-bezier(0.19, 1, 0.22, 1); background-position:center center;}
.ld-media-item figure[data-responsive-bg] img{visibility:hidden}
.ld-media-item img{width:100%}
.ld-media-item.shadow-onhover{transition:box-shadow .3s;box-shadow:0 0 0 rgba(0,0,0,0)}
.ld-media-item.contents-visible .ld-media-txt h3,.ld-media-item.contents-visible .ld-media-txt h6{opacity:1;visibility:visible;transform:none}
.ld-media-item.contents-visible .ld-media-bg,.ld-media-item.contents-visible .ld-media-icon,.ld-media-item.contents-visible .ld-media-item-overlay{opacity:1;visibility:visible;transform:none}
.ld-media-item:hover .ld-media-txt h3,.ld-media-item:hover .ld-media-txt h6{transform:translateY(0)}
.ld-media-item:hover .ld-media-txt h3{opacity:1;transition-delay:.1s}
.ld-media-item:hover .ld-media-txt h6{opacity:.4;transition-delay:.2s}
.ld-media-item:hover figure{transition-duration:10s;transform:scale(1.1)}
.ld-media-item:hover .ld-media-item-overlay{opacity:1;visibility:visible}
.ld-media-item:hover .ld-media-icon{transform:scale(1);opacity:1;transition-delay:.1s}
.ld-media-item:hover .liquid-overlay-link{z-index:3}.ld-media-item:hover.shadow-onhover{box-shadow:0 50px 75px rgba(0,0,0,.25)}
.ld-media-item:hover.contents-visible .icon-play{transform:scale(1.1);border-width:1px}
.liquid-media-element-custom-height .ld-media-item,.liquid-media-element-custom-height figure{height:100%}
.ld-media-row{flex-flow:row wrap}
.ld-media-row>div{margin-bottom:30px}
@keyframes modalDefaultContainer{from{opacity:0;transform:perspective(600px) translate3d(0, 25%, 0) rotate3d(1, 0, 0, -3deg)}to{opacity:1;transform:perspective(600px) translate3d(0, 0, 0) rotate3d(0, 0, 0, 0)}}
@keyframes modalDefaultContent{from{opacity:0;transform:translate3d(0, 50px, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}
@keyframes modalFullscreenContainer{from{height:0;transform-origin:top}to{height:100vh}}
@keyframes modalFullscreenContent{from{opacity:0;transform:translate3d(0, 50px, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}