.moverightleft {
    animation: moveleftright 3s linear infinite;
    -webkit-animation: moverightleft 3s linear infinite;
}

@keyframes moverightleft {
    0%,
    100% {
        transform: translateX(0);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    50% {
        transform: translateX(10px);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
}

.moveupdown {
    animation: moveupdown 3s linear infinite;
    -webkit-animation: moveupdown 3s linear infinite;
}

@keyframes moveupdown {
    0%,
    100% {
        transform: translateY(0);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    50% {
        transform: translateY(-10px);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
}

@keyframes rotate360 {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes effect-1 {
    from {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    to {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
}


@keyframes topBottomLine {
  0% {
    top: 0;
  }
  50% {
    top: calc(100% - 30px);
  }
  100% {
    top: 0;
  }
}


@keyframes rollIn {
  0% {

    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {

    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}



@keyframes about-umbrella {
  0% {
    -webkit-transform: translateX(-200px);
    -moz-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    transform: translateX(-200px);
  }
  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@keyframes hero-quote {
  0% {
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
}


@keyframes hero-stars{
  0% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(0px);
  }
}



@keyframes about-paper {
  0% {
    transform: translateY(-50px);
  }
  100% {
    transform: translateY(0px);
  }
}



@keyframes about-medical {
  0% {
    -webkit-transform: rotate(0deg) translateX(-50px);
    -moz-transform: rotate(0deg) translateX(-50px);
    -ms-transform: rotate(0deg) translateX(-50px);
    transform: rotate(0deg) translateX(-50px);
  }
  100% {
    -webkit-transform: rotate(360deg) translateY(100px);
    -moz-transform: rotate(360deg) translateY(100px);
    -ms-transform: rotate(360deg) translateY(100px);
    transform: rotate(360deg) translateY(100px);
  }
}


@keyframes line_movement {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

@keyframes button-bounce {
    0% {
        transform: translate(0)
    }

    20% {
        transform: translateY(5px)
    }

    40% {
        transform: translateY(-5px)
    }

    60% {
        transform: translate(0)
    }
}





.shake {
  animation: shake 1s both;
  -webkit-animation: shake 1s both; 
}


@-webkit-keyframes shake {
  0%, 100% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
	-webkit-transform: translateX(-10px);
	-ms-transform: translateX(-10px);
	transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
	-webkit-transform: translateX(10px);
	-ms-transform: translateX(10px);
	transform: translateX(10px);
  }
}



@keyframes btn-arrow{
  16.65% {
    transform: translateX(6px);
  }
  33.3% {
    transform: translateX(-5px);
  }
  49.95% {
    transform: translateX(4px);
  }
  66.6% {
    transform: translateX(-2px);
  }
  83.25% {
    transform: translateX(1px);
  }
  100% {
    transform: translateX(0);
  }
}