﻿.js-animate-fade_in {
    opacity: 0;
	transition: opacity 1.0s ease 0.2s;
}
.js-animate-fade_in.js-animated {
	opacity: 1;
}

.js-animate-slide_up {
	position: relative;
	transform: translate3d(0, 30px, 0);
	opacity: 0;
	transition: opacity 1.4s ease 0s, transform 1.4s cubic-bezier(0.22, 1, 0.36, 1) 0s;
}
.js-animate-slide_up.js-animated {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.js-animate-slide_left {
	position: relative;
	transform: translate3d(60px, 0, 0);
	opacity: 0;
	transition: opacity 1.4s ease 0s, transform 1.4s cubic-bezier(0.22, 1, 0.36, 1) 0s;
}
.js-animate-slide_left.js-animated {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.js-animate-shutter_image{
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.js-animate-shutter_image::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    transform: translate3d(0, 0, 0);
    content: "";
    z-index: 50;
}
.js-animate-shutter_image.js-animated::before {
    transform: translate3d(100%, 0, 0);
    transition: transform 1.8s cubic-bezier(0.16, 1, 0.3, 1);
}