.slide_Bottom_In
{
	animation: slideBottomIn 200ms;
	animation-fill-mode:both;
	-webkit-animation: slideBottomIn 200ms;
	-webkit-animation-fill-mode:both;
}

.slide_Bottom_Out
{
	animation: slideBottomOut 200ms;
	animation-fill-mode:both;
	-webkit-animation: slideBottomOut 200ms;
	-webkit-animation-fill-mode:both;
}

.loader_type1
{
	width: 16px !important;
	height: 16px !important;
	border-radius: 50% !important;
	display: block !important;
	position: relative !important;
	background: #FFF;
	box-shadow: -24px 0 #FFF, 24px 0 #FFF;
	box-sizing: border-box !important;
	animation: loaderType1 2s linear infinite !important;
	-webkit-animation: loaderType1 2s linear infinite !important;
}

.rec_animation
{
	animation: recAnimation 1s infinite;
	animation-fill-mode:both;
	-webkit-animation: recAnimation 1s infinite;
	-webkit-animation-fill-mode:both;
}

@-webkit-keyframes slideBottomIn
{
	from { 
			transform: translateY(100%);
			-webkit-transform: translateY(100%);
		 }
	to   { 
			transform: translateY(0%);
			-webkit-transform: translateY(0%);
	     }
}

@-webkit-keyframes slideBottomOut
{
	from { 
			transform: translateY(0%);
			-webkit-transform: translateY(0%);
		 }
	to   { 
			transform: translateY(100%);
			-webkit-transform: translateY(100%);
	     }
}

@keyframes loaderType1 {
  33% {
    background: #FFF;
    box-shadow: -24px 0 #CB2B11, 24px 0 #FFF;
  }
  66% {
    background: #CB2B11;
    box-shadow: -24px 0 #FFF, 24px 0 #FFF;
  }
  100% {
    background: #FFF;
    box-shadow: -24px 0 #FFF, 24px 0 #CB2B11;
  }
}

@-webkit-keyframes loaderType1 {
  33% {
    background: #FFF;
    box-shadow: -24px 0 #CB2B11, 24px 0 #FFF;
  }
  66% {
    background: #CB2B11;
    box-shadow: -24px 0 #FFF, 24px 0 #FFF;
  }
  100% {
    background: #FFF;
    box-shadow: -24px 0 #FFF, 24px 0 #CB2B11;
  }
}

@keyframes recAnimation {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.4;
  }
}

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