/* Animation */
.fade-in {opacity:0; transition-delay:0.3s !important; transition:opacity 0.6s ease-out;}
.fade-in.animate {opacity:1;}

.fade-in .banner-title {translate:0 120px; transition:0.5s all ease-out;}
.fade-in.animate .banner-title {translate:0 0; transition-delay:0.6s !important;}

.header-brochure.slide-down a {translate:0 -110%; transition:0.5s all ease-out;}
.header-brochure.slide-down.animate a {translate:0 0; transition-delay:250ms;}

.fade-up {opacity:0; transition-delay:0.3s !important; translate:0 120px; transition:all 0.6s ease-out;}
.fade-up.animate {opacity:1; translate:0 0;}

/*
.fade-in-logo {bottom:-50% !important; opacity:0; transition:0.5s all ease-out; transition-delay:1s !important;}
.fade-in-logo.animate {bottom:0 !important; opacity:1;}
.fade-in-logo-lines::before {height:0; transition:1s all ease-out;}
.fade-in-logo-lines.animate::before {height:100%;}
*/

.location-grid-lines .slide-down-lines {height:0; transition:1.2s all ease-out; transition-delay:0.4s;}
.location-grid-lines-2 .slide-down-lines {height:0; transition:1.2s all ease-out; transition-delay:0.4s;}
.location-grid-lines .slide-down-lines.animate {height:calc(180px);}
.location-grid-lines-2 .slide-down-lines.animate {height:calc(220px);}


.animation-delay-0 {transition-delay:0 !important;}
.animation-delay-05 {transition-delay:0.5s !important;}
.animation-delay-1 {transition-delay:1s !important;}


@media (min-width:992px) {

    /* Animation */
    .location-grid-lines .slide-down-lines {transition:0.5s all ease-out;}
    .location-grid-lines-2 .slide-down-lines {transition:0.5s all ease-out; }
    .location-grid-lines .slide-down-lines.animate {height:calc(200% + 80px + 180px);}
    .location-grid-lines-2 .slide-down-lines.animate {height: calc(100% + 220px);}

}