.slider .bxslider li>img.bottommask, .slider .bxslider li>a>img.bottommask{    width: auto !important;    left: 0 !important; bottom:75px !important;   right: 0; margin: 0 auto !important;}
.bottommask:hover {  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) infinite both;  transform: translate3d(0, 0, 0);  backface-visibility: hidden;  perspective: 1000px;}
.description  {  opacity: 0;}
.description  .text{  overflow: hidden;}
.loaded .description {  animation: fadeIn 1s ease-in 0.7s forwards;}
.description   p  { transform: translateX(120%);}
.description   .heading3  { transform: translateY(-150%);}
.description   .heading4 { transform: translateX(-120%);}
.loaded .description .center * {  animation: slideIn 0.6s cubic-bezier(0.54, 0.46, 0.54, 0.94) 1.2s forwards;}
.description  .btn{transform: translateY(200%);}


@keyframes fadeIn {
  60% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes scaleIn {
  100% {
    transform: scaleX(1);
  }
}

@keyframes slideIn {
  100% {
    transform: translateY(0);
  }
}


@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}