/*
 >  Dynamic Echo Cycle ©
 >  http://www.daiereh.com
 >  Daiereh © - Software Engineering, Interactive Agency
 
 >> version 1.4
 >> date: 2016-05-11

    --> added caPlot Animations
*/

.halfSecond {
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.oneSecond {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.twoSecond {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


@-webkit-keyframes BlinkOnce {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes BlinkOnce {
   from {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.BlinkOnce {
    -webkit-animation-name: BlinkOnce;
    animation-name: BlinkOnce;
}

@-webkit-keyframes BlinkTwice {
    from {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes BlinkTwice {
    from {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.BlinkTwice {
    -webkit-animation-name: BlinkTwice;
    animation-name: BlinkTwice;
}


@-webkit-keyframes leapInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.2, 0.6, 0.3, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: none;
    }
}

@keyframes leapInDown {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.2, 0.6, 0.3, 1);
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0);
    }

    75% {
        transform: translate3d(0, -10px, 0);
    }

    90% {
        transform: translate3d(0, 5px, 0);
    }

    to {
        transform: none;
    }
}

.leapInDown {
    -webkit-animation-name: leapInDown;
    animation-name: leapInDown;
}

@-webkit-keyframes leapInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.2, 0.6, 0.3, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: none;
    }
}

@keyframes leapInUp {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.2, 0.6, 0.3, 1);
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -25px, 0);
    }

    75% {
        transform: translate3d(0, 10px, 0);
    }

    90% {
        transform: translate3d(0, -5px, 0);
    }

    to {
        transform: none;
    }
}

.leapInUp {
    -webkit-animation-name: leapInUp;
    animation-name: leapInUp;
}

@-webkit-keyframes leapInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.2, 0.6, 0.3, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: none;
    }
}

@keyframes leapInRight {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.2, 0.6, 0.3, 1);
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0);
    }

    75% {
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        transform: translate3d(5px, 0, 0);
    }

    to {
        transform: none;
    }
}

.leapInRight {
    -webkit-animation-name: leapInRight;
    animation-name: leapInRight;
}

@-webkit-keyframes leapInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.2, 0.6, 0.3, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: none;
    }
}

@keyframes leapInLeft {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.2, 0.6, 0.3, 1);
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        transform: translate3d(10px, 0, 0);
    }

    90% {
        transform: translate3d(-5px, 0, 0);
    }

    to {
        transform: none;
    }
}

.leapInLeft {
    -webkit-animation-name: leapInLeft;
    animation-name: leapInLeft;
}

@-webkit-keyframes flyInDown {
    from {
        -webkit-transform: translate3d(0, -3000px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
    }
}

@keyframes flyInDown {
    from {
        transform: translate3d(0, -3000px, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.flyInDown {
    -webkit-animation-name: flyInDown;
    animation-name: flyInDown;
}

@-webkit-keyframes flyInUp {
    from {
        -webkit-transform: translate3d(0, 3000px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
    }
}

@keyframes flyInUp {
    from {
        transform: translate3d(0, 3000px, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.flyInUp {
    -webkit-animation-name: flyInUp;
    animation-name: flyInUp;
}

@-webkit-keyframes flyInRight {
    from {
        -webkit-transform: translate3d(-3000px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
    }
}

@keyframes flyInRight {
    from {
        transform: translate3d(-3000px, 0, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.flyInRight {
    -webkit-animation-name: flyInRight;
    animation-name: flyInRight;
}

@-webkit-keyframes flyInLeft {
    from {
        -webkit-transform: translate3d(3000px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
    }
}

@keyframes flyInLeft {
    from {
        transform: translate3d(3000px, 0, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.flyInLeft {
    -webkit-animation-name: flyInLeft;
    animation-name: flyInLeft;
}

@-webkit-keyframes flyOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 3000px, 0);
    }
}

@keyframes flyOutDown {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(0, 3000px, 0);
    }
}

.flyOutDown {
    -webkit-animation-name: flyOutDown;
    animation-name: flyOutDown;
}

@-webkit-keyframes flyOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, -3000px, 0);
    }
}

@keyframes flyOutUp {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(0, -3000px, 0);
    }
}

.flyOutUp {
    -webkit-animation-name: flyOutUp;
    animation-name: flyOutUp;
}

@-webkit-keyframes flyOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
    }

    to {
        -webkit-transform: translate3d(3000px, 0, 0);
    }
}

@keyframes flyOutRight {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(3000px, 0, 0);
    }
}

.flyOutRight {
    -webkit-animation-name: flyOutRight;
    animation-name: flyOutRight;
}

@-webkit-keyframes flyOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
    }

    to {
        -webkit-transform: translate3d(-3000px, 0, 0);
    }
}

@keyframes flyOutLeft {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(-3000px, 0, 0);
    }
}

.flyOutLeft {
    -webkit-animation-name: flyOutLeft;
    animation-name: flyOutLeft;
}



/* Carousel Animations*/
@-webkit-keyframes caLeapInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.2, 0.6, 0.3, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: none;
    }
}

@keyframes caLeapInDown {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.2, 0.6, 0.3, 1);
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0);
    }

    75% {
        transform: translate3d(0, -10px, 0);
    }

    90% {
        transform: translate3d(0, 5px, 0);
    }

    to {
        transform: none;
    }
}

.caLeapInDown {
    -webkit-animation-name: caLeapInDown;
    animation-name: caLeapInDown;
}

@-webkit-keyframes caLeapInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.2, 0.6, 0.3, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: none;
    }
}

@keyframes caLeapInUp {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.2, 0.6, 0.3, 1);
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -25px, 0);
    }

    75% {
        transform: translate3d(0, 10px, 0);
    }

    90% {
        transform: translate3d(0, -5px, 0);
    }

    to {
        transform: none;
    }
}

.caLeapInUp {
    -webkit-animation-name: caLeapInUp;
    animation-name: caLeapInUp;
}

@-webkit-keyframes caLeapInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.2, 0.6, 0.3, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: none;
    }
}

@keyframes caLeapInRight {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.2, 0.6, 0.3, 1);
    }

    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0);
    }

    75% {
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        transform: translate3d(5px, 0, 0);
    }

    to {
        transform: none;
    }
}

.caLeapInRight {
    -webkit-animation-name: caLeapInRight;
    animation-name: caLeapInRight;
}

@-webkit-keyframes caLeapInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.2, 0.6, 0.3, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: none;
    }
}

@keyframes caLeapInLeft {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.2, 0.6, 0.3, 1);
    }

    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0);
    }

    75% {
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        transform: translate3d(5px, 0, 0);
    }

    to {
        transform: none;
    }
}

.caLeapInLeft {
    -webkit-animation-name: caLeapInLeft;
    animation-name: caLeapInLeft;
}

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

    to {
        -webkit-transform: translate3d(0, 0, 0);
    }
}

@keyframes caFlyInDown {
    from {
        transform: translate3d(0, -100%, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.caFlyInDown {
    -webkit-animation-name: caFlyInDown;
    animation-name: caFlyInDown;
}

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

    to {
        -webkit-transform: translate3d(0, 0, 0);
    }
}

@keyframes caFlyInUp {
    from {
        transform: translate3d(0, 100%, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.caFlyInUp {
    -webkit-animation-name: caFlyInUp;
    animation-name: caFlyInUp;
}

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

    to {
        -webkit-transform: translate3d(0, 0, 0);
    }
}

@keyframes caFlyInRight {
    from {
        transform: translate3d(-100%, 0, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.caFlyInRight {
    -webkit-animation-name: caFlyInRight;
    animation-name: caFlyInRight;
}

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

    to {
        -webkit-transform: translate3d(0, 0, 0);
    }
}

@keyframes caFlyInLeft {
    from {
        transform: translate3d(100%, 0, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.caFlyInLeft {
    -webkit-animation-name: caFlyInLeft;
    animation-name: caFlyInLeft;
}

@-webkit-keyframes caFlyOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 100%, 0);
    }
}

@keyframes caFlyOutDown {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(0, 100%, 0);
    }
}

.caFlyOutDown {
    -webkit-animation-name: caFlyOutDown;
    animation-name: caFlyOutDown;
}

@-webkit-keyframes caFlyOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, -100%, 0);
    }
}

@keyframes caFlyOutUp {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(0, -100%, 0);
    }
}

.caFlyOutUp {
    -webkit-animation-name: caFlyOutUp;
    animation-name: caFlyOutUp;
}

@-webkit-keyframes caFlyOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0);
    }
}

@keyframes caFlyOutRight {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(100%, 0, 0);
    }
}

.caFlyOutRight {
    -webkit-animation-name: caFlyOutRight;
    animation-name: caFlyOutRight;
}

@-webkit-keyframes caFlyOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0);
    }
}

@keyframes caFlyOutLeft {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(-100%, 0, 0);
    }
}

.caFlyOutLeft {
    -webkit-animation-name: caFlyOutLeft;
    animation-name: caFlyOutLeft;
}

.caPlotInDown {
    -webkit-animation-name: caFlyInDown;
    animation-name: caFlyInDown;
}


    .caPlotInDown > * {
        -webkit-animation-name: caFlyInUp;
        animation-name: caFlyInUp;
    }

.caPlotInUp {
    -webkit-animation-name: caFlyInUp;
    animation-name: caFlyInUp;
}

    .caPlotInUp > * {
        -webkit-animation-name: caFlyInDown;
        animation-name: caFlyInDown;
    }

.caPlotInRight {
    -webkit-animation-name: caFlyInRight;
    animation-name: caFlyInRight;
}

    .caPlotInRight > * {
        -webkit-animation-name: caFlyInLeft;
        animation-name: caFlyInLeft;
    }

.caPlotInLeft {
    -webkit-animation-name: caFlyInLeft;
    animation-name: caFlyInLeft;
}

    .caPlotInLeft > * {
        -webkit-animation-name: caFlyInRight;
        animation-name: caFlyInRight;
    }


.caPlotOutDown {
    -webkit-animation-name: caFlyOutDown;
    animation-name: caFlyOutDown;
}


    .caPlotOutDown > * {
        -webkit-animation-name: caFlyOutUp;
        animation-name: caFlyOutUp;
    }

.caPlotOutUp {
    -webkit-animation-name: caFlyOutUp;
    animation-name: caFlyOutUp;
}

    .caPlotOutUp > * {
        -webkit-animation-name: caFlyOutDown;
        animation-name: caFlyOutDown;
    }

.caPlotOutRight {
    -webkit-animation-name: caFlyOutRight;
    animation-name: caFlyOutRight;
}

    .caPlotOutRight > * {
        -webkit-animation-name: caFlyOutLeft;
        animation-name: caFlyOutLeft;
    }

.caPlotOutLeft {
    -webkit-animation-name: caFlyOutLeft;
    animation-name: caFlyOutLeft;
}

    .caPlotOutLeft > * {
        -webkit-animation-name: caFlyOutRight;
        animation-name: caFlyOutRight;
    }

[class*="csPlot"],
[class*="csPlot"] > * {
    -webkit-animation-timing-function: cubic-bezier(.89,.11,.28,.89);
    animation-timing-function: cubic-bezier(.89,.11,.28,.89);
}

/* End - Carousel Animations*/


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

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes zoomIn {
    from {
        -webkit-transform: scale(0.2);
    }

    to {
        -webkit-transform: scale(1);
    }
}

@keyframes zoomIn {
    from {
        transform: scale(0.2);
    }

    to {
        transform: scale(1);
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}