body.openingloading{
  overflow:hidden;
  min-height:100vh;
}
body.openingloading #opening{
  opacity:1;
}
body.openingloading #cnts{
  opacity:0;
}
body #opening{
  opacity:0;
  visibility: visible;
}
body #opening .movie{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  overflow:hidden;
  z-index:501;
}
body #opening .moviesvg{
  width:100%;
  height:100%;
  display:block;
}
body #opening .close {
  position:fixed;
  bottom:2em;
  left: 50%;
  transform: translateX(-50%);
  z-index:502;
  font-size:1.2rem;
  padding:0.5em 2em;
  border:1px solid #999;
  border-radius:2em;
  letter-spacing:0.05em;
  cursor: pointer;
}
body #opening .close:hover{
  transition:background-color 0.3s ease,color 0.3s ease,border-color 0.3s ease;
  color:#fff;
  background-color:#2B6192;
  border-color:#2B6192;
}

body.openingloaded #opening{
  transition:opacity 2s ease, visibility 0s linear 2s;
  opacity:0;
  visibility: hidden;
}
body.openingloaded #cnts{
  transition:opacity 2s ease;
  opacity:1;
}