@charset "UTF-8";
/* CSS Document */

/* COMMON */
.clear{clear:both; width:100%; display: block; float: none;}
.solidtext{white-space: nowrap;}
ul, ol, dl{margin:0; padding:0; list-style:none;}
a{text-decoration:none!important;}
img{display:block; border:0; width:100%; height:auto;}
a img{border:0;}
p,h1,h2,h3,h4{margin-top:0px; margin-bottom:0px;}
h1{line-height:1.1;}
div{width:100%; display:block;}

body{font-size:16px; margin:0; padding:0; font-family: 'Seravek'; font-weight:normal; color:#595959;}
p{color:#595959;}

h1,h2,h3,h4{font-family: 'OptimusPrincepsSemiBold'; text-transform: uppercase;}

* {text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

.animate{-webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s;}
.delay{transition-delay: 2s;}
.transform_yaxis{-ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px);}
.transform_xaxis{-ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px);}
.transform_xy{-ms-transform: translate(0px,0px); -webkit-transform: translate(0px,0px); transform: translate(0px,0px);}
.easing{transition-timing-function: ease;}
.transform_rotate{-ms-transform: rotate(20deg); /* IE 9 */ -webkit-transform: rotate(20deg); /* Safari */ transform: rotate(20deg);}
.transform_scale{-ms-transform: scale(2, 2); /* IE 9 */ -webkit-transform: scale(2, 2); /* Safari */ transform: scale(2, 2);}
.rounded-corners{-moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px;}
input:focus, select:focus, textarea:focus, button:focus { outline: none!important; }
::placeholder {color: #000; opacity: 1;}
:-ms-input-placeholder {color: #000;}
::-ms-input-placeholder {color: #000;}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #595959 !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #595959 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #595959 !important;
}

/* PARALLAX 2023 */
.prlx_1{position:relative; display: block; overflow:hidden;}
.prlx_1 img{opacity:0;}
.prlx_2{position:absolute; top:auto; bottom:0px; left:0px; width:100%; height:120%; display: block;}
.mobile .prlx_2{height:150%;}

/* PARALLAX */
.prlx{position:absolute;  top:0px; left:0px; width:100%; height:100%;}
.prlx img{opacity:0; width:100%; height:auto;}
.prlx video{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);min-width: 100%;min-height: 100%;width: auto;height: auto;}

.prlx2{position:relative; display: block;}
.prlx2 img{opacity:0; width:100%; height:auto; display: block;}
.prlx2 .prlx2_1{position:absolute; display: block; top:0px; left:0px; width:100%; height:100%;}

._artnote{position:relative;}
._artnote font{position:absolute; bottom:0px; left:0px; z-index:4;}

._fltr{position:relative; display: block;}

._anote{position: absolute; bottom: 0px; right: 0px; display: block; z-index: 4; color: #fff; text-decoration: none!important; padding: 1vw; text-transform: uppercase; font-size:0.7vw;}

/* PAN */
.mainpan{position:relative; top:0px; left:0px; width:100%; height:100%; overflow: hidden;}

.mainpan b{position:absolute; display: block; width:auto; bottom:0vw; right:0vw; z-index:4;}
.mainpan b font{display: block; width: 2vw; height: 2vw; background-color: #000; color: #fff; margin-right: 1vw; margin-bottom: 1vw; font-size:1.6vw; overflow: hidden; cursor:pointer; background-color:#669835;}
.mainpan b font:hover{background-color:#595959;}
.mainpan b .f_1{line-height:2vw;}
.mainpan b .f_2{line-height:1.8vw;}
.mainpan b .f_1:before{content:'+';}
.mainpan b .f_2:before{content:'-';}

.mobile .mainpan b font{width:7vw; height:7vw; text-align: center; font-weight:normal; font-size:8vw;}
.mobile .mainpan b .f_1{line-height:7.2vw;}
.mobile .mainpan b .f_2{line-height:6vw;}

.mainpan .scrl_1{position:absolute; top:0px; left:0px; width:100%; height:100%; overflow: hidden; z-index:4; opacity:0;}
.mainpan .scrl_1 .scrl_1_1{position:absolute; display:block; top:0px; left:0px; width:100%; height:auto;}
.mainpan .scrl_1 .scrl_1_1 u{position:absolute; top:0px; left:0px; width:100%; height:100%; display: block;}

.mainpan .scrl_2{position:absolute; top:0px; left:0px; width:100%; height:auto; overflow: hidden; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; transition-timing-function:ease-out;}
.mainpan img{position:relative; display: block;}

/* LAZY LOAD */
section{position:relative; width:100%; height:100vh; text-align: center; overflow: hidden;}

section ._ani,
section ._ani2 span{opacity:0; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; display: block; position:relative;}

section.on ._ani, .done section:nth-child(1) ._ani, ._ani2.on span{
    -ms-transform: translate(0%,0%); -webkit-transform: translate(0%,0%); transform: translate(0%,0%);
    -webkit-transition-duration: 0.8s; transition-duration: 0.8s;
    opacity:1;

}

/*
section .d{-ms-transform: translate(0%,-30%); -webkit-transform: translate(0%,-30%); transform: translate(0%,-30%);}
section .u{-ms-transform: translate(0%,30%); -webkit-transform: translate(0%,30%); transform: translate(0%,30%);}
section .l{-ms-transform: translate(5%,0%); -webkit-transform: translate(5%,0%); transform: translate(5%,0%);}
section .r{-ms-transform: translate(-5%,0%); -webkit-transform: translate(-5%,0%); transform: translate(-5%,0%);}
*/

.on{opacity:1!important;}
.d.on,
.u.on,
.l.on,
.r.on{-ms-transform: translate(0%,0%); -webkit-transform: translate(0%,0%); transform: translate(0%,0%);}

.d{-ms-transform: translate(0%,-30%); -webkit-transform: translate(0%,-30%); transform: translate(0%,-30%);}
.u{-ms-transform: translate(0%,30%); -webkit-transform: translate(0%,30%); transform: translate(0%,30%);}
.l{-ms-transform: translate(5%,0%); -webkit-transform: translate(5%,0%); transform: translate(5%,0%);}
.r{-ms-transform: translate(-5%,0%); -webkit-transform: translate(-5%,0%); transform: translate(-5%,0%);}


/* ANIMATIONS */
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes rotating {
  from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
.rotating {
  -webkit-animation: rotating 1s linear infinite;
  -moz-animation: rotating 1s linear infinite;
  -ms-animation: rotating 1s linear infinite;
  -o-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
}

.m_fly{animation: fly_y 0.5s ease-in-out infinite; animation-direction: alternate;}
.m_fly .fly_1{animation: fly_x 0.5s ease-in-out infinite; animation-direction: alternate;}

@keyframes fly_x{
  0% {-ms-transform: translateX(-1vw); -webkit-transform: translateX(-1vw); transform: translateX(-1vw);}
  100% {-ms-transform: translateX(1vw); -webkit-transform: translateX(1vw); transform: translateX(1vw);}
}
@keyframes fly_y{
  0% {-ms-transform: translateY(-1.5vw); -webkit-transform: translateY(-1.5vw); transform: translateY(-1.5vw);}
  100% {-ms-transform: translateY(1.5vw); -webkit-transform: translateY(1.5vw); transform: translateY(1.5vw);}
}

/*  NAVIGATION */

.mainnav{position:fixed; z-index:130; display: block; top:0px; left:0px; width:100%; height:100vh; background-color:#fff; overflow: hidden;
  -ms-transform: translateY(-110%); -webkit-transform: translateY(-110%); transform: translateY(-110%); -webkit-transition-duration: 0.8s; transition-duration: 0.8s;
}

.mainnav ul li{position:absolute; top:0px; left:0px; width:auto; -webkit-transition-duration: 0.0s; transition-duration: 0.0s; opacity:0; transition-delay:0s;
  -ms-transform: translateY(5vh); -webkit-transform: translateY(5vh); transform: translateY(5vh);
}

.mainnav ul .leaves{top:auto; bottom:0vh; left:25.5vh; width:61.7vh;}
.mainnav ul .leaves .leaves_grp{position:relative; overflow: hidden;}
.mainnav ul .leaves .leaves_grp img{opacity:0;}
.mainnav ul .leaves .leaves_grp span{position:absolute; top:0px; left:0px; width:100%; height:200%; -ms-transform: scale(0.6, 0.6); -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6);  -webkit-transition-duration: 0.0s; transition-duration: 0.0s;}
.mainnav ul .leaves .leaves_grp span:nth-child(1){background:url(../img/common/leaves_grp1.png) top left no-repeat; background-size:100% auto;}
.mainnav ul .leaves .leaves_grp span:nth-child(2){background:url(../img/common/leaves_grp2.png) top left no-repeat; background-size:100% auto;}
.mainnav ul .leaves .leaves_grp span:nth-child(3){background:url(../img/common/leaves_grp3.png) top left no-repeat; background-size:100% auto;}
.mainnav ul .leaves .navlogo{position: absolute; top: 18vh; left: 4.3vh; width: 49vh;}

.mainnav ul .lnks{left:auto; top: 17.8vh; right: 9.2vh; -ms-transform: translateY(0vh)!important; -webkit-transform: translateY(0vh)!important; transform: translateY(0vh)!important; opacity:1!important;}
.mainnav ul .lnks span{display: block; opacity:0; -ms-transform: translateX(-10vh); -webkit-transform: translateX(-10vh); transform: translateX(-10vh); -webkit-transition-duration: 0s; transition-duration: 0s;}
.mainnav ul .lnks span a.on{color:#669835!important;}
.mainnav ul .lnks a{display: block; color:#595959; text-transform: uppercase; text-align: right; font-family: 'OptimusPrincepsSemiBold'; font-weight:600; font-size: 3.6vh; line-height: 5.86vh;
  -webkit-transition-duration: 0.3s; transition-duration: 0.3s;
}
.mainnav ul .lnks a:hover{color:#669835; padding-right:2vh;}

.mainnav ul .social{left: auto; right: 58.5vh; top: auto; bottom: 19.3vh; width:auto; height:3.7vh; display: grid; align-content: center;}
.mainnav ul .social .social_a{display: block;}
.mainnav ul .social a{display: block; height:2.25vh; padding-right:1.85vh; float:left; filter: invert(65%);}
.mainnav ul .social a img{display: block; position:relative; height:100%; width:auto;}
.mainnav ul .social p{display: block; color:#595959; text-transform: uppercase; font-weight:bold; font-size:1.59vh;
  position:absolute; top:50%; right:0px; width:auto; -ms-transform: translate(100%,-50%); -webkit-transform: translate(100%,-50%); transform: translate(100%,-50%);
}

.mainnav ul .ebrochure{left: auto; right: 9.2vh; top: auto; bottom: 19.3vh;}
.mainnav ul .ebrochure a{display: grid; align-content: center; position:relative; color:#595959; padding-left: 3.5vh; font-weight: bold; font-size:1.59vh; height:3.7vh;}
.mainnav ul .ebrochure a img{position:absolute; top:0px; left:0px; width:auto; height:100%; filter: invert(65%);}

.mainnav ul .devby{left: auto; right: 9.2vh; top: auto; bottom: 8vh;}
.mainnav ul .devby p{display: block; float:left; margin-right: 1.2vh; color:#595959; font-size: 1.1vh; text-transform: uppercase; -ms-transform: translateY(1vh); -webkit-transform: translateY(1vh); transform: translateY(1vh);}
.mainnav ul .devby img{float:left; height:3.1vh; width:auto; display: block;}

.mainnav ul .cpyright{left:9vh; top: auto; bottom: 4vh;}
.mainnav ul .cpyright p{font-size:1.09vh; text-transform: uppercase; color:#868686;}

.mainnav ul .legallnr{left: auto; right: 9.2vh; top: auto; bottom: 4.3vh; text-align: right;}
.mainnav ul .legallnr p{text-transform: uppercase; font-family:Arial, Helvetica, sans-serif; color:#868686; font-size:0.69vh;}

.mainnav ul .navclose{left: auto; top: 3.6vh; width: 5vh; height: 5vh; right: 3.5vh; cursor:pointer;}
.mainnav ul .navclose span{position:absolute; z-index:4; top:0px; left:0px; width:100%; height:100%; display: grid; align-content: center; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
.mainnav ul .navclose:hover span{-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.mainnav ul .navclose span i{width:100%; height:2px; background-color:#669835; display: block; margin-top:0vw; margin-bottom:0vw;}
.mainnav ul .navclose span i:nth-child(1){-ms-transform: translateY(1px) rotate(45deg); -webkit-transform: translateY(1px) rotate(45deg); transform: translateY(1px) rotate(45deg);}
.mainnav ul .navclose span i:nth-child(2){-ms-transform: translateY(-1px) rotate(-45deg); -webkit-transform: translateY(-1px) rotate(-45deg); transform: translateY(-1px) rotate(-45deg);}

.mainnav .menu_dvdr{display: block; position:absolute; bottom:54.2vw; left:0px; padding:0vw 7.4vw; display: none; -webkit-transition-duration: 0s; transition-duration: 0s;
  -ms-transform: scale(0,1); -webkit-transform: scale(0,1); transform: scale(0,1); transition-delay: 0s;
}
.mainnav .menu_dvdr span{display:block; width:100%; height:12.2vw; margin:0 auto; border-top:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf;}


.showmenu .mainnav .menu_dvdr{-ms-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); transition-delay: 1.5s; -webkit-transition-duration: 1s; transition-duration: 1s;}
.showmenu nav{-ms-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%);}
.showmenu .mainnav ul li{opacity:1; -ms-transform: translateY(0vh); -webkit-transform: translateY(0vh); transform: translateY(0vh); -webkit-transition-duration: 0.6s; transition-duration: 0.6s;}
.showmenu .mainnav ul .lnks span{opacity:1; -ms-transform: translateX(0vh); -webkit-transform: translateX(0vh); transform: translateX(0vh); -webkit-transition-duration: 0.6s; transition-duration: 0.6s;}

.showmenu .mainnav ul .leaves .leaves_grp span{-ms-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); transition-delay: 0.5s;}
.showmenu .mainnav ul .leaves .leaves_grp span:nth-child(1){-webkit-transition-duration: 3s; transition-duration: 3s;}
.showmenu .mainnav ul .leaves .leaves_grp span:nth-child(2){-webkit-transition-duration: 5s; transition-duration: 5s;}
.showmenu .mainnav ul .leaves .leaves_grp span:nth-child(3){-webkit-transition-duration: 3.5s; transition-duration: 3.5s;}


/* BUTTONS */

.btn1{display: inline-block; position: relative; border:1px solid #659834; cursor:pointer; text-decoration:none!important;}
.btn1 p{position:relative; z-index:1; text-decoration:none!important; color:#fff; text-transform: uppercase; font-family: 'Seravek'; font-weight:500; font-size:1.03vw; padding:0.23vw 0.57vw; padding-right:1.49vw; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
.btn1 span{position:absolute; top:0px; right:0px; background-color:#669835; width:100%; height:100%; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }
.btn1 i{position:absolute; top:50%; right:-1.2vw; height:2px; width:2.29vw; background-color:#fff; border-right:1.14vw solid #659834;
  -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index:8; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; 
}
.btn1:hover span{width:0%;}
.btn1:hover p{color:#669835; padding-right:1.03vw; padding-left:1.03vw;}
.btn1:hover i{border-right:0vw solid #659834; width:0vw; right:0vw;}

.btn2{display: grid; width:14vh; margin:0 auto; white-space: nowrap;}
.btn2 i{height:1px;}
.btn2 p{font-size: 1.5vh; padding: 0.44vh 1.08vh; padding-right: 2.84vh; line-height:2.5vh;}
.btn2:hover p{padding-right:1.96vh; padding-left:1.76vh;}

/*  KV */

.f_kv{position:relative; display: block; width:100%; height:100vh; overflow: visible; background-color:#464646;}
.f_kv .f_kv_1,.f_kv .f_kv_2{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.f_kv .f_kv_1{overflow: hidden;}
.f_kv .f_kv_2{-webkit-transition-duration: 15s; transition-duration: 15s; -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}

.done .f_kv .f_kv_2{-ms-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1);}

.f_kv ul li{position:absolute; display: block; width:auto; top:0px; left:0px;}
.f_kv ul .pgetitle{left: 0; top: 11.1vw; padding-left: 2.6vw; z-index:10;}
.f_kv ul .pgetitle i{position: absolute; top: 0.3vw; left: 0px; background-color: #fff; display: block; width: 0.8vw; height: 1.6vw;}
.f_kv ul .pgetitle h1{font-size:1.9vw; font-weight:600; color:#fff; text-transform: uppercase;}
 
.f_kv ul .artnote{top: auto; left: auto; bottom: 2.2vw; right: 2.5vw; font-size: 0.86vw; color: #fff; z-index:4; text-transform: uppercase;}

.f_kv ul .scrlnote{z-index:2; left: 2.1vw; top:auto; bottom: 0vw; width:1px; height:9.3vw; background-color:#fff; -ms-transform: translateY(50%); -webkit-transform: translateY(50%); transform: translateY(50%);}
.f_kv ul .scrlnote i{display: block; position:absolute; bottom:0px; left:0px; width:100%; height:50%; background-color:#669835;}
.f_kv ul .scrlnote span{position:absolute; display: block; top:-2.1vw; left:0px; color:#fff; text-transform: uppercase; font-size:0.7vw;
  -ms-transform: translate(-48%,0px) rotate(90deg); -webkit-transform: translate(-48%,0px) rotate(90deg); transform: translate(-48%,0px) rotate(90deg);
}

/* UI ELEMENTS */

.f_ui ul li{position:fixed; display: block; width:auto; top:0px; left:0px; z-index:110;}

/* Logo */
.f_ui ul .logo{left:2.5vw; top:2.5vw;}
.f_ui ul .logo a{display:block; width:14vw; background:url(../img/common/logo_tlr_green.svg) top left no-repeat; background-size:100% auto;}
.f_ui ul .logo a img{opacity:1;}

/* Burger */
.f_ui ul .burger{left: auto; right: 2.6vw; top: 4.4vw; width: 2.6vw; cursor:pointer;}
.f_ui ul .burger span{position:absolute; z-index:4; top:0px; left:0px; width:100%; height:100%; display: grid; align-content: center; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
.f_ui ul .burger span i{width:100%; height:2px; background-color:#fff; display: block;}
.f_ui ul .burger span:nth-child(1) i{margin-top:0.18vw; margin-bottom:0.18vw;}
.f_ui ul .burger span:nth-child(2) i:nth-child(1){-ms-transform: translateY(1px) rotate(45deg); -webkit-transform: translateY(1px) rotate(45deg); transform: translateY(1px) rotate(45deg);}
.f_ui ul .burger span:nth-child(2) i:nth-child(2){-ms-transform: translateY(-1px) rotate(-45deg); -webkit-transform: translateY(-1px) rotate(-45deg); transform: translateY(-1px) rotate(-45deg);}
.f_ui ul .burger img{opacity:0;}
.f_ui ul .burger span:nth-child(2){-ms-transform: scale(0, 0); -webkit-transform: scale(0, 0); transform: scale(0, 0);}
.showmenu .f_ui ul .burger span:nth-child(1){-ms-transform: scale(0,1); -webkit-transform: scale(0,1); transform: scale(0,1);}
.showmenu .f_ui ul .burger span:nth-child(2){-ms-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1);}

.f_ui ul .burger p{position:absolute; top:0px; left:0px; display: block; width:100%; height:100%; background-color:#669835; display: none;
  -ms-transform: scale(2,2); -webkit-transform: scale(2,2); transform: scale(2,2);
  -moz-border-radius: 5vw; -webkit-border-radius: 5vw; -khtml-border-radius: 5vw; border-radius: 5vw;
}

/* Register button */
.f_ui ul .cta_register{left: auto; top:auto; right: 2.6vw; bottom: 7.75vw; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; z-index:10;}
.f_ui ul .cta_register.off{right: -20vw;}

.f_ui ul .cta_register p{display: block; width:7.34vw; line-height: 1.08vw; padding: 0.4vw 0.8vw;}
.f_ui ul .cta_register a:hover p{-ms-transform: translateX(0.6vw); -webkit-transform: translateX(0.6vw); transform: translateX(0.6vw);}
.f_ui ul .cta_register i{border-right: 3.14vw solid #659834; width: 4.49vw; right: -3.2vw;}
.f_ui ul .cta_register a:hover i{width: 0vw;}

/* Nav Bar */
.f_ui ul .navbar{display: block; z-index:105; width:100%; height:5vw; -ms-transform: translateY(-101%); -webkit-transform: translateY(-101%); transform: translateY(-101%);}

.f_ui ul .navbar div{position:absolute; display: block; top:0px; left:0px; width:100%; height:100%;}
.f_ui ul .navbar div:nth-child(1){background-color:#fff; opacity:0.6;}
.f_ui ul .navbar div:nth-child(2){backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px); opacity:0; -webkit-transition-duration: 0s; transition-duration: 0s;}


.f_ui ul .logo,
.f_ui ul .logo a,
.f_ui ul .logo a img,
.f_ui ul .burger,
.f_ui ul .burger span i,
.f_ui ul .navbar{-webkit-transition-duration: 0.6s; transition-duration: 0.6s;}

.shownav .f_ui ul .logo{top:0.7vw;}
.shownav .f_ui ul .logo a{width:8vw;}
.shownav .f_ui ul .logo a img{opacity:0;}

.shownav .f_ui ul .burger{top:1.1vw;}
.shownav .f_ui ul .burger span i{background-color:#669835;}
.shownav .f_ui ul .navbar{-ms-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%);}
.shownav .f_ui ul .navbar div:nth-child(2){transition-delay: 0.6s; opacity:1; -webkit-transition-duration: 0.6s; transition-duration: 0.6s;}

/* SLIDER */

.sldcntrl{position:absolute; bottom:-2.4vw; left:0px; width:100%; height:auto; z-index:4;}
.sldcntrl p{position:absolute; display: block; width:auto; top:50%; left:0px; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); font-weight:bold; color:#004274;}
.sldcntrl .l_arw{float: right; width:auto;}
.sldcntrl .l_arw img{width:auto; height:1.35vw; display: inline-block; cursor: pointer;}
.sldcntrl .l_arw img:nth-child(1){display: none;}
.sldcntrl .l_arw img:nth-child(2){margin-left:1vw;}

.slick-dots{display: none!important;}
.slick-slider{margin-bottom:0px!important;}

.slick-arrow{display: none!important;}

.sld{position:relative;}
.sld .sldbtn{border:1px solid #000; position:relative;}
.sld .sldbtn .clear{display: block; width:100%; height:1px;}
.sld .sldbtn span{cursor: pointer; display: none;}
.sld .sldbtn span.on{display: block;}
.sld .sldbtn span:nth-child(1){float:left;}
.sld .sldbtn span:nth-child(2){float:right;}



/* FORM */
.thank-msg {
    position: fixed;
    top: 10vw;
    left: calc(50% - 15vw);
    text-align: center;
    background: #fff;
    padding: 25px;
    width: 30vw;
    z-index: 9;
    font-size: calc(var(--font-body) * 1.2);
    display: none;
}

.thank-msg.show {
  display: block;
}

/* FOOTER */

footer .brdcrmbs a,
footer .brdcrmbs a i{-webkit-transition-duration: 0.2s; transition-duration: 0.2s;}

footer{position:relative; width:100%; border-top:1px solid #dadada;}
footer .brdcrmbs{overflow:hidden; background-color:#fff; position:relative;}
footer .brdcrmbs a{position:relative; text-transform: uppercase; font-weight: 500; color:#004274; font-size:1.06vw; line-height:6.3vw;}
footer .brdcrmbs a i{position:absolute; top:calc(50% - 2px); left:0%; width:5.5vw; height:2px; background-color:#004274; -ms-transform: translateX(-33%); -webkit-transform: translateX(-33%); transform: translateX(-33%);}
footer .brdcrmbs a:nth-child(2) i{left:auto; right:0%; -ms-transform: translateX(33%); -webkit-transform: translateX(33%); transform: translateX(33%);}
footer .brdcrmbs a:nth-child(1){float:left; padding-left:5.26vw;}
footer .brdcrmbs a:nth-child(2){float:right; padding-right:5.26vw;}

footer .f_backtop{position:absolute; top:-5vw; right:1vw; display: block; width:auto; cursor:pointer; animation: updown 1s ease-in-out infinite;}
footer .f_backtop img{display: block; width:3vw; height:auto;}

@keyframes updown{
  0% {-ms-transform: translateY(-0.5vw); -webkit-transform: translateY(-0.5vw); transform: translateY(-0.5vw);}
  50% {-ms-transform: translateY(0.5vw); -webkit-transform: translateY(0.5vw); transform: translateY(0.5vw);}
  100% {-ms-transform: translateY(-0.5vw); -webkit-transform: translateY(-0.5vw); transform: translateY(-0.5vw);}
}

footer .brdcrmbs a:hover{color:#669835; -ms-transform: translateX(5%); -webkit-transform: translateX(5%); transform: translateX(5%);}
footer .brdcrmbs a:nth-child(2):hover{-ms-transform: translateX(-5%); -webkit-transform: translateX(-5%); transform: translateX(-5%);}
footer .brdcrmbs a:hover i{background-color:#669835;}

footer .f_1{position:relative; height:11.4vw; background-color:#669835;}
footer .f_1 .f_2{position:absolute; top:50%; left:0%; width:auto; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
footer .f_1 .cntctno{left:5.2vw;}
footer .f_1 .cntctno p{color:#fff;}
footer .f_1 .cntctno p:nth-child(1){font-size:0.92vw; line-height:1vw;}
footer .f_1 .cntctno p:nth-child(1) strong{font-weight:500;}
footer .f_1 .cntctno p:nth-child(2){font-size:2.6vw; font-weight:500; line-height:1.7vw; margin-top:1.2vw;
  -ms-transform: translateX(-0.1vw); -webkit-transform: translateX(-0.1vw); transform: translateX(-0.1vw);
}

footer .f_1 .ebrchure{left:23.3vw;}
footer .f_1 .ebrchure a{display: grid; align-content: center; position:relative; color:#fff; padding-left: 2.6vw; font-weight: bold; font-size:0.86vw; height:2.7vw;}
footer .f_1 .ebrchure a img{position:absolute; top:0px; left:0px; width:auto; height:100%;}

footer .f_1 .social{left:41.1vw; height:2.7vw; display: grid; align-content: center;}
footer .f_1 .social a{display: block; height:1.3vw; padding-right:0.86vw; float:left;}
footer .f_1 .social a img{display: block; position:relative; height:100%; width:auto;}
footer .f_1 .social p{display: block; color:#fff; text-transform: uppercase; font-weight:bold; font-size:1.05vw;
  position:absolute; top:50%; right:0px; width:auto; -ms-transform: translate(100%,-50%); -webkit-transform: translate(100%,-50%); transform: translate(100%,-50%);
}

footer .f_1 .fchat{left:77.9vw;}
footer .f_1 .fchat a{position:relative; color:#fff; font-size:2.18vw; font-family: 'OptimusPrincepsSemiBold'; font-weight:600; text-transform: uppercase;}
footer .f_1 .fchat a img{position:absolute; top:0px; right:-4vw; height:100%; width:auto;}
footer .f_1 .fchat p{color:#fff; font-size: 0.87vw; line-height: 1vw;}

footer .f_legal{position:relative; height:6.1vw; background-color:#fff;}
footer .f_legal .f_2{position:absolute; top:50%; width:auto; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
footer .f_legal .legliner{left:5.2%;}
footer .f_legal .legliner p{text-transform: uppercase; font-family:Arial, Helvetica, sans-serif; color:#868686;}
footer .f_legal .legliner p:nth-child(1){font-size:0.52vw;}
footer .f_legal .legliner p:nth-child(2){font-size:0.417vw; margin-top:0.7vw;}

footer .f_legal .devby{left:75.7vw;}
footer .f_legal .devby p{display: block; float:left; font-weight:300; margin-right: 0.9vw; color:#595959; font-size: 0.6vw; text-transform: uppercase; -ms-transform: translateY(1vw); -webkit-transform: translateY(1vw); transform: translateY(1vw);}
footer .f_legal .devby img{float:left; height:2.6vw; width:auto; display: block;}





/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx MOBILE */

.mobile ._anote{font-size: 1.5vw;}
.mobile .btn2{width:28vw;}
.mobile .btn2 p{font-size: 2.3vw; padding: 0vw 2vw; padding-right: 2.84vw; line-height: 5.6vw;}
.mobile .btn1 i{width:5.5vw; right:-3.2vw; border-right: 3vw solid #659834;}


/* Mediaqueries */

@media (max-width:1920px){

}

@media (max-width:1366px){
}

@media (max-width:1024px){

  .mainnav .menu_dvdr{display: block;}

  

  .f_ui ul .logo{left:7.2vw; top:7.4vw;}
  .f_ui ul .logo a{width:35vw;}
  .shownav .f_ui ul .logo a{width:17vw;}
  .shownav .f_ui ul .logo{top:1.7vw;}

  .f_ui ul .navbar{height:11vw;}

  .f_kv ul .scrlnote{display: none;}

  .f_kv ul .artnote{right:5.3vw; bottom:3.1vw; font-size:1.1vw;}
  

  .f_kv ul .pgetitle{top: auto; bottom:-9.4vw; padding-left: 7.4vw;}
  .f_kv ul .pgetitle h1{color:#669835; font-size: 4.8vw;}
  .f_kv ul .pgetitle i{background-color: #669835; top: 0.7vw; width: 1.8vw; height: 3.7vw;}

  .f_ui ul .burger{top:auto!important; right:auto!important; left:46.8vw!important; bottom:7.5vw!important; width: 6.5vw!important;
    -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8);
  }
  .f_ui ul .burger span:nth-child(1) i{margin-top: 0.6vw; margin-bottom: 0.6vw;}
  .f_ui ul .burger span i{background-color:#fff!important;}
  .f_ui ul .burger p{display: block; border:1px solid #fff;}

  .f_ui ul .cta_register{right: 2vw; bottom: 7.8vw;}
  .f_ui ul .cta_register p{width: 13.5vw; padding: 0.6vw 1.4vw; font-size: 2.2vw; line-height: 2.3vw;}

  .mainnav ul .lnks{right: 7.3vw; top: 21vw;}
  .mainnav ul .lnks a{font-size:2.3vh; line-height:3.5vh;}

  .mainnav ul .leaves .elm_leaves{display: none;}
  .mainnav ul .leaves{left:7.5vw; bottom:auto; top:7.3vw;}
  .mainnav ul .leaves .navlogo{width:34.8vw; top:0vw; left:0vw;}

  .mainnav ul .social{bottom:57.3vw; right:auto; left: 7.4vw; height:6vw; z-index:10;}
  .mainnav ul .social a{padding-right: 2.2vw;}
  .mainnav ul .social p{font-size: 1.85vw; padding-left: 2vw;}

  .mainnav ul .ebrochure{bottom:57.3vw; right: 7.4vw; z-index:10;}
  .mainnav ul .ebrochure a{font-size: 1.85vw; height: 6vw; padding-left: 6.3vw;}

  .mainnav ul .navclose{top: 12.5vw; width: 5.7vw; height: 5.7vw; right: 6.7vw;}

  .mainnav ul .devby{bottom:34.5vw; right:auto;  left:0px; width:100%;}
  .mainnav ul .devby p{float:none; clear: both; margin-right: 0vw; text-align: center; font-size:1.85vw; -ms-transform: translateY(0vw); -webkit-transform: translateY(0vw); transform: translateY(0vw);}
  .mainnav ul .devby a{display: block; margin-top:4vw;}
  .mainnav ul .devby img{float:none; clear: both; margin:0 auto; height:9.2vw;}

  .mainnav ul .cpyright{bottom:24.5vw; right:auto; left:0px; width:100%;}
  .mainnav ul .cpyright p{text-align: center; font-size: 2.14vw;}

  .mainnav ul .legallnr{bottom:11.8vw; right:auto; left:0px; width:100%;}
  .mainnav ul .legallnr p{text-align: left; font-size: 1.82vw; padding: 0px 7.4vw; font-size: 1.82vw; line-height: 2.3vw;}
  .mainnav ul .legallnr p br{display: none!important;}

  footer{border-top:0px;}
  footer .brdcrmbs a{font-size: 3vw; line-height: 19.3vw;}
  footer .brdcrmbs a i{width: 11vw;}
  footer .brdcrmbs a:nth-child(1){padding-left: 10.1vw;}
  footer .brdcrmbs a:nth-child(2){padding-right: 10.1vw;}
  footer .brdcrmbs .dvdr{position:absolute; top:0px; left:0px; width:100%;}
  footer .brdcrmbs .dvdr span{position:relative; display: block; width:85vw; margin:0 auto; height:1px; background-color:#bfbfbf;}

  footer .f_1{height:56.4vw;}
  footer .f_1 .dvdr{position:absolute; top:0px; left:0px; width:100%; height:1px;}
  footer .f_1 .dvdr span{position:relative; display: block; width:85vw; margin:0 auto; height:1px; background-color:#bfbfbf; opacity:0.5;}
  footer .f_1 .dvdr span:nth-child(1){-ms-transform: translateY(22vw); -webkit-transform: translateY(22vw); transform: translateY(22vw);}
  footer .f_1 .dvdr span:nth-child(2){-ms-transform: translateY(37.3vw); -webkit-transform: translateY(37.3vw); transform: translateY(37.3vw);}

  footer .f_1 .f_2{top:0%; left:0%; -ms-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%);}

  footer .f_1 .cntctno{left:7.4vw; top:26.1vw;}
  footer .f_1 .cntctno p:nth-child(1){font-size:3.22vw; line-height:3.5vw;}
  footer .f_1 .cntctno p:nth-child(2){position:absolute; top:0px; right: -42vw; margin-top: 1.7vw; font-size: 7vw; line-height:5vw;}

  footer .f_1 .ebrchure{left:64.5vw; top:42.1vw;}
  footer .f_1 .ebrchure a{padding-left: 5.8vw; font-size: 1.92vw; height: 6.3vw;}

  footer .f_1 .social{left:7.4vw; top:42.1vw; height:6.3vw;}
  footer .f_1 .social a{height: 3vw; padding-right: 2.2vw;}
  footer .f_1 .social p{padding-left: 2.2vw; font-size: 1.92vw;}

  footer .f_1 .fchat{left:7.4vw; top:7vw;}
  footer .f_1 .fchat a{font-size:6.8vw;}
  footer .f_1 .fchat a img{top: 0.7vw; right: -45vw; height: 87%;}
  footer .f_1 .fchat p{-ms-transform: translateY(-1.2vw); -webkit-transform: translateY(-1.2vw); transform: translateY(-1.2vw); font-size: 3.05vw; line-height: 3vw; text-transform: none;}

  footer .f_legal{height:45.6vw; margin-bottom:17vw;}
  footer .f_legal .f_2{top:0%; -ms-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%);}
  footer .f_legal .legliner{top:26.4vw; left:0%; width:100%;}
  footer .f_legal .legliner p:nth-child(1){text-align: center; font-size: 1.82vw;}
  footer .f_legal .legliner p:nth-child(2){margin-top: 3.6vw; padding: 0px 7.4vw; font-size: 1.82vw; line-height: 2.3vw;}
  footer .f_legal .legliner p:nth-child(2) br{display: none!important;}
  footer .f_legal .devby{left:0px; top:3.7vw; width:100%;}
  footer .f_legal .devby p{float:none; clear: both; margin-right: 0vw; text-align: center; font-size:1.85vw; -ms-transform: translateY(0vw); -webkit-transform: translateY(0vw); transform: translateY(0vw);}
  footer .f_legal .devby a{display: block; margin-top:4vw;}
  footer .f_legal .devby img{float:none; clear: both; margin:0 auto; height:9.2vw;}

  footer .f_backtop{top: -12vw; right: 6vw;}
  footer .f_backtop img{width: 8vw;}
  
  

}

@media (max-width:1366px){
  .btn2{width:17vh;}
  .btn2 p{font-size: 1.83vh;}
}



@media (max-width:550px){

  .f_kv{height:125vw;}

  .f_ui ul .logo{left:7.4vw; top:7.3vw;}
  .f_ui ul .logo a{width:35vw;}
  
  .f_kv ul .pgetitle{padding-left: 7.4vw; bottom: -9.4vw;}
  .f_kv ul .pgetitle h1{font-size: 4.95vw;}
  .f_kv ul .pgetitle i{width: 1.8vw; height: 3.8vw;}

  .f_kv ul .artnote{right: 7.3vw; font-size: 1.5vw; bottom: 3.7vw;}
  
  .f_ui ul .burger{-ms-transform: scale(0.9); -webkit-transform: scale(0.9); transform: scale(0.9);}
  
  .f_ui ul .cta_register{bottom: 6.5vw;}
  .f_ui ul .cta_register p{width: 19vw; font-size: 3vw; line-height: 3vw; padding: 1vw 2.6vw;}

  .mainnav ul .lnks{top: 14vh;}
  .mainnav ul .lnks a{font-size: 3vh; line-height: 4.6vh;}



}

@media (max-width:410px){

  .mainnav ul .lnks a{font-size: 3.1vh; line-height: 4.9vh;}

}

/* ================================
   NEWS & MEDIA (clean overrides)
   ================================ */

/* Show the section on mobile (your theme hides sections there) */
.mobile section.sec_news { display: block !important; }

/* Let this section size itself (not 100vh) and never clip children */
section.sec_news{
  position: relative;
  height: auto;                /* opt out of global 100vh */
  padding: 40px 0;             /* desktop spacing */
  background: #f7f7f4;
  overflow: visible;           /* never clip */
  text-align: left;            /* default left for this block only */
}

/* Inner container: fluid but capped, so zooming stays readable */
.sec_news .container{
  width: min(1400px, 90vw);
  max-width: none;
  margin-inline: auto;
}

/* Grid layout for each news item */
.sec_news .news_list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 56px;
}

.sec_news .news_item{
  display: grid;
  grid-template-columns: minmax(280px, 520px) 1fr;
  gap: 48px;
  align-items: center;
}

/* Media (image) */
.sec_news .news_imgwrap{ display: block; }
.sec_news .news_img{ width: 100%; height: auto; display: block; border-radius: 12px; }

/* Typography — readable on zoom in/out */
.sec_news .news-kicker{
  text-transform: uppercase;
  letter-spacing: .12em;
  text-align: center;                 /* keep the kicker centered */
  margin: 20px 0 28px;
  opacity: .9;
  font-size: clamp(18px, 1.4vw, 24px);
}

.sec_news .news-title{
  margin: 0 0 10px;
  font-size: clamp(18px, 1.25vw, 22px);
  line-height: 1.25;
}

.sec_news .news-summary{
  margin: 0 0 12px;
  font-size: clamp(15px, 1.05vw, 18px);
  line-height: 1.6;
}

/* Body copy alignment */
.sec_news .news_body{ text-align: left; }

/* Buttons inside the news body should not be centered */
.sec_news .news_body .btn1,
.sec_news .news_body .btn2{
  display: inline-block;
  margin: 0;
}

/* ---------- Mobile tweaks ---------- */
@media (max-width: 991.98px){
  section.sec_news{
    /* leave room for your fixed bottom tray so nothing is covered */
    padding: 24px 0 calc(96px + env(safe-area-inset-bottom));
  }

  .sec_news .container{ width: 92vw; }

  .sec_news .news_list{
    display: flex;
    flex-direction: column;
    gap: 40px;
  }

  .sec_news .news_item{ display: block; }

  .sec_news .news_img{
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 18px;
  }

  .sec_news .news_body{ padding: 0 12px; }

  .sec_news .news-kicker{
    margin: 16px 0 22px;               /* more breathing room */
    font-size: clamp(16px, 4.5vw, 22px);
  }

  .sec_news .news-title{
    margin: 16px 0 22px;               /* more breathing room */
    font-size: clamp(14px, 4vw, 18px); /* smaller than desktop */
  }
}

/* Safety: never clip anything in this block */
section.sec_news,
.sec_news *{
  max-height: none !important;
  overflow: visible !important;
}