@font-face {
    font-family: ETmodules;
    font-display: block;
    src: url(../fonts/modules/modules.eot);
    src: url(../fonts/modules/modules.eot?#iefix) format("embedded-opentype"), 
         url(../fonts/modules/modules.ttf) format("truetype"), 
         url(../fonts/modules/modules.woff) format("woff"), 
         url(../fonts/modules/modules.svg#ETmodules) format("svg");
    font-weight: 400;
    font-style: normal
}

.et_animated {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both !important
}

.et_animated.infinite {
    animation-iteration-count: infinite
}

.et_had_animation {
    position: relative
}

@keyframes et_pb_fade {
    to {
        opacity: 1
    }
}

.et_animated.fade {
    animation-name: et_pb_fade
}

@keyframes et_pb_fadeTop {
    0% {
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.et_animated.fadeTop {
    animation-name: et_pb_fadeTop
}

@keyframes et_pb_fadeRight {
    0% {
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.et_animated.fadeRight {
    animation-name: et_pb_fadeRight
}

@keyframes et_pb_fadeBottom {
    0% {
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.et_animated.fadeBottom {
    animation-name: et_pb_fadeBottom
}

@keyframes et_pb_fadeLeft {
    0% {
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.et_animated.fadeLeft {
    animation-name: et_pb_fadeLeft
}

.et_animated.slide {
    animation-name: et_pb_zoomLeft
}

.et_animated.slideBottom,
.et_animated.slideRight,
.et_animated.slideTop {
    animation-name: et_pb_slideLeft
}

@keyframes et_pb_slideLeft {
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.et_animated.slideLeft {
    animation-name: et_pb_slideLeft
}

@keyframes et_pb_bounce {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        transform: scale3d(.3, .3, .3)
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        transform: scale3d(.9, .9, .9)
    }

    60% {
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

.et_animated.bounce {
    animation-name: et_pb_bounce
}

@keyframes et_pb_bounceTop {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        transform: translate3d(0, -200px, 0)
    }

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

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

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

    to {
        transform: none;
        opacity: 1
    }
}

.et_animated.bounceTop {
    animation-name: et_pb_bounceTop
}

@keyframes et_pb_bounceRight {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        transform: translate3d(200px, 0, 0)
    }

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

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

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

    to {
        transform: none;
        opacity: 1
    }
}

.et_animated.bounceRight {
    animation-name: et_pb_bounceRight
}

@keyframes et_pb_bounceBottom {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        transform: translate3d(0, 200px, 0)
    }

    60% {
        transform: translate3d(0, -20px, 0)
    }

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

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

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.et_animated.bounceBottom {
    animation-name: et_pb_bounceBottom
}

@keyframes et_pb_bounceLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        transform: translate3d(-200px, 0, 0)
    }

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

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

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

    to {
        transform: none;
        opacity: 1
    }
}

.et_animated.bounceLeft {
    animation-name: et_pb_bounceLeft
}

.et_animated.zoom,
.et_animated.zoomTop {
    animation-name: et_pb_zoomLeft
}

.et_animated.zoomTop {
    transform-origin: top
}

.et_animated.zoomRight {
    animation-name: et_pb_zoomLeft;
    transform-origin: right
}

.et_animated.zoomBottom {
    animation-name: et_pb_zoomLeft;
    transform-origin: bottom
}

@keyframes et_pb_zoomLeft {
    to {
        transform: scaleX(1);
        opacity: 1
    }
}

.et_animated.zoomLeft {
    animation-name: et_pb_zoomLeft;
    transform-origin: left
}

.et_animated.flip,
.et_animated.flipTop {
    animation-name: et_pb_foldBottom
}

.et_animated.flipRight,
.et_animated.flipTop {
    transform-origin: center
}

.et_animated.flipRight {
    animation-name: et_pb_foldLeft
}

.et_animated.flipBottom {
    animation-name: et_pb_foldBottom;
    transform-origin: center
}

.et_animated.flipLeft,
.et_animated.fold {
    animation-name: et_pb_foldLeft;
    transform-origin: center
}

.et_animated.foldTop {
    transform-origin: top;
    animation-name: et_pb_foldBottom
}

.et_animated.foldRight {
    transform-origin: right;
    animation-name: et_pb_foldLeft
}

@keyframes et_pb_foldBottom {
    to {
        opacity: 1;
        transform: perspective(0) rotateX(0deg)
    }
}

.et_animated.foldBottom {
    transform-origin: bottom;
    animation-name: et_pb_foldBottom
}

@keyframes et_pb_foldLeft {
    to {
        opacity: 1;
        transform: perspective(0) rotateY(0deg)
    }
}

.et_animated.foldLeft {
    transform-origin: left;
    animation-name: et_pb_foldLeft
}

@keyframes et_pb_roll {
    0% {
        transform-origin: center
    }

    to {
        transform-origin: center;
        transform: none;
        opacity: 1
    }
}

.et_animated.roll {
    animation-name: et_pb_roll
}

@keyframes et_pb_rollTop {
    0% {
        transform-origin: top
    }

    to {
        transform-origin: top;
        transform: none;
        opacity: 1
    }
}

.et_animated.rollTop {
    animation-name: et_pb_rollTop
}

@keyframes et_pb_rollRight {
    0% {
        transform-origin: right
    }

    to {
        transform-origin: right;
        transform: none;
        opacity: 1
    }
}

.et_animated.rollRight {
    animation-name: et_pb_rollRight
}

@keyframes et_pb_rollBottom {
    0% {
        transform-origin: bottom
    }

    to {
        transform-origin: bottom;
        transform: none;
        opacity: 1
    }
}

.et_animated.rollBottom {
    animation-name: et_pb_rollBottom
}

@keyframes et_pb_rollLeft {
    0% {
        transform-origin: left
    }

    to {
        transform-origin: left;
        transform: none;
        opacity: 1
    }
}

.et_animated.rollLeft {
    animation-name: et_pb_rollLeft
}