@charset "UTF-8";.rha {
    visibility: hidden;
    opacity: 0;
}

.froml {
    visibility: hidden;
    opacity: 0;
}

.fromr {
    visibility: hidden;
    opacity: 0;
}

.hidded {
   visibility: hidden;
   opacity: 0;
   }

.gently {
   visibility: visible;
   opacity: 1;
   -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  /*-webkit-animation-name: gentl;*/
  /*animation-name: gentl;*/
    -webkit-animation-name:  fade-in-anim;
    animation-name:  fade-in-anim;

  /*-webkit-animation-timing-function: easing;*/
  /*  animation-timing-function: easing;*/
   }

@keyframes fade-in-anim {0%{opacity:0;display:none}1%{opacity:0;display:block}100%,50%{opacity:1;display:block}}@keyframes fade-in-anim {0%{opacity:0;display:none}1%{opacity:0;display:block}100%,50%{opacity:1;display:block}}

@keyframes gentl {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3%, 0);
    transform: translate3d(0, 3%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes gentl {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3%, 0);
    transform: translate3d(0, 3%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


.fromright {
   visibility: visible;
   opacity: 1;
   -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
  /*-webkit-animation-name: right;*/
  /*animation-name: right;*/
  /*-webkit-animation-timing-function: easing;*/
  /*  animation-timing-function: easing;*/
   }

@keyframes fadeInRightBig {0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig {0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}

@keyframes right {
  from {
    -webkit-transform: translate3d(5%, 0, 0);
    transform: translate3d(5%, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes right {
  from {
    -webkit-transform: translate3d(5%, 0, 0);
    transform: translate3d(5%, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.fromleft {
   visibility: visible;
   opacity: 1;
   -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
  /*-webkit-animation-name: left;*/
  /*animation-name: left;*/
  /*-webkit-animation-timing-function: easing;*/
  /*  animation-timing-function: easing;*/
   }

@keyframes fadeInLeftBig {0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig {0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}

@keyframes left {
  from {
    -webkit-transform: translate3d(-5%, 0, 0);
    transform: translate3d(-5%, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes left {
  from {
    -webkit-transform: translate3d(-5%, 0, 0);
    transform: translate3d(-5%, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}