/*Loading fade animation */
/*Include as many nth-of-type childs of container as letters are there*/
/*delay their animation time as suitable*/


/*
@font-face {
    font-family: 'molotregular';
    src: url('../fonts/Molot-webfont.eot');
    src: url('../fonts/Molot-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Molot-webfont.woff') format('woff'),
         url('../fonts/Molot-webfont.ttf') format('truetype'),
         url('../fonts/Molot-webfont.svg#molotregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
	font-family: 'comfortaaregular';
	src: url('../fonts/Comfortaa-Regular.eot');
	src: local('../fonts/Comfortaa-Regular'),
		url('../fonts/Comfortaa-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Comfortaa-Regular.woff') format('woff'),
		url('../fonts/Comfortaa-Regularttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
*/
@font-face {
    font-family: 'comfortaaregular';
    src: url('../fonts/Comfortaa-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

#container #single{
	position: relative;
	color:transparent;
	font-size: 1.57em;
	font-family: 'comfortaaregular', cursive !important;
	font-weight: 500;
	text-decoration: none;
	float: left;
	z-index: 2;
    -webkit-animation: fade 2.33s linear infinite;
    -moz-animation: fade 2.33s linear infinite;
    -o-animation: fade 2.33s linear infinite;
    	animation: fade 2.33s linear infinite ;
}

#container > #single:nth-of-type(1) {
	-webkit-animation-delay: 0.75s;
	-moz-animation-delay: 0.75s;
	-o-animation-delay: 0.75s;
	animation-delay: 0.75s;
}

#container > #single:nth-of-type(2) {
	-webkit-animation-delay: 0.92s;
	-moz-animation-delay: 0.92s;
	-o-animation-delay: 0.92s;
		animation-delay: 0.92s;
}
#container > #single:nth-of-type(3) {
	-webkit-animation-delay: 1.08s;
	-moz-animation-delay: 1.08s;
	-o-animation-delay: 1.08s;
		animation-delay: 1.08s;
}
#container > #single:nth-of-type(4) {
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	-o-animation-delay: 1.2s;
		animation-delay: 1.2s;
}

#container > #single:nth-of-type(5) {
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	-o-animation-delay: 1.5s;
		animation-delay: 1.5s;
}
#container > #single:nth-of-type(6) {
	-webkit-animation-delay: 1.7s;
	-moz-animation-delay: 1.7s;
	-o-animation-delay: 1.7s;
		animation-delay: 1.7s;
}
#container > #single:nth-of-type(7) {
	-webkit-animation-delay: 1.85s;
	-moz-animation-delay: 1.85s;
	-o-animation-delay: 1.85s;
		animation-delay: 1.85s;
}
#container > #single:nth-of-type(8) {
	-webkit-animation-delay: 1.99s;
	-moz-animation-delay: 1.99s;
	-o-animation-delay: 1.99;
		animation-delay: 1.99s;
}
#container > #single:nth-of-type(9) {
	-webkit-animation-delay: 2.1s;
	-moz-animation-delay: 2.1s;
	-o-animation-delay: 2.1s;
		animation-delay: 2.1s;
}


/*keyframes for fade animation*/


@-webkit-keyframes fade{
	0%{
		text-shadow: rgb(255,255,255) 0 0 0;
	}

	90%,100%{
		text-shadow: rgb(21,126,251) 0 0 0px;
	}
}
@-moz-keyframes fade{
	0%{
		text-shadow: rgb(255,255,255) 0 0 0;
	}

	90%,100%{
		text-shadow: rgb(21,126,251) 0 0 0px;
	}
}

@-o-keyframes fade{
	0%{
		text-shadow: rgb(255,255,255) 0 0 0;
	}

	90%,100%{
		text-shadow: rgb(21,126,251) 0 0 0px;
	}
}

@keyframes fade{
	0%{
		text-shadow: rgb(255,255,255) 0 0 0;
	}

	90%,100%{
		text-shadow: rgb(21,126,251) 0 0 0px;
	}
}