/* General fade in transition*/
.fade-in-transition {
	animation: fadeIn ease-in-out 0.3s;
    -webkit-animation: fadeIn ease-in-out 0.3s;
    -moz-animation: fadeIn ease-in-out 0.3s;
    -o-animation: fadeIn ease-in-out 0.3s;
    -ms-animation: fadeIn ease-in-out 0.3s;
}

@keyframes fadeIn{
    0% {
      opacity:0;
    }
    100% {
      opacity:1;
    }
  }
  
  @-moz-keyframes fadeIn {
    0% {
      opacity:0;
    }
    100% {
      opacity:1;
    }
  }
  
  @-webkit-keyframes fadeIn {
    0% {
      opacity:0;
    }
    100% {
      opacity:1;
    }
  }
  
  @-o-keyframes fadeIn {
    0% {
		opacity:0;
    }
    100% {
		opacity:1;
    }
  }
  
  @-ms-keyframes fadeIn {
    0% {
    	opacity:0;
    }
    100% {
    	opacity:1;
    }
  }

/*
 * Grow animation for loader
 */

 @keyframes grow {
    0% {
        transform: scale(0);
    }

    25% {
        transform: scale(1);
    }

    50% {
        transform: scale(0);
    }

    75% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@-moz-keyframes grow {
    0% {
        -moz-transform: scale(0);
    }

    25% {
        -moz-transform: scale(1);
    }

    50% {
        -moz-transform: scale(0);
    }

    75% {
        -moz-transform: scale(1);
    }

    100% {
        -moz-transform: scale(0);
    }
}

@-webkit-keyframes grow {
    0% {
        -webkit-transform: scale(0);
    }

    25% {
        -webkit-transform: scale(1);
    }

    50% {
        -webkit-transform: scale(0);
    }

    75% {
        -webkit-transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0);
    }
}