@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap');
/* font-family: "Arimo", sans-serif; */
* {box-sizing: border-box;}
html {scroll-behavior: smooth;}
body {margin: 0;padding: 0;font-family: "Arimo", sans-serif;}
h1, h2, h3, h4, h5, h6 {margin: 0;letter-spacing: 1px !important;color: #000;}
p {font-size: 16px;letter-spacing: 0px;line-height: 23px;color: #394257;}
ul {list-style: none;margin: 0;padding: 0;}
a {text-decoration: none;}
/* ==========================================================================
PRELOAD ANIMATION
========================================================================== */
.loading--theme .loader {border-color: transparent #e1e2ef; }
.loading--theme .loader::after {border-color: transparent rgba(0, 128, 128, .15); }
#loading {height: 100%;width: 100%;position: fixed;z-index: 1;margin-top: 0px;top: 0px;z-index: 99999999;}
#loading {background-color: #fff;}
#loading-center {position: absolute;left: 50%;top: 50%;height: 100px;width: 100px;margin-top: -50px;margin-left: -50px;-webkit-animation: loading-center-absolute 1s infinite;animation: loading-center-absolute 1s infinite;}
.loader {border: 2px solid;border-color: transparent #ed3237;width: 100px;height: 100px;border-radius: 50%;display: inline-block;position: relative;box-sizing: border-box;animation: rotation 1s linear infinite;}
.loader::after {content: '';  box-sizing: border-box;position: absolute;left: 50%;top: 50%;border: 50px solid;border-color: transparent rgba(237, 50, 55, 0.15);border-radius: 50%;transform: translate(-50%, -50%);}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} 
/* ==========================================================================
BACK TO TOP CSS
========================================================================== */
.progressParent {position: fixed;right: 30px;bottom: 70px;height: 36px;width: 36px;cursor: pointer;display: block;border-radius: 50px;-webkit-box-shadow: inset 0 0 0 2px #008ad9;box-shadow: inset 0 0 0 2px #008ad9;z-index: 10000;opacity: 0;visibility: hidden;-webkit-transform: translateY(15px);transform: translateY(15px);-webkit-transition: all 200ms linear;transition: all 200ms linear;}
.progressParent.rn-backto-top-active {opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);}
.progressParent::after {position: absolute;font-family: "Font Awesome 7 Pro";content: "\f062";text-align: center;line-height: 36px;font-size: 20px;color: #008ad9;left: 0;top: 0;height: 36px;width: 36px;cursor: pointer;display: block;z-index: 2;-webkit-transition: all 200ms linear;transition: all 200ms linear;font-weight: 900;}
.progressParent svg path {fill: none;}
.progressParent svg.backCircle path {stroke: #ddd;stroke-width: 4;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 200ms linear;transition: all 200ms linear;}

/* header */
.web-header {width: 100%;padding: 12px 0;position: absolute;}
.web-header-inner .navbar {padding: 0;}
.web-header-inner .navbar-nav {margin-left: auto;margin-right: auto;}
.web-header-inner .nav-item {position: relative;padding: 0 14px;}
.web-header-inner .nav-item::before {content: "";position: absolute;top: 6px;right: 0;width: 1px;height: 13px;background-color: #66c0ea;}
.web-header-inner .nav-item:last-child:before {display: none;}
.web-header-inner .nav-link {padding: 0 !important;font-size: 16px;letter-spacing: 0px;color: #394257;transition: all .3s ease-in-out;}
.web-header-inner .nav-link:hover {color: #66c0ea;}
.web-header-inner .store-sec {display: inline-block;}
.store-sec a {display: inline-block;margin-right: 8px;}
.store-sec a:last-child {margin: 0;}
.store-sec a img{max-width: 130px;width: 100%;}

.imgBlink {    
    animation: blink-opacity 3s linear infinite;
 }
  @keyframes blink-opacity {
    0%, 50%, 100% { opacity: 1; }
    25%, 75%     { opacity: 0; }
  }
 
  @media (prefers-reduced-motion: reduce) {
    .imgBlink { animation: none; }
  }




/* banner sec */
.banner-sec {
width: 100%;
background-image: url(../images/banner-bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 100%;
padding: 115px 0 550px 0;
overflow: hidden;
}
.banner-box {
position: relative;
width: 100%;
max-width: 660px;
margin: 0 auto;
text-align: center;
}
.banner-top {
display: inline-block;
border-radius: 20px;
background-color: #e4f7ff;
font-size: 16px;
padding: 8px 25px;
margin-bottom: 25px;
}
.banner-box h1 {
font-size: 60px;
line-height: 66px;
text-transform: uppercase;
color: #000000;
font-weight: 700;
}
.banner-box p {
padding: 0 74px;
}
.banner-store-sec{display:none;}

.banner-mobile-thumnail{
    position: absolute;
    top: 290px;
    left: 50%;
    transform: translate(-50%, 0px);
    width: 480px;
}
.banner-mobile {
width:100%;
}
/* service sec */
.service-sec {}
.box-bg-sec {
width: 100%;
background-image: url(../images/box-bg-img.png);
background-repeat: no-repeat;
background-size: cover;
}
.service-inner {
border-radius: 30px;
filter: drop-shadow(0px 40px 37.5px rgba(159, 204, 227, 0.2));
background-color: #ffffff;
padding: 45px;
/* margin-top: -146px; */
position: relative;
top: -132px;
}
.accordion-item {
color: #111;
margin-bottom: 10px;
border-radius: 20px !important;
background-color: #ffffff;
border: 1px solid #c4dce6 !important;
padding: 23px 19px;
}
.accordion-item-header {
padding: 0;
/* min-height: 81px; */
line-height: 1.25rem;
font-weight: bold;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
cursor: pointer;
font-size: 25px;
letter-spacing: 1px;
line-height: 29px;
color: #000000;
font-weight: 700;
}
.accordion-item-body {
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.accordion-item-header.active {
color: #38ace5;
}
.accordion-item-body-content p {
padding-top: 13px;
margin: 0;
}
.service-left .banner-top {
margin-bottom: 20px;
}
.service-left h2 {
font-size: 32px;
line-height: 39px;
color: #000000;
font-weight: 700;
margin-bottom: 15px;
}
.service-btn {
display: inline-block;
border-radius: 10px;
background-image: linear-gradient(180deg, #70cef2 0%, #008ad9 100%);
font-size: 16px;
letter-spacing: 0px;
line-height: 23px;
color: #ffffff;
padding: 15px 37px;
}
/* work sec */
.work-top {
text-align: center;
margin-bottom: 64px;
}
.work-top h2 {
font-size: 35px;
line-height: 39px;
font-weight: 700;
}
.work-box {
width: 100%;
height: 100%;
border-radius: 20px;
filter: drop-shadow(0px 40px 37.5px rgba(159, 204, 227, 0.2));
background-color: #ffffff;
padding: 24px;
padding-top: 40px;
position: relative;
}
.work-box h3 {
font-size: 25px;
line-height: 29px;
font-weight: 700;
margin-bottom: 12px;
padding-right: 18px;
}
.work-box p {
margin: 0;
}
.step-top {
border-radius: 12px;
background-image: linear-gradient(249deg, #70cef2 0%, #008ad9 100%);
font-size: 22px;
line-height: 29px;
color: #ffffff;
font-weight: 700;
padding: 13px 22px;
position: absolute;
left: 0;
top: -23px;
}
.work-bottom {
position: relative;
}
.work-wrapper {
position: relative;
z-index: 2;
}
.work-secound-img {
position: absolute;
right: -68px;
top: -27px;
}
.work-first-img {
position: absolute;
left: -73px;
bottom: -63px;
}
.work-sec {
width: 100%;
padding-bottom: 110px;
}
.choose-one-box {
border-radius: 24px;
overflow: hidden;
}
.choose-one-box img {
width: 100%;
height: 100%;
object-fit: cover;
}
.choose-text-box {
width: 100%;
height: 100%;
border-radius: 24px;
padding-bottom: 20px;
overflow: hidden;
background-color: #008ad9;
}
.choose-text-bottom img {
width: 100%;
}
.choose-text-top {
padding: 15px 28px;
padding-top: 28px;
}
.choose-text-top h4 {
font-size: 40px;
line-height: 44px;
color: #ffffff;
font-weight: 700;
}
.choose-text-top p {
font-size: 16px;
letter-spacing: 0px;
line-height: 23px;
color: #ffffff;
margin: 0;
}
.choose-box-img-inner {
width: 108px;
height: 108px;
border-radius: 54px;
background-color: #2da4ea;
display: flex;
align-items: center;
justify-content: center;
}
.choose-box-img img {
width: 43px !important;
}
.choose-box-wrapper .owl-stage {
transition-timing-function: linear !important;
}
.traind-box {
width: 100%;
height: 251px;
border-radius: 24px;
background-color: #42bbf6;
padding: 28px 32px;
position: relative;
overflow: hidden;
}
.trained-img {
position: absolute;
top: -45px;
right: -41px;
}
.trained-img-two {
position: absolute;
top: -12px;
right: -8px;
}
.trained-cont {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.rating-box {
display: flex;
gap: 10px;
}
.rating-left i {
font-size: 28px;
color: #fff;
}
.rating-right h4 {
font-size: 35px;
line-height: 39px;
color: #ffffff;
font-weight: 700;
}
.rating-right p {
color: #fff;
margin: 0;
}
.trained-bottom h3 {
font-size: 28px;
line-height: 44px;
color: #ffffff;
font-weight: 700;
padding-right: 46px;
}
.trained-bottom p {
color: #fff;
margin: 0;
}
.choose-video-sec {
width: 100%;
height: 100%;
border-radius: 24px;
overflow: hidden;
}
.choose-video-sec img {
width: 100%;
height: 100%;
}
.why-choose-wrapper {
width: 100%;
display: flex;
margin: 0 -12px;
}
.why-choose-box-left {
width: 65%;
padding: 0 12px;
}
.why-choose-box-right {
width: 35%;
padding: 0 12px;
}
.why-choose-sec {
width: 100%;
padding-bottom: 58px;
}
/* testimonials sec */
.testimonials-sec {
width: 100%;
background-image: linear-gradient(180deg, #ffffff 0%, #e4f7ff 100%);
padding: 40px 0;
}
.testimonials-box-inner {
width: 100%;
border-radius: 23px;
background-color: #ffffff;
padding: 24px 28px;
}
.testimonials-bottom {
display: flex;
align-items: center;
border-top: 1px solid #c4dce6;
padding-top: 20px;
gap: 13px;
}
.testimonials-info h3 {
font-size: 22px;
line-height: 29px;
color: #000000;
font-weight: 700;
}
.testimonials-info ul {
display: flex;
align-items: center;
gap: 4px;
}
.testimonials-info ul li i {
font-size: 14px;
color: #008ad9;
}
.testimonials-inner .work-top {
text-align: left;
margin-bottom: 40px;
}
.testimonials-wrapper .owl-nav button {
width: 49px;
height: 49px;
border-radius: 12px;
background-color: #ffffff !important;
display: flex;
align-items: center;
justify-content: center;
color: #008ad9 !important;
font-size: 38px !important;
}
.testimonials-wrapper .owl-nav button:hover {
background-image: linear-gradient(225deg, #70cef2 0%, #008ad9 100%);
color: #fff !important;
}
.testimonials-wrapper .owl-nav .owl-prev {
position: absolute;
top: -113px;
right: 333px;
}
.testimonials-wrapper .owl-nav .owl-next {
position: absolute;
top: -113px;
right: 260px;
}
/* faq sec */
.faq-sec {
width: 100%;
background: #e4f7ff;
padding: 40px 0 70px 0;
}
.faq-inner .banner-top {
background-color: #fff;
}
.faq-inner .work-top {
margin-bottom: 30px;
}
.faq-bottom .accordion-item {
border: 1px solid #6e6e6e !important;
}
.arrow-icon {
width: 22px;
height: 22px;
border-radius: 11px;
background-color: #c4dce6;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 12px;
}
.faq-bottom .accordion-item-header {
font-size: 22px;
}
.faq-bottom .accordion-item-header.active {
color: #000000;
}
.faq-bottom .accordion-item-header.active .arrow-icon {
background-image: linear-gradient(0deg, #048cda 0%, #6bcbf1 100%);
transform: rotate(180deg);
}




.costomeContentPageSec{}
.costomeContentPageSecinner{}
.costomeContentArea{}
.costomeContentArea h1{padding: 10px 0;}
.costomeContentArea h2{padding: 10px 0;}
.costomeContentArea h3{padding: 10px 0;}
.costomeContentArea h4{padding: 10px 0;}
.costomeContentArea h5{padding: 10px 0;}
.costomeContentArea h6{}
.costomeContentArea p{margin-bottom:10px;}
.costomeContentArea ol{padding-left: 20px;}
.costomeContentArea ol li{list-style-type:number;margin-bottom:10px;}
.costomeContentArea ul{padding-left:20px;}
.costomeContentArea ul li{list-style-type:disc;margin-bottom:10px;}












/* footer */
.web-footer-top {
width: 100%;
background-color: #002147;
padding: 65px 0 40px 0;
}
.footer-logo a {
display: inline-block;
}
.footer-logo img {
width: 100%;
}
.footer-logo {
margin-bottom: 32px;
}
.footer-wrapper {
display: flex;
justify-content: space-between;
}
.footer-big-heading {
font-size: 32px;
line-height: 39px;
color: #ffffff;
font-weight: 700;
margin-bottom: 12px;
}
.footer-small-heading {
font-size: 20px;
letter-spacing: 1px;
line-height: 29px;
color: #ffffff;
font-weight: 700;
margin-bottom: 12px;
}
.footer-app {
display: flex;
align-items: center;
gap: 10px;
}
.footer-app a {
display: inline-block;
border-radius: 5px;
overflow: hidden;
}
.footer-app a img{max-width:100%;}
.footer-box ul li a {
display: inline-block;
font-size: 16px;
letter-spacing: 0px;
line-height: 32px;
color: #ffffff;
transition: all .3s ease-in-out;
}
.footer-box ul li a:hover {
color: #008ad9;
}
.social-media-sec li {
display: flex;
gap: 11px;
font-size: 16px;
letter-spacing: 0px;
line-height: 22px;
color: #ffffff;
}
.social-media-sec li p {
margin: 0;
color: #fff;
}
.social-media-sec li i {
margin-top: 8px;
}
.footer-box:first-child {
width: 332px;
}
.footer-box:last-child {
width: 332px;
}
.social-media-sec li i {
color: #008ad9;
}
.web-footer-bottom {
width: 100%;
background-color: #008ad9;
padding: 28px 0;
}
.web-footer-bottom-inner {
display: flex;
align-items: center;
justify-content: space-between;
}
.web-footer-left p {
color: #fff;
margin: 0;
}
.web-footer-right ul {
display: flex;
align-items: center;
}
.web-footer-right ul li {
padding: 0 20px;
position: relative;
}
.web-footer-right ul li a {
font-size: 16px;
color: #fff;
}
.web-footer-right ul li::before {
content: "";
position: absolute;
top: 6px;
right: 0;
width: 1px;
height: 13px;
background-color: #fff;
}
.web-footer-right ul li:last-child {
padding-right: 0;
}
.web-footer-right ul li:last-child::before {
display: none;
}




































@keyframes fadeInUp {
0% {
opacity: 0;
transform: translate3d(0, 100px, 0)
}
100% {
opacity: 1;
transform: none
}
}
.owl-item .slider-content * {
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.owl-item.active .slider-animated-1 h1 {
-webkit-animation-delay: 1.3s;
animation-delay: 1.3s;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
.owl-item.active .slider-animated-1 .hpmePanerBannerBtns a {
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
.owl-item.active .slider-animated-1 span {
-webkit-animation-delay: 1.0s;
animation-delay: 1.0s;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
.owl-item.active .slider-animated-1 p {
-webkit-animation-delay: 1.0s;
animation-delay: 1.0s;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes slideInUp {
0% {
opacity: 0;
transform: translateY(50%);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes slideInUp {
0% {
opacity: 0;
transform: translateY(50%);
}
100% {
opacity: 1;
transform: none;
}
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
transform: translateY(-50%);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes slideInDown {
0% {
opacity: 0;
transform: translateY(-50%);
}
100% {
opacity: 1;
transform: none;
}
}
@-webkit-keyframes slideInleft {
0% {
opacity: 0;
transform: translateX(50%);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes slideInleft {
0% {
opacity: 0;
transform: translateX(50%);
}
100% {
opacity: 1;
transform: none;
}
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
transform: translateX(-50%);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes slideInRight {
0% {
opacity: 0;
transform: translateX(-50%);
}
100% {
opacity: 1;
transform: none;
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
transform: scale(0.5);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
transform: scale(0.5);
}
100% {
opacity: 1;
transform: none;
}
}
@-webkit-keyframes zoomReverseIn {
0% {
opacity: 0;
transform: scale(1.5);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes zoomReverseIn {
0% {
opacity: 0;
transform: scale(1.5);
}
100% {
opacity: 1;
transform: none;
}
}
@-webkit-keyframes flipInY {
0% {
opacity: 0;
transform: rotateY(90deg);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes flipInY {
0% {
opacity: 0;
transform: rotateY(90deg);
}
100% {
opacity: 1;
transform: none;
}
}
[data-animation] {
opacity: 0;
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.animations-disabled, .animations-disabled [data-animation] {
-webkit-animation: none !important;
animation: none !important;
opacity: 1 !important;
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
.slideInLeft {
-webkit-animation-name: slideInleft;
animation-name: slideInleft;
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
.fadeOut {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
animation-direction: reverse;
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
.zoomOut {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
animation-direction: reverse;
}
.zoomReverseIn {
-webkit-animation-name: zoomReverseIn;
animation-name: zoomReverseIn;
}
.zoomReverseOut {
-webkit-animation-name: zoomReverseIn;
animation-name: zoomReverseIn;
animation-direction: reverse;
}
.flipInY {
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
.flipOutY {
-webkit-animation-name: flipInY;
animation-name: flipInY;
animation-direction: reverse;
}
/*
@-webkit-keyframes blinker {
from {opacity: 1.0;}
to {opacity: 0.4;}
}
.blink{
text-decoration: blink;
-webkit-animation-name: blinker;
-webkit-animation-duration: 0.6s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-direction: alternate;
}
@keyframes rotation {
0% {
transform: rotate(0);
}
to {
transform: rotate(359deg);
}
}@keyframes ripple {
0%, 35% {
transform: scale(0);
opacity: 1;
}
@-webkit-keyframes bounce {
from {
-webkit-transform: translateY(0px);
transform: translateY(0px); }
to {
-webkit-transform: translateY(-30px);
transform: translateY(-30px); } }
@keyframes bounce {
from {
-webkit-transform: translateY(0px);
transform: translateY(0px); }
to {
-webkit-transform: translateY(-30px);
transform: translateY(-30px); } }
@keyframes off-on {
0% {
opacity: 0;
}
75% {
opacity: 1;
}
to {
opacity: 0;
}
}
*/
@-webkit-keyframes bounce {
from {
-webkit-transform: translateY(0px);
transform: translateY(0px)
}
to {
-webkit-transform: translateY(-30px);
transform: translateY(-30px)
}
}
@keyframes bounce {
from {
-webkit-transform: translateY(0px);
transform: translateY(0px)
}
to {
-webkit-transform: translateY(-30px);
transform: translateY(-30px)
}
}
@-webkit-keyframes animate-1 {
0%,
to {
-webkit-transform: translateY(0) translateX(0);
transform: translateY(0) translateX(0)
}
50% {
-webkit-transform: translateY(-1.5vh) translateX(5vmin);
transform: translateY(-1.5vh) translateX(5vmin)
}
}
@keyframes animate-1 {
0%,
to {
-webkit-transform: translateY(0) translateX(0);
transform: translateY(0) translateX(0)
}
50% {
-webkit-transform: translateY(-1.5vh) translateX(5vmin);
transform: translateY(-1.5vh) translateX(5vmin)
}
}
@-webkit-keyframes animate-2 {
0%,
to {
-webkit-transform: translateY(0);
transform: translateY(0)
}
50% {
-webkit-transform: translateY(-15vmin);
transform: translateY(-15vmin)
}
}
@keyframes animate-2 {
0%,
to {
-webkit-transform: translateY(0);
transform: translateY(0)
}
50% {
-webkit-transform: translateY(-15vmin);
transform: translateY(-15vmin)
}
}
@-webkit-keyframes animate-3 {
0%,
to {
-webkit-transform: translateY(0);
transform: translateY(0)
}
50% {
-webkit-transform: translateY(-5vmin);
transform: translateY(-5vmin)
}
}
@keyframes animate-3 {
0%,
to {
-webkit-transform: translateY(0);
transform: translateY(0)
}
50% {
-webkit-transform: translateY(-5vmin);
transform: translateY(-5vmin)
}
}
@-webkit-keyframes animate-4 {
0%,
to {
-webkit-transform: translateY(0);
transform: translateY(0)
}
50% {
-webkit-transform: translateY(10vmin);
transform: translateY(10vmin)
}
}
@keyframes animate-4 {
0%,
to {
-webkit-transform: translateY(0);
transform: translateY(0)
}
50% {
-webkit-transform: translateY(10vmin);
transform: translateY(10vmin)
}
}
@-webkit-keyframes animate-5 {
0%,
to {
-webkit-transform: translateY(0) translateX(0);
transform: translateY(0) translateX(0)
}
50% {
-webkit-transform: translateY(-1.5vh) translateX(5vmin);
transform: translateY(-1.5vh) translateX(5vmin)
}
}
@keyframes animate-5 {
0%,
to {
-webkit-transform: translateY(0) translateX(0);
transform: translateY(0) translateX(0)
}
50% {
-webkit-transform: translateY(-1.5vh) translateX(5vmin);
transform: translateY(-1.5vh) translateX(5vmin)
}
}
@keyframes rotateIt {
to {
transform: rotate(-360deg);
}
}
@keyframes rotateIt2 {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes movescale {
0% {
transform: scale(.6)
}
50% {
transform: scale(.8)
}
to {
transform: scale(.6)
}
}
@keyframes movescale {
0% {
transform: scale(.6)
}
50% {
transform: scale(.8)
}
to {
transform: scale(.6)
}
}
@keyframes movebounce {
0% {
transform: translateY(0)
}
50% {
transform: translateY(8px)
}
to {
transform: translateY(0)
}
}
@keyframes moveleftbounce {
0% {
transform: translateX(0)
}
50% {
transform: translateX(8px)
}
to {
transform: translateX(0)
}
}