.hero-section{display:flex;padding:30px 70px}@media all and (max-width:1050px){.hero-section{padding:30px}}@media all and (max-width:768px){.hero-section{padding:0}}.hero-section .hero-main-section{width:100%;position:relative}.hero-section .hero-main-section .top-section{height:31vw;width:100%;display:flex}@media all and (max-width:768px){.hero-section .hero-main-section .top-section{height:auto;flex-direction:column}}.hero-section .hero-main-section .overlay-text{position:absolute;z-index:1;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);font-size:90px;text-transform:uppercase;text-align:center;color:#fff;width:90%;max-width:700px}@media all and (max-width:1050px){.hero-section .hero-main-section .overlay-text{font-size:70px}}@media all and (max-width:768px){.hero-section .hero-main-section .overlay-text{font-size:55px;max-width:500px}}.hero-section .hero-main-section .mobile-make-booking{margin-top:40px;text-align:center;display:none;margin-bottom:20px}@media all and (max-width:768px){.hero-section .hero-main-section .mobile-make-booking{display:block}}.hero-section .hero-main-section .mobile-make-booking .btn{padding:10px 15px 8px}.hero-section .hero-main-section .gallery-slider-wrapper{width:33%;height:100%}@media all and (max-width:768px){.hero-section .hero-main-section .gallery-slider-wrapper{width:100%;height:80vw;padding:20px}}.hero-section .hero-main-section .hero-media{height:100%;position:relative;overflow:hidden;width:66%;margin-right:20px}@media all and (max-width:768px){.hero-section .hero-main-section .hero-media{width:100%;margin-right:0;height:100vh}}.hero-section .hero-main-section .hero-media .mobile-hero-logo{display:none}@media all and (max-width:768px){.hero-section .hero-main-section .hero-media .mobile-hero-logo{display:flex;z-index:10;color:#fff;height:100vh;position:absolute;height:75px;margin:100px auto 0 auto}.hero-section .hero-main-section .hero-media .mobile-hero-logo svg#Layer_1{height:60px;fill:#fff;width:100vw}.hero-section .hero-main-section .hero-media .mobile-hero-logo svg#Layer_1 .st0{fill:#fff}}.hero-section .hero-main-section .hero-media .superzoom{position:absolute;z-index:1;bottom:10px;left:10px;text-transform:uppercase;color:#fff;text-decoration:underline;cursor:pointer}@media all and (max-width:768px){.hero-section .hero-main-section .hero-media .superzoom{left:50%;transform:translatex(-50%)}}.hero-section .hero-main-section .hero-media .video-container{height:100%;width:100%;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}@media all and (max-width:768px){.hero-section .hero-main-section .hero-media .video-container{height:100%;min-width:100%;width:auto}}.hero-section .hero-main-section .hero-media .video-container video{position:absolute;height:auto;width:102%;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}@media all and (max-width:768px) and (max-aspect-ratio:16/9){.hero-section .hero-main-section .hero-media .video-container video{height:100%;width:auto}}.hero-section .hero-main-section .hero-media .superzoom-overlay{display:none;position:fixed;z-index:1000;width:auto;width:100%;height:100%;justify-content:center;align-items:center;top:0;left:0;background-color:rgba(0,0,0,.7)}.hero-section .hero-main-section .hero-media .superzoom-overlay .superzoom-video-wrapper{width:auto;height:auto;max-width:90%;max-height:90vh;border:40px solid #000;position:relative;background:#000}.hero-section .hero-main-section .hero-media .superzoom-overlay .superzoom-video-wrapper video{width:auto;max-width:100%;height:auto;max-height:calc(90vh - 80px)}.hero-section .hero-main-section .hero-media .superzoom-overlay .superzoom-title{position:absolute;left:50%;transform:translatex(-50%);color:#fff;top:-27px}.hero-section .hero-main-section .hero-media .superzoom-overlay .superzoom-close{width:16px;padding:12px;position:absolute;top:-38px;right:-38px;box-sizing:content-box;cursor:pointer}