@charset 'utf-8';

.fv-stage {
  overflow: hidden;
}

.fvOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  z-index: 999;
  overflow: hidden;
  transition: opacity 1s ease, visibility 1s ease 1s;
}

.fvOverlay[data-t="1"] {
  opacity: 0;
  visibility: hidden;
}

.fvOverlay-logo {
  display: block;
  position: absolute;
  margin: auto;
  width: 100px;
  height: 125px;
  top: -15px;
  left: 0;
  bottom: 0;
  right: 0;
  transition: transform 1s linear;
}

.fvOverlay-logo[data-t="1"] {
  transform: translate3d(0, 0, 0);
}

.fvOverlay-logoCurtain {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(
    to right,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0) 30%,
    rgba(255,255,255,1) 35%,
    rgba(255,255,255,1) 100%
  );
  transition: transform 1.5s ease-out;
}

.fvOverlay-logoCurtain[data-t='1'] {
  transform: translate3d(30%,0,0);
}

.fv-nav {
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0,-5%,0);
  transition: transform .15s ease, opacity .15s ease, visibility .15s ease;
}

.fv-nav[data-t='1'] {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0,0,0);
}

.fv-nav-logo {
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0,-10%,0);
  transition: transform .15s ease-out, opacity .15s ease, visibility .15s ease;
}

.fv-nav-logo[data-t='1'] {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0,0,0);
}

.fv-entry {
  transform: translate3d(115%,0,0);
  transition: transform .2s ease;
}

.fv-entry[data-t='1'] {
  transform: translate3d(0,0,0);
}

.fv-topics {
  transform: translate3d(100%,0,0);
  transition: transform .2s ease;
}

.fv-topics[data-t='1'] {
  transform: translate3d(0,0,0);
}

@media screen and (max-width:840px) {

.fv-topics {
  transform: translate3d(-100%,0,0);
}

.fv-topics[data-t='1'] {
  transform: translate3d(0,0,0);
}

.fvOverlay-logoCurtain {
  background-image: linear-gradient(
    to right,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,1) 5%,
    rgba(255,255,255,1) 100%
  );
  transition: transform .4s ease-out;
}

.fvOverlay-logoCurtain[data-t='1'] {
  transform: translate3d(calc(30% + 200px),0,0);
}

}