/*=============== kite Animation Start =============*/
@keyframes kite {
0% {
 transform: rotate(40deg)translate(0, 50px);
 -webkit-transform: rotate(40deg)translate(0, 50px);
 -ms-transform: rotate(40deg)translate(0, 50px);
 -moz-transform: rotate(40deg)translate(0, 50px);
}
 30% {
 transform:rotate(-20deg)translate(-50px, 150px);
 -webkit-transform:rotate(-20deg)translate(-50px, 150px);
 -moz-transform:rotate(-20deg)translate(-50px, 150px);
 -ms-transform:rotate(-20deg)translate(-50px, 150px);
}
 60% {
 transform:rotate(20deg)translate(-70px, 210px);
 -webkit-transform:rotate(20deg)translate(-70px, 210px);
 -ms-transform:rotate(20deg)translate(-70px, 210px);
 -moz-transform:rotate(20deg)translate(-70px, 210px);
}
 70% {
 transform:rotate(0deg)translate(-100px, 300px);
 -webkit-transform:rotate(0deg)translate(-100px, 300px);
 -ms-transform:rotate(0deg)translate(-100px, 300px);
 -moz-transform:rotate(0deg)translate(-100px, 300px);
}
 100% {
 transform:rotate(40deg)translate(0px, 50px);
 -webkit-transform:rotate(40deg)translate(0px, 50px);
 -moz-transform:rotate(40deg)translate(0px, 50px);
 -ms-transform:rotate(40deg)translate(0px, 50px);
}
}

@-webkit-keyframes kite {
0% {
 transform: rotate(40deg)translate(0, 50px);
 -webkit-transform: rotate(40deg)translate(0, 50px);
 -ms-transform: rotate(40deg)translate(0, 50px);
 -moz-transform: rotate(40deg)translate(0, 50px);
}
 30% {
 transform:rotate(-20deg)translate(-50px, 150px);
 -webkit-transform:rotate(-20deg)translate(-50px, 150px);
 -moz-transform:rotate(-20deg)translate(-50px, 150px);
 -ms-transform:rotate(-20deg)translate(-50px, 150px);
}
 60% {
 transform:rotate(20deg)translate(-70px, 210px);
 -webkit-transform:rotate(20deg)translate(-70px, 210px);
 -ms-transform:rotate(20deg)translate(-70px, 210px);
 -moz-transform:rotate(20deg)translate(-70px, 210px);
}
 70% {
 transform:rotate(0deg)translate(-100px, 300px);
 -webkit-transform:rotate(0deg)translate(-100px, 300px);
 -ms-transform:rotate(0deg)translate(-100px, 300px);
 -moz-transform:rotate(0deg)translate(-100px, 300px);
}
 100% {
 transform:rotate(40deg)translate(0px, 50px);
 -webkit-transform:rotate(40deg)translate(0px, 50px);
 -moz-transform:rotate(40deg)translate(0px, 50px);
 -ms-transform:rotate(40deg)translate(0px, 50px);
}
}

@-moz-keyframes kite {
0% {
 transform: rotate(40deg)translate(0, 50px);
 -webkit-transform: rotate(40deg)translate(0, 50px);
 -ms-transform: rotate(40deg)translate(0, 50px);
 -moz-transform: rotate(40deg)translate(0, 50px);
}
 30% {
 transform:rotate(-20deg)translate(-50px, 150px);
 -webkit-transform:rotate(-20deg)translate(-50px, 150px);
 -moz-transform:rotate(-20deg)translate(-50px, 150px);
 -ms-transform:rotate(-20deg)translate(-50px, 150px);
}
 60% {
 transform:rotate(20deg)translate(-70px, 210px);
 -webkit-transform:rotate(20deg)translate(-70px, 210px);
 -ms-transform:rotate(20deg)translate(-70px, 210px);
 -moz-transform:rotate(20deg)translate(-70px, 210px);
}
 70% {
 transform:rotate(0deg)translate(-100px, 300px);
 -webkit-transform:rotate(0deg)translate(-100px, 300px);
 -ms-transform:rotate(0deg)translate(-100px, 300px);
 -moz-transform:rotate(0deg)translate(-100px, 300px);
}
 100% {
 transform:rotate(40deg)translate(0px, 50px);
 -webkit-transform:rotate(40deg)translate(0px, 50px);
 -moz-transform:rotate(40deg)translate(0px, 50px);
 -ms-transform:rotate(40deg)translate(0px, 50px);
}
}

@-ms-keyframes kite {
0% {
 transform: rotate(40deg)translate(0, 50px);
 -webkit-transform: rotate(40deg)translate(0, 50px);
 -ms-transform: rotate(40deg)translate(0, 50px);
 -moz-transform: rotate(40deg)translate(0, 50px);
}
 30% {
 transform:rotate(-20deg)translate(-50px, 150px);
 -webkit-transform:rotate(-20deg)translate(-50px, 150px);
 -moz-transform:rotate(-20deg)translate(-50px, 150px);
 -ms-transform:rotate(-20deg)translate(-50px, 150px);
}
 60% {
 transform:rotate(20deg)translate(-70px, 210px);
 -webkit-transform:rotate(20deg)translate(-70px, 210px);
 -ms-transform:rotate(20deg)translate(-70px, 210px);
 -moz-transform:rotate(20deg)translate(-70px, 210px);
}
 70% {
 transform:rotate(0deg)translate(-100px, 300px);
 -webkit-transform:rotate(0deg)translate(-100px, 300px);
 -ms-transform:rotate(0deg)translate(-100px, 300px);
 -moz-transform:rotate(0deg)translate(-100px, 300px);
}
 100% {
 transform:rotate(40deg)translate(0px, 50px);
 -webkit-transform:rotate(40deg)translate(0px, 50px);
 -moz-transform:rotate(40deg)translate(0px, 50px);
 -ms-transform:rotate(40deg)translate(0px, 50px);
}
}

/*=============== kite Animation Close =============*/
/*=============== drone Animation start =============*/
@keyframes drone {
0% {
 transform: rotate(20deg)translate(0, -80px);
 -webkit-transform: rotate(20deg)translate(0, -80px);
 -moz-transform: rotate(20deg)translate(0, -80px);
 -ms-transform: rotate(20deg)translate(0, -80px);
}
 30% {
 transform: rotate(-10deg) translate(20px, -150px);
 -webkit-transform: rotate(-10deg) translate(20px, -150px);
 -ms-transform: rotate(-10deg) translate(20px, -150px);
 -moz-transform: rotate(-10deg) translate(20px, -150px);
}
 60% {
 transform: rotate(10deg)translate(40px, -220px);
-webkit-transform: rotate(10deg)translate(40px, -220px);
 -moz-transform: rotate(10deg)translate(40px, -220px);
 -ms-transform: rotate(10deg)translate(40px, -220px);
}
 80% {
 transform: rotate(5deg) translate(20px, -300px);
 -webkit-transform: rotate(5deg) translate(20px, -300px);
 -ms-transform: rotate(5deg) translate(20px, -300px);
 -moz-transform: rotate(5deg) translate(20px, -300px);
}
 100% {
 transform: rotate(20deg) translate(0px, -80px);
 -webkit-transform: rotate(20deg) translate(0px, -80px);
 -ms-transform: rotate(20deg) translate(0px, -80px);
 -moz-transform: rotate(20deg) translate(0px, -80px);
}
}

@-webkit-keyframes drone {
0% {
 transform: rotate(20deg)translate(0, -80px);
 -webkit-transform: rotate(20deg)translate(0, -80px);
 -moz-transform: rotate(20deg)translate(0, -80px);
 -ms-transform: rotate(20deg)translate(0, -80px);
}
 30% {
 transform: rotate(-10deg) translate(20px, -150px);
 -webkit-transform: rotate(-10deg) translate(20px, -150px);
 -ms-transform: rotate(-10deg) translate(20px, -150px);
 -moz-transform: rotate(-10deg) translate(20px, -150px);
}
 60% {
 transform: rotate(10deg)translate(40px, -220px);
-webkit-transform: rotate(10deg)translate(40px, -220px);
 -moz-transform: rotate(10deg)translate(40px, -220px);
 -ms-transform: rotate(10deg)translate(40px, -220px);
}
 80% {
 transform: rotate(5deg) translate(20px, -300px);
 -webkit-transform: rotate(5deg) translate(20px, -300px);
 -ms-transform: rotate(5deg) translate(20px, -300px);
 -moz-transform: rotate(5deg) translate(20px, -300px);
}
 100% {
 transform: rotate(20deg) translate(0px, -80px);
 -webkit-transform: rotate(20deg) translate(0px, -80px);
 -ms-transform: rotate(20deg) translate(0px, -80px);
 -moz-transform: rotate(20deg) translate(0px, -80px);
}
}

@-moz-keyframes drone {
0% {
 transform: rotate(20deg)translate(0, -80px);
 -webkit-transform: rotate(20deg)translate(0, -80px);
 -moz-transform: rotate(20deg)translate(0, -80px);
 -ms-transform: rotate(20deg)translate(0, -80px);
}
 30% {
 transform: rotate(-10deg) translate(20px, -150px);
 -webkit-transform: rotate(-10deg) translate(20px, -150px);
 -ms-transform: rotate(-10deg) translate(20px, -150px);
 -moz-transform: rotate(-10deg) translate(20px, -150px);
}
 60% {
 transform: rotate(10deg)translate(40px, -220px);
-webkit-transform: rotate(10deg)translate(40px, -220px);
 -moz-transform: rotate(10deg)translate(40px, -220px);
 -ms-transform: rotate(10deg)translate(40px, -220px);
}
 80% {
 transform: rotate(5deg) translate(20px, -300px);
 -webkit-transform: rotate(5deg) translate(20px, -300px);
 -ms-transform: rotate(5deg) translate(20px, -300px);
 -moz-transform: rotate(5deg) translate(20px, -300px);
}
 100% {
 transform: rotate(20deg) translate(0px, -80px);
 -webkit-transform: rotate(20deg) translate(0px, -80px);
 -ms-transform: rotate(20deg) translate(0px, -80px);
 -moz-transform: rotate(20deg) translate(0px, -80px);
}
}

@-ms-keyframes drone {
0% {
 transform: rotate(20deg)translate(0, -80px);
 -webkit-transform: rotate(20deg)translate(0, -80px);
 -moz-transform: rotate(20deg)translate(0, -80px);
 -ms-transform: rotate(20deg)translate(0, -80px);
}
 30% {
 transform: rotate(-10deg) translate(20px, -150px);
 -webkit-transform: rotate(-10deg) translate(20px, -150px);
 -ms-transform: rotate(-10deg) translate(20px, -150px);
 -moz-transform: rotate(-10deg) translate(20px, -150px);
}
 60% {
 transform: rotate(10deg)translate(40px, -220px);
-webkit-transform: rotate(10deg)translate(40px, -220px);
 -moz-transform: rotate(10deg)translate(40px, -220px);
 -ms-transform: rotate(10deg)translate(40px, -220px);
}
 80% {
 transform: rotate(5deg) translate(20px, -300px);
 -webkit-transform: rotate(5deg) translate(20px, -300px);
 -ms-transform: rotate(5deg) translate(20px, -300px);
 -moz-transform: rotate(5deg) translate(20px, -300px);
}
 100% {
 transform: rotate(20deg) translate(0px, -80px);
 -webkit-transform: rotate(20deg) translate(0px, -80px);
 -ms-transform: rotate(20deg) translate(0px, -80px);
 -moz-transform: rotate(20deg) translate(0px, -80px);
}
}
/*=============== drone Animation close =============*/
/*=============== plane Animation start =============*/
 @keyframes plane {
 0% {
left: 0;
 transform: translateY(0) rotate(0deg);
 -webkit-transform: translateY(0) rotate(0deg);
 -moz-transform: translateY(0) rotate(0deg);
 -ms-transform: translateY(0) rotate(0deg);
}
 100% {
left: 100%;
 transform: translateY(-440px) rotate(-10deg);
 -webkit-transform: translateY(-440px) rotate(-10deg);
 -moz-transform: translateY(-440px) rotate(-10deg);
 -ms-transform: translateY(-440px) rotate(-10deg);
}
}
 @-webkit-keyframes plane {
 0% {
left: 0;
 transform: translateY(0) rotate(0deg);
 -webkit-transform: translateY(0) rotate(0deg);
 -moz-transform: translateY(0) rotate(0deg);
 -ms-transform: translateY(0) rotate(0deg);
}
 100% {
left: 100%;
 transform: translateY(-440px) rotate(-10deg);
 -webkit-transform: translateY(-440px) rotate(-10deg);
 -moz-transform: translateY(-440px) rotate(-10deg);
 -ms-transform: translateY(-440px) rotate(-10deg);
}
}
 @-moz-keyframes plane {
 0% {
left: 0;
 transform: translateY(0) rotate(0deg);
 -webkit-transform: translateY(0) rotate(0deg);
 -moz-transform: translateY(0) rotate(0deg);
 -ms-transform: translateY(0) rotate(0deg);
}
 100% {
left: 100%;
 transform: translateY(-440px) rotate(-10deg);
 -webkit-transform: translateY(-440px) rotate(-10deg);
 -moz-transform: translateY(-440px) rotate(-10deg);
 -ms-transform: translateY(-440px) rotate(-10deg);
}
}
 @-ms-keyframes plane {
 0% {
left: 0;
 transform: translateY(0) rotate(0deg);
 -webkit-transform: translateY(0) rotate(0deg);
 -moz-transform: translateY(0) rotate(0deg);
 -ms-transform: translateY(0) rotate(0deg);
}
 100% {
left: 100%;
 transform: translateY(-440px) rotate(-10deg);
 -webkit-transform: translateY(-440px) rotate(-10deg);
 -moz-transform: translateY(-440px) rotate(-10deg);
 -ms-transform: translateY(-440px) rotate(-10deg);
}
}
/*=============== plane Animation close =============*/

/*=============== plane mobile Animation start =============*/
 @keyframes planem {
 0% {
left: 0;
 transform: translateY(0) rotate(0deg);
 -webkit-transform: translateY(0) rotate(0deg);
 -moz-transform: translateY(0) rotate(0deg);
 -ms-transform: translateY(0) rotate(0deg);
}
 100% {
left: 110%;
 transform: translateY(-150px) rotate(0deg);
 -webkit-transform: translateY(-150px) rotate(0deg);
 -moz-transform: translateY(-150px) rotate(0deg);
 -ms-transform: translateY(-150px) rotate(0deg);
}
}

/*=============== plane mobile Animation close =============*/

/*=============== Element5 Animation start =============*/

 @keyframes element5 {
0%, 100% {
 transform: translate(0, 0px);
 -webkit-transform: translate(0, 0px);
 -moz-transform: translate(0, 0px);
 -ms-transform: translate(0, 0px);
}
 50% {
 transform:translate(220px, 250px);
 -webkit-transform:translate(220px, 250px);
 -moz-transform:translate(220px, 250px);
 -ms-transform:translate(220px, 250px);
}
}

 @-webkit-keyframes element5 {
0%, 100% {
 transform: translate(0, 0px);
 -webkit-transform: translate(0, 0px);
 -moz-transform: translate(0, 0px);
 -ms-transform: translate(0, 0px);
}
 50% {
 transform:translate(220px, 250px);
 -webkit-transform:translate(220px, 250px);
 -moz-transform:translate(220px, 250px);
 -ms-transform:translate(220px, 250px);
}
}
 @-moz-keyframes element5 {
0%, 100% {
 transform: translate(0, 0px);
 -webkit-transform: translate(0, 0px);
 -moz-transform: translate(0, 0px);
 -ms-transform: translate(0, 0px);
}
 50% {
 transform:translate(220px, 250px);
 -webkit-transform:translate(220px, 250px);
 -moz-transform:translate(220px, 250px);
 -ms-transform:translate(220px, 250px);
}
}
 @-ms-keyframes element5 {
0%, 100% {
 transform: translate(0, 0px);
 -webkit-transform: translate(0, 0px);
 -moz-transform: translate(0, 0px);
 -ms-transform: translate(0, 0px);
}
 50% {
 transform:translate(220px, 250px);
 -webkit-transform:translate(220px, 250px);
 -moz-transform:translate(220px, 250px);
 -ms-transform:translate(220px, 250px);
}
}
/*=============== Element5 Animation close =============*/
/*=============== Element4 Animation start =============*/
 @keyframes element4 {
0%, 100% {
 transform: translate(0, 0px);
 -webkit-transform: translate(0, 0px);
 -moz-transform: translate(0, 0px);
 -ms-transform: translate(0, 0px);
}
 50% {
 transform:translate(-150px, 240px);
 -webkit-transform:translate(-150px, 240px);
 -moz-transform:translate(-150px, 240px);
 -ms-transform:translate(-150px, 240px);
}
}
 @-webkit-keyframes element4 {
0%, 100% {
 transform: translate(0, 0px);
 -webkit-transform: translate(0, 0px);
 -moz-transform: translate(0, 0px);
 -ms-transform: translate(0, 0px);
}
 50% {
 transform:translate(-150px, 240px);
 -webkit-transform:translate(-150px, 240px);
 -moz-transform:translate(-150px, 240px);
 -ms-transform:translate(-150px, 240px);
}
}

 @-moz-keyframes element4 {
0%, 100% {
 transform: translate(0, 0px);
 -webkit-transform: translate(0, 0px);
 -moz-transform: translate(0, 0px);
 -ms-transform: translate(0, 0px);
}
 50% {
 transform:translate(-150px, 240px);
 -webkit-transform:translate(-150px, 240px);
 -moz-transform:translate(-150px, 240px);
 -ms-transform:translate(-150px, 240px);
}
}
 @-ms-keyframes element4 {
0%, 100% {
 transform: translate(0, 0px);
 -webkit-transform: translate(0, 0px);
 -moz-transform: translate(0, 0px);
 -ms-transform: translate(0, 0px);
}
 50% {
 transform:translate(-150px, 240px);
 -webkit-transform:translate(-150px, 240px);
 -moz-transform:translate(-150px, 240px);
 -ms-transform:translate(-150px, 240px);
}
}
/*=============== Element4 Animation close =============*/
/*=============== Social Marketing Animation start =============*/
 @keyframes social-marketing {
0%, 100% {
 transform:rotate()translate(0, 0px);
 -webkit-transform:rotate()translate(0, 0px);
 -ms-transform:rotate()translate(0, 0px);
 -moz-transform:rotate()translate(0, 0px);
}
 50% {
 transform:rotate(-10deg)translate(10px, 40px);
 -webkit-transform:rotate(-10deg)translate(10px, 40px);
 -ms-transform:rotate(-10deg)translate(10px, 40px);
 -moz-transform:rotate(-10deg)translate(10px, 40px);
}
}
  @-webkit-keyframes social-marketing {
0%, 100% {
 transform:rotate()translate(0, 0px);
 -webkit-transform:rotate()translate(0, 0px);
 -ms-transform:rotate()translate(0, 0px);
 -moz-transform:rotate()translate(0, 0px);
}
 50% {
 transform:rotate(-10deg)translate(10px, 40px);
 -webkit-transform:rotate(-10deg)translate(10px, 40px);
 -ms-transform:rotate(-10deg)translate(10px, 40px);
 -moz-transform:rotate(-10deg)translate(10px, 40px);
}
}
 @-moz-keyframes social-marketing {
0%, 100% {
 transform:rotate()translate(0, 0px);
 -webkit-transform:rotate()translate(0, 0px);
 -ms-transform:rotate()translate(0, 0px);
 -moz-transform:rotate()translate(0, 0px);
}
 50% {
 transform:rotate(-10deg)translate(10px, 40px);
 -webkit-transform:rotate(-10deg)translate(10px, 40px);
 -ms-transform:rotate(-10deg)translate(10px, 40px);
 -moz-transform:rotate(-10deg)translate(10px, 40px);
}
}
 @-ms-keyframes social-marketing {
0%, 100% {
 transform:rotate()translate(0, 0px);
 -webkit-transform:rotate()translate(0, 0px);
 -ms-transform:rotate()translate(0, 0px);
 -moz-transform:rotate()translate(0, 0px);
}
 50% {
 transform:rotate(-10deg)translate(10px, 40px);
 -webkit-transform:rotate(-10deg)translate(10px, 40px);
 -ms-transform:rotate(-10deg)translate(10px, 40px);
 -moz-transform:rotate(-10deg)translate(10px, 40px);
}
}
/*=============== Social Marketing Animation close =============*/
/*=============== Digital Marketing Animation start =============*/
@keyframes digital-marketing {
0%, 100% {
 transform:translateY(-20px);
 -webkit-transform:translateY(-20px);
 -moz-transform:translateY(-20px);
 -ms-transform:translateY(-20px);
}
 50% {
 transform:translateY(50px);
 -webkit-transform:translateY(50px);
 -moz-transform:translateY(50px);
 -ms-transform:translateY(50px);
}
}
@-webkit-keyframes digital-marketing {
0%, 100% {
 transform:translateY(-20px);
 -webkit-transform:translateY(-20px);
 -moz-transform:translateY(-20px);
 -ms-transform:translateY(-20px);
}
 50% {
 transform:translateY(50px);
 -webkit-transform:translateY(50px);
 -moz-transform:translateY(50px);
 -ms-transform:translateY(50px);
}
}
@-moz-keyframes digital-marketing {
0%, 100% {
 transform:translateY(-20px);
 -webkit-transform:translateY(-20px);
 -moz-transform:translateY(-20px);
 -ms-transform:translateY(-20px);
}
 50% {
 transform:translateY(50px);
 -webkit-transform:translateY(50px);
 -moz-transform:translateY(50px);
 -ms-transform:translateY(50px);
}
}
@-ms-keyframes digital-marketing {
0%, 100% {
 transform:translateY(-20px);
 -webkit-transform:translateY(-20px);
 -moz-transform:translateY(-20px);
 -ms-transform:translateY(-20px);
}
 50% {
 transform:translateY(50px);
 -webkit-transform:translateY(50px);
 -moz-transform:translateY(50px);
 -ms-transform:translateY(50px);
}
}
/*=============== Digital Marketing Animation close =============*/
/*=============== Contect Creation Animation start =============*/
 @keyframes contect-creation {
0%, 100% {
 transform:rotate()translate(0, 0px);
 -webkit-transform:rotate()translate(0, 0px);
 -moz-transform:rotate()translate(0, 0px);
 -ms-transform:rotate()translate(0, 0px);
}
 50% {
 transform:rotate(-10deg)translate(-50px, 30px);
 -webkit-transform:rotate(-10deg)translate(-50px, 30px);
 -moz-transform:rotate(-10deg)translate(-50px, 30px);
 -ms-transform:rotate(-10deg)translate(-50px, 30px);
}
} 
@-webkit-keyframes contect-creation {
0%, 100% {
 transform:rotate()translate(0, 0px);
 -webkit-transform:rotate()translate(0, 0px);
 -moz-transform:rotate()translate(0, 0px);
 -ms-transform:rotate()translate(0, 0px);
}
 50% {
 transform:rotate(-10deg)translate(-50px, 30px);
 -webkit-transform:rotate(-10deg)translate(-50px, 30px);
 -moz-transform:rotate(-10deg)translate(-50px, 30px);
 -ms-transform:rotate(-10deg)translate(-50px, 30px);
}
}
 @-moz-keyframes contect-creation {
0%, 100% {
 transform:rotate()translate(0, 0px);
 -webkit-transform:rotate()translate(0, 0px);
 -moz-transform:rotate()translate(0, 0px);
 -ms-transform:rotate()translate(0, 0px);
}
 50% {
 transform:rotate(-10deg)translate(-50px, 30px);
 -webkit-transform:rotate(-10deg)translate(-50px, 30px);
 -moz-transform:rotate(-10deg)translate(-50px, 30px);
 -ms-transform:rotate(-10deg)translate(-50px, 30px);
}
}
 @-ms-keyframes contect-creation {
0%, 100% {
 transform:rotate()translate(0, 0px);
 -webkit-transform:rotate()translate(0, 0px);
 -moz-transform:rotate()translate(0, 0px);
 -ms-transform:rotate()translate(0, 0px);
}
 50% {
 transform:rotate(-10deg)translate(-50px, 30px);
 -webkit-transform:rotate(-10deg)translate(-50px, 30px);
 -moz-transform:rotate(-10deg)translate(-50px, 30px);
 -ms-transform:rotate(-10deg)translate(-50px, 30px);
}
}
/*=============== Contect Creation Animation close =============*/
/*=============== globe Service Animation start =============*/
@keyframes globe-service {
0%, 100% {
 transform:translateX(0px);
 -webkit-transform:translateX(0px);
 -moz-transform:translateX(0px);
 -ms-transform:translateX(0px);
}
 50% {
 transform:translateX(50px);
 -webkit-transform:translateX(50px);
 -moz-transform:translateX(50px);
 -ms-transform:translateX(50px);
}
}
@-webkit-keyframes globe-service {
0%, 100% {
 transform:translateX(0px);
 -webkit-transform:translateX(0px);
 -moz-transform:translateX(0px);
 -ms-transform:translateX(0px);
}
 50% {
 transform:translateX(50px);
 -webkit-transform:translateX(50px);
 -moz-transform:translateX(50px);
 -ms-transform:translateX(50px);
}
}
@-moz-keyframes globe-service {
0%, 100% {
 transform:translateX(0px);
 -webkit-transform:translateX(0px);
 -moz-transform:translateX(0px);
 -ms-transform:translateX(0px);
}
 50% {
 transform:translateX(50px);
 -webkit-transform:translateX(50px);
 -moz-transform:translateX(50px);
 -ms-transform:translateX(50px);
}
}
@-ms-keyframes globe-service {
0%, 100% {
 transform:translateX(0px);
 -webkit-transform:translateX(0px);
 -moz-transform:translateX(0px);
 -ms-transform:translateX(0px);
}
 50% {
 transform:translateX(50px);
 -webkit-transform:translateX(50px);
 -moz-transform:translateX(50px);
 -ms-transform:translateX(50px);
}
}
/*=============== globe Service Animation close =============*/
/*=============== Email Marketing Animation start =============*/
 @keyframes email-marketing {
0%, 100% {
 transform:rotate(0deg)translateX(0);
 -webkit-transform:rotate(0deg)translateX(0);
 -moz-transform:rotate(0deg)translateX(0);
 -ms-transform:rotate(0deg)translateX(0);
}
 50% {
 transform:rotate(30deg)translateX(50px);
 -webkit-transform:rotate(30deg)translateX(50px);
 -moz-transform:rotate(30deg)translateX(50px);
 -ms-transform:rotate(30deg)translateX(50px);
}
}
 @-webkit-keyframes email-marketing {
0%, 100% {
 transform:rotate(0deg)translateX(0);
 -webkit-transform:rotate(0deg)translateX(0);
 -moz-transform:rotate(0deg)translateX(0);
 -ms-transform:rotate(0deg)translateX(0);
}
 50% {
 transform:rotate(30deg)translateX(50px);
 -webkit-transform:rotate(30deg)translateX(50px);
 -moz-transform:rotate(30deg)translateX(50px);
 -ms-transform:rotate(30deg)translateX(50px);
}
}
 @-moz-keyframes email-marketing {
0%, 100% {
 transform:rotate(0deg)translateX(0);
 -webkit-transform:rotate(0deg)translateX(0);
 -moz-transform:rotate(0deg)translateX(0);
 -ms-transform:rotate(0deg)translateX(0);
}
 50% {
 transform:rotate(30deg)translateX(50px);
 -webkit-transform:rotate(30deg)translateX(50px);
 -moz-transform:rotate(30deg)translateX(50px);
 -ms-transform:rotate(30deg)translateX(50px);
}
}
 @-ms-keyframes email-marketing {
0%, 100% {
 transform:rotate(0deg)translateX(0);
 -webkit-transform:rotate(0deg)translateX(0);
 -moz-transform:rotate(0deg)translateX(0);
 -ms-transform:rotate(0deg)translateX(0);
}
 50% {
 transform:rotate(30deg)translateX(50px);
 -webkit-transform:rotate(30deg)translateX(50px);
 -moz-transform:rotate(30deg)translateX(50px);
 -ms-transform:rotate(30deg)translateX(50px);
}
}
/*=============== Email Marketing Animation close =============*/
/*=============== Main Slide Animation start =============*/
 @keyframes main-slide {
0%, 100% {
 transform:rotate(0deg)translateY(0);
 -webkit-transform:rotate(0deg)translateY(0);
 -moz-transform:rotate(0deg)translateY(0);
 -ms-transform:rotate(0deg)translateY(0);
}
 50% {
 transform:rotate(1deg)translateY(5px);
 -webkit-transform:rotate(1deg)translateY(5px);
 -moz-transform:rotate(1deg)translateY(5px);
 -ms-transform:rotate(1deg)translateY(5px);
}
}
 @-webkit-keyframes main-slide {
0%, 100% {
 transform:rotate(0deg)translateY(0);
 -webkit-transform:rotate(0deg)translateY(0);
 -moz-transform:rotate(0deg)translateY(0);
 -ms-transform:rotate(0deg)translateY(0);
}
 50% {
 transform:rotate(1deg)translateY(5px);
 -webkit-transform:rotate(1deg)translateY(5px);
 -moz-transform:rotate(1deg)translateY(5px);
 -ms-transform:rotate(1deg)translateY(5px);
}
}
 @-moz-keyframes main-slide {
0%, 100% {
 transform:rotate(0deg)translateY(0);
 -webkit-transform:rotate(0deg)translateY(0);
 -moz-transform:rotate(0deg)translateY(0);
 -ms-transform:rotate(0deg)translateY(0);
}
 50% {
 transform:rotate(1deg)translateY(5px);
 -webkit-transform:rotate(1deg)translateY(5px);
 -moz-transform:rotate(1deg)translateY(5px);
 -ms-transform:rotate(1deg)translateY(5px);
}
}
 @-ms-keyframes main-slide {
0%, 100% {
 transform:rotate(0deg)translateY(0);
 -webkit-transform:rotate(0deg)translateY(0);
 -moz-transform:rotate(0deg)translateY(0);
 -ms-transform:rotate(0deg)translateY(0);
}
 50% {
 transform:rotate(1deg)translateY(5px);
 -webkit-transform:rotate(1deg)translateY(5px);
 -moz-transform:rotate(1deg)translateY(5px);
 -ms-transform:rotate(1deg)translateY(5px);
}
}
/*=============== Main Slide Animation close =============*/
/*=============== Main Slide1 Animation start =============*/
 @keyframes main-slide1 {
0%, 100% {
 transform:rotate(0deg)translateY(0);
 -webkit-transform:rotate(0deg)translateY(0);
 -moz-transform:rotate(0deg)translateY(0);
 -ms-transform:rotate(0deg)translateY(0);
}
 50% {
 transform:rotate(-1deg)translateY(5px);
 -webkit-transform:rotate(-1deg)translateY(5px);
 -moz-transform:rotate(-1deg)translateY(5px);
 -ms-transform:rotate(-1deg)translateY(5px);
}
}
 @-webkit-keyframes main-slide1 {
0%, 100% {
 transform:rotate(0deg)translateY(0);
 -webkit-transform:rotate(0deg)translateY(0);
 -moz-transform:rotate(0deg)translateY(0);
 -ms-transform:rotate(0deg)translateY(0);
}
 50% {
 transform:rotate(-1deg)translateY(5px);
 -webkit-transform:rotate(-1deg)translateY(5px);
 -moz-transform:rotate(-1deg)translateY(5px);
 -ms-transform:rotate(-1deg)translateY(5px);
}
}
 @-moz-keyframes main-slide1 {
0%, 100% {
 transform:rotate(0deg)translateY(0);
 -webkit-transform:rotate(0deg)translateY(0);
 -moz-transform:rotate(0deg)translateY(0);
 -ms-transform:rotate(0deg)translateY(0);
}
 50% {
 transform:rotate(-1deg)translateY(5px);
 -webkit-transform:rotate(-1deg)translateY(5px);
 -moz-transform:rotate(-1deg)translateY(5px);
 -ms-transform:rotate(-1deg)translateY(5px);
}
}
 @-ms-keyframes main-slide1 {
0%, 100% {
 transform:rotate(0deg)translateY(0);
 -webkit-transform:rotate(0deg)translateY(0);
 -moz-transform:rotate(0deg)translateY(0);
 -ms-transform:rotate(0deg)translateY(0);
}
 50% {
 transform:rotate(-1deg)translateY(5px);
 -webkit-transform:rotate(-1deg)translateY(5px);
 -moz-transform:rotate(-1deg)translateY(5px);
 -ms-transform:rotate(-1deg)translateY(5px);
}
}
/*=============== Main Slide1 Animation close =============*/
/*=============== Star Animation start =============*/
 @keyframes star {
0%, 100% {
 transform: rotate(0deg)translateY(0);
 -webkit-transform: rotate(0deg)translateY(0);
 -moz-transform: rotate(0deg)translateY(0);
 -ms-transform: rotate(0deg)translateY(0);
 transform:scale(1);
 -webkit-transform:scale(1);
 -moz-transform:scale(1);
 -ms-transform:scale(1);
}
 50% {
 transform:rotate(10deg)translateY(20px);
 -webkit-transform:rotate(10deg)translateY(20px);
 -moz-transform:rotate(10deg)translateY(20px);
 -ms-transform:rotate(10deg)translateY(20px);
 transform:scale(1.09);
 -webkit-transform:scale(1.09);
 -moz-transform:scale(1.09);
 -ms-transform:scale(1.09);
}
}
 @-webkit-keyframes star {
0%, 100% {
 transform: rotate(0deg)translateY(0);
 -webkit-transform: rotate(0deg)translateY(0);
 -moz-transform: rotate(0deg)translateY(0);
 -ms-transform: rotate(0deg)translateY(0);
 transform:scale(1);
 -webkit-transform:scale(1);
 -moz-transform:scale(1);
 -ms-transform:scale(1);
}
 50% {
 transform:rotate(10deg)translateY(20px);
 -webkit-transform:rotate(10deg)translateY(20px);
 -moz-transform:rotate(10deg)translateY(20px);
 -ms-transform:rotate(10deg)translateY(20px);
 transform:scale(1.09);
 -webkit-transform:scale(1.09);
 -moz-transform:scale(1.09);
 -ms-transform:scale(1.09);
}
}
 @-moz-keyframes star {
0%, 100% {
 transform: rotate(0deg)translateY(0);
 -webkit-transform: rotate(0deg)translateY(0);
 -moz-transform: rotate(0deg)translateY(0);
 -ms-transform: rotate(0deg)translateY(0);
 transform:scale(1);
 -webkit-transform:scale(1);
 -moz-transform:scale(1);
 -ms-transform:scale(1);
}
 50% {
 transform:rotate(10deg)translateY(20px);
 -webkit-transform:rotate(10deg)translateY(20px);
 -moz-transform:rotate(10deg)translateY(20px);
 -ms-transform:rotate(10deg)translateY(20px);
 transform:scale(1.09);
 -webkit-transform:scale(1.09);
 -moz-transform:scale(1.09);
 -ms-transform:scale(1.09);
}
}
 @-ms-keyframes star {
0%, 100% {
 transform: rotate(0deg)translateY(0);
 -webkit-transform: rotate(0deg)translateY(0);
 -moz-transform: rotate(0deg)translateY(0);
 -ms-transform: rotate(0deg)translateY(0);
 transform:scale(1);
 -webkit-transform:scale(1);
 -moz-transform:scale(1);
 -ms-transform:scale(1);
}
 50% {
 transform:rotate(10deg)translateY(20px);
 -webkit-transform:rotate(10deg)translateY(20px);
 -moz-transform:rotate(10deg)translateY(20px);
 -ms-transform:rotate(10deg)translateY(20px);
 transform:scale(1.09);
 -webkit-transform:scale(1.09);
 -moz-transform:scale(1.09);
 -ms-transform:scale(1.09);
}
}
/*=============== Star Animation close =============*/
/*=============== Title tag start =============*/
@keyframes titletag {
	0% { background-position: 0% 50%; }
	100% { background-position: 100% 50%; }
}
@-webkit-keyframes titletag {
	0% { background-position: 0% 50%; }
	100% { background-position: 100% 50%; }
}
@-moz-keyframes titletag {
	0% { background-position: 0% 50%; }
	100% { background-position: 100% 50%; }
}
@-ms-keyframes titletag {
	0% { background-position: 0% 50%; }
	100% { background-position: 100% 50%; }
}
/*=============== Title tag close =============*/