.g-wrap { width: 100%; margin: 0 auto; position: relative; } .g-wrap.full-width { width: 100%; } .g-wrap.full-width .full-width { padding-left: 0; padding-right: 0; } .g-wrap.full-width.top-layer { position: absolute; top: 0; left: 0; z-index: 100000; } .g-wrap.no-gutter { padding-left: 0; padding-right: 0; } @media screen and (min-width: 768px) { } @media screen and (min-width: 991px) { .g-wrap { width: 960px; } } @media screen and (min-width: 1180px) { .g-wrap { width: 1180px; } } @keyframes translate-x-to-0 { 100% { -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } .translate-x-to-0 { -webkit-animation-name: translate-x-to-0; -moz-animation-name: translate-x-to-0; -o-animation-name: translate-x-to-0; animation-name: translate-x-to-0; } @keyframes translate-y-to-0 { 100% { -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } .translate-y-to-0 { -webkit-animation-name: translate-y-to-0; -moz-animation-name: translate-y-to-0; -o-animation-name: translate-y-to-0; animation-name: translate-y-to-0; } @keyframes translate-y-to-0-opacity-1 { 100% { -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } .translate-y-to-0-opacity-1 { -webkit-animation-name: translate-y-to-0-opacity-1; -moz-animation-name: translate-y-to-0-opacity-1; -o-animation-name: translate-y-to-0-opacity-1; animation-name: translate-y-to-0-opacity-1; } @keyframes translate-x-to-0-opacity-1 { 100% { -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } } .translate-x-to-0-opacity-1 { -webkit-animation-name: translate-x-to-0-opacity-1; -moz-animation-name: translate-x-to-0-opacity-1; -o-animation-name: translate-x-to-0-opacity-1; animation-name: translate-x-to-0-opacity-1; } @keyframes translate-x-to-100-proc-opatity-0 { 50% { -webkit-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); opacity: 1; } 100% { -webkit-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); opacity: 0; } } .translate-x-to-100-proc-opatity-0 { -webkit-animation-name: translate-x-to-100-proc-opatity-0; -moz-animation-name: translate-x-to-100-proc-opatity-0; -o-animation-name: translate-x-to-100-proc-opatity-0; animation-name: translate-x-to-100-proc-opatity-0; } @keyframes translate-x-to-neg-100-proc-opatity-0 { 50% { -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); opacity: 1; } 100% { -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } } .translate-x-to-neg-100-proc-opatity-0 { -webkit-animation-name: translate-x-to-neg-100-proc-opatity-0; -moz-animation-name: translate-x-to-neg-100-proc-opatity-0; -o-animation-name: translate-x-to-neg-100-proc-opatity-0; animation-name: translate-x-to-neg-100-proc-opatity-0; } @keyframes opacity-to-1 { 100% { opacity: 1; } } .opacity-to-1 { -webkit-animation-name: opacity-to-1; -moz-animation-name: opacity-to-1; -o-animation-name: opacity-to-1; animation-name: opacity-to-1; } @keyframes translate-5-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-5%); } } .translate-5-proc-left { -webkit-animation-name: translate-5-proc-left; -moz-animation-name: translate-5-proc-left; -o-animation-name: translate-5-proc-left; animation-name: translate-5-proc-left; } @keyframes translate-10-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-10%); } } .translate-10-proc-left { -webkit-animation-name: translate-10-proc-left; -moz-animation-name: translate-10-proc-left; -o-animation-name: translate-10-proc-left; animation-name: translate-10-proc-left; } @keyframes translate-15-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-15%); } } .translate-15-proc-left { -webkit-animation-name: translate-15-proc-left; -moz-animation-name: translate-15-proc-left; -o-animation-name: translate-15-proc-left; animation-name: translate-15-proc-left; } @keyframes translate-20-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-20%); } } .translate-20-proc-left { -webkit-animation-name: translate-20-proc-left; -moz-animation-name: translate-20-proc-left; -o-animation-name: translate-20-proc-left; animation-name: translate-20-proc-left; } @keyframes translate-25-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-25%); } } .translate-25-proc-left { -webkit-animation-name: translate-25-proc-left; -moz-animation-name: translate-25-proc-left; -o-animation-name: translate-25-proc-left; animation-name: translate-25-proc-left; } @keyframes translate-30-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-30%); } } .translate-30-proc-left { -webkit-animation-name: translate-30-proc-left; -moz-animation-name: translate-30-proc-left; -o-animation-name: translate-30-proc-left; animation-name: translate-30-proc-left; } @keyframes translate-35-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-35%); } } .translate-35-proc-left { -webkit-animation-name: translate-35-proc-left; -moz-animation-name: translate-35-proc-left; -o-animation-name: translate-35-proc-left; animation-name: translate-35-proc-left; } @keyframes translate-40-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-40%); } } .translate-40-proc-left { -webkit-animation-name: translate-40-proc-left; -moz-animation-name: translate-40-proc-left; -o-animation-name: translate-40-proc-left; animation-name: translate-40-proc-left; } @keyframes translate-45-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-45%); } } .translate-45-proc-left { -webkit-animation-name: translate-45-proc-left; -moz-animation-name: translate-45-proc-left; -o-animation-name: translate-45-proc-left; animation-name: translate-45-proc-left; } @keyframes translate-50-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } .translate-50-proc-left { -webkit-animation-name: translate-50-proc-left; -moz-animation-name: translate-50-proc-left; -o-animation-name: translate-50-proc-left; animation-name: translate-50-proc-left; } @keyframes translate-55-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-55%); } } .translate-55-proc-left { -webkit-animation-name: translate-55-proc-left; -moz-animation-name: translate-55-proc-left; -o-animation-name: translate-55-proc-left; animation-name: translate-55-proc-left; } @keyframes translate-60-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-60%); } } .translate-60-proc-left { -webkit-animation-name: translate-60-proc-left; -moz-animation-name: translate-60-proc-left; -o-animation-name: translate-60-proc-left; animation-name: translate-60-proc-left; } @keyframes translate-65-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-65%); } } .translate-65-proc-left { -webkit-animation-name: translate-65-proc-left; -moz-animation-name: translate-65-proc-left; -o-animation-name: translate-65-proc-left; animation-name: translate-65-proc-left; } @keyframes translate-70-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-70%); } } .translate-70-proc-left { -webkit-animation-name: translate-70-proc-left; -moz-animation-name: translate-70-proc-left; -o-animation-name: translate-70-proc-left; animation-name: translate-70-proc-left; } @keyframes translate-75-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-75%); } } .translate-75-proc-left { -webkit-animation-name: translate-75-proc-left; -moz-animation-name: translate-75-proc-left; -o-animation-name: translate-75-proc-left; animation-name: translate-75-proc-left; } @keyframes translate-80-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-80%); } } .translate-80-proc-left { -webkit-animation-name: translate-80-proc-left; -moz-animation-name: translate-80-proc-left; -o-animation-name: translate-80-proc-left; animation-name: translate-80-proc-left; } @keyframes translate-85-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-85%); } } .translate-85-proc-left { -webkit-animation-name: translate-85-proc-left; -moz-animation-name: translate-85-proc-left; -o-animation-name: translate-85-proc-left; animation-name: translate-85-proc-left; } @keyframes translate-90-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-90%); } } .translate-90-proc-left { -webkit-animation-name: translate-90-proc-left; -moz-animation-name: translate-90-proc-left; -o-animation-name: translate-90-proc-left; animation-name: translate-90-proc-left; } @keyframes translate-95-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-95%); } } .translate-95-proc-left { -webkit-animation-name: translate-95-proc-left; -moz-animation-name: translate-95-proc-left; -o-animation-name: translate-95-proc-left; animation-name: translate-95-proc-left; } @keyframes translate-100-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } .translate-100-proc-left { -webkit-animation-name: translate-100-proc-left; -moz-animation-name: translate-100-proc-left; -o-animation-name: translate-100-proc-left; animation-name: translate-100-proc-left; } @keyframes translate-105-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-105%); } } .translate-105-proc-left { -webkit-animation-name: translate-105-proc-left; -moz-animation-name: translate-105-proc-left; -o-animation-name: translate-105-proc-left; animation-name: translate-105-proc-left; } @keyframes translate-110-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-110%); } } .translate-110-proc-left { -webkit-animation-name: translate-110-proc-left; -moz-animation-name: translate-110-proc-left; -o-animation-name: translate-110-proc-left; animation-name: translate-110-proc-left; } @keyframes translate-115-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-115%); } } .translate-115-proc-left { -webkit-animation-name: translate-115-proc-left; -moz-animation-name: translate-115-proc-left; -o-animation-name: translate-115-proc-left; animation-name: translate-115-proc-left; } @keyframes translate-120-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-120%); } } .translate-120-proc-left { -webkit-animation-name: translate-120-proc-left; -moz-animation-name: translate-120-proc-left; -o-animation-name: translate-120-proc-left; animation-name: translate-120-proc-left; } @keyframes translate-125-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-125%); } } .translate-125-proc-left { -webkit-animation-name: translate-125-proc-left; -moz-animation-name: translate-125-proc-left; -o-animation-name: translate-125-proc-left; animation-name: translate-125-proc-left; } @keyframes translate-130-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-130%); } } .translate-130-proc-left { -webkit-animation-name: translate-130-proc-left; -moz-animation-name: translate-130-proc-left; -o-animation-name: translate-130-proc-left; animation-name: translate-130-proc-left; } @keyframes translate-135-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-135%); } } .translate-135-proc-left { -webkit-animation-name: translate-135-proc-left; -moz-animation-name: translate-135-proc-left; -o-animation-name: translate-135-proc-left; animation-name: translate-135-proc-left; } @keyframes translate-140-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-140%); } } .translate-140-proc-left { -webkit-animation-name: translate-140-proc-left; -moz-animation-name: translate-140-proc-left; -o-animation-name: translate-140-proc-left; animation-name: translate-140-proc-left; } @keyframes translate-145-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-145%); } } .translate-145-proc-left { -webkit-animation-name: translate-145-proc-left; -moz-animation-name: translate-145-proc-left; -o-animation-name: translate-145-proc-left; animation-name: translate-145-proc-left; } @keyframes translate-150-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-150%); } } .translate-150-proc-left { -webkit-animation-name: translate-150-proc-left; -moz-animation-name: translate-150-proc-left; -o-animation-name: translate-150-proc-left; animation-name: translate-150-proc-left; } @keyframes translate-155-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-155%); } } .translate-155-proc-left { -webkit-animation-name: translate-155-proc-left; -moz-animation-name: translate-155-proc-left; -o-animation-name: translate-155-proc-left; animation-name: translate-155-proc-left; } @keyframes translate-160-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-160%); } } .translate-160-proc-left { -webkit-animation-name: translate-160-proc-left; -moz-animation-name: translate-160-proc-left; -o-animation-name: translate-160-proc-left; animation-name: translate-160-proc-left; } @keyframes translate-165-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-165%); } } .translate-165-proc-left { -webkit-animation-name: translate-165-proc-left; -moz-animation-name: translate-165-proc-left; -o-animation-name: translate-165-proc-left; animation-name: translate-165-proc-left; } @keyframes translate-170-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-170%); } } .translate-170-proc-left { -webkit-animation-name: translate-170-proc-left; -moz-animation-name: translate-170-proc-left; -o-animation-name: translate-170-proc-left; animation-name: translate-170-proc-left; } @keyframes translate-175-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-175%); } } .translate-175-proc-left { -webkit-animation-name: translate-175-proc-left; -moz-animation-name: translate-175-proc-left; -o-animation-name: translate-175-proc-left; animation-name: translate-175-proc-left; } @keyframes translate-180-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-180%); } } .translate-180-proc-left { -webkit-animation-name: translate-180-proc-left; -moz-animation-name: translate-180-proc-left; -o-animation-name: translate-180-proc-left; animation-name: translate-180-proc-left; } @keyframes translate-185-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-185%); } } .translate-185-proc-left { -webkit-animation-name: translate-185-proc-left; -moz-animation-name: translate-185-proc-left; -o-animation-name: translate-185-proc-left; animation-name: translate-185-proc-left; } @keyframes translate-190-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-190%); } } .translate-190-proc-left { -webkit-animation-name: translate-190-proc-left; -moz-animation-name: translate-190-proc-left; -o-animation-name: translate-190-proc-left; animation-name: translate-190-proc-left; } @keyframes translate-195-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-195%); } } .translate-195-proc-left { -webkit-animation-name: translate-195-proc-left; -moz-animation-name: translate-195-proc-left; -o-animation-name: translate-195-proc-left; animation-name: translate-195-proc-left; } @keyframes translate-200-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-200%); } } .translate-200-proc-left { -webkit-animation-name: translate-200-proc-left; -moz-animation-name: translate-200-proc-left; -o-animation-name: translate-200-proc-left; animation-name: translate-200-proc-left; } @keyframes translate-205-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-205%); } } .translate-205-proc-left { -webkit-animation-name: translate-205-proc-left; -moz-animation-name: translate-205-proc-left; -o-animation-name: translate-205-proc-left; animation-name: translate-205-proc-left; } @keyframes translate-210-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-210%); } } .translate-210-proc-left { -webkit-animation-name: translate-210-proc-left; -moz-animation-name: translate-210-proc-left; -o-animation-name: translate-210-proc-left; animation-name: translate-210-proc-left; } @keyframes translate-215-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-215%); } } .translate-215-proc-left { -webkit-animation-name: translate-215-proc-left; -moz-animation-name: translate-215-proc-left; -o-animation-name: translate-215-proc-left; animation-name: translate-215-proc-left; } @keyframes translate-220-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-220%); } } .translate-220-proc-left { -webkit-animation-name: translate-220-proc-left; -moz-animation-name: translate-220-proc-left; -o-animation-name: translate-220-proc-left; animation-name: translate-220-proc-left; } @keyframes translate-225-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-225%); } } .translate-225-proc-left { -webkit-animation-name: translate-225-proc-left; -moz-animation-name: translate-225-proc-left; -o-animation-name: translate-225-proc-left; animation-name: translate-225-proc-left; } @keyframes translate-230-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-230%); } } .translate-230-proc-left { -webkit-animation-name: translate-230-proc-left; -moz-animation-name: translate-230-proc-left; -o-animation-name: translate-230-proc-left; animation-name: translate-230-proc-left; } @keyframes translate-235-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-235%); } } .translate-235-proc-left { -webkit-animation-name: translate-235-proc-left; -moz-animation-name: translate-235-proc-left; -o-animation-name: translate-235-proc-left; animation-name: translate-235-proc-left; } @keyframes translate-240-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-240%); } } .translate-240-proc-left { -webkit-animation-name: translate-240-proc-left; -moz-animation-name: translate-240-proc-left; -o-animation-name: translate-240-proc-left; animation-name: translate-240-proc-left; } @keyframes translate-245-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-245%); } } .translate-245-proc-left { -webkit-animation-name: translate-245-proc-left; -moz-animation-name: translate-245-proc-left; -o-animation-name: translate-245-proc-left; animation-name: translate-245-proc-left; } @keyframes translate-250-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-250%); } } .translate-250-proc-left { -webkit-animation-name: translate-250-proc-left; -moz-animation-name: translate-250-proc-left; -o-animation-name: translate-250-proc-left; animation-name: translate-250-proc-left; } @keyframes translate-255-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-255%); } } .translate-255-proc-left { -webkit-animation-name: translate-255-proc-left; -moz-animation-name: translate-255-proc-left; -o-animation-name: translate-255-proc-left; animation-name: translate-255-proc-left; } @keyframes translate-260-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-260%); } } .translate-260-proc-left { -webkit-animation-name: translate-260-proc-left; -moz-animation-name: translate-260-proc-left; -o-animation-name: translate-260-proc-left; animation-name: translate-260-proc-left; } @keyframes translate-265-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-265%); } } .translate-265-proc-left { -webkit-animation-name: translate-265-proc-left; -moz-animation-name: translate-265-proc-left; -o-animation-name: translate-265-proc-left; animation-name: translate-265-proc-left; } @keyframes translate-270-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-270%); } } .translate-270-proc-left { -webkit-animation-name: translate-270-proc-left; -moz-animation-name: translate-270-proc-left; -o-animation-name: translate-270-proc-left; animation-name: translate-270-proc-left; } @keyframes translate-275-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-275%); } } .translate-275-proc-left { -webkit-animation-name: translate-275-proc-left; -moz-animation-name: translate-275-proc-left; -o-animation-name: translate-275-proc-left; animation-name: translate-275-proc-left; } @keyframes translate-280-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-280%); } } .translate-280-proc-left { -webkit-animation-name: translate-280-proc-left; -moz-animation-name: translate-280-proc-left; -o-animation-name: translate-280-proc-left; animation-name: translate-280-proc-left; } @keyframes translate-285-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-285%); } } .translate-285-proc-left { -webkit-animation-name: translate-285-proc-left; -moz-animation-name: translate-285-proc-left; -o-animation-name: translate-285-proc-left; animation-name: translate-285-proc-left; } @keyframes translate-290-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-290%); } } .translate-290-proc-left { -webkit-animation-name: translate-290-proc-left; -moz-animation-name: translate-290-proc-left; -o-animation-name: translate-290-proc-left; animation-name: translate-290-proc-left; } @keyframes translate-295-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-295%); } } .translate-295-proc-left { -webkit-animation-name: translate-295-proc-left; -moz-animation-name: translate-295-proc-left; -o-animation-name: translate-295-proc-left; animation-name: translate-295-proc-left; } @keyframes translate-300-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-300%); } } .translate-300-proc-left { -webkit-animation-name: translate-300-proc-left; -moz-animation-name: translate-300-proc-left; -o-animation-name: translate-300-proc-left; animation-name: translate-300-proc-left; } @keyframes translate-305-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-305%); } } .translate-305-proc-left { -webkit-animation-name: translate-305-proc-left; -moz-animation-name: translate-305-proc-left; -o-animation-name: translate-305-proc-left; animation-name: translate-305-proc-left; } @keyframes translate-310-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-310%); } } .translate-310-proc-left { -webkit-animation-name: translate-310-proc-left; -moz-animation-name: translate-310-proc-left; -o-animation-name: translate-310-proc-left; animation-name: translate-310-proc-left; } @keyframes translate-315-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-315%); } } .translate-315-proc-left { -webkit-animation-name: translate-315-proc-left; -moz-animation-name: translate-315-proc-left; -o-animation-name: translate-315-proc-left; animation-name: translate-315-proc-left; } @keyframes translate-320-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-320%); } } .translate-320-proc-left { -webkit-animation-name: translate-320-proc-left; -moz-animation-name: translate-320-proc-left; -o-animation-name: translate-320-proc-left; animation-name: translate-320-proc-left; } @keyframes translate-325-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-325%); } } .translate-325-proc-left { -webkit-animation-name: translate-325-proc-left; -moz-animation-name: translate-325-proc-left; -o-animation-name: translate-325-proc-left; animation-name: translate-325-proc-left; } @keyframes translate-330-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-330%); } } .translate-330-proc-left { -webkit-animation-name: translate-330-proc-left; -moz-animation-name: translate-330-proc-left; -o-animation-name: translate-330-proc-left; animation-name: translate-330-proc-left; } @keyframes translate-335-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-335%); } } .translate-335-proc-left { -webkit-animation-name: translate-335-proc-left; -moz-animation-name: translate-335-proc-left; -o-animation-name: translate-335-proc-left; animation-name: translate-335-proc-left; } @keyframes translate-340-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-340%); } } .translate-340-proc-left { -webkit-animation-name: translate-340-proc-left; -moz-animation-name: translate-340-proc-left; -o-animation-name: translate-340-proc-left; animation-name: translate-340-proc-left; } @keyframes translate-345-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-345%); } } .translate-345-proc-left { -webkit-animation-name: translate-345-proc-left; -moz-animation-name: translate-345-proc-left; -o-animation-name: translate-345-proc-left; animation-name: translate-345-proc-left; } @keyframes translate-350-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-350%); } } .translate-350-proc-left { -webkit-animation-name: translate-350-proc-left; -moz-animation-name: translate-350-proc-left; -o-animation-name: translate-350-proc-left; animation-name: translate-350-proc-left; } @keyframes translate-355-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-355%); } } .translate-355-proc-left { -webkit-animation-name: translate-355-proc-left; -moz-animation-name: translate-355-proc-left; -o-animation-name: translate-355-proc-left; animation-name: translate-355-proc-left; } @keyframes translate-360-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-360%); } } .translate-360-proc-left { -webkit-animation-name: translate-360-proc-left; -moz-animation-name: translate-360-proc-left; -o-animation-name: translate-360-proc-left; animation-name: translate-360-proc-left; } @keyframes translate-365-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-365%); } } .translate-365-proc-left { -webkit-animation-name: translate-365-proc-left; -moz-animation-name: translate-365-proc-left; -o-animation-name: translate-365-proc-left; animation-name: translate-365-proc-left; } @keyframes translate-370-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-370%); } } .translate-370-proc-left { -webkit-animation-name: translate-370-proc-left; -moz-animation-name: translate-370-proc-left; -o-animation-name: translate-370-proc-left; animation-name: translate-370-proc-left; } @keyframes translate-375-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-375%); } } .translate-375-proc-left { -webkit-animation-name: translate-375-proc-left; -moz-animation-name: translate-375-proc-left; -o-animation-name: translate-375-proc-left; animation-name: translate-375-proc-left; } @keyframes translate-380-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-380%); } } .translate-380-proc-left { -webkit-animation-name: translate-380-proc-left; -moz-animation-name: translate-380-proc-left; -o-animation-name: translate-380-proc-left; animation-name: translate-380-proc-left; } @keyframes translate-385-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-385%); } } .translate-385-proc-left { -webkit-animation-name: translate-385-proc-left; -moz-animation-name: translate-385-proc-left; -o-animation-name: translate-385-proc-left; animation-name: translate-385-proc-left; } @keyframes translate-390-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-390%); } } .translate-390-proc-left { -webkit-animation-name: translate-390-proc-left; -moz-animation-name: translate-390-proc-left; -o-animation-name: translate-390-proc-left; animation-name: translate-390-proc-left; } @keyframes translate-395-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-395%); } } .translate-395-proc-left { -webkit-animation-name: translate-395-proc-left; -moz-animation-name: translate-395-proc-left; -o-animation-name: translate-395-proc-left; animation-name: translate-395-proc-left; } @keyframes translate-400-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-400%); } } .translate-400-proc-left { -webkit-animation-name: translate-400-proc-left; -moz-animation-name: translate-400-proc-left; -o-animation-name: translate-400-proc-left; animation-name: translate-400-proc-left; } @keyframes translate-405-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-405%); } } .translate-405-proc-left { -webkit-animation-name: translate-405-proc-left; -moz-animation-name: translate-405-proc-left; -o-animation-name: translate-405-proc-left; animation-name: translate-405-proc-left; } @keyframes translate-410-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-410%); } } .translate-410-proc-left { -webkit-animation-name: translate-410-proc-left; -moz-animation-name: translate-410-proc-left; -o-animation-name: translate-410-proc-left; animation-name: translate-410-proc-left; } @keyframes translate-415-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-415%); } } .translate-415-proc-left { -webkit-animation-name: translate-415-proc-left; -moz-animation-name: translate-415-proc-left; -o-animation-name: translate-415-proc-left; animation-name: translate-415-proc-left; } @keyframes translate-420-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-420%); } } .translate-420-proc-left { -webkit-animation-name: translate-420-proc-left; -moz-animation-name: translate-420-proc-left; -o-animation-name: translate-420-proc-left; animation-name: translate-420-proc-left; } @keyframes translate-425-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-425%); } } .translate-425-proc-left { -webkit-animation-name: translate-425-proc-left; -moz-animation-name: translate-425-proc-left; -o-animation-name: translate-425-proc-left; animation-name: translate-425-proc-left; } @keyframes translate-430-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-430%); } } .translate-430-proc-left { -webkit-animation-name: translate-430-proc-left; -moz-animation-name: translate-430-proc-left; -o-animation-name: translate-430-proc-left; animation-name: translate-430-proc-left; } @keyframes translate-435-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-435%); } } .translate-435-proc-left { -webkit-animation-name: translate-435-proc-left; -moz-animation-name: translate-435-proc-left; -o-animation-name: translate-435-proc-left; animation-name: translate-435-proc-left; } @keyframes translate-440-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-440%); } } .translate-440-proc-left { -webkit-animation-name: translate-440-proc-left; -moz-animation-name: translate-440-proc-left; -o-animation-name: translate-440-proc-left; animation-name: translate-440-proc-left; } @keyframes translate-445-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-445%); } } .translate-445-proc-left { -webkit-animation-name: translate-445-proc-left; -moz-animation-name: translate-445-proc-left; -o-animation-name: translate-445-proc-left; animation-name: translate-445-proc-left; } @keyframes translate-450-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-450%); } } .translate-450-proc-left { -webkit-animation-name: translate-450-proc-left; -moz-animation-name: translate-450-proc-left; -o-animation-name: translate-450-proc-left; animation-name: translate-450-proc-left; } @keyframes translate-455-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-455%); } } .translate-455-proc-left { -webkit-animation-name: translate-455-proc-left; -moz-animation-name: translate-455-proc-left; -o-animation-name: translate-455-proc-left; animation-name: translate-455-proc-left; } @keyframes translate-460-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-460%); } } .translate-460-proc-left { -webkit-animation-name: translate-460-proc-left; -moz-animation-name: translate-460-proc-left; -o-animation-name: translate-460-proc-left; animation-name: translate-460-proc-left; } @keyframes translate-465-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-465%); } } .translate-465-proc-left { -webkit-animation-name: translate-465-proc-left; -moz-animation-name: translate-465-proc-left; -o-animation-name: translate-465-proc-left; animation-name: translate-465-proc-left; } @keyframes translate-470-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-470%); } } .translate-470-proc-left { -webkit-animation-name: translate-470-proc-left; -moz-animation-name: translate-470-proc-left; -o-animation-name: translate-470-proc-left; animation-name: translate-470-proc-left; } @keyframes translate-475-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-475%); } } .translate-475-proc-left { -webkit-animation-name: translate-475-proc-left; -moz-animation-name: translate-475-proc-left; -o-animation-name: translate-475-proc-left; animation-name: translate-475-proc-left; } @keyframes translate-480-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-480%); } } .translate-480-proc-left { -webkit-animation-name: translate-480-proc-left; -moz-animation-name: translate-480-proc-left; -o-animation-name: translate-480-proc-left; animation-name: translate-480-proc-left; } @keyframes translate-485-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-485%); } } .translate-485-proc-left { -webkit-animation-name: translate-485-proc-left; -moz-animation-name: translate-485-proc-left; -o-animation-name: translate-485-proc-left; animation-name: translate-485-proc-left; } @keyframes translate-490-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-490%); } } .translate-490-proc-left { -webkit-animation-name: translate-490-proc-left; -moz-animation-name: translate-490-proc-left; -o-animation-name: translate-490-proc-left; animation-name: translate-490-proc-left; } @keyframes translate-495-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-495%); } } .translate-495-proc-left { -webkit-animation-name: translate-495-proc-left; -moz-animation-name: translate-495-proc-left; -o-animation-name: translate-495-proc-left; animation-name: translate-495-proc-left; } @keyframes translate-500-proc-left { 0% { transform: translateX(0); } 100% { transform: translateX(-500%); } } .translate-500-proc-left { -webkit-animation-name: translate-500-proc-left; -moz-animation-name: translate-500-proc-left; -o-animation-name: translate-500-proc-left; animation-name: translate-500-proc-left; } @keyframes translate-5-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(5%); } } .translate-5-proc-right { -webkit-animation-name: translate-5-proc-right; -moz-animation-name: translate-5-proc-right; -o-animation-name: translate-5-proc-right; animation-name: translate-5-proc-right; } @keyframes translate-10-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(10%); } } .translate-10-proc-right { -webkit-animation-name: translate-10-proc-right; -moz-animation-name: translate-10-proc-right; -o-animation-name: translate-10-proc-right; animation-name: translate-10-proc-right; } @keyframes translate-15-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(15%); } } .translate-15-proc-right { -webkit-animation-name: translate-15-proc-right; -moz-animation-name: translate-15-proc-right; -o-animation-name: translate-15-proc-right; animation-name: translate-15-proc-right; } @keyframes translate-20-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(20%); } } .translate-20-proc-right { -webkit-animation-name: translate-20-proc-right; -moz-animation-name: translate-20-proc-right; -o-animation-name: translate-20-proc-right; animation-name: translate-20-proc-right; } @keyframes translate-25-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(25%); } } .translate-25-proc-right { -webkit-animation-name: translate-25-proc-right; -moz-animation-name: translate-25-proc-right; -o-animation-name: translate-25-proc-right; animation-name: translate-25-proc-right; } @keyframes translate-30-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(30%); } } .translate-30-proc-right { -webkit-animation-name: translate-30-proc-right; -moz-animation-name: translate-30-proc-right; -o-animation-name: translate-30-proc-right; animation-name: translate-30-proc-right; } @keyframes translate-35-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(35%); } } .translate-35-proc-right { -webkit-animation-name: translate-35-proc-right; -moz-animation-name: translate-35-proc-right; -o-animation-name: translate-35-proc-right; animation-name: translate-35-proc-right; } @keyframes translate-40-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(40%); } } .translate-40-proc-right { -webkit-animation-name: translate-40-proc-right; -moz-animation-name: translate-40-proc-right; -o-animation-name: translate-40-proc-right; animation-name: translate-40-proc-right; } @keyframes translate-45-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(45%); } } .translate-45-proc-right { -webkit-animation-name: translate-45-proc-right; -moz-animation-name: translate-45-proc-right; -o-animation-name: translate-45-proc-right; animation-name: translate-45-proc-right; } @keyframes translate-50-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(50%); } } .translate-50-proc-right { -webkit-animation-name: translate-50-proc-right; -moz-animation-name: translate-50-proc-right; -o-animation-name: translate-50-proc-right; animation-name: translate-50-proc-right; } @keyframes translate-55-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(55%); } } .translate-55-proc-right { -webkit-animation-name: translate-55-proc-right; -moz-animation-name: translate-55-proc-right; -o-animation-name: translate-55-proc-right; animation-name: translate-55-proc-right; } @keyframes translate-60-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(60%); } } .translate-60-proc-right { -webkit-animation-name: translate-60-proc-right; -moz-animation-name: translate-60-proc-right; -o-animation-name: translate-60-proc-right; animation-name: translate-60-proc-right; } @keyframes translate-65-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(65%); } } .translate-65-proc-right { -webkit-animation-name: translate-65-proc-right; -moz-animation-name: translate-65-proc-right; -o-animation-name: translate-65-proc-right; animation-name: translate-65-proc-right; } @keyframes translate-70-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(70%); } } .translate-70-proc-right { -webkit-animation-name: translate-70-proc-right; -moz-animation-name: translate-70-proc-right; -o-animation-name: translate-70-proc-right; animation-name: translate-70-proc-right; } @keyframes translate-75-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(75%); } } .translate-75-proc-right { -webkit-animation-name: translate-75-proc-right; -moz-animation-name: translate-75-proc-right; -o-animation-name: translate-75-proc-right; animation-name: translate-75-proc-right; } @keyframes translate-80-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(80%); } } .translate-80-proc-right { -webkit-animation-name: translate-80-proc-right; -moz-animation-name: translate-80-proc-right; -o-animation-name: translate-80-proc-right; animation-name: translate-80-proc-right; } @keyframes translate-85-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(85%); } } .translate-85-proc-right { -webkit-animation-name: translate-85-proc-right; -moz-animation-name: translate-85-proc-right; -o-animation-name: translate-85-proc-right; animation-name: translate-85-proc-right; } @keyframes translate-90-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(90%); } } .translate-90-proc-right { -webkit-animation-name: translate-90-proc-right; -moz-animation-name: translate-90-proc-right; -o-animation-name: translate-90-proc-right; animation-name: translate-90-proc-right; } @keyframes translate-95-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(95%); } } .translate-95-proc-right { -webkit-animation-name: translate-95-proc-right; -moz-animation-name: translate-95-proc-right; -o-animation-name: translate-95-proc-right; animation-name: translate-95-proc-right; } @keyframes translate-100-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(100%); } } .translate-100-proc-right { -webkit-animation-name: translate-100-proc-right; -moz-animation-name: translate-100-proc-right; -o-animation-name: translate-100-proc-right; animation-name: translate-100-proc-right; } @keyframes translate-105-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(105%); } } .translate-105-proc-right { -webkit-animation-name: translate-105-proc-right; -moz-animation-name: translate-105-proc-right; -o-animation-name: translate-105-proc-right; animation-name: translate-105-proc-right; } @keyframes translate-110-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(110%); } } .translate-110-proc-right { -webkit-animation-name: translate-110-proc-right; -moz-animation-name: translate-110-proc-right; -o-animation-name: translate-110-proc-right; animation-name: translate-110-proc-right; } @keyframes translate-115-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(115%); } } .translate-115-proc-right { -webkit-animation-name: translate-115-proc-right; -moz-animation-name: translate-115-proc-right; -o-animation-name: translate-115-proc-right; animation-name: translate-115-proc-right; } @keyframes translate-120-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(120%); } } .translate-120-proc-right { -webkit-animation-name: translate-120-proc-right; -moz-animation-name: translate-120-proc-right; -o-animation-name: translate-120-proc-right; animation-name: translate-120-proc-right; } @keyframes translate-125-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(125%); } } .translate-125-proc-right { -webkit-animation-name: translate-125-proc-right; -moz-animation-name: translate-125-proc-right; -o-animation-name: translate-125-proc-right; animation-name: translate-125-proc-right; } @keyframes translate-130-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(130%); } } .translate-130-proc-right { -webkit-animation-name: translate-130-proc-right; -moz-animation-name: translate-130-proc-right; -o-animation-name: translate-130-proc-right; animation-name: translate-130-proc-right; } @keyframes translate-135-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(135%); } } .translate-135-proc-right { -webkit-animation-name: translate-135-proc-right; -moz-animation-name: translate-135-proc-right; -o-animation-name: translate-135-proc-right; animation-name: translate-135-proc-right; } @keyframes translate-140-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(140%); } } .translate-140-proc-right { -webkit-animation-name: translate-140-proc-right; -moz-animation-name: translate-140-proc-right; -o-animation-name: translate-140-proc-right; animation-name: translate-140-proc-right; } @keyframes translate-145-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(145%); } } .translate-145-proc-right { -webkit-animation-name: translate-145-proc-right; -moz-animation-name: translate-145-proc-right; -o-animation-name: translate-145-proc-right; animation-name: translate-145-proc-right; } @keyframes translate-150-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(150%); } } .translate-150-proc-right { -webkit-animation-name: translate-150-proc-right; -moz-animation-name: translate-150-proc-right; -o-animation-name: translate-150-proc-right; animation-name: translate-150-proc-right; } @keyframes translate-155-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(155%); } } .translate-155-proc-right { -webkit-animation-name: translate-155-proc-right; -moz-animation-name: translate-155-proc-right; -o-animation-name: translate-155-proc-right; animation-name: translate-155-proc-right; } @keyframes translate-160-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(160%); } } .translate-160-proc-right { -webkit-animation-name: translate-160-proc-right; -moz-animation-name: translate-160-proc-right; -o-animation-name: translate-160-proc-right; animation-name: translate-160-proc-right; } @keyframes translate-165-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(165%); } } .translate-165-proc-right { -webkit-animation-name: translate-165-proc-right; -moz-animation-name: translate-165-proc-right; -o-animation-name: translate-165-proc-right; animation-name: translate-165-proc-right; } @keyframes translate-170-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(170%); } } .translate-170-proc-right { -webkit-animation-name: translate-170-proc-right; -moz-animation-name: translate-170-proc-right; -o-animation-name: translate-170-proc-right; animation-name: translate-170-proc-right; } @keyframes translate-175-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(175%); } } .translate-175-proc-right { -webkit-animation-name: translate-175-proc-right; -moz-animation-name: translate-175-proc-right; -o-animation-name: translate-175-proc-right; animation-name: translate-175-proc-right; } @keyframes translate-180-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(180%); } } .translate-180-proc-right { -webkit-animation-name: translate-180-proc-right; -moz-animation-name: translate-180-proc-right; -o-animation-name: translate-180-proc-right; animation-name: translate-180-proc-right; } @keyframes translate-185-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(185%); } } .translate-185-proc-right { -webkit-animation-name: translate-185-proc-right; -moz-animation-name: translate-185-proc-right; -o-animation-name: translate-185-proc-right; animation-name: translate-185-proc-right; } @keyframes translate-190-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(190%); } } .translate-190-proc-right { -webkit-animation-name: translate-190-proc-right; -moz-animation-name: translate-190-proc-right; -o-animation-name: translate-190-proc-right; animation-name: translate-190-proc-right; } @keyframes translate-195-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(195%); } } .translate-195-proc-right { -webkit-animation-name: translate-195-proc-right; -moz-animation-name: translate-195-proc-right; -o-animation-name: translate-195-proc-right; animation-name: translate-195-proc-right; } @keyframes translate-200-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(200%); } } .translate-200-proc-right { -webkit-animation-name: translate-200-proc-right; -moz-animation-name: translate-200-proc-right; -o-animation-name: translate-200-proc-right; animation-name: translate-200-proc-right; } @keyframes translate-205-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(205%); } } .translate-205-proc-right { -webkit-animation-name: translate-205-proc-right; -moz-animation-name: translate-205-proc-right; -o-animation-name: translate-205-proc-right; animation-name: translate-205-proc-right; } @keyframes translate-210-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(210%); } } .translate-210-proc-right { -webkit-animation-name: translate-210-proc-right; -moz-animation-name: translate-210-proc-right; -o-animation-name: translate-210-proc-right; animation-name: translate-210-proc-right; } @keyframes translate-215-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(215%); } } .translate-215-proc-right { -webkit-animation-name: translate-215-proc-right; -moz-animation-name: translate-215-proc-right; -o-animation-name: translate-215-proc-right; animation-name: translate-215-proc-right; } @keyframes translate-220-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(220%); } } .translate-220-proc-right { -webkit-animation-name: translate-220-proc-right; -moz-animation-name: translate-220-proc-right; -o-animation-name: translate-220-proc-right; animation-name: translate-220-proc-right; } @keyframes translate-225-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(225%); } } .translate-225-proc-right { -webkit-animation-name: translate-225-proc-right; -moz-animation-name: translate-225-proc-right; -o-animation-name: translate-225-proc-right; animation-name: translate-225-proc-right; } @keyframes translate-230-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(230%); } } .translate-230-proc-right { -webkit-animation-name: translate-230-proc-right; -moz-animation-name: translate-230-proc-right; -o-animation-name: translate-230-proc-right; animation-name: translate-230-proc-right; } @keyframes translate-235-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(235%); } } .translate-235-proc-right { -webkit-animation-name: translate-235-proc-right; -moz-animation-name: translate-235-proc-right; -o-animation-name: translate-235-proc-right; animation-name: translate-235-proc-right; } @keyframes translate-240-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(240%); } } .translate-240-proc-right { -webkit-animation-name: translate-240-proc-right; -moz-animation-name: translate-240-proc-right; -o-animation-name: translate-240-proc-right; animation-name: translate-240-proc-right; } @keyframes translate-245-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(245%); } } .translate-245-proc-right { -webkit-animation-name: translate-245-proc-right; -moz-animation-name: translate-245-proc-right; -o-animation-name: translate-245-proc-right; animation-name: translate-245-proc-right; } @keyframes translate-250-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(250%); } } .translate-250-proc-right { -webkit-animation-name: translate-250-proc-right; -moz-animation-name: translate-250-proc-right; -o-animation-name: translate-250-proc-right; animation-name: translate-250-proc-right; } @keyframes translate-255-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(255%); } } .translate-255-proc-right { -webkit-animation-name: translate-255-proc-right; -moz-animation-name: translate-255-proc-right; -o-animation-name: translate-255-proc-right; animation-name: translate-255-proc-right; } @keyframes translate-260-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(260%); } } .translate-260-proc-right { -webkit-animation-name: translate-260-proc-right; -moz-animation-name: translate-260-proc-right; -o-animation-name: translate-260-proc-right; animation-name: translate-260-proc-right; } @keyframes translate-265-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(265%); } } .translate-265-proc-right { -webkit-animation-name: translate-265-proc-right; -moz-animation-name: translate-265-proc-right; -o-animation-name: translate-265-proc-right; animation-name: translate-265-proc-right; } @keyframes translate-270-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(270%); } } .translate-270-proc-right { -webkit-animation-name: translate-270-proc-right; -moz-animation-name: translate-270-proc-right; -o-animation-name: translate-270-proc-right; animation-name: translate-270-proc-right; } @keyframes translate-275-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(275%); } } .translate-275-proc-right { -webkit-animation-name: translate-275-proc-right; -moz-animation-name: translate-275-proc-right; -o-animation-name: translate-275-proc-right; animation-name: translate-275-proc-right; } @keyframes translate-280-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(280%); } } .translate-280-proc-right { -webkit-animation-name: translate-280-proc-right; -moz-animation-name: translate-280-proc-right; -o-animation-name: translate-280-proc-right; animation-name: translate-280-proc-right; } @keyframes translate-285-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(285%); } } .translate-285-proc-right { -webkit-animation-name: translate-285-proc-right; -moz-animation-name: translate-285-proc-right; -o-animation-name: translate-285-proc-right; animation-name: translate-285-proc-right; } @keyframes translate-290-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(290%); } } .translate-290-proc-right { -webkit-animation-name: translate-290-proc-right; -moz-animation-name: translate-290-proc-right; -o-animation-name: translate-290-proc-right; animation-name: translate-290-proc-right; } @keyframes translate-295-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(295%); } } .translate-295-proc-right { -webkit-animation-name: translate-295-proc-right; -moz-animation-name: translate-295-proc-right; -o-animation-name: translate-295-proc-right; animation-name: translate-295-proc-right; } @keyframes translate-300-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(300%); } } .translate-300-proc-right { -webkit-animation-name: translate-300-proc-right; -moz-animation-name: translate-300-proc-right; -o-animation-name: translate-300-proc-right; animation-name: translate-300-proc-right; } @keyframes translate-305-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(305%); } } .translate-305-proc-right { -webkit-animation-name: translate-305-proc-right; -moz-animation-name: translate-305-proc-right; -o-animation-name: translate-305-proc-right; animation-name: translate-305-proc-right; } @keyframes translate-310-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(310%); } } .translate-310-proc-right { -webkit-animation-name: translate-310-proc-right; -moz-animation-name: translate-310-proc-right; -o-animation-name: translate-310-proc-right; animation-name: translate-310-proc-right; } @keyframes translate-315-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(315%); } } .translate-315-proc-right { -webkit-animation-name: translate-315-proc-right; -moz-animation-name: translate-315-proc-right; -o-animation-name: translate-315-proc-right; animation-name: translate-315-proc-right; } @keyframes translate-320-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(320%); } } .translate-320-proc-right { -webkit-animation-name: translate-320-proc-right; -moz-animation-name: translate-320-proc-right; -o-animation-name: translate-320-proc-right; animation-name: translate-320-proc-right; } @keyframes translate-325-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(325%); } } .translate-325-proc-right { -webkit-animation-name: translate-325-proc-right; -moz-animation-name: translate-325-proc-right; -o-animation-name: translate-325-proc-right; animation-name: translate-325-proc-right; } @keyframes translate-330-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(330%); } } .translate-330-proc-right { -webkit-animation-name: translate-330-proc-right; -moz-animation-name: translate-330-proc-right; -o-animation-name: translate-330-proc-right; animation-name: translate-330-proc-right; } @keyframes translate-335-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(335%); } } .translate-335-proc-right { -webkit-animation-name: translate-335-proc-right; -moz-animation-name: translate-335-proc-right; -o-animation-name: translate-335-proc-right; animation-name: translate-335-proc-right; } @keyframes translate-340-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(340%); } } .translate-340-proc-right { -webkit-animation-name: translate-340-proc-right; -moz-animation-name: translate-340-proc-right; -o-animation-name: translate-340-proc-right; animation-name: translate-340-proc-right; } @keyframes translate-345-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(345%); } } .translate-345-proc-right { -webkit-animation-name: translate-345-proc-right; -moz-animation-name: translate-345-proc-right; -o-animation-name: translate-345-proc-right; animation-name: translate-345-proc-right; } @keyframes translate-350-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(350%); } } .translate-350-proc-right { -webkit-animation-name: translate-350-proc-right; -moz-animation-name: translate-350-proc-right; -o-animation-name: translate-350-proc-right; animation-name: translate-350-proc-right; } @keyframes translate-355-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(355%); } } .translate-355-proc-right { -webkit-animation-name: translate-355-proc-right; -moz-animation-name: translate-355-proc-right; -o-animation-name: translate-355-proc-right; animation-name: translate-355-proc-right; } @keyframes translate-360-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(360%); } } .translate-360-proc-right { -webkit-animation-name: translate-360-proc-right; -moz-animation-name: translate-360-proc-right; -o-animation-name: translate-360-proc-right; animation-name: translate-360-proc-right; } @keyframes translate-365-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(365%); } } .translate-365-proc-right { -webkit-animation-name: translate-365-proc-right; -moz-animation-name: translate-365-proc-right; -o-animation-name: translate-365-proc-right; animation-name: translate-365-proc-right; } @keyframes translate-370-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(370%); } } .translate-370-proc-right { -webkit-animation-name: translate-370-proc-right; -moz-animation-name: translate-370-proc-right; -o-animation-name: translate-370-proc-right; animation-name: translate-370-proc-right; } @keyframes translate-375-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(375%); } } .translate-375-proc-right { -webkit-animation-name: translate-375-proc-right; -moz-animation-name: translate-375-proc-right; -o-animation-name: translate-375-proc-right; animation-name: translate-375-proc-right; } @keyframes translate-380-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(380%); } } .translate-380-proc-right { -webkit-animation-name: translate-380-proc-right; -moz-animation-name: translate-380-proc-right; -o-animation-name: translate-380-proc-right; animation-name: translate-380-proc-right; } @keyframes translate-385-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(385%); } } .translate-385-proc-right { -webkit-animation-name: translate-385-proc-right; -moz-animation-name: translate-385-proc-right; -o-animation-name: translate-385-proc-right; animation-name: translate-385-proc-right; } @keyframes translate-390-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(390%); } } .translate-390-proc-right { -webkit-animation-name: translate-390-proc-right; -moz-animation-name: translate-390-proc-right; -o-animation-name: translate-390-proc-right; animation-name: translate-390-proc-right; } @keyframes translate-395-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(395%); } } .translate-395-proc-right { -webkit-animation-name: translate-395-proc-right; -moz-animation-name: translate-395-proc-right; -o-animation-name: translate-395-proc-right; animation-name: translate-395-proc-right; } @keyframes translate-400-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(400%); } } .translate-400-proc-right { -webkit-animation-name: translate-400-proc-right; -moz-animation-name: translate-400-proc-right; -o-animation-name: translate-400-proc-right; animation-name: translate-400-proc-right; } @keyframes translate-405-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(405%); } } .translate-405-proc-right { -webkit-animation-name: translate-405-proc-right; -moz-animation-name: translate-405-proc-right; -o-animation-name: translate-405-proc-right; animation-name: translate-405-proc-right; } @keyframes translate-410-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(410%); } } .translate-410-proc-right { -webkit-animation-name: translate-410-proc-right; -moz-animation-name: translate-410-proc-right; -o-animation-name: translate-410-proc-right; animation-name: translate-410-proc-right; } @keyframes translate-415-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(415%); } } .translate-415-proc-right { -webkit-animation-name: translate-415-proc-right; -moz-animation-name: translate-415-proc-right; -o-animation-name: translate-415-proc-right; animation-name: translate-415-proc-right; } @keyframes translate-420-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(420%); } } .translate-420-proc-right { -webkit-animation-name: translate-420-proc-right; -moz-animation-name: translate-420-proc-right; -o-animation-name: translate-420-proc-right; animation-name: translate-420-proc-right; } @keyframes translate-425-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(425%); } } .translate-425-proc-right { -webkit-animation-name: translate-425-proc-right; -moz-animation-name: translate-425-proc-right; -o-animation-name: translate-425-proc-right; animation-name: translate-425-proc-right; } @keyframes translate-430-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(430%); } } .translate-430-proc-right { -webkit-animation-name: translate-430-proc-right; -moz-animation-name: translate-430-proc-right; -o-animation-name: translate-430-proc-right; animation-name: translate-430-proc-right; } @keyframes translate-435-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(435%); } } .translate-435-proc-right { -webkit-animation-name: translate-435-proc-right; -moz-animation-name: translate-435-proc-right; -o-animation-name: translate-435-proc-right; animation-name: translate-435-proc-right; } @keyframes translate-440-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(440%); } } .translate-440-proc-right { -webkit-animation-name: translate-440-proc-right; -moz-animation-name: translate-440-proc-right; -o-animation-name: translate-440-proc-right; animation-name: translate-440-proc-right; } @keyframes translate-445-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(445%); } } .translate-445-proc-right { -webkit-animation-name: translate-445-proc-right; -moz-animation-name: translate-445-proc-right; -o-animation-name: translate-445-proc-right; animation-name: translate-445-proc-right; } @keyframes translate-450-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(450%); } } .translate-450-proc-right { -webkit-animation-name: translate-450-proc-right; -moz-animation-name: translate-450-proc-right; -o-animation-name: translate-450-proc-right; animation-name: translate-450-proc-right; } @keyframes translate-455-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(455%); } } .translate-455-proc-right { -webkit-animation-name: translate-455-proc-right; -moz-animation-name: translate-455-proc-right; -o-animation-name: translate-455-proc-right; animation-name: translate-455-proc-right; } @keyframes translate-460-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(460%); } } .translate-460-proc-right { -webkit-animation-name: translate-460-proc-right; -moz-animation-name: translate-460-proc-right; -o-animation-name: translate-460-proc-right; animation-name: translate-460-proc-right; } @keyframes translate-465-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(465%); } } .translate-465-proc-right { -webkit-animation-name: translate-465-proc-right; -moz-animation-name: translate-465-proc-right; -o-animation-name: translate-465-proc-right; animation-name: translate-465-proc-right; } @keyframes translate-470-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(470%); } } .translate-470-proc-right { -webkit-animation-name: translate-470-proc-right; -moz-animation-name: translate-470-proc-right; -o-animation-name: translate-470-proc-right; animation-name: translate-470-proc-right; } @keyframes translate-475-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(475%); } } .translate-475-proc-right { -webkit-animation-name: translate-475-proc-right; -moz-animation-name: translate-475-proc-right; -o-animation-name: translate-475-proc-right; animation-name: translate-475-proc-right; } @keyframes translate-480-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(480%); } } .translate-480-proc-right { -webkit-animation-name: translate-480-proc-right; -moz-animation-name: translate-480-proc-right; -o-animation-name: translate-480-proc-right; animation-name: translate-480-proc-right; } @keyframes translate-485-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(485%); } } .translate-485-proc-right { -webkit-animation-name: translate-485-proc-right; -moz-animation-name: translate-485-proc-right; -o-animation-name: translate-485-proc-right; animation-name: translate-485-proc-right; } @keyframes translate-490-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(490%); } } .translate-490-proc-right { -webkit-animation-name: translate-490-proc-right; -moz-animation-name: translate-490-proc-right; -o-animation-name: translate-490-proc-right; animation-name: translate-490-proc-right; } @keyframes translate-495-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(495%); } } .translate-495-proc-right { -webkit-animation-name: translate-495-proc-right; -moz-animation-name: translate-495-proc-right; -o-animation-name: translate-495-proc-right; animation-name: translate-495-proc-right; } @keyframes translate-500-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(500%); } } .translate-500-proc-right { -webkit-animation-name: translate-500-proc-right; -moz-animation-name: translate-500-proc-right; -o-animation-name: translate-500-proc-right; animation-name: translate-500-proc-right; } @keyframes translate-5-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-5%); } } .translate-5-proc-top { -webkit-animation-name: translate-5-proc-top; -moz-animation-name: translate-5-proc-top; -o-animation-name: translate-5-proc-top; animation-name: translate-5-proc-top; } @keyframes translate-10-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-10%); } } .translate-10-proc-top { -webkit-animation-name: translate-10-proc-top; -moz-animation-name: translate-10-proc-top; -o-animation-name: translate-10-proc-top; animation-name: translate-10-proc-top; } @keyframes translate-15-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-15%); } } .translate-15-proc-top { -webkit-animation-name: translate-15-proc-top; -moz-animation-name: translate-15-proc-top; -o-animation-name: translate-15-proc-top; animation-name: translate-15-proc-top; } @keyframes translate-20-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-20%); } } .translate-20-proc-top { -webkit-animation-name: translate-20-proc-top; -moz-animation-name: translate-20-proc-top; -o-animation-name: translate-20-proc-top; animation-name: translate-20-proc-top; } @keyframes translate-25-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-25%); } } .translate-25-proc-top { -webkit-animation-name: translate-25-proc-top; -moz-animation-name: translate-25-proc-top; -o-animation-name: translate-25-proc-top; animation-name: translate-25-proc-top; } @keyframes translate-30-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-30%); } } .translate-30-proc-top { -webkit-animation-name: translate-30-proc-top; -moz-animation-name: translate-30-proc-top; -o-animation-name: translate-30-proc-top; animation-name: translate-30-proc-top; } @keyframes translate-35-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-35%); } } .translate-35-proc-top { -webkit-animation-name: translate-35-proc-top; -moz-animation-name: translate-35-proc-top; -o-animation-name: translate-35-proc-top; animation-name: translate-35-proc-top; } @keyframes translate-40-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-40%); } } .translate-40-proc-top { -webkit-animation-name: translate-40-proc-top; -moz-animation-name: translate-40-proc-top; -o-animation-name: translate-40-proc-top; animation-name: translate-40-proc-top; } @keyframes translate-45-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-45%); } } .translate-45-proc-top { -webkit-animation-name: translate-45-proc-top; -moz-animation-name: translate-45-proc-top; -o-animation-name: translate-45-proc-top; animation-name: translate-45-proc-top; } @keyframes translate-50-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } } .translate-50-proc-top { -webkit-animation-name: translate-50-proc-top; -moz-animation-name: translate-50-proc-top; -o-animation-name: translate-50-proc-top; animation-name: translate-50-proc-top; } @keyframes translate-55-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-55%); } } .translate-55-proc-top { -webkit-animation-name: translate-55-proc-top; -moz-animation-name: translate-55-proc-top; -o-animation-name: translate-55-proc-top; animation-name: translate-55-proc-top; } @keyframes translate-60-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-60%); } } .translate-60-proc-top { -webkit-animation-name: translate-60-proc-top; -moz-animation-name: translate-60-proc-top; -o-animation-name: translate-60-proc-top; animation-name: translate-60-proc-top; } @keyframes translate-65-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-65%); } } .translate-65-proc-top { -webkit-animation-name: translate-65-proc-top; -moz-animation-name: translate-65-proc-top; -o-animation-name: translate-65-proc-top; animation-name: translate-65-proc-top; } @keyframes translate-70-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-70%); } } .translate-70-proc-top { -webkit-animation-name: translate-70-proc-top; -moz-animation-name: translate-70-proc-top; -o-animation-name: translate-70-proc-top; animation-name: translate-70-proc-top; } @keyframes translate-75-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-75%); } } .translate-75-proc-top { -webkit-animation-name: translate-75-proc-top; -moz-animation-name: translate-75-proc-top; -o-animation-name: translate-75-proc-top; animation-name: translate-75-proc-top; } @keyframes translate-80-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-80%); } } .translate-80-proc-top { -webkit-animation-name: translate-80-proc-top; -moz-animation-name: translate-80-proc-top; -o-animation-name: translate-80-proc-top; animation-name: translate-80-proc-top; } @keyframes translate-85-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-85%); } } .translate-85-proc-top { -webkit-animation-name: translate-85-proc-top; -moz-animation-name: translate-85-proc-top; -o-animation-name: translate-85-proc-top; animation-name: translate-85-proc-top; } @keyframes translate-90-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-90%); } } .translate-90-proc-top { -webkit-animation-name: translate-90-proc-top; -moz-animation-name: translate-90-proc-top; -o-animation-name: translate-90-proc-top; animation-name: translate-90-proc-top; } @keyframes translate-95-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-95%); } } .translate-95-proc-top { -webkit-animation-name: translate-95-proc-top; -moz-animation-name: translate-95-proc-top; -o-animation-name: translate-95-proc-top; animation-name: translate-95-proc-top; } @keyframes translate-100-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } .translate-100-proc-top { -webkit-animation-name: translate-100-proc-top; -moz-animation-name: translate-100-proc-top; -o-animation-name: translate-100-proc-top; animation-name: translate-100-proc-top; } @keyframes translate-105-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-105%); } } .translate-105-proc-top { -webkit-animation-name: translate-105-proc-top; -moz-animation-name: translate-105-proc-top; -o-animation-name: translate-105-proc-top; animation-name: translate-105-proc-top; } @keyframes translate-110-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-110%); } } .translate-110-proc-top { -webkit-animation-name: translate-110-proc-top; -moz-animation-name: translate-110-proc-top; -o-animation-name: translate-110-proc-top; animation-name: translate-110-proc-top; } @keyframes translate-115-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-115%); } } .translate-115-proc-top { -webkit-animation-name: translate-115-proc-top; -moz-animation-name: translate-115-proc-top; -o-animation-name: translate-115-proc-top; animation-name: translate-115-proc-top; } @keyframes translate-120-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-120%); } } .translate-120-proc-top { -webkit-animation-name: translate-120-proc-top; -moz-animation-name: translate-120-proc-top; -o-animation-name: translate-120-proc-top; animation-name: translate-120-proc-top; } @keyframes translate-125-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-125%); } } .translate-125-proc-top { -webkit-animation-name: translate-125-proc-top; -moz-animation-name: translate-125-proc-top; -o-animation-name: translate-125-proc-top; animation-name: translate-125-proc-top; } @keyframes translate-130-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-130%); } } .translate-130-proc-top { -webkit-animation-name: translate-130-proc-top; -moz-animation-name: translate-130-proc-top; -o-animation-name: translate-130-proc-top; animation-name: translate-130-proc-top; } @keyframes translate-135-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-135%); } } .translate-135-proc-top { -webkit-animation-name: translate-135-proc-top; -moz-animation-name: translate-135-proc-top; -o-animation-name: translate-135-proc-top; animation-name: translate-135-proc-top; } @keyframes translate-140-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-140%); } } .translate-140-proc-top { -webkit-animation-name: translate-140-proc-top; -moz-animation-name: translate-140-proc-top; -o-animation-name: translate-140-proc-top; animation-name: translate-140-proc-top; } @keyframes translate-145-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-145%); } } .translate-145-proc-top { -webkit-animation-name: translate-145-proc-top; -moz-animation-name: translate-145-proc-top; -o-animation-name: translate-145-proc-top; animation-name: translate-145-proc-top; } @keyframes translate-150-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-150%); } } .translate-150-proc-top { -webkit-animation-name: translate-150-proc-top; -moz-animation-name: translate-150-proc-top; -o-animation-name: translate-150-proc-top; animation-name: translate-150-proc-top; } @keyframes translate-155-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-155%); } } .translate-155-proc-top { -webkit-animation-name: translate-155-proc-top; -moz-animation-name: translate-155-proc-top; -o-animation-name: translate-155-proc-top; animation-name: translate-155-proc-top; } @keyframes translate-160-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-160%); } } .translate-160-proc-top { -webkit-animation-name: translate-160-proc-top; -moz-animation-name: translate-160-proc-top; -o-animation-name: translate-160-proc-top; animation-name: translate-160-proc-top; } @keyframes translate-165-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-165%); } } .translate-165-proc-top { -webkit-animation-name: translate-165-proc-top; -moz-animation-name: translate-165-proc-top; -o-animation-name: translate-165-proc-top; animation-name: translate-165-proc-top; } @keyframes translate-170-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-170%); } } .translate-170-proc-top { -webkit-animation-name: translate-170-proc-top; -moz-animation-name: translate-170-proc-top; -o-animation-name: translate-170-proc-top; animation-name: translate-170-proc-top; } @keyframes translate-175-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-175%); } } .translate-175-proc-top { -webkit-animation-name: translate-175-proc-top; -moz-animation-name: translate-175-proc-top; -o-animation-name: translate-175-proc-top; animation-name: translate-175-proc-top; } @keyframes translate-180-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-180%); } } .translate-180-proc-top { -webkit-animation-name: translate-180-proc-top; -moz-animation-name: translate-180-proc-top; -o-animation-name: translate-180-proc-top; animation-name: translate-180-proc-top; } @keyframes translate-185-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-185%); } } .translate-185-proc-top { -webkit-animation-name: translate-185-proc-top; -moz-animation-name: translate-185-proc-top; -o-animation-name: translate-185-proc-top; animation-name: translate-185-proc-top; } @keyframes translate-190-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-190%); } } .translate-190-proc-top { -webkit-animation-name: translate-190-proc-top; -moz-animation-name: translate-190-proc-top; -o-animation-name: translate-190-proc-top; animation-name: translate-190-proc-top; } @keyframes translate-195-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-195%); } } .translate-195-proc-top { -webkit-animation-name: translate-195-proc-top; -moz-animation-name: translate-195-proc-top; -o-animation-name: translate-195-proc-top; animation-name: translate-195-proc-top; } @keyframes translate-200-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-200%); } } .translate-200-proc-top { -webkit-animation-name: translate-200-proc-top; -moz-animation-name: translate-200-proc-top; -o-animation-name: translate-200-proc-top; animation-name: translate-200-proc-top; } @keyframes translate-205-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-205%); } } .translate-205-proc-top { -webkit-animation-name: translate-205-proc-top; -moz-animation-name: translate-205-proc-top; -o-animation-name: translate-205-proc-top; animation-name: translate-205-proc-top; } @keyframes translate-210-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-210%); } } .translate-210-proc-top { -webkit-animation-name: translate-210-proc-top; -moz-animation-name: translate-210-proc-top; -o-animation-name: translate-210-proc-top; animation-name: translate-210-proc-top; } @keyframes translate-215-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-215%); } } .translate-215-proc-top { -webkit-animation-name: translate-215-proc-top; -moz-animation-name: translate-215-proc-top; -o-animation-name: translate-215-proc-top; animation-name: translate-215-proc-top; } @keyframes translate-220-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-220%); } } .translate-220-proc-top { -webkit-animation-name: translate-220-proc-top; -moz-animation-name: translate-220-proc-top; -o-animation-name: translate-220-proc-top; animation-name: translate-220-proc-top; } @keyframes translate-225-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-225%); } } .translate-225-proc-top { -webkit-animation-name: translate-225-proc-top; -moz-animation-name: translate-225-proc-top; -o-animation-name: translate-225-proc-top; animation-name: translate-225-proc-top; } @keyframes translate-230-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-230%); } } .translate-230-proc-top { -webkit-animation-name: translate-230-proc-top; -moz-animation-name: translate-230-proc-top; -o-animation-name: translate-230-proc-top; animation-name: translate-230-proc-top; } @keyframes translate-235-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-235%); } } .translate-235-proc-top { -webkit-animation-name: translate-235-proc-top; -moz-animation-name: translate-235-proc-top; -o-animation-name: translate-235-proc-top; animation-name: translate-235-proc-top; } @keyframes translate-240-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-240%); } } .translate-240-proc-top { -webkit-animation-name: translate-240-proc-top; -moz-animation-name: translate-240-proc-top; -o-animation-name: translate-240-proc-top; animation-name: translate-240-proc-top; } @keyframes translate-245-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-245%); } } .translate-245-proc-top { -webkit-animation-name: translate-245-proc-top; -moz-animation-name: translate-245-proc-top; -o-animation-name: translate-245-proc-top; animation-name: translate-245-proc-top; } @keyframes translate-250-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-250%); } } .translate-250-proc-top { -webkit-animation-name: translate-250-proc-top; -moz-animation-name: translate-250-proc-top; -o-animation-name: translate-250-proc-top; animation-name: translate-250-proc-top; } @keyframes translate-255-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-255%); } } .translate-255-proc-top { -webkit-animation-name: translate-255-proc-top; -moz-animation-name: translate-255-proc-top; -o-animation-name: translate-255-proc-top; animation-name: translate-255-proc-top; } @keyframes translate-260-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-260%); } } .translate-260-proc-top { -webkit-animation-name: translate-260-proc-top; -moz-animation-name: translate-260-proc-top; -o-animation-name: translate-260-proc-top; animation-name: translate-260-proc-top; } @keyframes translate-265-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-265%); } } .translate-265-proc-top { -webkit-animation-name: translate-265-proc-top; -moz-animation-name: translate-265-proc-top; -o-animation-name: translate-265-proc-top; animation-name: translate-265-proc-top; } @keyframes translate-270-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-270%); } } .translate-270-proc-top { -webkit-animation-name: translate-270-proc-top; -moz-animation-name: translate-270-proc-top; -o-animation-name: translate-270-proc-top; animation-name: translate-270-proc-top; } @keyframes translate-275-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-275%); } } .translate-275-proc-top { -webkit-animation-name: translate-275-proc-top; -moz-animation-name: translate-275-proc-top; -o-animation-name: translate-275-proc-top; animation-name: translate-275-proc-top; } @keyframes translate-280-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-280%); } } .translate-280-proc-top { -webkit-animation-name: translate-280-proc-top; -moz-animation-name: translate-280-proc-top; -o-animation-name: translate-280-proc-top; animation-name: translate-280-proc-top; } @keyframes translate-285-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-285%); } } .translate-285-proc-top { -webkit-animation-name: translate-285-proc-top; -moz-animation-name: translate-285-proc-top; -o-animation-name: translate-285-proc-top; animation-name: translate-285-proc-top; } @keyframes translate-290-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-290%); } } .translate-290-proc-top { -webkit-animation-name: translate-290-proc-top; -moz-animation-name: translate-290-proc-top; -o-animation-name: translate-290-proc-top; animation-name: translate-290-proc-top; } @keyframes translate-295-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-295%); } } .translate-295-proc-top { -webkit-animation-name: translate-295-proc-top; -moz-animation-name: translate-295-proc-top; -o-animation-name: translate-295-proc-top; animation-name: translate-295-proc-top; } @keyframes translate-300-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-300%); } } .translate-300-proc-top { -webkit-animation-name: translate-300-proc-top; -moz-animation-name: translate-300-proc-top; -o-animation-name: translate-300-proc-top; animation-name: translate-300-proc-top; } @keyframes translate-305-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-305%); } } .translate-305-proc-top { -webkit-animation-name: translate-305-proc-top; -moz-animation-name: translate-305-proc-top; -o-animation-name: translate-305-proc-top; animation-name: translate-305-proc-top; } @keyframes translate-310-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-310%); } } .translate-310-proc-top { -webkit-animation-name: translate-310-proc-top; -moz-animation-name: translate-310-proc-top; -o-animation-name: translate-310-proc-top; animation-name: translate-310-proc-top; } @keyframes translate-315-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-315%); } } .translate-315-proc-top { -webkit-animation-name: translate-315-proc-top; -moz-animation-name: translate-315-proc-top; -o-animation-name: translate-315-proc-top; animation-name: translate-315-proc-top; } @keyframes translate-320-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-320%); } } .translate-320-proc-top { -webkit-animation-name: translate-320-proc-top; -moz-animation-name: translate-320-proc-top; -o-animation-name: translate-320-proc-top; animation-name: translate-320-proc-top; } @keyframes translate-325-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-325%); } } .translate-325-proc-top { -webkit-animation-name: translate-325-proc-top; -moz-animation-name: translate-325-proc-top; -o-animation-name: translate-325-proc-top; animation-name: translate-325-proc-top; } @keyframes translate-330-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-330%); } } .translate-330-proc-top { -webkit-animation-name: translate-330-proc-top; -moz-animation-name: translate-330-proc-top; -o-animation-name: translate-330-proc-top; animation-name: translate-330-proc-top; } @keyframes translate-335-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-335%); } } .translate-335-proc-top { -webkit-animation-name: translate-335-proc-top; -moz-animation-name: translate-335-proc-top; -o-animation-name: translate-335-proc-top; animation-name: translate-335-proc-top; } @keyframes translate-340-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-340%); } } .translate-340-proc-top { -webkit-animation-name: translate-340-proc-top; -moz-animation-name: translate-340-proc-top; -o-animation-name: translate-340-proc-top; animation-name: translate-340-proc-top; } @keyframes translate-345-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-345%); } } .translate-345-proc-top { -webkit-animation-name: translate-345-proc-top; -moz-animation-name: translate-345-proc-top; -o-animation-name: translate-345-proc-top; animation-name: translate-345-proc-top; } @keyframes translate-350-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-350%); } } .translate-350-proc-top { -webkit-animation-name: translate-350-proc-top; -moz-animation-name: translate-350-proc-top; -o-animation-name: translate-350-proc-top; animation-name: translate-350-proc-top; } @keyframes translate-355-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-355%); } } .translate-355-proc-top { -webkit-animation-name: translate-355-proc-top; -moz-animation-name: translate-355-proc-top; -o-animation-name: translate-355-proc-top; animation-name: translate-355-proc-top; } @keyframes translate-360-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-360%); } } .translate-360-proc-top { -webkit-animation-name: translate-360-proc-top; -moz-animation-name: translate-360-proc-top; -o-animation-name: translate-360-proc-top; animation-name: translate-360-proc-top; } @keyframes translate-365-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-365%); } } .translate-365-proc-top { -webkit-animation-name: translate-365-proc-top; -moz-animation-name: translate-365-proc-top; -o-animation-name: translate-365-proc-top; animation-name: translate-365-proc-top; } @keyframes translate-370-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-370%); } } .translate-370-proc-top { -webkit-animation-name: translate-370-proc-top; -moz-animation-name: translate-370-proc-top; -o-animation-name: translate-370-proc-top; animation-name: translate-370-proc-top; } @keyframes translate-375-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-375%); } } .translate-375-proc-top { -webkit-animation-name: translate-375-proc-top; -moz-animation-name: translate-375-proc-top; -o-animation-name: translate-375-proc-top; animation-name: translate-375-proc-top; } @keyframes translate-380-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-380%); } } .translate-380-proc-top { -webkit-animation-name: translate-380-proc-top; -moz-animation-name: translate-380-proc-top; -o-animation-name: translate-380-proc-top; animation-name: translate-380-proc-top; } @keyframes translate-385-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-385%); } } .translate-385-proc-top { -webkit-animation-name: translate-385-proc-top; -moz-animation-name: translate-385-proc-top; -o-animation-name: translate-385-proc-top; animation-name: translate-385-proc-top; } @keyframes translate-390-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-390%); } } .translate-390-proc-top { -webkit-animation-name: translate-390-proc-top; -moz-animation-name: translate-390-proc-top; -o-animation-name: translate-390-proc-top; animation-name: translate-390-proc-top; } @keyframes translate-395-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-395%); } } .translate-395-proc-top { -webkit-animation-name: translate-395-proc-top; -moz-animation-name: translate-395-proc-top; -o-animation-name: translate-395-proc-top; animation-name: translate-395-proc-top; } @keyframes translate-400-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-400%); } } .translate-400-proc-top { -webkit-animation-name: translate-400-proc-top; -moz-animation-name: translate-400-proc-top; -o-animation-name: translate-400-proc-top; animation-name: translate-400-proc-top; } @keyframes translate-405-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-405%); } } .translate-405-proc-top { -webkit-animation-name: translate-405-proc-top; -moz-animation-name: translate-405-proc-top; -o-animation-name: translate-405-proc-top; animation-name: translate-405-proc-top; } @keyframes translate-410-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-410%); } } .translate-410-proc-top { -webkit-animation-name: translate-410-proc-top; -moz-animation-name: translate-410-proc-top; -o-animation-name: translate-410-proc-top; animation-name: translate-410-proc-top; } @keyframes translate-415-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-415%); } } .translate-415-proc-top { -webkit-animation-name: translate-415-proc-top; -moz-animation-name: translate-415-proc-top; -o-animation-name: translate-415-proc-top; animation-name: translate-415-proc-top; } @keyframes translate-420-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-420%); } } .translate-420-proc-top { -webkit-animation-name: translate-420-proc-top; -moz-animation-name: translate-420-proc-top; -o-animation-name: translate-420-proc-top; animation-name: translate-420-proc-top; } @keyframes translate-425-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-425%); } } .translate-425-proc-top { -webkit-animation-name: translate-425-proc-top; -moz-animation-name: translate-425-proc-top; -o-animation-name: translate-425-proc-top; animation-name: translate-425-proc-top; } @keyframes translate-430-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-430%); } } .translate-430-proc-top { -webkit-animation-name: translate-430-proc-top; -moz-animation-name: translate-430-proc-top; -o-animation-name: translate-430-proc-top; animation-name: translate-430-proc-top; } @keyframes translate-435-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-435%); } } .translate-435-proc-top { -webkit-animation-name: translate-435-proc-top; -moz-animation-name: translate-435-proc-top; -o-animation-name: translate-435-proc-top; animation-name: translate-435-proc-top; } @keyframes translate-440-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-440%); } } .translate-440-proc-top { -webkit-animation-name: translate-440-proc-top; -moz-animation-name: translate-440-proc-top; -o-animation-name: translate-440-proc-top; animation-name: translate-440-proc-top; } @keyframes translate-445-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-445%); } } .translate-445-proc-top { -webkit-animation-name: translate-445-proc-top; -moz-animation-name: translate-445-proc-top; -o-animation-name: translate-445-proc-top; animation-name: translate-445-proc-top; } @keyframes translate-450-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-450%); } } .translate-450-proc-top { -webkit-animation-name: translate-450-proc-top; -moz-animation-name: translate-450-proc-top; -o-animation-name: translate-450-proc-top; animation-name: translate-450-proc-top; } @keyframes translate-455-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-455%); } } .translate-455-proc-top { -webkit-animation-name: translate-455-proc-top; -moz-animation-name: translate-455-proc-top; -o-animation-name: translate-455-proc-top; animation-name: translate-455-proc-top; } @keyframes translate-460-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-460%); } } .translate-460-proc-top { -webkit-animation-name: translate-460-proc-top; -moz-animation-name: translate-460-proc-top; -o-animation-name: translate-460-proc-top; animation-name: translate-460-proc-top; } @keyframes translate-465-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-465%); } } .translate-465-proc-top { -webkit-animation-name: translate-465-proc-top; -moz-animation-name: translate-465-proc-top; -o-animation-name: translate-465-proc-top; animation-name: translate-465-proc-top; } @keyframes translate-470-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-470%); } } .translate-470-proc-top { -webkit-animation-name: translate-470-proc-top; -moz-animation-name: translate-470-proc-top; -o-animation-name: translate-470-proc-top; animation-name: translate-470-proc-top; } @keyframes translate-475-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-475%); } } .translate-475-proc-top { -webkit-animation-name: translate-475-proc-top; -moz-animation-name: translate-475-proc-top; -o-animation-name: translate-475-proc-top; animation-name: translate-475-proc-top; } @keyframes translate-480-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-480%); } } .translate-480-proc-top { -webkit-animation-name: translate-480-proc-top; -moz-animation-name: translate-480-proc-top; -o-animation-name: translate-480-proc-top; animation-name: translate-480-proc-top; } @keyframes translate-485-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-485%); } } .translate-485-proc-top { -webkit-animation-name: translate-485-proc-top; -moz-animation-name: translate-485-proc-top; -o-animation-name: translate-485-proc-top; animation-name: translate-485-proc-top; } @keyframes translate-490-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-490%); } } .translate-490-proc-top { -webkit-animation-name: translate-490-proc-top; -moz-animation-name: translate-490-proc-top; -o-animation-name: translate-490-proc-top; animation-name: translate-490-proc-top; } @keyframes translate-495-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-495%); } } .translate-495-proc-top { -webkit-animation-name: translate-495-proc-top; -moz-animation-name: translate-495-proc-top; -o-animation-name: translate-495-proc-top; animation-name: translate-495-proc-top; } @keyframes translate-500-proc-top { 0% { transform: translateY(0); } 100% { transform: translateY(-500%); } } .translate-500-proc-top { -webkit-animation-name: translate-500-proc-top; -moz-animation-name: translate-500-proc-top; -o-animation-name: translate-500-proc-top; animation-name: translate-500-proc-top; } @keyframes translate-5-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(5%); } } .translate-5-proc-bottom { -webkit-animation-name: translate-5-proc-bottom; -moz-animation-name: translate-5-proc-bottom; -o-animation-name: translate-5-proc-bottom; animation-name: translate-5-proc-bottom; } @keyframes translate-10-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(10%); } } .translate-10-proc-bottom { -webkit-animation-name: translate-10-proc-bottom; -moz-animation-name: translate-10-proc-bottom; -o-animation-name: translate-10-proc-bottom; animation-name: translate-10-proc-bottom; } @keyframes translate-15-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(15%); } } .translate-15-proc-bottom { -webkit-animation-name: translate-15-proc-bottom; -moz-animation-name: translate-15-proc-bottom; -o-animation-name: translate-15-proc-bottom; animation-name: translate-15-proc-bottom; } @keyframes translate-20-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(20%); } } .translate-20-proc-bottom { -webkit-animation-name: translate-20-proc-bottom; -moz-animation-name: translate-20-proc-bottom; -o-animation-name: translate-20-proc-bottom; animation-name: translate-20-proc-bottom; } @keyframes translate-25-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(25%); } } .translate-25-proc-bottom { -webkit-animation-name: translate-25-proc-bottom; -moz-animation-name: translate-25-proc-bottom; -o-animation-name: translate-25-proc-bottom; animation-name: translate-25-proc-bottom; } @keyframes translate-30-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(30%); } } .translate-30-proc-bottom { -webkit-animation-name: translate-30-proc-bottom; -moz-animation-name: translate-30-proc-bottom; -o-animation-name: translate-30-proc-bottom; animation-name: translate-30-proc-bottom; } @keyframes translate-35-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(35%); } } .translate-35-proc-bottom { -webkit-animation-name: translate-35-proc-bottom; -moz-animation-name: translate-35-proc-bottom; -o-animation-name: translate-35-proc-bottom; animation-name: translate-35-proc-bottom; } @keyframes translate-40-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(40%); } } .translate-40-proc-bottom { -webkit-animation-name: translate-40-proc-bottom; -moz-animation-name: translate-40-proc-bottom; -o-animation-name: translate-40-proc-bottom; animation-name: translate-40-proc-bottom; } @keyframes translate-45-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(45%); } } .translate-45-proc-bottom { -webkit-animation-name: translate-45-proc-bottom; -moz-animation-name: translate-45-proc-bottom; -o-animation-name: translate-45-proc-bottom; animation-name: translate-45-proc-bottom; } @keyframes translate-50-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(50%); } } .translate-50-proc-bottom { -webkit-animation-name: translate-50-proc-bottom; -moz-animation-name: translate-50-proc-bottom; -o-animation-name: translate-50-proc-bottom; animation-name: translate-50-proc-bottom; } @keyframes translate-55-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(55%); } } .translate-55-proc-bottom { -webkit-animation-name: translate-55-proc-bottom; -moz-animation-name: translate-55-proc-bottom; -o-animation-name: translate-55-proc-bottom; animation-name: translate-55-proc-bottom; } @keyframes translate-60-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(60%); } } .translate-60-proc-bottom { -webkit-animation-name: translate-60-proc-bottom; -moz-animation-name: translate-60-proc-bottom; -o-animation-name: translate-60-proc-bottom; animation-name: translate-60-proc-bottom; } @keyframes translate-65-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(65%); } } .translate-65-proc-bottom { -webkit-animation-name: translate-65-proc-bottom; -moz-animation-name: translate-65-proc-bottom; -o-animation-name: translate-65-proc-bottom; animation-name: translate-65-proc-bottom; } @keyframes translate-70-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(70%); } } .translate-70-proc-bottom { -webkit-animation-name: translate-70-proc-bottom; -moz-animation-name: translate-70-proc-bottom; -o-animation-name: translate-70-proc-bottom; animation-name: translate-70-proc-bottom; } @keyframes translate-75-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(75%); } } .translate-75-proc-bottom { -webkit-animation-name: translate-75-proc-bottom; -moz-animation-name: translate-75-proc-bottom; -o-animation-name: translate-75-proc-bottom; animation-name: translate-75-proc-bottom; } @keyframes translate-80-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(80%); } } .translate-80-proc-bottom { -webkit-animation-name: translate-80-proc-bottom; -moz-animation-name: translate-80-proc-bottom; -o-animation-name: translate-80-proc-bottom; animation-name: translate-80-proc-bottom; } @keyframes translate-85-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(85%); } } .translate-85-proc-bottom { -webkit-animation-name: translate-85-proc-bottom; -moz-animation-name: translate-85-proc-bottom; -o-animation-name: translate-85-proc-bottom; animation-name: translate-85-proc-bottom; } @keyframes translate-90-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(90%); } } .translate-90-proc-bottom { -webkit-animation-name: translate-90-proc-bottom; -moz-animation-name: translate-90-proc-bottom; -o-animation-name: translate-90-proc-bottom; animation-name: translate-90-proc-bottom; } @keyframes translate-95-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(95%); } } .translate-95-proc-bottom { -webkit-animation-name: translate-95-proc-bottom; -moz-animation-name: translate-95-proc-bottom; -o-animation-name: translate-95-proc-bottom; animation-name: translate-95-proc-bottom; } @keyframes translate-100-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(100%); } } .translate-100-proc-bottom { -webkit-animation-name: translate-100-proc-bottom; -moz-animation-name: translate-100-proc-bottom; -o-animation-name: translate-100-proc-bottom; animation-name: translate-100-proc-bottom; } @keyframes translate-105-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(105%); } } .translate-105-proc-bottom { -webkit-animation-name: translate-105-proc-bottom; -moz-animation-name: translate-105-proc-bottom; -o-animation-name: translate-105-proc-bottom; animation-name: translate-105-proc-bottom; } @keyframes translate-110-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(110%); } } .translate-110-proc-bottom { -webkit-animation-name: translate-110-proc-bottom; -moz-animation-name: translate-110-proc-bottom; -o-animation-name: translate-110-proc-bottom; animation-name: translate-110-proc-bottom; } @keyframes translate-115-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(115%); } } .translate-115-proc-bottom { -webkit-animation-name: translate-115-proc-bottom; -moz-animation-name: translate-115-proc-bottom; -o-animation-name: translate-115-proc-bottom; animation-name: translate-115-proc-bottom; } @keyframes translate-120-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(120%); } } .translate-120-proc-bottom { -webkit-animation-name: translate-120-proc-bottom; -moz-animation-name: translate-120-proc-bottom; -o-animation-name: translate-120-proc-bottom; animation-name: translate-120-proc-bottom; } @keyframes translate-125-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(125%); } } .translate-125-proc-bottom { -webkit-animation-name: translate-125-proc-bottom; -moz-animation-name: translate-125-proc-bottom; -o-animation-name: translate-125-proc-bottom; animation-name: translate-125-proc-bottom; } @keyframes translate-130-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(130%); } } .translate-130-proc-bottom { -webkit-animation-name: translate-130-proc-bottom; -moz-animation-name: translate-130-proc-bottom; -o-animation-name: translate-130-proc-bottom; animation-name: translate-130-proc-bottom; } @keyframes translate-135-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(135%); } } .translate-135-proc-bottom { -webkit-animation-name: translate-135-proc-bottom; -moz-animation-name: translate-135-proc-bottom; -o-animation-name: translate-135-proc-bottom; animation-name: translate-135-proc-bottom; } @keyframes translate-140-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(140%); } } .translate-140-proc-bottom { -webkit-animation-name: translate-140-proc-bottom; -moz-animation-name: translate-140-proc-bottom; -o-animation-name: translate-140-proc-bottom; animation-name: translate-140-proc-bottom; } @keyframes translate-145-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(145%); } } .translate-145-proc-bottom { -webkit-animation-name: translate-145-proc-bottom; -moz-animation-name: translate-145-proc-bottom; -o-animation-name: translate-145-proc-bottom; animation-name: translate-145-proc-bottom; } @keyframes translate-150-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(150%); } } .translate-150-proc-bottom { -webkit-animation-name: translate-150-proc-bottom; -moz-animation-name: translate-150-proc-bottom; -o-animation-name: translate-150-proc-bottom; animation-name: translate-150-proc-bottom; } @keyframes translate-155-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(155%); } } .translate-155-proc-bottom { -webkit-animation-name: translate-155-proc-bottom; -moz-animation-name: translate-155-proc-bottom; -o-animation-name: translate-155-proc-bottom; animation-name: translate-155-proc-bottom; } @keyframes translate-160-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(160%); } } .translate-160-proc-bottom { -webkit-animation-name: translate-160-proc-bottom; -moz-animation-name: translate-160-proc-bottom; -o-animation-name: translate-160-proc-bottom; animation-name: translate-160-proc-bottom; } @keyframes translate-165-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(165%); } } .translate-165-proc-bottom { -webkit-animation-name: translate-165-proc-bottom; -moz-animation-name: translate-165-proc-bottom; -o-animation-name: translate-165-proc-bottom; animation-name: translate-165-proc-bottom; } @keyframes translate-170-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(170%); } } .translate-170-proc-bottom { -webkit-animation-name: translate-170-proc-bottom; -moz-animation-name: translate-170-proc-bottom; -o-animation-name: translate-170-proc-bottom; animation-name: translate-170-proc-bottom; } @keyframes translate-175-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(175%); } } .translate-175-proc-bottom { -webkit-animation-name: translate-175-proc-bottom; -moz-animation-name: translate-175-proc-bottom; -o-animation-name: translate-175-proc-bottom; animation-name: translate-175-proc-bottom; } @keyframes translate-180-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(180%); } } .translate-180-proc-bottom { -webkit-animation-name: translate-180-proc-bottom; -moz-animation-name: translate-180-proc-bottom; -o-animation-name: translate-180-proc-bottom; animation-name: translate-180-proc-bottom; } @keyframes translate-185-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(185%); } } .translate-185-proc-bottom { -webkit-animation-name: translate-185-proc-bottom; -moz-animation-name: translate-185-proc-bottom; -o-animation-name: translate-185-proc-bottom; animation-name: translate-185-proc-bottom; } @keyframes translate-190-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(190%); } } .translate-190-proc-bottom { -webkit-animation-name: translate-190-proc-bottom; -moz-animation-name: translate-190-proc-bottom; -o-animation-name: translate-190-proc-bottom; animation-name: translate-190-proc-bottom; } @keyframes translate-195-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(195%); } } .translate-195-proc-bottom { -webkit-animation-name: translate-195-proc-bottom; -moz-animation-name: translate-195-proc-bottom; -o-animation-name: translate-195-proc-bottom; animation-name: translate-195-proc-bottom; } @keyframes translate-200-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(200%); } } .translate-200-proc-bottom { -webkit-animation-name: translate-200-proc-bottom; -moz-animation-name: translate-200-proc-bottom; -o-animation-name: translate-200-proc-bottom; animation-name: translate-200-proc-bottom; } @keyframes translate-205-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(205%); } } .translate-205-proc-bottom { -webkit-animation-name: translate-205-proc-bottom; -moz-animation-name: translate-205-proc-bottom; -o-animation-name: translate-205-proc-bottom; animation-name: translate-205-proc-bottom; } @keyframes translate-210-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(210%); } } .translate-210-proc-bottom { -webkit-animation-name: translate-210-proc-bottom; -moz-animation-name: translate-210-proc-bottom; -o-animation-name: translate-210-proc-bottom; animation-name: translate-210-proc-bottom; } @keyframes translate-215-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(215%); } } .translate-215-proc-bottom { -webkit-animation-name: translate-215-proc-bottom; -moz-animation-name: translate-215-proc-bottom; -o-animation-name: translate-215-proc-bottom; animation-name: translate-215-proc-bottom; } @keyframes translate-220-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(220%); } } .translate-220-proc-bottom { -webkit-animation-name: translate-220-proc-bottom; -moz-animation-name: translate-220-proc-bottom; -o-animation-name: translate-220-proc-bottom; animation-name: translate-220-proc-bottom; } @keyframes translate-225-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(225%); } } .translate-225-proc-bottom { -webkit-animation-name: translate-225-proc-bottom; -moz-animation-name: translate-225-proc-bottom; -o-animation-name: translate-225-proc-bottom; animation-name: translate-225-proc-bottom; } @keyframes translate-230-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(230%); } } .translate-230-proc-bottom { -webkit-animation-name: translate-230-proc-bottom; -moz-animation-name: translate-230-proc-bottom; -o-animation-name: translate-230-proc-bottom; animation-name: translate-230-proc-bottom; } @keyframes translate-235-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(235%); } } .translate-235-proc-bottom { -webkit-animation-name: translate-235-proc-bottom; -moz-animation-name: translate-235-proc-bottom; -o-animation-name: translate-235-proc-bottom; animation-name: translate-235-proc-bottom; } @keyframes translate-240-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(240%); } } .translate-240-proc-bottom { -webkit-animation-name: translate-240-proc-bottom; -moz-animation-name: translate-240-proc-bottom; -o-animation-name: translate-240-proc-bottom; animation-name: translate-240-proc-bottom; } @keyframes translate-245-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(245%); } } .translate-245-proc-bottom { -webkit-animation-name: translate-245-proc-bottom; -moz-animation-name: translate-245-proc-bottom; -o-animation-name: translate-245-proc-bottom; animation-name: translate-245-proc-bottom; } @keyframes translate-250-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(250%); } } .translate-250-proc-bottom { -webkit-animation-name: translate-250-proc-bottom; -moz-animation-name: translate-250-proc-bottom; -o-animation-name: translate-250-proc-bottom; animation-name: translate-250-proc-bottom; } @keyframes translate-255-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(255%); } } .translate-255-proc-bottom { -webkit-animation-name: translate-255-proc-bottom; -moz-animation-name: translate-255-proc-bottom; -o-animation-name: translate-255-proc-bottom; animation-name: translate-255-proc-bottom; } @keyframes translate-260-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(260%); } } .translate-260-proc-bottom { -webkit-animation-name: translate-260-proc-bottom; -moz-animation-name: translate-260-proc-bottom; -o-animation-name: translate-260-proc-bottom; animation-name: translate-260-proc-bottom; } @keyframes translate-265-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(265%); } } .translate-265-proc-bottom { -webkit-animation-name: translate-265-proc-bottom; -moz-animation-name: translate-265-proc-bottom; -o-animation-name: translate-265-proc-bottom; animation-name: translate-265-proc-bottom; } @keyframes translate-270-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(270%); } } .translate-270-proc-bottom { -webkit-animation-name: translate-270-proc-bottom; -moz-animation-name: translate-270-proc-bottom; -o-animation-name: translate-270-proc-bottom; animation-name: translate-270-proc-bottom; } @keyframes translate-275-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(275%); } } .translate-275-proc-bottom { -webkit-animation-name: translate-275-proc-bottom; -moz-animation-name: translate-275-proc-bottom; -o-animation-name: translate-275-proc-bottom; animation-name: translate-275-proc-bottom; } @keyframes translate-280-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(280%); } } .translate-280-proc-bottom { -webkit-animation-name: translate-280-proc-bottom; -moz-animation-name: translate-280-proc-bottom; -o-animation-name: translate-280-proc-bottom; animation-name: translate-280-proc-bottom; } @keyframes translate-285-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(285%); } } .translate-285-proc-bottom { -webkit-animation-name: translate-285-proc-bottom; -moz-animation-name: translate-285-proc-bottom; -o-animation-name: translate-285-proc-bottom; animation-name: translate-285-proc-bottom; } @keyframes translate-290-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(290%); } } .translate-290-proc-bottom { -webkit-animation-name: translate-290-proc-bottom; -moz-animation-name: translate-290-proc-bottom; -o-animation-name: translate-290-proc-bottom; animation-name: translate-290-proc-bottom; } @keyframes translate-295-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(295%); } } .translate-295-proc-bottom { -webkit-animation-name: translate-295-proc-bottom; -moz-animation-name: translate-295-proc-bottom; -o-animation-name: translate-295-proc-bottom; animation-name: translate-295-proc-bottom; } @keyframes translate-300-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(300%); } } .translate-300-proc-bottom { -webkit-animation-name: translate-300-proc-bottom; -moz-animation-name: translate-300-proc-bottom; -o-animation-name: translate-300-proc-bottom; animation-name: translate-300-proc-bottom; } @keyframes translate-305-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(305%); } } .translate-305-proc-bottom { -webkit-animation-name: translate-305-proc-bottom; -moz-animation-name: translate-305-proc-bottom; -o-animation-name: translate-305-proc-bottom; animation-name: translate-305-proc-bottom; } @keyframes translate-310-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(310%); } } .translate-310-proc-bottom { -webkit-animation-name: translate-310-proc-bottom; -moz-animation-name: translate-310-proc-bottom; -o-animation-name: translate-310-proc-bottom; animation-name: translate-310-proc-bottom; } @keyframes translate-315-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(315%); } } .translate-315-proc-bottom { -webkit-animation-name: translate-315-proc-bottom; -moz-animation-name: translate-315-proc-bottom; -o-animation-name: translate-315-proc-bottom; animation-name: translate-315-proc-bottom; } @keyframes translate-320-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(320%); } } .translate-320-proc-bottom { -webkit-animation-name: translate-320-proc-bottom; -moz-animation-name: translate-320-proc-bottom; -o-animation-name: translate-320-proc-bottom; animation-name: translate-320-proc-bottom; } @keyframes translate-325-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(325%); } } .translate-325-proc-bottom { -webkit-animation-name: translate-325-proc-bottom; -moz-animation-name: translate-325-proc-bottom; -o-animation-name: translate-325-proc-bottom; animation-name: translate-325-proc-bottom; } @keyframes translate-330-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(330%); } } .translate-330-proc-bottom { -webkit-animation-name: translate-330-proc-bottom; -moz-animation-name: translate-330-proc-bottom; -o-animation-name: translate-330-proc-bottom; animation-name: translate-330-proc-bottom; } @keyframes translate-335-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(335%); } } .translate-335-proc-bottom { -webkit-animation-name: translate-335-proc-bottom; -moz-animation-name: translate-335-proc-bottom; -o-animation-name: translate-335-proc-bottom; animation-name: translate-335-proc-bottom; } @keyframes translate-340-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(340%); } } .translate-340-proc-bottom { -webkit-animation-name: translate-340-proc-bottom; -moz-animation-name: translate-340-proc-bottom; -o-animation-name: translate-340-proc-bottom; animation-name: translate-340-proc-bottom; } @keyframes translate-345-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(345%); } } .translate-345-proc-bottom { -webkit-animation-name: translate-345-proc-bottom; -moz-animation-name: translate-345-proc-bottom; -o-animation-name: translate-345-proc-bottom; animation-name: translate-345-proc-bottom; } @keyframes translate-350-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(350%); } } .translate-350-proc-bottom { -webkit-animation-name: translate-350-proc-bottom; -moz-animation-name: translate-350-proc-bottom; -o-animation-name: translate-350-proc-bottom; animation-name: translate-350-proc-bottom; } @keyframes translate-355-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(355%); } } .translate-355-proc-bottom { -webkit-animation-name: translate-355-proc-bottom; -moz-animation-name: translate-355-proc-bottom; -o-animation-name: translate-355-proc-bottom; animation-name: translate-355-proc-bottom; } @keyframes translate-360-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(360%); } } .translate-360-proc-bottom { -webkit-animation-name: translate-360-proc-bottom; -moz-animation-name: translate-360-proc-bottom; -o-animation-name: translate-360-proc-bottom; animation-name: translate-360-proc-bottom; } @keyframes translate-365-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(365%); } } .translate-365-proc-bottom { -webkit-animation-name: translate-365-proc-bottom; -moz-animation-name: translate-365-proc-bottom; -o-animation-name: translate-365-proc-bottom; animation-name: translate-365-proc-bottom; } @keyframes translate-370-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(370%); } } .translate-370-proc-bottom { -webkit-animation-name: translate-370-proc-bottom; -moz-animation-name: translate-370-proc-bottom; -o-animation-name: translate-370-proc-bottom; animation-name: translate-370-proc-bottom; } @keyframes translate-375-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(375%); } } .translate-375-proc-bottom { -webkit-animation-name: translate-375-proc-bottom; -moz-animation-name: translate-375-proc-bottom; -o-animation-name: translate-375-proc-bottom; animation-name: translate-375-proc-bottom; } @keyframes translate-380-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(380%); } } .translate-380-proc-bottom { -webkit-animation-name: translate-380-proc-bottom; -moz-animation-name: translate-380-proc-bottom; -o-animation-name: translate-380-proc-bottom; animation-name: translate-380-proc-bottom; } @keyframes translate-385-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(385%); } } .translate-385-proc-bottom { -webkit-animation-name: translate-385-proc-bottom; -moz-animation-name: translate-385-proc-bottom; -o-animation-name: translate-385-proc-bottom; animation-name: translate-385-proc-bottom; } @keyframes translate-390-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(390%); } } .translate-390-proc-bottom { -webkit-animation-name: translate-390-proc-bottom; -moz-animation-name: translate-390-proc-bottom; -o-animation-name: translate-390-proc-bottom; animation-name: translate-390-proc-bottom; } @keyframes translate-395-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(395%); } } .translate-395-proc-bottom { -webkit-animation-name: translate-395-proc-bottom; -moz-animation-name: translate-395-proc-bottom; -o-animation-name: translate-395-proc-bottom; animation-name: translate-395-proc-bottom; } @keyframes translate-400-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(400%); } } .translate-400-proc-bottom { -webkit-animation-name: translate-400-proc-bottom; -moz-animation-name: translate-400-proc-bottom; -o-animation-name: translate-400-proc-bottom; animation-name: translate-400-proc-bottom; } @keyframes translate-405-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(405%); } } .translate-405-proc-bottom { -webkit-animation-name: translate-405-proc-bottom; -moz-animation-name: translate-405-proc-bottom; -o-animation-name: translate-405-proc-bottom; animation-name: translate-405-proc-bottom; } @keyframes translate-410-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(410%); } } .translate-410-proc-bottom { -webkit-animation-name: translate-410-proc-bottom; -moz-animation-name: translate-410-proc-bottom; -o-animation-name: translate-410-proc-bottom; animation-name: translate-410-proc-bottom; } @keyframes translate-415-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(415%); } } .translate-415-proc-bottom { -webkit-animation-name: translate-415-proc-bottom; -moz-animation-name: translate-415-proc-bottom; -o-animation-name: translate-415-proc-bottom; animation-name: translate-415-proc-bottom; } @keyframes translate-420-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(420%); } } .translate-420-proc-bottom { -webkit-animation-name: translate-420-proc-bottom; -moz-animation-name: translate-420-proc-bottom; -o-animation-name: translate-420-proc-bottom; animation-name: translate-420-proc-bottom; } @keyframes translate-425-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(425%); } } .translate-425-proc-bottom { -webkit-animation-name: translate-425-proc-bottom; -moz-animation-name: translate-425-proc-bottom; -o-animation-name: translate-425-proc-bottom; animation-name: translate-425-proc-bottom; } @keyframes translate-430-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(430%); } } .translate-430-proc-bottom { -webkit-animation-name: translate-430-proc-bottom; -moz-animation-name: translate-430-proc-bottom; -o-animation-name: translate-430-proc-bottom; animation-name: translate-430-proc-bottom; } @keyframes translate-435-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(435%); } } .translate-435-proc-bottom { -webkit-animation-name: translate-435-proc-bottom; -moz-animation-name: translate-435-proc-bottom; -o-animation-name: translate-435-proc-bottom; animation-name: translate-435-proc-bottom; } @keyframes translate-440-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(440%); } } .translate-440-proc-bottom { -webkit-animation-name: translate-440-proc-bottom; -moz-animation-name: translate-440-proc-bottom; -o-animation-name: translate-440-proc-bottom; animation-name: translate-440-proc-bottom; } @keyframes translate-445-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(445%); } } .translate-445-proc-bottom { -webkit-animation-name: translate-445-proc-bottom; -moz-animation-name: translate-445-proc-bottom; -o-animation-name: translate-445-proc-bottom; animation-name: translate-445-proc-bottom; } @keyframes translate-450-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(450%); } } .translate-450-proc-bottom { -webkit-animation-name: translate-450-proc-bottom; -moz-animation-name: translate-450-proc-bottom; -o-animation-name: translate-450-proc-bottom; animation-name: translate-450-proc-bottom; } @keyframes translate-455-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(455%); } } .translate-455-proc-bottom { -webkit-animation-name: translate-455-proc-bottom; -moz-animation-name: translate-455-proc-bottom; -o-animation-name: translate-455-proc-bottom; animation-name: translate-455-proc-bottom; } @keyframes translate-460-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(460%); } } .translate-460-proc-bottom { -webkit-animation-name: translate-460-proc-bottom; -moz-animation-name: translate-460-proc-bottom; -o-animation-name: translate-460-proc-bottom; animation-name: translate-460-proc-bottom; } @keyframes translate-465-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(465%); } } .translate-465-proc-bottom { -webkit-animation-name: translate-465-proc-bottom; -moz-animation-name: translate-465-proc-bottom; -o-animation-name: translate-465-proc-bottom; animation-name: translate-465-proc-bottom; } @keyframes translate-470-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(470%); } } .translate-470-proc-bottom { -webkit-animation-name: translate-470-proc-bottom; -moz-animation-name: translate-470-proc-bottom; -o-animation-name: translate-470-proc-bottom; animation-name: translate-470-proc-bottom; } @keyframes translate-475-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(475%); } } .translate-475-proc-bottom { -webkit-animation-name: translate-475-proc-bottom; -moz-animation-name: translate-475-proc-bottom; -o-animation-name: translate-475-proc-bottom; animation-name: translate-475-proc-bottom; } @keyframes translate-480-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(480%); } } .translate-480-proc-bottom { -webkit-animation-name: translate-480-proc-bottom; -moz-animation-name: translate-480-proc-bottom; -o-animation-name: translate-480-proc-bottom; animation-name: translate-480-proc-bottom; } @keyframes translate-485-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(485%); } } .translate-485-proc-bottom { -webkit-animation-name: translate-485-proc-bottom; -moz-animation-name: translate-485-proc-bottom; -o-animation-name: translate-485-proc-bottom; animation-name: translate-485-proc-bottom; } @keyframes translate-490-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(490%); } } .translate-490-proc-bottom { -webkit-animation-name: translate-490-proc-bottom; -moz-animation-name: translate-490-proc-bottom; -o-animation-name: translate-490-proc-bottom; animation-name: translate-490-proc-bottom; } @keyframes translate-495-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(495%); } } .translate-495-proc-bottom { -webkit-animation-name: translate-495-proc-bottom; -moz-animation-name: translate-495-proc-bottom; -o-animation-name: translate-495-proc-bottom; animation-name: translate-495-proc-bottom; } @keyframes translate-500-proc-bottom { 0% { transform: translateY(0); } 100% { transform: translateY(500%); } } .translate-500-proc-bottom { -webkit-animation-name: translate-500-proc-bottom; -moz-animation-name: translate-500-proc-bottom; -o-animation-name: translate-500-proc-bottom; animation-name: translate-500-proc-bottom; } @keyframes translate-x-5-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(5%); } } .translate-x-5-proc-right { -webkit-animation-name: translate-x-5-proc-right; -moz-animation-name: translate-x-5-proc-right; -o-animation-name: translate-x-5-proc-right; animation-name: translate-x-5-proc-right; } @keyframes translate-x-10-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(10%); } } .translate-x-10-proc-right { -webkit-animation-name: translate-x-10-proc-right; -moz-animation-name: translate-x-10-proc-right; -o-animation-name: translate-x-10-proc-right; animation-name: translate-x-10-proc-right; } @keyframes translate-x-15-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(15%); } } .translate-x-15-proc-right { -webkit-animation-name: translate-x-15-proc-right; -moz-animation-name: translate-x-15-proc-right; -o-animation-name: translate-x-15-proc-right; animation-name: translate-x-15-proc-right; } @keyframes translate-x-20-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(20%); } } .translate-x-20-proc-right { -webkit-animation-name: translate-x-20-proc-right; -moz-animation-name: translate-x-20-proc-right; -o-animation-name: translate-x-20-proc-right; animation-name: translate-x-20-proc-right; } @keyframes translate-x-25-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(25%); } } .translate-x-25-proc-right { -webkit-animation-name: translate-x-25-proc-right; -moz-animation-name: translate-x-25-proc-right; -o-animation-name: translate-x-25-proc-right; animation-name: translate-x-25-proc-right; } @keyframes translate-x-30-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(30%); } } .translate-x-30-proc-right { -webkit-animation-name: translate-x-30-proc-right; -moz-animation-name: translate-x-30-proc-right; -o-animation-name: translate-x-30-proc-right; animation-name: translate-x-30-proc-right; } @keyframes translate-x-35-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(35%); } } .translate-x-35-proc-right { -webkit-animation-name: translate-x-35-proc-right; -moz-animation-name: translate-x-35-proc-right; -o-animation-name: translate-x-35-proc-right; animation-name: translate-x-35-proc-right; } @keyframes translate-x-40-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(40%); } } .translate-x-40-proc-right { -webkit-animation-name: translate-x-40-proc-right; -moz-animation-name: translate-x-40-proc-right; -o-animation-name: translate-x-40-proc-right; animation-name: translate-x-40-proc-right; } @keyframes translate-x-45-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(45%); } } .translate-x-45-proc-right { -webkit-animation-name: translate-x-45-proc-right; -moz-animation-name: translate-x-45-proc-right; -o-animation-name: translate-x-45-proc-right; animation-name: translate-x-45-proc-right; } @keyframes translate-x-50-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(50%); } } .translate-x-50-proc-right { -webkit-animation-name: translate-x-50-proc-right; -moz-animation-name: translate-x-50-proc-right; -o-animation-name: translate-x-50-proc-right; animation-name: translate-x-50-proc-right; } @keyframes translate-x-55-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(55%); } } .translate-x-55-proc-right { -webkit-animation-name: translate-x-55-proc-right; -moz-animation-name: translate-x-55-proc-right; -o-animation-name: translate-x-55-proc-right; animation-name: translate-x-55-proc-right; } @keyframes translate-x-60-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(60%); } } .translate-x-60-proc-right { -webkit-animation-name: translate-x-60-proc-right; -moz-animation-name: translate-x-60-proc-right; -o-animation-name: translate-x-60-proc-right; animation-name: translate-x-60-proc-right; } @keyframes translate-x-65-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(65%); } } .translate-x-65-proc-right { -webkit-animation-name: translate-x-65-proc-right; -moz-animation-name: translate-x-65-proc-right; -o-animation-name: translate-x-65-proc-right; animation-name: translate-x-65-proc-right; } @keyframes translate-x-70-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(70%); } } .translate-x-70-proc-right { -webkit-animation-name: translate-x-70-proc-right; -moz-animation-name: translate-x-70-proc-right; -o-animation-name: translate-x-70-proc-right; animation-name: translate-x-70-proc-right; } @keyframes translate-x-75-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(75%); } } .translate-x-75-proc-right { -webkit-animation-name: translate-x-75-proc-right; -moz-animation-name: translate-x-75-proc-right; -o-animation-name: translate-x-75-proc-right; animation-name: translate-x-75-proc-right; } @keyframes translate-x-80-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(80%); } } .translate-x-80-proc-right { -webkit-animation-name: translate-x-80-proc-right; -moz-animation-name: translate-x-80-proc-right; -o-animation-name: translate-x-80-proc-right; animation-name: translate-x-80-proc-right; } @keyframes translate-x-85-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(85%); } } .translate-x-85-proc-right { -webkit-animation-name: translate-x-85-proc-right; -moz-animation-name: translate-x-85-proc-right; -o-animation-name: translate-x-85-proc-right; animation-name: translate-x-85-proc-right; } @keyframes translate-x-90-proc-right { 0% { transform: translateX(0); } 100% { transform: translateX(90%); } } .translate-x-90-proc-right { -webkit-animation-name: translate-x-90-proc-right; -moz-animation-name: translate-x-90-proc-right; -o-animation-name: translate-x-90-proc-right; animation-name: translate-x-90-proc-right; } @keyframes translate-x-95-proc-right {