/* AH Horizontal Scroller - v1.2.3 */
.ah-hscroll{ position:relative; width:100%; }
.ah-wrap{ position: relative; width:100%; height: var(--ah-wrap-h, 800px); }
.ah-holder{ position: relative; height: var(--ah-bh, 480px); display:flex; align-items:center; background:transparent; z-index:5; }
.ah-holder.is-fixed{ position: fixed; bottom: var(--ah-bottom, 50px); left: var(--ah-left, 0px); width: var(--ah-width, 100%); }
.ah-holder.is-after{ position: absolute; bottom: 0; left: 0; right: 0; }
.ah-track{ display:flex; align-items:center; transform: translate3d(0,0,0); will-change: transform; }
.ah-slide{ position:relative; width:var(--ah-bw,528px); height:var(--ah-bh,480px); flex:0 0 auto; overflow:hidden; border-radius:12px; background:#111; }
.ah-media{ width:100%; height:100%; object-fit:cover; display:block; }
.ah-title-top{ position:absolute; top:10px; padding:10px 14px; font-weight:700; font-size:18px; line-height:1.25; color:#fff; background:rgba(0,0,0,.45); border-radius:12px; max-width:calc(100% - 20px); white-space:normal; overflow:hidden; text-overflow:clip; }
.ah-hscroll[data-title-width="full"] .ah-title-top{ left:0; right:0; width:100%; max-width:100%; border-radius:12px; }
.ah-hscroll[data-title-width="auto"] .ah-title-top{ width:auto; max-width:calc(100% - 20px); }
.ah-hscroll[data-title-align="left"]  .ah-title-top{ left:0; right:auto; text-align:left; margin-left:10px; margin-right:10px; }
.ah-hscroll[data-title-align="center"] .ah-title-top{ left:50%; transform:translateX(-50%); text-align:center; right:auto; margin-left:0; margin-right:0; }
.ah-hscroll[data-title-width="full"][data-title-align="center"] .ah-title-top{ left:0; transform:none; text-align:center; }
.ah-hscroll[data-title-align="right"] .ah-title-top{ right:0; left:auto; text-align:right; margin-left:10px; margin-right:10px; }
.ah-hscroll[data-title-width="full"][data-title-align="right"] .ah-title-top{ right:0; left:0; }