View file File name : style.css Content :.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir="rtl"] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} @font-face{font-family:"Futura";src:url("./assets/fonts/futura/futura.woff2");font-display:swap;font-weight:400}@font-face{font-family:"Futura";src:url("./assets/fonts/futura/Futura-Bold.woff2");font-display:swap;font-weight:700}@font-face{font-family:"Futura";src:url("./assets/fonts/futura/futura-medium.woff2");font-display:swap;font-weight:500}@font-face{font-family:"Futura";src:url("./assets/fonts/futura/FuturaCondensedBQ-ExtraBold.otf");font-display:swap;font-weight:800}@font-face{font-family:"Boomer";src:url("./assets/fonts/XCnd/Boomer.woff2");font-display:swap}@font-face{font-family:"Boomer";src:url("./assets/fonts/XCnd/Boomer-Bold.woff2");font-display:swap;font-weight:700}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;font-weight:400;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{scroll-behavior:smooth}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}a{text-decoration:none;color:inherit}html,body{overflow-x:hidden}img{display:block;height:auto}button{cursor:pointer;margin:0;padding:0;border:0;background-color:rgba(128,128,128,0)}button:focus{outline:none}input,textarea,button{font-family:inherit}strong,b{font-weight:600}em,i{font-style:italic}html{font-size:62.5%;font-family:"Futura",sans-serif;color:#00293C;-webkit-font-smoothing:antialiased}h1,.h1{line-height:.8;font-weight:800}@media (max-width: 375px){h1,.h1{font-size:3.4rem}}@media (min-width: 376px) and (max-width: 1920px){h1,.h1{font-size:calc(3.4rem + 54 * ((100vw - 375px) / (1920 - 375)))}}@media (min-width: 1921px){h1,.h1{font-size:calc( 88 * ((100vw - 4.4vw * 2 - 375px) / (1920 - 375)))}}h2,.h2{line-height:1.3;text-transform:uppercase;font-weight:800}@media (max-width: 375px){h2,.h2{font-size:3rem}}@media (min-width: 376px) and (max-width: 1920px){h2,.h2{font-size:calc(3rem + 10 * ((100vw - 375px) / (1920 - 375)))}}@media (min-width: 1921px){h2,.h2{font-size:calc( 40 * ((100vw - 4.4vw * 2 - 375px) / (1920 - 375)))}}h3,.h3{line-height:1.4;font-family:"Boomer",sans-serif}@media (max-width: 375px){h3,.h3{font-size:1.2rem}}@media (min-width: 376px) and (max-width: 1920px){h3,.h3{font-size:calc(1.2rem + 23 * ((100vw - 375px) / (1920 - 375)))}}@media (min-width: 1921px){h3,.h3{font-size:calc( 35 * ((100vw - 4.4vw * 2 - 375px) / (1920 - 375)))}}h4,.h4,.my-label-class{line-height:1.4;font-weight:700}@media (max-width: 375px){h4,.h4,.my-label-class{font-size:1.8rem}}@media (min-width: 376px) and (max-width: 1920px){h4,.h4,.my-label-class{font-size:calc(1.8rem + 10 * ((100vw - 375px) / (1920 - 375)))}}@media (min-width: 1921px){h4,.h4,.my-label-class{font-size:calc( 28 * ((100vw - 4.4vw * 2 - 375px) / (1920 - 375)))}}h5,.h5,.map__aside-box ul li button,.map--main-styles [aria-hidden="true"]{line-height:1.1;font-family:"Boomer",sans-serif}@media (max-width: 375px){h5,.h5,.map__aside-box ul li button,.map--main-styles [aria-hidden="true"]{font-size:2.4rem}}@media (min-width: 376px) and (max-width: 1920px){h5,.h5,.map__aside-box ul li button,.map--main-styles [aria-hidden="true"]{font-size:calc(2.4rem + 0 * ((100vw - 375px) / (1920 - 375)))}}@media (min-width: 1921px){h5,.h5,.map__aside-box ul li button,.map--main-styles [aria-hidden="true"]{font-size:calc( 24 * ((100vw - 4.4vw * 2 - 375px) / (1920 - 375)))}}h6,.h6{line-height:1.5}@media (max-width: 375px){h6,.h6{font-size:1.6rem}}@media (min-width: 376px) and (max-width: 1920px){h6,.h6{font-size:calc(1.6rem + 2 * ((100vw - 375px) / (1920 - 375)))}}@media (min-width: 1921px){h6,.h6{font-size:calc( 18 * ((100vw - 4.4vw * 2 - 375px) / (1920 - 375)))}}p,.p1,.popup a,li{line-height:1.9}@media (max-width: 375px){p,.p1,.popup a,li{font-size:1.5rem}}@media (min-width: 376px) and (max-width: 1920px){p,.p1,.popup a,li{font-size:calc(1.5rem + 1 * ((100vw - 375px) / (1920 - 375)))}}@media (min-width: 1921px){p,.p1,.popup a,li{font-size:calc( 16 * ((100vw - 4.4vw * 2 - 375px) / (1920 - 375)))}}.map{box-sizing:border-box;padding:1.6rem;overflow:hidden;display:flex;min-height:100vh}@media (min-width: 576px){.map{padding:4rem}}@media (min-width: 1281px){.map{padding:4.4vw 4.4vw 3.2vw}}.map__container{width:100%;background-color:#F8F8F8;min-height:100%;overflow:hidden;display:flex;flex-direction:column;border-radius:2rem 2rem 3rem 3rem;position:relative}@media (min-width: 1025px){.map__container{flex-direction:row}}@media (min-width: 1025px){.map__container{border-radius:3rem}}@media (min-width: 1281px){.map__container{border-radius:1.55vw}}.map__map{width:100%;min-height:64%;border-radius:2rem}@media (min-width: 1025px){.map__map{min-height:100%;height:unset}}@media (min-width: 1025px){.map__map{border-radius:3rem 0 0 3rem}}@media (min-width: 1281px){.map__map{border-radius:1.55vw 0 0 1.55vw}}.map__aside{background-color:#F8F8F8;padding:5rem 1rem 6rem 3rem;box-sizing:border-box;border-radius:0 0 3rem 3rem;overflow-y:auto}.map__aside ::-webkit-scrollbar{width:9px}@media (min-width: 768px){.map__aside ::-webkit-scrollbar{width:12px}}.map__aside ::-webkit-scrollbar-track{border-radius:15px;background:rgba(255,255,255,0.25);border:1px solid rgba(112,112,112,0.05)}.map__aside ::-webkit-scrollbar-thumb{background:white;border:1px solid #707070,0.5;border-radius:15px}@media (min-width: 576px){.map__aside{padding:4rem 5.3rem 5rem 6.3rem}}@media (min-width: 1025px){.map__aside{border-radius:0 3rem 3rem 0;min-width:37rem}}@media (min-width: 1281px){.map__aside{border-radius:0 1.55vw 1.55vw 0;min-width:42rem}}@media (min-width: 1600px){.map__aside{min-width:22vw;padding:2vw 2.65vw 2.55vw 3.2vw}}@media (max-height: 650px){.map__aside{padding:2rem 1rem 2rem 3rem}}.map__aside-box{overflow-y:auto;height:100%;padding-right:2rem}@media (min-width: 1600px){.map__aside-box{padding-right:1.05vw}}.map__aside-box h1{font-weight:800}@media (max-width: 575px){.map__aside-box h1{display:none}}.map__aside-box h1 span{font-weight:800;position:relative}.map__aside-box ul{list-style:none}@media (min-width: 576px){.map__aside-box ul{margin-top:3.5rem}}@media (min-width: 1025px){.map__aside-box ul{margin-top:7.5rem}}@media (min-width: 1600px){.map__aside-box ul{margin-top:3.6vw}}.map__aside-box ul li{padding-bottom:.8rem;border-bottom:2px solid #707070;transition:.3s all}@media (min-width: 1600px){.map__aside-box ul li{padding-bottom:.41vw;border-bottom:.105vw solid #707070}}.map__aside-box ul li.active{border-color:#3F8587}.map__aside-box ul li.active img{opacity:0}.map__aside-box ul li+li{margin-top:3.6rem}@media (min-width: 1600px){.map__aside-box ul li+li{margin-top:1.85vw}}.map__aside-box ul li button{display:flex;align-items:center;justify-content:space-between;color:#3F8587;width:100%}.map__aside-box ul li button img{max-width:.75rem;width:100%;transition:.3s all}@media (min-width: 576px){.map__aside-box ul li button img{margin-right:2.3rem}}@media (min-width: 1600px){.map__aside-box ul li button img{max-width:.38vw;margin-right:1.2vw}}.map__popup{position:absolute;bottom:0;right:0;width:100%;height:53%;padding:2rem 2.8rem 2.6rem 2.4rem;box-sizing:border-box;opacity:0;visibility:hidden;transition:.3s all;background-color:#40868A}@media (min-width: 768px){.map__popup{padding:4.7rem 2rem 6.4rem 3.4rem}}@media (min-width: 1025px){.map__popup{top:0;right:0;width:44%;height:100%}}@media (min-width: 1281px){.map__popup{padding:4.7rem 4.8rem 6.4rem 6.4rem}}@media (min-width: 1441px){.map__popup{width:34%}}.map__popup ::-webkit-scrollbar{width:9px}@media (min-width: 768px){.map__popup ::-webkit-scrollbar{width:12px}}.map__popup ::-webkit-scrollbar-track{border-radius:15px;background:rgba(255,255,255,0.25);border:1px solid rgba(112,112,112,0.25)}.map__popup ::-webkit-scrollbar-thumb{background:white;border:1px solid #707070;border-radius:15px}.map__popup--active{opacity:1;visibility:visible}.map__popup-close{position:absolute;top:2rem;right:1.9rem;width:2.4rem;height:2.4rem;cursor:pointer;z-index:2}@media (min-width: 768px){.map__popup-close{width:3rem;height:3rem}}@media (min-width: 768px){.map__popup-close{top:3.4rem;right:4.3rem}}.map__popup-close::before,.map__popup-close:after{position:absolute;content:'';width:100%;height:4px;background-color:#fff;top:50%;left:50%;transform:translate(-50%, -50%) rotate(45deg)}.map__popup-close:after{transform:translate(-50%, -50%) rotate(135deg)}.gm-style-mtc,.gmnoprint,.gm-control-active{display:none}.my-label-class{position:relative;transform:translate(-80%, -95%);font-family:"Futura",sans-serif !important;width:20px;text-align:center;font-size:1.7rem !important}@media (min-width: 768px){.my-label-class{font-size:2.5rem !important;transform:translate(-115%, -95%)}}@media (min-width: 1281px){.my-label-class{font-size:2.8rem !important}}.map--main-styles [aria-hidden="true"]{position:relative;transform:translate(-100%, -70%);background-color:#00293C;padding:.5rem 1.3rem;font-family:"Boomer",sans-serif !important;box-sizing:border-box;font-size:1.2rem !important}@media (min-width: 768px){.map--main-styles [aria-hidden="true"]{font-size:2.5rem !important;padding:1rem 2rem;transform:translate(60%, -70%)}}@media (min-width: 1281px){.map--main-styles [aria-hidden="true"]{font-size:3.5rem !important;padding:1.2rem 3.5rem}}.map--main-styles .another-side{transform:translate(60%, -70%)}@media (min-width: 768px){.map--main-styles .another-side{transform:translate(-100%, -70%)}}@media (min-width: 1281px){.map--main-styles .another-side{transform:translate(-85%, -70%)}}[aria-label="WANAKA"] img{width:2.8rem !important}@media (min-width: 768px){[aria-label="WANAKA"] img{width:6.6rem !important}}.popup{opacity:0;visibility:hidden;position:absolute;color:#fff;box-sizing:border-box;height:100%;bottom:0;overflow:hidden}.popup a{color:#fff;text-decoration:underline;font-family:"Boomer",sans-serif}.popup ul,.popup ol{padding-left:2rem;margin-top:1rem}.popup p{font-weight:500}.popup p+p{margin-top:1rem}.popup h2{margin-bottom:1rem}@media (min-width: 768px){.popup h2{margin-bottom:2rem;font-size:40px}}.popup__wrapper{overflow-y:auto;height:calc(100% - 52px);padding-right:3.3rem;box-sizing:border-box}@media (min-width: 768px){.popup__wrapper{padding-right:5rem;height:calc(100% - 73px)}}.popup__wrapper h2{margin:0;letter-spacing:.05em}.popup__img{width:100%;margin:1.3rem 0 3.8rem}@media (min-width: 768px){.popup__img{margin:1.3rem 0 3rem}}.popup__img img{width:100%}.popup__links{list-style:none;display:flex;align-items:center;justify-content:flex-start;margin-top:3rem !important;padding:0 !important}.popup__links li{min-width:3.8rem;margin-right:.6rem}.popup__links li img{width:100%}.popup__content{margin-bottom:6rem}.popup--active{opacity:1;visibility:visible;position:relative}