@-webkit-keyframes slideOutLeftThenCollapse {
           0% {
               -webkit-transform: translateX(0);
               transform: translateX(0);
               max-height: 0;
               opacity: 1;
           }
           100% {
               opacity: 0;
               visibility: collapse;
               -webkit-transform: translateX(-100%);
               transform: translateX(-100%);
               max-height: 0;
           }
       }

@keyframes slideOutLeftThenCollapse {
           0% {
               opacity: 1;
               -webkit-transform: translateX(0);
               transform: translateX(0);
               max-height: 0;
           }
           100% {
               opacity: 0;
               visibility: collapse;
               -webkit-transform: translateX(-100%);
               transform: translateX(-100%);
               max-height: 0;
           }
       }

.slideOutLeftThenCollapse {
    -webkit-animation-name: slideOutLeftThenCollapse;
    animation-name: slideOutLeftThenCollapse;
}

@-webkit-keyframes slideOutRightThenCollapse {
           0% {
               opacity: 1;
               -webkit-transform: translateX(0);
               transform: translateX(0);
               max-height: 0;
           }
           100% {
               opacity: 0;
               visibility: collapse;
               -webkit-transform: translateX(100%);
               transform: translateX(100%);
               max-height: 0;
           }
       }

@keyframes slideOutRightThenCollapse {
           0% {
               opacity: 1;
               -webkit-transform: translateX(0);
               transform: translateX(0);
               max-height: 0;
           }
           100% {
               opacity: 0;
               visibility: collapse;
               -webkit-transform: translateX(100%);
               transform: translateX(100%);
               max-height: 0;
           }
       }

.slideOutRightThenCollapse {
    -webkit-animation-name: slideOutRightThenCollapse;
    animation-name: slideOutRightThenCollapse;
}

.animated-0-5 {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated-0-6 {
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated-0-7 {
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated-0-8 {
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated-0-9 {
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated-0-9 {
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated-1-0 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated-1-1 {
    -webkit-animation-duration: 1.1s;
    animation-duration: 1.1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated-1-2 {
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeOut {
           0% {
               opacity: 1;
           }
           100% {
               opacity: 0;
               visibility: collapse;
           }
       }

@keyframes fadeOut {
           0% {
               opacity: 1;
           }
           100% {
               opacity: 0;
               visibility: collapse;
           }
       }

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}