@charset "utf-8";
/* CSS Document */


.slide-in {
    z-index: 1;
}
.slide-end {
    z-index: 0;
}
.transition-in img {
    transition: all 2s ease 1s;
}
.slide-start img {
    margin-left: -20%;
    opacity: 0;
}
.slide-in img {
    margin-left: 0;
    opacity: 1;
}
.transition-out img {
    transition: all 1s ease 0s;
}
.slide-end img {
    margin-left: 100%;
}
.slide-start .info {
    margin-left: -20%;
    opacity: 0;
}
.slide-in .info {
    margin-left: 0;
    opacity: 1;
}
.slide-end .info {
    margin-left: 10%;
    opacity: 0;
}
.transition-in .info {
    transition: all 1s ease 1.5s;
}
.transition-out .info {
    transition: all 0.5s ease 0s;
}
.slide-start .info * {
    position: relative;
}
.slide-start .info * {
    left: -10%;
    opacity: 0;
}
.slide-in .info * {
    left: 0;
    opacity: 1;
}
.transition-in .info h2 {
    transition: all 1s ease 2s;
}
.transition-in .info p {
    transition: all 1s ease 2.3s;
}
.transition-in .info a {
    transition: margin 1s ease 2.6s, opacity 1s ease 2.6s;
}