﻿@keyframes tva-loading {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-webkit-keyframes tva-loading {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.tva-loading {
	position: relative;
	width: 200px !important;
	height: 200px !important;
	-webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
	transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}

	.tva-loading div {
		left: 94px;
		top: 48px;
		position: absolute;
		-webkit-animation: tva-loading linear 1s infinite;
		animation: tva-loading linear 1s infinite;
		background: #1d3f72;
		width: 12px;
		height: 24px;
		border-radius: 40%;
		-webkit-transform-origin: 6px 52px;
		transform-origin: 6px 52px;
	}

		.tva-loading div:nth-child(1) {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
			-webkit-animation-delay: -0.916666666666667s;
			animation-delay: -0.916666666666667s;
		}

		.tva-loading div:nth-child(2) {
			-webkit-transform: rotate(30deg);
			transform: rotate(30deg);
			-webkit-animation-delay: -0.833333333333333s;
			animation-delay: -0.833333333333333s;
		}

		.tva-loading div:nth-child(3) {
			-webkit-transform: rotate(60deg);
			transform: rotate(60deg);
			-webkit-animation-delay: -0.75s;
			animation-delay: -0.75s;
		}

		.tva-loading div:nth-child(4) {
			-webkit-transform: rotate(90deg);
			transform: rotate(90deg);
			-webkit-animation-delay: -0.666666666666667s;
			animation-delay: -0.666666666666667s;
		}

		.tva-loading div:nth-child(5) {
			-webkit-transform: rotate(120deg);
			transform: rotate(120deg);
			-webkit-animation-delay: -0.583333333333333s;
			animation-delay: -0.583333333333333s;
		}

		.tva-loading div:nth-child(6) {
			-webkit-transform: rotate(150deg);
			transform: rotate(150deg);
			-webkit-animation-delay: -0.5s;
			animation-delay: -0.5s;
		}

		.tva-loading div:nth-child(7) {
			-webkit-transform: rotate(180deg);
			transform: rotate(180deg);
			-webkit-animation-delay: -0.416666666666667s;
			animation-delay: -0.416666666666667s;
		}

		.tva-loading div:nth-child(8) {
			-webkit-transform: rotate(210deg);
			transform: rotate(210deg);
			-webkit-animation-delay: -0.333333333333333s;
			animation-delay: -0.333333333333333s;
		}

		.tva-loading div:nth-child(9) {
			-webkit-transform: rotate(240deg);
			transform: rotate(240deg);
			-webkit-animation-delay: -0.25s;
			animation-delay: -0.25s;
		}

		.tva-loading div:nth-child(10) {
			-webkit-transform: rotate(270deg);
			transform: rotate(270deg);
			-webkit-animation-delay: -0.166666666666667s;
			animation-delay: -0.166666666666667s;
		}

		.tva-loading div:nth-child(11) {
			-webkit-transform: rotate(300deg);
			transform: rotate(300deg);
			-webkit-animation-delay: -0.083333333333333s;
			animation-delay: -0.083333333333333s;
		}

		.tva-loading div:nth-child(12) div:nth-child(12) {
			-webkit-transform: rotate(330deg);
			transform: rotate(330deg);
			-webkit-animation-delay: 0s;
			animation-delay: 0s;
		}


.loader {
	width: 25px;
	height: 25px;
	border: 3px solid #999999;
	border-bottom-color: transparent;
	border-radius: 50%;
	display: inline-block;
	box-sizing: border-box;
	animation: rotation 1.5s linear infinite;
}

@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
} 