.place .inner[_animate] .heading {
    opacity: 1;
    transform: scale(1);
}

.place .inner[_animate] .description {
    opacity: 1;
    transform: scale(1);
}

.place .icon-media[_animate] .icon > svg:first-child {
    opacity: 1;
    transform: translateY(0);
}

.place .icon-media[_animate] .icon > svg:nth-child(2) {
    opacity: 1;
    transform: translateY(0);
}

.place .icon-media[_animate] .icon > svg:nth-child(3) {
    transform: rotate(0) scale(1);
}

.place .icon-media[_animate] .icon > svg:last-child {
    transform: rotate(0) scale(1);
}

.place .icon-media[_animate] .media {
    opacity: 1;
}

.place .arrow[_animate] {
    transform: rotate(0) scale(1);
}


.place .heading {
    opacity: 0.4;
    transform: scale(0);
    transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1), transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.place .description {
    opacity: 0.4;
    transform: scale(0);
    transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1), transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}


.place .icon > svg:first-child {
    opacity: 0;
    transform: translateY(-30%);
    transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1), transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.place .icon > svg:nth-child(2) {
    opacity: 0;
    transform: translateY(-25%);
    transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.3s, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.3s;
}

.place .icon > svg:nth-child(3) {
    transform: rotate(-65deg) scale(0);
    transform-origin: top right;
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.place .icon > svg:last-child {
    transform: rotate(-65deg) scale(0);
    transform-origin: top right;
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.place .media {
    opacity: 0;
    transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.8s;
}


.place .arrow {
    transform: rotate(-90deg) scale(0);
    transform-origin: top right;
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}



.application .icon-media[_animate] .icon > svg:first-child {
    opacity: 1;
    transform: translateY(0);
}

.application .icon-media[_animate] .icon > svg:nth-child(2) {
    opacity: 1;
    transform: translateY(0);
}

.application .icon-media[_animate] .icon > svg:nth-child(3) {
    transform: rotate(0) scale(1);
}

.application .icon-media[_animate] .icon > svg:last-child {
    transform: rotate(0) scale(1);
}

.application .icon-media[_animate] .media {
    opacity: 1;
}

.application .inner[_animate] {
    opacity: 1;
    transform: scale(1);
}


.application .icon > svg:first-child {
    opacity: 0;
    transform: translateY(-30%);
    transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1), transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.application .icon > svg:nth-child(2) {
    opacity: 0;
    transform: translateY(-25%);
    transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.3s, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.3s;
}

.application .icon > svg:nth-child(3) {
    transform: rotate(65deg) scale(0);
    transform-origin: top left;
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.application .icon > svg:last-child {
    transform: rotate(65deg) scale(0);
    transform-origin: top left;
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.application .media {
    opacity: 0;
    transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.8s;
}


.application .inner {
    opacity: 0.5;
    transform: scale(0);
    transform-origin: bottom left;
    transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1), transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}



.footer[_animate] .links {
    opacity: 1;
    transform: translateY(0);
}

.footer[_animate] .logo {
    transform: translateY(0);
}



.footer {
    overflow: hidden;
}


.footer .links {
    opacity: 0;
    transform: translateY(-20%);
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.footer .logo {
    transform: translateY(150%);
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}



@media (min-width: 680px) {
    .place .heading {
        transform-origin: top left;
    }

    .place .description {
        transform-origin: bottom left;
    }
}



@media (max-width: 679px) {
    .header[_animate] .buttons {
        opacity: 1;
        transform: translateY(0);
    }


    .header {
        overflow: hidden;
    }



    .place .heading {
        transform-origin: bottom;
    }

    .place .description {
        transform-origin: bottom;
    }
}