.slideLogo {
    animation-name: slideLogo;
    -webkit-animation-name: slideLogo;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important;
}

@keyframes slideLogo {
    0% {
        transform: translateX(-150%);
    }
    50% {
        transform: translateX(100%);
    }
    75% {
        transform: translateX(-30%);
    }
    100% {
        transform: translateX(0%);
    }
}

@-webkit-keyframes slideLogo {
    0% {
        -webkit-transform: translateX(-150%);
    }
    50% {
        -webkit-transform: translateX(100%);
    }
    75% {
        -webkit-transform: translateX(-30%);
    }
    100% {
        -webkit-transform: translateX(0%);
    }
}

.slidePhones {
    animation-name: slidePhones;
    -webkit-animation-name: slidePhones;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    visibility: visible !important;
}

@keyframes slidePhones {
    0% {
        transform: translateY(-150%);
    }
    50% {
        transform: translateY(50%);
    }
    65% {
        transform: translateY(-4%);
    }
    80% {
        transform: translateY(4%);
    }
    95% {
        transform: translateY(-2%);
    }
    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes slidePhones {
    0% {
        -webkit-transform: translateY(-150%);
    }
    50% {
        -webkit-transform: translateY(60%);
    }
    65% {
        -webkit-transform: translateY(-4%);
    }
    80% {
        -webkit-transform: translateY(4%);
    }
    95% {
        -webkit-transform: translateY(-2%);
    }
    100% {
        -webkit-transform: translateY(0%);
    }
}

.slideHome {
    animation-name: slideHome;
    -webkit-animation-name: slideHome;
    animation-duration: 1.3s;
    -webkit-animation-duration: 1.3s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important;
}

@keyframes slideHome {
    0% {
        transform: translateX(150%);
    }
    50% {
        transform: translateX(-8%);
    }
    75% {
        transform: translateX(3%);
    }
    100% {
        transform: translateX(0%);
    }
}

@-webkit-keyframes slideHome {
    0% {
        -webkit-transform: translateX(150%);
    }
    50% {
        -webkit-transform: translateX(-8%);
    }
    75% {
        transform: translateX(3%);
    }
    100% {
        -webkit-transform: translateX(0%);
    }
}

.pulse {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
    0% {
        transform: scale(0.9);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.9);
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.95);
    }
    50% {
        -webkit-transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.95);
    }
}

.slideLeft {
    animation-name: slideLeft;
    -webkit-animation-name: slideLeft;
    animation-duration: 1.3s;
    -webkit-animation-duration: 1.3s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important;
}

@keyframes slideLeft {
    0% {
        transform: translateX(550%);
    }
    50% {
        transform: translateX(-8%);
    }
    75% {
        transform: translateX(3%);
    }
    100% {
        transform: translateX(0%);
    }
}

@-webkit-keyframes slideLeft {
    0% {
        -webkit-transform: translateX(550%);
    }
    50% {
        -webkit-transform: translateX(-8%);
    }
    75% {
        transform: translateX(3%);
    }
    100% {
        -webkit-transform: translateX(0%);
    }
}

.expandOpen {
    animation-name: expandOpen;
    -webkit-animation-name: expandOpen;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    visibility: visible !important;
}

@keyframes expandOpen {
    0% {
        transform: scale(1.5);
    }
    50% {
        transform: scale(0.95);
    }
    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes expandOpen {
    0% {
        -webkit-transform: scale(1.5);
    }
    50% {
        -webkit-transform: scale(0.95);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

.tossing {
    animation-name: tossing;
    -webkit-animation-name: tossing;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: 3;
    animation-delay: 4s;
    -webkit-animation-delay: 4s;
}

@keyframes tossing {
    0% {
        transform: rotate(-4deg);
    }
    50% {
        transform: rotate(4deg);
    }
    100% {
        transform: rotate(-4deg);
    }
}

@-webkit-keyframes tossing {
    0% {
        -webkit-transform: rotate(-4deg);
    }
    50% {
        -webkit-transform: rotate(4deg);
    }
    100% {
        -webkit-transform: rotate(-4deg);
    }
}