@keyframes zoomfadein1 {
    0% { transform: scale(0.7); opacity: 0; }
    1% { transform: scale(0.7); opacity: 0; }
    6.5% { transform: scale(1.05); opacity: 1; }
    8% { transform: scale(0.98); opacity: 1; }
    9% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
@keyframes zoomfadein2 {
    0% { transform: scale(0.7); opacity: 0; }
    10% { transform: scale(0.7); opacity: 0; }
    15.5% { transform: scale(1.05); opacity: 1; }
    17% { transform: scale(0.98); opacity: 1; }
    18% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
@keyframes zoomfadein3 {
    0% { transform: scale(0.7); opacity: 0; }
    19% { transform: scale(0.7); opacity: 0; }
    24.5% { transform: scale(1.05); opacity: 1; }
    26% { transform: scale(0.98); opacity: 1; }
    27% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
@keyframes zoomfadein4 {
    0% { transform: scale(0.7); opacity: 0; }
    28% { transform: scale(0.7); opacity: 0; }
    33.5% { transform: scale(1.05); opacity: 1; }
    35% { transform: scale(0.98); opacity: 1; }
    36% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
@keyframes zoomfadein5 {
    0% { transform: scale(0.7); opacity: 0; }
    37% { transform: scale(0.7); opacity: 0; }
    42.5% { transform: scale(1.05); opacity: 1; }
    44% { transform: scale(0.98); opacity: 1; }
    45% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
@keyframes zoomfadein6 {
    0% { transform: scale(0.7); opacity: 0; }
    46% { transform: scale(0.7); opacity: 0; }
    51.5% { transform: scale(1.05); opacity: 1; }
    53% { transform: scale(0.98); opacity: 1; }
    54% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
@keyframes zoomfadein7 {
    0% { transform: scale(0.7); opacity: 0; }
    55% { transform: scale(0.7); opacity: 0; }
    60.5% { transform: scale(1.05); opacity: 1; }
    62% { transform: scale(0.98); opacity: 1; }
    63% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
@keyframes zoomfadein8 {
    0% { transform: scale(0.7); opacity: 0; }
    64% { transform: scale(0.7); opacity: 0; }
    69.5% { transform: scale(1.05); opacity: 1; }
    71% { transform: scale(0.98); opacity: 1; }
    72% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
@keyframes zoomfadein9 {
    0% { transform: scale(0.7); opacity: 0; }
    73% { transform: scale(0.7); opacity: 0; }
    78.5% { transform: scale(1.05); opacity: 1; }
    80% { transform: scale(0.98); opacity: 1; }
    81% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
@keyframes zoomfadein10 {
    0% { transform: scale(0.7); opacity: 0; }
    82% { transform: scale(0.7); opacity: 0; }
    87.5% { transform: scale(1.05); opacity: 1; }
    89% { transform: scale(0.98); opacity: 1; }
    90% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
@keyframes zoomfadein11 {
    0% { transform: scale(0.7); opacity: 0; }
    91% { transform: scale(0.7); opacity: 0; }
    96.5% { transform: scale(1.05); opacity: 1; }
    98% { transform: scale(0.98); opacity: 1; }
    99% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}

.zoom1 { animation: zoomfadein1 7.7s ease-in-out both; transform-origin: 50% 50%; }
.zoom2 { animation: zoomfadein2 7.7s ease-in-out both; }
.zoom3 { animation: zoomfadein3 7.7s ease-in-out both; }
.zoom4 { animation: zoomfadein4 7.7s ease-in-out both; }
.zoom5 { animation: zoomfadein5 7.7s ease-in-out both; }
.zoom6 { animation: zoomfadein6 7.7s ease-in-out both; }
.zoom7 { animation: zoomfadein7 7.7s ease-in-out both; }
.zoom8 { animation: zoomfadein8 7.7s ease-in-out both; }
.zoom9 { animation: zoomfadein9 7.7s ease-in-out both; }
.zoom10 { animation: zoomfadein10 7.7s ease-in-out both; }
.zoom11 { animation: zoomfadein11 7.7s ease-in-out both; }

.page-heading { animation: headani 1s ease-in-out both; transform-origin: 50% 50%; }
.page-heading::before { animation: headsideanleft 1s ease-in-out both; }
.page-heading::after { animation: headsideanright 1s ease-in-out both; }
@keyframes headani {
    0% { margin-top: -3.646vw; opacity: 0; }
    20% { margin-top: 0.521vw; opacity: 1; }
    25% { margin-top: -0.26vw; opacity: 1; }
    27% { margin-top: 0; opacity: 1; }
    100% { margin-top: 0; opacity: 1; }
}
@keyframes headsideanleft {
    0% { left: -10%; opacity: 0; }
    30% { left: -10%; opacity: 0; }
    50% { left: 0%; opacity: 1; }
    100% { left: 0%; opacity: 1; }
}
@keyframes headsideanright {
    0% { left: 110%; opacity: 0; }
    30% { left: 110%; opacity: 0; }
    50% { left: 100%; opacity: 1; }
    100% { left: 100%; opacity: 1; }
}

.toggle-top { animation: togani 1s ease-in-out both; }
@keyframes togani {
    0% { right: 8vw; rotate: -360deg; }
    70% { right: 0.9vw; rotate: 35deg; }
    85% { right: 2vw; rotate: -20deg; }
    100% { right: 1.042vw; rotate: 0deg; }
}

.logo-bottom { animation: logboani 1s ease-in-out both; }
@keyframes logboani {
    0% { left: 13.021vw; opacity: 0; }
    70% { left: 0.521vw; opacity: 1; }
    90% { left: 1.563vw; opacity: 1; }
    100% { left: 1.042vw; opacity: 1; }
}
.left-arrow { animation: arrowlani 1s ease-in-out both; }
@keyframes arrowlani {
    0% { right: 90px; opacity: 0; }
    70% { right: 160px; opacity: 1; }
    90% { right: 140px; opacity: 1; }
    100% { right: 150px; opacity: 1; }
}
.right-arrow { animation: arrowani 1s ease-in-out both; }
@keyframes arrowani {
    0% { right: 150px; opacity: 0; }
    70% { right: 80px; opacity: 1; }
    90% { right: 100px; opacity: 1; }
    100% { right: 90px; opacity: 1; }
}

.brickanim1 { animation: brickani1 8s ease-in-out both; }
.brickanim2 { animation: brickani2 8s ease-in-out both; }
.brickanim3 { animation: brickani3 8s ease-in-out both; }
.brickanim4 { animation: brickani4 8s ease-in-out both; }
.brickanim5 { animation: brickani5 8s ease-in-out both; }
.brickanim6 { animation: brickani6 8s ease-in-out both; }
.brickanim7 { animation: brickani7 8s ease-in-out both; }
.brickanim8 { animation: brickani8 8s ease-in-out both; }
.brickanim9 { animation: brickani9 8s ease-in-out both; }
.brickanim10 { animation: brickani10 8s ease-in-out both; }
.brickanim11 { animation: brickani11 8s ease-in-out both; }
.brickanim12 { animation: brickani12 8s ease-in-out both; }
.brickanim13 { animation: brickani13 8s ease-in-out both; }
.brickanim14 { animation: brickani14 8s ease-in-out both; }
.brickanim15 { animation: brickani15 8s ease-in-out both; }
.brickanim16 { animation: brickani16 8s ease-in-out both; }
.brickanim17 { animation: brickani17 8s ease-in-out both; }
.brickanim18 { animation: brickani18 8s ease-in-out both; }
.brickanim19 { animation: brickani19 8s ease-in-out both; }
.brickanim20 { animation: brickani20 8s ease-in-out both; }
.brickanim21 { animation: brickani21 8s ease-in-out both; }
.brickanim22 { animation: brickani22 8s ease-in-out both; }
.brickanim23 { animation: brickani23 8s ease-in-out both; }
.brickanim24 { animation: brickani24 8s ease-in-out both; }
.brickanim25 { animation: brickani25 8s ease-in-out both; }
.brickanim26 { animation: brickani26 8s ease-in-out both; }
@keyframes brickani1 {
    0% { transform: scale(0.7); opacity: 0; }
    1% { transform: scale(0.7); opacity: 0; }
    2.5% { transform: scale(1.05); opacity: 1; }
    2.9% { transform: scale(0.98); opacity: 1; }
    3% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
@keyframes brickani2 {
    0% { transform: scale(0.7); opacity: 0; }
    4% { transform: scale(0.7); opacity: 0; }
    5.5% { transform: scale(1.05); opacity: 1; }
    5.9% { transform: scale(0.98); opacity: 1; }
    6% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
@keyframes brickani3 {
    0% { transform: scale(0.7); opacity: 0; }
    7% { transform: scale(0.7); opacity: 0; }
    8.5% { transform: scale(1.05); opacity: 1; }
    8.9% { transform: scale(0.98); opacity: 1; }
    9% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
@keyframes brickani4 {
    0% { transform: scale(0.7); opacity: 0; }
    10% { transform: scale(0.7); opacity: 0; }
    11.5% { transform: scale(1.05); opacity: 1; }
    11.9% { transform: scale(0.98); opacity: 1; }
    12% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
@keyframes brickani5 {
    0% { transform: scale(0.7); opacity: 0; }
    13% { transform: scale(0.7); opacity: 0; }
    14.5% { transform: scale(1.05); opacity: 1; }
    14.9% { transform: scale(0.98); opacity: 1; }
    15% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
@keyframes brickani6 {
    0% { transform: scale(0.7); opacity: 0; }
    16% { transform: scale(0.7); opacity: 0; }
    17.5% { transform: scale(1.05); opacity: 1; }
    17.9% { transform: scale(0.98); opacity: 1; }
    18% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
@keyframes brickani7 {
    0% { transform: scale(0.7); opacity: 0; }
    19% { transform: scale(0.7); opacity: 0; }
    20.5% { transform: scale(1.05); opacity: 1; }
    20.9% { transform: scale(0.98); opacity: 1; }
    21% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
@keyframes brickani8 {
    0% { transform: scale(0.7); opacity: 0; }
    22% { transform: scale(0.7); opacity: 0; }
    23.5% { transform: scale(1.05); opacity: 1; }
    23.9% { transform: scale(0.98); opacity: 1; }
    24% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
@keyframes brickani9 {
    0% { transform: scale(0.7); opacity: 0; }
    25% { transform: scale(0.7); opacity: 0; }
    26.5% { transform: scale(1.05); opacity: 1; }
    26.9% { transform: scale(0.98); opacity: 1; }
    27% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
@keyframes brickani10 {
    0% { transform: scale(0.7); opacity: 0; }
    28% { transform: scale(0.7); opacity: 0; }
    29.5% { transform: scale(1.05); opacity: 1; }
    29.9% { transform: scale(0.98); opacity: 1; }
    30% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
@keyframes brickani11 {
    0% { transform: scale(0.7); opacity: 0; }
    31% { transform: scale(0.7); opacity: 0; }
    32.5% { transform: scale(1.05); opacity: 1; }
    32.9% { transform: scale(0.98); opacity: 1; }
    33% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
@keyframes brickani12 {
    0% { transform: scale(0.7); opacity: 0; }
    34% { transform: scale(0.7); opacity: 0; }
    35.5% { transform: scale(1.05); opacity: 1; }
    35.9% { transform: scale(0.98); opacity: 1; }
    36% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
@keyframes brickani13 {
    0% { transform: scale(0.7); opacity: 0; }
    37% { transform: scale(0.7); opacity: 0; }
    38.5% { transform: scale(1.05); opacity: 1; }
    38.9% { transform: scale(0.98); opacity: 1; }
    39% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
@keyframes brickani14 {
    0% { transform: scale(0.7); opacity: 0; }
    40% { transform: scale(0.7); opacity: 0; }
    41.5% { transform: scale(1.05); opacity: 1; }
    41.9% { transform: scale(0.98); opacity: 1; }
    42% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
@keyframes brickani15 {
    0% { transform: scale(0.7); opacity: 0; }
    43% { transform: scale(0.7); opacity: 0; }
    44.5% { transform: scale(1.05); opacity: 1; }
    44.9% { transform: scale(0.98); opacity: 1; }
    45% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
@keyframes brickani16 {
    0% { transform: scale(0.7); opacity: 0; }
    46% { transform: scale(0.7); opacity: 0; }
    47.5% { transform: scale(1.05); opacity: 1; }
    47.9% { transform: scale(0.98); opacity: 1; }
    48% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
@keyframes brickani17 {
    0% { transform: scale(0.7); opacity: 0; }
    49% { transform: scale(0.7); opacity: 0; }
    50.5% { transform: scale(1.05); opacity: 1; }
    50.9% { transform: scale(0.98); opacity: 1; }
    51% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
@keyframes brickani18 {
    0% { transform: scale(0.7); opacity: 0; }
    52% { transform: scale(0.7); opacity: 0; }
    53.5% { transform: scale(1.05); opacity: 1; }
    53.9% { transform: scale(0.98); opacity: 1; }
    54% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
@keyframes brickani19 {
    0% { transform: scale(0.7); opacity: 0; }
    55% { transform: scale(0.7); opacity: 0; }
    56.5% { transform: scale(1.05); opacity: 1; }
    56.9% { transform: scale(0.98); opacity: 1; }
    57% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
@keyframes brickani20 {
    0% { transform: scale(0.7); opacity: 0; }
    58% { transform: scale(0.7); opacity: 0; }
    59.5% { transform: scale(1.05); opacity: 1; }
    59.9% { transform: scale(0.98); opacity: 1; }
    60% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
@keyframes brickani21 {
    0% { transform: scale(0.7); opacity: 0; }
    61% { transform: scale(0.7); opacity: 0; }
    62.5% { transform: scale(1.05); opacity: 1; }
    62.9% { transform: scale(0.98); opacity: 1; }
    63% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
@keyframes brickani22 {
    0% { transform: scale(0.7); opacity: 0; }
    64% { transform: scale(0.7); opacity: 0; }
    65.5% { transform: scale(1.05); opacity: 1; }
    65.9% { transform: scale(0.98); opacity: 1; }
    66% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
@keyframes brickani23 {
    0% { transform: scale(0.7); opacity: 0; }
    67% { transform: scale(0.7); opacity: 0; }
    68.5% { transform: scale(1.05); opacity: 1; }
    68.9% { transform: scale(0.98); opacity: 1; }
    69% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
@keyframes brickani24 {
    0% { transform: scale(0.7); opacity: 0; }
    70% { transform: scale(0.7); opacity: 0; }
    71.5% { transform: scale(1.05); opacity: 1; }
    71.9% { transform: scale(0.98); opacity: 1; }
    72% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
@keyframes brickani25 {
    0% { transform: scale(0.7); opacity: 0; }
    73% { transform: scale(0.7); opacity: 0; }
    74.5% { transform: scale(1.05); opacity: 1; }
    74.9% { transform: scale(0.98); opacity: 1; }
    75% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}
@keyframes brickani26 {
    0% { transform: scale(0.7); opacity: 0; }
    76% { transform: scale(0.7); opacity: 0; }
    77.5% { transform: scale(1.05); opacity: 1; }
    77.9% { transform: scale(0.98); opacity: 1; }
    78% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}

.wall::before { animation: wallani 8s ease-in-out both; }
@keyframes wallani {
    0% { opacity: 0; }
    80% { opacity: 0; }
    85% { opacity: 1; }
    100% { opacity: 1; }
}
.guard { animation: guardani 8s ease-in-out both; }
@keyframes guardani {
    0% { top: 9.375vw; opacity: 0; }
    86% { top: 9.375vw; opacity: 0; }
    88% { top: 6.771vw; opacity: 1; }
    100% { top: 6.771vw; opacity: 1; }
}
.top-txt { animation: txtani 8s ease-in-out both; }
@keyframes txtani {
    0% { top: 5.208vw; opacity: 0; }
    89% { top: 5.208vw; opacity: 0; }
    92% { top: 3.75vw; opacity: 1; }
    100% { top: 3.75vw; opacity: 1; }
}
.logo-sec { animation: logoani 8s ease-in-out both; }
@keyframes logoani {
    0% { scale: 0.8; opacity: 0; }
    92.5% { scale: 0.8; opacity: 0; }
    95% { scale: 1; opacity: 1; }
    100% { scale: 1; opacity: 1; }
}