.animate_inner_50 {
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  opacity: 0
}

.animate_inner_50.show {
  transition: all .8s ease;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1
}

.animate_inner_100 {
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  opacity: 0
}

.animate_inner_100.show {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  transition: all 1s ease;
  opacity: 1
}

.animate_inner_left {
  -webkit-transform: translateX(-100px);
  transform: translateX(-100px);
  opacity: 0
}

.animate_inner_left.show {
  transition: all 1s ease;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1
}

.animate_inner_left_1 {
  -webkit-transform: translate(-260%,-35%);
  transform: translate(-260%,-35%);
  opacity: 0
}

.animate_inner_left_1.show {
  transition: all 1s ease;
  -webkit-transform: translate(-50%,-35%);
  transform: translate(-50%,-35%);
  opacity: 1
}

.animate_inner_right {
  -webkit-transform: translateX(100px);
  transform: translateX(100px);
  opacity: 0
}

.animate_inner_right.show {
  transition: all 1s ease;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1
}

.animate_opacity{
  transition: all 1s ease;
  opacity: 0
}

.animate_opacity.show{
  opacity: 1
}

.width_50{
  width: 50%;
}

.width_80{
  width: 80%;
  border-radius: 10px;
}

.bg_color_white{
  background-color: white;
}

.flex_center{
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex_column_center{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.flex_column_align_center{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.flex_align_center{
  display: flex;
  align-items: center;
}

.position_relative{
  position: relative;
}