@-webkit-keyframes apperarherotext {
	0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes apperarherotext {
	0% { opacity:0; }
  100% { opacity:1; }
}




  @keyframes rotateIcon {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    50% {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg); }
  }
  @-webkit-keyframes rotateIcon {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    50% {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg); }
  }



	@keyframes fillleftPath {
    0% {
			stroke-dasharray: 900px;
		stroke-dashoffset: -900px; }

    100% {
			stroke-dasharray: 900px;
		stroke-dashoffset: -1798px; }
  }
  @-webkit-keyframes fillleftPath {
		0% {
			stroke-dasharray: 900px;
		stroke-dashoffset: -900px; }

    100% {
			stroke-dasharray: 900px;
		stroke-dashoffset: -1798px; }
  }

	@keyframes fillRightPath {
		0% {
			stroke-dasharray: 740px;
		stroke-dashoffset: -740px; }

		100% {
			stroke-dasharray: 740px;
		stroke-dashoffset: -1479px; }
	}
	@-webkit-keyframes fillRightPath {
		0% {
			stroke-dasharray: 740px;
		stroke-dashoffset: -740px; }

		100% {
			stroke-dasharray: 740px;
		stroke-dashoffset: -1479px;  }
	}


	@keyframes fillmobPath {
		0% {
			stroke-dasharray: 300px;
		stroke-dashoffset: -300px; }

		100% {
			stroke-dasharray: 300px;
		stroke-dashoffset: -598px; }
	}
	@-webkit-keyframes fillmobPath {
		0% {
			stroke-dasharray: 300px;
		stroke-dashoffset: -300px; }

		100% {
			stroke-dasharray: 300px;
		stroke-dashoffset: -598px; }
	}