/* 
    Animate
*/
[data-animate],.slider [data-animate] {
    will-change: filter, transform, opacity;
    -webkit-backface-visibility: hidden;
    animation-fill-mode: forwards;
    opacity: 0 !important;
    transition: filter 1.3s, transform 1.6s, opacity 0.7s ease-in
}

[data-animate="bounceInLeft"],[data-animate="bounceInUp"],[data-animate="bounceInDown"],[data-animate="bounceInRight"],.slider [data-animate="bounceInLeft"],.slider [data-animate="bounceInUp"],.slider [data-animate="bounceInDown"],.slider [data-animate="bounceInRight"] {
    transition: transform 0.8s cubic-bezier(0, 0.195, 0, 1.465),opacity 0.5s ease-in
}

[data-animate="bounceInLeft"],.slider [data-animate="bounceInLeft"] {
    transform: translate3d(-300px, 0, 0)
}

[data-animate="blurIn"],.slider [data-animate="blurIn"] {
    filter: blur(15px)
}

[data-animate="fadeInLeft"],.slider [data-animate="fadeInLeft"] {
    transform: translate3d(-70px, 0, 0)
}

[data-animate="fadeInRight"],.slider [data-animate="fadeInRight"] {
    transform: translate3d(70px, 0, 0)
}

[data-animate="bounceInUp"],[data-animate="fadeInUp"],.slider [data-animate="bounceInUp"],.slider [data-animate="fadeInUp"] {
    transform: translate3d(0, 70px, 0)
}

[data-animate="bounceInRight"],.slider [data-animate="bounceInRight"] {
    transform: translate3d(300px, 0, 0)
}

[data-animate="bounceIn"],.slider [data-animate="bounceIn"] {
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

[data-animate="bounceInDown"],[data-animate="fadeInDown"],.slider [data-animate="bounceInDown"],.slider [data-animate="fadeInDown"] {
    transform: translate3d(0, -70px, 0)
}

[data-animate="flipInY"],.slider [data-animate="flipInY"] {
    transform: perspective(400px) rotate3d(0, 1, 0, -90deg) translate3d(15px, 0, 0);
    -webkit-backface-visibility: visible;
    backface-visibility: visible
}

[data-animate="flipInX"],.slider [data-animate="flipInX"] {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg) translate3d(0, -15px, 0);
    -webkit-backface-visibility: visible;
    backface-visibility: visible
}

[data-animated="true"],.slider .is-selected [data-animated="true"],.row-slider.slider [data-animated="true"] {
    animation-delay: .1s;
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 1 !important
}

.flickity-slider>*:not(.is-selected) [data-animated="true"] {
    transition: opacity 0.3s !important
}

[data-animate="none"],.slider [data-animate="none"] {
    opacity: 1 !important
}

[data-animated="true"][data-animate="blurIn"],.slider [data-animate="blurIn"][data-animated="true"] {
    filter: blur(0)
}

[data-animated="false"] {
    transition: none !important
}

.has-shadow [data-animate],[data-animate]:hover {
    transition-delay: 0s !important
}

[data-animate-delay="100"] {
    transition-delay: .1s
}

.nav-anim>li {
    transition: transform .3s, opacity .3s;
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
    opacity: 0
}

.active .nav-anim>li,.nav-anim.active>li,.mfp-ready .nav-anim>li {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.nav-anim>li,.col+.col [data-animate],[data-animate-delay="200"],[data-animate]+[data-animate] {
    transition-delay: .2s
}

.nav-anim>li+li,[data-animate-delay="300"] {
    transition-delay: .3s
}

.nav-anim>li+li+li,.col+.col+.col [data-animate],[data-animate-delay="400"],[data-animate]+[data-animate]+[data-animate] {
    transition-delay: .4s
}

.nav-anim>li+li+li+li,[data-animate-delay="500"] {
    transition-delay: .5s
}

.nav-anim>li+li+li+li+li,.col+.col+.col+.col [data-animate],[data-animate-delay="600"],[data-animate]+[data-animate]+[data-animate]+[data-animate] {
    transition-delay: .6s
}

.nav-anim>li+li+li+li+li+li,[data-animate-delay="700"] {
    transition-delay: .7s
}

.nav-anim>li+li+li+li+li+li+li,.col+.col+.col+.col+.col [data-animate],[data-animate]+[data-animate]+[data-animate]+[data-animate]+[data-animate],[data-animate-delay="800"] {
    transition-delay: .8s
}

.nav-anim>li+li+li+li+li+li+li+li,.col+.col+.col+.col+.col+.col [data-animate],[data-animate-delay="900"] {
    transition-delay: .9s
}

.nav-anim>li+li+li+li+li+li+li+li+li,.col+.col+.col+.col+.col+.col+.col [data-animate],[data-animate-delay="1000"] {
    transition-delay: 1s
}

.slider-type-fade .flickity-slider>*:not(.is-selected) [data-animate] {
    opacity: 0 !important;
    transition: none !important
}

@keyframes stuckMoveDown {
    0% {
        transform: translateY(-100%)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes stuckMoveUp {
    0% {
        transform: translateY(100%)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes stuckFadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

/* transition */
.has-hover .bg,.has-hover [class*="image-"] img {
    transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s
}

.bg-color .bg,.bg-grayscale:hover .bg,.has-hover .image-color img,.has-hover:hover .image-grayscale img {
    filter: grayscale(100%)
}

.bg-color:hover .bg,.has-hover:hover .image-color img {
    filter: grayscale(0)
}

.bg-zoom:hover .bg,.has-hover:hover .image-zoom img {
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.bg-zoom-long .bg,.has-hover .image-zoom-long img {
    transition: transform 5s !important
}

.bg-zoom-long .bg,.has-hover:hover .image-zoom-long img {
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.bg-zoom-fade:hover .bg,.has-hover:hover .image-zoom-fade img {
    opacity: .7;
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.bg-glow:hover .bg,.has-hover:hover .image-glow img {
    filter: brightness(1.1)
}

.bg-fade-out:hover .bg,.has-hover:hover .image-fade-out img {
    opacity: .7
}

.image-fade:hover .bg,.has-hover:hover .image-fade img {
    opacity: .6
}

.bg-fade-in .bg,.image-fade-in img {
    opacity: .7
}

.bg-fade-in:hover .bg,.has-hover:hover .image-fade-in img {
    opacity: 1
}

.bg-blur:hover .bg,.has-hover:hover .image-blur img {
    filter: blur(5px)
}

.bg-overlay-remove:hover .overlay,.bg-overlay-add:not(:hover) .overlay,.has-hover:hover .image-overlay-remove .overlay,.has-hover:not(:hover) .image-overlay-add .overlay {
    opacity: 0
}

.bg-overlay-remove-50:hover .overlay,.bg-overlay-add-50:not(:hover) .overlay,.has-hover:hover .image-overlay-remove-50 .overlay,.has-hover:not(:hover) .image-overlay-add-50 .overlay {
    opacity: .5
}

.has-mask {
    overflow: hidden;
    transform: translateZ(0px)
}

.mask-circle {
    -webkit-clip-path: circle(50% at center);
    clip-path: circle(50% at center)
}

.mask-angled {
    -webkit-clip-path: polygon(0 calc(0% + 30px), 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 calc(0% + 30px), 100% 0, 100% 100%, 0 100%)
}

.mask-angled-right {
    -webkit-clip-path: polygon(0 0, 100% calc(0% + 30px), 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% calc(0% + 30px), 100% 100%, 0 100%)
}

.mask-arrow {
    -webkit-clip-path: polygon(0 0, calc(50% - 30px) 0, 50% calc(0% + 30px), calc(50% + 30px) 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, calc(50% - 30px) 0, 50% calc(0% + 30px), calc(50% + 30px) 0, 100% 0, 100% 100%, 0 100%)
}

.mask-angled-large {
    -webkit-clip-path: polygon(0 calc(0% + 60px), 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 calc(0% + 60px), 100% 0, 100% 100%, 0 100%)
}

.mask-angled-right-large {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 60px), 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 60px), 0 100%)
}

.mask-arrow-large {
    -webkit-clip-path: polygon(0 0, calc(50% - 60px) 0, 50% calc(0% + 60px), calc(50% + 60px) 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, calc(50% - 60px) 0, 50% calc(0% + 60px), calc(50% + 60px) 0, 100% 0, 100% 100%, 0 100%)
}

.mask-angled-right,.mask-arrow,.mask-angled {
    margin-top: -30px
}

.mask-angled-right-large,.mask-arrow-large,.mask-angled-large {
    margin-top: -60px
}

[data-parallax]:not(.parallax-active) {
    opacity: 0
}

[data-parallax] {
    will-change: transform !important
}

[data-parallax-container] {
    overflow: hidden
}

[data-parallax]:not(.parallax-active) .bg {
    opacity: 0
}

.shade {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.2);
    background: linear-gradient(to top, #323232 0%, rgba(50,50,50,0) 33%);
    opacity: .3;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: opacity .3s
}

.shade-top {
    opacity: .4;
    background: rgba(0,0,0,0.2);
    background: linear-gradient(to bottom, #000 0%, rgba(0,0,0,0) 70%)
}

.box:hover .shade {
    opacity: .5
}

.box-shade:not(.dark) .shade {
    opacity: .8;
    background: rgba(255,255,255,0.2);
    background: linear-gradient(to top, #fff 0%, rgba(255,255,255,0) 33%)
}

.show-on-hover,.hover-slide,.hover-slide-in,.hover-zoom,.hover-zoom-in {
    opacity: 0;
    transition: opacity .5s, transform .3s, max-height .6s, filter .6s;
    filter: blur(0);
    pointer-events: none
}

.hover-slide {
    transform: translateY(15%) translateZ(0)
}

.hover-slide-in {
    transform: translateY(100%) translateZ(0)
}

.box-text-middle .box-text.hover-slide {
    transform: translateY(-40%) translateZ(0)
}

.hover-fade-out {
    transition: opacity .3s
}

.has-hover:hover .hover-fade-out {
    opacity: 0
}

.hover-invert {
    opacity: 1 !important;
    filter: invert(0)
}

.has-hover:hover .hover-invert {
    filter: invert(100%)
}

.hover-reveal {
    transition: all .6s;
    opacity: 0;
    transform: translateY(15%) translateZ(0);
    max-height: 0
}

.has-hover:hover .hover-reveal {
    opacity: 1;
    max-height: 150px
}

.has-hover:hover .hover-reveal.reveal-small {
    max-height: 30px
}

.hover-blur {
    opacity: 0;
    transition: filter .3s, opacity .3s;
    filter: blur(10px)
}

.has-hover:hover .hover-blur {
    opacity: 1;
    filter: blur(0) !important
}

.hover-zoom {
    transform: scale(1.1) translateZ(0)
}

.box-text-middle .box-text.hover-zoom {
    transform: scale(1.1) translateZ(0) translateY(-50%)
}

.hover-zoom-in {
    transform: scale(0.9) translateZ(0)
}

.box-text-middle .box-text.hover-zoom-in {
    transform: scale(0.9) translateZ(0) translateY(-50%)
}

.hover-bounce {
    opacity: 1 !important;
    transition: transform .3s;
    transform: scale(1) translateZ(0) translateY(10px) !important
}

.has-hover:hover .hover-bounce {
    transform: scale(1) translateZ(0) translateY(0) !important
}

.box-text-middle .hover-bounce {
    transform: scale(1) translateZ(0) translateY(-40%) !important
}

.box-text-middle:hover .box-text.hover-bounce {
    transform: scale(1) translateZ(0) translateY(-50%) !important
}

.has-hover:hover img.show-on-hover {
    opacity: 1
}

.has-hover:hover .hover-slide,.has-hover:hover .hover-slide-in,.has-hover:hover .hover-zoom,.has-hover:hover .hover-zoom-in,.has-hover:hover .show-on-hover {
    opacity: 1;
    transform: scale(1) translateZ(0) translateY(0) !important;
    pointer-events: inherit
}

.has-hover:hover .show-on-hover.center,.box-text-middle:hover .show-on-hover.box-text {
    transform: scale(1) translateZ(0) translateY(-50%) !important
}

.slider .has-slide-effect {
    overflow: hidden;
    background-color: transparent !important
}

.slider .has-slide-effect .bg {
    opacity: 0;
    transition: opacity 1s
}

.slide-zoom-in .bg,.slide-zoom-in-fast .bg {
    -ms-transform: scale(1);
    transform: scale(1)
}

.slide-zoom-out-fast .bg,.slide-zoom-out .bg {
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.has-slide-effect.is-selected .bg {
    opacity: 1;
    -ms-transform: scale(1);
    transform: scale(1);
    transition: opacity 1s, transform 20s ease-out
}

.slide-fade-in.is-selected .bg {
    transition: opacity 3.5s
}

.slide-fade-in-fast.is-selected .bg {
    transition: opacity 1.5s
}

.slide-zoom-in-fast.is-selected .bg,.slide-zoom-in.is-selected .bg {
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.slide-zoom-out-fast.is-selected .bg {
    transition: opacity 1s, transform 5s ease-out
}