@charset "UTF-8";

.way-point {visibility: hidden;transition: all 0.4s}
.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.delay-0 { animation-delay: 0s; -webkit-animation-delay: 0s; }
.delay-1 { animation-delay: 0.1s; -webkit-animation-delay: 0.1s; }
.delay-2 { animation-delay: 0.2s; -webkit-animation-delay: 0.2s; }
.delay-3 { animation-delay: 0.3s; -webkit-animation-delay: 0.3s; }
.delay-4 { animation-delay: 0.4s; -webkit-animation-delay: 0.4s; }
.delay-5 { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.delay-6 { animation-delay: 0.6s; -webkit-animation-delay: 0.6s; }
.delay-7 { animation-delay: 0.7s; -webkit-animation-delay: 0.7s; }
.delay-8 { animation-delay: 0.8s; -webkit-animation-delay: 0.8s; }
.delay-9 { animation-delay: 0.9s; -webkit-animation-delay: 0.9s; }
.delay-10 { animation-delay: 1s; -webkit-animation-delay: 1s; }
.delay-11 { animation-delay: 1.1s; -webkit-animation-delay: 1.1s; }
.delay-12 { animation-delay: 1.2s; -webkit-animation-delay: 1.2s; }
.delay-13 { animation-delay: 1.3s; -webkit-animation-delay: 1.3s; }


/*  animation ltr
------------------------- */

.a-imgbox {
    overflow: hidden;
    position: relative;
}
.a-imgbox:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: #f7f7f7;
    -webkit-transform: translateX(101%);
    -moz-transform: translateX(101%);
    -o-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%);
}
.animated.a-imgbox:before {
    -webkit-animation: ltranimation_a 1.25s cubic-bezier(1, 0, 0, 1);
    animation: ltranimation_a 1.25s cubic-bezier(1, 0, 0, 1);
}
@-webkit-keyframes ltranimation_a {
    0% {-webkit-transform: translateX(-101%);}
    47% {-webkit-transform: translateX(0%);}
    53% {-webkit-transform: translateX(0%);}
    100% {-webkit-transform: translateX(101%);}
}
@keyframes ltranimation_a { 
    0% {
        -webkit-transform: translateX(-101%);
        -moz-transform: translateX(-101%);
        -o-transform: translateX(-101%);
        -ms-transform: translateX(-101%);
        transform: translateX(-101%);
    }
    47% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -o-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }
    53% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -o-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }
    100% {
        -webkit-transform: translateX(101%);
        -moz-transform: translateX(101%);
        -o-transform: translateX(101%);
        -ms-transform: translateX(101%);
        transform: translateX(101%);
    }
}
.a-imgbox .a-imgbox__item {
    opacity: 0;
}
.animated.a-imgbox .a-imgbox__item {
    opacity: 1;
    -webkit-animation: ltranimation_b 1.25s cubic-bezier(1, 0, 0, 1);
    animation: ltranimation_b 1.25s cubic-bezier(1, 0, 0, 1);
}
@-webkit-keyframes ltranimation_b {
    0% {opacity: 0;}
    47% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes ltranimation_b { 
    0% {opacity: 0;}
    47% {opacity: 0;}
    100% {opacity: 1;}
}


.fade-in,.fade-left,.fade-right,.fade-down,.fade-up,.fade-scale {
	opacity: 0;
    -webkit-transition: opacity .7s linear,-webkit-transform .7s cubic-bezier(0,.6,.2,1);
    transition: opacity .7s linear,-webkit-transform .7s cubic-bezier(0,.6,.2,1);
    transition: transform .7s cubic-bezier(0,.6,.2,1),opacity .7s linear;
    transition: transform .7s cubic-bezier(0,.6,.2,1),opacity .7s linear,-webkit-transform .7s cubic-bezier(0,.6,.2,1);
}

.fade-in.slow,.fade-left.slow,.fade-right.slow,.fade-down.slow,.fade-up.slow,.fade-scale.slow {
    opacity: 0;
    -webkit-transition: opacity 1.4s linear,-webkit-transform 1.4s cubic-bezier(0,.6,.2,1);
    transition: opacity 1.4s linear,-webkit-transform 1.4s cubic-bezier(0,.6,.2,1);
    transition: transform 1.4s cubic-bezier(0,.6,.2,1),opacity 1.4s linear;
    transition: transform 1.4s cubic-bezier(0,.6,.2,1),opacity 1.4s linear,-webkit-transform 1.4s cubic-bezier(0,.6,.2,1);
}

/* fade-in */
.animated.fade-in {opacity: 1;}

/* fade-up */
.fade-up {
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
}
.animated.fade-up {
	opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

/* fade-down */
.fade-down {
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
}
.animated.fade-down {
	opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

/* fade-left */
.fade-left {
    -webkit-transform: translate3d(-20px,0,0);
    transform: translate3d(-20px,0,0);
}
.animated.fade-left {
	opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

/* fade-right */
.fade-right {
    -webkit-transform: translate3d(20px,0,0);
    transform: translate3d(20px,0,0);
}
.animated.fade-right {
	opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

/* fade-scale */
.fade-scale {
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.animated.fade-scale {
	opacity: 1;
    -webkit-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0);
}

.a-imgbox {
    -webkit-transform: translateX(3%) translateY(3%) scale(1.1);
    transform: translateX(3%) translateY(3%) scale(1.1);
}
.animated.a-imgbox {
    opacity: 1;
    -webkit-transform: translateX(0%) translateY(0%) scale(1);
    transform: translateX(0%) translateY(0%) scale(1);
}