@charset "utf-8";

.slide1 {
    position: relative;
}

.slide1 .slideImage {
    padding-top: 19.6%;
    padding-left: 1.7%;
    opacity: 0;
    transition: opacity 500ms linear;
}

.slide1 .robot {
    position: absolute;
    bottom: 22.6%;
    left: 29.1%;
    width: 3.2%;
    visibility: visible;
    opacity: 0;
    transition: opacity 500ms linear;
}

.slide1 .robot1 {
    animation: robot1 linear 8s infinite;
    animation-delay: 1s;
}

.slide1 .robot2 {
    animation: robot2 linear 8s infinite;
    animation-delay: 1s;
}

.slide1 .robot3 {
    animation: robot3 linear 8s infinite;
    animation-delay: 1s;
}

.slide1 .robot4 {
    animation: robot4 linear 8s infinite;
    animation-delay: 1s;
}

.slide1 .girl-first {
    position: absolute;
    left: 22.3%;
    bottom: 8.5%;
    width: 5.3%;
    opacity: 0;
    transition: all 500ms linear;
}

.slide1 .girl-second {
    position: absolute;
    right: 36.8%;
    bottom: 0;
    width: 5.3%;
    opacity: 0;
    transition: all 500ms linear;
}

.slide1 .kid {
    width: 3.716%;
    position: absolute;
    top: 64.1%;
    right: 40.8%;
    opacity: 0;
    transition: opacity 500ms linear;
}

.slide1.slick-active .kid {
    animation: kid linear 4s infinite;
    animation-delay: 1s;
}

.slide1 .popup1 {
    position: absolute;
    right: 6.5%;
    bottom: 6.2%;
    width: 26.9%;
}

.slide1 .popup1 .popupAvatar {
    width: 57.4%;
    opacity: 0;
    transition: opacity 500ms linear;
}

.slide1 .popup1 .popupText {
    position: absolute;
    right: -14%;
    bottom: 66.3%;
    width: 99%;
    opacity: 0;
    transition: opacity 500ms linear;
    z-index: 1;
}

.slide1 .popup1 .popupClick {
    position: absolute;
    top: -12%;
    right: -13.5%;
    width: 28%;
    opacity: 0;
    transition: opacity 500ms linear;
    z-index: 1;
}

@keyframes robot1 {
    0% {
        bottom: 22.6%;
        left: 29.1%;
        visibility: hidden;
    }

    25% {
        bottom: 24.6%;
        left: 33.1%;
        visibility: hidden;
    }

    50% {
        bottom: 26.6%;
        left: 30.1%;
        visibility: hidden;
    }

    75% {
        bottom: 24.6%;
        left: 26.1%;
        visibility: hidden;
    }

    100% {
        bottom: 22.6%;
        left: 29.1%;
        visibility: visible;
    }
}

@keyframes robot2 {
    0% {
        bottom: 22.6%;
        left: 29.1%;
        visibility: visible;
    }

    25% {
        bottom: 24.6%;
        left: 33.1%;
        visibility: visible;
    }

    50% {
        bottom: 26.6%;
        left: 30.1%;
        visibility: hidden;
    }

    75% {
        bottom: 24.6%;
        left: 26.1%;
        visibility: hidden;
    }

    100% {
        bottom: 22.6%;
        left: 29.1%;
        visibility: hidden;
    }
}

@keyframes robot3 {
    0% {
        bottom: 22.6%;
        left: 29.1%;
        visibility: hidden;
    }

    25% {
        bottom: 24.6%;
        left: 33.1%;
        visibility: hidden;
    }

    50% {
        bottom: 26.6%;
        left: 30.1%;
        visibility: visible;
    }

    75% {
        bottom: 24.6%;
        left: 26.1%;
        visibility: hidden;
    }

    100% {
        bottom: 22.6%;
        left: 29.1%;
        visibility: hidden;
    }
}

@keyframes robot4 {
    0% {
        bottom: 22.6%;
        left: 29.1%;
        visibility: hidden;
    }

    25% {
        bottom: 24.6%;
        left: 33.1%;
        visibility: hidden;
    }


    50% {
        bottom: 26.6%;
        left: 30.1%;
        visibility: hidden;
    }

    51% {
        bottom: 26.6%;
        left: 30.1%;
        visibility: visible;
    }

    75% {
        bottom: 24.6%;
        left: 26.1%;
        visibility: hidden;
    }

    100% {
        bottom: 22.6%;
        left: 29.1%;
        visibility: hidden;
    }
}

@keyframes kid {
    0% {
        top: 56.1%;
        right: 53.8%;
        opacity: 0;
        animation-timing-function: ease-out;
    }

    5% {
        opacity: 1;
    }

    94% {
        opacity: 1;
    }

    100% {
        top: 71.1%;
        right: 31.8%;
        opacity: 0;
        animation-timing-function: ease-out;
    }
}