﻿@-webkit-keyframes loader-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes loader-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes loadingA {
	0 {
		height: 15px;
	}

	50% {
		height: 35px;
	}

	100% {
		height: 15px;
	}
}

@keyframes loadingB {
	0 {
		width: 15px;
	}

	50% {
		width: 35px;
	}

	100% {
		width: 15px;
	}
}

@keyframes loadingC {
	0 {
		transform: translate(0, 0);
	}

	50% {
		transform: translate(0, 15px);
	}

	100% {
		transform: translate(0, 0);
	}
}

@keyframes loadingD {
	0 {
		transform: rotate(0deg);
	}

	50% {
		transform: rotate(180deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes loadingE {
	0 {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes loadingF {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes loadingG {
	0% {
		transform: translate(0, 0) rotate(0deg);
	}

	50% {
		transform: translate(70px, 0) rotate(360deg);
	}

	100% {
		transform: translate(0, 0) rotate(0deg);
	}
}

@keyframes loadingH {
	0% {
		width: 15px;
	}

	50% {
		width: 35px;
		padding: 4px;
	}

	100% {
		width: 15px;
	}
}

@keyframes loadingI {
	100% {
		transform: rotate(360deg);
	}
}

@keyframes bounce {
	0%, 100% {
		transform: scale(0);
	}

	50% {
		transform: scale(1);
	}
}

@keyframes loadingJ {
	0%, 100% {
		transform: translate(0, 0);
	}

	50% {
		transform: translate(80px, 0);
		background-color: #f5634a;
		width: 25px;
	}
}

@keyframes loadingC {
	0% {
		transform: translate(0, 0);
	}

	50% {
		transform: translate(0, 15px);
	}

	100% {
		transform: translate(0, 0);
	}
}

@-webkit-keyframes flash {
	0% {
		background-position: -468px 0
	}

	100% {
		background-position: 468px 0
	}
}

@keyframes flash {
	0% {
		background-position: -468px 0
	}

	100% {
		background-position: 468px 0
	}
}

@-webkit-keyframes ripple {
	0% {
		box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.3), 0 0 0 10px rgba(52, 58, 64, 0.3), 0 0 0 30px rgba(52, 58, 64, 0.3), 0 0 0 60px rgba(52, 58, 64, 0.3)
	}

	100% {
		box-shadow: 0 0 0 10px rgba(52, 58, 64, 0.3), 0 0 0 30px rgba(52, 58, 64, 0.3), 0 0 0 60px rgba(52, 58, 64, 0.3), 0 0 0 90px rgba(52, 58, 64, 0)
	}
}

@keyframes ripple {
	0% {
		box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.3), 0 0 0 10px rgba(52, 58, 64, 0.3), 0 0 0 30px rgba(52, 58, 64, 0.3), 0 0 0 60px rgba(52, 58, 64, 0.3)
	}

	100% {
		box-shadow: 0 0 0 10px rgba(52, 58, 64, 0.3), 0 0 0 30px rgba(52, 58, 64, 0.3), 0 0 0 60px rgba(52, 58, 64, 0.3), 0 0 0 90px rgba(52, 58, 64, 0)
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeOut {
	0% {
		opacity: .7;
	}

	100% {
		opacity: 0;
	}
}

@keyframes slideUp {
	0% {
		transform: translateY(0%) !important;
		opacity: 1;
	}

	100% {
		transform: translateY(-105%) !important;
		opacity: 0;
	}
}

@keyframes slideDown {
	0% {
		transform: translateY(-105%) !important;
		opacity: 0;
	}

	100% {
		transform: translateY(0%) !important;
		opacity: 1;
	}
}

@keyframes slideLeft {
	0% {
		transform: translateX(-100%);
	}

	100% {
		transform: translateX(0%);
	}
}

@keyframes slideRight {
	0% {
		transform: translateX(0%);
	}

	100% {
		transform: translateX(-100%);
	}
}

@keyframes scaleIn {
	0% {
		transform: translateY(-10%);
		opacity: 0;
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes scaleOut {
	0% {
		transform: scale(1);
		opacity: 1;
	}

	100% {
		transform: translateY(-10%);
		opacity: 0;
	}
}

@-webkit-keyframes validation-popover-fade-in {
	from {
		opacity: 0;
	}

	to {
		opacity: 0.82;
	}
}

@-moz-keyframes validation-popover-fade-in {
	from {
		opacity: 0;
	}

	to {
		opacity: 0.82;
	}
}

@-ms-keyframes validation-popover-fade-in {
	from {
		opacity: 0;
	}

	to {
		opacity: 0.82;
	}
}

@-webkit-keyframes move-down {
	from {
		top: 50%;
	}

	to {
		top: calc(100% + 8px);
	}
}

@-moz-keyframes move-down {
	from {
		top: 50%;
	}

	to {
		top: calc(100% + 8px);
	}
}

@-ms-keyframes move-down {
	from {
		top: 50%;
	}

	to {
		top: calc(100% + 8px);
	}
}

@keyframes placeHolderShimmer {
	0% {
		background-position: -468px 0
	}

	100% {
		background-position: 468px 0
	}
}