/*
.sm-slide-In-Up{
  opacity:0;
  transform:translateY(50px);
  transition:all 0.6s ease-out;
}
.sm-slide-In-Up.slide-In-Up{
  opacity:1;
  transform:translateY(0);
} */



.sm-set > .sm-item:nth-child(2){animation-delay:0.05s}
.sm-set > .sm-item:nth-child(3){animation-delay:0.1s}
.sm-set > .sm-item:nth-child(4){animation-delay:0.15s}
.sm-set > .sm-item:nth-child(5){animation-delay:0.2s}
.sm-set > .sm-item:nth-child(6){animation-delay:0.25s}
.sm-set > .sm-item:nth-child(7){animation-delay:0.3s}
.sm-set > .sm-item:nth-child(8){animation-delay:0.35s}
.sm-set > .sm-item:nth-child(9){animation-delay:0.4s}
.sm-set > .sm-item:nth-child(10){animation-delay:0.45s}
.sm-set > .sm-item:nth-child(11){animation-delay:0.5s}
.sm-set > .sm-item:nth-child(12){animation-delay:0.55s}
.sm-set > .sm-item:nth-child(13){animation-delay:0.6s}
.sm-set > .sm-item:nth-child(14){animation-delay:0.65s}
.sm-set > .sm-item:nth-child(15){animation-delay:0.7s}
.sm-set > .sm-item:nth-child(16){animation-delay:0.75s}
.sm-set > .sm-item:nth-child(17){animation-delay:0.8s}
.sm-set > .sm-item:nth-child(18){animation-delay:0.85s}
.sm-set > .sm-item:nth-child(19){animation-delay:0.9s}
.sm-set > .sm-item:nth-child(20){animation-delay:0.95s}

.delay-01{animation-delay:0.1s !important}
.delay-02{animation-delay:0.15s !important}
.delay-04{animation-delay:0.4s !important}
.delay-05{animation-delay:0.5s !important}
.delay-1{animation-delay:1s !important}
.delay-15{animation-delay:1.5s !important}
.delay-2{animation-delay:2s !important}

:root{
  --slide-up:20%;
  --slide-fade-up:20%;
  --zoom-out:1.1;
  --zoom-in:0.9;
  --rotate-scale:-90deg;
}

.In-Up,
.sm-zoom-In,
.sm-slide-Fide-In-Up{opacity:0}

.zoom-wrap{overflow:hidden}
.sm-zoom-Out{-webkit-transform:scale(var(--zoom-out)); transform:scale(var(--zoom-out))}
.sm-slide-In-Up{-webkit-transform:translateY(var(--slide-up)); transform:translateY(var(--slide-up))}
.sm-slide-Fide-In-Up{-webkit-transform:translateY(var(--slide-fade-up)); transform:translateY(var(--slide-fade-up))}
.sm-rotate-scale{-webkit-transform:rotate(var(--rotate-scale)) scale(0); transform:rotate(var(--rotate-scale)) scale(0)}


.rotate-scale{
  -webkit-animation:ani-rotate-scale 1s cubic-bezier(0.215, 0.61, 0.355, 1);
          animation:ani-rotate-scale 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-animation-fill-mode:forwards;
          animation-fill-mode:forwards;
}
@-webkit-keyframes ani-rotate-scale{
  0%{
    -webkit-transform:rotate(var(--rotate-scale)) scale(0);
            transform:rotate(var(--rotate-scale)) scale(0);
  }
  60%{
    -webkit-transform:rotate(20deg);
            transform:rotate(20deg);
  }
  80%{
    -webkit-transform:rotate(-10deg);
            transform:rotate(-10deg);
  }
  100%{
    -webkit-transform:rotate(0) scale(1);
            transform:rotate(0) scale(1);
  }
}
@keyframes ani-rotate-scale{
  0%{
    -webkit-transform:rotate(var(--rotate-scale)) scale(0);
            transform:rotate(var(--rotate-scale)) scale(0);
  }
  60%{
    -webkit-transform:rotate(20deg);
            transform:rotate(20deg);
  }
  80%{
    -webkit-transform:rotate(-10deg);
            transform:rotate(-10deg);
  }
  100%{
    -webkit-transform:rotate(0) scale(1);
            transform:rotate(0) scale(1);
  }
}


.Up,
.slide-In-Up{
  -webkit-animation:ani-slide-In-Up 1s cubic-bezier(0.215, 0.61, 0.355, 1);
          animation:ani-slide-In-Up 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-animation-fill-mode:forwards;
          animation-fill-mode:forwards;
}
@-webkit-keyframes ani-slide-In-Up{
  0%{
    -webkit-transform:translateY(var(--slide-up));
            transform:translateY(var(--slide-up));
  }
  100%{
    -webkit-transform:translateY(0);
            transform:translateY(0);
  }
}
@keyframes ani-slide-In-Up{
  0%{
    -webkit-transform:translateY(var(--slide-up));
            transform:translateY(var(--slide-up));
  }
  100%{
    -webkit-transform:translateY(0);
            transform:translateY(0);
  }
}


.slide-Fade-In-Up{
  -webkit-animation:ani-slide-Fade-In-Up 1s cubic-bezier(0.215, 0.61, 0.355, 1);
          animation:ani-slide-Fade-In-Up 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-animation-fill-mode:forwards;
          animation-fill-mode:forwards;
}
@-webkit-keyframes ani-slide-Fade-In-Up{
  0%{
    opacity:0;
    -webkit-transform:translateY(var(--slide-fade-up));
            transform:translateY(var(--slide-fade-up));
  }
  100%{
    opacity:1;
    -webkit-transform:translateY(0);
            transform:translateY(0);
  }
}
@keyframes ani-slide-Fade-In-Up{
  0%{
    opacity:0;
    -webkit-transform:translateY(var(--slide-fade-up));
            transform:translateY(var(--slide-fade-up));
  }
  100%{
    opacity:1;
    -webkit-transform:translateY(0);
            transform:translateY(0);
  }
}


.zoom-Out{
  -webkit-animation:ani-zoom-Out 1.5s cubic-bezier(0.430, 0.195, 0.020, 1.000);
          animation:ani-zoom-Out 1.5s cubic-bezier(0.430, 0.195, 0.020, 1.000);
  -webkit-animation-fill-mode:forwards;
          animation-fill-mode:forwards;
}
@-webkit-keyframes ani-zoom-Out{
  0%{
    -webkit-transform:scale(var(--zoom-out));
            transform:scale(var(--zoom-out));
  }
  100%{
    -webkit-transform:scale(1);
            transform:scale(1);
  }
}
@keyframes ani-zoom-Out{
  0%{
    -webkit-transform:scale(var(--zoom-out));
            transform:scale(var(--zoom-out));
  }
  100%{
    -webkit-transform:scale(1);
            transform:scale(1);
  }
}


.zoom-In{
  -webkit-animation:ani-zoom-In 1s cubic-bezier(0.430, 0.195, 0.020, 1.000);
          animation:ani-zoom-In 1s cubic-bezier(0.430, 0.195, 0.020, 1.000);
  -webkit-animation-fill-mode:forwards;
          animation-fill-mode:forwards;
}
@-webkit-keyframes ani-zoom-In{
  0%{
    opacity:0;
    -webkit-transform:scale(var(--zoom-in));
            transform:scale(var(--zoom-in));
  }
  100%{
    opacity:1;
    -webkit-transform:scale(1);
            transform:scale(1);
  }
}
@keyframes ani-zoom-In{
  0%{
    opacity:0;
    -webkit-transform:scale(var(--zoom-in));
            transform:scale(var(--zoom-in));
  }
  100%{
    opacity:1;
    -webkit-transform:scale(1);
            transform:scale(1);
  }
}


/* Ken Burns Effect */
.visual-bg .active .photo,
.kenburns{
  --speed:3.5s;
	animation:kenburns-move var(--speed) ease !important;
	-ms-animation:kenburns-move var(--speed) ease !important;
	-webkit-animation:kenburns-move var(--speed) ease !important;
	-o-animation:kenburns-move var(--speed) ease !important;
	-moz-animation:kenburns-move var(--speed) ease !important;
	animation-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000) !important;
	transform:translateZ(0) scale(1) rotate(0deg);
	transition:1800ms;
    -webkit-transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
@-webkit-keyframes kenburns-move {
  0% {
    -webkit-transform-origin:center center;
    -moz-transform-origin:center center;
    -ms-transform-origin:center center;
    -o-transform-origin:center center;
    transform-origin:center center;
    transform:scale(1.1);
    -ms-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.1);
    -moz-transform:scale(1.1);
    opacity:0
  }
  100% {
    transform:scale(1);
    -ms-transform:scale(1);
    -webkit-transform:scale(1);
    -o-transform:scale(1);
    -moz-transform:scale(1);
    opacity:1
  }
}

.split{opacity:0}
.slide-up,
.flush-reveal-up img,
.scroll-up-group > *,
.scroll-up,
.split-child{opacity:0}

.flush-reveal-up .thum > .img-up-overlay{position:absolute; inset:0; background:#F6F6F6; transform-origin:center bottom; transform:scaleY(0); pointer-events:none; z-index:2}
.new-books-carousel.flush-reveal-up .thum > .img-up-overlay{background-color:#f2f0ec}
.flush-reveal-up .thum > .thum-inner{position:relative; z-index:1}

.split-line{display:block}
.split-child > * {overflow:hidden}

.card-reveal-up{transform:none; transform-origin:bottom; overflow:hidden; clip-path:inset(100% 0 0 0); animation:reveal-up 1s ease-in-out forwards; opacity:0;}
@keyframes reveal-up {
  0%{clip-path:inset(100% 0 0 0)}
  100%{clip-path:inset(0 0 0 0); opacity:1}
}