.fadeOut {
    transition: all 1s ease-in-out;
    background: none;
    visibility: hidden !important;
}

.fadeOut img {
    visibility: hidden !important;
}

.fadeIn {
    -webkit-animation: fadeIn ease-in 1;
    -moz-animation: fadeIn ease-in 1;
    animation: fadeIn ease-in 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
}

.menu_animated {
    opacity: 1;
    display: block;
}

.m_popup {
    -webkit-animation: ease 1;
    -moz-animation: ease 1;
    animation: ease 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    animation-duration: .4s;
}

.slide_animated .slide_2 .slide_elem2 {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

.slide_2 .slide_elem4 {
    transform: translate3d(500%, 0, 0px);
    transition: all .4s ease 0;
    opacity: 0;
}

.slide_animated .slide_2 .slide_elem4 {
    transform: translate3d(0px, 0px, 0px) !important;
    transition: all 1.5s ease 0;
    opacity: 1;
}

.slide_1 .slide_elem6 {
    opacity: 0;
    transform: translate3d(500%, 0, 0px);
    transition: all .4s ease 0;
}

.slide_animated .slide_1 .slide_elem6 {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) !important;
    transition: all 1s ease 0;
}

.slide_1 .slide_elem0,
.slide_2 .slide_elem0 {
    transform: translate3d(-350%, 0, 0px);
    transition: all .4s ease 0;
}

.slide_animated .slide_1 .slide_elem0,
.slide_animated .slide_2 .slide_elem0 {
    transform: translate3d(0px, 0px, 0px) !important;
    transition: all .8s ease 0;
}

.slide_animated .slide_2 .slide_elem1,
.slide_animated .slide_2 .slide_elem3 {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

.slide_1 .slide_title,
.slide_2 .slide_title {
    opacity: 0;
    transition: all .4s ease 0;
}

.slide_animated .slide_1 .slide_title,
.slide_animated .slide_2 .slide_title {
    opacity: 1 !important;
    transition: all 1.5s ease 0;
}