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

.btn2{margin-top:1.5vh;}

.f_kv ul .pgetitle{display:none;}
.f_kv h1{position:absolute; top: 11vh; font-size: 3.45vh; left:0px; width:100%; color:#004274; z-index:5; -ms-transform: translateY(5vh); -webkit-transform: translateY(5vh); transform: translateY(5vh); transition-delay: 1.5s;}
.f_kv h1 span{color:#669835;}

.f_kv .btn2{transition-delay: 2.5s;}

.f_kv h1, .f_kv .btn2{-webkit-transition-duration: 1.5s; transition-duration: 1.5s; opacity:0;}

.f_backtop{position: fixed; bottom: 2vw; right: 1vw; width: 3vw; animation: updown 1s ease-in-out infinite; cursor:pointer; z-index:10;}

.done .f_kv h1,
.done .f_kv .btn2{opacity:1; -ms-transform: translateY(0vh); -webkit-transform: translateY(0vh); transform: translateY(0vh);}

.sec1,
.sec2,
.sec3,
.sec4,
.sec5,
.sec6,
.sec7{position:relative; top:0px; left:0px; width:100%; height:100vh; overflow: hidden;}

.sec1 h1, .sec5 h1{position: absolute; top: 50%; left: 68.7vw; font-size: 5.7vh; line-height: 10.5vh; color: #fff; padding-left: 3.8vh; padding-top: 2vh; z-index: 4;
  -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
}

.sec1 h1 b, .sec5 h1 b{position:absolute; display: block; top:0px; left:0px; width:7.3vh; height:auto;}

.sec1 p{position:absolute; top:0px; left:0px; z-index:10;}

.sec1 .l_2, .sec5 .l_2{position:absolute; top:0px; left:0px; width:100%; height:100%; border:2.1vw solid #fff;}

.sec2{background-color:#fff; -webkit-transition-duration: 1s; transition-duration: 1s;}
.sec2.on{background-color:#f5f5f5;}
.sec2 .prlx{height:114%;}
.sec2 ul li{position:absolute; top:0px; height:100%; display: grid; align-content: center;}
.sec2 .sec2_img{right:0px; width:63.6vw;}
.sec2 .sec2_img .l_1{position:relative; height:70.5vh; overflow: hidden; display: grid; align-content: center;}
.sec2 .sec2_img img{width:100%; height:auto;}
.sec2 .sec2_h{left:7.1vw; top:50%; height:auto; display:block; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: left;}
.sec2 .sec2_h h1{font-size: 3.45vh; text-align: center; color:#004274; margin-bottom: 2vh;}
.sec2 .sec2_h h1 span{color:#669835;}
.sec2 .sec2_h .btn1{margin-left:0px;}
.sec2 .patrn1{position:absolute; top:11vw; left:0vw; width:2.6vw; display: block;}


.sec3 h1{position:absolute; top: 20.5vh; font-size: 3.45vh; left:0px; width:100%; color:#004274; z-index:5;}
.sec3 h1 span{color:#719643;}

.sec4 h1{position:absolute; top: 29vh; font-size: 3.45vh; left:0px; width:100%; color:#004274; z-index:5;}

.sec6{background-color:#fff;}
.sec6 h1{position:absolute; top: 34vh; font-size: 3.45vh; left:0px; width:100%; color:#004274; z-index:5;}
.sec6 h1 span{color:#669835;}
.sec6 ul li{position:absolute;}

.sec6 ul.lbls li{position:absolute; top:0px; left:50%; -ms-transform: translate(50%,0%); -webkit-transform: translate(50%,0%); transform: translate(50%,0%);}

.sec6 .box{top:50%; left:50%; width: 101.6vh; height: 63.8vh; background-color:#669835; outline: solid 3px #fff; outline-offset: -1px;
  -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
}
.sec6 .box span{background-color:#fff;}
.sec6 .box i{background:#fff url(../img/page_landing/framebg.jpg) top center no-repeat; background-size:100% auto; opacity:0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; transition-delay: 0s;}
.sec6 .box.on i{opacity:1; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; transition-delay: 0.1s;}

.sec6 ._bx{position:absolute; top:0px; left:0px; width:100%; height:100%; padding:0vh; overflow:hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.sec6 ._bx span{display: block; width:100%; height:100%; position:relative;}
.sec6 ._bx span i{position:absolute; display: block; top:0px; left:0px; width:100%; height:100%;}

.sec6 .box.on ._bx{
  -webkit-transition-duration: 1s; transition-duration: 1s;
  padding:4vh;
}

.sec6 .el_bird{bottom:0vh; left:50%; width:38.7vh; height:auto;  -ms-transform: translateX(-57%); -webkit-transform: translateX(-57%); transform: translateX(-57%); -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.sec6 .el_bird b:nth-child(1){position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:4;}

.sec6 .plant1{bottom: 0vh; left: 50%; width: 24.6vh; height: auto; -ms-transform: translateX(-158%); -webkit-transform: translateX(-158%); transform: translateX(-158%);}
.sec6 .plant1 img,
.sec6 .plant2 img{opacity:0;}
.sec6 .plant2{top: 67vh; left: 50%; width: 19.2vh; height: auto; -ms-transform: translateX(32%); -webkit-transform: translateX(32%); transform: translateX(32%);}

.sec6 .plant1 span{position:absolute; top:0px; left:0px; width:100%; height:200%; background:url(../img/page_landing/plant1.png) top left no-repeat; background-size:100% auto;
  -ms-transform: scale(0,0); -webkit-transform: scale(0,0); transform: scale(0,0);  -webkit-transition-duration: 0.3s; transition-duration: 0.3s;
}
.sec6 .plant1.on span{-ms-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); -webkit-transition-duration: 1.5s; transition-duration: 1.5s;}

.sec6 .plant2 span{position:absolute; top:0px; left:0px; width:100%; height:200%; background:url(../img/page_landing/plant2.png) top left no-repeat; background-size:100% auto;
  -ms-transform: scale(0,0); -webkit-transform: scale(0,0); transform: scale(0,0);  -webkit-transition-duration: 0.3s; transition-duration: 0.3s;
}
.sec6 .plant2.on span{-ms-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); -webkit-transition-duration: 1s; transition-duration: 1s;}


.sec6 .sweed1{bottom: 7.3vh; left: 0vh; width: 31vh; height: auto;}
.sec6 .sweed2{top: 9vh; right: -2vh; width: 30vh; height: auto;}

.sec6 .draw1{top: 9.5vh; left: 50%; width: 14vh; height: auto; -ms-transform: translateX(112%); -webkit-transform: translateX(112%); transform: translateX(112%);}
.sec6 .draw2{top: 45.8vh; left: 50%; width: 22vh; height: auto; -ms-transform: translateX(-300%); -webkit-transform: translateX(-300%); transform: translateX(-300%);}
.sec6 .draw3{top: 44.4vh; left: 50%; width: 15vh; height: auto; -ms-transform: translateX(-326%); -webkit-transform: translateX(326%); transform: translateX(326%);}
.sec6 .draw3 img{-ms-transform: rotate(20deg); -webkit-transform: rotate(20deg); transform: rotate(20deg);}


.lable{position:absolute; font-size: 1.35vh; font-style: normal; line-height: 1.6vh; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;
  -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity:0;
}

.lable.on{opacity:1; -ms-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%);
  -webkit-transition-duration: 1s; transition-duration: 1s;
}

.sec6 .el_bird .lable{bottom: 2vh; left: 16.4vh;}

.sec6 .draw1 .lable{top: 4vh; right: -6.5vh;}
.sec6 .draw2 .lable{bottom: -2vh; left: 8vh;}
.sec6 .draw3 .lable{top: 4vh; right: -4vh;}

.sec6 .plant1 .lable{top: 12vh; left: -1.2vh;}
.sec6 .plant2 .lable{top: 7vh; right: -10.5vh;}

.sec7 .el_bird .lable{top: 4vh; left: 8vh; -ms-transform: translateY(0%)!important; -webkit-transform: translateY(0%)!important; transform: translateY(0%)!important; opacity:1!important;}

.sec7{overflow: visible; background-color:#fff; z-index:4;}
.sec7 .el_bird{position: absolute; top: -12.4vh; right: 0vh; width: 38.2vh; height: auto;}
.sec7 ul li{position:absolute; top:0px; height:100%;}
.sec7 .sec7_img{left:0px; width:62.6vw; background-color:#f0f0f0;}
.sec7 .sec7_img .l_1{position:relative; height:100vh; overflow: hidden; display: grid; align-content: center;}
.sec7 .sec7_img img{width:100%; height:auto;}

.sec7 .sec7_form{height: auto; top: auto; bottom: 4.5vh; right: 5.2vw; width: 27.5vw;}

.sec7 .sec7_form form{margin-bottom: 6.5vh;}
.sec7 .sec7_form form .inptxt{position:absolute; top:0px; left:0px; width:100%; font-size:1.4vh; height:100%; border:none!important; background:none!important; padding:0px 1vh; color:#595959;}
.sec7 .sec7_form form h1{font-size:2.1vw; color:#595959; text-align:left;}
.sec7 .sec7_form form ul{margin-top:2.6vh;}
.sec7 .sec7_form form ul li{position:relative; border:1px solid #b7b7b7; background-color:#fff; height:4vh; margin-bottom:1.24vh;}
.sec7 .sec7_form form ul li.f_tnc{border:none!important; height:auto; background:none!important; padding-left:2.5vh; color:#595959; font-size:0.82vw; padding-top:1.1vh; line-height:2.2vh; cursor:pointer; text-align:left;}
.sec7 .sec7_form form ul li.f_tnc a{color:#595959; border-bottom:1px solid #595959;}
.sec7 .sec7_form form ul li.f_tnc .tckbx{position:absolute; z-index:4; display: block; top:1.3vh; left:0px; border:1px solid #b7b7b7; width:1.7vh; height:1.7vh; background-color:#fff;}
.sec7 .sec7_form form ul li.f_tnc .chkbx{position: absolute; z-index:-1; top:1.8vh; left:0.7vh; width:1px; height:1px;}
.sec7 .sec7_form form ul li.f_tnc.on .tckbx{background:url(../img/common/form_checkbox.png) center no-repeat; background-size:auto 100%;}

.sec7 .sec7_form form ul li.f_submit{border:none!important; background:none!important; height:auto; text-align: right; padding-top:1.5vh; padding-right: 1.7vh; margin-bottom:0px;}
.sec7 .sec7_form form .btn_submit{display: inline-block; position:relative; left:0.4vh;}
.sec7 .sec7_form form .btn_submit2{display: none;}
.sec7 .sec7_form form .btn_submit p{text-align:center;}
.sec7 .sec7_form form .formloader{background:url(../img/common/formbg.png); position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:10; display:none;}
.sec7 .sec7_form form .formloader .lv1{width: 100px; margin: 0 auto; text-align: center; position:relative; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.sec7 .sec7_form form .formloader .lv1 img{width:100%; height:auto;}
.sec7 .sec7_form form .formloader .notesend{position: relative; top: -10px;}


.sec7 .sec7_form .f_number{position:relative; margin-bottom: 8.2vh;}

.sec7 .sec7_form .f_n_1{width:auto; text-align: left; float:left;}
.sec7 .sec7_form .f_n_1 p:nth-child(1){font-size: 0.91vw; line-height: 2vh;}
.sec7 .sec7_form .f_n_1 p:nth-child(1) strong{font-weight:500;}
.sec7 .sec7_form .f_n_1 p:nth-child(2){font-size:2.77vw; font-weight:500; line-height:3vh; margin-top:2.1vh;
  -ms-transform: translateX(-0.1vw); -webkit-transform: translateX(-0.1vw); transform: translateX(-0.1vw);
}

.sec7 .sec7_form .f_n_2{position:absolute; bottom:-0.4vh; right:0px; height:2.7vw; display: block; width:auto; text-align: right;}
.sec7 .sec7_form .f_n_2 a{display: inline-block; height:1.3vw; padding-left:0.86vw; filter: invert(65%);}
.sec7 .sec7_form .f_n_2 a img{display: block; position:relative; height:100%; width:auto;}
.sec7 .sec7_form .f_n_2 p{display: block; color:#595959; text-transform: uppercase; font-weight:bold; font-size:0.83vw;}
.sec7 .sec7_form .f_download{position: relative; text-align: left; margin-bottom: 6vh;}

.sec7 .sec7_form .lnk_brochure{float:left; display: grid; align-content: center; position: relative; color: #595959; padding-left: 2.6vw; font-weight: bold; font-size: 0.87vw; height: 4.9vh; line-height: 1.7vh;}
.sec7 .sec7_form .lnk_brochure img{position:absolute; top:0px; left:0px; width:auto; height:100%; filter: invert(65%);}

.sec7 .sec7_form .lnk_devby{float:right; position:relative; padding-left: 0.7vh; -ms-transform: translateY(0.9vh); -webkit-transform: translateY(0.9vh); transform: translateY(0.9vh);}
.sec7 .sec7_form .lnk_devby img{height: 3vh; width: auto; display: block;}
.sec7 .sec7_form .lnk_devby span{display: block; white-space: nowrap; position:absolute; top:50%; left:0%; color:#595959; font-size: 0.61vw; text-transform: uppercase; -ms-transform: translate(-100%,-50%); -webkit-transform: translate(-100%,-50%); transform: translate(-100%,-50%);}

.sec7 .sec7_form .f_copyright p{text-transform: uppercase; font-size: 0.61vw; margin-bottom: 1.4vh; line-height: normal; text-align: left; color: #868686;}
.sec7 .sec7_form .f_legallnr p{font-size: 0.5vw; line-height: 1vh; text-align:justify; color: #868686; text-transform: uppercase;}


.vid_desc{display: block;}
.vid_mob{display: none;}

footer{display: none;}


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx MOBILE*/

.mobile .sec2 .patrn1{display: none!important;}

.mobile .f_kv{height:177.7vw;}

.mobile .f_backtop{bottom: 7vw; right: 6vw; width: 8vw;}
.mobile footer{display: block; background-color:#fff; z-index:4;}
.mobile footer .f_legal{height: 62vw; margin-bottom:0px;}
.mobile footer .f_backtop{display: none!important;}
.mobile h1{font-size: 4.95vw!important;}
.mobile .f_kv h1{top: 40vw;}
.mobile .btn2{margin-top: 3.5vw;}
.mobile .sec1 .l_2,
.mobile .sec5 .l_2{border: 3.7vw solid #fff;}
.mobile .sec1,
.mobile .sec5{height: 89vw;}
.mobile .sec1 h1,
.mobile .sec5 h1{left:41vw; top: 72%; padding-left: 3.8vw; font-size: 5vw; line-height: 4vw; padding-top: 4.5vw;}
.mobile .sec5 h1{left:36.8vw;}
.mobile .sec1 h1 b,
.mobile .sec5 h1 b{width:7.1vw;}
.mobile .prlx video{top: 70%; width: 100%; height:auto; min-width:auto; min-height:auto;}
.mobile .sec5 .prlx video{top:30%;}
.mobile .prlx .vid_desc{display: none!important;}
.mobile .prlx .vid_mob{display: block!important;}

.mobile .sec2{height:177.6vw; background: #f5f5f5 url(../img/page_landing/pattern1.png) left top 80vw no-repeat; background-size: 5.4vw auto;}
.mobile .sec2 .sec2_h{left: 0vw; top: 37vw; width: 100%;}
.mobile .sec2 .sec2_h .btn1{display: block; margin:0 auto; margin-top: 3vw;}
.mobile .sec2 .sec2_img{width:85.1vw; top: 59.5vw;}
.mobile .sec2 ul li{display: block; align-content: normal;}
.mobile .sec2 .sec2_img .l_1{height:100vw;}

.mobile .sec3{height: 178vw;}
.mobile .sec3 h1{top: 47vw;}

.mobile .sec4{height:178vw;}
.mobile .sec4 h1{top:64.3vw;}

.mobile .sec6{height: 177.6vw;}
.mobile .sec6 h1{top:55vw;}
.mobile .sec6 .box{width:78vw; height:101.6vw; top:44vw; -ms-transform: translate(-50%,0%); -webkit-transform: translate(-50%,0%); transform: translate(-50%,0%); outline: solid 0px #fff; outline-offset: 0px;}
.mobile .sec6 .box.on ._bx{padding: 4vw;}
.mobile .sec6 .draw1,
.mobile .sec6 .draw2,
.mobile .sec6 .draw3,
.mobile .sec6 .el_bird,
.mobile .sec6 .plant1,
.mobile .sec6 .plant2{-ms-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(0%);}

.mobile .sec6 .lable{font-size: 1.8vw; line-height: 2.3vw;}
.mobile .sec6 .plant2{top: 126.3vw; left: 66.2vw; width: 27vw;}
.mobile .sec6 .plant2 .lable{top: -3vw; left: 3.5vw; right:auto;}
.mobile .sec6 .draw1{top: 33.4vw; left: 27vw; width: 17vw;}
.mobile .sec6 .draw1 .lable{top: 2.6vw; left: 10vw;}
.mobile .sec6 .draw2{top: 90vw; left: 16vw; width: 24vw;}
.mobile .sec6 .draw2 .lable{bottom: -4.4vw; left: 8vw;}
.mobile .sec6 .draw3{top: 91vw; left: 87vw; width: 13vw;}
.mobile .sec6 .draw3 .lable{top: 12vw; right: 2.7vw;}
.mobile .sec6 .el_bird{left: 20vw; bottom: 0vw; width: 59vw;}
.mobile .sec6 .el_bird .lable{bottom: 6vw; left: 25.4vw;}
.mobile .sec6 .sweed2{top: 17.4vw; right: -7.5vw; width: 45.5vw;}
.mobile .sec6 .sweed1{bottom: 22vw; left: -2vw; width: 34vw;}
.mobile .sec6 .plant1{left:8.4vw; width:34vw;}
.mobile .sec6 .plant1 .lable{top: 12vw; left: -2vw;}
.mobile .sec6 .box i{background: #fff url(../img/page_landing/framebg.jpg) center no-repeat; background-size:auto 70%;}
.mobile .sec6 .el_bird_7 .lable{top: 2.9vw; left: 7.4vw; width: 13vw; -ms-transform: translateY(0%)!important; -webkit-transform: translateY(0%)!important; transform: translateY(0%)!important; opacity:1!important;}
.mobile .sec6 .el_bird_7{position: absolute; top: 22vw; right: 0vw; width: 38.2vw; height: auto;}

.mobile .sec7{height:166vw;}
.mobile .sec7 .el_bird{display: none!important;}
.mobile .sec7 ul li{position:relative; width:100%; height:auto;}
.mobile .sec7 ul li .prlx{height:120%; top:6vw;}
.mobile .sec7 .sec7_img .l_1{width:100%; height:89vw; display: block;}
.mobile .sec7 .sec7_form{top: 0vw; padding: 0vw 6.7vw; padding-top: 9vw; bottom:auto; top:0vw; right:auto; left:0vw;}
.mobile .sec7 .sec7_form form{padding: 0vw 3.2vw; margin-bottom: 12.6vw;}
.mobile .sec7 .sec7_form form h1{text-align:center;}
.mobile .sec7 .sec7_form form ul{margin-top: 3.4vw;}
.mobile .sec7 .sec7_form form ul li{padding-left:0vw; padding-right:0vw; height: 9vw; margin-bottom: 1.3vw;}
.mobile .sec7 .sec7_form form .inptxt{font-size: 3.1vw; padding: 0px 2.4vw;}
.mobile .sec7 .sec7_form form ul li.f_tnc .tckbx{width: 2.7vw; height: 2.7vw; top: 1.9vw;}
.mobile .sec7 .sec7_form form ul li.f_tnc{font-size: 3vw; line-height: 4vw; padding-left: 5.4vw; padding-top:1.2vw; height:auto; padding-bottom:3vw;}
.mobile .sec7 .sec7_form form .btn_submit{display: block; left:0vw;}
.mobile .sec7 .sec7_form form ul li.f_submit{padding-top: 0vw;}
.mobile .sec7 .sec7_form form ul li.f_submit .btn2{margin-top:0vw;}

.mobile .sec7 .sec7_form .f_number,
.mobile .sec7 .sec7_form .f_download,
.mobile .sec7 .f_copyright,
.mobile .sec7 .f_legallnr,
.mobile footer .brdcrmbs,
.mobile footer .f_1 .fchat{display: none!important;}

.mobile footer .f_1 .cntctno{top: 1.5vw;}
.mobile footer .f_1 .social{top: 15.4vw;}
.mobile footer .f_1 .ebrchure{top: 15.4vw;}
.mobile footer .f_1 .dvdr span:nth-child(1){-ms-transform: translateY(13.2vw); -webkit-transform: translateY(13.2vw); transform: translateY(13.2vw);}
.mobile footer .f_1 .dvdr span:nth-child(2){-ms-transform: translateY(25.2vw); -webkit-transform: translateY(25.2vw); transform: translateY(25.2vw);}
.mobile footer .f_1{height: 26vw; background:none;}
.mobile footer .f_1 .cntctno p,
.mobile footer .f_1 .social p,
.mobile footer .f_1 .ebrchure a{color:#595959;}
.mobile footer .f_1 .social a,
.mobile footer .f_1 .ebrchure a{filter: invert(65%);}

/* Mediaqueries */

@media (max-width:1366px){

  /*section p{line-height: 1.25vw!important; font-size: 1vw;}*/
  .sec7 .sec7_form form .inptxt{font-size:2.4vh; padding: 0px 2vh;}
  .sec7 .sec7_form form ul li{height:5vh;}
  .sec7 .sec7_form form ul li.f_tnc{font-size: 1vw; line-height: 2.8vh; padding-left: 4vh;}
  .sec7 .sec7_form form ul li.f_tnc .tckbx{width: 2.7vh; height: 2.7vh;}
  .sec7 .sec7_form form ul li.f_tnc a{white-space: nowrap;}

}