/* ------------------------------------------------ */
/* Navbar nav effect                                */
/* ------------------------------------------------ */
.e-anim.interaction-default .navbar-nav li a {
    -webkit-transition: .5s all cubic-bezier(0.34, 0, 0, 1);
    -o-transition: .5s all cubic-bezier(0.34, 0, 0, 1);
    transition: .5s all cubic-bezier(0.34, 0, 0, 1);
    opacity: .6;
}

.e-anim.interaction-default .navbar-nav li.active a {
    opacity: 1;
}

.e-anim.interaction-default .navbar-nav li a:hover {
    opacity: 1;
}

.e-anim.interaction-default .navbar-nav li.active a:hover {
    opacity: .6;
}

/* ------------------------------------------------ */
/* Link w/ picto effect                             */
/* ------------------------------------------------ */
.e-anim.interaction-default a.picto {
    margin-left: -8px;
    padding: 8px;
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
}

.e-anim.interaction-default a.picto,
.e-anim.interaction-default a.picto i {
    will-change: transform;
    -webkit-transition: .5s all cubic-bezier(0.34, 0, 0, 1);
    -o-transition: .5s all cubic-bezier(0.34, 0, 0, 1);
    transition: .5s all cubic-bezier(0.34, 0, 0, 1);
    text-decoration: none;
    font-size: inherit;
    color: inherit;
}

.e-anim.interaction-default a.picto:hover {
    -webkit-transform: translate3d(3px, 0, 0);
    transform: translate3d(3px, 0, 0);
}

.e-anim.interaction-default a.picto i {
    position: relative;
    margin: 0 8px;
    top: 2px;
}

.e-anim.interaction-default a {
    text-decoration: none;
}

.e-anim.interaction-default .container p a {
    color: inherit;
    box-shadow: inset 0 -0.45em 0 rgb(0, 0, 0, 0.08);
}

.e-anim.interaction-default .container p a:hover {
    text-decoration: none;
    box-shadow: inset 0 -0.45em 0 rgb(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0.8);
}


.e-anim.interaction-default a {
    color: inherit;
    transition: .3s transform cubic-bezier(0.75, 0, 0.25, 1);
}

.e-anim.interaction-default a:hover {
    text-decoration: none;
    transform: translateX(6px);
}

.e-anim.interaction-default .carousel a:hover,
.e-anim.interaction-default .carousel-fader a:hover {
    transform: translateX(0);
}

.e-anim.interaction-default a:hover i.material-icons {
    transform: translateX(-3px);
}

.e-anim.interaction-default a.read-more {
    display: block;
    position: relative;
    width: 100%;
    font-weight: 550;
    margin-right: 1.2em;
}

.e-anim.interaction-default a.read-more:hover {
    color: #555;
}

.e-anim.interaction-default a i.material-icons {
    transition: .3s transform cubic-bezier(0.75, 0, 0.25, 1) .067s;
    position: absolute;
    top: .27em;
    margin-left: 0.44em;
    font-size: 1em;
}

.e-anim.interaction-default a[data-slide="prev"]:hover i.material-icons,
.e-anim.interaction-default a:hover i.material-icons {
    transform: translateX(-3px);
}

.e-anim.interaction-default a[data-slide="next"]:hover i.material-icons {
    transform: translateX(3px);
}


/* ------------------------------------------------ */
/* Appear effect                                    */
/* ------------------------------------------------ */
/*
.e-anim.appear-default .container img:not(.hovered),
.e-anim.appear-default .card:not(.hovered),
.e-anim.appear-default .btn:not(.hovered),
.e-anim.appear-default quote:not(.hovered),
.e-anim .appear:not(.hovered) {
*/
.e-anim.appear-default .makeAppear:not(.hovered) {
    will-change: opacity;
    -webkit-transition: 1.3s opacity, 2s -webkit-transform, 8s -webkit-filter cubic-bezier(0.34, 0, 0, 1);
    transition: 1.3s opacity, 2s -webkit-transform, 8s -webkit-filter cubic-bezier(0.34, 0, 0, 1);
    -o-transition: 2s transform, 1.3s opacity, 8s filter cubic-bezier(0.34, 0, 0, 1);
    transition: 2s transform, 1.3s opacity, 8s filter cubic-bezier(0.34, 0, 0, 1);
    transition: 2s transform, 1.3s opacity, 8s filter cubic-bezier(0.34, 0, 0, 1), 2s -webkit-transform, 8s -webkit-filter cubic-bezier(0.34, 0, 0, 1);
    /*    transition-delay: .5s;*/
    opacity: 0;
}

.e-anim.appear-default .card:not(.hovered),
.e-anim .appear.scale:not(.hovered) {
    will-change: opacity, transform;
    -webkit-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98);
}

.e-anim .appear.film-process:not(.hovered) {
    will-change: opacity, transform, filter;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.e-anim .appear.carousel:not(.hovered) {
    will-change: opacity;
    -webkit-transition: 1.5s opacity cubic-bezier(0.34, 0, 0, 1);
    -o-transition: 1.5s opacity cubic-bezier(0.34, 0, 0, 1);
    transition: 1.5s opacity cubic-bezier(0.34, 0, 0, 1);
    opacity: 0;
}

/*
.e-anim.appear-default .container img.will-show:not(.hovered),
.e-anim.appear-default .card.will-show:not(.hovered),
.e-anim.appear-default .btn.will-show:not(.hovered),
.e-anim.appear-default quote.will-show:not(.hovered),
.e-anim .appear.will-show:not(.hovered) {
*/
.e-anim.appear-default .makeAppear.will-show:not(.hovered) {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

/* ------------------------------------------------ */
/* Fade effects                                     */
/* ------------------------------------------------ */
.e-anim.interaction-default .container a,
.e-anim.interaction-default .container a img,
.e-anim .fade-linear,
.e-anim .fade-bezier {
    will-change: opacity;
    opacity: 1;
}

.e-anim .fade-linear {
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}

.e-anim.interaction-default .container a,
.e-anim.interaction-default .container a img,
.e-anim .fade-bezier {
    -webkit-transition: .5s all cubic-bezier(0.34, 0, 0, 1);
    -o-transition: .5s all cubic-bezier(0.34, 0, 0, 1);
    transition: .5s all cubic-bezier(0.34, 0, 0, 1);
}

.e-anim.interaction-default .container a:hover,
.e-anim.interaction-default .container a img:hover,
.e-anim .fade-linear:hover,
.e-anim .fade-bezier:hover{
    opacity: .67;
}

/* ------------------------------------------------ */
/* Drop-shadow effects                              */
/* ------------------------------------------------ */
.e-anim.interaction-default .card,
.e-anim .lift-up,
.e-anim .push-down,
.e-anim .card {
    will-change: box-shadow;
    -webkit-transition: .5s all cubic-bezier(0.34, 0, 0, 1);
    -o-transition: .5s all cubic-bezier(0.34, 0, 0, 1);
    transition: .5s all cubic-bezier(0.34, 0, 0, 1);
}
.e-anim.interaction-default .card:hover,
.e-anim .lift-up:hover {
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 16px 40px rgba(0, 0, 0, 0.12);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 16px 40px rgba(0, 0, 0, 0.12);
}

.e-anim .push-down:hover {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.06);
}

/* ------------------------------------------------ */
/* Motion effects                                   */
/* ------------------------------------------------ */
.e-anim.interaction-default .container a img,
.e-anim.interaction-default .card,
.e-anim .move-up,
.e-anim .move-down,
.e-anim .move-right,
.e-anim .move-left,
.e-anim .btn-link {
    will-change: transform;
    -webkit-transition: .5s all cubic-bezier(0.34, 0, 0, 1);
    -o-transition: .5s all cubic-bezier(0.34, 0, 0, 1);
    transition: .5s all cubic-bezier(0.34, 0, 0, 1) !important;
    image-rendering: auto;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: visible;
    -webkit-perspective: 1000;
}

.e-anim.interaction-default .container a img:hover,
.e-anim.interaction-default .card:hover,
.e-anim .move-up:hover {
    transform: translate3d(0, -3.0px, 0) rotate(0.001deg);
    -webkit-transform: translate3d(0, -3.0px, 0);
}

.e-anim .move-down:hover {
    transform: translate3d(0, 3.0px, 0) rotate(0.001deg);
    -webkit-transform: translate3d(0, 3.0px, 0);
}

.e-anim .move-left:hover {
    transform: translate3d(-3.0px, 0, 0) rotate(0.001deg);
    -webkit-transform: translate3d(-3.0px, 0, 0);
}

.e-anim .move-right:hover,
.e-anim .btn-link:hover {
    transform: translate3d(3.0px, 0, 0) rotate(0.001deg);
    -webkit-transform: translate3d(3.0px, 0, 0);
}

/* ------------------------------------------------ */
/* Scale effects                                    */
/* ------------------------------------------------ */
.e-anim .scale-up {
    -webkit-transition: .5s all cubic-bezier(0.34, 0, 0, 1);
    -o-transition: .5s all cubic-bezier(0.34, 0, 0, 1);
    transition: .5s all cubic-bezier(0.34, 0, 0, 1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.e-anim .scale-up:hover {
    -webkit-transform: scale(1.01960);
    -ms-transform: scale(1.01960);
    transform: scale(1.01960);
}

/* ------------------------------------------------ */
/* Navigation links effects                         */
/* ------------------------------------------------ */
.e-anim nav a.nav-link {
    -webkit-transition: .5s all cubic-bezier(0.34, 0, 0, 1);
    -o-transition: .5s all cubic-bezier(0.34, 0, 0, 1);
    transition: .5s all cubic-bezier(0.34, 0, 0, 1);
    color: white !important;
    opacity: .67;
}

.e-anim nav .active a.nav-link {
    opacity: 1;
}

.e-anim nav .active a.nav-link:hover {
    opacity: .67;
}

.e-anim nav a.nav-link:hover {
    opacity: 1;
}

/* ------------------------------------------------ */
/* Carousel animations                              */
/* ------------------------------------------------ */
/* Carousel animations - general                    */
/* ------------------------------------------------ */
.e-anim .carousel-fade.fast .carousel-inner .active.carousel-item-left,
.e-anim .carousel-fade.fast .carousel-inner .active.carousel-item-right,
.e-anim .carousel-fade.fast .carousel-inner .carousel-item-next,
.e-anim .carousel-fade.fast .carousel-inner .carousel-item-prev {
    will-change: opacity, transform;
    -webkit-transition: opacity 2s, -webkit-transform 2s cubic-bezier(.1, 0, .2, 1);
    transition: opacity 2s, -webkit-transform 2s cubic-bezier(.1, 0, .2, 1);
    -o-transition: opacity 2s, transform 2s cubic-bezier(.1, 0, .2, 1);
    transition: opacity 2s, transform 2s cubic-bezier(.1, 0, .2, 1);
    transition: opacity 2s, transform 2s cubic-bezier(.1, 0, .2, 1), -webkit-transform 2s cubic-bezier(.1, 0, .2, 1);
}

.e-anim .carousel-fade .carousel-inner .active.carousel-item-left,
.e-anim .carousel-fade .carousel-inner .active.carousel-item-right,
.e-anim .carousel-fade .carousel-inner .carousel-item-next,
.e-anim .carousel-fade .carousel-inner .carousel-item-prev {
    will-change: opacity, transform;
    -webkit-transition: opacity 3s, -webkit-transform 3s cubic-bezier(.1, 0, .2, 1);
    transition: opacity 3s, -webkit-transform 3s cubic-bezier(.1, 0, .2, 1);
    -o-transition: opacity 3s, transform 3s cubic-bezier(.1, 0, .2, 1);
    transition: opacity 3s, transform 3s cubic-bezier(.1, 0, .2, 1);
    transition: opacity 3s, transform 3s cubic-bezier(.1, 0, .2, 1), -webkit-transform 3s cubic-bezier(.1, 0, .2, 1);
}


.e-anim .carousel-fade.slow .carousel-inner .active.carousel-item-left,
.e-anim .carousel-fade.slow .carousel-inner .active.carousel-item-right,
.e-anim .carousel-fade.slow .carousel-inner .carousel-item-next,
.e-anim .carousel-fade.slow .carousel-inner .carousel-item-prev {
    will-change: opacity, transform;
    -webkit-transition: opacity 4s, -webkit-transform 4s cubic-bezier(.1, 0, .2, 1);
    transition: opacity 4s, -webkit-transform 4s cubic-bezier(.1, 0, .2, 1);
    -o-transition: opacity 4s, transform 4s cubic-bezier(.1, 0, .2, 1);
    transition: opacity 4s, transform 4s cubic-bezier(.1, 0, .2, 1);
    transition: opacity 4s, transform 4s cubic-bezier(.1, 0, .2, 1), -webkit-transform 4s cubic-bezier(.1, 0, .2, 1);
}

.e-anim .carousel-fade.ultra-slow .carousel-inner .active.carousel-item-left,
.e-anim .carousel-fade.ultra-slow .carousel-inner .active.carousel-item-right,
.e-anim .carousel-fade.ultra-slow .carousel-inner .carousel-item-next,
.e-anim .carousel-fade.ultra-slow .carousel-inner .carousel-item-prev {
    will-change: opacity, transform;
    -webkit-transition: opacity 8s, -webkit-transform 8s cubic-bezier(.1, 0, .2, 1);
    transition: opacity 8s, -webkit-transform 8s cubic-bezier(.1, 0, .2, 1);
    -o-transition: opacity 8s, transform 8s cubic-bezier(.1, 0, .2, 1);
    transition: opacity 8s, transform 8s cubic-bezier(.1, 0, .2, 1);
    transition: opacity 8s, transform 8s cubic-bezier(.1, 0, .2, 1), -webkit-transform 8s cubic-bezier(.1, 0, .2, 1);
}

.e-anim .carousel-fade .carousel-inner .carousel-item.active,
.e-anim .carousel-fade .carousel-inner .carousel-item-next.carousel-item-left,
.e-anim .carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right {
    opacity: 1;
}

.e-anim .carousel-fade.zoom .carousel-inner .carousel-item.active,
.e-anim .carousel-fade.zoom .carousel-inner .carousel-item-next.carousel-item-left,
.e-anim .carousel-fade.zoom .carousel-inner .carousel-item-prev.carousel-item-right {
    -webkit-transform: scale3d(1.025, 1.025, 1.025);
    transform: scale3d(1.025, 1.025, 1.025);
}

.e-anim .carousel-fade .carousel-inner .carousel-item-left.active,
.e-anim .carousel-fade .carousel-inner .carousel-item-right.active {
    opacity: 0;
}

.e-anim .carousel-fade.zoom .carousel-inner .carousel-item-left.active,
.e-anim .carousel-fade.zoom .carousel-inner .carousel-item-right.active {
    -webkit-transform: scale3d(1.0, 1.0, 1.0);
    transform: scale3d(1.0, 1.0, 1.0);
}