/** Custom CSS: Writen By: JAM Studios LLC — jason@jmarsh.com — Q1 2024 **/

/* Web Fonts */
@font-face {
	font-family:'PoppinsLight';
	src:URL('../webfonts/Poppins-Light.ttf') format('truetype');
	font-style:normal;
	font-weight:normal;
}
@font-face {
	font-family:'PoppinsRegular';
	src:URL('../webfonts/Poppins-Regular.ttf') format('truetype');
	font-style:normal;
	font-weight:normal;
}
@font-face {
	font-family:'PoppinsSemiBold';
	src:URL('../webfonts/Poppins-SemiBold.ttf') format('truetype');
	font-style:normal;
	font-weight:normal;
}
@font-face {
	font-family:'PoppinsBold';
	src:URL('../webfonts/Poppins-Bold.ttf') format('truetype');
	font-style:normal;
	font-weight:normal;
}

/* Global Styles */
body { background-color:#161616; color:#fff; padding:0; margin-bottom:3vw; font-family:'PoppinsRegular'; font-size:14px; }
h1,h2,h3,h4,h5,h6 { padding:0; margin:0; font-weight:normal; }
a,
a:visited { color:#ff5758; text-decoration:none; transition:color 0.3s linear; }
a:hover { color:#fff; }

.buttons button { display:flex; justify-content:center; align-items:center; background-color:#ff5758; color:#fff; border:1px solid #fff; transition:box-shadow 0.3s linear,opacity 0.3s linear,border-color 0.3s linear; border-radius:0.5vw; padding:0.2vw 1vw; font-size:0.75vw; text-transform:uppercase; }
.buttons button:hover { cursor:pointer; box-shadow:0 0 0.5vw #ff5758; }
.buttons button span:before { content:'';display:inline-block; position:relative; top:0.075vw; width:0; height:0; border-top:0.5vw solid transparent; border-bottom:0.5vw solid transparent; border-left:0.5vw solid #fff; }


/* Menu Bar */
.menubar { padding:10px 20px; display:flex; align-items:center; justify-content:space-between; }
.menubar #brand { width:3vw; height:3vw; min-width:64px; min-height:64px; display:inline-block; background-image:URL('../images/logo-white.avif'); background-repeat:no-repeat; background-position:center center; background-size:contain; }

/* Media Player */
.mplayer { display:none; position:fixed; top:0; bottom:0; left:0; right:0; background-color:#000; z-index:999; }
.mplayer .vidbox { display:flex; width:auto; height:100vh; position:relative; }
.mplayer .vidbox .overlay { position:absolute; top:0; left:0; bottom:0; right:0; background-color:rgba(0,0,0,0.3); z-index:2; display:none; justify-content:center; align-items:center; }
.mplayer .vidbox .overlay.pause:before { content:'\23F8'; font-size:10vw; color:#fff; }
.mplayer .vidbox video { width:100%; height:100%; }
.mplayer #bookbox { position:absolute; z-index:999; overflow:hidden; max-width:0; top:0; bottom:0; left:0; background-color:rgba(0,0,0,1); transition:max-width 0.3s linear; }
.mplayer #bookbox.active { max-width:20vw; }
.mplayer #bookbox .bookform { display:flex; }
.mplayer .conbox { display:none; flex-direction:column; position:absolute; z-index:3; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.7); }
.mplayer .conbox .seekbar { background-color:rgba(255,255,255,0.2); width:100%; height:5px; position:relative; overflow:visible; top:10px; }
.mplayer .conbox .seekbar:hover { cursor:pointer; }
.mplayer .conbox .seekbar a.seekhandle { display:inline-block; height:15px; width:15px; background-color:#f00; position:absolute; z-index:2; left:0; top:-5px; border-radius:30px; }
.mplayer .conbox .seekbar a.seekhover { display:inline-block; width:0; height:5px; position:absolute; background-color:rgba(255,255,255,0.3); }
.mplayer .conbox .seekbar .timebar { background-color:#f00; width:0; height:5px; position:absolute; left:0; top:0; display:flex; align-items:center; }
.mplayer .conbox .seekbar .duration { position:absolute; right:20px; top:15px; }
.mplayer .conbox .seekbar .duration .elapsed { color:#f00; }
.mplayer .conbox .conbtns { position:relative; display:flex; justify-content:center; align-items:center; margin-top:20px; }
.mplayer .conbox .btntitle { height:0; opacity:0; padding:5px 0 0; position:relative; text-align:center; text-shadow:0 0 5px #000; transition:height 0.3s linear, opacity 0.3s linear; }
.mplayer .conbox .btntitle.active { height:15px; opacity:1; }
.mplayer .conbox .conbtns .volume { padding:0; position:absolute; top:0; left:0px; }
.mplayer .conbox .conbtns .volume .mute { position:absolute; display:block }
.mplayer .conbox .conbtns .volume .mute.off { display:none; }
.mplayer .conbox .conbtns .volume .mute.on { display:block; }
.mplayer .conbox .conbtns .volume .volbar { background-color:rgba(255,255,255,0.2); width:100px; height:5px; position:absolute; left:60px; top:calc(50% - 5px); overflow:visible; }
.mplayer .conbox .conbtns .volume .volbar:hover { cursor:pointer; }
.mplayer .conbox .conbtns .volume .levelbar { background-color:#f00; padding:0; width:60px; height:5px; position:absolute; left:0; top:0; display:flex; }
.mplayer .conbox .conbtns .volume a.volhandle { display:inline-block; padding:0; height:15px; width:15px; background-color:#f00; position:absolute; z-index:2; left:60px; top:-5px; border-radius:30px; }
.mplayer .conbox .conbtns .volume a.volhover { display:inline-block; padding:0; width:0; max-width:100px !important; height:5px; top:0; left:0; position:absolute; background-color:rgba(255,255,255,0.3); }
.mplayer .conbox .conbtns .volume .levelbar.dimmed,
.mplayer .conbox .conbtns .volume a.volhandle.dimmed { background-color:#666; }
.mplayer .conbox .conbtns .volume .dimmed:hover { cursor:default; }
.mplayer .conbox .conbtns a,
.mplayer .conbox .conbtns .volume { display:inline-block; height:100%; width:30px; padding:0 10px; }
.mplayer .conbox .conbtns a:hover { cursor:pointer; }
.mplayer .conbox .conbtns a .mpb { transition:fill 0.3s linear, stroke 0.3s linear; }
.mplayer .conbox .conbtns a:hover .mpb.f,
.mplayer .conbox .conbtns .volume .mute.off.active .mpb.f { fill:#f00; }
.mplayer .conbox .conbtns a:hover .mpb.s,
.mplayer .conbox .conbtns .volume .mute.off.active .mpb.s { stroke:#f00; }
.mplayer .conbox .conbtns a img { width:100%; height:auto; }
.mplayer .conbox .conbtns a.play { display:none; }
.mplayer .conbox .conbtns a.rewind,
.mplayer .conbox .conbtns a.forward { width:20px; }
.mplayer .conbox .sellbox { display:flex; justify-content:space-evenly; align-items:center; height:0; width:100%; transition:height 0.3s linear; overflow:hidden; }
.mplayer .conbox .sellbox.shown { height:140px; }
.mplayer .conbox .sellbox .tile { position:relative; height:5vw; flex:0 0 calc(17% - 1vw); border-radius:8px; background-color:rgba(0,0,0,0.4); overflow:hidden; }
.mplayer .conbox .sellbox .tile:hover { cursor:pointer; background-color:rgba(0,0,0,0.7); }
.mplayer .conbox .sellbox .tile .tilewrap { display:flex; height:100%; }
.mplayer .conbox .sellbox .tile .tilewrap .image { flex: 0 50%; background-repeat:no-repeat; background-size:cover; background-position:center center; border-radius:8px; }

/*.mplayer .conbox .sellbox .tile.flight .tilewrap .image { background-image:URL('../images/book_flight.jpg'); }*/
.mplayer .conbox .sellbox .tile.flight .tilewrap .image { background-image:URL('../images/in-video_promo1.jpg'); background-position:top center; }

/*.mplayer .conbox .sellbox .tile.beon .tilewrap .image { background-image:URL('../images/book_package.jpg'); }*/
.mplayer .conbox .sellbox .tile.beon .tilewrap .image { background-image:URL('../images/in-video_promo2.jpg'); background-position:top center; }

/*.mplayer .conbox .sellbox .tile.train .tilewrap .image { background-image:URL('../images/book_train.jpg'); }*/
.mplayer .conbox .sellbox .tile.train .tilewrap .image { background-image:URL('../images/in-video_promo3.jpg'); background-position:top center; }

/*.mplayer .conbox .sellbox .tile.hotel .tilewrap .image { background-image:URL('../images/book_hotel.jpg'); }*/
.mplayer .conbox .sellbox .tile.hotel .tilewrap .image { background-image:URL('../images/in-video_promo4.jpg'); background-position:top center; }

/*.mplayer .conbox .sellbox .tile.boat .tilewrap .image { background-image:URL('../images/book_boat.jpg'); }*/
.mplayer .conbox .sellbox .tile.boat .tilewrap .image { background-image:URL('../images/in-video_promo5.jpg'); background-position:top center; }



	/* beon shop button */
	@keyframes pulsePin {
		0%, 10% { opacity:0; transform:scale(0) }
		60% { opacity:.45; transform:scale(1.3) }
		100% { opacity:0; transform:scale(2) }
	}
	@keyframes content_pulse {
		0%, 10% { transform:translate3d(0,0,0) rotate(0) scale(.9) }
		60% { transform:translate3d(0,0,0) rotate(0) scale(1.1) }
		70% { transform:translate3d(0,0,0) rotate(0) scale(.9) }
		100% { transform:translate3d(0,0,0) rotate(0) scale(1) }
	}
	@keyframes content_fade {
		0% { opacity:0; }
		50%, 100% { opacity:1; }
	}
	@keyframes rotate {
		0% { stroke-dashoffset:190 }
		100% { stroke-dashoffset:0 }
	}
	.mplayer .v3__button { position:relative; display:block; width:30px; height:30px; }
	.mplayer .v3__pulse { z-index:0; position:absolute; inset:0; box-sizing:border-box; width:100%; height:100%; border-radius:50% 50%; background:#000; transform:scale(.9); opacity:0; animation:pulsePin 1.5s cubic-bezier(.4,0,.2,1) .8s infinite }
	.mplayer .v3__shop { opacity:0; white-space:nowrap; position:absolute; top:calc(50% - 7px); left:25px; padding-left:10px; font-size:14px; line-height:14px; transition:opacity 0.3s linear; }

	.mplayer button.shopBeon { position:absolute; top:2vw; left:2vw; margin:5px; }
	.mplayer button.shopBeon .icon { align-items:center; animation:content_fade .3s .3s cubic-bezier(.4,0,.2,1) forwards,content_pulse 1.5s cubic-bezier(.4,0,.2,1) .8s infinite; color:#fff; display:flex; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; height:100%; justify-content:center; opacity:0; position:absolute;  scale(1.2); transform-origin:center center; width:100%; z-index:5; animation-delay:0.2s, 1.4s; /*animation-duration: 0.6s, 1.5s*/ animation-duration:1.5s,8s; }
	.mplayer button.shopBeon .icon svg { width:75%;height:auto;max-width:75%;max-height:75%; }
	.mplayer button.shopBeon .icon svg path { fill:#fff; }
	.mplayer button.shopBeon .circle { position:absolute; inset:0; width:100%; height:100% }
	.mplayer button.shopBeon .circle circle { animation:rotate .2s cubic-bezier(.4,0,.2,1) .2s forwards; fill:transparent; stroke-dasharray:190 190; stroke-dashoffset:190; stroke-width:60px; transform:translateZ(0) rotate(-90deg) scale(1); transform-origin:50% 50%; transition:.35s stroke-dashoffset; stroke:#fc0; animation-delay:0.2s; animation-duration:0.6s }
	.mplayer button.shopBeon { padding:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:0 0; border:none; color:inherit; display:inline-block; font-size:inherit; line-height:inherit; overflow:visible; text-decoration:none; text-transform:none; transform-origin:center center; transition:.2s transform cubic-bezier(.4,0,.2,1) }
	.mplayer button.shopBeon:hover { cursor:pointer; }
	.mplayer button.shopBeon:hover .v3__shop { opacity:1; }
	.mplayer .pulse { background:#fff; box-shadow:0 0; color:#212121; cursor:pointer; display:block; height:11px; margin:auto; width:11px; z-index:10; bottom:0; left:0; position:absolute; right:0; top:0; z-index:1; border-radius:50% }



.mplayer .conbox .sellbox .tile .tilewrap .title { position:relative; flex:0 0 50%; display:flex; justify-content:center; align-items:center; padding:5px; font-size:0.75vw; font-weight:700; }
.mplayer .conbox .sellbox .tile .tilewrap .title a.star { display:inline-block; position:absolute; z-index:999; top:0; right:5px; font-size:20px; color:#fff; transition:color 0.3s linear; }
.mplayer .conbox .sellbox .tile .tilewrap .title a.star:hover { cursor:pointer; color:#fc0; }
.mplayer .conbox .sellbox .tile .tilewrap .title a.star.active { color:#fc0; }
.mplayer a.close { color:#fc0; position:absolute; z-index:2; top:1vw; right:2vw; text-shadow:0 0 8px #000; }
.mplayer a.close:after { content:'\D7'; font-size:min(max(36px,6vw),48px); }
.mplayer a.close:hover { cursor:pointer; }

/* Hero */
.wrapper { margin:0 auto 3vw; width:90vw; }
.wrapper .hero { position:relative; display:flex; flex-direction:column; justify-content:flex-end; border:1px solid #000; height:27vw; border-radius:8px; margin:0 0.5%; /*background-image:URL('../images/hero.jpg');*/ background-repeat:no-repeat; background-size:cover; background-position:center center }
.wrapper .hero .titleWrap { flex:0 0 40%; display:flex; justify-content:space-between; padding:0 2vw /*2vw*/0 3vw; position:relative; z-index:2; overflow:hidden; }
.wrapper .hero .titleWrap h1,h2,h3,h4,h5,h6 { text-shadow:0 0 1vw rgba(0,0,0,0.5); }
.wrapper .hero .titleWrap h1 { font-family:'PoppinsSemiBold'; line-height:2.5vw; font-size:2.5vw; }
.wrapper .hero .titleWrap h2 { font-size:1.5vw; line-height:1.75vw; }
.wrapper .hero .titleWrap h4 { font-size:1vw; line-height:1.5vw; padding-top:0.75vw; }
.wrapper .hero .titleWrap .ftitle { flex:0 0 calc(50% - 2vw); padding-left:1vw; }
.wrapper .hero .titleWrap .ftitle .buttons { display:flex; justify-content:space-between; width:25%; padding:1vw 0 0; }
.wrapper .hero .titleWrap .ftitle .buttons > * { display:inline-flex; padding:0.25vw 1.5vw; border-radius:1vw; font-size:1vw; align-items:center; justify-content:space-evenly; flex-wrap:nowrap; white-space:nowrap; }
.wrapper .hero .titleWrap .ftitle .buttons .play { border:1px solid #fff; text-transform:uppercase; background-color:#ff5758; color:#fff; transition:box-shadow 0.3s linear; }
.wrapper .hero .titleWrap .ftitle .buttons .play:hover { cursor:pointer; box-shadow:0 0 0.5vw #ff5758; }
.wrapper .hero .titleWrap .ftitle .buttons .play:before { content:''; padding-right:0.25vw; display:inline-block; width:0; height:0; border-top:0.5vw solid transparent; border-bottom:0.5vw solid transparent; border-left:0.5vw solid #fff; }
.wrapper .hero .titleWrap .ftitle .buttons button span:before { display:none; }
.wrapper .hero .titleWrap .ftitle .buttons .info { border:1px solid #000; text-transform:capitalize; background-color:#fff; color:#000; }
.wrapper .hero .titleWrap .ftitle .buttons .info:hover { cursor:pointer; }

.wrapper .hero .titleWrap .epList { flex:0 0 48%; padding-left:1vw; display:flex; flex-direction:column; justify-content:flex-end; }
.wrapper .hero .titleWrap .epList h4 { padding:0 0 0.15vw; }
.wrapper .hero .titleWrap .epList .etiles { display:flex; /*justify-content:space-between;*/ overflow:hidden; }
.wrapper .hero .titleWrap .epList .etiles .tile { position:relative; flex:0 0 9vw; width:9vw; margin:0 0.62vw; height:6vw; display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-end; border:1px solid #000; border-radius:5px; /*background-image:URL('../images/hero.jpg');*/ background-repeat:no-repeat; background-size:cover; background-position:center center; }
.wrapper .hero .titleWrap .epList .etiles .tile:before { content:''; display:block; position:absolute; top:0; left:0; bottom:0; right:0; border-radius:5px; background-image:linear-gradient(transparent,rgba(0,0,0,1)); }
.wrapper .hero .titleWrap .epList .etiles .tile:first-child { margin-left:0; }
.wrapper .hero .titleWrap .epList .etiles .tile:last-child { margin-right:0; }
.wrapper .hero .titleWrap .epList .etiles .tile .buttons { position:relative; z-index:1; width:100%; flex:0 0 auto; padding:5px 0 0; display:flex; align-items:flex-end; justify-content:flex-end; /*background-image:linear-gradient(transparent,rgba(0,0,0,1));*/ }
.wrapper .hero .titleWrap .epList .etiles .tile .buttons button { opacity:0.7; width:100%; background-color:#ff5758; color:#fff; border:1px solid #ff5758; transition:box-shadow 0.3s linear,opacity 0.3s linear,border-color 0.3s linear; border-radius:5px; padding:0.125vw 0.5vw; font-size:0.5vw; }
.wrapper .hero .titleWrap .epList .etiles .tile .buttons button:hover { opacity:1; cursor:pointer; box-shadow:0 0 0.5vw #ff5758; }
.wrapper .hero .titleWrap .epList .etiles .tile .buttons button span:before { content:''; display:inline-block; width:0; height:0; border-top:0.25vw solid transparent; border-bottom:0.25vw solid transparent; border-left:0.25vw solid #fff; }
.wrapper .hero .titleWrap .epList .etiles .tile .title { position:relative; z-index:1; width:calc(100% - 0.5vw); flex:1; display:flex; align-items:end; /*background-image:linear-gradient(transparent,rgba(0,0,0,1));*/ padding:0 0.25vw; }

.hero-wrap { position:relative; height:27vw; }
.hero-wrap .hero { position:absolute; display:none; top:0; left:0; bottom:0; right:0; }
.hero-wrap .hero.active { display:flex; }
.hero-wrap .overlay { z-index:999; border-radius:8px; margin:0 0.5%; background-image:linear-gradient(transparent,rgba(0,0,0,0.6)); position:absolute; width:99%; top:0; bottom:-1px; z-index:1; }

.wrapper .hero .titleWrap .epList.active-glider { position:relative; flex:0 0 48%; width:48%; align-self:end; padding-left:1vw; display:block; }
.wrapper .hero .titleWrap .epList.active-glider .glider { /*height:6vw;*/ display:flex; justify-content:space-between; overflow:hidden; }
.wrapper .hero .titleWrap .epList.active-glider .glider .glider-track { height:6.1vw; }
.wrapper .hero .titleWrap .epList.active-glider .glider .tile { position:relative; min-width:9vw; width:9vw; margin:0 0.62vw; display:flex; flex-direction:column; align-items:end; border:1px solid #000; border-radius:5px; /*background-image:URL('../images/hero.jpg');*/ background-repeat:no-repeat; background-size:cover; background-position:center center; }
.wrapper .hero .titleWrap .epList.active-glider .glider .tile:before { content:''; display:block; position:absolute; top:0; left:0; bottom:0; right:0; border-radius:5px; background-image:linear-gradient(transparent,rgba(0,0,0,1)); }
.wrapper .hero .titleWrap .epList.active-glider .glider .tile:first-child { margin-left:0; }
.wrapper .hero .titleWrap .epList.active-glider .glider .tile:last-child { margin-right:0; }
.wrapper .hero .titleWrap .epList.active-glider .glider .tile .buttons { position:relative; z-index:1; width:100%; flex:0 0 auto; padding:5px 0 0; display:flex; align-items:flex-end; justify-content:flex-end; /*background-image:linear-gradient(transparent,rgba(0,0,0,1));*/ }
.wrapper .hero .titleWrap .epList.active-glider .glider .tile .buttons button { opacity:0.7; width:100%; background-color:#ff5758; color:#fff; border:1px solid #ff5758; transition:box-shadow 0.3s linear,opacity 0.3s linear,border-color 0.3s linear; border-radius:5px; padding:0.125vw 0.5vw; font-size:0.5vw; }
.wrapper .hero .titleWrap .epList.active-glider .glider .tile .buttons button:hover { opacity:1; cursor:pointer; box-shadow:0 0 0.5vw #ff5758; }
.wrapper .hero .titleWrap .epList.active-glider .glider .tile .buttons button span:before { content:''; display:inline-block; width:0; height:0; border-top:0.25vw solid transparent; border-bottom:0.25vw solid transparent; border-left:0.25vw solid #fff; }
.wrapper .hero .titleWrap .epList.active-glider .glider .tile .title { position:relative; z-index:1; width:calc(100% - 0.5vw); flex:1; display:flex; align-items:end; /*background-image:linear-gradient(transparent,rgba(0,0,0,1));*/ padding:0 0.25vw; }

.wrapper .label { margin-top:2vw; border-top:1px solid #2f2f2f; }
.wrapper .label > div { padding:10px 10px 0; }
.wrapper .label > div h3 { font-size:calc(1.75vw); }

.wrapper .grid { display:flex; flex-wrap:wrap; }
.wrapper .grid .col { border-radius:8px; flex:0 0 calc(20% - 1vw); margin:0.5vw; background-color:#282828; }
.wrapper .glider .col { border-radius:8px; margin:0.5vw; background-color:#282828; }
.wrapper .grid .col > div,
.wrapper .glider .col > div { padding:0.5vw; }
.wrapper .grid .col > div .vimg,
.wrapper .glider .col > div .vimg { border-radius:8px; width:100%; height:9vw; background-repeat:no-repeat; background-size:cover; background-position:center center; }
.wrapper .grid .col > div .vtitle,
.wrapper .glider .col > div .vtitle { padding:0.25vw 0; }
.wrapper .grid .col > div .vtitle h4,
.wrapper .glider .col > div .vtitle h4 { font-family:'PoppinsSemiBold'; font-size:calc(1.1vw); }
.wrapper .grid .col > div .vtitle h5,
.wrapper .glider .col > div .vtitle h5 { font-family:'PoppinsLight'; font-size:calc(0.95vw); font-weight:normal; }

.episode-prev,
.episode-next { position:absolute; top:50%; display:inline-block; }
.episode-prev { left:-0.75vw; transform:rotate(180deg); -webkit-transform:rotate(180deg); }
.episode-next { right:-1.5vw; }
.episode-prev.arrow svg,
.episode-next.arrow svg { width:auto; height:2vw; }
.episode-prev.arrow svg path,
.episode-next.arrow svg path { fill:rgba(255,255,255,0.7); transition:fill 0.3s linear; }
.episode-prev.arrow:hover svg path,
.episode-next.arrow:hover svg path { fill:rgba(255,87,88,1); }
.episode-prev.arrow.left.disabled svg path,
.episode-next.arrow.right.disabled svg path { fill:rgba(255,255,255,0.02); }
.episode-prev.arrow.left.disabled:hover,
.episode-next.arrow.right.disabled:hover { cursor:default; }
.episode-prev.arrow.left:not(.disabled):hover svg path,
.episode-next.arrow.right:not(.disabled):hover svg path { fill:rgba(255,87,88,1); }
.active-glider .episode-prev.arrow,
.active-glider .episode-next.arrow { display:inline-block; }

.hero-prev,
.hero-next { position:absolute; top:calc(50% - 2vw); display:inline-block; }
.hero-prev { left:-2.75vw; transform:rotate(180deg); -webkit-transform:rotate(180deg); }
.hero-next { right:-2.75vw; }
.hero-prev.arrow svg,
.hero-next.arrow svg { width:auto; height:4vw; }
.hero-prev.arrow svg path,
.hero-next.arrow svg path { fill:rgba(255,255,255,0.3); transition:fill 0.3s linear; }
.hero-prev.arrow:hover svg path,
.hero-next.arrow:hover svg path { fill:rgba(255,87,88,1); }

.glider-wrap .col .play:hover,
.glider-wrap .col > div[data-src]:hover { cursor:pointer; }

.glider-wrap { position:relative; }
.glider { scrollbar-width:none; }
.glider::-webkit-scrollbar { display:none; }
.glider-wrap .arrow { position:absolute; top:calc(50% - 2vw); display:none; }
.glider-wrap .arrow.left svg,
.glider-wrap .arrow.right svg { width:auto; height:4vw; }
.glider-wrap .arrow.left svg path,
.glider-wrap .arrow.right svg path { fill:rgba(255,255,255,0.3); transition:fill 0.3s linear; }
.glider-wrap .arrow.left { transform:rotate(180deg); -webkit-transform:rotate(180deg); left:-2.75vw; }
.glider-wrap .arrow.right { right:-2.75vw; }
.glider-wrap .arrow.left.disabled svg path,
.glider-wrap .arrow.right.disabled svg path { fill:rgba(255,255,255,0.02); }
.glider-wrap .arrow.left.disabled:hover,
.glider-wrap .arrow.right.disabled:hover { cursor:default; }
.glider-wrap .arrow.left:not(.disabled):hover svg path,
.glider-wrap .arrow.right:not(.disabled):hover svg path { fill:rgba(255,87,88,1); }
.glider-wrap.active-glider .arrow { display:inline-block; }

.glider,
.glider-contain { margin:0 auto; position:relative; }
.glider,
.glider-track { transform:translateZ(0); }
.glider-contain { width:100%; }
.glider { overflow-y:hidden; -webkit-overflow-scrolling:touch; -ms-overflow-style:none; }
.glider-track { width:100%; margin:0; padding:0; display:flex; z-index:1; }
.glider.draggable { user-select:none; cursor:-webkit-grab; cursor:grab; }
.glider.draggable .glider-slide img { user-select:none; pointer-events:none; }
.glider.drag { cursor:-webkit-grabbing; cursor:grabbing; }
.glider-slide { user-select:none; justify-content:center; align-content:center; width:100%; min-width:150px; }
.glider-slide img { max-width:100%; }
.glider::-webkit-scrollbar { opacity:0; height:0; }
.glider-hide { opacity:0; }
.glider-dots { user-select:none; display:flex; flex-wrap:wrap; justify-content:center; margin:0 auto; padding:0; }
.glider-dot { display:block; cursor:pointer; color:#ccc; border-radius:999px; background:#ccc; width:12px; height:12px; margin:7px; }
.glider-dot:focus,
.glider-dot:hover { background:#ddd; }
.glider-dot.active { background:#a89cc8; }

/*
@media(max-width:36em) {
    .glider::-webkit-scrollbar {
        opacity: 1;
        -webkit-appearance: none;
        width: 7px;
        height: 3px
    }
    .glider::-webkit-scrollbar-thumb {
        opacity: 1;
        border-radius: 99px;
        background-color: rgba(156, 156, 156, .25);
        -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .25);
        box-shadow: 0 0 1px rgba(255, 255, 255, .25)
    }
}
*/

/*
@media screen and (max-width:1080px) {
	.wrapper { width:98%; }
	.wrapper .hero { height:34vw; }
	.wrapper .label > div h3 { font-size:calc(3vw); }
	.wrapper .grid .col { flex:0 0 calc(33.333333% - 1vw); }
	.wrapper .grid .col > div .vimg { height:18vw; }
	.wrapper .grid .col > div .vtitle h4 { font-size:calc(2.3vw); }
	.wrapper .grid .col > div .vtitle h5 { font-size:calc(2.1vw); }
}
@media screen and (max-width:800px) {
	.wrapper .hero { height:48vw; margin:0; }
	.wrapper .grid .col { flex:0 0 calc(50% - 1.5vw); margin:0.75vw; }
	.wrapper .grid .col > div .vimg { height:27vw; }
	.wrapper .grid .col > div .vtitle h4 { font-size:calc(3.5vw); }
	.wrapper .grid .col > div .vtitle h5 { font-size:calc(3.1vw); }
}
@media screen and (max-width:480px) {
	.wrapper .grid .col { flex:0 0 calc(100% - 2vw); margin:1vw 1vw 1.5vw; }
	.wrapper .grid .col > div .vimg { height:48vw; }
	.wrapper .grid .col > div .vtitle h4 { font-size:calc(6.75vw); }
	.wrapper .grid .col > div .vtitle h5 { font-size:calc(6.25vw); }
}
*/