.sm-slider .tt-effect-active .item .item-wrap {
  pointer-events: none; }

/* Individual grid effects */
/* Fall down / scale up */
.tt-effect-fall.tt-effect-active .item:not(.tt-empty) .item-wrap:first-child {
  -webkit-animation: fallDown 0.6s forwards;
  animation: fallDown 0.6s forwards; }

.tt-effect-fall.tt-effect-active .item .item-wrap:nth-child(2),
.tt-effect-fall.tt-effect-active .item.tt-empty .item-wrap {
  opacity: 0;
  -webkit-animation: scaleUpFadeIn 0.6s forwards;
  animation: scaleUpFadeIn 0.6s forwards; }

/* Slide and reveal */
.tt-effect-slide.tt-effect-active .item:not(.tt-empty) .item-wrap:first-child {
  z-index: 100;
  overflow: hidden;
  margin: 0;
  -webkit-animation: slideOut 0.5s forwards;
  animation: slideOut 0.5s forwards; }

.tt-effect-slide.tt-effect-active .item-wrap:nth-child(2) {
  visibility: visible; }

.tt-effect-slide.tt-effect-active .item:not(.tt-empty) .item-wrap:only-child {
  -webkit-animation: slideOut 0.5s forwards;
  animation: slideOut 0.5s forwards; }

.tt-effect-slide.tt-effect-active .item.tt-empty .item-wrap {
  -webkit-animation: fadeIn 0.5s forwards;
  animation: fadeIn 0.5s forwards; }

/* Fall and rotate */
.tt-effect-fallrotate.tt-effect-active .item:not(.tt-empty) .item-wrap:first-child {
  z-index: 10;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-animation: fallRotate 0.6s ease-in forwards;
  animation: fallRotate 0.6s ease-in forwards; }

.tt-effect-fallrotate.tt-effect-active .item .item-wrap:nth-child(2),
.tt-effect-fallrotate.tt-effect-active .item.tt-empty .item-wrap {
  visibility: visible; }

.tt-effect-fallrotate.tt-effect-active .item.tt-empty .item-wrap {
  opacity: 0;
  -webkit-animation: fadeIn 0.6s forwards;
  animation: fadeIn 0.6s forwards; }

.tt-effect-fallrotate .item:nth-child(4) {
  z-index: 1; }

/* order for correct overlapping */
.tt-effect-fallrotate .item:nth-child(5) {
  z-index: 2; }

.tt-effect-fallrotate .item:nth-child(6) {
  z-index: 3; }

.tt-effect-fallrotate .item:first-child {
  z-index: 4; }

.tt-effect-fallrotate .item:nth-child(2) {
  z-index: 5; }

.tt-effect-fallrotate .item:nth-child(3) {
  z-index: 6; }

/* Scale and rotate */
.tt-effect-scalerotate.tt-effect-active .item:not(.tt-empty) .item-wrap:first-child {
  -webkit-animation: scaleRotateOut 0.6s forwards;
  animation: scaleRotateOut 0.6s forwards; }

.tt-effect-scalerotate.tt-effect-active .item .item-wrap:nth-child(2),
.tt-effect-scalerotate.tt-effect-active .item.tt-empty .item-wrap {
  opacity: 0;
  -webkit-animation: scaleRotateIn 0.6s forwards;
  animation: scaleRotateIn 0.6s forwards; }

.tt-effect-scalerotate.tt-effect-active .item:not(.tt-empty) .item-wrap:only-child {
  -webkit-animation: scaleRotateIn 0.6s forwards;
  animation: scaleRotateIn 0.6s forwards; }

.tt-effect-scalerotate .item:nth-child(-n+3) {
  z-index: 2; }

/* order for correct overlapping */
.tt-effect-scalerotate .item:nth-last-child(-n+3) {
  z-index: 1; }

/* Stack back 3D */
.tt-effect-stackback .item {
  -webkit-perspective: 1000px;
  perspective: 1000px; }

.tt-effect-stackback .item .item-wrap {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.tt-effect-stackback.tt-effect-active .item:not(.tt-empty) .item-wrap:first-child {
  -webkit-animation: moveLeft 0.8s forwards;
  animation: moveLeft 0.8s forwards; }

.tt-effect-stackback.tt-effect-active .item .item-wrap:nth-child(2),
.tt-effect-stackback.tt-effect-active .item.tt-empty .item-wrap {
  z-index: -1;
  -webkit-animation: popUp 0.8s ease-in forwards;
  animation: popUp 0.8s ease-in forwards; }

.tt-effect-stackback.tt-effect-active .item:not(.tt-empty) .item-wrap:only-child {
  -webkit-animation: moveLeft 0.8s forwards;
  animation: moveLeft 0.8s forwards; }

.tt-effect-stackback.tt-effect-active .item.tt-empty .item-wrap {
  opacity: 0;
  -webkit-animation: fadeIn 0.8s forwards;
  animation: fadeIn 0.8s forwards; }

/* 3d flip */
.tt-effect-3dflip .item {
  -webkit-perspective: 1000px;
  perspective: 1000px; }

.tt-effect-3dflip .item .item-wrap {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.tt-effect-3dflip.tt-effect-active .item:not(.tt-empty) .item-wrap:first-child {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotateOutLeft 0.6s forwards;
  animation: rotateOutLeft 0.6s forwards; }

.tt-effect-3dflip.tt-effect-active .item .item-wrap:nth-child(2),
.tt-effect-3dflip.tt-effect-active .item.tt-empty .item-wrap {
  opacity: 0;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotateInRight 0.6s ease-in forwards;
  animation: rotateInRight 0.6s ease-in forwards; }

/* Bring back */
/* From https://github.com/hakimel/kontext by Hakim El Hattab, http://hakim.se */
.tt-effect-bringback .item {
  -webkit-perspective: 1000px;
  perspective: 1000px; }

.tt-effect-bringback .item .item-wrap {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.tt-effect-bringback.tt-effect-active .item:not(.tt-empty) .item-wrap:first-child {
  -webkit-animation: hideLeft 0.8s forwards;
  animation: hideLeft 0.8s forwards; }

.tt-effect-bringback.tt-effect-active .item .item-wrap:nth-child(2) {
  z-index: -1;
  -webkit-animation: showRight 0.8s forwards;
  animation: showRight 0.8s forwards; }

.tt-effect-bringback.tt-effect-active .item:not(.tt-empty) .item-wrap:only-child {
  -webkit-animation: hideLeft 0.8s forwards;
  animation: hideLeft 0.8s forwards; }

.tt-effect-bringback.tt-effect-active .item.tt-empty .item-wrap {
  opacity: 0;
  -webkit-animation: fadeIn 0.8s forwards;
  animation: fadeIn 0.8s forwards; }

/* Superscale */
.tt-effect-superscale.tt-effect-active .item:not(.tt-empty) .item-wrap:first-child {
  -webkit-animation: scaleDown 0.6s ease-in-out forwards;
  /*-ms-animation: scaleDown 0.6s ease-in-out forwards;*/
  -o-animation: scaleDown 0.6s ease-in-out forwards;
  animation: scaleDown 0.6s ease-in-out forwards; }

.tt-effect-superscale.tt-effect-active .item .item-wrap:nth-child(2),
.tt-effect-superscale.tt-effect-active .item.tt-empty .item-wrap {
  opacity: 0;
  -webkit-animation: scaleIn 0.6s ease-in-out forwards;
  animation: scaleIn 0.6s ease-in-out forwards; }

/* Center flip */
.tt-effect-flip .item {
  -webkit-perspective: 1500px;
  perspective: 1500px; }

.tt-effect-flip .item .item-wrap {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.tt-effect-flip.tt-effect-active .item:not(.tt-empty) .item-wrap:first-child {
  -webkit-animation: flipOut 0.8s ease-in forwards;
  animation: flipOut 0.8s ease-in forwards; }

.tt-effect-flip.tt-effect-active .item .item-wrap:nth-child(2),
.tt-effect-flip.tt-effect-active .item.tt-empty .item-wrap {
  opacity: 0;
  -webkit-animation: flipIn 0.8s ease-in forwards;
  animation: flipIn 0.8s ease-in forwards; }

/* Front row */
.tt-effect-frontrow .item {
  overflow: hidden; }

.tt-effect-frontrow.tt-effect-active .item:not(.tt-empty) .item-wrap:first-child {
  -webkit-animation: moveToBack 0.8s forwards;
  animation: moveToBack 0.8s forwards; }

.tt-effect-frontrow.tt-effect-active .item .item-wrap:nth-child(2),
.tt-effect-frontrow.tt-effect-active .item.tt-empty .item-wrap {
  -webkit-animation: moveToFront 0.8s forwards;
  animation: moveToFront 0.8s forwards; }

.tt-effect-frontrow.tt-effect-active .item.tt-empty .item-wrap {
  opacity: 0; }

.tt-effect-frontrow.tt-effect-active .item:not(.tt-empty) .item-wrap:only-child {
  -webkit-animation: moveToFront 0.5s forwards;
  animation: moveToFront 0.5s forwards; }

/* Animation delays */
.sm-slider .tt-effect-delay.tt-effect-active .item:nth-child(2) .item-wrap {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s; }

.sm-slider .tt-effect-delay.tt-effect-active .item:nth-child(3) .item-wrap {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

.sm-slider .tt-effect-delay.tt-effect-active .item:nth-child(4) .item-wrap {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s; }

.sm-slider .tt-effect-delay.tt-effect-active .item:nth-child(5) .item-wrap {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s; }

.sm-slider .tt-effect-delay.tt-effect-active .item:nth-child(6) .item-wrap {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s; }

/* Reverse delays */
.sm-slider .tt-effect-delay-reversed.tt-effect-active .item:nth-child(5) .item-wrap {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s; }

.sm-slider .tt-effect-delay-reversed.tt-effect-active .item:nth-child(4) .item-wrap {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

.sm-slider .tt-effect-delay-reversed.tt-effect-active .item:nth-child(3) .item-wrap {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s; }

.sm-slider .tt-effect-delay-reversed.tt-effect-active .item:nth-child(2) .item-wrap {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s; }

.sm-slider .tt-effect-delay-reversed.tt-effect-active .item:nth-child(1) .item-wrap {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s; }

/* Animations */
@-webkit-keyframes fallDown {
  to {
    opacity: 0;
    -webkit-transform: translateY(70%); } }
@keyframes fallDown {
  to {
    opacity: 0;
    transform: translateY(70%); } }
@-webkit-keyframes scaleUpFadeIn {
  from {
    opacity: 0;
    -webkit-transform: scale(0.8); }

  to {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1); } }
@keyframes scaleUpFadeIn {
  from {
    opacity: 0;
    transform: scale(0.8); }

  to {
    visibility: visible;
    opacity: 1;
    transform: scale(1); } }
@-webkit-keyframes slideOut {
  from {
    width: 100%; }

  to {
    width: 0%; } }
@keyframes slideOut {
  from {
    width: 100%; }

  to {
    width: 0%; } }
@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }

  to {
    opacity: 0; } }
@keyframes fadeOut {
  from {
    opacity: 1; }

  to {
    opacity: 0; } }
@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }
@keyframes fadeIn {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }
@-webkit-keyframes fallRotate {
  0% {
    -webkit-transform: translateY(0%) rotate(0deg);
    -webkit-animation-timing-function: ease-in; }

  40% {
    -webkit-transform: translateY(0%) rotate(20deg);
    -webkit-animation-timing-function: ease-out; }

  60% {
    -webkit-transform: translateY(0%) rotate(15deg);
    opacity: 1; }

  100% {
    -webkit-transform: translateY(150%) rotate(17deg);
    opacity: 0; } }
@keyframes fallRotate {
  0% {
    transform: translateY(0%) rotate(0deg);
    animation-timing-function: ease-in; }

  40% {
    transform: translateY(0%) rotate(20deg);
    animation-timing-function: ease-out; }

  60% {
    transform: translateY(0%) rotate(15deg);
    opacity: 1; }

  100% {
    transform: translateY(150%) rotate(17deg);
    opacity: 0; } }
@-webkit-keyframes scaleRotateOut {
  100% {
    opacity: 0;
    -webkit-transform: scale(0); } }
@keyframes scaleRotateOut {
  100% {
    opacity: 0;
    transform: scale(0); } }
@-webkit-keyframes scaleRotateIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50%) translateY(100%) rotate(25deg); }

  100% {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0%) translateY(0%) rotate(0deg); } }
@keyframes scaleRotateIn {
  0% {
    opacity: 0;
    transform: translateX(50%) translateY(100%) rotate(25deg); }

  100% {
    visibility: visible;
    opacity: 1;
    transform: translateX(0%) translateY(0%) rotate(0deg); } }
@-webkit-keyframes moveLeft {
  50% {
    opacity: 1;
    -webkit-transform: translateX(-100%) rotateY(35deg) rotateX(10deg); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg); } }
@keyframes moveLeft {
  50% {
    opacity: 1;
    transform: translateX(-100%) rotateY(35deg) rotateX(10deg); }

  100% {
    opacity: 1;
    transform: translateX(0%) rotateY(0deg) rotateX(0deg); } }
@-webkit-keyframes popUp {
  0% {
    -webkit-transform: translateZ(-200px); }

  50% {
    z-index: -1; }

  51% {
    z-index: 1; }

  70% {
    z-index: 1;
    visibility: visible;
    -webkit-transform: translateZ(50px);
    -webkit-animation-timing-function: ease-out; }

  100% {
    z-index: 1;
    visibility: visible;
    -webkit-transform: translateZ(0px); } }
@keyframes popUp {
  0% {
    transform: translateZ(-200px); }

  50% {
    z-index: -1; }

  51% {
    z-index: 1; }

  70% {
    z-index: 1;
    visibility: visible;
    transform: translateZ(50px);
    animation-timing-function: ease-out; }

  100% {
    z-index: 1;
    visibility: visible;
    transform: translateZ(0px); } }
@-webkit-keyframes rotateOutLeft {
  100% {
    opacity: 0;
    -webkit-transform: rotateY(90deg); } }
@keyframes rotateOutLeft {
  100% {
    opacity: 0;
    transform: rotateY(90deg); } }
@-webkit-keyframes rotateInRight {
  0% {
    opacity: 0;
    -webkit-transform: rotateY(-90deg); }

  100% {
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateY(0deg); } }
@keyframes rotateInRight {
  0% {
    opacity: 0;
    transform: rotateY(-90deg); }

  100% {
    visibility: visible;
    opacity: 1;
    transform: rotateY(0deg); } }
@-webkit-keyframes hideLeft {
  0% {
    -webkit-transform: translateZ(0px); }

  40% {
    -webkit-transform: translate(-40%, 0) scale(0.8) rotateY(20deg); }

  100% {
    opacity: 1;
    -webkit-transform: translateZ(-400px); } }
@keyframes hideLeft {
  0% {
    transform: translateZ(0px); }

  40% {
    transform: translate(-40%, 0) scale(0.8) rotateY(20deg); }

  100% {
    transform: translateZ(-400px); } }
@-webkit-keyframes showRight {
  0% {
    -webkit-transform: translateZ(-400px); }

  40% {
    z-index: -1;
    -webkit-transform: translate(40%, 0) scale(0.8) rotateY(-20deg); }

  41% {
    z-index: 1; }

  100% {
    z-index: 1;
    visibility: visible;
    -webkit-transform: translateZ(0px); } }
@keyframes showRight {
  0% {
    transform: translateZ(-400px); }

  40% {
    z-index: -1;
    transform: translate(40%, 0) scale(0.8) rotateY(-20deg); }

  41% {
    z-index: 1; }

  100% {
    z-index: 1;
    visibility: visible;
    transform: translateZ(0px); } }
@-webkit-keyframes scaleDown {
  100% {
    opacity: 0;
    -webkit-transform: scale(0); } }
@keyframes scaleDown {
  100% {
    opacity: 0;
    transform: scale(0); } }
@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.2); }

  100% {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1); } }
@keyframes scaleIn {
  0% {
    opacity: 0;
    transform: scale(1.2); }

  100% {
    visibility: visible;
    opacity: 1;
    transform: scale(1); } }
@-webkit-keyframes flipOut {
  50% {
    opacity: 0;
    -webkit-transform: rotateY(90deg); }

  100% {
    opacity: 0;
    -webkit-transform: rotateY(90deg); } }
@keyframes flipOut {
  50% {
    opacity: 0;
    transform: rotateY(90deg); }

  100% {
    opacity: 0;
    transform: rotateY(90deg); } }
@-webkit-keyframes flipIn {
  0% {
    opacity: 0;
    -webkit-transform: rotateY(-90deg); }

  50% {
    opacity: 0;
    -webkit-transform: rotateY(-90deg); }

  75% {
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateY(15deg);
    -webkit-animation-timing-function: ease-in; }

  100% {
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateY(0deg); } }
@keyframes flipIn {
  0% {
    opacity: 0;
    transform: rotateY(-90deg); }

  50% {
    opacity: 0;
    transform: rotateY(-90deg); }

  75% {
    visibility: visible;
    opacity: 1;
    transform: rotateY(15deg);
    animation-timing-function: ease-in; }

  100% {
    visibility: visible;
    opacity: 1;
    transform: rotateY(0deg); } }
@-webkit-keyframes moveToBack {
  100% {
    -webkit-transform: translateX(-60%) scale(0.8); } }
@keyframes moveToBack {
  100% {
    transform: translateX(-60%) scale(0.8); } }
@-webkit-keyframes moveToBack {
  100% {
    -webkit-transform: translateX(-60%) scale(0.8); } }
@-webkit-keyframes moveToFront {
  0% {
    -webkit-transform: translateX(100%) scale(0.8); }

  100% {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0%) scale(1); } }
@keyframes moveToFront {
  0% {
    transform: translateX(100%) scale(0.8); }

  100% {
    visibility: visible;
    opacity: 1;
    transform: translateX(0%) scale(1); } }