@keyframes fadeIn{0{opacity:0;transform:scale(.8)}
to{opacity:1;transform:scale(1)}
}
@keyframes fadeOut{0{opacity:1;transform:scale(1)}
to{opacity:0;transform:scale(.8)}
}
@keyframes zoomToFull{0{top:150px;right:100px;width:300px;height:350px;border-radius:150px 150px 0 0}
to{top:0;right:0;width:100%;height:100%;border-radius:0}
}
@keyframes coverToContain{to{top:-38%;right:0;width:100%;height:150%;border-radius:inherit;background-size:var(--w-contain) var(--h-contain);border:0}
}
@keyframes archZoomToFullMobile{to{top:-40%;right:-30%;width:140%;height:150%;border-radius:500px 500px 0 0;transform:scale(1.1)}
}
@keyframes fullToArch{to{top:150px;right:165px;width:350px;height:410px;border-radius:250px 250px 0 0;opacity:1}
}
@keyframes fullToArchLarge{to{top:95px;right:84px;width:300px;height:385px;border-radius:250px 250px 0 0;opacity:1}
}
@keyframes fullToArchSmall{to{top:95px;right:84px;width:270px;height:345px;border-radius:250px 250px 0 0;opacity:1}
}
@keyframes fullToArchMobile{to{top:195px;right:calc(50% - 77px);width:155px;height:198px;border-radius:250px 250px 0 0;opacity:1}
}
.arc-slider-container{position:relative}
.arc-slider-container .start-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .8s ease-in-out}
.arc-slider-container .start-screen picture{width:100%}
.arc-slider-container .start-screen picture img{width:100%;height:auto;object-fit:cover}
.arc-slider-container .start-screen .enter-button{position:absolute;width:100%;height:100%}
.arc-slider-container .start-screen .enter-button.animated-btn-black .animated-arrow-button{position:absolute;right:22%;bottom:14%;transform:translate(22%);box-shadow:0 5px 15px rgba(0,0,0,.3);border:0;background:#fff;width:11% !important;height:52px;justify-content:center;font-size:16px;line-height:24px}
@media(min-width:320px) and (max-width:991px){.arc-slider-container .start-screen .enter-button.animated-btn-black .animated-arrow-button{right:50%;bottom:19%;transform:translate(50%);width:132px !important}
}
.arc-slider-container .start-screen .enter-button.animated-btn-black .animated-arrow-button:hover{background:#fcaf17}
.arc-slider-container .start-screen .enter-button.animated-btn-black .animated-arrow-button:focus{background:#e59f15}
.arc-slider-container .start-screen .enter-button.animated-btn-black .animated-arrow-button:focus,.arc-slider-container .start-screen .enter-button.animated-btn-black .animated-arrow-button:hover{cursor:pointer !important;border:0}
.arc-slider-container .slider{position:relative;width:100%;overflow:hidden}
@media(min-width:320px) and (max-width:991px){.arc-slider-container .slider{height:640px;justify-content:center;align-items:center;text-align:center}
}
.arc-slider-container .slider .slide{position:relative;width:100%;height:660px;display:flex;flex-direction:column;justify-content:end;color:#fff;background-repeat:no-repeat;background-size:contain}
@media(min-width:1024px) and (max-width:1199px){.arc-slider-container .slider .slide{height:520px}
}
@media(min-width:1200px) and (max-width:1280px){.arc-slider-container .slider .slide{height:575px}
}
@media(min-width:1281px) and (max-width:1440px){.arc-slider-container .slider .slide{height:600px}
}
@media(min-width:320px) and (max-width:991px){.arc-slider-container .slider .slide{background-size:100% 46%;background-position:top}
}
.arc-slider-container .slider .slide .slick-arched-section{display:flex;flex-direction:column;justify-content:center;position:absolute;top:130px;right:140px}
@media(min-width:1024px) and (max-width:1440px){.arc-slider-container .slider .slide .slick-arched-section{top:76px;right:66px}
}
@media(min-width:320px) and (max-width:991px){.arc-slider-container .slider .slide .slick-arched-section{align-items:center;top:185px;right:unset;z-index:5}
}
.arc-slider-container .slider .slide .slick-arched-section .arched-container{width:405px;height:410px;border-radius:250px 250px 0 0;border:4px solid #fff;overflow:hidden;box-shadow:inset 20px 80px 84px -10px #3b5246;z-index:4;background-color:#fff}
@media(min-width:1024px) and (max-width:1280px){.arc-slider-container .slider .slide .slick-arched-section .arched-container{width:300px;height:345px}
}
@media(min-width:1281px) and (max-width:1440px){.arc-slider-container .slider .slide .slick-arched-section .arched-container{width:335px;height:385px}
}
@media(min-width:320px) and (max-width:991px){.arc-slider-container .slider .slide .slick-arched-section .arched-container{width:170px;height:198px;border-width:2px}
}
.arc-slider-container .slider .slide .slick-arched-section .arched-container img{width:100%;height:100%;object-fit:cover;object-position:left center;border-radius:inherit;opacity:1;transition:opacity .8s ease-in-out}
@media(min-width:320px) and (max-width:991px){.arc-slider-container .slider .slide .slick-arched-section .arched-container img{object-position:center}
}
.arc-slider-container .slider .slide .slick-arched-section .arched-container img.hidden{opacity:.75}
.arc-slider-container .slider .slide .slick-arched-section .nav-arrows{position:relative;bottom:37.5px;width:100%;display:flex;justify-content:center;align-items:center;pointer-events:auto;gap:10px;z-index:5}
@media(min-width:320px) and (max-width:991px){.arc-slider-container .slider .slide .slick-arched-section .nav-arrows{gap:5px;bottom:25px}
}
.arc-slider-container .slider .slide .slick-arched-section button{background:#fff;color:#000;border:0;border-radius:50%;cursor:pointer;width:75px;height:75px;transition:background-color .8s ease-in-out;display:flex;justify-content:center;align-items:center}
@media(min-width:320px) and (max-width:991px){.arc-slider-container .slider .slide .slick-arched-section button{width:50px;height:50px}
}
.arc-slider-container .slider .slide .slick-arched-section button:hover{background:#f0f0f0}
.arc-slider-container .slider .slide .slick-arched-section button#left{width:60px;height:60px}
@media(min-width:320px) and (max-width:991px){.arc-slider-container .slider .slide .slick-arched-section button#left{width:35px;height:35px}
}
.arc-slider-container .slider .slide .slick-arched-section button img{width:30px;height:30px;object-fit:contain}
@media(min-width:320px) and (max-width:991px){.arc-slider-container .slider .slide .slick-arched-section button img{width:17px;height:17px}
}
@media(min-width:320px) and (max-width:991px){.arc-slider-container .slider .slide .slick-arched-section button img.next-btn,.arc-slider-container .slider .slide .slick-arched-section button img.refresh-btn{width:26px;height:26px}
}
.arc-slider-container .slider .slide .indicators{display:flex;justify-content:center;z-index:5;gap:8px}
@media(min-width:1024px) and (max-width:1440px){.arc-slider-container .slider .slide .indicators{margin-top:-23px}
}
@media(min-width:320px) and (max-width:991px){.arc-slider-container .slider .slide .indicators{gap:8px;width:100vw;justify-content:center;margin-top:-10px}
}
.arc-slider-container .slider .slide .indicators span{display:inline-block;width:10px;height:10px;background:transparent;border-radius:50%;transition:all .8s ease-in-out;border:1px solid #fff;pointer-events:none;opacity:.4;position:relative}
@media(min-width:320px) and (max-width:991px){.arc-slider-container .slider .slide .indicators span{width:8px;height:8px}
}
.arc-slider-container .slider .slide .indicators span.active{background:#fff;opacity:1}
@media(min-width:320px) and (max-width:991px){.arc-slider-container .slider .slide .indicators span.moving,.arc-slider-container .slider .slide .indicators span.moving-out{animation:none}
}
.arc-slider-container .slider .bottom-text{position:absolute;left:0;bottom:0;height:180px;width:100%;padding:35px;z-index:2;transition:background .8s ease-in-out;box-sizing:border-box;display:flex;align-items:center}
@media(min-width:320px) and (max-width:991px){.arc-slider-container .slider .bottom-text{height:55%;padding:12px;justify-content:flex-start;align-items:flex-start;padding-top:160px}
}
.arc-slider-container .slider .bottom-text img{width:auto;height:auto;object-fit:contain}
.arc-slider-container .zooming-bg{position:absolute;top:140px;right:150px;width:350px;height:410px;background-position:50%;border:8px solid #fff;border-radius:250px 250px 0 0;z-index:0;animation:coverToContain 1.5s ease-in-out forwards;background-size:var(--w-cover) var(--h-cover);aspect-ratio:16/4;--rc:1;--ri:2;--w-contain:min(100%,calc(100% * var(--ri) / var(--rc)));--h-contain:min(100%,calc(100% * var(--rc) / var(--ri)));--w-cover:max(100%,calc(100% * var(--ri) / var(--rc)));--h-cover:max(100%,calc(100% * var(--rc) / var(--ri)))}
@media(min-width:1024px) and (max-width:1440px){.arc-slider-container .zooming-bg{top:76px;right:66px}
}
@media(min-width:1024px) and (max-width:1280px){.arc-slider-container .zooming-bg{width:300px;height:345px}
}
@media(min-width:1281px) and (max-width:1440px){.arc-slider-container .zooming-bg{width:335px;height:385px}
}
@media(min-width:320px) and (max-width:991px){.arc-slider-container .zooming-bg{top:185px;right:calc(50% - 85px);width:170px;height:198px;border-radius:250px 250px 0 0;transform:scale(1);background-size:contain;background-position:50%;animation:archZoomToFullMobile 1.5s ease-in-out forwards}
}
@media(min-width:320px) and (max-width:991px) and (max-width:380px){.arc-slider-container .zooming-bg{background-position:bottom}
}
.arc-slider-container .zooming-bg.shrink-to-arch{top:-40%;right:-30%;width:140%;height:150%;border:8px solid #fff;transform:scale(1.1);animation:fullToArch 1.5s ease-in-out forwards;background-size:cover;border-radius:500px 500px 0 0;opacity:1}
@media(min-width:1024px) and (max-width:1280px){.arc-slider-container .zooming-bg.shrink-to-arch{animation:fullToArchSmall 1.5s ease-in-out forwards}
}
@media(min-width:1281px) and (max-width:1440px){.arc-slider-container .zooming-bg.shrink-to-arch{animation:fullToArchLarge 1.5s ease-in-out forwards}
}
@media(min-width:320px) and (max-width:991px){.arc-slider-container .zooming-bg.shrink-to-arch{animation:fullToArchMobile 1.5s ease-in-out forwards}
}