@charset "UTF-8";


/* h1 animation */
h1 {
    animation: zoomIn;
    animation-duration: 1.5s;
}

/* Row1 animation */
.col1.row1 .b-points {
    animation: zoomInDown;
    animation-delay: 1.5s;
    visibility: hidden;
}

.col1.row1 p {
    /* animation: lightSpeedInRight; */
    animation: fadeInRight;
    animation-delay: 1.5s;
    visibility: hidden;
}

.col2.row1 {
    animation: lightSpeedInRight;
    animation-duration: 1s;
    animation-delay: 4s;
    visibility: hidden;
}

/* Row2 animation */
.col1.row2 .b-points {
    animation: zoomInDown;
    animation-delay: 5s;
    visibility: hidden;
}

.col1.row2 p {
    animation: fadeInRight;
    animation-delay: 5s;
    visibility: hidden;
}

.col2.row2 {
    animation: lightSpeedInLeft;
    animation-duration: 1s;
    animation-delay: 7.5s;
    visibility: hidden;
}


/* Row3 animation */
.col1.row3 .b-points {
    animation: zoomInDown;
    animation-delay: 8.5s;
    visibility: hidden;
}

.col1.row3 p {
    /* animation: lightSpeedInRight; */
    animation: fadeInRight;
    animation-delay: 8.5s;
    visibility: hidden;
}

.col2.row3 {
    animation: lightSpeedInRight;
    animation-duration: 1s;
    animation-delay: 11s;
    visibility: hidden;
}

h2 {
    animation: zoomIn;
    animation-duration: 1.5s;
    animation-delay: 12s;
    visibility: hidden;
}


h3 {
    animation: zoomInLeft;
    animation-duration: 1.5s;
    animation-delay: 13s;
    visibility: hidden;
}

.street {
    animation: slideInLeft;
    animation-duration: 0.5s;
    animation-delay: 14.5s;
    visibility: hidden;
}

.nip {
    animation: slideInRight;
    animation-duration: 0.5s;
    animation-delay: 15s;
    visibility: hidden;
}

.no-phone {
    animation: slideInUp;
    animation-duration: 0.5s;
    animation-delay: 15.5s;
    visibility: hidden;
}

.map {
    animation: jackInTheBox;
    animation-duration: 1.5s;
    animation-delay: 16s;
    visibility: hidden;
    animation-fill-mode: forwards;
    
}

@keyframes logo-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

