@keyframes show {
    0% {
        transform: scale(0);
        opacity: 0;
        left: 500px;
    }
    10% {
        transform: scale(1.2);
        opacity: 1;
        left: 500px;
    }
    20% {
        transform: scale(1);
        opacity: 1;
        left: 500px;
    }
    99% {
        transform: scale(1);
        opacity: 1;
        left: 500px;
    }
    100% {
        transform: scale(1);
        opacity: 0;
        left: 500px;
    }
}
@-moz-keyframes show {
    0% {
        transform: scale(0);
        opacity: 0;
        left: 500px;
    }
    10% {
        transform: scale(1.2);
        opacity: 1;
        left: 500px;
    }
    20% {
        transform: scale(1);
        opacity: 1;
        left: 500px;
    }
    99% {
        transform: scale(1);
        opacity: 1;
        left: 500px;
    }
    100% {
        transform: scale(1);
        opacity: 0;
        left: 500px;
    }
}
@-webkit-keyframes show {
    0% {
        transform: scale(0);
        opacity: 0;
        left: 500px;
    }
    10% {
        transform: scale(1.2);
        opacity: 1;
        left: 500px;
    }
    20% {
        transform: scale(1);
        opacity: 1;
        left: 500px;
    }
    99% {
        transform: scale(1);
        opacity: 1;
        left: 500px;
    }
    100% {
        transform: scale(1);
        opacity: 0;
        left: 500px;
    }
}

.show {
    -webkit-animation: show 1s ease-in-out forwards;
    -moz-animation: show 1s ease-in-out forwards;
    -o-animation: show 1s ease-in-out forwards;
    animation: show 1s ease-in-out forwards;
}

@keyframes showLogoBar {
    100% {
        right: 1037px;
    }
}
@-moz-keyframes showLogoBar {
    100% {
        right: 1037px;
    }
}
@-webkit-keyframes showLogoBar {
    100% {
        right: 1037px;
    }
}

.showLogoBar {
    -webkit-animation: showLogoBar 0.3s ease-in forwards;
    -moz-animation: showLogoBar 0.3s ease-in forwards;
    -o-animation: showLogoBar 0.3s ease-in forwards;
    animation: showLogoBar 0.3s ease-in forwards;
}

@keyframes showLogoM {
    100% {
        right: 793px;
    }
}
@-moz-keyframes showLogoM {
    100% {
        right: 793px;
    }
}
@-webkit-keyframes showLogoM {
    100% {
        right: 793px;
    }
}

.showLogoM {
    -webkit-animation: showLogoM 0.3s ease-in forwards;
    -moz-animation: showLogoM 0.3s ease-in forwards;
    -o-animation: showLogoM 0.3s ease-in forwards;
    animation: showLogoM 0.3s ease-in forwards;
}

@keyframes showLogoA {
    100% {
        right: 648px;
    }
}
@-moz-keyframes showLogoA {
    100% {
        right: 648px;
    }
}
@-webkit-keyframes showLogoA {
    100% {
        right: 648px;
    }
}

.showLogoA {
    -webkit-animation: showLogoA 0.3s ease-in forwards;
    -moz-animation: showLogoA 0.3s ease-in forwards;
    -o-animation: showLogoA 0.3s ease-in forwards;
    animation: showLogoA 0.3s ease-in forwards;
}

@keyframes showLogoN {
    100% {
        right: 509px;
    }
}
@-moz-keyframes showLogoN {
    100% {
        right: 509px;
    }
}
@-webkit-keyframes showLogoN {
    100% {
        right: 509px;
    }
}

.showLogoN {
    -webkit-animation: showLogoN 0.3s ease-in forwards;
    -moz-animation: showLogoN 0.3s ease-in forwards;
    -o-animation: showLogoN 0.3s ease-in forwards;
    animation: showLogoN 0.3s ease-in forwards;
}

@keyframes showLogoU {
    100% {
        right: 371px;
    }
}
@-moz-keyframes showLogoU {
    100% {
        right: 371px;
    }
}
@-webkit-keyframes showLogoU {
    100% {
        right: 371px;
    }
}

.showLogoU {
    -webkit-animation: showLogoU 0.3s ease-in forwards;
    -moz-animation: showLogoU 0.3s ease-in forwards;
    -o-animation: showLogoU 0.3s ease-in forwards;
    animation: showLogoU 0.3s ease-in forwards;
}

@keyframes showLogoS {
    100% {
        right: 203px;
    }
}
@-moz-keyframes showLogoS {
    100% {
        right: 203px;
    }
}
@-webkit-keyframes showLogoS {
    100% {
        right: 203px;
    }
}

.showLogoS {
    -webkit-animation: showLogoS 0.3s ease-in forwards;
    -moz-animation: showLogoS 0.3s ease-in forwards;
    -o-animation: showLogoS 0.3s ease-in forwards;
    animation: showLogoS 0.3s ease-in forwards;
}

@keyframes showFlashPicture {
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
@-moz-keyframes showFlashPicture {
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
@-webkit-keyframes showFlashPicture {
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.showFlashPicture {
    -webkit-animation: showFlashPicture 0.2s ease forwards;
    -moz-animation: showFlashPicture 0.2s ease forwards;
    -o-animation: showFlashPicture 0.2s ease forwards;
    animation: showFlashPicture 0.2s ease forwards;
}

@keyframes showText1 {
    10% {
        transform: scale(0.8);
        opacity: 0.5;
    }

    20% {
        transform: scale(1.2);
        opacity: 1;
    }

    30% {
        transform: scale(1);
        opacity: 1;
    }

    90% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}
@-moz-keyframes showText1 {
    10% {
        transform: scale(0.8);
        opacity: 0.5;
    }

    20% {
        transform: scale(1.2);
        opacity: 1;
    }

    30% {
        transform: scale(1);
        opacity: 1;
    }

    90% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}
 @-webkit-keyframes showText1 {
    10% {
        transform: scale(0.8);
        opacity: 0.5;
    }

    20% {
        transform: scale(1.2);
        opacity: 1;
    }

    30% {
        transform: scale(1);
        opacity: 1;
    }

    90% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

.showText1 {
    -webkit-animation: showText1 2.5s ease forwards;
    -moz-animation: showText1 2.5s ease forwards;
    -o-animation: showText1 2.5s ease forwards;
    animation: showText1 2.5s ease forwards;
}

@keyframes showLogo2 {
    25% {
        opacity: 0.25;
    }

    50% {
        opacity: 0.5;
    }

    75% {
        opacity: 0.75;
    }

    100% {
        opacity: 1;
    }
}
@-moz-keyframes showLogo2 {
    25% {
        opacity: 0.25;
    }

    50% {
        opacity: 0.5;
    }

    75% {
        opacity: 0.75;
    }

    100% {
        opacity: 1;
    }
}
@-webkit-keyframes showLogo2 {
    25% {
        opacity: 0.25;
    }

    50% {
        opacity: 0.5;
    }

    75% {
        opacity: 0.75;
    }

    100% {
        opacity: 1;
    }
}

.showLogo2 {
    -webkit-animation: showLogo2 1.5s ease forwards;
    -moz-animation: showLogo2 1.5s ease forwards;
    -o-animation: showLogo2 1.5s ease forwards;
    animation: showLogo2 1.5s ease forwards;
}

@keyframes letter {
    25% {
        opacity: 0.25;
    }

    50% {
        opacity: 0.5;
    }

    75% {
        opacity: 0.75;
    }

    100% {
        opacity: 1;
    }
}
@-moz-keyframes letter {
    25% {
        opacity: 0.25;
    }

    50% {
        opacity: 0.5;
    }

    75% {
        opacity: 0.75;
    }

    100% {
        opacity: 1;
    }
}
@-webkit-keyframes letter {
    25% {
        opacity: 0.25;
    }

    50% {
        opacity: 0.5;
    }

    75% {
        opacity: 0.75;
    }

    100% {
        opacity: 1;
    }
}

.letter {
    -webkit-animation: letter 0.05s ease forwards;
    -moz-animation: letter 0.05s ease forwards;
    -o-animation: letter 0.05s ease forwards;
    animation: letter 0.05s ease forwards;
}