/******************************************************************************* 

    SKREY CUSTOMIZATION

    This .css file does not override .css files from parent 
    theme (Alo Alto Theme). 

*******************************************************************************/

/*********************************** GLOBAL ***********************************/

/* Animation Fade In Up */

@-webkit-keyframes fadeInUp {
    0% {
    opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        visibility: visible;
    transform: translate3d(0px, 100%, 0px);
        -webkit-transform: translate3d(0px, 100%, 0px);
}
100% {
    opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        visibility: visible;
    transform: none;
        -webkit-transform: none;
}
}

@keyframes fadeInUp {
        0% {
        opacity: 0;
            -moz-opacity: 0;
            -khtml-opacity: 0;
            visibility: visible;
        transform: translate3d(0px, 100%, 0px);
            -webkit-transform: translate3d(0px, 100%, 0px);
        }
        100% {
        opacity: 1;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            visibility: visible;
        transform: none;
            -webkit-transform: none;
        }
}

.skrey
        .fadeInUp {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-duration: 450ms;
    -webkit-animation-duration: 450ms;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}

/* Animation Fade In Down */

@-webkit-keyframes fadeInDown {
        0% {
	    opacity: 0;
            -moz-opacity: 0;
            -khtml-opacity: 0;
            visibility: visible;
	    transform: translate3d(0px, -100%, 0px);
            -webkit-transform: translate3d(0px, -100%, 0px);
	}
	100% {
	    opacity: 1;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            visibility: visible;
	    transform: none;
            -webkit-transform: none;
	}
}

@keyframes fadeInDown {
	0% {
	    opacity: 0;
            -moz-opacity: 0;
            -khtml-opacity: 0;
            visibility: visible;
	    transform: translate3d(0px, -100%, 0px);
            -webkit-transform: translate3d(0px, -100%, 0px);
	}
	100% {
	    opacity: 1;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            visibility: visible;
	    transform: none;
            -webkit-transform: none;
	}
}

.skrey
        .fadeInDown {
    animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-duration: 450ms;
    -webkit-animation-duration: 450ms;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}

/* Animation Fade Out Up */

@-webkit-keyframes fadeOutUp {
  0% {
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        visibility: visible;
    }
    100% {
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        visibility: visible;
    }
    100% {
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.skrey
        .fadeOutUp {
    animation-name: fadeOutUp;
    -webkit-animation-name: fadeOutUp;
    animation-duration: 450ms;
    -webkit-animation-duration: 450ms;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}

/* Animation Fade Out Down */

@-webkit-keyframes fadeOutDown {
    0% {
          opacity: 1;
          -moz-opacity: 1;
          -khtml-opacity: 1;
          visibility: visible;
      }
      100% {
          opacity: 0;
          -moz-opacity: 0;
          -khtml-opacity: 0;
          visibility: hidden;
          -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
      }
  }
  
  @keyframes fadeOutDown {
      0% {
          opacity: 1;
          -moz-opacity: 1;
          -khtml-opacity: 1;
          visibility: visible;
      }
      100% {
          opacity: 0;
          -moz-opacity: 0;
          -khtml-opacity: 0;
          visibility: hidden;
          -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
      }
  }
  
  .skrey
          .fadeOutDown {
      animation-name: fadeOutDown;
      -webkit-animation-name: fadeOutDown;
      animation-duration: 450ms;
      -webkit-animation-duration: 450ms;
      animation-fill-mode: both;
      -webkit-animation-fill-mode: both;
  }

/********************************* END GLOBAL *********************************/