.sec0 .elem_gradblue {position:absolute; bottom:0%; left:0%; width:100%; height:0%; background:url(../img/teaser/gradblue.webp) top left no-repeat; background-size:100% 100%;}
.btn-skip {display:flex; gap:1vw; align-items:center; font-size:1rem; font-family:var(--font-family-body); color:var(--color-black); text-transform:none; text-decoration:none; position:absolute; bottom:50px; right:50px; opacity:1; transition:opacity 0.25s ease-in-out; -moz-transition:opacity 0.25s ease-in-out; -webkit-transition:opacity 0.25s ease-in-out; z-index:1001;}
.btn-skip img {width:30px;}
.btn-skip:hover {opacity:0.7; text-decoration:none; color:unset;}
.show_mobnav .btn-skip {display:none;}
.sec2 {overflow:hidden; position:relative;}
#home {position:absolute; top:38.7%; display:block; width:1px; height:1px;}
.sec2 .note {position:absolute; text-align:right; bottom:0px; right:0px; display:block; width:auto; color:#fff; font-size:0.56vw; font-family:var(--font-family-body); padding:1.9vw 2.5vw; z-index:10;}
.sec2 .note b {text-transform:capitalize; display:block; font-weight:normal; font-size:0.9vw; margin-bottom:0.2vw;}
.sec2 .content {position:absolute; top:15%; left:50%; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%); width:37.5vw; text-align:center; color:#fff; padding-bottom:2.6vw; font-size:var(--font-body);}
.sec2 .content h2 {text-align:center; font-family:var(--font-family-heading); color:var(--color-dark); font-size:var(--font-lg); margin-bottom:var(--spacing-sm); text-transform:none;}
.sec2 .content p {margin-bottom:1vw; color:#000;}
.sec2 .content img {display:block; width:1.9vw; height:auto; margin:0 auto; margin-bottom:1.9vw;}
.sec2 .elem_cloud1 {position:absolute; display:block; top:1%; right:0%; width:33.4vw; height:auto;}
.sec2 .elem_cloud2 {position:absolute; display:block; top:18%; left:0%; width:44vw; height:auto;}
.sec2 .elem_leaves {position:absolute; display:block; top:29%; left:0%; width:12.5vw; height:auto;}
.sec3 {overflow:hidden; position:relative; display:none;}
.sec3 .sec3_guide {opacity:0;}
.sec3 .note {position:absolute; text-align:left; bottom:0px; left:0px; display:block; width:auto; color:#fff; font-size:0.56vw; font-family:var(--font-family-body); padding:1.9vw 2.5vw; z-index:10;}
.sec3 .note b {text-transform:capitalize; display:block; font-weight:normal; font-size:0.9vw; margin-bottom:0.2vw;}
.sec3 .content h1 {font-family:var(--font-family-heading); text-transform:none; font-size:var(--font-lg); color:#f5f0e1; -ms-transform:translateY(-2.3vw); -webkit-transform:translateY(-2.3vw); transform:translateY(-2.3vw);}
.sec3 .content {position:absolute; top:9.2vw; left:12.4vw; width:auto;}
.sec3 .content h2 {color:#f5f0e1; font-family:var(--font-family-heading); white-space:nowrap; font-size:1.48vw; text-transform:none; -ms-transform:translateY(-0.5vw); -webkit-transform:translateY(-0.5vw); transform:translateY(-0.5vw);}
.sec3 .content p {color:#fff; font-family:var(--font-family-body); font-size:0.93vw; line-height:1.2vw; -ms-transform:translateY(-0.3vw); -webkit-transform:translateY(-0.3vw); transform:translateY(-0.3vw);}
.sec3 .content ul li {float:left;}
.sec3 .content ul li:nth-child(1) {width:10.5vw;}
.sec3 .content ul li:nth-child(2) {width:13.9vw;}
.sec3 .content ul li:nth-child(3) {width:13.3vw;}
.sec3 .content ul li:nth-child(4) {width:13vw;}
.sec3 .content ul li:nth-child(5) {width:15.6vw;}
.sec3 .content ul li:nth-child(6) {width:11vw;}
.sec3 .content ul ._l1 {border-left:1px solid #fff; padding-left:0.9vw; height:7.9vw;}
.sec4 {position:relative; overflow:hidden; background-color:#d7d1c0;}
.sec4 .sec4_1 {position:relative; display:block; width:100%; height:100vh; overflow:hidden;}
.sec4 .sec4_1.on {z-index:2;}
.sec4 .content {position:absolute; width:74.5vw; top:50%; left:50%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.sec4 .sec4_1 .popimg {position:absolute; top:50%; left:50%; width:0vw; height:0vh; z-index:4; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); overflow:hidden;}
.sec4 .sec4_1 .popimg .note {position:absolute; text-align:right; bottom:0px; right:0px; display:block; width:auto; color:#fff; font-size:0.56vw; font-family:var(--font-family-body); padding:1.9vw 2.5vw; z-index:10;}
.sec4 .sec4_1 .popimg .note b {text-transform:capitalize; display:block; font-weight:normal; font-size:0.9vw; margin-bottom:0.2vw;}
.sec4 .sec4_1 .img_guide {position:absolute; top:0%; left:0%; width:100%; height:100%;}
._comp1 .img_guide {background:#000 url(../img/teaser/01-MOUNTAIN.webp) top left no-repeat; background-size:cover;}
.sec4 .sec4_1 .img_guide video {position:absolute; z-index:-1; top:50%; left:50%; transform:translate(-50%, -50%); min-width:100%; min-height:100%; width:auto; height:auto; opacity:0; -webkit-transition-duration:0.4s; transition-duration:0.4s;}
.sec4 .sec4_1 .img_guide video.on {opacity:1;}
.sec4 .content h1 {font-family:var(--font-family-heading); line-height:1.8vw; font-size:2.5vw; margin-bottom:1.1vw; color:#fff; opacity:0; -webkit-transition-duration:0.6s; transition-duration:0.6s; transition-delay:0s;}
.sec4 .content h2 {font-family:var(--font-family-heading); font-size:var(--font-lg); color:#fff; opacity:0; -webkit-transition-duration:0.6s; transition-duration:0.6s; transition-delay:0s;}
.sec4 .content h3 {font-family:var(--font-family-body); font-size:var(--font-sm); margin-bottom:0.8vw; color:#fff; opacity:0; -webkit-transition-duration:0.6s; transition-duration:0.6s; transition-delay:0s;}
.sec4 .content h4 {font-family:var(--font-family-heading); font-size:var(--font-md); line-height:2.5vw; color:#fff; opacity:0; -webkit-transition-duration:1s; transition-duration:1s; transition-delay:0s; -ms-transform:translateX(5vw); -webkit-transform:translateX(5vw); transform:translateX(5vw);}
.sec4 .content .dvder {display:block; width:0%; height:1px; background-color:#fff; margin-top:2vw; margin-bottom:2vw; opacity:0.5; -webkit-transition-duration:1s; transition-duration:1s; transition-delay:0s;}
.sec4 .content .ovrvw {padding-left:34.2vw; padding-top:0; opacity:0; -webkit-transition-duration:1s; transition-duration:1s; transition-delay:0s; -ms-transform:translateX(-5vw); -webkit-transform:translateX(-5vw); transform:translateX(-5vw);}
.sec4 .content .ovrvw p {font-size:var(--font-body); line-height:1.5vw; margin-bottom:1.1vw; color:#fff;}
.sec4 .content .ovrvw p:last-child {margin-bottom:0vw;}
.sec4 .sec4_1.on .content h1 {opacity:0.2; transition-delay:0s;}
.sec4 .sec4_1.on .content h2 {opacity:0.5; transition-delay:0.3s;}
.sec4 .sec4_1.on .content h3 {opacity:0.5; transition-delay:0.6s;}
.sec4 .sec4_1.on .content h4 {opacity:1; transition-delay:0.8s; -ms-transform:translateX(0vw); -webkit-transform:translateX(0vw); transform:translateX(0vw); margin-bottom:1.5vw;}
.sec4 .sec4_1.on .content .dvder {width:100%;}
.sec4 .sec4_1.on .content .ovrvw {opacity:1; transition-delay:1s; -ms-transform:translateX(0vw); -webkit-transform:translateX(0vw); transform:translateX(0vw);}
.sec4 .sec4_1.on .btn-discover {opacity:1;}
.sec4 ._comp2 h1 {color:#000;}
.sec4 ._comp2 h2 {color:#000;}
.sec4 ._comp2 h3 {color:#262626;}
.sec4 ._comp2 h4 {color:var(--color-lightgreen);}
.sec4 ._comp2 .ovrvw p {color:#262626;}
.sec4 ._comp2 .dvder {background-color:#000; opacity:0.25;}
.sec4 ._comp1 .popimg {background:url(../img/teaser/comp1_img.webp) center no-repeat;}
.sec4 ._comp2 .popimg {background:url(../img/teaser/comp2_img.webp) center no-repeat;}
.sec4 ._comp3 .popimg {background:url(../img/teaser/comp3_img.webp) center no-repeat;}
.sec4 ._comp3 .comp_logos {width:17vw; height:auto; display:block; margin-top:1.5vw;}
.sec4 ._comp4 .popimg {background:url(../img/teaser/comp4_img.webp) center no-repeat;}
.sec4 ._comp4 .comp_logos {width:5.5vw; height:auto; display:block; margin-top:1.5vw;}
.sec4 ._comp5 .popimg {background:url(../img/teaser/comp5_img.webp) center no-repeat;}
.sec4 .sec4_1 {height:300vh;}
.sec4 .sec4_1 ._fixbox {position:relative; width:100%; height:100vh;}
.sec4 .sec4_1 ._fixbox .grdnt {position:absolute; bottom:0%; left:0%; width:100%; z-index:10;}
.curtainx {position:relative; width:100%; height:200vh; background:url(../img/teaser/01-MOUNTAIN_bits.webp) top left no-repeat; background-size:cover; z-index:1;}
.curtainx .l_1 {position:absolute; top:0px; left:0px; width:100%; height:clamp(50rem, 22.321vw + 35.714rem, 62.5rem); display:block; overflow:hidden;}
.curtainx .l_2 {position:absolute; top:0px; left:0px; width:100%; height:100%; min-height:700px; display:block; background:url(../img/teaser/tiles_hole.webp) center no-repeat; background-size:auto 100%;}
.curtainx .l_2 span {background-color:#e5e6d6; width:clamp(0rem, 39.063vw - 25rem, 37.5rem); height:100vh; display:block; position:absolute; top:0px;}
.curtainx .l1 {left:0px;}
.curtainx .l2 {right:0px;}
.curtainx._hide .l_1 {display:none !important; opacity:0 !important; background:none !important;}
.sec4 .sec4_1._comp1.on ._fixbox {transition:opacity 5s !important; opacity:1 !important;}
.sec4_1._comp2 .btn-discover.alt {border-color:var(--color-black); color:var(--color-black);}
.d_mob .mob_sec3 {background-color:#cec2a8; height:132vw;}
.d_mob .mob_sec3 h1 {text-transform:none; font-size:6.4vw; font-family:var(--font-family-heading); padding:13vw 0vw 5.4vw 7.3vw; color:var(--color-lightgreen);}
.d_mob .mob_sec3 ul {display:block; float:left; width:50%;}
.d_mob .mob_sec3 ul li {width:44vw; padding-bottom:5vw;}
.d_mob .mob_sec3 .ul_1 li {padding-left:7vw;}
.d_mob .mob_sec3 h2 {color:#f5f0e1; font-family:var(--font-family-heading); font-size:4.7vw; text-transform:none; color:var(--color-lightgreen); margin-bottom:1vw;}
.d_mob .mob_sec3 h2 br {display:none !important;}
.d_mob .mob_sec3 p {color:#000; font-family:var(--font-family-body); font-size:3.73vw;}
.d_mob .mob_sec3_map {position:relative; background-color:#000; width:100%; height:auto;}
.d_mob .mob_sec3_map .l_1 {position:relative; display:block; width:100%; height:119vw; overflow:hidden; overflow-x:scroll;}
.d_mob .mob_sec3_map .l_1 ._map {position:relative; display:block; width:auto; height:100%;}
.d_mob .mob_sec3_map .note {position:absolute; bottom:0px; left:0px; display:block; width:auto; color:#fff; font-size:2vw; font-family:var(--font-family-body); padding:2.9vw 3.5vw; z-index:10;}
.d_mob .mob_sec3_map ._iconpan {top:6vw; right:6vw; width:10vw;}
.d_mob .mob_sec4 {position:relative; width:100%; height:178vw; padding:0vw 11vw; color:#fff; background-color:#9a8066;}
.d_mob .mob_sec4 .d_slider {position:relative; z-index:6; top:50%; left:0%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.d_mob .mob_sec4 .d_slider .lbel {text-align:center; font-size:4vw; padding-top:2vw;}
.d_mob .mob_sec4 .d_slider .lbel_1 {color:#000 !important;}
.d_mob .mob_sec4 .d_slider .sld2 h1, .d_mob .mob_sec4 .d_slider .sld2 h2, .d_mob .mob_sec4 .d_slider .sld2 h3 {color:#000;}
.d_mob .mob_sec4 .d_slider .sld2 h4 {color:var(--color-lightgreen);}
.d_mob .mob_sec4 .d_slider .sld2 h4 {width:33vw !important;}
.d_mob .mob_sec4 .d_slider .sld2 .ovrvw p {color:#262626;}
.d_mob .mob_sec4 .sld2 .dvder {background-color:#000;}
.d_mob .mob_sec4 .d_slider .sld_content {padding:0vw 2vw;}
.d_mob .mob_sec4 .d_sliderbg {position:absolute; top:0px; left:0px; width:100%; height:100%;}
.d_mob .mob_sec4 .d_sliderbg img {position:absolute; top:0px; left:0px; width:100%; height:100%; opacity:0; -webkit-transition-duration:1s; transition-duration:1s;}
.d_mob .mob_sec4 .d_sliderbg img.on {opacity:1;}
.d_mob .mob_sec4 h1 {font-family:var(--font-family-heading); opacity:0.3; line-height:6vw; font-size:8vw; margin-bottom:1.1vw; color:#fff;}
.d_mob .mob_sec4 h2 {font-family:var(--font-family-heading); opacity:0.5; font-size:var(--font-md); text-transform:none; color:#fff;}
.d_mob .mob_sec4 h3 {font-family:var(--font-family-body); opacity:0.5; font-size:var(--font-sm); text-transform:none; margin-bottom:1.8vw; color:#fff;}
.d_mob .mob_sec4 h4 {font-family:var(--font-family-heading); opacity:1; font-size:8.3vw; line-height:8.5vw; color:#fff; margin-bottom:4vw;}
.d_mob .mob_sec4 .dvder {display:block; width:100%; height:1px; background-color:#fff; margin-top:5.7vw; margin-bottom:5vw; opacity:0.5;}
.d_mob .mob_sec4 .ovrvw {padding-left:0vw; padding-top:0vw;}
.d_mob .mob_sec4 .ovrvw p {font-size:var(--font-body); margin-bottom:3vw; color:#fff;}
.d_mob .mob_sec4 .ovrvw p:last-child {margin-bottom:0vw;}
.sec5 {margin-bottom:17vh;}
.sec5, .sec5 .content, .sec5 .inner {width:100%; height:calc(33vw * 1.7) !important;}
.sec5 .bg {object-fit:cover; width:100%; height:100%; position:absolute; top:0; left:0;}
.sec5 .map {position:absolute; top:0; right:0; width:50%; overflow:hidden;}
.sec5 .map img {width:100%; height:auto; float:right;}
.sec5 .gateway-content {width:50%; position:absolute; top:0; left:0; color:#fff; height:100%;}
.sec5 .gateway-content .cnt-wrap {margin-bottom:50px; padding-top:calc(7vw * 1.7); padding-left:25%;}
.sec5 .title-sm, .sec5 .title-md, .sec5 .txt-body {display:block; color:var(--color-lightgreen);}
.sec5.js-active .title-sm {opacity:0.5; transition-delay:0.6s;}
.sec5 .title-sm {font-family:var(--font-family-body); font-size:var(--font-sm); margin-bottom:0.8vw; opacity:0; -webkit-transition-duration:0.6s; transition-duration:0.6s; transition-delay:0s;}
.sec5.js-active .title-md {opacity:1; transition-delay:0.8s; -ms-transform:translateX(0vw); -webkit-transform:translateX(0vw); transform:translateX(0vw);}
.sec5 .title-md {font-family:var(--font-family-heading); font-size:var(--font-md); line-height:2.5vw; color:var(--color-dark); opacity:0; -webkit-transition-duration:1s; transition-duration:1s; transition-delay:0s; -ms-transform:translateX(5vw); -webkit-transform:translateX(5vw); transform:translateX(5vw);}
.sec5.js-active .txt-body {opacity:1; transition-delay:0.8s; -ms-transform:translateX(0vw); -webkit-transform:translateX(0vw); transform:translateX(0vw);}
.sec5 .txt-body {font-size:var(--font-body); line-height:1.5vw; margin-bottom:3vw; padding-top:2.3vw; opacity:0; -webkit-transition-duration:1s; transition-duration:1s; transition-delay:0s; -ms-transform:translateX(5vw); -webkit-transform:translateX(5vw); transform:translateX(5vw); color:var(--color-dark);}
.sec5.js-active .txt-body {opacity:1; transition-delay:0.8s; -ms-transform:translateX(0vw); -webkit-transform:translateX(0vw); transform:translateX(0vw);}
.sec5.js-active .gateway-slider {opacity:1; transition-delay:0.5s;}
.sec5 .gateway-slider {position:absolute; bottom:0; left:0; opacity:0; -webkit-transition-duration:0.6s; transition-duration:0.6s; transition-delay:0s;}
.sec5 .gateway-slider img {width:100%; height:auto; visibility:visible;}
#gateway .btn-discover {visibility:hidden;}
.gateway-slider {background-color:var(--color-lightgreen); color:#fff; padding-bottom:3vh; margin-bottom:0 !important;}
.gateway-slider .slide h2 {font-size:10vw; line-height:1; padding-top:0; text-transform:unset; padding-left:20%; display:inline-block; font-family:var(--font-family-heading);}
.gateway-slider .slide span {font-size:2vw; font-weight:lighter; display:inline-block; font-family:var(--font-family-heading);}
.gateway-slider .slide p {font-size:1vw; padding-left:1vw; display:inline-block; line-height:1; width:48%; line-height:1.3; font-weight:lighter;}
.gateway-slider .slick-prev, .gateway-slider .slick-next {top:15% !important;}
.gateway-slider .slick-next {right:7%;}
.gateway-slider .slick-prev {left:80%; z-index:2;}
.gateway-slider .slick-next:before, .gateway-slider .slick-prev:before {width:3vw; height:3vw; background-size:100%; background-repeat:no-repeat; background-position:center;}
.gateway-slider .slick-next:before {background-image:url(../img/teaser/right-chevron.svg);}
.gateway-slider .slick-prev:before {background-image:url(../img/teaser/left-chevron.svg);}
.get-in-touch {padding:6vw 0 50px 0;}

@media (max-width: 1023px) {
.d_mob .mob_sec2 .mob_content {text-align:center; color:#000; padding:var(--spacing-lg) 0 0 0; background-color:var(--color-lightbrown); height:auto;}
.d_mob .mob_sec2 .mob_content h2 {display:none;}
.d_mob .mob_sec2 .mob_content .btn-discover, .d_mob .mob_sec2 .mob_content .btn-discover.alt {margin-top:5vh;}
.mob_sec2 .sec-title {position:absolute; top:10vh; left:0; width:100%;}
.mob_sec2 .sec-title span {text-align:center; line-height:1.2; display:block; color:var(--color-dark);}
.gallery-sm {margin:18vh 0px;}
.cnt-left, .cnt-right {display:block;}
.font-sm {font-size:5vw;}
.d_mob .mob_sec4 {height:200vw;}
.d_mob .mob_sec4 h4 {font-size:var(--font-md);}
.d_mob .mob_sec4 .dvder {margin-top:5vw;}
.mob_sec4 ._iconpan {bottom:15vh; right:calc(50% - 6vw);}
.slick-dots {bottom:-25px;}
.mob_sec5 .mob-gateway-content .cnt-wrap {margin-bottom:50px; padding-top:15vh; padding-left:6vw; padding-right:6vw;}
.mob_sec5 .title-sm, .mob_sec5 .title-md, .mob_sec5 .txt-body {display:block;}
.mob_sec5 .title-sm {font-family:var(--font-family-body); font-size:calc(var(--font-sm) - 1vw); margin-bottom:0.8vw; color:var(--color-lightgreen); opacity:0.8;}
.mob_sec5 .title-md {font-family:var(--font-family-heading); font-size:var(--font-md); line-height:1.5; color:var(--color-dark);}
.mob_sec5 .txt-body {font-size:var(--font-body); margin-bottom:3vw; padding-top:2.3vw;}
.gateway-slider {padding-bottom:var(--spacing-sm);}
.gateway-slider .slide h2 {font-size:35vw; padding-top:0; padding-left:3vw;}
.gateway-slider .slide span {font-size:5vw;}
.gateway-slider .slide p {font-size:3vw; padding-left:5px;}
.gateway-slider .slick-prev:before, .gateway-slider .slick-next:before {width:7vw; height:7vw;}
.gateway-slider .slick-prev, .gateway-slider .slick-next {top:18% !important;}
.gateway-slider .slick-next {right:8%;}
.gateway-slider .slick-prev {left:78%;}
.gateway-slider .slick-dots {display:none !important;}
.get-in-touch {padding:50px 0;}
.get-in-touch .txt {font-size:7vw; line-height:1.7;}
.get-in-touch .link-touch {padding-top:1vh;}
}