/***************animation**********************/
.fadeInUp {
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
	-ms-transition: all 1s ease;
}

.fadeInUp[data-emergence=hidden] {
	opacity: 0;
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px)
}

.fadeInUp[data-emergence=visible] {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}

.fadeInRight {
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
	-ms-transition: all 1s ease;
}

.fadeInRight_2 {
	-webkit-transition: all 1.5s ease;
	-o-transition: all 1.5s ease;
	-moz-transition: all 1.5s ease;
	transition: all 1.5s ease;
	-ms-transition:all 1.5s ease;
	animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
}

.fadeInRight_3 {
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
	animation-delay: 5s;
	-webkit-animation-delay: 5s;
}

.fadeInRight[data-emergence=hidden],
.fadeInRight_2[data-emergence=hidden],
.fadeInRight_3[data-emergence=hidden] {
	opacity: 0;
	-webkit-transform: translateX(100px);
	-moz-transform: translateX(100px);
	-ms-transform: translateX(100px);
	-o-transform: translateX(100px);
	transform:  translateX(100px);}

.fadeInRight[data-emergence=visible],
.fadeInRight_2[data-emergence=visible],
.fadeInRight_3[data-emergence=visible] {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

.fadeInLeft {
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease
}

.fadeInLeft_2 {
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
	animation-delay:2.5s;
	-webkit-animation-delay: 2.5s;
}

.fadeInLeft_3 {
	-webkit-transition: all 1.5s ease;
	-o-transition: all 1.5s ease;
	-moz-transition: all 1.5s ease;
	transition: all 1.5s ease;
	-ms-transition:all 1.5s ease;
	animation-delay: 5s;
	-webkit-animation-delay: 5s;
}

.fadeInLeft[data-emergence=hidden],
.fadeInLeft_2[data-emergence=hidden],
.fadeInLeft_3[data-emergence=hidden] {
	opacity: 0;
	-webkit-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	-o-transform: translateX(-100px);
	transform: translateX(-100px)
}

.fadeInLeft[data-emergence=visible],
.fadeInLeft_2[data-emergence=visible],
.fadeInLeft_3[data-emergence=visible] {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

.fadeInDown {
	-webkit-transition: all .8s ease;
	-o-transition: all .8s ease;
	-moz-transition: all .8s ease;
	transition: all .8s ease;
	-ms-transition: all .8s ease;
}

.fadeInDown[data-emergence=hidden] {
	opacity: 0;
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px)
}

.fadeInDown[data-emergence=visible] {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
@media (max-width: 810px) {
	.fadeInRight[data-emergence=hidden],
	.fadeInRight_2[data-emergence=hidden],
	.fadeInRight_3[data-emergence=hidden] {
		opacity: 0;
		-webkit-transform: translateX(40px);
		-moz-transform: translateX(40px);
		-ms-transform: translateX(40px);
		-o-transform: translateX(40px);
		transform: translateX(40px);
	}
  }
  @media (max-width:610px) {
	.fadeInRight[data-emergence=hidden],
	.fadeInRight_2[data-emergence=hidden],
	.fadeInRight_3[data-emergence=hidden] {
		opacity: 0;
		-webkit-transform: translateX(30px);
		-moz-transform: translateX(30px);
		-ms-transform: translateX(30px);
		-o-transform: translateX(30px);
		transform: translateX(30px);
	}
  }
  @media (max-width:500px) {
	.fadeInRight[data-emergence=hidden],
	.fadeInRight_2[data-emergence=hidden],
	.fadeInRight_3[data-emergence=hidden] {
		opacity: 0;
		-webkit-transform: translateX(20px);
		-moz-transform: translateX(20px);
		-ms-transform: translateX(20px);
		-o-transform: translateX(20px);
		transform: translateX(20px);
}
  }
  @media (max-width:320px) {
	.fadeInRight[data-emergence=hidden],
	.fadeInRight_2[data-emergence=hidden],
	.fadeInRight_3[data-emergence=hidden] {
		opacity: 0;
		-webkit-transform: translateX(-50px);
		-moz-transform: translateX(-50px);
		-ms-transform: translateX(-50px);
		-o-transform: translateX(-50px);
		transform: translateX(-50px);
	}
  }
  @-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
        transform: translateY(40px);
        -moz-transform: translateY(40px);
        -o-transform: translateY(40px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
        transform: translateY(40px);
        -moz-transform: translateY(40px);
        -o-transform: translateY(40px);
}

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes buttonRoll {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    50%,
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@keyframes buttonRoll {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    50%,
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	}
  
	40% {
	  -webkit-transform: translateY(-30px);
	  transform: translateY(-30px);
	}
  
	60% {
	  -webkit-transform: translateY(-15px);
	  transform: translateY(-15px);
	}
  }
  
  @keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
	  -webkit-transform: translateY(0);
	  -ms-transform: translateY(0);
	  transform: translateY(0);
	}
  
	40% {
	  -webkit-transform: translateY(-30px);
	  -ms-transform: translateY(-30px);
	  transform: translateY(-30px);
	}
  
	60% {
	  -webkit-transform: translateY(-15px);
	  -ms-transform: translateY(-15px);
	  transform: translateY(-15px);
	}
  }
  
  .bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
  }
  
  @-webkit-keyframes flash {
	0%, 50%, 100% {
	  opacity: 1;
	}
  
	25%, 75% {
	  opacity: 0;
	}
  }
  
  @keyframes flash {
	0%, 50%, 100% {
	  opacity: 1;
	}
  
	25%, 75% {
	  opacity: 0;
	}
  }
  
  .flash {
	-webkit-animation-name: flash;
	animation-name: flash;
  }

  @-webkit-keyframes img_shine {
	0% {
	  opacity: 0.5;
	}
  
	100% {
	  opacity: 0;
	}
  }
  
  @keyframes img_shine {
	0% {
	  opacity: 0.5;
	}
  
	100% {
	  opacity: 0;
	}
  }
  
  @-webkit-keyframes colorText {
	0% {
	  background-position: 0 50%;
	}
  
	50% {
	  background-position: 100% 50%;
	}
  
	100% {
	  background-position: 0 50%;
	}
  }
  
  @keyframes colorText {
	0% {
	  background-position: 0 50%;
	}
  
	50% {
	  background-position: 100% 50%;
	}
  
	100% {
	  background-position: 0 50%;
	}
  }

  @keyframes tit {

	0% {
	  -webkit-transform: translateY(2px);
	  transform: translateY(2px);
	  -webkit-transform: scale(0.8);
	  transform: scale(0.8);
	  opacity: 0;
	}
	100% {
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	  -webkit-transform: scale(1);
	  transform: scale(1);
	  opacity: 1;
	}
  }
  
  @-webkit-keyframes tit {
  
	0% {
	  -webkit-transform: translateY(2px);
	  transform: translateY(2px);
	  -webkit-transform: scale(0.8);
	  transform: scale(0.8);
	  opacity: 0;
	}
	100% {
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	  -webkit-transform: scale(1);
	  transform: scale(1);
	  opacity: 1;
	}
  }
  
.zoom_in{
	-webkit-transition: all 1.5s ease;
	-o-transition: all 1.5s ease;
	-moz-transition: all 1.5s ease;
	transition: all 1.5s ease;
	-ms-transition: all 1.5s ease;
	animation-delay: .7s;
	-webkit-animation-delay: .7s;
}
.zoom_in[data-emergence=hidden] {
	opacity: 0;
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	-webkit-transform: scale(0.6);
	transform: scale(0.6);
}

.zoom_in[data-emergence=visible] {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transform: scale(1);
	transform: scale(1);
}