@charset "UTF-8";

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden 
 */



/* animation
-----------------------------------------------------------------*/

/* fadeInIsoVer */
.fadein{ opacity: 0; display: block;}
.fadein.play { opacity: 1; transition: 1.5s;}



.panOut { -webkit-animation-name: panOut; animation-name: panOut; /*transform-origin: bottom left;*/ animation-fill-mode: forwards;}
@-webkit-keyframes panOut {
  0% { opacity: 0; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);}
  65% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  75% { opacity: 1;}
  100% { opacity: 1;}
}
@keyframes panOut {
  0% { opacity: 0; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);}
  65% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  75% { opacity: 1;}
  100% { opacity: 1;}
}



.panOutTB { -webkit-animation-name: panOutTB; animation-name: panOutTB; animation-fill-mode: forwards;}
/*@-webkit-keyframes panOutTB {
  0% { opacity: 0; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); width: 100%; bottom: 0; left: 0;}
  75% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); width: 100%; bottom: 0; left: 0;}
  65% { opacity: 1; width: 100%; bottom: 0; left: 0;}
  100% { opacity: 1; width: 36.5%;}
}*/
@keyframes panOutTB {
  0% { visibility: hidden; opacity: 0; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); width: 100%; bottom: 0; right: 0; font-size: 18px;}
  65% { visibility: visible; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); width: 100%; bottom: 0; right: 0; font-size: 18px;}
  75% { visibility: visible; opacity: 1; width: 100%; bottom: 0; right: 0; font-size: 18px;}
  100% { visibility: visible; opacity: 1; width: 55%; bottom: -5%; right: calc(100% - 0px); font-size: 11px;}
}



.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut;}
@-webkit-keyframes fadeOut { 
  from { opacity: 1;}
  to { opacity: 0;}
}
@keyframes fadeOut { 
  from { opacity: 1;}
  to { opacity: 0;}
}




.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; animation-fill-mode: forwards;}
@-webkit-keyframes fadeIn { 
  from { opacity: 0;}
  to { opacity: 1;}
}
@keyframes fadeIn { 
  from { opacity: 0;}
  to { opacity: 1;}
}

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
@-webkit-keyframes fadeInDown {
  from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
@keyframes fadeInDown {
  from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}

.fadeInDownShort { -webkit-animation-name: fadeInDownShort; animation-name: fadeInDownShort;}
@-webkit-keyframes fadeInDownShort {
  from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0);}
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
@keyframes fadeInDownShort {
  from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0);}
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}

.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}
@-webkit-keyframes fadeInLeft {
  from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
@keyframes fadeInLeft {
  from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}

.fadeInLeftShort { -webkit-animation-name: fadeInLeftShort; animation-name: fadeInLeftShort;}
@-webkit-keyframes fadeInLeftShort {
  from { opacity: 0; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);}
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
@keyframes fadeInLeftShort {
  from { opacity: 0; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);}
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}

.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight;}
@-webkit-keyframes fadeInRight {
  from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
@keyframes fadeInRight {
  from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}

.fadeInRightShort { -webkit-animation-name: fadeInRightShort; animation-name: fadeInRightShort;}
@-webkit-keyframes fadeInRightShort {
  from { opacity: 0; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0);}
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
@keyframes fadeInRightShort {
  from { opacity: 0; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0);}
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}

.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
@-webkit-keyframes fadeInUp {
  from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
@keyframes fadeInUp {
  from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}

.fadeInUpShort { -webkit-animation-name: fadeInUpShort; animation-name: fadeInUpShort;}
@-webkit-keyframes fadeInUpShort {
  from { opacity: 0; -webkit-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0);}
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
@keyframes fadeInUpShort {
  from { opacity: 0; -webkit-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0);}
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}

.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX;}
@-webkit-keyframes flipInX {
  from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1;}
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}
  to { -webkit-transform: perspective(400px); transform: perspective(400px);}
}
@keyframes flipInX {
  from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1;}
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}
  to { -webkit-transform: perspective(400px); transform: perspective(400px);}
}

.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY;}
@-webkit-keyframes flipInY {
  from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}
  40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}
  60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1;}
  80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}
  to { -webkit-transform: perspective(400px); transform: perspective(400px);}
}
@keyframes flipInY {
  from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}
  40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}
  60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1;}
  80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}
  to { -webkit-transform: perspective(400px); transform: perspective(400px);}
}

.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn;}
@-webkit-keyframes zoomIn {
  from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}
  50% { opacity: 1;}
}
@keyframes zoomIn {
  from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}
  50% { opacity: 1;}
}

.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp;}
@-webkit-keyframes zoomInUp {
  from { opacity: 0; -webkit-transform: translate3d(0, 50%, 0) scale(0.5); transform: translate3d(0, 50%, 0) scale(0.5);}
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
@keyframes zoomInUp {
  from { opacity: 0; -webkit-transform: translate3d(0, 50%, 0) scale(0.5); transform: translate3d(0, 50%, 0) scale(0.5);}
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}

/* curtainWhite */
.curtain { /*display: block;*/ display: inline-block; transform: scale(0, 1); transform-origin: left; overflow: hidden; /*filter: drop-shadow(0px 0px 0px rgba(255,255,255,0)) !important;*/}
.curtain:before { content: ""; width: 100%; height: 100%; background: #fff; display: block; position: absolute; top: 0; right: 0; z-index: 1;
 opacity:1; transition: transform 0.9s cubic-bezier(0.75, 0, 0.175, 1) 0.1s; transform: scale(1, 1); transform-origin: right top;}
.curtain.play { transform: scale(1, 1); transition: 0.2s;}
.curtain.play:before { opacity: 1; transform: scale(0, 1);}

/* curtainBlack */
.curtain.blk{}
.curtain.blk:before{ background: #000;}
.curtain.play.blk{}
.curtain.play.blk:before{}

/* curtainBG */
.curtain.bg{ display: inline-block; transform: scale(0, 1); transform-origin: left; overflow: hidden; }
.curtain.bg:before{ content: ""; width: 100%; height: 100%; background: #fff; display: inline-block; position: absolute; top: 0; right: 0; z-index: 1;
 opacity:1; transition: transform 1.2s cubic-bezier(0.75, 0, 0.175, 1) 0.5s !important; transform: scale(1, 1); transform-origin: right top; transition-delay:0.5s !important;}
.curtain.bg.play{ transform: scale(1, 1); transition: 0.7s !important; transition-delay:0.5s !important;}
.curtain.bg.play:before{ opacity: 1; transform: scale(0, 1);}



.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s;}
.animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s;}
.animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s;}
.animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s;}
.animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s;}
.animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms;}
.animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms;}
.animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s;}
.animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s;}

.delay-01s, .delay-01s:before { -webkit-animation-delay: .1s !important; animation-delay: .1s !important; -webkit-transition-delay: .1s !important; transition-delay: .1s !important;}
.delay-02s, .delay-02s:before { -webkit-animation-delay: .2s !important; animation-delay: .2s !important; -webkit-transition-delay: .2s !important; transition-delay: .2s !important;}
.delay-025s, .delay-025s:before { -webkit-animation-delay: .25s !important; animation-delay: .25s !important; -webkit-transition-delay: .25s !important; transition-delay: .25s !important;}
.delay-03s, .delay-03s:before { -webkit-animation-delay: .3s !important; animation-delay: .3s !important; -webkit-transition-delay: .3s !important; transition-delay: .3s !important;}
.delay-04s, .delay-04s:before { -webkit-animation-delay: .4s !important; animation-delay: .4s !important; -webkit-transition-delay: .4s !important; transition-delay: .4s !important;}
.delay-05s, .delay-05s:before { -webkit-animation-delay: .5s !important; animation-delay: .5s !important; -webkit-transition-delay: .5s !important; transition-delay: .5s !important;}
.delay-06s, .delay-06s:before { -webkit-animation-delay: .6s !important; animation-delay: .6s !important; -webkit-transition-delay: .6s !important; transition-delay: .6s !important;}
.delay-07s, .delay-07s:before { -webkit-animation-delay: .7s !important; animation-delay: .7s !important; -webkit-transition-delay: .7s !important; transition-delay: .7s !important;}
.delay-08s, .delay-08s:before { -webkit-animation-delay: .8s !important; animation-delay: .8s !important; -webkit-transition-delay: .8s !important; transition-delay: .8s !important;}
.delay-09s, .delay-09s:before { -webkit-animation-delay: .9s !important; animation-delay: .9s !important; -webkit-transition-delay: .9s !important; transition-delay: .9s !important;}
.delay-10s, .delay-10s:before { -webkit-animation-delay: 1.0s !important; animation-delay: 1.0s !important; -webkit-transition-delay: 1s !important; transition-delay: 1s !important;}
.delay-12s, .delay-12s:before { -webkit-animation-delay: 1.2s !important; animation-delay: 1.2s !important; -webkit-transition-delay: 1.2s !important; transition-delay: 1.2s !important;}
.delay-15s, .delay-15s:before { -webkit-animation-delay: 1.5s !important; animation-delay: 1.5s !important; -webkit-transition-delay: 1.5s !important; transition-delay: 1.5s !important;}
.delay-20s, .delay-20s:before { -webkit-animation-delay: 2s !important; animation-delay: 2s !important; -webkit-transition-delay: 2s !important; transition-delay: 2s !important;}


@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}