﻿.kamban_in{
position:relative;
z-index:20;
width:100%;
height:100vh;
overflow:hidden;
background-color:#FFE900;
}
.kamban_in > div{
position:absolute;
bottom:0;
left:0;
width:100%;
height:100vh;
}

/* -∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵- */

div.kanban_airplane{
position:absolute;
top:0;
left:0;
overflow:hidden;
width:100%;
height:100%;
}
div.kanban_airplane img{
position:absolute;
width:100vw;
max-width:inherit;
transform-origin:top left;
transform:scale(0);
animation: move_airplane 10s linear 0s infinite;

}

/* -∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵- */

div.kanban_button_3dvr{
z-index:80;
position:absolute;
top:calc(5.5% + 238px);
left:calc(((100vw - 1024px) / 2) + 7vh * 6.5);
height:20%;
width:20vh;
}
div.kanban_button_3dvr img{
display:inline;
width:100%;
height:100%;
}

/* -∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵- */

div.kanban_button_narda{
z-index:82;
position:absolute;
top:calc(5.5% + 238px);
left:calc(((100vw - 1024px) / 2) + 7vh * 6.5 + 18vh);
height:20%;
width:20vh;
}
div.kanban_button_narda img{
display:inline;
width:100%;
height:100%;
}

/* -∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵- */

div.kanban_button_present{
z-index:85;
position:absolute;
bottom:20%;
left:calc((100vw - 1024px) / 2);
height:20%;
width:20vh;
}
div.kanban_button_present img{
display:inline;
width:100%;
height:100%;
}

/* -∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵- */

div.kanban_button_enter{
z-index:90;
position:absolute;
bottom:5%;
left:inherit;
right:calc(50vw - 10vh);
height:20%;
width:20vh;
}
div.kanban_button_enter a{
animation: move_kamban_button 1s ease-in 0s infinite;
display:block;
width:100%;
height:100%;
background-image:url(./../images/kamban/buttons/button_enter.png);
background-size:cover;
}

/* -∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵- */

@keyframes move_airplane {
  0%{
    transform:scale(0.2);
    top:40vh;
    left:-20vw;
    z-index:87;
  }
  80%{
    transform:scale(0.2);
    top:-5vh;
    left:100vw;
    z-index:87;
  }
  81%{
    transform:scale(0.2);
    top:100vh;
    left:400vw;
    z-index:89;
  }
  82%{
    transform:scale(-2, 2);
    top:100vh;
    left:400vw;
    z-index:89;
  }
  100%{
    transform:scale(-2, 2);
    top:-100vh;
    left:-200vw;
    z-index:89;
  }
}

@keyframes move_kamban_button {
  0% {
    background-image:url(./../images/kamban/buttons/button_enter.png);
  }
  25% {
    background-image:url(./../images/kamban/buttons/button_enter_2.png);
  }
  50% {
    background-image:url(./../images/kamban/buttons/button_enter_3.png);
  }
  75% {
    background-image:url(./../images/kamban/buttons/button_enter_4.png);
  }
  100% {
    background-image:url(./../images/kamban/buttons/button_enter.png);
  }
}

/* NEW */

.kamban_bg_wheel{
  background:url(./../images/kamban/images/image_wheel.svg) no-repeat right bottom;
  background-size:90vw;
  background-size:90vmax;
}
.kamban_bg_earth{
  background:url(./../images/kamban/images/image_earth.png) no-repeat left -30vmin bottom -25vmin;
  background-size:100vmin;
}
.kamban_bg_nameplate{
  background:url(./../images/kamban/images/image_nameplate.svg) no-repeat right bottom 10vmin;
  background-size:auto 100vh;
}
.kamban_bg_tech{
  background:url(./../images/kamban/images/image_tech.png) no-repeat left top;
  background-size:auto 10vmin;
}

.kamban_in > .kamban_title{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
z-index:88;
}
.kamban_big_title{
display:flex;
flex-direction:column;
align-items:center;
/*width:35vmax;*/
padding:2.5vw 5vw;
padding:2.5vmax 5vmax;
background:rgba(255,233,0,0.75);
max-heigth:450px;
}
.kamban_big_title p{
width:100%;
}

.kamban_title_date{
margin-top:2.5vmin;
}

.kamban_title_pdf{
margin-top:2vmin;
}
.kamban_title_pdf li{
margin-top:0.5rem;
}
.kamban_title_pdf li:first-child{
margin-top:0;
}
.kamban_title_pdf li a{
color:#000000;
}
.kamban_title_pdf li a:hover{
text-decoration:underline;
}
