section.flyover{background:#28603D}section.flyover .wrapper .content h3,section.flyover .wrapper .content p,section.flyover .wrapper .content p *{color:#fff}section.flyover .wrapper .hole-wrap{background:#F1DC4E;border-radius:1rem;margin-top:2rem;padding:1rem;display:flex;align-items:center;justify-content:center;flex-direction:column-reverse;flex-wrap:auto;gap:2rem}section.flyover .wrapper .hole-wrap .carousel{width:100%}section.flyover .wrapper .hole-wrap .swiper-navigation{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:auto}section.flyover .wrapper .hole-wrap .swiper-navigation .swiper-flyover-prev{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:auto;width:46px;height:46px;min-width:46px;min-height:46px;background:#FFF;border-radius:2rem 0 0 2rem;margin-right:-1rem}section.flyover .wrapper .hole-wrap .swiper-navigation .swiper-flyover-prev svg{width:20px;height:20px;min-width:20px;min-height:20px}section.flyover .wrapper .hole-wrap .swiper-navigation .swiper-flyover-next{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:auto;width:46px;height:46px;min-width:46px;min-height:46px;background:#FFF;border-radius:0 2rem 2rem 0;margin-left:-1rem}section.flyover .wrapper .hole-wrap .swiper-navigation .swiper-flyover-next svg{width:20px;height:20px;min-width:20px;min-height:20px}section.flyover .wrapper .hole-wrap .hole-numbers{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:auto}section.flyover .wrapper .hole-wrap .hole-numbers .prev{background:#FFF;padding:.5rem 2rem .5rem 1rem;margin-right:-1rem;height:46px}section.flyover .wrapper .hole-wrap .hole-numbers .prev p{font-size:1.125rem}section.flyover .wrapper .hole-wrap .hole-numbers .next{background:#FFF;padding:.5rem 1rem .5rem 2rem;margin-left:-1rem;height:46px}section.flyover .wrapper .hole-wrap .hole-numbers .next p{font-size:1.125rem}section.flyover .wrapper .hole-wrap .hole-numbers .active{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:auto;position:relative;width:130px;aspect-ratio:1/1;border-radius:130px;border:solid 8px #FFF;text-align:center}section.flyover .wrapper .hole-wrap .hole-numbers .active .ball{position:absolute;top:0;left:0;width:100%;height:100%}section.flyover .wrapper .hole-wrap .hole-numbers .active .content{position:relative;z-index:2}section.flyover .wrapper .hole-wrap .hole-numbers .active .content h5{margin-bottom:0}section.flyover .wrapper .hole-wrap .hole-detail{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:auto;margin-top:2rem}section.flyover .wrapper .hole-wrap .hole-detail .top{display:flex;align-items:flex-start;justify-content:center;flex-direction:row;flex-wrap:auto;gap:1rem;margin-bottom:1.5rem}section.flyover .wrapper .hole-wrap .hole-detail .top h4{margin-bottom:0;font-size:1.375rem}section.flyover .wrapper .hole-wrap .hole-detail .top h4.distance{text-align:center}section.flyover .wrapper .hole-wrap .hole-detail .top h4 span{display:block;font-family:Lato,sans-serif;font-weight:500;font-size:1rem;color:#171b40;line-height:1.3}section.flyover .wrapper .hole-wrap .hole-detail .top .line{height:24px;width:3px;border-radius:4px;background:#171B40}section.flyover .wrapper .hole-wrap .hole-detail .desc{max-width:543px;text-align:center}section.flyover .wrapper .hole-wrap .hole-imgs{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:auto;position:relative;height:500px}section.flyover .wrapper .hole-wrap .hole-imgs .hole-img{position:absolute;opacity:0;max-width:393px;height:480px;aspect-ratio:.8/1;width:100%;transition:all .3s ease}section.flyover .wrapper .hole-wrap .hole-imgs .hole-img img{width:100%;height:100%;object-fit:contain;object-position:center}section.flyover .wrapper .hole-wrap .hole-imgs .hole-img.active{opacity:1}section.flyover .flyover-video{position:fixed;bottom:-100%;left:0;width:100%;height:100%;z-index:999999999;background:rgba(0,0,0,.8);padding:1rem;display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:auto;opacity:0;transition:all .3s ease}section.flyover .flyover-video.active{bottom:0;opacity:1}section.flyover .flyover-video .video{position:relative;aspect-ratio:16/9;width:100%;max-height:100%;overflow:hidden}section.flyover .flyover-video .video video{width:100%;height:100%;object-fit:contain;object-position:center}section.flyover .flyover-video .close{position:absolute;bottom:1.5rem;left:0;right:0;margin:0 auto;border:solid 1px #FFF;border-radius:5rem;background:transparent;width:max-content;cursor:pointer;color:#fff;font-size:1rem;font-weight:700;padding:.5rem 1rem;transition:all .3s ease}section.flyover .flyover-video .close:hover{background:#FFF;color:#000}@media only screen and (min-width: 992px){section.flyover .wrapper .content{text-align:center}section.flyover .wrapper .hole-wrap{flex-direction:row}section.flyover .wrapper .hole-wrap .hole-imgs .hole-img{height:500px}section.flyover .wrapper .hole-wrap .carousel{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:auto;max-width:583px}section.flyover .wrapper .hole-wrap .carousel .swiper{width:100%}section.flyover .wrapper .hole-wrap .hole-detail .top h4{font-size:1.6875rem}section.flyover .wrapper .hole-wrap .hole-detail .top .line{height:28px}section.flyover .flyover-video .close{bottom:3rem;padding:1rem 1.5rem}}
