@charset "utf-8";
/* CSS Document */
      
			
			
			                  /*Preloader Demo */

/******************************************************************************/
/******************************************************************************/



#loading {
	background-color: #122737;
	height: 50%;
	width: 30%;
	z-index: 1;
	margin-top: 0px;
	top: 0px;
}
#ts-preloader-absolute {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100px;
	width: 100px;
	margin-top: -50px;
	margin-left: -50px;
}
.tsperloader {
	position: absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 20px solid #03a9f4;
}
.tsperloader:nth-child(25) {
 bottom: 0px;
 left: 80px;
 -webkit-animation: animate_25 3s infinite ease-in-out;
 animation: animate_25 3s infinite ease-in-out;
}
.tsperloader:nth-child(24) {
 bottom: 0px;
 left: 60px;
 -webkit-animation: animate_24 3s infinite ease-in-out;
 animation: animate_24 3s infinite ease-in-out;
}
.tsperloader:nth-child(23) {
 bottom: 0px;
 left: 40px;
 -webkit-animation: animate_23 3s infinite ease-in-out;
 animation: animate_23 3s infinite ease-in-out;
}
.tsperloader:nth-child(22) {
 bottom: 0px;
 left: 20px;
 -webkit-animation: animate_22 3s infinite ease-in-out;
 animation: animate_22 3s infinite ease-in-out;
}
.tsperloader:nth-child(21) {
 bottom: 0px;
 left: 0px;
 -webkit-animation: animate_21 3s infinite ease-in-out;
 animation: animate_21 3s infinite ease-in-out;
}
.tsperloader:nth-child(20) {
 bottom: 0px;
 left: 70px;
 -ms-transform: rotate(180deg);
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
 -webkit-animation: animate_20 3s infinite ease-in-out;
 animation: animate_20 3s infinite ease-in-out;
}
.tsperloader:nth-child(19) {
 bottom: 0px;
 left: 50px;
 -ms-transform: rotate(180deg);
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
 -webkit-animation: animate_19 3s infinite ease-in-out;
 animation: animate_19 3s infinite ease-in-out;
}
.tsperloader:nth-child(18) {
 bottom: 0px;
 left: 30px;
 -ms-transform: rotate(180deg);
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
 -webkit-animation: animate_18 3s infinite ease-in-out;
 animation: animate_18 3s infinite ease-in-out;
}
.tsperloader:nth-child(17) {
 bottom: 0px;
 left: 10px;
 -ms-transform: rotate(180deg);
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
 -webkit-animation: animate_17 3s infinite ease-in-out;
 animation: animate_17 3s infinite ease-in-out;
}
.tsperloader:nth-child(16) {
 bottom: 20px;
 left: 70px;
 -webkit-animation: animate_16 3s infinite ease-in-out;
 animation: animate_16 3s infinite ease-in-out;
}
.tsperloader:nth-child(15) {
 bottom: 20px;
 left: 50px;
 -webkit-animation: animate_15 3s infinite ease-in-out;
 animation: animate_15 3s infinite ease-in-out;
}
.tsperloader:nth-child(14) {
 bottom: 20px;
 left: 30px;
 -webkit-animation: animate_14 3s infinite ease-in-out;
 animation: animate_14 3s infinite ease-in-out;
}
.tsperloader:nth-child(13) {
 bottom: 20px;
 left: 10px;
 -webkit-animation: animate_13 3s infinite ease-in-out;
 animation: animate_13 3s infinite ease-in-out;
}
.tsperloader:nth-child(12) {
 bottom: 20px;
 left: 60px;
 -ms-transform: rotate(180deg);
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
 -webkit-animation: animate_12 3s infinite ease-in-out;
 animation: animate_12 3s infinite ease-in-out;
}
.tsperloader:nth-child(11) {
 bottom: 20px;
 left: 40px;
 -ms-transform: rotate(180deg);
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
 -webkit-animation: animate_11 3s infinite ease-in-out;
 animation: animate_11 3s infinite ease-in-out;
}
.tsperloader:nth-child(10) {
 bottom: 20px;
 left: 20px;
 -ms-transform: rotate(180deg);
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
 -webkit-animation: animate_10 3s infinite ease-in-out;
 animation: animate_10 3s infinite ease-in-out;
}
.tsperloader:nth-child(9) {
 bottom: 40px;
 left: 60px;
 -webkit-animation: animate_9 3s infinite ease-in-out;
 animation: animate_9 3s infinite ease-in-out;
}
.tsperloader:nth-child(8) {
 bottom: 40px;
 left: 40px;
 -webkit-animation: animate_8 3s infinite ease-in-out;
 animation: animate_8 3s infinite ease-in-out;
}
.tsperloader:nth-child(7) {
 bottom: 40px;
 left: 20px;
 -webkit-animation: animate_7 3s infinite ease-in-out;
 animation: animate_7 3s infinite ease-in-out;
}
.tsperloader:nth-child(6) {
 bottom: 40px;
 left: 50px;
 -ms-transform: rotate(180deg);
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
 -webkit-animation: animate_6 3s infinite ease-in-out;
 animation: animate_6 3s infinite ease-in-out;
}
.tsperloader:nth-child(5) {
 bottom: 40px;
 left: 30px;
 -ms-transform: rotate(180deg);
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
 -webkit-animation: animate_5 3s infinite ease-in-out;
 animation: animate_5 3s infinite ease-in-out;
}
.tsperloader:nth-child(4) {
 bottom: 60px;
 left: 50px;
 -webkit-animation: animate_4 3s infinite ease-in-out;
 animation: animate_4 3s infinite ease-in-out;
}
.tsperloader:nth-child(3) {
 bottom: 60px;
 left: 30px;
 -webkit-animation: animate_3 3s infinite ease-in-out;
 animation: animate_3 3s infinite ease-in-out;
}
.tsperloader:nth-child(2) {
 bottom: 60px;
 left: 40px;
 -ms-transform: rotate(180deg);
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
 -webkit-animation: animate_2 3s infinite ease-in-out;
 animation: animate_2 3s infinite ease-in-out;
}
.tsperloader:nth-child(1) {
 bottom: 80px;
 left: 40px;
 -webkit-animation: animate_1 3s infinite ease-in-out;
 animation: animate_1 3s infinite ease-in-out;
}
 @-webkit-keyframes animate_1 {
50% {
 -ms-transform: translate(0, -100px) rotate(180deg);
 -webkit-transform: translate(0, -100px) rotate(180deg);
 transform: translate(0, -100px) rotate(180deg);
}
}
@keyframes animate_1 {
50% {
 -ms-transform: translate(0, -100px) rotate(180deg);
 -webkit-transform: translate(0, -100px) rotate(180deg);
 transform: translate(0, -100px) rotate(180deg);
}
}
 @-webkit-keyframes animate_2 {
50% {
 -ms-transform: translate(0, -80px) rotate(180deg);
 -webkit-transform: translate(0, -80px) rotate(180deg);
 transform: translate(0, -80px) rotate(180deg);
}
}
@keyframes animate_2 {
50% {
 -ms-transform: translate(0, -80px) rotate(180deg);
 -webkit-transform: translate(0, -80px) rotate(180deg);
 transform: translate(0, -80px) rotate(180deg);
}
}
 @-webkit-keyframes animate_3 {
50% {
 -ms-transform: translate(-100px, -100px) rotate(180deg);
 -webkit-transform: translate(-100px, -100px) rotate(180deg);
 transform: translate(-100px, -100px) rotate(180deg);
}
}
@keyframes animate_3 {
50% {
 -ms-transform: translate(-100px, -100px) rotate(180deg);
 -webkit-transform:translate(-100px, -100px) rotate(180deg);
 transform: translate(-100px, -100px) rotate(180deg);
}
}
 @-webkit-keyframes animate_4 {
50% {
 -ms-transform: translate(100px, -100px) rotate(180deg);
 -webkit-transform: translate(100px, -100px) rotate(180deg);
 transform: translate(100px, -100px) rotate(180deg);
}
}
@keyframes animate_4 {
50% {
 -ms-transform: translate(100px, -100px) rotate(180deg);
 -webkit-transform:translate(100px, -100px) rotate(180deg);
 transform: translate(100px, -100px) rotate(180deg);
}
}
 @-webkit-keyframes animate_5 {
50% {
 -ms-transform: translate(-40px, -100px) rotate(180deg);
 -webkit-transform: translate(-40px, -100px) rotate(180deg);
 transform: translate(-40px, -100px) rotate(180deg);
}
}
@keyframes animate_5 {
50% {
 -ms-transform: translate(-40px, -100px) rotate(180deg);
 -webkit-transform: translate(-40px, -100px) rotate(180deg);
 transform: translate(-40px, -100px) rotate(180deg);
}
}
 @-webkit-keyframes animate_6 {
50% {
 -ms-transform: translate(40px, -100px) rotate(180deg);
 -webkit-transform: translate(40px, -100px) rotate(180deg);
 transform: translate(40px, -100px) rotate(180deg);
}
}
@keyframes animate_6 {
50% {
 -ms-transform: translate(40px, -100px) rotate(180deg);
 -webkit-transform: translate(40px, -100px) rotate(180deg);
 transform: translate(40px, -100px) rotate(180deg);
}
}
 @-webkit-keyframes animate_7 {
50% {
 -ms-transform: translate(-80px, -60px) rotate(180deg);
 -webkit-transform: translate(-80px, -60px) rotate(180deg);
 transform: translate(-80px, -60px) rotate(180deg);
}
}
@keyframes animate_7 {
50% {
 -ms-transform: translate(-80px, -60px) rotate(180deg);
 -webkit-transform: translate(-80px, -60px) rotate(180deg);
 transform: translate(-80px, -60px) rotate(180deg);
}
}
 @-webkit-keyframes animate_8 {
50% {
 -ms-transform: translate(0, -60px) rotate(180deg);
 -webkit-transform: translate(0, -60px) rotate(180deg);
 transform: translate(0, -60px) rotate(180deg);
}
}
@keyframes animate_8 {
50% {
 -ms-transform: translate(0, -60px) rotate(180deg);
 -webkit-transform: translate(0, -60px) rotate(180deg);
 transform: translate(0, -60px) rotate(180deg);
}
}
 @-webkit-keyframes animate_9 {
50% {
 -ms-transform: translate(80px, -60px) rotate(180deg);
 -webkit-transform: translate(80px, -60px) rotate(180deg);
 transform: translate(80px, -60px) rotate(180deg);
}
}
@keyframes animate_9 {
50% {
 -ms-transform: translate(80px, -60px) rotate(180deg);
 -webkit-transform: translate(80px, -60px) rotate(180deg);
 transform: translate(80px, -60px) rotate(180deg);
}
}
 @-webkit-keyframes animate_10 {
50% {
 -ms-transform: translate(-100px, -40px) rotate(180deg);
 -webkit-transform: translate(-100px, -40px) rotate(180deg);
 transform: translate(-100px, -40px) rotate(180deg);
}
}
@keyframes animate_10 {
50% {
 -ms-transform: translate(-100px, -40px) rotate(180deg);
 -webkit-transform: translate(-100px, -40px) rotate(180deg);
 transform: translate(-100px, -40px) rotate(180deg);
}
}
 @-webkit-keyframes animate_11 {
50% {
 -ms-transform: translate(0, -40px) rotate(180deg);
 -webkit-transform: translate(0, -40px) rotate(180deg);
 transform: translate(0, -40px) rotate(180deg);
}
}
@keyframes animate_11 {
50% {
 -ms-transform: translate(0, -40px) rotate(180deg);
 -webkit-transform: translate(0, -40px) rotate(180deg);
 transform: translate(0, -40px) rotate(180deg);
}
}
 @-webkit-keyframes animate_12 {
50% {
 -ms-transform: translate(100px, -40px) rotate(180deg);
 -webkit-transform: translate(100px, -40px) rotate(180deg);
 transform: translate(100px, -40px) rotate(180deg);
}
}
@keyframes animate_12 {
50% {
 -ms-transform: translate(100px, -40px) rotate(180deg);
 -webkit-transform: translate(100px, -40px) rotate(180deg);
 transform: translate(100px, -40px) rotate(180deg);
}
}
 @-webkit-keyframes animate_13 {
50% {
 -ms-transform: translate(80px, -80px) rotate(180deg);
 -webkit-transform: translate(80px, -80px) rotate(180deg);
 transform: translate(80px, -80px) rotate(180deg);
}
}
@keyframes animate_13 {
50% {
 -ms-transform: translate(80px, -80px) rotate(180deg);
 -webkit-transform: translate(80px, -80px) rotate(180deg);
 transform: translate(80px, -80px) rotate(180deg);
}
}
 @-webkit-keyframes animate_14 {
50% {
 -ms-transform: translate(80px, -40px) rotate(180deg);
 -webkit-transform: translate(80px, -40px) rotate(180deg);
 transform: translate(80px, -40px) rotate(180deg);
}
}
@keyframes animate_14 {
50% {
 -ms-transform: translate(80px, -40px) rotate(180deg);
 -webkit-transform: translate(80px, -40px) rotate(180deg);
 transform: translate(80px, -40px) rotate(180deg);
}
}
 @-webkit-keyframes animate_15 {
50% {
 -ms-transform: translate(-60px, -80px) rotate(180deg);
 -webkit-transform: translate(-60px, -80px) rotate(180deg);
 transform: translate(-60px, -80px) rotate(180deg);
}
}
@keyframes animate_15 {
50% {
 -ms-transform: translate(-60px, -80px) rotate(180deg);
 -webkit-transform: translate(-60px, -80px) rotate(180deg);
 transform: translate(-60px, -80px) rotate(180deg);
}
}
 @-webkit-keyframes animate_16 {
50% {
 -ms-transform: translate(-100px, -40px) rotate(180deg);
 -webkit-transform: translate(-100px, -40px) rotate(180deg);
 transform: translate(-100px, -40px) rotate(180deg);
}
}
@keyframes animate_16 {
50% {
 -ms-transform: translate(-100px, -40px) rotate(180deg);
 -webkit-transform: translate(-100px, -40px) rotate(180deg);
 transform: translate(-100px, -40px) rotate(180deg);
}
}
 @-webkit-keyframes animate_17 {
50% {
 -ms-transform: translate(-100px, -20px) rotate(180deg);
 -webkit-transform: translate(-100px, -20px) rotate(180deg);
 transform: translate(-100px, -20px) rotate(180deg);
}
}
@keyframes animate_17 {
50% {
 -ms-transform: translate(-100px, -20px) rotate(180deg);
 -webkit-transform: translate(-100px, -20px) rotate(180deg);
 transform: translate(-100px, -20px) rotate(180deg);
}
}
 @-webkit-keyframes animate_18 {
50% {
 -ms-transform: translate(-60px, -20px) rotate(180deg);
 -webkit-transform: translate(-60px, -20px) rotate(180deg);
 transform: translate(-60px, -20px) rotate(180deg);
}
}
@keyframes animate_18 {
50% {
 -ms-transform: translate(-60px, -20px) rotate(180deg);
 -webkit-transform: translate(-60px, -20px) rotate(180deg);
 transform: translate(-60px, -20px) rotate(180deg);
}
}
 @-webkit-keyframes animate_19 {
50% {
 -ms-transform: translate(0, -20px) rotate(180deg);
 -webkit-transform: translate(0, -20px) rotate(180deg);
 transform: translate(0, -20px) rotate(180deg);
}
}
@keyframes animate_19 {
50% {
 -ms-transform: translate(0, -20px) rotate(180deg);
 -webkit-transform: translate(0, -20px) rotate(180deg);
 transform: translate(0, -20px) rotate(180deg);
}
}
 @-webkit-keyframes animate_20 {
50% {
 -ms-transform: translate(60px, -20px) rotate(180deg);
 -webkit-transform: translate(60px, -20px) rotate(180deg);
 transform: translate(60px, -20px) rotate(180deg);
}
}
@keyframes animate_20 {
50% {
 -ms-transform: translate(60px, -20px) rotate(180deg);
 -webkit-transform: translate(60px, -20px) rotate(180deg);
 transform: translate(60px, -20px) rotate(180deg);
}
}
 @-webkit-keyframes animate_21 {
50% {
 -ms-transform: translate(-80px, 30px) rotate(180deg);
 -webkit-transform: translate(-80px, 30px) rotate(180deg);
 transform: translate(-80px, 30px) rotate(180deg);
}
}
@keyframes animate_21 {
50% {
 -ms-transform: translate(-80px, 30px) rotate(180deg);
 -webkit-transform: translate(-80px, 30px) rotate(180deg);
 transform: translate(-80px, 30px) rotate(180deg);
}
}
 @-webkit-keyframes animate_22 {
50% {
 -ms-transform: translate(-40px, 30px) rotate(180deg);
 -webkit-transform: translate(-40px, 30px) rotate(180deg);
 transform: translate(-40px, 30px) rotate(180deg);
}
}
@keyframes animate_22 {
50% {
 -ms-transform: translate(-40px, 30px) rotate(180deg);
 -webkit-transform: translate(-40px, 30px) rotate(180deg);
 transform: translate(-40px, 30px) rotate(180deg);
}
}
 @-webkit-keyframes animate_23 {
50% {
 -ms-transform: translate(0, 30px) rotate(180deg);
 -webkit-transform: translate(0, 30px) rotate(180deg);
 transform: translate(0, 30px) rotate(180deg);
}
}
@keyframes animate_23 {
50% {
 -ms-transform: translate(0, 30px) rotate(180deg);
 -webkit-transform: translate(0, 30px) rotate(180deg);
 transform: translate(0, 30px) rotate(180deg);
}
}
 @-webkit-keyframes animate_24 {
50% {
 -ms-transform: translate(40px, 30px) rotate(180deg);
 -webkit-transform: translate(40px, 30px) rotate(180deg);
 transform: translate(40px, 30px) rotate(180deg);
}
}
@keyframes animate_24 {
50% {
 -ms-transform: translate(40px, 30px) rotate(180deg);
 -webkit-transform: translate(40px, 30px) rotate(180deg);
 transform: translate(40px, 30px) rotate(180deg);
}
}
 @-webkit-keyframes animate_25 {
50% {
 -ms-transform: translate(80px, 30px) rotate(180deg);
 -webkit-transform: translate(80px, 30px) rotate(180deg);
 transform: translate(80px, 30px) rotate(180deg);
}
}
@keyframes animate_25 {
50% {
 -ms-transform: translate(80px, 30px) rotate(180deg);
 -webkit-transform: translate(80px, 30px) rotate(180deg);
 transform: translate(80px, 30px) rotate(180deg);
}
}
                              /*Preloader Demo 1*/

/******************************************************************************/
/******************************************************************************/

#ts-preloader-absolute01 {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 200px;
	width: 200px;
	margin-top: -100px;
	margin-left: -100px;
	-ms-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.tsperloader1 {
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	position: absolute;
	border-top: 5px solid #03a9f4;
	border-bottom: 5px solid transparent;
	border-left:  5px solid #FFF;
	border-right: 5px solid transparent;
	-webkit-animation: animate 2s infinite;
	animation: animate 2s infinite;
}
#tsperloader1_one {
	left: 75px;
	top: 75px;
	width: 50px;
	height: 50px;
}
#tsperloader1_two {
	left: 65px;
	top: 65px;
	width: 70px;
	height: 70px;
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
#tsperloader1_three {
	left: 55px;
	top: 55px;
	width: 90px;
	height: 90px;
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
#tsperloader1_four {
	left: 45px;
	top: 45px;
	width: 110px;
	height: 110px;
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
 @-webkit-keyframes animate {
 50% {
 -ms-transform: rotate(360deg) scale(0.8);
 -webkit-transform: rotate(360deg) scale(0.8);
 transform: rotate(360deg) scale(0.8);
}
}
 @keyframes animate {
 50% {
 -ms-transform: rotate(360deg) scale(0.8);
 -webkit-transform: rotate(360deg) scale(0.8);
 transform: rotate(360deg) scale(0.8);
}
}




                              /*Preloader Demo 2*/

/******************************************************************************/
/******************************************************************************/






#ts-preloader-absolute02 {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 200px;
	width: 200px;
	margin-top: -100px;
	margin-left: -100px;
}
.tsperloader2 {
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	position: absolute;
	border-left: 5px solid #03a9f4;
	border-right: 5px solid #03a9f4;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	-webkit-animation: animate 2s infinite;
	animation: animate 2s infinite;
}
#tsperloader2_one {
	left: 75px;
	top: 75px;
	width: 50px;
	height: 50px;
}
#tsperloader2_two {
	left: 65px;
	top: 65px;
	width: 70px;
	height: 70px;
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
#tsperloader2_three {
	left: 55px;
	top: 55px;
	width: 90px;
	height: 90px;
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
#tsperloader2_four {
	left: 45px;
	top: 45px;
	width: 110px;
	height: 110px;
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
 @-webkit-keyframes animate {
 50% {
 -ms-transform: rotate(180deg);
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
}
 100% {
 -ms-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
}
 @keyframes animate {
 50% {
 -ms-transform: rotate(180deg);
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
}
 100% {
 -ms-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
}




                              /*Preloader Demo 3*/

/******************************************************************************/
/******************************************************************************/






#ts-preloader-absolute03 {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 50px;
	width: 150px;
	margin-top: -25px;
	margin-left: -75px;
}
.tsperloader3 {
	width: 8px;
	height: 50px;
	margin-right:5px;
	background-color: #03a9f4;
	-webkit-animation: animate 1s infinite;
	animation: animate 1s infinite;
	float: left;
}
.tsperloader3:last-child {
	margin-right: 0px;
}
 .tsperloader3:nth-child(10) {
 -webkit-animation-delay: 0.9s;
 animation-delay: 0.9s;
}
.tsperloader3:nth-child(9) {
 -webkit-animation-delay: 0.8s;
 animation-delay: 0.8s;
}
.tsperloader3:nth-child(8) {
 -webkit-animation-delay: 0.7s;
 animation-delay: 0.7s;
}
.tsperloader3:nth-child(7) {
 -webkit-animation-delay: 0.6s;
 animation-delay: 0.6s;
}
.tsperloader3:nth-child(6) {
 -webkit-animation-delay: 0.5s;
 animation-delay: 0.5s;
}
.tsperloader3:nth-child(5) {
 -webkit-animation-delay: 0.4s;
 animation-delay: 0.4s;
}
.tsperloader3:nth-child(4) {
 -webkit-animation-delay: 0.3s;
 animation-delay: 0.3s;
}
.tsperloader3:nth-child(3) {
 -webkit-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
.tsperloader3:nth-child(2) {
 -webkit-animation-delay: 0.1s;
 animation-delay: 0.1s;
}
 @-webkit-keyframes animate .tsperloader3 {
 50% {
 -ms-transform: translateX(-25px) scaleY(2);
 -webkit-transform: translateX(-25px) scaleY(2);
 transform: translateX(-25px) scaleY(2);
}
}
 @keyframes animate .tsperloader3 {
 50% {
 -ms-transform: translateX(-25px) scaleY(2);
 -webkit-transform: translateX(-25px) scaleY(2);
 transform: translateX(-25px) scaleY(2);
}
}



                              /*Preloader Demo 4*/

/******************************************************************************/
/******************************************************************************/






#ts-preloader-absolute05 {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 150px;
	width: 150px;
	margin-top: -75px;
	margin-left: -75px;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
}
.tsperloader5 {
	width: 20px;
	height: 20px;
	background-color: #03a9f4;
	position: absolute;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	-webkit-animation: animate 0.8s infinite;
	animation: animate 0.8s infinite;
}
#tsperloader5_one {
	top: 19px;
	left: 19px;
}
#tsperloader5_two {
	top: 0px;
	left: 65px;
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
#tsperloader5_three {
	top: 19px;
	left: 111px;
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
#tsperloader5_four {
	top: 65px;
	left: 130px;
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
#tsperloader5_five {
	top: 111px;
	left: 111px;
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
#tsperloader5_six {
	top: 130px;
	left: 65px;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
#tsperloader5_seven {
	top: 111px;
	left: 19px;
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
#tsperloader5_eight {
	top: 65px;
	left: 0px;
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
}
 @-webkit-keyframes animate {
 25% {
 -ms-transform: scale(1.5);
 -webkit-transform: scale(1.5);
 transform: scale(1.5);
}
 75% {
 -ms-transform: scale(0);
 -webkit-transform: scale(0);
 transform: scale(0);
}
}
 @keyframes animate {
 50% {
 -ms-transform: scale(1.5, 1.5);
 -webkit-transform: scale(1.5, 1.5);
 transform: scale(1.5, 1.5);
}
 100% {
 -ms-transform: scale(1, 1);
 -webkit-transform: scale(1, 1);
 transform: scale(1, 1);
}
}







                              /*Preloader Demo 5*/

/******************************************************************************/
/******************************************************************************/








#ts-preloader-absolute06 {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 118px;
	width: 118px;
	margin-top: -59px;
	margin-left: -59px;
}
.tsperloader6 {
	width: 20px;
	height: 20px;
	background-color: #03a9f4;
	margin-right: 20px;
	float: left;
	margin-bottom: 20px;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
}
.tsperloader6:nth-child(3n+0) {
 margin-right: 0px;
}
#tsperloader6_one {
	-webkit-animation: animate 1s -0.9s ease-in-out infinite;
	animation: animate 1s -0.9s ease-in-out infinite;
}
#tsperloader6_two {
	-webkit-animation: animate 1s -0.8s ease-in-out infinite;
	animation: animate 1s -0.8s ease-in-out infinite;
}
#tsperloader6_three {
	-webkit-animation: animate 1s -0.7s ease-in-out infinite;
	animation: animate 1s -0.7s ease-in-out infinite;
}
#tsperloader6_four {
	-webkit-animation: animate 1s -0.6s ease-in-out infinite;
	animation: animate 1s -0.6s ease-in-out infinite;
}
#tsperloader6_five {
	-webkit-animation: animate 1s -0.5s ease-in-out infinite;
	animation: animate 1s -0.5s ease-in-out infinite;
}
#tsperloader6_six {
	-webkit-animation: animate 1s -0.4s ease-in-out infinite;
	animation: animate 1s -0.4s ease-in-out infinite;
}
#tsperloader6_seven {
	-webkit-animation: animate 1s -0.3s ease-in-out infinite;
	animation: animate 1s -0.3s ease-in-out infinite;
}
#tsperloader6_eight {
	-webkit-animation: animate 1s -0.2s ease-in-out infinite;
	animation: animate 1s -0.2s ease-in-out infinite;
}
#tsperloader6_nine {
	-webkit-animation: animate 1s -0.1s ease-in-out infinite;
	animation: animate 1s -0.1s ease-in-out infinite;
}
 @-webkit-keyframes animate {
 50% {
 -ms-transform: scale(1.5, 1.5);
 -webkit-transform: scale(1.5, 1.5);
 transform: scale(1.5, 1.5);
}
 100% {
 -ms-transform: scale(1, 1);
 -webkit-transform: scale(1, 1);
 transform: scale(1, 1);
}
}
 @keyframes animate {
 50% {
 -ms-transform: scale(1.5, 1.5);
 -webkit-transform: scale(1.5, 1.5);
 transform: scale(1.5, 1.5);
}
 100% {
 -ms-transform: scale(1, 1);
 -webkit-transform: scale(1, 1);
 transform: scale(1, 1);
}
}




                              /*Preloader Demo 6*/

/******************************************************************************/
/******************************************************************************/




#ts-preloader-absolute07 {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 20px;
	width: 100px;
	margin-top: -10px;
	margin-left: -50px;
}
.tsperloader7 {
	width: 20px;
	height: 20px;
	background-color: #03a9f4;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	margin-right: 20px;
	margin-bottom: 20px;
	position: absolute;
}
#tsperloader7_one {
	-webkit-animation: tsperloader7 2s linear infinite;
	animation: tsperloader7 2s linear infinite;
}
#tsperloader7_two {
 -webkit-animation: tsperloader7 2s linear infinite -.4s;
 animation: tsperloader7 2s linear infinite -.4s;
}
#tsperloader7_three {
 -webkit-animation: tsperloader7 2s linear infinite -.8s;
 animation: tsperloader7 2s linear infinite -.8s;
}
#tsperloader7_four {
	-webkit-animation: tsperloader7 2s linear infinite -1.2s;
	animation: tsperloader7 2s linear infinite -1.2s;
}
#tsperloader7_five {
	-webkit-animation: tsperloader7 2s linear infinite -1.6s;
	animation: tsperloader7 2s linear infinite -1.6s;
}
 @-webkit-keyframes tsperloader7 {
 0% {
left: 100px;
top:0
}
 80% {
left: 0;
top:0;
}
 85% {
left: 0;
top: -20px;
width: 20px;
height: 20px;
}
 90% {
width: 40px;
height: 15px;
}
 95% {
left: 100px;
top: -20px;
width: 20px;
height: 20px;
}
 100% {
left: 100px;
top:0;
}
}
@keyframes tsperloader7 {
 0% {
left: 100px;
top:0
}
 80% {
left: 0;
top:0;
}
 85% {
left: 0;
top: -20px;
width: 20px;
height: 20px;
}
 90% {
width: 40px;
height: 15px;
}
 95% {
left: 100px;
top: -20px;
width: 20px;
height: 20px;
}
 100% {
left: 100px;
top:0;
}
}





                              /*Preloader Demo 7*/

/******************************************************************************/
/******************************************************************************/






#ts-preloader-absolute08 {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 20px;
	width: 140px;
	margin-top: -10px;
	margin-left: -70px;
	-webkit-animation: ts-preloader-absolute 1s infinite;
	animation: ts-preloader-absolute 1s infinite;
}
.tsperloader8 {
	width: 20px;
	height: 20px;
	background-color: #03a9f4;
	float: left;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	margin-right: 20px;
	margin-bottom: 20px;
}
.tsperloader8:last-child {
	margin-right: 0px;
}
#tsperloader8_one {
	-webkit-animation: tsperloader8_one 1s infinite;
	animation: tsperloader8_one 1s infinite;
}
#tsperloader8_two {
	-webkit-animation: tsperloader8_two 1s infinite;
	animation: tsperloader8_two 1s infinite;
}
#tsperloader8_three {
	-webkit-animation: tsperloader8_three 1s infinite;
	animation: tsperloader8_three 1s infinite;
}
#tsperloader8_four {
	-webkit-animation: tsperloader8_four 1s infinite;
	animation: tsperloader8_four 1s infinite;
}
 @-webkit-keyframes ts-preloader-absolute {
100% {
 -ms-transform: rotate(360deg);
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@keyframes ts-preloader-absolute {
100% {
 -ms-transform: rotate(360deg);
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @-webkit-keyframes tsperloader8_one {
50% {
 -ms-transform: translate(20px, 20px);
 -webkit-transform: translate(20px, 20px);
 transform: translate(20px, 20px);
}
}
@keyframes tsperloader8_one {
50% {
 -ms-transform: translate(20px, 20px);
 -webkit-transform: translate(20px, 20px);
 transform: translate(20px, 20px);
}
}
 @-webkit-keyframes tsperloader8_two {
50% {
 -ms-transform: translate(-20px, 20px);
 -webkit-transform: translate(-20px, 20px);
 transform: translate(-20px, 20px);
}
}
@keyframes tsperloader8_two {
50% {
 -ms-transform: translate(-20px, 20px);
 -webkit-transform: translate(-20px, 20px);
 transform: translate(-20px, 20px);
}
}
 @-webkit-keyframes tsperloader8_three {
50% {
 -ms-transform: translate(20px, -20px);
 -webkit-transform: translate(20px, -20px);
 transform: translate(20px, -20px);
}
}
@keyframes tsperloader8_three {
50% {
 -ms-transform: translate(20px, -20px);
 -webkit-transform: translate(20px, -20px);
 transform: translate(20px, -20px);
}
}
 @-webkit-keyframes tsperloader8_four {
50% {
 -ms-transform: translate(-20px, -20px);
 -webkit-transform: translate(-20px, -20px);
 transform: translate(-20px, -20px);
}
}
@keyframes tsperloader8_four {
50% {
 -ms-transform: translate(-20px, -20px);
 -webkit-transform: translate(-20px, -20px);
 transform: translate(-20px, -20px);
}
}







                              /*Preloader Demo 8*/

/******************************************************************************/
/******************************************************************************/








#ts-preloader-absolute09 {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 60px;
	width: 60px;
	margin-top: -30px;
	margin-left: -30px;
	-webkit-animation: ts-preloader-absolute 1s infinite;
	animation: ts-preloader-absolute 1s infinite;
}
.tsperloader9 {
	width: 20px;
	height: 20px;
	background-color: #03a9f4;
	float: left;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	margin-right: 20px;
	margin-bottom: 20px;
}
.tsperloader9:nth-child(2n+0) {
 margin-right: 0px;
}
#tsperloader9_one {
	-webkit-animation: tsperloader9_one 1s infinite;
	animation: tsperloader9_one 1s infinite;
}
#tsperloader9_two {
	-webkit-animation: tsperloader9_two 1s infinite;
	animation: tsperloader9_two 1s infinite;
}
#tsperloader9_three {
	-webkit-animation: tsperloader9_three 1s infinite;
	animation: tsperloader9_three 1s infinite;
}
#tsperloader9_four {
	-webkit-animation: tsperloader9_four 1s infinite;
	animation: tsperloader9_four 1s infinite;
}
 @-webkit-keyframes ts-preloader-absolute {
100% {
 -ms-transform: rotate(360deg);
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@keyframes ts-preloader-absolute {
100% {
 -ms-transform: rotate(360deg);
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @-webkit-keyframes tsperloader9_one {
50% {
 -ms-transform: translate(20px, 20px);
 -webkit-transform: translate(20px, 20px);
 transform: translate(20px, 20px);
}
}
@keyframes tsperloader9_one {
50% {
 -ms-transform: translate(20px, 20px);
 -webkit-transform: translate(20px, 20px);
 transform: translate(20px, 20px);
}
}
 @-webkit-keyframes tsperloader9_two {
50% {
 -ms-transform: translate(-20px, 20px);
 -webkit-transform: translate(-20px, 20px);
 transform: translate(-20px, 20px);
}
}
@keyframes tsperloader9_two {
50% {
 -ms-transform: translate(-20px, 20px);
 -webkit-transform: translate(-20px, 20px);
 transform: translate(-20px, 20px);
}
}
 @-webkit-keyframes tsperloader9_three {
50% {
 -ms-transform: translate(20px, -20px);
 -webkit-transform: translate(20px, -20px);
 transform: translate(20px, -20px);
}
}
@keyframes tsperloader9_three {
50% {
 -ms-transform: translate(20px, -20px);
 -webkit-transform: translate(20px, -20px);
 transform: translate(20px, -20px);
}
}
 @-webkit-keyframes tsperloader9_four {
50% {
 -ms-transform: translate(-20px, -20px);
 -webkit-transform: translate(-20px, -20px);
 transform: translate(-20px, -20px);
}
}
@keyframes tsperloader9_four {
50% {
 -ms-transform: translate(-20px, -20px);
 -webkit-transform: translate(-20px, -20px);
 transform: translate(-20px, -20px);
}
}


                              /*Preloader Demo 9*/

/******************************************************************************/
/******************************************************************************/




#ts-preloader-absolute-one01 {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 300px;
	width: 50px;
	margin-top: -150px;
	margin-left: -25px;
}
#ts-preloader-absolute-two02 {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 300px;
	width: 50px;
	margin-top: -150px;
	margin-left: 50px;
}
.tsperloader10-one {
	width: 18px;
	height: 18px;
	background-color: #03a9f4;
	float: left;
	margin-top: 15px;
	margin-right: 15px;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	-webkit-animation: tsperloader10-one 1s infinite;
	animation: tsperloader10-one 1s infinite;
}
.tsperloader10-two {
	width: 18px;
	height: 18px;
	background-color: #03a9f4;
	float: left;
	margin-top: 15px;
	margin-right: 15px;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	-webkit-animation: tsperloader10-two 1s infinite;
	animation: tsperloader10-two 1s infinite;
}
 .tsperloader10-one:nth-child(9) {
 -webkit-animation-delay: 0.9s;
 animation-delay: 0.9s;
}
.tsperloader10-one:nth-child(8) {
 -webkit-animation-delay: 0.8s;
 animation-delay: 0.8s;
}
.tsperloader10-one:nth-child(7) {
 -webkit-animation-delay: 0.7s;
 animation-delay: 0.7s;
}
.tsperloader10-one:nth-child(6) {
 -webkit-animation-delay: 0.6s;
 animation-delay: 0.6s;
}
.tsperloader10-one:nth-child(5) {
 -webkit-animation-delay: 0.5s;
 animation-delay: 0.5s;
}
.tsperloader10-one:nth-child(4) {
 -webkit-animation-delay: 0.4s;
 animation-delay: 0.4s;
}
.tsperloader10-one:nth-child(3) {
 -webkit-animation-delay: 0.3s;
 animation-delay: 0.3s;
}
.tsperloader10-one:nth-child(2) {
 -webkit-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
 .tsperloader10-two:nth-child(9) {
 -webkit-animation-delay: 0.9s;
 animation-delay: 0.9s;
}
.tsperloader10-two:nth-child(8) {
 -webkit-animation-delay: 0.8s;
 animation-delay: 0.8s;
}
.tsperloader10-two:nth-child(7) {
 -webkit-animation-delay: 0.7s;
 animation-delay: 0.7s;
}
.tsperloader10-two:nth-child(6) {
 -webkit-animation-delay: 0.6s;
 animation-delay: 0.6s;
}
.tsperloader10-two:nth-child(5) {
 -webkit-animation-delay: 0.5s;
 animation-delay: 0.5s;
}
.tsperloader10-two:nth-child(4) {
 -webkit-animation-delay: 0.4s;
 animation-delay: 0.4s;
}
.tsperloader10-two:nth-child(3) {
 -webkit-animation-delay: 0.3s;
 animation-delay: 0.3s;
}
.tsperloader10-two:nth-child(2) {
 -webkit-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
 @-webkit-keyframes tsperloader10-one {
50% {
 -ms-transform: translate(100px, 0);
 -webkit-transform: translate(100px, 0);
 transform: translate(100px, 0);
}
}
@keyframes tsperloader10-one {
50% {
 -ms-transform: translate(100px, 0);
 -webkit-transform: translate(100px, 0);
 transform: translate(100px, 0);
}
}
 @-webkit-keyframes tsperloader10-two {
50% {
 -ms-transform: translate(-100px, 0);
 -webkit-transform: translate(-100px, 0);
 transform: translate(-100px, 0);
}
}
@keyframes tsperloader10-two {
50% {
 -ms-transform: translate(-100px, 0);
 -webkit-transform: translate(-100px, 0);
 transform: translate(-100px, 0);
}
}



                              /*Preloader Demo 10*/

/******************************************************************************/
/******************************************************************************/





#ts-preloader-absolute11 {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 50px;
	width: 300px;
	margin-top: -25px;
	margin-left: -150px;
}
.tsperloader11 {
	width: 18px;
	height: 18px;
	background-color: #03a9f4;
	float: left;
	margin-top: 15px;
	margin-right: 15px;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	-webkit-animation: tsperloader11 1s infinite;
	animation: tsperloader11 1s infinite;
}
.tsperloader11:last-child {
	margin-right: 0px;
}
 .tsperloader11:nth-child(9) {
 -webkit-animation-delay: 0.9s;
 animation-delay: 0.9s;
}
.tsperloader11:nth-child(8) {
 -webkit-animation-delay: 0.8s;
 animation-delay: 0.8s;
}
.tsperloader11:nth-child(7) {
 -webkit-animation-delay: 0.7s;
 animation-delay: 0.7s;
}
.tsperloader11:nth-child(6) {
 -webkit-animation-delay: 0.6s;
 animation-delay: 0.6s;
}
.tsperloader11:nth-child(5) {
 -webkit-animation-delay: 0.5s;
 animation-delay: 0.5s;
}
.tsperloader11:nth-child(4) {
 -webkit-animation-delay: 0.4s;
 animation-delay: 0.4s;
}
.tsperloader11:nth-child(3) {
 -webkit-animation-delay: 0.3s;
 animation-delay: 0.3s;
}
.tsperloader11:nth-child(2) {
 -webkit-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
 @-webkit-keyframes tsperloader11 {
50% {
 -ms-transform: translate(0, -50px);
 -webkit-transform: translate(0, -50px);
 transform: translate(0, -50px);
}
}
@keyframes tsperloader11 {
50% {
 -ms-transform: translate(0, -50px);
 -webkit-transform: translate(0, -50px);
 transform: translate(0, -50px);
}
}



                              /*Preloader Demo 11*/

/******************************************************************************/
/******************************************************************************/




#ts-preloader-absolute12 {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 50px;
	width: 200px;
	margin-top: -25px;
	margin-left: -100px;
}
.tsperloader12 {
	width: 20px;
	height:20px;
	background-color: #03a9f4;
	float: left;
	margin-top: 15px;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
}
#first_tsperloader12 {
	-webkit-animation: first_tsperloader12 2s infinite;
	animation: first_tsperloader12 2s infinite;
}
#second_tsperloader12 {
	-webkit-animation: second_tsperloader12 2s infinite;
	animation: second_tsperloader12 2s infinite;
}
 @-webkit-keyframes first_tsperloader12 {
 25% {
 -ms-transform: translate(90px, 0) scale(2);
 -webkit-transform: translate(90px, 0) scale(2);
 transform: translate(90px, 0) scale(2);
}
 50% {
 -ms-transform: translate(180px, 0) scale(1);
 -webkit-transform: translate(180px, 0) scale(1);
 transform: translate(180px, 0) scale(1);
}
 75% {
 -ms-transform: translate(90px, 0) scale(2);
 -webkit-transform: translate(90px, 0) scale(2);
 transform: translate(90px, 0) scale(2);
}
}
@keyframes first_tsperloader12 {
 25% {
 -ms-transform: translate(90px, 0) scale(2);
 -webkit-transform: translate(90px, 0) scale(2);
 transform: translate(90px, 0) scale(2);
}
 50% {
 -ms-transform: translate(180px, 0) scale(1);
 -webkit-transform: translate(180px, 0) scale(1);
 transform: translate(180px, 0) scale(1);
}
 75% {
 -ms-transform: translate(90px, 0) scale(2);
 -webkit-transform: translate(90px, 0) scale(2);
 transform: translate(90px, 0) scale(2);
}
}
 @-webkit-keyframes second_tsperloader12 {
 25% {
 -ms-transform: translate(-90px, 0) scale(2);
 -webkit-transform: translate(-90px, 0) scale(2);
 transform: translate(-90px, 0) scale(2);
}
 50% {
 -ms-transform: translate(-180px, 0) scale(1);
 -webkit-transform: translate(-180px, 0) scale(1);
 transform: translate(-180px, 0) scale(1);
}
 75% {
 -ms-transform: translate(-90px, 0) scale(2);
 -webkit-transform: translate(-90px, 0) scale(2);
 transform: translate(-90px, 0) scale(2);
}
}
@keyframes second_tsperloader12 {
 25% {
 -ms-transform: translate(-90px, 0) scale(2);
 -webkit-transform: translate(-90px, 0) scale(2);
 transform: translate(-90px, 0) scale(2);
}
 50% {
 -ms-transform: translate(-180px, 0) scale(1);
 -webkit-transform: translate(-180px, 0) scale(1);
 transform: translate(-180px, 0) scale(1);
}
 75% {
 -ms-transform: translate(-90px, 0) scale(2);
 -webkit-transform: translate(-90px, 0) scale(2);
 transform: translate(-90px, 0) scale(2);
}
}




                              /*Preloader Demo 12*/

/******************************************************************************/
/******************************************************************************/








#ts-preloader-absolute13 {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 150px;
	width: 150px;
	margin-top: -75px;
	margin-left: -75px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.tsperloader13 {
	width: 20px;
	height: 20px;
	background-color: #03a9f4;
	position: absolute;
	left: 65px;
	top: 65px;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
}
.tsperloader13:nth-child(2n+0) {
 margin-right: 0px;
}
#tsperloader13_one {
	-webkit-animation: tsperloader13_one 2s infinite;
	animation: tsperloader13_one 2s infinite;
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
#tsperloader13_two {
	-webkit-animation: tsperloader13_two 2s infinite;
	animation: tsperloader13_two 2s infinite;
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
#tsperloader13_three {
	-webkit-animation: tsperloader13_three 2s infinite;
	animation: tsperloader13_three 2s infinite;
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
#tsperloader13_four {
	-webkit-animation: tsperloader13_four 2s infinite;
	animation: tsperloader13_four 2s infinite;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
#tsperloader13_five {
	-webkit-animation: tsperloader13_five 2s infinite;
	animation: tsperloader13_five 2s infinite;
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
#tsperloader13_six {
	-webkit-animation: tsperloader13_six 2s infinite;
	animation: tsperloader13_six 2s infinite;
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
}
#tsperloader13_seven {
	-webkit-animation: tsperloader13_seven 2s infinite;
	animation: tsperloader13_seven 2s infinite;
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
}
#tsperloader13_eight {
	-webkit-animation: tsperloader13_eight 2s infinite;
	animation: tsperloader13_eight 2s infinite;
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}
#tsperloader13_big {
	position: absolute;
	width: 50px;
	height: 50px;
	left: 50px;
	top: 50px;
	-webkit-animation: tsperloader13_big 2s infinite;
	animation: tsperloader13_big 2s infinite;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
 @-webkit-keyframes tsperloader13_big {
 50% {
-webkit-transform: scale(0.5);
}
}
 @keyframes tsperloader13_big {
 50% {
 transform: scale(0.5);
 -webkit-transform: scale(0.5);
}
}
 @-webkit-keyframes tsperloader13_one {
 50% {
-webkit-transform: translate(-65px, -65px);
}
}
 @keyframes tsperloader13_one {
 50% {
 transform: translate(-65px, -65px);
 -webkit-transform: translate(-65px, -65px);
}
}
 @-webkit-keyframes tsperloader13_two {
 50% {
-webkit-transform: translate(0, -65px);
}
}
 @keyframes tsperloader13_two {
 50% {
 transform: translate(0, -65px);
 -webkit-transform: translate(0, -65px);
}
}
 @-webkit-keyframes tsperloader13_three {
 50% {
-webkit-transform: translate(65px, -65px);
}
}
 @keyframes tsperloader13_three {
 50% {
 transform: translate(65px, -65px);
 -webkit-transform: translate(65px, -65px);
}
}
 @-webkit-keyframes tsperloader13_four {
 50% {
-webkit-transform: translate(65px, 0);
}
}
 @keyframes tsperloader13_four {
 50% {
 transform: translate(65px, 0);
 -webkit-transform: translate(65px, 0);
}
}
 @-webkit-keyframes tsperloader13_five {
 50% {
-webkit-transform: translate(65px, 65px);
}
}
 @keyframes tsperloader13_five {
 50% {
 transform: translate(65px, 65px);
 -webkit-transform: translate(65px, 65px);
}
}
 @-webkit-keyframes tsperloader13_six {
 50% {
-webkit-transform: translate(0, 65px);
}
}
 @keyframes tsperloader13_six {
 50% {
 transform:  translate(0, 65px);
 -webkit-transform:  translate(0, 65px);
}
}
 @-webkit-keyframes tsperloader13_seven {
 50% {
-webkit-transform: translate(-65px, 65px);
}
}
 @keyframes tsperloader13_seven {
 50% {
 transform: translate(-65px, 65px);
 -webkit-transform: translate(-65px, 65px);
}
}
 @-webkit-keyframes tsperloader13_eight {
 50% {
-webkit-transform: translate(-65px, 0);
}
}
 @keyframes tsperloader13_eight {
 50% {
 transform: translate(-65px, 0);
 -webkit-transform: translate(-65px, 0);
}
}




                              /*Preloader Demo 13*/

/******************************************************************************/
/******************************************************************************/





#ts-preloader-absolute14 {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 150px;
	width: 150px;
	margin-top: -75px;
	margin-left: -75px;
}
.tsperloader14 {
	width: 20px;
	height: 20px;
	background-color: #03a9f4;
	float: left;
	margin-right: 20px;
	margin-top: 65px;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
}
#tsperloader14_one {
	-webkit-animation: tsperloader14_one 1.5s infinite;
	animation: tsperloader14_one 1.5s infinite;
}
#tsperloader14_two {
	-webkit-animation: tsperloader14_two 1.5s infinite;
	animation: tsperloader14_two 1.5s infinite;
	-webkit-animation-delay: 0.25s;
	animation-delay: 0.25s;
}
#tsperloader14_three {
	-webkit-animation: tsperloader14_three 1.5s infinite;
	animation: tsperloader14_three 1.5s infinite;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
 @-webkit-keyframes tsperloader14_one {
75% {
-webkit-transform: scale(0);
}
}
 @keyframes tsperloader14_one {
 75% {
 transform: scale(0);
 -webkit-transform: scale(0);
}
}
 @-webkit-keyframes tsperloader14_two {
 75% {
-webkit-transform: scale(0);
}
}
 @keyframes tsperloader14_two {
 75% {
 transform: scale(0);
 -webkit-transform:  scale(0);
}
}
 @-webkit-keyframes tsperloader14_three {
 75% {
-webkit-transform: scale(0);
}
}
 @keyframes tsperloader14_three {
 75% {
 transform: scale(0);
 -webkit-transform: scale(0);
}
}




                              /*Preloader Demo 14*/

/******************************************************************************/
/******************************************************************************/








#ts-preloader-absolute-one15 {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 300px;
	width: 50px;
	margin-top: -150px;
	margin-left: -25px;
}
#ts-preloader-absolute-two15 {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 300px;
	width: 50px;
	margin-top: -150px;
	margin-left: 50px;
}
.tsperloader15-one {
	width: 18px;
	height: 18px;
	background-color: #03a9f4;
	float: left;
	margin-top: 15px;
	margin-right: 15px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-animation: tsperloader15-one 1s infinite;
	animation: tsperloader15-one 1s infinite;
}
.tsperloader15-two {
	width: 18px;
	height: 18px;
	background-color: #03a9f4;
	float: left;
	margin-top: 15px;
	margin-right: 15px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-animation: tsperloader15-two 1s infinite;
	animation: tsperloader15-two 1s infinite;
}
 .tsperloader15-one:nth-child(6) {
 -webkit-animation-delay: 0.6s;
 animation-delay: 0.6s;
}
.tsperloader15-one:nth-child(5) {
 -webkit-animation-delay: 0.5s;
 animation-delay: 0.5s;
}
.tsperloader15-one:nth-child(4) {
 -webkit-animation-delay: 0.4s;
 animation-delay: 0.4s;
}
.tsperloader15-one:nth-child(3) {
 -webkit-animation-delay: 0.3s;
 animation-delay: 0.3s;
}
.tsperloader15-one:nth-child(2) {
 -webkit-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
 .tsperloader15-two:nth-child(9) {
 -webkit-animation-delay: 0.9s;
 animation-delay: 0.9s;
}
.tsperloader15-two:nth-child(8) {
 -webkit-animation-delay: 0.8s;
 animation-delay: 0.8s;
}
.tsperloader15-two:nth-child(7) {
 -webkit-animation-delay: 0.7s;
 animation-delay: 0.7s;
}
.tsperloader15-two:nth-child(6) {
 -webkit-animation-delay: 0.6s;
 animation-delay: 0.6s;
}
.tsperloader15-two:nth-child(5) {
 -webkit-animation-delay: 0.5s;
 animation-delay: 0.5s;
}
.tsperloader15-two:nth-child(4) {
 -webkit-animation-delay: 0.4s;
 animation-delay: 0.4s;
}
.tsperloader15-two:nth-child(3) {
 -webkit-animation-delay: 0.3s;
 animation-delay: 0.3s;
}
.tsperloader15-two:nth-child(2) {
 -webkit-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
 @-webkit-keyframes tsperloader15-one {
50% {
 -ms-transform: translate(100px, 0);
 -webkit-transform: translate(100px, 0);
 transform: translate(100px, 0);
}
}
@keyframes tsperloader15-one {
50% {
 -ms-transform: translate(100px, 0);
 -webkit-transform: translate(100px, 0);
 transform: translate(100px, 0);
}
}
 @-webkit-keyframes tsperloader15-two {
50% {
 -ms-transform: translate(-100px, 0);
 -webkit-transform: translate(-100px, 0);
 transform: translate(-100px, 0);
}
}
@keyframes tsperloader15-two {
50% {
 -ms-transform: translate(-100px, 0);
 -webkit-transform: translate(-100px, 0);
 transform: translate(-100px, 0);
}
}




                              /*Preloader Demo 15*/

/******************************************************************************/
/******************************************************************************/






#ts-preloader-absolute16 {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 150px;
	width: 150px;
	margin-top: -75px;
	margin-left: -75px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.tsperloader16 {
	width: 20px;
	height: 20px;
	background-color: #03a9f4;
	margin-right: 110px;
	float: left;
	margin-bottom: 110px;
}
.tsperloader16:nth-child(2n+0) {
 margin-right: 0px;
}
#tsperloader16_one {
	-webkit-animation: tsperloader16_one 2s infinite;
	animation: tsperloader16_one 2s infinite;
}
#tsperloader16_two {
	-webkit-animation: tsperloader16_two 2s infinite;
	animation: tsperloader16_two 2s infinite;
}
#tsperloader16_three {
	-webkit-animation: tsperloader16_three 2s infinite;
	animation: tsperloader16_three 2s infinite;
}
#tsperloader16_four {
	-webkit-animation: tsperloader16_four 2s infinite;
	animation: tsperloader16_four 2s infinite;
}
#tsperloader16_big {
	-webkit-animation: tsperloader16_big 0.5s infinite;
	animation: tsperloader16_big 0.5s infinite;
	position: absolute;
	width: 50px;
	height: 50px;
	left: 50px;
	top: 50px;
}
 @-webkit-keyframes tsperloader16_big {
 25% {
-webkit-transform:  scale(0.5);
}
}
 @keyframes tsperloader16_big {
 25% {
 transform:  scale(0.5);
 -webkit-transform:   scale(0.5);
}
}
 @-webkit-keyframes tsperloader16_one {
 25% {
-webkit-transform: translate(130px, 0) rotate(-90deg);
}
 50% {
-webkit-transform: translate(130px, 130px) rotate(-180deg);
}
 75% {
-webkit-transform:  translate(0, 130px) rotate(-270deg);
}
 100% {
-webkit-transform: rotate(-360deg);
}
}
 @keyframes tsperloader16_one {
 25% {
 transform: translate(130px, 0) rotate(-90deg);
 -webkit-transform: translate(130px, 0) rotate(-90deg);
}
 50% {
 transform: translate(130px, 130px) rotate(-180deg);
 -webkit-transform: translate(130px, 130px) rotate(-180deg);
}
 75% {
 transform: translate(0, 130px) rotate(-270deg);
 -webkit-transform: translate(0, 130px) rotate(-270deg);
}
 100% {
 transform: rotate(-360deg);
 -webkit-transform: rotate(-360deg);
}
}
 @-webkit-keyframes tsperloader16_two {
 25% {
-webkit-transform: translate(0, 130px) rotate(-90deg);
}
 50% {
-webkit-transform: translate(-130px, 130px) rotate(-180deg);
}
 75% {
-webkit-transform:  translate(-130px, 0) rotate(-270deg);
}
 100% {
-webkit-transform: rotate(-360deg);
}
}
 @keyframes tsperloader16_two {
 25% {
 transform: translate(0, 130px) rotate(-90deg);
 -webkit-transform: translate(0, 130px) rotate(-90deg);
}
 50% {
 transform: translate(-130px, 130px) rotate(-180deg);
 -webkit-transform: translate(-130px, 130px) rotate(-180deg);
}
 75% {
 transform: translate(-130px, 0) rotate(-270deg);
 -webkit-transform: translate(-130px, 0) rotate(-270deg);
}
 100% {
 transform: rotate(-360deg);
 -webkit-transform: rotate(-360deg);
}
}
 @-webkit-keyframes tsperloader16_three {
 25% {
-webkit-transform: translate(0, -130px) rotate(-90deg);
}
 50% {
-webkit-transform: translate(130px, -130px) rotate(-180deg);
}
 75% {
-webkit-transform:  translate(130px, 0) rotate(-270deg);
}
 100% {
-webkit-transform: rotate(-360deg);
}
}
 @keyframes tsperloader16_three {
 25% {
 transform: translate(0, -130px) rotate(-90deg);
 -webkit-transform: translate(0, -130px) rotate(-90deg);
}
 50% {
 transform: translate(130px, -130px) rotate(-180deg);
 -webkit-transform: translate(130px, -130px) rotate(-180deg);
}
 75% {
 transform:  translate(130px, 0) rotate(-270deg);
 -webkit-transform: translate(130px, 0) rotate(-270deg);
}
 100% {
 transform: rotate(-360deg);
 -webkit-transform: rotate(-360deg);
}
}
 @-webkit-keyframes tsperloader16_four {
 25% {
-webkit-transform: translate(-130px, 0) rotate(-90deg);
}
 50% {
-webkit-transform: translate(-130px, -130px) rotate(-180deg);
}
 75% {
-webkit-transform:  translate(0, -130px) rotate(-270deg);
}
 100% {
-webkit-transform: rotate(-360deg);
}
}
 @keyframes tsperloader16_four {
 25% {
 transform: translate(-130px, 0) rotate(-90deg);
 -webkit-transform: translate(-130px, 0) rotate(-90deg);
}
 50% {
 transform: translate(-130px, -130px) rotate(-180deg);
 -webkit-transform: translate(-130px, -130px) rotate(-180deg);
}
 75% {
 transform: translate(0, -130px) rotate(-270deg);
 -webkit-transform: translate(0, -130px) rotate(-270deg);
}
 100% {
 transform: rotate(-360deg);
 -webkit-transform: rotate(-360deg);
}
}



                              /*Preloader Demo 16*/

/******************************************************************************/
/******************************************************************************/





#ts-preloader-absolute17 {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 50px;
	width: 50px;
	margin-top: -25px;
	margin-left: -25px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-animation: ts-preloader-absolute 1.5s infinite;
	animation: ts-preloader-absolute 1.5s infinite;
}
.tsperloader17 {
	width: 25px;
	height: 25px;
	background-color: #03a9f4;
	float: left;
}
#tsperloader17_one {
	-webkit-animation: tsperloader17_one 1.5s infinite;
	animation: tsperloader17_one 1.5s infinite;
}
#tsperloader17_two {
	-webkit-animation: tsperloader17_two 1.5s infinite;
	animation: tsperloader17_two 1.5s infinite;
}
#tsperloader17_three {
	-webkit-animation: tsperloader17_three 1.5s infinite;
	animation: tsperloader17_three 1.5s infinite;
}
#tsperloader17_four {
	-webkit-animation: tsperloader17_four 1.5s infinite;
	animation: tsperloader17_four 1.5s infinite;
}
 @-webkit-keyframes ts-preloader-absolute {
 100% {
-webkit-transform: rotate(-45deg);
}
}
 @keyframes ts-preloader-absolute {
 100% {
 transform:  rotate(-45deg);
 -webkit-transform:  rotate(-45deg);
}
}
 @-webkit-keyframes tsperloader17_one {
 25% {
-webkit-transform: translate(0, -50px) rotate(-180deg);
}
 100% {
-webkit-transform: translate(0, 0) rotate(-180deg);
}
}
 @keyframes tsperloader17_one {
 25% {
 transform: translate(0, -50px) rotate(-180deg);
 -webkit-transform: translate(0, -50px) rotate(-180deg);
}
 100% {
 transform: translate(0, 0) rotate(-180deg);
 -webkit-transform: translate(0, 0) rotate(-180deg);
}
}
 @-webkit-keyframes tsperloader17_two {
 25% {
-webkit-transform: translate(50px, 0) rotate(-180deg);
}
 100% {
-webkit-transform: translate(0, 0) rotate(-180deg);
}
}
 @keyframes tsperloader17_two {
 25% {
 transform: translate(50px, 0) rotate(-180deg);
 -webkit-transform: translate(50px, 0) rotate(-180deg);
}
 100% {
 transform: translate(0, 0) rotate(-180deg);
 -webkit-transform: translate(0, 0) rotate(-180deg);
}
}
 @-webkit-keyframes tsperloader17_three {
 25% {
-webkit-transform: translate(-50px, 0) rotate(-180deg);
}
 100% {
-webkit-transform: translate(0, 0) rotate(-180deg);
}
}
 @keyframes tsperloader17_three {
 25% {
 transform:  translate(-50px, 0) rotate(-180deg);
 -webkit-transform:  translate(-50px, 0) rotate(-180deg);
}
 100% {
 transform: translate(0, 0) rotate(-180deg);
 -webkit-transform: rtranslate(0, 0) rotate(-180deg);
}
}
 @-webkit-keyframes tsperloader17_four {
 25% {
-webkit-transform: translate(0, 50px) rotate(-180deg);
}
 100% {
-webkit-transform: translate(0, 0) rotate(-180deg);
}
}
 @keyframes tsperloader17_four {
 25% {
 transform: translate(0, 50px) rotate(-180deg);
 -webkit-transform: translate(0, 50px) rotate(-180deg);
}
 100% {
 transform: translate(0, 0) rotate(-180deg);
 -webkit-transform: translate(0, 0) rotate(-180deg);
}
}




                              /*Preloader Demo 17*/

/******************************************************************************/
/******************************************************************************/





#ts-preloader-absolute18 {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100px;
	width: 100px;
	margin-top: -50px;
	margin-left: -50px;
}
.tsperloader18 {
	width: 25px;
	height: 25px;
	background-color: #03a9f4;
	margin-right: 50px;
	float: left;
	margin-bottom: 50px;
}
.tsperloader18:nth-child(2n+0) {
 margin-right: 0px;
}
#tsperloader18_one {
	-webkit-animation: tsperloader18_one 2s infinite;
	animation: tsperloader18_one 2s infinite;
}
#tsperloader18_two {
	-webkit-animation: tsperloader18_two 2s infinite;
	animation: tsperloader18_two 2s infinite;
}
#tsperloader18_three {
	-webkit-animation: tsperloader18_three 2s infinite;
	animation: tsperloader18_three 2s infinite;
}
#tsperloader18_four {
	-webkit-animation: tsperloader18_four 2s infinite;
	animation: tsperloader18_four 2s infinite;
}
 @-webkit-keyframes tsperloader18_one {
 25% {
-webkit-transform: translate(75px, 0) rotate(-90deg) scale(0.5);
}
 50% {
-webkit-transform: translate(75px, 75px) rotate(-180deg);
}
 75% {
-webkit-transform:  translate(0, 75px) rotate(-270deg) scale(0.5);
}
 100% {
-webkit-transform: rotate(-360deg);
}
}
 @keyframes tsperloader18_one {
 25% {
 transform: translate(75px, 0) rotate(-90deg) scale(0.5);
 -webkit-transform: translate(75px, 0) rotate(-90deg) scale(0.5);
}
 50% {
 transform: translate(75px, 75px) rotate(-180deg);
 -webkit-transform: translate(75px, 75px) rotate(-180deg);
}
 75% {
 transform: translate(0, 75px) rotate(-270deg) scale(0.5);
 -webkit-transform: translate(0, 75px) rotate(-270deg) scale(0.5);
}
 100% {
 transform: rotate(-360deg);
 -webkit-transform: rotate(-360deg);
}
}
 @-webkit-keyframes tsperloader18_two {
 25% {
-webkit-transform: translate(0, 75px) rotate(-90deg) scale(0.5);
}
 50% {
-webkit-transform: translate(-75px, 75px) rotate(-180deg);
}
 75% {
-webkit-transform:  translate(-75px, 0) rotate(-270deg) scale(0.5);
}
 100% {
-webkit-transform: rotate(-360deg);
}
}
 @keyframes tsperloader18_two {
 25% {
 transform: translate(0, 75px) rotate(-90deg) scale(0.5);
 -webkit-transform: translate(0, 75px) rotate(-90deg) scale(0.5);
}
 50% {
 transform: translate(-75px, 75px) rotate(-180deg);
 -webkit-transform: translate(-75px, 75px) rotate(-180deg);
}
 75% {
 transform: translate(-75px, 0) rotate(-270deg) scale(0.5);
 -webkit-transform: translate(-75px, 0) rotate(-270deg) scale(0.5);
}
 100% {
 transform: rotate(-360deg);
 -webkit-transform: rotate(-360deg);
}
}
 @-webkit-keyframes tsperloader18_three {
 25% {
-webkit-transform: translate(0, -75px) rotate(-90deg) scale(0.5);
}
 50% {
-webkit-transform: translate(75px, -75px) rotate(-180deg);
}
 75% {
-webkit-transform:  translate(75px, 0) rotate(-270deg) scale(0.5);
}
 100% {
-webkit-transform: rotate(-360deg);
}
}
 @keyframes tsperloader18_three {
 25% {
 transform: translate(0, -75px) rotate(-90deg) scale(0.5);
 -webkit-transform: translate(0, -75px) rotate(-90deg) scale(0.5);
}
 50% {
 transform: translate(75px, -75px) rotate(-180deg);
 -webkit-transform: translate(75px, -75px) rotate(-180deg);
}
 75% {
 transform:  translate(75px, 0) rotate(-270deg) scale(0.5);
 -webkit-transform: translate(75px, 0) rotate(-270deg) scale(0.5);
}
 100% {
 transform: rotate(-360deg);
 -webkit-transform: rotate(-360deg);
}
}
 @-webkit-keyframes tsperloader18_four {
 25% {
-webkit-transform: translate(-75px, 0) rotate(-90deg) scale(0.5);
}
 50% {
-webkit-transform: translate(-75px, -75px) rotate(-180deg);
}
 75% {
-webkit-transform:  translate(0, -75px) rotate(-270deg) scale(0.5);
}
 100% {
-webkit-transform: rotate(-360deg);
}
}
 @keyframes tsperloader18_four {
 25% {
 transform: translate(-75px, 0) rotate(-90deg) scale(0.5);
 -webkit-transform: translate(-75px, 0) rotate(-90deg) scale(0.5);
}
 50% {
 transform: translate(-75px, -75px) rotate(-180deg);
 -webkit-transform: translate(-75px, -75px) rotate(-180deg);
}
 75% {
 transform: translate(0, -75px) rotate(-270deg) scale(0.5);
 -webkit-transform: translate(0, -75px) rotate(-270deg) scale(0.5);
}
 100% {
 transform: rotate(-360deg);
 -webkit-transform: rotate(-360deg);
}
}



                              /*Preloader Demo 18*/

/******************************************************************************/
/******************************************************************************/




#ts-preloader-absolute19 {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 118px;
	width: 72px;
	margin-top: -59px;
	margin-left: -36px;
}
.tsperloader19 {
	width: 26px;
	height: 26px;
	background-color:#03a9f4;
	margin-right: 20px;
	float: left;
	margin-bottom: 20px;
}
.tsperloader19:nth-child(2n+0) {
 margin-right: 0px;
}
#tsperloader19_one {
	-webkit-animation: tsperloader19_one 1s infinite;
	animation: tsperloader19_one 1s infinite;
}
#tsperloader19_two {
	-webkit-animation: tsperloader19_two 1s infinite;
	animation: tsperloader19_two 1s infinite;
}
#tsperloader19_three {
	-webkit-animation: tsperloader19_three 1s infinite;
	animation: tsperloader19_three 1s infinite;
}
#tsperloader19_four {
	-webkit-animation: tsperloader19_four 1s infinite;
	animation: tsperloader19_four 1s infinite;
}
#tsperloader19_five {
	-webkit-animation: tsperloader19_five 1s infinite;
	animation: tsperloader19_five 1s infinite;
}
#tsperloader19_six {
	-webkit-animation: tsperloader19_six 1s infinite;
	animation: tsperloader19_six 1s infinite;
}
 @-webkit-keyframes tsperloader19_one {
 50% {
 -ms-transform: translate(-100px, 46px) rotate(-179deg);
 -webkit-transform: translate(-100px, 46px) rotate(-179deg);
 transform: translate(-100px, 46px) rotate(-179deg);
}
 100% {
 -ms-transform: translate(0, 0);
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
 @keyframes tsperloader19_one {
 50% {
 -ms-transform: translate(-100px, 46px) rotate(-179deg);
 -webkit-transform: translate(-100px, 46px) rotate(-179deg);
 transform: translate(-100px, 46px) rotate(-179deg);
}
 100% {
 -ms-transform: translate(0, 0);
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
 @-webkit-keyframes tsperloader19_two {
 50% {
 -ms-transform: translate(100px, 46px) rotate(179deg);
 -webkit-transform: translate(100px, 46px) rotate(179deg);
 transform: translate(100px, 46px) rotate(179deg);
}
 100% {
 -ms-transform: translate(0, 0);
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
 @keyframes tsperloader19_two {
 50% {
 -ms-transform: translate(100px, 46px) rotate(179deg);
 -webkit-transform: translate(100px, 46px) rotate(179deg);
 transform: translate(100px, 46px) rotate(179deg);
}
 100% {
 -ms-transform: translate(0, 0);
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
 @-webkit-keyframes tsperloader19_three {
 50% {
 -ms-transform: translate(-100px, 0) rotate(-179deg);
 -webkit-transform: translate(-100px, 0) rotate(-179deg);
 transform: translate(-100px, 0) rotate(-179deg);
}
 100% {
 -ms-transform: translate(0, 0);
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
 @keyframes tsperloader19_three {
 50% {
 -ms-transform: translate(-100px, 0) rotate(-179deg);
 -webkit-transform: translate(-100px, 0) rotate(-179deg);
 transform: translate(-100px, 0) rotate(-179deg);
}
 100% {
 -ms-transform: translate(0, 0);
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
 @-webkit-keyframes tsperloader19_four {
 50% {
 -ms-transform: translate(100px, 0) rotate(179deg);
 -webkit-transform: translate(100px, 0) rotate(179deg);
 transform: translate(100px, 0) rotate(179deg);
}
 100% {
 -ms-transform: translate(0, 0);
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
 @keyframes tsperloader19_four {
 50% {
 -ms-transform: translate(100px, 0) rotate(179deg);
 -webkit-transform: translate(100px, 0) rotate(179deg);
 transform: translate(100px, 0) rotate(179deg);
}
 100% {
 -ms-transform: translate(0, 0);
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
 @-webkit-keyframes tsperloader19_five {
 50% {
 -ms-transform: translate(-100px, -46px) rotate(-179deg);
 -webkit-transform: translate(-100px, -46px) rotate(-179deg);
 transform: translate(-100px, -46px) rotate(-179deg);
}
 100% {
 -ms-transform: translate(0, 0);
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
 @keyframes tsperloader19_five {
 50% {
 -ms-transform: translate(-100px, -46px) rotate(-179deg);
 -webkit-transform: translate(-100px, -46px) rotate(-179deg);
 transform: translate(-100px, -46px) rotate(-179deg);
}
 100% {
 -ms-transform: translate(0, 0);
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
 @-webkit-keyframes tsperloader19_six {
 50% {
 -ms-transform: translate(100px, -46px) rotate(179deg);
 -webkit-transform: translate(100px, -46px) rotate(179deg);
 transform: translate(100px, -46px) rotate(179deg);
}
 100% {
 -ms-transform: translate(0, 0);
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
 @keyframes tsperloader19_six {
 50% {
 -ms-transform: translate(100px, -46px) rotate(179deg);
 -webkit-transform: translate(100px, -46px) rotate(179deg);
 transform: translate(100px, -46px) rotate(179deg);
}
 100% {
 -ms-transform: translate(0, 0);
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}





                              /*Preloader Demo 19*/

/******************************************************************************/
/******************************************************************************/







#ts-preloader-absolute20 {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 118px;
	width: 118px;
	margin-top: -59px;
	margin-left: -59px;
}
.tsperloader20 {
	width: 20px;
	height: 20px;
	background-color: #03a9f4;
	margin-right: 20px;
	float: left;
	margin-bottom: 20px;
}
.tsperloader20:nth-child(3n+0) {
 margin-right: 0px;
}
#tsperloader20_one {
	-webkit-animation: animate 1s -0.9s ease-in-out infinite;
	animation: animate 1s -0.9s ease-in-out infinite;
}
#tsperloader20_two {
	-webkit-animation: animate 1s -0.8s ease-in-out infinite;
	animation: animate 1s -0.8s ease-in-out infinite;
}
#tsperloader20_three {
	-webkit-animation: animate 1s -0.7s ease-in-out infinite;
	animation: animate 1s -0.7s ease-in-out infinite;
}
#tsperloader20_four {
	-webkit-animation: animate 1s -0.6s ease-in-out infinite;
	animation: animate 1s -0.6s ease-in-out infinite;
}
#tsperloader20_five {
	-webkit-animation: animate 1s -0.5s ease-in-out infinite;
	animation: animate 1s -0.5s ease-in-out infinite;
}
#tsperloader20_six {
	-webkit-animation: animate 1s -0.4s ease-in-out infinite;
	animation: animate 1s -0.4s ease-in-out infinite;
}
#tsperloader20_seven {
	-webkit-animation: animate 1s -0.3s ease-in-out infinite;
	animation: animate 1s -0.3s ease-in-out infinite;
}
#tsperloader20_eight {
	-webkit-animation: animate 1s -0.2s ease-in-out infinite;
	animation: animate 1s -0.2s ease-in-out infinite;
}
#tsperloader20_nine {
	-webkit-animation: animate 1s -0.1s ease-in-out infinite;
	animation: animate 1s -0.1s ease-in-out infinite;
}
 @-webkit-keyframes animate {
 50% {
 -ms-transform: scale(1.5, 1.5);
 -webkit-transform: scale(1.5, 1.5);
 transform: scale(1.5, 1.5);
}
 100% {
 -ms-transform: scale(1, 1);
 -webkit-transform: scale(1, 1);
 transform: scale(1, 1);
}
}
 @keyframes animate {
 50% {
 -ms-transform: scale(1.5, 1.5);
 -webkit-transform: scale(1.5, 1.5);
 transform: scale(1.5, 1.5);
}
 100% {
 -ms-transform: scale(1, 1);
 -webkit-transform: scale(1, 1);
 transform: scale(1, 1);
}
}




                              /*Preloader Demo 20*/

/******************************************************************************/
/******************************************************************************/






#ts-preloader-absolute21 {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100px;
	width: 100px;
	margin-top: -50px;
	margin-left: -50px;
}
.tsperloader21 {
	width: 25px;
	height: 25px;
	background-color: #03a9f4;
	margin-right: auto;
	margin-left: auto;
	border: 4px solid rgba #03a9f4;
	left: 37px;
	top: 37px;
	position: absolute;
}
#first_tsperloader21 {
	-webkit-animation: first_tsperloader21 1s infinite;
	animation: first_tsperloader21 1s infinite;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
#second_tsperloader21 {
	-webkit-animation: second_tsperloader21 1s infinite;
	animation: second_tsperloader21 1s infinite;
}
#third_tsperloader21 {
	-webkit-animation: third_tsperloader21 1s infinite;
	animation: third_tsperloader21 1s infinite;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
#forth_tsperloader21 {
	-webkit-animation: forth_tsperloader21 1s infinite;
	animation: forth_tsperloader21 1s infinite;
}
 @-webkit-keyframes first_tsperloader21 {
 0% {
 -ms-transform: translate(1, 1) scale(1, 1);
 -webkit-transform: translate(1, 1) scale(1, 1);
 transform: translate(1, 1) scale(1, 1);
}
 50% {
 -ms-transform: translate(150%, 150%) scale(2, 2);
 -webkit-transform: translate(150%, 150%) scale(2, 2);
 transform: translate(150%, 150%) scale(2, 2);
}
 100% {
 -ms-transform: translate(1, 1) scale(1, 1);
 -webkit-transform: translate(1, 1) scale(1, 1);
 transform: translate(1, 1) scale(1, 1);
}
}
@keyframes first_tsperloader21 {
 0% {
 -ms-transform: translate(1, 1) scale(1, 1);
 -webkit-transform: translate(1, 1) scale(1, 1);
 transform: translate(1, 1) scale(1, 1);
}
 50% {
 -ms-transform: translate(150%, 150%) scale(2, 2);
 -webkit-transform: translate(150%, 150%) scale(2, 2);
 transform: translate(150%, 150%) scale(2, 2);
}
 100% {
 -ms-transform: translate(1, 1) scale(1, 1);
 -webkit-transform: translate(1, 1) scale(1, 1);
 transform: translate(1, 1) scale(1, 1);
}
}
 @-webkit-keyframes second_tsperloader21 {
 0% {
 -ms-transform: translate(1, 1) scale(1, 1);
 -webkit-transform: translate(1, 1) scale(1, 1);
 transform: translate(1, 1) scale(1, 1);
}
 50% {
 -ms-transform: translate(-150%, 150%) scale(2, 2);
 -webkit-transform: translate(-150%, 150%) scale(2, 2);
 transform: translate(-150%, 150%) scale(2, 2);
}
 100% {
 -ms-transform: translate(1, 1) scale(1, 1);
 -webkit-transform: translate(1, 1) scale(1, 1);
 transform: translate(1, 1) scale(1, 1);
}
}
@keyframes second_tsperloader21 {
 0% {
 -ms-transform: translate(1, 1) scale(1, 1);
 -webkit-transform: translate(1, 1) scale(1, 1);
 transform: translate(1, 1) scale(1, 1);
}
 50% {
 -ms-transform: translate(-150%, 150%) scale(2, 2);
 -webkit-transform: translate(-150%, 150%) scale(2, 2);
 transform: translate(-150%, 150%) scale(2, 2);
}
 100% {
 -ms-transform: translate(1, 1) scale(1, 1);
 -webkit-transform: translate(1, 1) scale(1, 1);
 transform: translate(1, 1) scale(1, 1);
}
}
 @-webkit-keyframes third_tsperloader21 {
 0% {
 -ms-transform: translate(1, 1) scale(1, 1);
 -webkit-transform: translate(1, 1) scale(1, 1);
 transform: translate(1, 1) scale(1, 1);
}
 50% {
 -ms-transform: translate(-150%, -150%) scale(2, 2);
 -webkit-transform: translate(-150%, -150%) scale(2, 2);
 transform: translate(-150%, -150%) scale(2, 2);
}
 100% {
 -ms-transform: translate(1, 1) scale(1, 1);
 -webkit-transform: translate(1, 1) scale(1, 1);
 transform: translate(1, 1) scale(1, 1);
}
}
@keyframes third_tsperloader21 {
 0% {
 -ms-transform: translate(1, 1) scale(1, 1);
 -webkit-transform: translate(1, 1) scale(1, 1);
 transform: translate(1, 1) scale(1, 1);
}
 50% {
 -ms-transform: translate(-150%, -150%) scale(2, 2);
 -webkit-transform: translate(-150%, -150%) scale(2, 2);
 transform: translate(-150%, -150%) scale(2, 2);
}
 100% {
 -ms-transform: translate(1, 1) scale(1, 1);
 -webkit-transform: translate(1, 1) scale(1, 1);
 transform: translate(1, 1) scale(1, 1);
}
}
 @-webkit-keyframes forth_tsperloader21 {
 0% {
 -ms-transform: translate(1, 1) scale(1, 1);
 -webkit-transform: translate(1, 1) scale(1, 1);
 transform: translate(1, 1) scale(1, 1);
}
 50% {
 -ms-transform: translate(150%, -150%) scale(2, 2);
 -webkit-transform: translate(150%, -150%) scale(2, 2);
 transform: translate(150%, -150%) scale(2, 2);
}
 100% {
 -ms-transform: translate(1, 1) scale(1, 1);
 -webkit-transform: translate(1, 1) scale(1, 1);
 transform: translate(1, 1) scale(1, 1);
}
}
@keyframes forth_tsperloader21 {
 0% {
 -ms-transform: translate(1, 1) scale(1, 1);
 -webkit-transform: translate(1, 1) scale(1, 1);
 transform: translate(1, 1) scale(1, 1);
}
 50% {
 -ms-transform: translate(150%, -150%) scale(2, 2);
 -webkit-transform: translate(150%, -150%) scale(2, 2);
 transform: translate(150%, -150%) scale(2, 2);
}
 100% {
 -ms-transform: translate(1, 1) scale(1, 1);
 -webkit-transform: translate(1, 1) scale(1, 1);
 transform: translate(1, 1) scale(1, 1);
}
}




                              /*Preloader Demo 21*/

/******************************************************************************/
/******************************************************************************/




#ts-preloader-absolute22 {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 200px;
	width: 200px;
	margin-top: -100px;
	margin-left: -100px;
}
.tsperloader22 {
	width: 50px;
	height: 50px;
	background-color: rgba(255, 255, 255, 0);
	margin-right: auto;
	margin-left: auto;
	border: 4px solid #03a9f4;
	left: 73px;
	top: 73px;
	position: absolute;
}
#first_tsperloader22 {
	-webkit-animation: first_tsperloader22_animate 1s infinite ease-in-out;
	animation: first_tsperloader22_animate 1s infinite ease-in-out;
}
#second_tsperloader22 {
	-webkit-animation: second_tsperloader22 1s forwards, second_tsperloader22_animate 1s infinite ease-in-out;
	animation: second_tsperloader22 1s forwards, second_tsperloader22_animate 1s infinite ease-in-out;
}
#third_tsperloader22 {
	-webkit-animation: third_tsperloader22 1s forwards, third_tsperloader22_animate 1s infinite ease-in-out;
	animation: third_tsperloader22 1s forwards, third_tsperloader22_animate 1s infinite ease-in-out;
}
 @-webkit-keyframes second_tsperloader22 {
 100% {
width: 100px;
height:100px;
left: 48px;
top: 48px;
}
}
@keyframes second_tsperloader22 {
100% {
width: 100px;
height:100px;
left: 48px;
top: 48px;
}
}
 @-webkit-keyframes third_tsperloader22 {
 100% {
width: 150px;
height:150px;
left: 23px;
top: 23px;
}
}
@keyframes third_tsperloader22 {
100% {
width: 150px;
height:150px;
left: 23px;
top: 23px;
}
}
 @-webkit-keyframes first_tsperloader22_animate {
 0% {
-webkit-transform: perspective(100px);
}
 50% {
-webkit-transform: perspective(100px) rotateY(-180deg);
}
 100% {
-webkit-transform: perspective(100px) rotateY(-180deg) rotateX(-180deg);
}
}
 @keyframes first_tsperloader22_animate {
 0% {
 transform: perspective(100px) rotateX(0deg) rotateY(0deg);
 -webkit-transform: perspective(100px) rotateX(0deg) rotateY(0deg);
}
50% {
 transform: perspective(100px) rotateX(-180deg) rotateY(0deg);
 -webkit-transform: perspective(100px) rotateX(-180deg) rotateY(0deg);
}
100% {
 transform: perspective(100px) rotateX(-180deg) rotateY(-180deg);
 -webkit-transform: perspective(100px) rotateX(-180deg) rotateY(-180deg);
}
}
 @-webkit-keyframes second_tsperloader22_animate {
 0% {
-webkit-transform: perspective(200px);
}
 50% {
-webkit-transform: perspective(200px) rotateY(180deg);
}
 100% {
-webkit-transform: perspective(200px) rotateY(180deg) rotateX(180deg);
}
}
 @keyframes second_tsperloader22_animate {
 0% {
 transform: perspective(200px) rotateX(0deg) rotateY(0deg);
 -webkit-transform: perspective(200px) rotateX(0deg) rotateY(0deg);
}
50% {
 transform: perspective(200px) rotateX(180deg) rotateY(0deg);
 -webkit-transform: perspective(200px) rotateX(180deg) rotateY(0deg);
}
100% {
 transform: perspective(200px) rotateX(180deg) rotateY(180deg);
 -webkit-transform: perspective(200px) rotateX(180deg) rotateY(180deg);
}
}
 @-webkit-keyframes third_tsperloader22_animate {
 0% {
-webkit-transform: perspective(300px);
}
 50% {
-webkit-transform: perspective(300px) rotateY(-180deg);
}
 100% {
-webkit-transform: perspective(300px) rotateY(-180deg) rotateX(-180deg);
}
}
 @keyframes third_tsperloader22_animate {
 0% {
 transform: perspective(300px) rotateX(0deg) rotateY(0deg);
 -webkit-transform: perspective(300px) rotateX(0deg) rotateY(0deg);
}
50% {
 transform: perspective(300px) rotateX(-180deg) rotateY(0deg);
 -webkit-transform: perspective(300px) rotateX(-180deg) rotateY(0deg);
}
100% {
 transform: perspective(300px) rotateX(-180deg) rotateY(-180deg);
 -webkit-transform: perspective(300px) rotateX(-180deg) rotateY(-180deg);
}
}



                              /*Preloader Demo 22*/

/******************************************************************************/
/******************************************************************************/




#ts-preloader-absolute23 {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 150px;
	width: 150px;
	margin-top: -75px;
	margin-left: -75px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.tsperloader23 {
	width: 20px;
	height: 20px;
	background-color:#03a9f4;
	position: absolute;
	left: 65px;
	top: 65px;
}
.tsperloader23:nth-child(2n+0) {
 margin-right: 0px;
}
#tsperloader23_one {
	-webkit-animation: tsperloader23_one 2s infinite;
	animation: tsperloader23_one 2s infinite;
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
#tsperloader23_two {
	-webkit-animation: tsperloader23_two 2s infinite;
	animation: tsperloader23_two 2s infinite;
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
#tsperloader23_three {
	-webkit-animation: tsperloader23_three 2s infinite;
	animation: tsperloader23_three 2s infinite;
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
#tsperloader23_four {
	-webkit-animation: tsperloader23_four 2s infinite;
	animation: tsperloader23_four 2s infinite;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
#tsperloader23_five {
	-webkit-animation: tsperloader23_five 2s infinite;
	animation: tsperloader23_five 2s infinite;
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
#tsperloader23_six {
	-webkit-animation: tsperloader23_six 2s infinite;
	animation: tsperloader23_six 2s infinite;
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
}
#tsperloader23_seven {
	-webkit-animation: tsperloader23_seven 2s infinite;
	animation: tsperloader23_seven 2s infinite;
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
}
#tsperloader23_eight {
	-webkit-animation: tsperloader23_eight 2s infinite;
	animation: tsperloader23_eight 2s infinite;
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}
#tsperloader23_big {
	position: absolute;
	width: 50px;
	height: 50px;
	left: 50px;
	top: 50px;
	-webkit-animation: tsperloader23_big 2s infinite;
	animation: tsperloader23_big 2s infinite;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
 @-webkit-keyframes tsperloader23_big {
 50% {
-webkit-transform: scale(0.5);
}
}
 @keyframes tsperloader23_big {
 50% {
 transform: scale(0.5);
 -webkit-transform: scale(0.5);
}
}
 @-webkit-keyframes tsperloader23_one {
 50% {
-webkit-transform: translate(-65px, -65px);
}
}
 @keyframes tsperloader23_one {
 50% {
 transform: translate(-65px, -65px);
 -webkit-transform: translate(-65px, -65px);
}
}
 @-webkit-keyframes tsperloader23_two {
 50% {
-webkit-transform: translate(0, -65px);
}
}
 @keyframes tsperloader23_two {
 50% {
 transform: translate(0, -65px);
 -webkit-transform: translate(0, -65px);
}
}
 @-webkit-keyframes tsperloader23_three {
 50% {
-webkit-transform: translate(65px, -65px);
}
}
 @keyframes tsperloader23_three {
 50% {
 transform: translate(65px, -65px);
 -webkit-transform: translate(65px, -65px);
}
}
 @-webkit-keyframes tsperloader23_four {
 50% {
-webkit-transform: translate(65px, 0);
}
}
 @keyframes tsperloader23_four {
 50% {
 transform: translate(65px, 0);
 -webkit-transform: translate(65px, 0);
}
}
 @-webkit-keyframes tsperloader23_five {
 50% {
-webkit-transform: translate(65px, 65px);
}
}
 @keyframes tsperloader23_five {
 50% {
 transform: translate(65px, 65px);
 -webkit-transform: translate(65px, 65px);
}
}
 @-webkit-keyframes tsperloader23_six {
 50% {
-webkit-transform: translate(0, 65px);
}
}
 @keyframes tsperloader23_six {
 50% {
 transform:  translate(0, 65px);
 -webkit-transform:  translate(0, 65px);
}
}
 @-webkit-keyframes tsperloader23_seven {
 50% {
-webkit-transform: translate(-65px, 65px);
}
}
 @keyframes tsperloader23_seven {
 50% {
 transform: translate(-65px, 65px);
 -webkit-transform: translate(-65px, 65px);
}
}
 @-webkit-keyframes tsperloader23_eight {
 50% {
-webkit-transform: translate(-65px, 0);
}
}
 @keyframes tsperloader23_eight {
 50% {
 transform: translate(-65px, 0);
 -webkit-transform: translate(-65px, 0);
}
}



                              /*Preloader Demo 23*/

/******************************************************************************/
/******************************************************************************/



#ts-preloader-absolute24 {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 200px;
	width: 200px;
	margin-top: -100px;
	margin-left: -100px;
}
#tsperloader24 {
	width: 80px;
	height: 80px;
	background-color: #03a9f4;
	-webkit-animation: animate 1s infinite ease-in-out;
	animation: animate 1s infinite ease-in-out;
	margin-right: auto;
	margin-left: auto;
	margin-top: 60px;
}
@-webkit-keyframes animate {
 0% {
-webkit-transform: perspective(160px);
}
 50% {
-webkit-transform: perspective(160px) rotateY(-180deg);
}
 100% {
-webkit-transform: perspective(160px) rotateY(-180deg) rotateX(-180deg);
}
}
 @keyframes animate {
 0% {
 transform: perspective(160px) rotateX(0deg) rotateY(0deg);
 -webkit-transform: perspective(160px) rotateX(0deg) rotateY(0deg);
}
50% {
 transform: perspective(160px) rotateX(-180deg) rotateY(0deg);
 -webkit-transform: perspective(160px) rotateX(-180deg) rotateY(0deg);
}
100% {
 transform: perspective(160px) rotateX(-180deg) rotateY(-180deg);
 -webkit-transform: perspective(160px) rotateX(-180deg) rotateY(-180deg);
}
}



                              /*Preloader Demo 24*/

/******************************************************************************/
/******************************************************************************/




#ts-preloader-absolute25 {
	position: absolute;
	left: 50%;
	top: 60%;
	height: 200px;
	width: 200px;
	margin-top: -100px;
	margin-left: -100px;
}


[class^="tsperloader_loader"] {
 margin: 50px auto;
 width: 60px;
 height: 30px;
}
[class^="tsperloader_loader"] > div {
 float: left;
 background: #03a9f4;
 height: 100%;
 width: 5px;
 margin-right: 1px;
 display: inline-block;
}
[class^="tsperloader_loader"] .tsperloader25_1 {
 -webkit-animation-delay: 0.05s;
 -moz-animation-delay: 0.05s;
 -o-animation-delay: 0.05s;
 animation-delay: 0.05s;
}
[class^="tsperloader_loader"] .tsperloader25_2 {
 -webkit-animation-delay: 0.1s;
 -moz-animation-delay: 0.1s;
 -o-animation-delay: 0.1s;
 animation-delay: 0.1s;
}
[class^="tsperloader_loader"] .tsperloader25_3 {
 -webkit-animation-delay: 0.15s;
 -moz-animation-delay: 0.15s;
 -o-animation-delay: 0.15s;
 animation-delay: 0.15s;
}
[class^="tsperloader_loader"] .tsperloader25_4 {
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
[class^="tsperloader_loader"] .tsperloader25_5 {
 -webkit-animation-delay: 0.25s;
 -moz-animation-delay: 0.25s;
 -o-animation-delay: 0.25s;
 animation-delay: 0.25s;
}
[class^="tsperloader_loader"] .tsperloader25_6 {
 -webkit-animation-delay: 0.3s;
 -moz-animation-delay: 0.3s;
 -o-animation-delay: 0.3s;
 animation-delay: 0.3s;
}
[class^="tsperloader_loader"] .tsperloader25_7 {
 -webkit-animation-delay: 0.35s;
 -moz-animation-delay: 0.35s;
 -o-animation-delay: 0.35s;
 animation-delay: 0.35s;
}
[class^="tsperloader_loader"] .tsperloader25_8 {
 -webkit-animation-delay: 0.4s;
 -moz-animation-delay: 0.4s;
 -o-animation-delay: 0.4s;
 animation-delay: 0.4s;
}
[class^="tsperloader_loader"] .tsperloader25_9 {
 -webkit-animation-delay: 0.45s;
 -moz-animation-delay: 0.45s;
 -o-animation-delay: 0.45s;
 animation-delay: 0.45s;
}
[class^="tsperloader_loader"] .tsperloader25_10 {
 -webkit-animation-delay: 0.5s;
 -moz-animation-delay: 0.5s;
 -o-animation-delay: 0.5s;
 animation-delay: 0.5s;
}
.tsperloader_loader > div {
	-webkit-animation: loading 1.5s infinite ease-in-out;
	-moz-animation: loading 1.5s infinite ease-in-out;
	-o-animation: loading 1.5s infinite ease-in-out;
	animation: loading 1.5s infinite ease-in-out;
	-webkit-transform: scaleY(0.05) translateX(-10px);
	-moz-transform: scaleY(0.05) translateX(-10px);
	-ms-transform: scaleY(0.05) translateX(-10px);
	-o-transform: scaleY(0.05) translateX(-10px);
	transform: scaleY(0.05) translateX(-10px);
}
 @-webkit-keyframes loading {
 50% {
 -webkit-transform: scaleY(1.2) translateX(10px);
 -moz-transform: scaleY(1.2) translateX(10px);
 -ms-transform: scaleY(1.2) translateX(10px);
 -o-transform: scaleY(1.2) translateX(10px);
 transform: scaleY(1.2) translateX(10px);
 background: #56D7C6;
}
}
@-moz-keyframes loading {
 50% {
 -webkit-transform: scaleY(1.2) translateX(10px);
 -moz-transform: scaleY(1.2) translateX(10px);
 -ms-transform: scaleY(1.2) translateX(10px);
 -o-transform: scaleY(1.2) translateX(10px);
 transform: scaleY(1.2) translateX(10px);
 background: #56D7C6;
}
}
@-o-keyframes loading {
 50% {
 -webkit-transform: scaleY(1.2) translateX(10px);
 -moz-transform: scaleY(1.2) translateX(10px);
 -ms-transform: scaleY(1.2) translateX(10px);
 -o-transform: scaleY(1.2) translateX(10px);
 transform: scaleY(1.2) translateX(10px);
 background: #56D7C6;
}
}
@keyframes loading {
 50% {
 -webkit-transform: scaleY(1.2) translateX(10px);
 -moz-transform: scaleY(1.2) translateX(10px);
 -ms-transform: scaleY(1.2) translateX(10px);
 -o-transform: scaleY(1.2) translateX(10px);
 transform: scaleY(1.2) translateX(10px);
 background: #56D7C6;
}
}





                              /*Preloader Demo 25*/

/******************************************************************************/
/******************************************************************************/





#ts-preloader-absolute26 {
	position: absolute;
	left: 50%;
	top: 60%;
	height: 200px;
	width: 200px;
	margin-top: -100px;
	margin-left: -100px;
}
.tsperloader_loader2 > div {
	-webkit-animation: loading2 1.5s infinite ease-in-out;
	-moz-animation: loading2 1.5s infinite ease-in-out;
	-o-animation: loading2 1.5s infinite ease-in-out;
	animation: loading2 1.5s infinite ease-in-out;
	-webkit-transform: scaleY(0.05) translateX(-5px);
	-moz-transform: scaleY(0.05) translateX(-5px);
	-ms-transform: scaleY(0.05) translateX(-5px);
	-o-transform: scaleY(0.05) translateX(-5px);
	transform: scaleY(0.05) translateX(-5px);
}
 @-webkit-keyframes loading2 {
 10% {
 background: #56D7C6;
}
 15% {
 -webkit-transform: scaleY(1.2) translateX(10px);
 -moz-transform: scaleY(1.2) translateX(10px);
 -ms-transform: scaleY(1.2) translateX(10px);
 -o-transform: scaleY(1.2) translateX(10px);
 transform: scaleY(1.2) translateX(10px);
 background: #56D7C6;
}
 90%, 100% {
 -webkit-transform: scaleY(0.05) translateX(-5px);
 -moz-transform: scaleY(0.05) translateX(-5px);
 -ms-transform: scaleY(0.05) translateX(-5px);
 -o-transform: scaleY(0.05) translateX(-5px);
 transform: scaleY(0.05) translateX(-5px);
}
}
@-moz-keyframes loading2 {
 10% {
 background: #03a9f4;
}
 15% {
 -webkit-transform: scaleY(1.2) translateX(10px);
 -moz-transform: scaleY(1.2) translateX(10px);
 -ms-transform: scaleY(1.2) translateX(10px);
 -o-transform: scaleY(1.2) translateX(10px);
 transform: scaleY(1.2) translateX(10px);
 background: #03a9f4;
}
 90%, 100% {
 -webkit-transform: scaleY(0.05) translateX(-5px);
 -moz-transform: scaleY(0.05) translateX(-5px);
 -ms-transform: scaleY(0.05) translateX(-5px);
 -o-transform: scaleY(0.05) translateX(-5px);
 transform: scaleY(0.05) translateX(-5px);
}
}
@-o-keyframes loading2 {
 10% {
 background: #03a9f4;
}
 15% {
 -webkit-transform: scaleY(1.2) translateX(10px);
 -moz-transform: scaleY(1.2) translateX(10px);
 -ms-transform: scaleY(1.2) translateX(10px);
 -o-transform: scaleY(1.2) translateX(10px);
 transform: scaleY(1.2) translateX(10px);
 background: #03a9f4;
}
 90%, 100% {
 -webkit-transform: scaleY(0.05) translateX(-5px);
 -moz-transform: scaleY(0.05) translateX(-5px);
 -ms-transform: scaleY(0.05) translateX(-5px);
 -o-transform: scaleY(0.05) translateX(-5px);
 transform: scaleY(0.05) translateX(-5px);
}
}
@keyframes loading2 {
 10% {
 background: #03a9f4;
}
 15% {
 -webkit-transform: scaleY(1.2) translateX(10px);
 -moz-transform: scaleY(1.2) translateX(10px);
 -ms-transform: scaleY(1.2) translateX(10px);
 -o-transform: scaleY(1.2) translateX(10px);
 transform: scaleY(1.2) translateX(10px);
 background: #03a9f4;
}
 90%, 100% {
 -webkit-transform: scaleY(0.05) translateX(-5px);
 -moz-transform: scaleY(0.05) translateX(-5px);
 -ms-transform: scaleY(0.05) translateX(-5px);
 -o-transform: scaleY(0.05) translateX(-5px);
 transform: scaleY(0.05) translateX(-5px);
}
}





                              /*Preloader Demo 26*/

/******************************************************************************/
/******************************************************************************/







#ts-preloader-absolute27 {
	position: absolute;
	left: 50%;
	top: 60%;
	height: 200px;
	width: 200px;
	margin-top: -100px;
	margin-left: -100px;
}
.tsperloader_loader3 {
	height: 40px;
}
.tsperloader_loader3 > div {
	position: relative;
	bottom: 0;
	margin-top: 35px;
	height: 5px;
	-webkit-animation: loading5 1.5s infinite ease-in-out;
	-moz-animation: loading5 1.5s infinite ease-in-out;
	-o-animation: loading5 1.5s infinite ease-in-out;
	animation: loading5 1.5s infinite ease-in-out;
}
.tsperloader_loader3 .tsperloader26_1 {
	-webkit-animation-delay: -1.5s;
	-moz-animation-delay: -1.5s;
	-o-animation-delay: -1.5s;
	animation-delay: -1.5s;
}
.tsperloader_loader3 .tsperloader26_2 {
	-webkit-animation-delay: -1.4s;
	-moz-animation-delay: -1.4s;
	-o-animation-delay: -1.4s;
	animation-delay: -1.4s;
}
.tsperloader_loader3 .tsperloader26_3 {
	-webkit-animation-delay: -1.3s;
	-moz-animation-delay: -1.3s;
	-o-animation-delay: -1.3s;
	animation-delay: -1.3s;
}
.tsperloader_loader3 .tsperloader26_4 {
	-webkit-animation-delay: -1.2s;
	-moz-animation-delay: -1.2s;
	-o-animation-delay: -1.2s;
	animation-delay: -1.2s;
}
.tsperloader_loader3 .tsperloader26_5 {
	-webkit-animation-delay: -1.1s;
	-moz-animation-delay: -1.1s;
	-o-animation-delay: -1.1s;
	animation-delay: -1.1s;
}
.tsperloader_loader3 .tsperloader26_6 {
	-webkit-animation-delay: -1s;
	-moz-animation-delay: -1s;
	-o-animation-delay: -1s;
	animation-delay: -1s;
}
.tsperloader_loader3 .tsperloader26_7 {
	-webkit-animation-delay: -0.9s;
	-moz-animation-delay: -0.9s;
	-o-animation-delay: -0.9s;
	animation-delay: -0.9s;
}
.tsperloader_loader3 .tsperloader26_8 {
	-webkit-animation-delay: -0.8s;
	-moz-animation-delay: -0.8s;
	-o-animation-delay: -0.8s;
	animation-delay: -0.8s;
}
.tsperloader_loader3 .tsperloader26_9 {
	-webkit-animation-delay: -0.7s;
	-moz-animation-delay: -0.7s;
	-o-animation-delay: -0.7s;
	animation-delay: -0.7s;
}
.tsperloader_loader3 .tsperloader26_10 {
	-webkit-animation-delay: -0.6s;
	-moz-animation-delay: -0.6s;
	-o-animation-delay: -0.6s;
	animation-delay: -0.6s;
}
.tsperloader_loader3 .tsperloader26_11 {
	-webkit-animation-delay: -0.5s;
	-moz-animation-delay: -0.5s;
	-o-animation-delay: -0.5s;
	animation-delay: -0.5s;
}
 @-webkit-keyframes loading5 {
 50% {
 height: 100%;
 margin-top: 0;
 background: #03a9f4;
}
}
@-moz-keyframes loading5 {
 50% {
 height: 100%;
 margin-top: 0;
 background: #03a9f4;
}
}
@-o-keyframes loading5 {
 50% {
 height: 100%;
 margin-top: 0;
 background: #03a9f4;
}
}
@keyframes loading5 {
 50% {
 height: 100%;
 margin-top: 0;
 background: #03a9f4;
}
}




                              /*Preloader Demo 27*/

/******************************************************************************/
/******************************************************************************/






#ts-preloader-absolute28 {
	position: absolute;
	left: 50%;
	top: 60%;
	height: 200px;
	width: 200px;
	margin-top: -100px;
	margin-left: -100px;
}
.tsperloader_loader4 .tsperloader26_1 {
	-webkit-animation-delay: -1.5s;
	-moz-animation-delay: -1.5s;
	-o-animation-delay: -1.5s;
	animation-delay: -1.5s;
}
.tsperloader_loader4 .tsperloader26_2 {
	-webkit-animation-delay: -1.4s;
	-moz-animation-delay: -1.4s;
	-o-animation-delay: -1.4s;
	animation-delay: -1.4s;
}
.tsperloader_loader4 .tsperloader26_3 {
	-webkit-animation-delay: -1.3s;
	-moz-animation-delay: -1.3s;
	-o-animation-delay: -1.3s;
	animation-delay: -1.3s;
}
.tsperloader_loader4 .tsperloader26_4 {
	-webkit-animation-delay: -1.2s;
	-moz-animation-delay: -1.2s;
	-o-animation-delay: -1.2s;
	animation-delay: -1.2s;
}
.tsperloader_loader4 .tsperloader26_5 {
	-webkit-animation-delay: -1.1s;
	-moz-animation-delay: -1.1s;
	-o-animation-delay: -1.1s;
	animation-delay: -1.1s;
}
.tsperloader_loader4 .tsperloader26_6 {
	-webkit-animation-delay: -1s;
	-moz-animation-delay: -1s;
	-o-animation-delay: -1s;
	animation-delay: -1s;
}
.tsperloader_loader4 .tsperloader26_7 {
	-webkit-animation-delay: -0.9s;
	-moz-animation-delay: -0.9s;
	-o-animation-delay: -0.9s;
	animation-delay: -0.9s;
}
.tsperloader_loader4 .tsperloader26_8 {
	-webkit-animation-delay: -0.8s;
	-moz-animation-delay: -0.8s;
	-o-animation-delay: -0.8s;
	animation-delay: -0.8s;
}
.tsperloader_loader4 .tsperloader26_9 {
	-webkit-animation-delay: -0.7s;
	-moz-animation-delay: -0.7s;
	-o-animation-delay: -0.7s;
	animation-delay: -0.7s;
}
.tsperloader_loader4 .tsperloader26_10 {
	-webkit-animation-delay: -0.6s;
	-moz-animation-delay: -0.6s;
	-o-animation-delay: -0.6s;
	animation-delay: -0.6s;
}
.tsperloader_loader4 .tsperloader26_11 {
	-webkit-animation-delay: -0.5s;
	-moz-animation-delay: -0.5s;
	-o-animation-delay: -0.5s;
	animation-delay: -0.5s;
}
 @-webkit-keyframes loading5 {
 50% {
 height: 100%;
 margin-top: 0;
 background: #03a9f4;
}
}
@-moz-keyframes loading5 {
 50% {
 height: 100%;
 margin-top: 0;
 background: #03a9f4;
}
}
@-o-keyframes loading5 {
 50% {
 height: 100%;
 margin-top: 0;
 background: #03a9f4;
}
}
@keyframes loading5 {
 50% {
 height: 100%;
 margin-top: 0;
 background: #03a9f4;
}
}
.tsperloader_loader4 {
	height: 40px;
	width: 90px;
	overflow: hidden;
}
.tsperloader_loader4 > div {
	width: 8px;
	position: relative;
	bottom: -2px;
	margin-top: 37px;
	height: 3px;
	transform: skewY(0deg);
	-webkit-animation: loading6 1.5s infinite ease-in-out;
	-moz-animation: loading6 1.5s infinite ease-in-out;
	-o-animation: loading6 1.5s infinite ease-in-out;
	animation: loading6 1.5s infinite ease-in-out;
}
 @-webkit-keyframes loading6 {
 25% {
 transform: skewY(25deg);
}
 50% {
 height: 100%;
 transform: skewY(0);
 margin-top: 0;
 background: #03a9f4;
}
 75% {
 transform: skewY(-25deg);
}
}
@-moz-keyframes loading6 {
 25% {
 transform: skewY(25deg);
}
 50% {
 height: 100%;
 transform: skewY(0);
 margin-top: 0;
 background: #03a9f4;
}
 75% {
 transform: skewY(-25deg);
}
}
@-o-keyframes loading6 {
 25% {
 transform: skewY(25deg);
}
 50% {
 height: 100%;
 transform: skewY(0);
 margin-top: 0;
 background: #03a9f4;
}
 75% {
 transform: skewY(-25deg);
}
}
@keyframes loading6 {
 25% {
 transform: skewY(25deg);
}
 50% {
 height: 100%;
 transform: skewY(0);
 margin-top: 0;
 background: #03a9f4;
}
 75% {
 transform: skewY(-25deg);
}
}







                              /*Preloader Demo 28*/

/******************************************************************************/
/******************************************************************************/








#ts-preloader-absolute29 {
	position: absolute;
	left: 50%;
	top: 75%;
	height: 200px;
	width: 200px;
	margin-top: -100px;
	margin-left: -100px;
}
#tsperloader29 span {
	background: #03a9f4 none repeat scroll 0 0;
	border-radius: 0;
	display: inline-block;
	height: 15px;
	width: 15px;
}
 #tsperloader29 span:nth-child(1) {
 -webkit-animation: temp 1s 0.05s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 animation: temp 1s 0.05s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 width: 7.5px;
 height: 7.5px;
 margin: 0 2px;
}
#tsperloader29 span:nth-child(2) {
 -webkit-animation: temp 1s 0.1s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 animation: temp 1s 0.1s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 width: 7.5px;
 height: 7.5px;
 margin: 0 2px;
}
#tsperloader29 span:nth-child(3) {
 -webkit-animation: temp 1s 0.15s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 animation: temp 1s 0.15s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 width: 7.5px;
 height: 7.5px;
 margin: 0 2px;
}
#tsperloader29 span:nth-child(4) {
 -webkit-animation: temp 1s 0.2s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 animation: temp 1s 0.2s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 width: 7.5px;
 height: 7.5px;
 margin: 0 2px;
}
#tsperloader29 span:nth-child(5) {
 -webkit-animation: temp 1s 0.25s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 animation: temp 1s 0.25s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 width: 7.5px;
 height: 7.5px;
 margin: 0 2px;
}
#tsperloader29 span:nth-child(6) {
 -webkit-animation: temp 1s 0.3s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 animation: temp 1s 0.3s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 width: 7.5px;
 height: 7.5px;
 margin: 0 2px;
}
#tsperloader29 span:nth-child(7) {
 -webkit-animation: temp 1s 0.35s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 animation: temp 1s 0.35s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 width: 7.5px;
 height: 7.5px;
 margin: 0 2px;
}
#tsperloader29 span:nth-child(8) {
 -webkit-animation: temp 1s 0.4s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 animation: temp 1s 0.4s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 width: 7.5px;
 height: 7.5px;
 margin: 0 2px;
}
#tsperloader29 span:nth-child(9) {
 -webkit-animation: temp 1s 0.45s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 animation: temp 1s 0.45s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 width: 7.5px;
 height: 7.5px;
 margin: 0 2px;
}
#tsperloader29 span:nth-child(10) {
 -webkit-animation: temp 1s 0.5s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 animation: temp 1s 0.5s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 width: 7.5px;
 height: 7.5px;
 margin: 0 2px;
}
#tsperloader29 span:nth-child(11) {
 -webkit-animation: temp 1s 0.55s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 animation: temp 1s 0.55s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 width: 7.5px;
 height: 7.5px;
 margin: 0 2px;
}
#tsperloader29 span:nth-child(12) {
 -webkit-animation: temp 1s 0.6s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 animation: temp 1s 0.6s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 width: 7.5px;
 height: 7.5px;
 margin: 0 2px;
}
#tsperloader29 span:nth-child(13) {
 -webkit-animation: temp 1s 0.65s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 animation: temp 1s 0.65s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 width: 7.5px;
 height: 7.5px;
 margin: 0 2px;
}
#tsperloader29 span:nth-child(14) {
 -webkit-animation: temp 1s 0.7s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 animation: temp 1s 0.7s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 width: 7.5px;
 height: 7.5px;
 margin: 0 2px;
}
#tsperloader29 span:nth-child(15) {
 -webkit-animation: temp 1s 0.75s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 animation: temp 1s 0.75s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 width: 7.5px;
 height: 7.5px;
 margin: 0 2px;
}
#tsperloader29 span:nth-child(16) {
 -webkit-animation: temp 1s 0.8s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 animation: temp 1s 0.8s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 width: 7.5px;
 height: 7.5px;
 margin: 0 2px;
}
#tsperloader29 span:nth-child(17) {
 -webkit-animation: temp 1s 0.85s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 animation: temp 1s 0.85s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 width: 7.5px;
 height: 7.5px;
 margin: 0 2px;
}
#tsperloader29 span:nth-child(18) {
 -webkit-animation: temp 1s 0.9s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 animation: temp 1s 0.9s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 width: 7.5px;
 height: 7.5px;
 margin: 0 2px;
}
#tsperloader29 span:nth-child(19) {
 -webkit-animation: temp 1s 0.95s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 animation: temp 1s 0.95s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 width: 7.5px;
 height: 7.5px;
 margin: 0 2px;
}
#tsperloader29 span:nth-child(20) {
 -webkit-animation: temp 1s 1s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 animation: temp 1s 1s infinite cubic-bezier(0.005, 0.56, 0.58, 1.59);
 width: 7.5px;
 height: 7.5px;
 margin: 0 2px;
}
@-webkit-keyframes scale {
 0% {
 -webkit-transform: scale(0);
 transform: scale(0);
}
 25% {
 -webkit-transform: scale(0.9, 0.9);
 transform: scale(0.9, 0.9);
 background: #03a9f4;
}
 50% {
 -webkit-transform: scale(1, 1);
 transform: scale(1, 1);
 margin: 0 3px;
 background: #03a9f4;
}
 100% {
 -webkit-transform: scale(0);
 transform: scale(0);
}
}
@keyframes scale {
 0% {
 -webkit-transform: scale(0);
 transform: scale(0);
}
 25% {
 -webkit-transform: scale(0.9, 0.9);
 transform: scale(0.9, 0.9);
 background: #03a9f4;
}
 50% {
 -webkit-transform: scale(1, 1);
 transform: scale(1, 1);
 margin: 0 3px;
 background: #03a9f4;
}
 100% {
 -webkit-transform: scale(0);
 transform: scale(0);
}
}
@-webkit-keyframes rotateY {
 0% {
 -webkit-transform: rotateY(0deg);
 transform: rotateY(0deg);
}
 50% {
 -webkit-transform: rotateY(90deg);
 transform: rotateY(90deg);
 background: #03a9f4;
}
 100% {
 -webkit-transform: rotateY(0deg);
 transform: rotateY(0deg);
}
}
@keyframes rotateY {
 0% {
 -webkit-transform: rotateY(0deg);
 transform: rotateY(0deg);
}
 50% {
 -webkit-transform: rotateY(90deg);
 transform: rotateY(90deg);
 background: #03a9f4;
}
 100% {
 -webkit-transform: rotateY(0deg);
 transform: rotateY(0deg);
}
}
@-webkit-keyframes rotateX {
 0% {
 -webkit-transform: rotateX(0deg);
 transform: rotateX(0deg);
}
 50% {
 -webkit-transform: rotateX(90deg) scale(0.5, 0.5);
 transform: rotateX(90deg) scale(0.5, 0.5);
 background: #03a9f4;
}
 100% {
 -webkit-transform: rotateX(0deg);
 transform: rotateX(0deg);
}
}
@keyframes rotateX {
 0% {
 -webkit-transform: rotateX(0deg);
 transform: rotateX(0deg);
}
 50% {
 -webkit-transform: rotateX(90deg) scale(0.5, 0.5);
 transform: rotateX(90deg) scale(0.5, 0.5);
 background: #03a9f4;
}
 100% {
 -webkit-transform: rotateX(0deg);
 transform: rotateX(0deg);
}
}
@-webkit-keyframes push {
 0% {
 -webkit-transform: translateX(0px) scale(0.9, 0.6);
 transform: translateX(0px) scale(0.9, 0.6);
}
 50% {
 -webkit-transform: translateY(-20px) scale(0.7, 1.1);
 transform: translateY(-20px) scale(0.7, 1.1);
 background: #03a9f4;
}
 100% {
 -webkit-transform: translateX(0px) scale(0.9, 0.6);
 transform: translateX(0px) scale(0.9, 0.6);
}
}
@keyframes push {
 0% {
 -webkit-transform: translateX(0px) scale(0.9, 0.6);
 transform: translateX(0px) scale(0.9, 0.6);
}
 50% {
 -webkit-transform: translateY(-20px) scale(0.7, 1.1);
 transform: translateY(-20px) scale(0.7, 1.1);
 background: #03a9f4;
}
 100% {
 -webkit-transform: translateX(0px) scale(0.9, 0.6);
 transform: translateX(0px) scale(0.9, 0.6);
}
}
@-webkit-keyframes rotateZ {
 0% {
 -webkit-transform: rotateZ(-20deg);
 transform: rotateZ(-20deg);
}
 50% {
 -webkit-transform: rotateZ(20deg) scaleY(1.2);
 transform: rotateZ(20deg) scaleY(1.2);
 background: #03a9f4;
}
 100% {
 -webkit-transform: rotateZ(-20deg);
 transform: rotateZ(-20deg);
}
}
@keyframes rotateZ {
 0% {
 -webkit-transform: rotateZ(-20deg);
 transform: rotateZ(-20deg);
}
 50% {
 -webkit-transform: rotateZ(20deg) scaleY(1.2);
 transform: rotateZ(20deg) scaleY(1.2);
 background: #03a9f4;
}
 100% {
 -webkit-transform: rotateZ(-20deg);
 transform: rotateZ(-20deg);
}
}
@-webkit-keyframes cuve {
 0% {
 -webkit-transform: rotateY(-90deg) perspective(50px);
 transform: rotateY(-90deg) perspective(50px);
 background: #03a9f4;
}
 50% {
 -webkit-transform: rotateY(0deg);
 transform: rotateY(0deg);
 background: #03a9f4;
}
 100% {
 -webkit-transform: rotateY(90deg) perspective(50px);
 transform: rotateY(90deg) perspective(50px);
 -webkit-transform-origin: 100% 50%;
 transform-origin: 100% 50%;
 background: #03a9f4;
}
}
@keyframes cuve {
 0% {
 -webkit-transform: rotateY(-90deg) perspective(50px);
 transform: rotateY(-90deg) perspective(50px);
 background: #03a9f4;
}
 50% {
 -webkit-transform: rotateY(0deg);
 transform: rotateY(0deg);
 background: #03a9f4;
}
 100% {
 -webkit-transform: rotateY(90deg) perspective(50px);
 transform: rotateY(90deg) perspective(50px);
 -webkit-transform-origin: 100% 50%;
 transform-origin: 100% 50%;
 background: #03a9f4;
}
}
@-webkit-keyframes temp {
 50% {
 -webkit-transform: scale(1, 5);
 transform: scale(1, 5);
 background: #03a9f4;
}
}
@keyframes temp {
 50% {
 -webkit-transform: scale(1, 5);
 transform: scale(1, 5);
 background: #03a9f4;
}
}






                              /*Preloader Demo 29 */

/******************************************************************************/
/******************************************************************************/




#ts-preloader-absolute30 {
	position: absolute;
	left: 60%;
	top: 74%;
	height: 200px;
	width: 200px;
	margin-top: -100px;
	margin-left: -100px;
}
#absolute30 span {
	display: inline-block;
	height: 15px;
	width: 15px;
	background: #03a9f4;
	border-radius: 0px;
}
 #absolute30 span:nth-child(1) {
 -webkit-border-radius: 0;
 -webkit-background-clip: padding-box;
 -moz-border-radius: 0;
 -moz-background-clip: padding;
 border-radius: 0;
 background-clip: padding-box;
 border-radius: 500px;
 -webkit-animation: scale 1s 0.1s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
 animation: scale 1s 0.1s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
#absolute30 span:nth-child(2) {
 -webkit-border-radius: 0;
 -webkit-background-clip: padding-box;
 -moz-border-radius: 0;
 -moz-background-clip: padding;
 border-radius: 0;
 background-clip: padding-box;
 border-radius: 500px;
 -webkit-animation: scale 1s 0.2s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
 animation: scale 1s 0.2s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
#absolute30 span:nth-child(3) {
 -webkit-border-radius: 0;
 -webkit-background-clip: padding-box;
 -moz-border-radius: 0;
 -moz-background-clip: padding;
 border-radius: 0;
 background-clip: padding-box;
 border-radius: 500px;
 -webkit-animation: scale 1s 0.3s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
 animation: scale 1s 0.3s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
#absolute30 span:nth-child(4) {
 -webkit-border-radius: 0;
 -webkit-background-clip: padding-box;
 -moz-border-radius: 0;
 -moz-background-clip: padding;
 border-radius: 0;
 background-clip: padding-box;
 border-radius: 500px;
 -webkit-animation: scale 1s 0.4s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
 animation: scale 1s 0.4s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
#absolute30 span:nth-child(5) {
 -webkit-border-radius: 0;
 -webkit-background-clip: padding-box;
 -moz-border-radius: 0;
 -moz-background-clip: padding;
 border-radius: 0;
 background-clip: padding-box;
 border-radius: 500px;
 -webkit-animation: scale 1s 0.5s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
 animation: scale 1s 0.5s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}



                              /*Preloader Demo 30*/

/******************************************************************************/
/******************************************************************************/




#ts-preloader-absolute31 {
	position: absolute;
	left: 60%;
	top: 74%;
	height: 200px;
	width: 200px;
	margin-top: -100px;
	margin-left: -100px;
}
#absolute31 span {
	display: inline-block;
	height: 15px;
	width: 15px;
	background: #03a9f4;
	border-radius: 0px;
}
 #absolute31 span:nth-child(1) {
 -webkit-animation: rotateY 4s 0.3s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045);
 animation: rotateY 4s 0.3s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045);
}
#absolute31 span:nth-child(2) {
 -webkit-animation: rotateY 4s 0.6s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045);
 animation: rotateY 4s 0.6s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045);
}
#absolute31 span:nth-child(3) {
 -webkit-animation: rotateY 4s 0.9s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045);
 animation: rotateY 4s 0.9s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045);
}
#absolute31 span:nth-child(4) {
 -webkit-animation: rotateY 4s 1.2s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045);
 animation: rotateY 4s 1.2s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045);
}
#absolute31 span:nth-child(5) {
 -webkit-animation: rotateY 4s 1.5s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045);
 animation: rotateY 4s 1.5s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045);
}






                              /*Preloader Demo 31*/

/******************************************************************************/
/******************************************************************************/








#ts-preloader-absolute32 {
	position: absolute;
	left: 60%;
	top: 74%;
	height: 200px;
	width: 200px;
	margin-top: -100px;
	margin-left: -100px;
}
#absolute32 span {
	display: inline-block;
	height: 15px;
	width: 15px;
	background: #03a9f4;
	border-radius: 0px;
}
 #absolute32 span:nth-child(1) {
 -webkit-animation: rotateX 2s 0.1s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045);
 animation: rotateX 2s 0.1s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045);
}
#absolute32 span:nth-child(2) {
 -webkit-animation: rotateX 2s 0.2s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045);
 animation: rotateX 2s 0.2s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045);
}
#absolute32 span:nth-child(3) {
 -webkit-animation: rotateX 2s 0.3s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045);
 animation: rotateX 2s 0.3s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045);
}
#absolute32 span:nth-child(4) {
 -webkit-animation: rotateX 2s 0.4s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045);
 animation: rotateX 2s 0.4s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045);
}
#absolute32 span:nth-child(5) {
 -webkit-animation: rotateX 2s 0.5s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045);
 animation: rotateX 2s 0.5s infinite cubic-bezier(0.65, 0.03, 0.735, 0.045);
}






                              /*Preloader Demo 32*/

/******************************************************************************/
/******************************************************************************/








#ts-preloader-absolute33 {
	position: absolute;
	left: 50%;
	top: 60%;
	height: 200px;
	width: 200px;
	margin-top: -100px;
	margin-left: -100px;
}
.clear-loading {
	text-align: center;
	margin: 0 auto;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.loading-effect-33 {
	width: 100px;
	height: 100px;
}
.loading-effect-33 span {
	display: block;
	-webit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	border: 4px solid #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.loading-effect-33 span:first-child {
	width: 100%;
	height: 100%;
	border-color: #19be9b;
	border-left-color: transparent;
	top: 0;
	left: 0;
	-webkit-animation: effect-1-1 4s infinite linear;
	-moz-animation: effect-1-1 4s infinite linear;
	-ms-animation: effect-1-1 4s infinite linear;
	-o-animation: effect-1-1 4s infinite linear;
	animation: effect-1-1 4s infinite linear;
}
.loading-effect-33 span:nth-child(2) {
 width: 75%;
 height: 75%;
 border-color: #03a9f4;
 border-right-color: transparent;
 top: 12.5%;
 left: 12.5%;
 -webkit-animation: effect-1-2 3s infinite linear;
 -moz-animation: effect-1-2 3s infinite linear;
 -ms-animation: effect-1-2 3s infinite linear;
 -o-animation: effect-1-2 3s infinite linear;
 animation: effect-1-2 3s infinite linear;
}
.loading-effect-33 span:last-child {
	width: 50%;
	height: 50%;
	border-color: #32465f;
	border-bottom-color: transparent;
	top: 25%;
	left: 25%;
	-webkit-animation: effect-1-1 4s infinite linear;
	-moz-animation: effect-1-1 4s infinite linear;
	-ms-animation: effect-1-1 4s infinite linear;
	-o-animation: effect-1-1 4s infinite linear;
	animation: effect-1-1 4s infinite linear;
}
@-webkit-keyframes effect-1-1 {
 from {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
to {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}
}
@keyframes effect-1-1 {
 from {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
to {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}
}
@-webkit-keyframes effect-1-2 {
 from {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
to {
	-webkit-transform: rotate(-360deg);
	-moz-transform: rotate(-360deg);
	-ms-transform: rotate(-360deg);
	-o-transform: rotate(-360deg);
	transform: rotate(-360deg);
}
}
@keyframes effect-1-2 {
 from {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
to {
	-webkit-transform: rotate(-360deg);
	-moz-transform: rotate(-360deg);
	-ms-transform: rotate(-360deg);
	-o-transform: rotate(-360deg);
	transform: rotate(-360deg);
}
}







                              /*Preloader Demo 33*/

/******************************************************************************/
/******************************************************************************/







#ts-preloader-absolute34 {
	position: absolute;
	left: 50%;
	top: 60%;
	height: 200px;
	width: 200px;
	margin-top: -100px;
	margin-left: -100px;
}
.loading-effect-34 {
	width: 100px;
	height: 100px;
}
.loading-effect-34 > span, .loading-effect-34 > span:before, .loading-effect-34 > span:after {
	content: "";
	display: block;
	border-radius: 50%;
	border: 2px solid #03a9f4;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.loading-effect-34 > span {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-left-color: transparent;
	-webkit-animation: effect-2 2s infinite linear;
	-moz-animation: effect-2 2s infinite linear;
	-ms-animation: effect-2 2s infinite linear;
	-o-animation: effect-2 2s infinite linear;
	animation: effect-2 2s infinite linear;
}
.loading-effect-34 > span:before {
	width: 75%;
	height: 75%;
	border-right-color: transparent;
}
.loading-effect-34 > span:after {
	width: 50%;
	height: 50%;
	border-bottom-color: transparent;
}
@-webkit-keyframes effect-2 {
 from {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
to {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}
}
@keyframes effect-2 {
 from {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
to {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}
}







                              /*Preloader Demo 34*/

/******************************************************************************/
/******************************************************************************/







#ts-preloader-absolute35 {
	position: absolute;
	left: 50%;
	top: 60%;
	height: 200px;
	width: 200px;
	margin-top: -100px;
	margin-left: -100px;
}
.loading-effect-35 {
	width: 100px;
	height: 100px;
}
.loading-effect-35 > div {
	width: 100%;
	height: 100%;
	border: 1px solid #03a9f4;
	border-radius: 50%;
}
.loading-effect-35 span {
	background: #fff;
	display: block;
	width: 15%;
	height: 15%;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	-webikt-transform-origin: 0 49px;
	-moz-transform-origin: 0 49px;
	-o-transform-origin: 0 49px;
	transform-origin: 0 49px;
}
.loading-effect-35 span:first-child {
	background: #19be9b;
	-webkit-animation: effect-4-1 1.5s infinite linear;
	-moz-animation: effect-4-1 1.5s infinite linear;
	-ms-animation: effect-4-1 1.5s infinite linear;
	-o-animation: effect-4-1 1.5s infinite linear;
	animation: effect-4-1 1.5s infinite linear;
}
.loading-effect-35 span:nth-child(2) {
 background: #03a9f4;
 -webkit-animation: effect-4-1 2s infinite linear;
 -moz-animation: effect-4-1 2s infinite linear;
 -ms-animation: effect-4-1 2s infinite linear;
 -o-animation: effect-4-1 2s infinite linear;
 animation: effect-4-1 2s infinite linear;
}
.loading-effect-35 span:nth-child(3) {
 background: #e64b3c;
 -webkit-animation: effect-4-1 2.5s infinite linear;
 -moz-animation: effect-4-1 2.5s infinite linear;
 -ms-animation: effect-4-1 2.5s infinite linear;
 -o-animation: effect-4-1 2.5s infinite linear;
 animation: effect-4-1 2.5s infinite linear;
}
.loading-effect-35 span:nth-child(4) {
 background: #32465f;
 -webkit-animation: effect-4-1 3s infinite linear;
 -moz-animation: effect-4-1 3s infinite linear;
 -ms-animation: effect-4-1 3s infinite linear;
 -o-animation: effect-4-1 3s infinite linear;
 animation: effect-4-1 3s infinite linear;
}
@-webkit-keyframes effect-4-1 {
 from {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
to {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}
}
@keyframes effect-4-1 {
 from {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
to {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}
}







                              /*Preloader Demo 35*/

/******************************************************************************/
/******************************************************************************/









#ts-preloader-absolute36 {
	height: 200px;
	left: 67%;
	margin-left: -100px;
	margin-top: -100px;
	position: absolute;
	top: 68%;
	width: 200px;
}



@-webkit-keyframes fade {
 from {
opacity: 1;
}
to {
	opacity: 0.2;
}
}
@keyframes fade {
 from {
opacity: 1;
}
to {
	opacity: 0.2;
}
}
 @-webkit-keyframes rotate {
 from {
-webkit-transform: rotate(0deg);
}
to {
	-webkit-transform: rotate(360deg);
}
}
@keyframes rotate {
 from {
transform: rotate(0deg);
}
to {
	transform: rotate(360deg);
}
}



@-webkit-keyframes windcatcherSpin {
 from {
-webkit-transform: rotateY(0deg) rotateX(-20deg);
}
to {
	-webkit-transform: rotateY(360deg) rotateX(-20deg);
}
}
@keyframes windcatcherSpin {
 from {
transform: rotateY(0deg) rotateX(-20deg);
}
to {
	transform: rotateY(360deg) rotateX(-20deg);
}
}
 @-webkit-keyframes windcatcherBg {
 0% {
background-color: rgb(255, 0, 0);
}
 50% {
background-color: rgb(150, 0, 0);
}
 51% {
background-color: rgb(255, 100, 100);
}
 70% {
background-color: rgb(255, 25, 25);
}
 100% {
background-color: #03a9f4;
}
}
@keyframes windcatcherBg {
 0% {
background-color: rgb(255, 0, 0);
}
 50% {
background-color: rgb(150, 0, 0);
}
 51% {
background-color: rgb(255, 100, 100);
}
 70% {
background-color: rgb(255, 25, 25);
}
 100% {
background-color: rgb(255, 0, 0);
}
}
.tsspinner.windcatcher {
	width: 4em;
	perspective: 50em;
	-webkit-animation: rotate 4s linear infinite;
	animation: rotate 4s linear infinite;
}
.tsspinner.windcatcher .tsblade {
	height: 0.5em;
	background: red;
	margin-bottom: 0.1em;
	-webkit-animation: windcatcherSpin 4s linear infinite, windcatcherBg 2s linear infinite;
	animation: windcatcherSpin 4s linear infinite, windcatcherBg 2s linear infinite;
}
 .tsspinner.windcatcher .tsblade:nth-child(1) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.tsspinner.windcatcher .tsblade:nth-child(2) {
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s;
}
.tsspinner.windcatcher .tsblade:nth-child(3) {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.tsspinner.windcatcher .tsblade:nth-child(4) {
-webkit-animation-delay: 0.75s;
animation-delay: 0.75s;
}
.tsspinner.windcatcher .tsblade:nth-child(5) {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.tsspinner.windcatcher .tsblade:nth-child(6) {
-webkit-animation-delay: 1.25s;
animation-delay: 1.25s;
}
.tsspinner.windcatcher .tsblade:nth-child(7) {
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.tsspinner.windcatcher .tsblade:nth-child(8) {
-webkit-animation-delay: 1.75s;
animation-delay: 1.75s;
}





                              /*Preloader Demo 36*/

/******************************************************************************/
/******************************************************************************/







#ts-preloader-absolute37 {
	position: absolute;
	left: 76%;
	top: 74%;
	height: 200px;
	width: 200px;
	margin-top: -100px;
	margin-left: -100px;
}



@-webkit-keyframes slabMove {
 0% {
-webkit-transform: translateY(0) rotateX(30deg);
opacity: 0;
}
 10% {
-webkit-transform: translateY(-48%);
opacity: 1;
}
 90% {
-webkit-transform: translateY(-422%);
opacity: 0.1;
}
 100% {
-webkit-transform: translateY(-480%);
opacity: 0;
}
}
@keyframes slabMove {
 0% {
transform: translateY(0) rotateX(30deg);
opacity: 0;
}
 10% {
transform: translateY(-48%);
opacity: 1;
}
 90% {
transform: translateY(-422%);
opacity: 0.1;
}
 100% {
transform: translateY(-480%);
opacity: 0;
}
}
.tsspinner.tsslabs {
	width: 4em;
	height: 4em;
	-webkit-transform: perspective(15em) rotateX(65deg) rotateZ(-30deg);
	transform: perspective(15em) rotateX(65deg) rotateZ(-30deg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.tsspinner.tsslabs .tsslab {
	position: absolute;
	width: 4em;
	height: 4em;
	background: #03a9f4;
	opacity: 0;
	box-shadow: -0.08em 0.15em 0 #03a9f4;
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-animation: slabMove 4s linear infinite;
	animation: slabMove 4s linear infinite;
}
 .tsspinner.tsslabs .tsslab:nth-child(1) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.tsspinner.tsslabs .tsslab:nth-child(2) {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.tsspinner.tsslabs .tsslab:nth-child(3) {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.tsspinner.tsslabs .tsslab:nth-child(4) {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}








                              /*Preloader Demo 37*/

/******************************************************************************/
/******************************************************************************/










#ts-preloader-absolute38 {
	height: 200px;
	left: 66%;
	margin-left: -100px;
	margin-top: -100px;
	position: absolute;
	top: 60%;
	width: 200px;
}

@-webkit-keyframes newtonBallFirst {
 0% {
-webkit-transform: rotate(70deg);
}
 50% {
-webkit-transform: rotate(0deg);
}
 100% {
-webkit-transform: rotate(0deg);
}
}
@-webkit-keyframes newtonBallMiddle {
 0% {
-webkit-transform: rotate(0deg);
}
 50% {
-webkit-transform: rotate(0deg);
}
 51% {
-webkit-transform: rotate(-0.5deg);
}
 52% {
-webkit-transform: rotate(0.5deg);
}
 53% {
-webkit-transform: rotate(0deg);
}
 100% {
-webkit-transform: rotate(0deg);
}
}
@-webkit-keyframes newtonBallLast {
 0% {
-webkit-transform: rotate(0deg);
}
 50% {
-webkit-transform: rotate(0deg);
}
 100% {
-webkit-transform: rotate(-70deg);
}
}
@keyframes newtonBallFirst {
 0% {
transform: rotate(70deg);
}
 50% {
transform: rotate(0deg);
}
 100% {
transform: rotate(0deg);
}
}
@keyframes newtonBallMiddle {
 0% {
transform: rotate(0deg);
}
 50% {
transform: rotate(0deg);
}
 51% {
transform: rotate(-0.5deg);
}
 52% {
transform: rotate(0.5deg);
}
 53% {
transform: rotate(0deg);
}
 100% {
transform: rotate(0deg);
}
}
@keyframes newtonBallLast {
 0% {
transform: rotate(0deg);
}
 50% {
transform: rotate(0deg);
}
 100% {
transform: rotate(-70deg);
}
}
.tsspinner.newton .tsball {
	position: relative;
	display: inline-block;
	width: 1em;
	height: 6em;
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}
 .tsspinner.newton .tsball::after {
 content: '';
 position: absolute;
 left: 0;
 bottom: 0;
 width: 1em;
 height: 1em;
 border-radius: 100%;
 background: radial-gradient(circle at 40% 40%, #03a9f4 39%, #03a9f4 42%);
}
 .tsspinner.newton .tsball::before {
 content: '';
 position: absolute;
 width: 0.08em;
 margin-left: -0.04em;
 top: 0;
 left: 50%;
 bottom: 1em;
 background: linear-gradient(transparent, #03a9f4);
}
.tsspinner.newton .tsball {
	-webkit-animation: newtonBallMiddle 1s infinite alternate;
	animation: newtonBallMiddle 1s infinite alternate;
}
.tsspinner.newton .tsball:first-child {
	-webkit-animation: newtonBallFirst 1s ease-in infinite alternate;
	animation: newtonBallFirst 1s ease-in infinite alternate;
}
.tsspinner.newton .tsball:first-child::after {
 -webkit-animation: newtonBallLast 1s ease-out infinite alternate-reverse;
 animation: newtonBallLast 1s ease-out infinite alternate-reverse;
}
.tsspinner.newton .tsball:last-child {
	-webkit-animation: newtonBallLast 1s ease-out infinite alternate;
	animation: newtonBallLast 1s ease-out infinite alternate;
}
.tsspinner.newton .tsball:last-child::after {
 -webkit-animation: newtonBallFirst 1s ease-in infinite alternate-reverse;
 animation: newtonBallFirst 1s ease-in infinite alternate-reverse;
}






                              /*Preloader Demo 38*/

/******************************************************************************/
/******************************************************************************/








#ts-preloader-absolute39 {
	height: 200px;
	left: 68%;
	margin-left: -100px;
	margin-top: -100px;
	position: absolute;
	top: 69%;
	width: 200px;
}


@-webkit-keyframes clockHandRotate {
 from {
-webkit-transform: rotate(0deg) translateY(6%);
}
to {
	-webkit-transform: rotate(360deg) translateY(6%);
}
}
@keyframes clockHandRotate {
 from {
transform: rotate(0deg) translateY(6%);
}
to {
	transform: rotate(360deg) translateY(6%);
}
}
 @-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 -webkit-transform: translate3d(0, 0, 0);
}
 40% {
 -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 -webkit-transform: translate3d(0, -2em, 0);
}
 70% {
 -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 -webkit-transform: translate3d(0, -1em, 0);
}
 90% {
 -webkit-transform: translate3d(0, -0.25em, 0);
}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {
 transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 transform: translate3d(0, 0, 0);
}
 40% {
 transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 transform: translate3d(0, -2em, 0);
}
 70% {
 transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 transform: translate3d(0, -1em, 0);
}
 90% {
 transform: translate3d(0, -0.25em, 0);
}
}
 @-webkit-keyframes clockShadowFade {
 0%, 20%, 50%, 80%, 100% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 opacity: 1;
}
 40% {
 -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 opacity: 0.2;
}
 70% {
 -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 opacity: 0.4;
}
 90% {
 opacity: 0.8;
}
}
@keyframes clockShadowFade {
 0%, 20%, 50%, 80%, 100% {
 transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 opacity: 1;
}
 40% {
 transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 opacity: 0.2;
}
 70% {
 transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 opacity: 0.4;
}
 90% {
 opacity: 0.8;
}
}
.tsspinner.tsclock {
	width: 4em;
	height: 4em;
	position: relative;
}
.tsspinner.tsclock .tsdial {
	width: 100%;
	height: 100%;
	background: radial-gradient(circle, white, rgb(210, 210, 210));
	border: 0.2em solid #03a9f4;
	border-radius: 100%;
	box-sizing: border-box;
	-webkit-animation: bounce 1.5s infinite;
	animation: bounce 1.5s infinite;
}
.tsspinner.tsclock .tsdial .hand {
	position: absolute;
	bottom: 2em;
	width: 0.2em;
	left: 50%;
	margin-left: -0.1em;
	background-color: #03a9f4;
	border-radius: 0 0 0.2em 0.2em;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}
.tsspinner.tsclock .tsdial .hour.hand {
	height: 1em;
	-webkit-animation: clockHandRotate 12s linear infinite;
	animation: clockHandRotate 12s linear infinite;
}
.tsspinner.tsclock .tsdial .minute.hand {
	height: 1.5em;
	-webkit-animation: clockHandRotate 1s linear infinite;
	animation: clockHandRotate 1s linear infinite;
}
.tsspinner.tsclock .tsshadow {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 0.5em;
	margin-bottom: -0.25em;
	background: radial-gradient(#03a9f4, transparent 60%);
	-webkit-animation: clockShadowFade 1.5s linear infinite;
	animation: clockShadowFade 1.5s linear infinite;
}




                              /*Preloader Demo 39*/

/******************************************************************************/
/******************************************************************************/




#ts-preloader-absolute40 {
	position: absolute;
	left: 67%;
	top: 74%;
	height: 200px;
	width: 200px;
	margin-top: -100px;
	margin-left: -100px;
}



@-webkit-keyframes sphereSpin {
 0% {
-webkit-transform: rotateX(360deg) rotateY(0deg);
}
 100% {
-webkit-transform: rotateX(0deg) rotateY(360deg);
}
}
@keyframes sphereSpin {
 0% {
transform: rotateX(360deg) rotateY(0deg);
}
 100% {
transform: rotateX(0deg) rotateY(360deg);
}
}
.tsspinner.sphere {
	width: 4em;
	height: 4em;
	-webkit-transform: perspective(20em) rotateX(-24deg) rotateY(20deg) rotateZ(30deg);
	transform: perspective(20em) rotateX(-24deg) rotateY(20deg) rotateZ(30deg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.tsspinner .tsinner {
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-animation: sphereSpin 6s linear infinite;
	animation: sphereSpin 6s linear infinite;
}
.tsspinner.sphere .tsdisc {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	border: 0.3em dotted #03a9f4;
}
 @-webkit-keyframes rotateDisc2 {
 from {
-webkit-transform: rotateX(90deg) rotateZ(0deg);
}
to {
	-webkit-transform: rotateX(90deg) rotateZ(360deg);
}
}
@keyframes rotateDisc2 {
 from {
transform: rotateX(90deg) rotateZ(0deg);
}
to {
	transform: rotateX(90deg) rotateZ(360deg);
}
}
 @-webkit-keyframes rotateDisc3 {
 from {
-webkit-transform: rotateY(90deg) rotateZ(0deg);
}
to {
	-webkit-transform: rotateY(90deg) rotateZ(360deg);
}
}
@keyframes rotateDisc3 {
 from {
transform: rotateY(90deg) rotateZ(0deg);
}
to {
	transform: rotateY(90deg) rotateZ(360deg);
}
}
 .tsspinner.sphere .tsdisc:nth-child(1) {
 -webkit-animation: rotate 12s linear infinite;
 animation: rotate 12s linear infinite;
}
.tsspinner.sphere .tsdisc:nth-child(2) {
 -webkit-animation: rotateDisc2 12s linear infinite;
 animation: rotateDisc2 12s linear infinite;
}
.tsspinner.sphere .tsdisc:nth-child(3) {
 -webkit-animation: rotateDisc3 12s linear infinite;
 animation: rotateDisc3 12s linear infinite;
}





                              /*Preloader Demo 40*/

/******************************************************************************/
/******************************************************************************/









#ts-preloader-absolute41 {
	height: 200px;
	left: 67%;
	margin-left: -100px;
	margin-top: -100px;
	position: absolute;
	top: 72%;
	width: 200px;
}

.tsspinner.colorwheel {
	position: relative;
	display: inline-block;
	width: 4em;
	height: 4em;
	overflow: hidden;
	border-radius: 100%;
	z-index: 0;
}
 .tsspinner.colorwheel::before, .tsspinner.colorwheel::after {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
 .tsspinner.colorwheel::before {
 background: linear-gradient(to right, green, yellow);
 -webkit-animation: rotate 2.5s linear infinite;
 animation: rotate 2.5s linear infinite;
}
 .tsspinner.colorwheel::after {
 background: linear-gradient(to bottom, red, blue);
 -webkit-animation: fade 2s infinite alternate, rotate 2.5s linear reverse infinite;
 animation: fade 2s infinite alternate, rotate 2.5s linear reverse infinite;
}
.tsspinner .centerpiece {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	border-radius: 100%;
	box-sizing: border-box;
	border-left: 0.5em solid transparent;
	border-right: 0.5em solid transparent;
	border-bottom: 0.5em solid #03a9f4;
	border-top: 0.5em solid #03a9f4;
	-webkit-animation: rotate 0.8s linear infinite;
	animation: rotate 0.8s linear infinite;
}




                              /*Preloader Demo 41*/

/******************************************************************************/
/******************************************************************************/




#ts-preloader-absolute42 {
	height: 200px;
	left: 50%;
	margin-left: -100px;
	margin-top: -100px;
	position: absolute;
	top: 81%;
	width: 200px;
}


.tsspinner.infinity {
	-webkit-transform: perspective(10em) rotateZ(90deg) rotateY(30deg);
	transform: perspective(10em) rotateZ(90deg) rotateY(30deg);
}
.tsspinner.infinity .tshalf {
	position: relative;
	width: 4em;
	height: 4em;
}
.tsspinner.infinity .tsmarker {
	position: absolute;
	width: 100%;
	height: 100%;
}
 @-webkit-keyframes rotateHide {
 0% {
-webkit-transform: rotate(0deg);
opacity: 0;
}
 25% {
opacity: 1;
}
 50%, 100% {
-webkit-transform: rotate(360deg);
opacity: 0;
}
}
@keyframes rotateHide {
 0% {
transform: rotate(0deg);
opacity: 0;
}
 25% {
opacity: 1;
}
 50%, 100% {
transform: rotate(360deg);
opacity: 0;
}
}
 .tsspinner.infinity .tsmarker::after {
 opacity: 0;
 content: '\2022';
 width: 100%;
 height: 100%;
 display: block;
 -webkit-animation: rotateHide 3.5s cubic-bezier(0.4, 0.1, 0.6, 0.9) infinite;
 animation: rotateHide 3.5s cubic-bezier(0.4, 0.1, 0.6, 0.9) infinite;
}
.tsspinner.infinity .tshalf:first-child {
	-webkit-transform: translateY(1em) rotateX(180deg);
	transform: translateY(1em) rotateX(180deg);
}
 .tsspinner.infinity .tshalf:first-child .tsmarker:nth-child(1)::after {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.tsspinner.infinity .tshalf:first-child .tsmarker:nth-child(2)::after {
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s;
}
.tsspinner.infinity .tshalf:first-child .tsmarker:nth-child(3)::after {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.tsspinner.infinity .tshalf:first-child .tsmarker:nth-child(4)::after {
-webkit-animation-delay: 0.75s;
animation-delay: 0.75s;
}
.tsspinner.infinity .tshalf:first-child .tsmarker:nth-child(5)::after {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.tsspinner.infinity .tshalf:first-child .tsmarker:nth-child(6)::after {
-webkit-animation-delay: 1.25s;
animation-delay: 1.25s;
}
.tsspinner.infinity .tshalf:first-child .tsmarker:nth-child(7)::after {
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.tsspinner.infinity .tshalf:first-child .tsmarker:nth-child(8)::after {
-webkit-animation-delay: 1.75s;
animation-delay: 1.75s;
}
 .tsspinner.infinity .tshalf:last-child .tsmarker:nth-child(1)::after {
-webkit-animation-delay: 1.75s;
animation-delay: 1.75s;
}
.tsspinner.infinity .tshalf:last-child .tsmarker:nth-child(2)::after {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.tsspinner.infinity .tshalf:last-child .tsmarker:nth-child(3)::after {
-webkit-animation-delay: 2.25s;
animation-delay: 2.25s;
}
.tsspinner.infinity .tshalf:last-child .tsmarker:nth-child(4)::after {
-webkit-animation-delay: 2.5s;
animation-delay: 2.5s;
}
.tsspinner.infinity .tshalf:last-child .tsmarker:nth-child(5)::after {
-webkit-animation-delay: 2.75s;
animation-delay: 2.75s;
}
.tsspinner.infinity .tshalf:last-child .tsmarker:nth-child(6)::after {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.tsspinner.infinity .tshalf:last-child .tsmarker:nth-child(7)::after {
-webkit-animation-delay: 3.25s;
animation-delay: 3.25s;
}
.tsspinner.infinity .tshalf:last-child .tsmarker:nth-child(8)::after {
-webkit-animation-delay: 3.5s;
animation-delay: 3.5s;
}



                              /*Preloader Demo 42*/

/******************************************************************************/
/******************************************************************************/




#ts-preloader-absolute43 {
	height: 200px;
	left: 50%;
	margin-left: -100px;
	margin-top: -100px;
	position: absolute;
	top: 81%;
	width: 200px;
}
.tscssload-wrap {
	position: absolute;
	margin: 0 auto 0;
	left: 50%;
	margin-left: -218px;
	transform: rotateX(75deg);
}
.tscssload-circle {
	position: absolute;
	float: left;
	border: 1px solid white;
	animation: bounce 1.73s infinite ease-in-out alternate;
	-o-animation: bounce 1.73s infinite ease-in-out alternate;
	-ms-animation: bounce 1.73s infinite ease-in-out alternate;
	-webkit-animation: bounce 1.73s infinite ease-in-out alternate;
	-moz-animation: bounce 1.73s infinite ease-in-out alternate;
	border-radius: 100%;
	background: transparent;
	top: -73px;
	left: -73px;
}
.tscssload-circle:nth-child(1) {
 margin: 0 288px;
 width: 10px;
 height: 10px;
 animation-delay: 115ms;
 -o-animation-delay: 115ms;
 -ms-animation-delay: 115ms;
 -webkit-animation-delay: 115ms;
 -moz-animation-delay: 115ms;
 z-index: -1;
 border: 1px solid rgba(255, 43, 0, 0.7);
}
.tscssload-circle:nth-child(2) {
 margin: 0 283px;
 width: 19px;
 height: 19px;
 animation-delay: 230ms;
 -o-animation-delay: 230ms;
 -ms-animation-delay: 230ms;
 -webkit-animation-delay: 230ms;
 -moz-animation-delay: 230ms;
 z-index: -2;
 border: 1px solid rgba(255, 85, 0, 0.7);
}
.tscssload-circle:nth-child(3) {
 margin: 0 278px;
 width: 29px;
 height: 29px;
 animation-delay: 345ms;
 -o-animation-delay: 345ms;
 -ms-animation-delay: 345ms;
 -webkit-animation-delay: 345ms;
 -moz-animation-delay: 345ms;
 z-index: -3;
 border: 1px solid rgba(255, 128, 0, 0.7);
}
.tscssload-circle:nth-child(4) {
 margin: 0 273px;
 width: 39px;
 height: 39px;
 animation-delay: 460ms;
 -o-animation-delay: 460ms;
 -ms-animation-delay: 460ms;
 -webkit-animation-delay: 460ms;
 -moz-animation-delay: 460ms;
 z-index: -4;
 border: 1px solid rgba(255, 170, 0, 0.7);
}
.tscssload-circle:nth-child(5) {
 margin: 0 268px;
 width: 49px;
 height: 49px;
 animation-delay: 575ms;
 -o-animation-delay: 575ms;
 -ms-animation-delay: 575ms;
 -webkit-animation-delay: 575ms;
 -moz-animation-delay: 575ms;
 z-index: -5;
 border: 1px solid rgba(255, 213, 0, 0.7);
}
.tscssload-circle:nth-child(6) {
 margin: 0 263px;
 width: 58px;
 height: 58px;
 animation-delay: 690ms;
 -o-animation-delay: 690ms;
 -ms-animation-delay: 690ms;
 -webkit-animation-delay: 690ms;
 -moz-animation-delay: 690ms;
 z-index: -6;
 border: 1px solid rgba(255, 255, 0, 0.7);
}
.tscssload-circle:nth-child(7) {
 margin: 0 258px;
 width: 68px;
 height: 68px;
 animation-delay: 805ms;
 -o-animation-delay: 805ms;
 -ms-animation-delay: 805ms;
 -webkit-animation-delay: 805ms;
 -moz-animation-delay: 805ms;
 z-index: -7;
 border: 1px solid rgba(212, 255, 0, 0.7);
}
.tscssload-circle:nth-child(8) {
 margin: 0 253px;
 width: 78px;
 height: 78px;
 animation-delay: 920ms;
 -o-animation-delay: 920ms;
 -ms-animation-delay: 920ms;
 -webkit-animation-delay: 920ms;
 -moz-animation-delay: 920ms;
 z-index: -8;
 border: 1px solid rgba(170, 255, 0, 0.7);
}
.tscssload-circle:nth-child(9) {
 margin: 0 249px;
 width: 88px;
 height: 88px;
 animation-delay: 1035ms;
 -o-animation-delay: 1035ms;
 -ms-animation-delay: 1035ms;
 -webkit-animation-delay: 1035ms;
 -moz-animation-delay: 1035ms;
 z-index: -9;
 border: 1px solid rgba(128, 255, 0, 0.7);
}
.tscssload-circle:nth-child(10) {
 margin: 0 244px;
 width: 97px;
 height: 97px;
 animation-delay: 1150ms;
 -o-animation-delay: 1150ms;
 -ms-animation-delay: 1150ms;
 -webkit-animation-delay: 1150ms;
 -moz-animation-delay: 1150ms;
 z-index: -10;
 border: 1px solid rgba(85, 255, 0, 0.7);
}
.tscssload-circle:nth-child(11) {
 margin: 0 239px;
 width: 107px;
 height: 107px;
 animation-delay: 1265ms;
 -o-animation-delay: 1265ms;
 -ms-animation-delay: 1265ms;
 -webkit-animation-delay: 1265ms;
 -moz-animation-delay: 1265ms;
 z-index: -11;
 border: 1px solid rgba(43, 255, 0, 0.7);
}
.tscssload-circle:nth-child(12) {
 margin: 0 234px;
 width: 117px;
 height: 117px;
 animation-delay: 1380ms;
 -o-animation-delay: 1380ms;
 -ms-animation-delay: 1380ms;
 -webkit-animation-delay: 1380ms;
 -moz-animation-delay: 1380ms;
 z-index: -12;
 border: 1px solid rgba(0, 255, 0, 0.7);
}
.tscssload-circle:nth-child(13) {
 margin: 0 229px;
 width: 127px;
 height: 127px;
 animation-delay: 1495ms;
 -o-animation-delay: 1495ms;
 -ms-animation-delay: 1495ms;
 -webkit-animation-delay: 1495ms;
 -moz-animation-delay: 1495ms;
 z-index: -13;
 border: 1px solid rgba(0, 255, 43, 0.7);
}
.tscssload-circle:nth-child(14) {
 margin: 0 224px;
 width: 136px;
 height: 136px;
 animation-delay: 1610ms;
 -o-animation-delay: 1610ms;
 -ms-animation-delay: 1610ms;
 -webkit-animation-delay: 1610ms;
 -moz-animation-delay: 1610ms;
 z-index: -14;
 border: 1px solid rgba(0, 255, 85, 0.7);
}
.tscssload-circle:nth-child(15) {
 margin: 0 219px;
 width: 146px;
 height: 146px;
 animation-delay: 1725ms;
 -o-animation-delay: 1725ms;
 -ms-animation-delay: 1725ms;
 -webkit-animation-delay: 1725ms;
 -moz-animation-delay: 1725ms;
 z-index: -15;
 border: 1px solid rgba(0, 255, 128, 0.7);
}
.tscssload-circle:nth-child(16) {
 margin: 0 214px;
 width: 156px;
 height: 156px;
 animation-delay: 1840ms;
 -o-animation-delay: 1840ms;
 -ms-animation-delay: 1840ms;
 -webkit-animation-delay: 1840ms;
 -moz-animation-delay: 1840ms;
 z-index: -16;
 border: 1px solid rgba(0, 255, 170, 0.7);
}
.tscssload-circle:nth-child(17) {
 margin: 0 210px;
 width: 166px;
 height: 166px;
 animation-delay: 1955ms;
 -o-animation-delay: 1955ms;
 -ms-animation-delay: 1955ms;
 -webkit-animation-delay: 1955ms;
 -moz-animation-delay: 1955ms;
 z-index: -17;
 border: 1px solid rgba(0, 255, 213, 0.7);
}
.tscssload-circle:nth-child(18) {
 margin: 0 205px;
 width: 175px;
 height: 175px;
 animation-delay: 2070ms;
 -o-animation-delay: 2070ms;
 -ms-animation-delay: 2070ms;
 -webkit-animation-delay: 2070ms;
 -moz-animation-delay: 2070ms;
 z-index: -18;
 border: 1px solid rgba(0, 255, 255, 0.7);
}
.tscssload-circle:nth-child(19) {
 margin: 0 200px;
 width: 185px;
 height: 185px;
 animation-delay: 2185ms;
 -o-animation-delay: 2185ms;
 -ms-animation-delay: 2185ms;
 -webkit-animation-delay: 2185ms;
 -moz-animation-delay: 2185ms;
 z-index: -19;
 border: 1px solid rgba(0, 212, 255, 0.7);
}
.tscssload-circle:nth-child(20) {
 margin: 0 195px;
 width: 195px;
 height: 195px;
 animation-delay: 2300ms;
 -o-animation-delay: 2300ms;
 -ms-animation-delay: 2300ms;
 -webkit-animation-delay: 2300ms;
 -moz-animation-delay: 2300ms;
 z-index: -20;
 border: 1px solid rgba(0, 170, 255, 0.7);
}
.tscssload-circle:nth-child(21) {
 margin: 0 190px;
 width: 205px;
 height: 205px;
 animation-delay: 2415ms;
 -o-animation-delay: 2415ms;
 -ms-animation-delay: 2415ms;
 -webkit-animation-delay: 2415ms;
 -moz-animation-delay: 2415ms;
 z-index: -21;
 border: 1px solid rgba(0, 127, 255, 0.7);
}
.tscssload-circle:nth-child(22) {
 margin: 0 185px;
 width: 214px;
 height: 214px;
 animation-delay: 2530ms;
 -o-animation-delay: 2530ms;
 -ms-animation-delay: 2530ms;
 -webkit-animation-delay: 2530ms;
 -moz-animation-delay: 2530ms;
 z-index: -22;
 border: 1px solid rgba(0, 85, 255, 0.7);
}
.tscssload-circle:nth-child(23) {
 margin: 0 180px;
 width: 224px;
 height: 224px;
 animation-delay: 2645ms;
 -o-animation-delay: 2645ms;
 -ms-animation-delay: 2645ms;
 -webkit-animation-delay: 2645ms;
 -moz-animation-delay: 2645ms;
 z-index: -23;
 border: 1px solid rgba(0, 43, 255, 0.7);
}
.tscssload-circle:nth-child(24) {
 margin: 0 175px;
 width: 234px;
 height: 234px;
 animation-delay: 2760ms;
 -o-animation-delay: 2760ms;
 -ms-animation-delay: 2760ms;
 -webkit-animation-delay: 2760ms;
 -moz-animation-delay: 2760ms;
 z-index: -24;
 border: 1px solid rgba(0, 0, 255, 0.7);
}
.tscssload-circle:nth-child(25) {
 margin: 0 171px;
 width: 244px;
 height: 244px;
 animation-delay: 2875ms;
 -o-animation-delay: 2875ms;
 -ms-animation-delay: 2875ms;
 -webkit-animation-delay: 2875ms;
 -moz-animation-delay: 2875ms;
 z-index: -25;
 border: 1px solid rgba(42, 0, 255, 0.7);
}
.tscssload-circle:nth-child(26) {
 margin: 0 166px;
 width: 253px;
 height: 253px;
 animation-delay: 2990ms;
 -o-animation-delay: 2990ms;
 -ms-animation-delay: 2990ms;
 -webkit-animation-delay: 2990ms;
 -moz-animation-delay: 2990ms;
 z-index: -26;
 border: 1px solid rgba(85, 0, 255, 0.7);
}
.tscssload-circle:nth-child(27) {
 margin: 0 161px;
 width: 263px;
 height: 263px;
 animation-delay: 3105ms;
 -o-animation-delay: 3105ms;
 -ms-animation-delay: 3105ms;
 -webkit-animation-delay: 3105ms;
 -moz-animation-delay: 3105ms;
 z-index: -27;
 border: 1px solid rgba(127, 0, 255, 0.7);
}
.tscssload-circle:nth-child(28) {
 margin: 0 156px;
 width: 273px;
 height: 273px;
 animation-delay: 3220ms;
 -o-animation-delay: 3220ms;
 -ms-animation-delay: 3220ms;
 -webkit-animation-delay: 3220ms;
 -moz-animation-delay: 3220ms;
 z-index: -28;
 border: 1px solid rgba(170, 0, 255, 0.7);
}
.tscssload-circle:nth-child(29) {
 margin: 0 151px;
 width: 283px;
 height: 283px;
 animation-delay: 3335ms;
 -o-animation-delay: 3335ms;
 -ms-animation-delay: 3335ms;
 -webkit-animation-delay: 3335ms;
 -moz-animation-delay: 3335ms;
 z-index: -29;
 border: 1px solid rgba(212, 0, 255, 0.7);
}
.tscssload-circle:nth-child(30) {
 margin: 0 146px;
 width: 292px;
 height: 292px;
 animation-delay: 3450ms;
 -o-animation-delay: 3450ms;
 -ms-animation-delay: 3450ms;
 -webkit-animation-delay: 3450ms;
 -moz-animation-delay: 3450ms;
 z-index: -30;
 border: 1px solid rgba(255, 0, 255, 0.7);
}
 @keyframes bounce {
 0% {
 transform: translateY(0px);
}
 100% {
 transform: translateY(97px);
}
}
 @-o-keyframes bounce {
 0% {
 -o-transform: translateY(0px);
}
 100% {
 -o-transform: translateY(97px);
}
}
 @-ms-keyframes bounce {
 0% {
 -ms-transform: translateY(0px);
}
 100% {
 -ms-transform: translateY(97px);
}
}
 @-webkit-keyframes bounce {
 0% {
 -webkit-transform: translateY(0px);
}
 100% {
 -webkit-transform: translateY(97px);
}
}
 @-moz-keyframes bounce {
 0% {
 -moz-transform: translateY(0px);
}
 100% {
 -moz-transform: translateY(97px);
}
}





                              /*Preloader Demo 43*/

/******************************************************************************/
/******************************************************************************/






#ts-preloader-absolute44 {
	height: 200px;
	left: 50%;
	margin-left: -100px;
	margin-top: -100px;
	position: absolute;
	top: 70%;
	width: 200px;
}
#circularG {
	position:relative;
	width:58px;
	height:58px;
	margin: auto;
}
.circularG {
	position:absolute;
	background-color:#03a9f4;
	width:14px;
	height:14px;
	border-radius:9px;
	-o-border-radius:9px;
	-ms-border-radius:9px;
	-webkit-border-radius:9px;
	-moz-border-radius:9px;
	animation-name:bounce_circularG;
	-o-animation-name:bounce_circularG;
	-ms-animation-name:bounce_circularG;
	-webkit-animation-name:bounce_circularG;
	-moz-animation-name:bounce_circularG;
	animation-duration:1.1s;
	-o-animation-duration:1.1s;
	-ms-animation-duration:1.1s;
	-webkit-animation-duration:1.1s;
	-moz-animation-duration:1.1s;
	animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	-ms-animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	animation-direction:normal;
	-o-animation-direction:normal;
	-ms-animation-direction:normal;
	-webkit-animation-direction:normal;
	-moz-animation-direction:normal;
}
#circularG_1 {
	left:0;
	top:23px;
	animation-delay:0.41s;
	-o-animation-delay:0.41s;
	-ms-animation-delay:0.41s;
	-webkit-animation-delay:0.41s;
	-moz-animation-delay:0.41s;
}
#circularG_2 {
	left:6px;
	top:6px;
	animation-delay:0.55s;
	-o-animation-delay:0.55s;
	-ms-animation-delay:0.55s;
	-webkit-animation-delay:0.55s;
	-moz-animation-delay:0.55s;
}
#circularG_3 {
	top:0;
	left:23px;
	animation-delay:0.69s;
	-o-animation-delay:0.69s;
	-ms-animation-delay:0.69s;
	-webkit-animation-delay:0.69s;
	-moz-animation-delay:0.69s;
}
#circularG_4 {
	right:6px;
	top:6px;
	animation-delay:0.83s;
	-o-animation-delay:0.83s;
	-ms-animation-delay:0.83s;
	-webkit-animation-delay:0.83s;
	-moz-animation-delay:0.83s;
}
#circularG_5 {
	right:0;
	top:23px;
	animation-delay:0.97s;
	-o-animation-delay:0.97s;
	-ms-animation-delay:0.97s;
	-webkit-animation-delay:0.97s;
	-moz-animation-delay:0.97s;
}
#circularG_6 {
	right:6px;
	bottom:6px;
	animation-delay:1.1s;
	-o-animation-delay:1.1s;
	-ms-animation-delay:1.1s;
	-webkit-animation-delay:1.1s;
	-moz-animation-delay:1.1s;
}
#circularG_7 {
	left:23px;
	bottom:0;
	animation-delay:1.24s;
	-o-animation-delay:1.24s;
	-ms-animation-delay:1.24s;
	-webkit-animation-delay:1.24s;
	-moz-animation-delay:1.24s;
}
#circularG_8 {
	left:6px;
	bottom:6px;
	animation-delay:1.38s;
	-o-animation-delay:1.38s;
	-ms-animation-delay:1.38s;
	-webkit-animation-delay:1.38s;
	-moz-animation-delay:1.38s;
}
 @keyframes bounce_circularG {
 0% {
 transform:scale(1);
}
 100% {
 transform:scale(.3);
}
}
 @-o-keyframes bounce_circularG {
 0% {
 -o-transform:scale(1);
}
 100% {
 -o-transform:scale(.3);
}
}
 @-ms-keyframes bounce_circularG {
 0% {
 -ms-transform:scale(1);
}
 100% {
 -ms-transform:scale(.3);
}
}
 @-webkit-keyframes bounce_circularG {
 0% {
 -webkit-transform:scale(1);
}
 100% {
 -webkit-transform:scale(.3);
}
}
 @-moz-keyframes bounce_circularG {
 0% {
 -moz-transform:scale(1);
}
 100% {
 -moz-transform:scale(.3);
}
}








                              /*Preloader Demo 44*/

/******************************************************************************/
/******************************************************************************/




#ts-preloader-absolute45 {
	height: 200px;
	left: 50%;
	margin-left: -100px;
	margin-top: -100px;
	position: absolute;
	top: 70%;
	width: 200px;
}
#fountainTextG {
	width:234px;
	margin:auto;
}
.fountainTextG {
	color:#03a9f4;
	font-family:Arial;
	font-size:24px;
	text-decoration:none;
	font-weight:normal;
	font-style:normal;
	float:left;
	animation-name:bounce_fountainTextG;
	-o-animation-name:bounce_fountainTextG;
	-ms-animation-name:bounce_fountainTextG;
	-webkit-animation-name:bounce_fountainTextG;
	-moz-animation-name:bounce_fountainTextG;
	animation-duration:2.09s;
	-o-animation-duration:2.09s;
	-ms-animation-duration:2.09s;
	-webkit-animation-duration:2.09s;
	-moz-animation-duration:2.09s;
	animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	-ms-animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	animation-direction:normal;
	-o-animation-direction:normal;
	-ms-animation-direction:normal;
	-webkit-animation-direction:normal;
	-moz-animation-direction:normal;
	transform:scale(.5);
	-o-transform:scale(.5);
	-ms-transform:scale(.5);
	-webkit-transform:scale(.5);
	-moz-transform:scale(.5);
}
#fountainTextG_1 {
	animation-delay:0.75s;
	-o-animation-delay:0.75s;
	-ms-animation-delay:0.75s;
	-webkit-animation-delay:0.75s;
	-moz-animation-delay:0.75s;
}
#fountainTextG_2 {
	animation-delay:0.9s;
	-o-animation-delay:0.9s;
	-ms-animation-delay:0.9s;
	-webkit-animation-delay:0.9s;
	-moz-animation-delay:0.9s;
}
#fountainTextG_3 {
	animation-delay:1.05s;
	-o-animation-delay:1.05s;
	-ms-animation-delay:1.05s;
	-webkit-animation-delay:1.05s;
	-moz-animation-delay:1.05s;
}
#fountainTextG_4 {
	animation-delay:1.2s;
	-o-animation-delay:1.2s;
	-ms-animation-delay:1.2s;
	-webkit-animation-delay:1.2s;
	-moz-animation-delay:1.2s;
}
#fountainTextG_5 {
	animation-delay:1.35s;
	-o-animation-delay:1.35s;
	-ms-animation-delay:1.35s;
	-webkit-animation-delay:1.35s;
	-moz-animation-delay:1.35s;
}
#fountainTextG_6 {
	animation-delay:1.5s;
	-o-animation-delay:1.5s;
	-ms-animation-delay:1.5s;
	-webkit-animation-delay:1.5s;
	-moz-animation-delay:1.5s;
}
#fountainTextG_7 {
	animation-delay:1.64s;
	-o-animation-delay:1.64s;
	-ms-animation-delay:1.64s;
	-webkit-animation-delay:1.64s;
	-moz-animation-delay:1.64s;
}
#fountainTextG_8 {
	animation-delay:1.79s;
	-o-animation-delay:1.79s;
	-ms-animation-delay:1.79s;
	-webkit-animation-delay:1.79s;
	-moz-animation-delay:1.79s;
}
#fountainTextG_9 {
	animation-delay:1.94s;
	-o-animation-delay:1.94s;
	-ms-animation-delay:1.94s;
	-webkit-animation-delay:1.94s;
	-moz-animation-delay:1.94s;
}
#fountainTextG_10 {
	animation-delay:2.09s;
	-o-animation-delay:2.09s;
	-ms-animation-delay:2.09s;
	-webkit-animation-delay:2.09s;
	-moz-animation-delay:2.09s;
}
 @keyframes bounce_fountainTextG {
 0% {
 transform:scale(1);
 color:#03a9f4;
}
 100% {
 transform:scale(.5);
 color:#03a9f4;
}
}
 @-o-keyframes bounce_fountainTextG {
 0% {
 -o-transform:scale(1);
 color:rgb(0,0,0);
}
 100% {
 -o-transform:scale(.5);
 color:#03a9f4;
}
}
 @-ms-keyframes bounce_fountainTextG {
 0% {
 -ms-transform:scale(1);
 color:#03a9f4;
}
 100% {
 -ms-transform:scale(.5);
 color:#03a9f4;
}
}
 @-webkit-keyframes bounce_fountainTextG {
 0% {
 -webkit-transform:scale(1);
 color:rgb(0,0,0);
}
 100% {
 -webkit-transform:scale(.5);
 color:rgb(255,255,255);
}
}
 @-moz-keyframes bounce_fountainTextG {
 0% {
 -moz-transform:scale(1);
 color:rgb(0,0,0);
}
 100% {
 -moz-transform:scale(.5);
 color:rgb(255,255,255);
}
}




                              /*Preloader Demo 45*/

/******************************************************************************/
/******************************************************************************/




#ts-preloader-absolute46 {
	height: 200px;
	left: 50%;
	margin-left: -100px;
	margin-top: -100px;
	position: absolute;
	top: 70%;
	width: 200px;
}
.bubblingG {
	text-align: center;
	width:78px;
	height:49px;
	margin: auto;
}
.bubblingG span {
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	margin: 24px auto;
	background: #03a9f4;
	border-radius: 49px;
	-o-border-radius: 49px;
	-ms-border-radius: 49px;
	-webkit-border-radius: 49px;
	-moz-border-radius: 49px;
	animation: bubblingG 1.5s infinite alternate;
	-o-animation: bubblingG 1.5s infinite alternate;
	-ms-animation: bubblingG 1.5s infinite alternate;
	-webkit-animation: bubblingG 1.5s infinite alternate;
	-moz-animation: bubblingG 1.5s infinite alternate;
}
#bubblingG_1 {
	animation-delay: 0s;
	-o-animation-delay: 0s;
	-ms-animation-delay: 0s;
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
}
#bubblingG_2 {
	animation-delay: 0.45s;
	-o-animation-delay: 0.45s;
	-ms-animation-delay: 0.45s;
	-webkit-animation-delay: 0.45s;
	-moz-animation-delay: 0.45s;
}
#bubblingG_3 {
	animation-delay: 0.9s;
	-o-animation-delay: 0.9s;
	-ms-animation-delay: 0.9s;
	-webkit-animation-delay: 0.9s;
	-moz-animation-delay: 0.9s;
}
 @keyframes bubblingG {
 0% {
 width: 10px;
 height: 10px;
 background-color:#03a9f4;
 transform: translateY(0);
}
 100% {
 width: 23px;
 height: 23px;
 background-color:#03a9f4;
 transform: translateY(-20px);
}
}
 @-o-keyframes bubblingG {
 0% {
 width: 10px;
 height: 10px;
 background-color:rgb(0,0,0);
 -o-transform: translateY(0);
}
 100% {
 width: 23px;
 height: 23px;
 background-color:rgb(255,255,255);
 -o-transform: translateY(-20px);
}
}
 @-ms-keyframes bubblingG {
 0% {
 width: 10px;
 height: 10px;
 background-color:rgb(0,0,0);
 -ms-transform: translateY(0);
}
 100% {
 width: 23px;
 height: 23px;
 background-color:rgb(255,255,255);
 -ms-transform: translateY(-20px);
}
}
 @-webkit-keyframes bubblingG {
 0% {
 width: 10px;
 height: 10px;
 background-color:rgb(0,0,0);
 -webkit-transform: translateY(0);
}
 100% {
 width: 23px;
 height: 23px;
 background-color:rgb(255,255,255);
 -webkit-transform: translateY(-20px);
}
}
 @-moz-keyframes bubblingG {
 0% {
 width: 10px;
 height: 10px;
 background-color:rgb(0,0,0);
 -moz-transform: translateY(0);
}
 100% {
 width: 23px;
 height: 23px;
 background-color:rgb(255,255,255);
 -moz-transform: translateY(-20px);
}
}



                              /*Preloader Demo 46*/

/******************************************************************************/
/******************************************************************************/




#ts-preloader-absolute47 {
	height: 200px;
	left: 50%;
	margin-left: -100px;
	margin-top: -100px;
	position: absolute;
	top: 70%;
	width: 200px;
}
#fountainG {
	position:relative;
	width:234px;
	height:28px;
	margin:auto;
}
.fountainG {
	position:absolute;
	top:0;
	background-color:#03a9f4;
	width:28px;
	height:28px;
	animation-name:bounce_fountainG;
	-o-animation-name:bounce_fountainG;
	-ms-animation-name:bounce_fountainG;
	-webkit-animation-name:bounce_fountainG;
	-moz-animation-name:bounce_fountainG;
	animation-duration:1.5s;
	-o-animation-duration:1.5s;
	-ms-animation-duration:1.5s;
	-webkit-animation-duration:1.5s;
	-moz-animation-duration:1.5s;
	animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	-ms-animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	animation-direction:normal;
	-o-animation-direction:normal;
	-ms-animation-direction:normal;
	-webkit-animation-direction:normal;
	-moz-animation-direction:normal;
	transform:scale(.3);
	-o-transform:scale(.3);
	-ms-transform:scale(.3);
	-webkit-transform:scale(.3);
	-moz-transform:scale(.3);
	border-radius:19px;
	-o-border-radius:19px;
	-ms-border-radius:19px;
	-webkit-border-radius:19px;
	-moz-border-radius:19px;
}
#fountainG_1 {
	left:0;
	animation-delay:0.6s;
	-o-animation-delay:0.6s;
	-ms-animation-delay:0.6s;
	-webkit-animation-delay:0.6s;
	-moz-animation-delay:0.6s;
}
#fountainG_2 {
	left:29px;
	animation-delay:0.75s;
	-o-animation-delay:0.75s;
	-ms-animation-delay:0.75s;
	-webkit-animation-delay:0.75s;
	-moz-animation-delay:0.75s;
}
#fountainG_3 {
	left:58px;
	animation-delay:0.9s;
	-o-animation-delay:0.9s;
	-ms-animation-delay:0.9s;
	-webkit-animation-delay:0.9s;
	-moz-animation-delay:0.9s;
}
#fountainG_4 {
	left:88px;
	animation-delay:1.05s;
	-o-animation-delay:1.05s;
	-ms-animation-delay:1.05s;
	-webkit-animation-delay:1.05s;
	-moz-animation-delay:1.05s;
}
#fountainG_5 {
	left:117px;
	animation-delay:1.2s;
	-o-animation-delay:1.2s;
	-ms-animation-delay:1.2s;
	-webkit-animation-delay:1.2s;
	-moz-animation-delay:1.2s;
}
#fountainG_6 {
	left:146px;
	animation-delay:1.35s;
	-o-animation-delay:1.35s;
	-ms-animation-delay:1.35s;
	-webkit-animation-delay:1.35s;
	-moz-animation-delay:1.35s;
}
#fountainG_7 {
	left:175px;
	animation-delay:1.5s;
	-o-animation-delay:1.5s;
	-ms-animation-delay:1.5s;
	-webkit-animation-delay:1.5s;
	-moz-animation-delay:1.5s;
}
#fountainG_8 {
	left:205px;
	animation-delay:1.64s;
	-o-animation-delay:1.64s;
	-ms-animation-delay:1.64s;
	-webkit-animation-delay:1.64s;
	-moz-animation-delay:1.64s;
}
 @keyframes bounce_fountainG {
 0% {
 transform:scale(1);
 background-color:#03a9f4;
}
 100% {
 transform:scale(.3);
 background-color:#03a9f4;
}
}
 @-o-keyframes bounce_fountainG {
 0% {
 -o-transform:scale(1);
 background-color:rgb(0,0,0);
}
 100% {
 -o-transform:scale(.3);
 background-color:rgb(255,255,255);
}
}
 @-ms-keyframes bounce_fountainG {
 0% {
 -ms-transform:scale(1);
 background-color:rgb(0,0,0);
}
 100% {
 -ms-transform:scale(.3);
 background-color:rgb(255,255,255);
}
}
 @-webkit-keyframes bounce_fountainG {
 0% {
 -webkit-transform:scale(1);
 background-color:rgb(0,0,0);
}
 100% {
 -webkit-transform:scale(.3);
 background-color:rgb(255,255,255);
}
}
 @-moz-keyframes bounce_fountainG {
 0% {
 -moz-transform:scale(1);
 background-color:rgb(0,0,0);
}
 100% {
 -moz-transform:scale(.3);
 background-color:rgb(255,255,255);
}
}



                              /*Preloader Demo 47*/

/******************************************************************************/
/******************************************************************************/





#ts-preloader-absolute48 {
	height: 200px;
	left: 50%;
	margin-left: -100px;
	margin-top: -100px;
	position: absolute;
	top: 70%;
	width: 200px;
}
.tscssload-main {
	position: absolute;
	content: '';
	left: 50%;
	transform: translate(-100%, -240%);
	-o-transform: translate(-100%, -240%);
	-ms-transform: translate(-100%, -240%);
	-webkit-transform: translate(-100%, -240%);
	-moz-transform: translate(-100%, -240%);
}
.tscssload-main * {
	font-size:62px;
}
.tscssload-heart {
	animation: cssload-heart 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
	-o-animation: cssload-heart 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
	-ms-animation: cssload-heart 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
	-webkit-animation: cssload-heart 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
	-moz-animation: cssload-heart 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
	top: 50%;
	content: '';
	left: 50%;
	position: absolute;
}
.tscssload-heartL {
	width: 1em;
	height: 1em;
	border: 1px solid rgb(63,193,242);
	background-color: rgb(63,193,242);
	content: '';
	position: absolute;
	display: block;
	border-radius: 100%;
	animation: cssload-heartL 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
	-o-animation: cssload-heartL 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
	-ms-animation: cssload-heartL 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
	-webkit-animation: cssload-heartL 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
	-moz-animation: cssload-heartL 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
	transform: translate(-28px, -27px);
	-o-transform: translate(-28px, -27px);
	-ms-transform: translate(-28px, -27px);
	-webkit-transform: translate(-28px, -27px);
	-moz-transform: translate(-28px, -27px);
}
.tscssload-heartR {
	width: 1em;
	height: 1em;
	border: 1px solid rgb(63,193,242);
	background-color: rgb(63,193,242);
	content: '';
	position: absolute;
	display: block;
	border-radius: 100%;
	transform: translate(28px, -27px);
	-o-transform: translate(28px, -27px);
	-ms-transform: translate(28px, -27px);
	-webkit-transform: translate(28px, -27px);
	-moz-transform: translate(28px, -27px);
	animation: cssload-heartR 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
	-o-animation: cssload-heartR 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
	-ms-animation: cssload-heartR 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
	-webkit-animation: cssload-heartR 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
	-moz-animation: cssload-heartR 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
}
.tscssload-square {
	width: 1em;
	height: 1em;
	border: 1px solid rgb(63,193,242);
	background-color: rgb(63,193,242);
	position: relative;
	display: block;
	content: '';
	transform: scale(1) rotate(-45deg);
	-o-transform: scale(1) rotate(-45deg);
	-ms-transform: scale(1) rotate(-45deg);
	-webkit-transform: scale(1) rotate(-45deg);
	-moz-transform: scale(1) rotate(-45deg);
	animation: cssload-square 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
	-o-animation: cssload-square 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
	-ms-animation: cssload-square 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
	-webkit-animation: cssload-square 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
	-moz-animation: cssload-square 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
}
.tscssload-shadow {
	top: 97px;
	left: 50%;
	content: '';
	position: relative;
	display: block;
	bottom: -.5em;
	width: 1em;
	height: .24em;
	background-color: rgb(215,215,215);
	border: 1px solid rgb(215,215,215);
	border-radius: 50%;
	animation: cssload-shadow 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
	-o-animation: cssload-shadow 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
	-ms-animation: cssload-shadow 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
	-webkit-animation: cssload-shadow 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
	-moz-animation: cssload-shadow 2.88s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
}
 @keyframes cssload-square {
 50% {
 border-radius: 100%;
 transform: scale(0.5) rotate(-45deg);
}
 100% {
 transform: scale(1) rotate(-45deg);
}
}
 @-o-keyframes cssload-square {
 50% {
 border-radius: 100%;
 -o-transform: scale(0.5) rotate(-45deg);
}
 100% {
 -o-transform: scale(1) rotate(-45deg);
}
}
 @-ms-keyframes cssload-square {
 50% {
 border-radius: 100%;
 -ms-transform: scale(0.5) rotate(-45deg);
}
 100% {
 -ms-transform: scale(1) rotate(-45deg);
}
}
 @-webkit-keyframes cssload-square {
 50% {
 border-radius: 100%;
 -webkit-transform: scale(0.5) rotate(-45deg);
}
 100% {
 -webkit-transform: scale(1) rotate(-45deg);
}
}
 @-moz-keyframes cssload-square {
 50% {
 border-radius: 100%;
 -moz-transform: scale(0.5) rotate(-45deg);
}
 100% {
 -moz-transform: scale(1) rotate(-45deg);
}
}
 @keyframes cssload-heart {
 50% {
 transform: rotate(360deg);
}
 100% {
 transform: rotate(720deg);
}
}
 @-o-keyframes cssload-heart {
 50% {
 -o-transform: rotate(360deg);
}
 100% {
 -o-transform: rotate(720deg);
}
}
 @-ms-keyframes cssload-heart {
 50% {
 -ms-transform: rotate(360deg);
}
 100% {
 -ms-transform: rotate(720deg);
}
}
 @-webkit-keyframes cssload-heart {
 50% {
 -webkit-transform: rotate(360deg);
}
 100% {
 -webkit-transform: rotate(720deg);
}
}
 @-moz-keyframes cssload-heart {
 50% {
 -moz-transform: rotate(360deg);
}
 100% {
 -moz-transform: rotate(720deg);
}
}
 @keyframes cssload-heartL {
 60% {
 transform: scale(0.4);
}
}
 @-o-keyframes cssload-heartL {
 60% {
 -o-transform: scale(0.4);
}
}
 @-ms-keyframes cssload-heartL {
 60% {
 -ms-transform: scale(0.4);
}
}
 @-webkit-keyframes cssload-heartL {
 60% {
 -webkit-transform: scale(0.4);
}
}
 @-moz-keyframes cssload-heartL {
 60% {
 -moz-transform: scale(0.4);
}
}
 @keyframes cssload-heartR {
 40% {
 transform: scale(0.4);
}
}
 @-o-keyframes cssload-heartR {
 40% {
 -o-transform: scale(0.4);
}
}
 @-ms-keyframes cssload-heartR {
 40% {
 -ms-transform: scale(0.4);
}
}
 @-webkit-keyframes cssload-heartR {
 40% {
 -webkit-transform: scale(0.4);
}
}
 @-moz-keyframes cssload-heartR {
 40% {
 -moz-transform: scale(0.4);
}
}
 @keyframes cssload-shadow {
 50% {
 transform: scale(0.5);
 border-color: rgb(228,228,228);
}
}
 @-o-keyframes cssload-shadow {
 50% {
 -o-transform: scale(0.5);
 border-color: rgb(228,228,228);
}
}
 @-ms-keyframes cssload-shadow {
 50% {
 -ms-transform: scale(0.5);
 border-color: rgb(228,228,228);
}
}
 @-webkit-keyframes cssload-shadow {
 50% {
 -webkit-transform: scale(0.5);
 border-color: rgb(228,228,228);
}
}
 @-moz-keyframes cssload-shadow {
 50% {
 -moz-transform: scale(0.5);
 border-color: rgb(228,228,228);
}
}



                              /*Preloader Demo 48*/

/******************************************************************************/
/******************************************************************************/




#ts-preloader-absolute49 {
	height: 200px;
	left: 50%;
	margin-left: -100px;
	margin-top: -100px;
	position: absolute;
	top: 55%;
	width: 200px;
}
.tscssload-container {
	width: 72px;
	margin: 58px auto;
	font-size: 0;
	position: relative;
	transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	animation: cssload-clockwise 6.9s linear infinite;
	-o-animation: cssload-clockwise 6.9s linear infinite;
	-ms-animation: cssload-clockwise 6.9s linear infinite;
	-webkit-animation: cssload-clockwise 6.9s linear infinite;
	-moz-animation: cssload-clockwise 6.9s linear infinite;
}
.tscssload-container:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 39px;
	height: 39px;
	border: 6px solid rgb(229,229,229);
	border-radius: 100%;
	-o-border-radius: 100%;
	-ms-border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.tscssload-container:after {
	position: absolute;
	content: '';
	z-index: -1;
	top: 0;
	right: 0;
	width: 39px;
	height: 39px;
	border: 6px solid rgb(229,229,229);
	border-radius: 100%;
	-o-border-radius: 100%;
	-ms-border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.tscssload-lt, .tscssload-rt, .tscssload-lb, .tscssload-rb {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 39px;
	height: 19px;
	opacity: 1;
}
.tscssload-lt:before, .tscssload-rt:before, .tscssload-lb:before, .tscssload-rb:before {
	position: absolute;
	content: '';
	width: 39px;
	height: 39px;
	border-top: 6px solid #03a9f4;
	border-right: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid transparent;
	border-radius: 100%;
	-o-border-radius: 100%;
	-ms-border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.tscssload-lt {
	margin-right: -6px;
	animation: cssload-lt 2.3s linear -2300ms infinite;
	-o-animation: cssload-lt 2.3s linear -2300ms infinite;
	-ms-animation: cssload-lt 2.3s linear -2300ms infinite;
	-webkit-animation: cssload-lt 2.3s linear -2300ms infinite;
	-moz-animation: cssload-lt 2.3s linear -2300ms infinite;
}
.tscssload-lt:before {
	top: 0;
	left: 0;
	animation: cssload-not-clockwise 1.15s linear infinite;
	-o-animation: cssload-not-clockwise 1.15s linear infinite;
	-ms-animation: cssload-not-clockwise 1.15s linear infinite;
	-webkit-animation: cssload-not-clockwise 1.15s linear infinite;
	-moz-animation: cssload-not-clockwise 1.15s linear infinite;
}
.tscssload-rt {
	animation: cssload-lt 2.3s linear -1150ms infinite;
	-o-animation: cssload-lt 2.3s linear -1150ms infinite;
	-ms-animation: cssload-lt 2.3s linear -1150ms infinite;
	-webkit-animation: cssload-lt 2.3s linear -1150ms infinite;
	-moz-animation: cssload-lt 2.3s linear -1150ms infinite;
}
.tscssload-rt:before {
	top: 0;
	right: 0;
	animation: cssload-clockwise 1.15s linear infinite;
	-o-animation: cssload-clockwise 1.15s linear infinite;
	-ms-animation: cssload-clockwise 1.15s linear infinite;
	-webkit-animation: cssload-clockwise 1.15s linear infinite;
	-moz-animation: cssload-clockwise 1.15s linear infinite;
}
.tscssload-lb {
	margin-right: -6px;
	animation: cssload-lt 2.3s linear -1725ms infinite;
	-o-animation: cssload-lt 2.3s linear -1725ms infinite;
	-ms-animation: cssload-lt 2.3s linear -1725ms infinite;
	-webkit-animation: cssload-lt 2.3s linear -1725ms infinite;
	-moz-animation: cssload-lt 2.3s linear -1725ms infinite;
}
.tscssload-lb:before {
	bottom: 0;
	left: 0;
	animation: cssload-not-clockwise 1.15s linear infinite;
	-o-animation: cssload-not-clockwise 1.15s linear infinite;
	-ms-animation: cssload-not-clockwise 1.15s linear infinite;
	-webkit-animation: cssload-not-clockwise 1.15s linear infinite;
	-moz-animation: cssload-not-clockwise 1.15s linear infinite;
}
.tscssload-rb {
	animation: cssload-lt 2.3s linear -575ms infinite;
	-o-animation: cssload-lt 2.3s linear -575ms infinite;
	-ms-animation: cssload-lt 2.3s linear -575ms infinite;
	-webkit-animation: cssload-lt 2.3s linear -575ms infinite;
	-moz-animation: cssload-lt 2.3s linear -575ms infinite;
}
.tscssload-rb:before {
	bottom: 0;
	right: 0;
	animation: cssload-clockwise 1.15s linear infinite;
	-o-animation: cssload-clockwise 1.15s linear infinite;
	-ms-animation: cssload-clockwise 1.15s linear infinite;
	-webkit-animation: cssload-clockwise 1.15s linear infinite;
	-moz-animation: cssload-clockwise 1.15s linear infinite;
}
 @keyframes cssload-clockwise {
 0% {
 transform: rotate(-45deg);
}
 100% {
 transform: rotate(315deg);
}
}
 @-o-keyframes cssload-clockwise {
 0% {
 -o-transform: rotate(-45deg);
}
 100% {
 -o-transform: rotate(315deg);
}
}
 @-ms-keyframes cssload-clockwise {
 0% {
 -ms-transform: rotate(-45deg);
}
 100% {
 -ms-transform: rotate(315deg);
}
}
 @-webkit-keyframes cssload-clockwise {
 0% {
 -webkit-transform: rotate(-45deg);
}
 100% {
 -webkit-transform: rotate(315deg);
}
}
 @-moz-keyframes cssload-clockwise {
 0% {
 -moz-transform: rotate(-45deg);
}
 100% {
 -moz-transform: rotate(315deg);
}
}
 @keyframes cssload-not-clockwise {
 0% {
 transform: rotate(45deg);
}
 100% {
 transform: rotate(-315deg);
}
}
 @-o-keyframes cssload-not-clockwise {
 0% {
 -o-transform: rotate(45deg);
}
 100% {
 -o-transform: rotate(-315deg);
}
}
 @-ms-keyframes cssload-not-clockwise {
 0% {
 -ms-transform: rotate(45deg);
}
 100% {
 -ms-transform: rotate(-315deg);
}
}
 @-webkit-keyframes cssload-not-clockwise {
 0% {
 -webkit-transform: rotate(45deg);
}
 100% {
 -webkit-transform: rotate(-315deg);
}
}
 @-moz-keyframes cssload-not-clockwise {
 0% {
 -moz-transform: rotate(45deg);
}
 100% {
 -moz-transform: rotate(-315deg);
}
}
 @keyframes cssload-lt {
 0% {
 opacity: 1;
}
 25% {
 opacity: 1;
}
 26% {
 opacity: 0;
}
 75% {
 opacity: 0;
}
 76% {
 opacity: 1;
}
 100% {
 opacity: 1;
}
}
 @-o-keyframes cssload-lt {
 0% {
 opacity: 1;
}
 25% {
 opacity: 1;
}
 26% {
 opacity: 0;
}
 75% {
 opacity: 0;
}
 76% {
 opacity: 1;
}
 100% {
 opacity: 1;
}
}
 @-ms-keyframes cssload-lt {
 0% {
 opacity: 1;
}
 25% {
 opacity: 1;
}
 26% {
 opacity: 0;
}
 75% {
 opacity: 0;
}
 76% {
 opacity: 1;
}
 100% {
 opacity: 1;
}
}
 @-webkit-keyframes cssload-lt {
 0% {
 opacity: 1;
}
 25% {
 opacity: 1;
}
 26% {
 opacity: 0;
}
 75% {
 opacity: 0;
}
 76% {
 opacity: 1;
}
 100% {
 opacity: 1;
}
}
 @-moz-keyframes cssload-lt {
 0% {
 opacity: 1;
}
 25% {
 opacity: 1;
}
 26% {
 opacity: 0;
}
 75% {
 opacity: 0;
}
 76% {
 opacity: 1;
}
 100% {
 opacity: 1;
}
}



                              /*Preloader Demo 49*/

/******************************************************************************/
/******************************************************************************/




#ts-preloader-absolute50 {
	height: 200px;
	left: 50%;
	margin-left: -100px;
	margin-top: -100px;
	position: absolute;
	top: 52%;
	width: 200px;
}
#tscssload-loader {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 171px;
	height: 171px;
	margin: auto;
}
#tscssload-loader .tscssload-dot {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 85.5px;
	height: 100%;
	margin: auto;
}
#tscssload-loader .tscssload-dot:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 85.5px;
	height: 85.5px;
	border-radius: 100%;
	transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
}
#tscssload-loader .tscssload-dot:nth-child(7n+1) {
 transform: rotate(45deg);
 -o-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
}
#tscssload-loader .tscssload-dot:nth-child(7n+1):before {
 background: #03a9f4;
 animation: cssload-load 0.92s linear 0.12s infinite;
 -o-animation: cssload-load 0.92s linear 0.12s infinite;
 -ms-animation: cssload-load 0.92s linear 0.12s infinite;
 -webkit-animation: cssload-load 0.92s linear 0.12s infinite;
 -moz-animation: cssload-load 0.92s linear 0.12s infinite;
}
#tscssload-loader .tscssload-dot:nth-child(7n+2) {
 transform: rotate(90deg);
 -o-transform: rotate(90deg);
 -ms-transform: rotate(90deg);
 -webkit-transform: rotate(90deg);
 -moz-transform: rotate(90deg);
}
#tscssload-loader .tscssload-dot:nth-child(7n+2):before {
 background: #03a9f4;
 animation: cssload-load 0.92s linear 0.23s infinite;
 -o-animation: cssload-load 0.92s linear 0.23s infinite;
 -ms-animation: cssload-load 0.92s linear 0.23s infinite;
 -webkit-animation: cssload-load 0.92s linear 0.23s infinite;
 -moz-animation: cssload-load 0.92s linear 0.23s infinite;
}
#tscssload-loader .tscssload-dot:nth-child(7n+3) {
 transform: rotate(135deg);
 -o-transform: rotate(135deg);
 -ms-transform: rotate(135deg);
 -webkit-transform: rotate(135deg);
 -moz-transform: rotate(135deg);
}
#tscssload-loader .tscssload-dot:nth-child(7n+3):before {
 background: rgb(0,170,255);
 animation: cssload-load 0.92s linear 0.35s infinite;
 -o-animation: cssload-load 0.92s linear 0.35s infinite;
 -ms-animation: cssload-load 0.92s linear 0.35s infinite;
 -webkit-animation: cssload-load 0.92s linear 0.35s infinite;
 -moz-animation: cssload-load 0.92s linear 0.35s infinite;
}
#tscssload-loader .tscssload-dot:nth-child(7n+4) {
 transform: rotate(180deg);
 -o-transform: rotate(180deg);
 -ms-transform: rotate(180deg);
 -webkit-transform: rotate(180deg);
 -moz-transform: rotate(180deg);
}
#tscssload-loader .tscssload-dot:nth-child(7n+4):before {
 background: rgb(0,64,255);
 animation: cssload-load 0.92s linear 0.46s infinite;
 -o-animation: cssload-load 0.92s linear 0.46s infinite;
 -ms-animation: cssload-load 0.92s linear 0.46s infinite;
 -webkit-animation: cssload-load 0.92s linear 0.46s infinite;
 -moz-animation: cssload-load 0.92s linear 0.46s infinite;
}
#tscssload-loader .tscssload-dot:nth-child(7n+5) {
 transform: rotate(225deg);
 -o-transform: rotate(225deg);
 -ms-transform: rotate(225deg);
 -webkit-transform: rotate(225deg);
 -moz-transform: rotate(225deg);
}
#tscssload-loader .tscssload-dot:nth-child(7n+5):before {
 background: rgb(42,0,255);
 animation: cssload-load 0.92s linear 0.58s infinite;
 -o-animation: cssload-load 0.92s linear 0.58s infinite;
 -ms-animation: cssload-load 0.92s linear 0.58s infinite;
 -webkit-animation: cssload-load 0.92s linear 0.58s infinite;
 -moz-animation: cssload-load 0.92s linear 0.58s infinite;
}
#tscssload-loader .tscssload-dot:nth-child(7n+6) {
 transform: rotate(270deg);
 -o-transform: rotate(270deg);
 -ms-transform: rotate(270deg);
 -webkit-transform: rotate(270deg);
 -moz-transform: rotate(270deg);
}
#tscssload-loader .tscssload-dot:nth-child(7n+6):before {
 background: rgb(149,0,255);
 animation: cssload-load 0.92s linear 0.69s infinite;
 -o-animation: cssload-load 0.92s linear 0.69s infinite;
 -ms-animation: cssload-load 0.92s linear 0.69s infinite;
 -webkit-animation: cssload-load 0.92s linear 0.69s infinite;
 -moz-animation: cssload-load 0.92s linear 0.69s infinite;
}
#tscssload-loader .tscssload-dot:nth-child(7n+7) {
 transform: rotate(315deg);
}
#tscssload-loader .tscssload-dot:nth-child(7n+7):before {
 background: magenta;
 animation: cssload-load 0.92s linear 0.81s infinite;
 -o-animation: cssload-load 0.92s linear 0.81s infinite;
 -ms-animation: cssload-load 0.92s linear 0.81s infinite;
 -webkit-animation: cssload-load 0.92s linear 0.81s infinite;
 -moz-animation: cssload-load 0.92s linear 0.81s infinite;
}
#tscssload-loader .tscssload-dot:nth-child(7n+8) {
 transform: rotate(360deg);
 -o-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
}
#tscssload-loader .tscssload-dot:nth-child(7n+8):before {
 background: rgb(255,0,149);
 animation: cssload-load 0.92s linear 0.92s infinite;
 -o-animation: cssload-load 0.92s linear 0.92s infinite;
 -ms-animation: cssload-load 0.92s linear 0.92s infinite;
 -webkit-animation: cssload-load 0.92s linear 0.92s infinite;
 -moz-animation: cssload-load 0.92s linear 0.92s infinite;
}
 @keyframes cssload-load {
 100% {
 opacity: 0;
 transform: scale(1);
}
}
 @-o-keyframes cssload-load {
 100% {
 opacity: 0;
 -o-transform: scale(1);
}
}
 @-ms-keyframes cssload-load {
 100% {
 opacity: 0;
 -ms-transform: scale(1);
}
}
 @-webkit-keyframes cssload-load {
 100% {
 opacity: 0;
 -webkit-transform: scale(1);
}
}
 @-moz-keyframes cssload-load {
 100% {
 opacity: 0;
 -moz-transform: scale(1);
}
}



                              /*Preloader Demo 50*/

/******************************************************************************/
/******************************************************************************/




#ts-preloader-absolute51 {
	height: 200px;
	left: 50%;
	margin-left: -100px;
	margin-top: -100px;
	position: absolute;
	top: 70%;
	width: 200px;
}
.tscssload-aim {
	position: relative;
	width: 80px;
	height: 80px;
	left: 35%;
	left: calc(50% - 43px);
	left: -o-calc(50% - 43px);
	left: -ms-calc(50% - 43px);
	left: -webkit-calc(50% - 43px);
	left: -moz-calc(50% - 43px);
	left: calc(50% - 43px);
	border-radius: 50px;
	background-color: rgb(255,255,255);
	border-width: 40px;
	border-style: double;
	border-color:transparent #03a9f4;
	box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	transform-origin:	50% 50%;
	-o-transform-origin:	50% 50%;
	-ms-transform-origin:	50% 50%;
	-webkit-transform-origin:	50% 50%;
	-moz-transform-origin:	50% 50%;
	animation: cssload-aim 2.3s linear infinite;
	-o-animation: cssload-aim 2.3s linear infinite;
	-ms-animation: cssload-aim 2.3s linear infinite;
	-webkit-animation: cssload-aim 2.3s linear infinite;
	-moz-animation: cssload-aim 2.3s linear infinite;
}
 @keyframes cssload-aim {
 0% {
transform:rotate(0deg);
}
 100% {
transform:rotate(360deg);
}
}
 @-o-keyframes cssload-aim {
 0% {
-o-transform:rotate(0deg);
}
 100% {
-o-transform:rotate(360deg);
}
}
 @-ms-keyframes cssload-aim {
 0% {
-ms-transform:rotate(0deg);
}
 100% {
-ms-transform:rotate(360deg);
}
}
 @-webkit-keyframes cssload-aim {
 0% {
-webkit-transform:rotate(0deg);
}
 100% {
-webkit-transform:rotate(360deg);
}
}
 @-moz-keyframes cssload-aim {
 0% {
-moz-transform:rotate(0deg);
}
 100% {
-moz-transform:rotate(360deg);
}
}


                              /*Preloader Demo 51*/

/******************************************************************************/
/******************************************************************************/




#ts-preloader-absolute52 {
	height: 200px;
	left: 50%;
	margin-left: -100px;
	margin-top: -100px;
	position: absolute;
	top: 76%;
	width: 200px;
}
.tscssload-triangles {
	transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	height: 79px;
	width: 88px;
	position: absolute;
	left: 50%;
}
.tscssload-tri {
	position: absolute;
	animation: cssload-pulse 862.5ms ease-in infinite;
	-o-animation: cssload-pulse 862.5ms ease-in infinite;
	-ms-animation: cssload-pulse 862.5ms ease-in infinite;
	-webkit-animation: cssload-pulse 862.5ms ease-in infinite;
	-moz-animation: cssload-pulse 862.5ms ease-in infinite;
	border-top: 26px solid #03a9f4;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 0px;
}
.tscssload-tri.tscssload-invert {
	border-top: 0px;
	border-bottom: 26px solid #03a9f4;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
}
.tscssload-tri:nth-child(1) {
 left: 29px;
}
.tscssload-tri:nth-child(2) {
 left: 15px;
 top: 26px;
 animation-delay: -143.75ms;
 -o-animation-delay: -143.75ms;
 -ms-animation-delay: -143.75ms;
 -webkit-animation-delay: -143.75ms;
 -moz-animation-delay: -143.75ms;
}
.tscssload-tri:nth-child(3) {
 left: 29px;
 top: 26px;
}
.tscssload-tri:nth-child(4) {
 left: 44px;
 top: 26px;
 animation-delay: -718.75ms;
 -o-animation-delay: -718.75ms;
 -ms-animation-delay: -718.75ms;
 -webkit-animation-delay: -718.75ms;
 -moz-animation-delay: -718.75ms;
}
.tscssload-tri:nth-child(5) {
 top: 53px;
 animation-delay: -287.5ms;
 -o-animation-delay: -287.5ms;
 -ms-animation-delay: -287.5ms;
 -webkit-animation-delay: -287.5ms;
 -moz-animation-delay: -287.5ms;
}
.tscssload-tri:nth-child(6) {
 top: 53px;
 left: 15px;
 animation-delay: -287.5ms;
 -o-animation-delay: -287.5ms;
 -ms-animation-delay: -287.5ms;
 -webkit-animation-delay: -287.5ms;
 -moz-animation-delay: -287.5ms;
}
.tscssload-tri:nth-child(7) {
 top: 53px;
 left: 29px;
 animation-delay: -431.25ms;
 -o-animation-delay: -431.25ms;
 -ms-animation-delay: -431.25ms;
 -webkit-animation-delay: -431.25ms;
 -moz-animation-delay: -431.25ms;
}
.tscssload-tri:nth-child(8) {
 top: 53px;
 left: 44px;
 animation-delay: -575ms;
 -o-animation-delay: -575ms;
 -ms-animation-delay: -575ms;
 -webkit-animation-delay: -575ms;
 -moz-animation-delay: -575ms;
}
.tscssload-tri:nth-child(9) {
 top: 53px;
 left: 58px;
 animation-delay: -575ms;
 -o-animation-delay: -575ms;
 -ms-animation-delay: -575ms;
 -webkit-animation-delay: -575ms;
 -moz-animation-delay: -575ms;
}
 @keyframes cssload-pulse {
 0% {
 opacity: 1;
}
 16.666% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
 @-o-keyframes cssload-pulse {
 0% {
 opacity: 1;
}
 16.666% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
 @-ms-keyframes cssload-pulse {
 0% {
 opacity: 1;
}
 16.666% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
 @-webkit-keyframes cssload-pulse {
 0% {
 opacity: 1;
}
 16.666% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
 @-moz-keyframes cssload-pulse {
 0% {
 opacity: 1;
}
 16.666% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}



                              /*Preloader Demo 52*/

/******************************************************************************/
/******************************************************************************/




#ts-preloader-absolute53 {
	height: 200px;
	left: 50%;
	margin-left: -100px;
	margin-top: -100px;
	position: absolute;
	top: 60%;
	width: 200px;
}
#tscssload-global {
	width: 68px;
	margin: auto;
	margin-top: 49px;
	position: relative;
	cursor: pointer;
	height: 58px;
}
.tscssload-mask {
	position: absolute;
	border-radius: 2px;
	overflow: hidden;
	perspective: 1000;
	-o-perspective: 1000;
	-ms-perspective: 1000;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}
.tscssload-plane {
	background: #03a9f4;
	width: 400%;
	height: 100%;
	position: absolute;
	z-index: 100;
	transform: translate3d(0px, 0, 0);
	-o-transform: translate3d(0px, 0, 0);
	-ms-transform: translate3d(0px, 0, 0);
	-webkit-transform: translate3d(0px, 0, 0);
	-moz-transform: translate3d(0px, 0, 0);
	perspective: 1000;
	-o-perspective: 1000;
	-ms-perspective: 1000;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}
#tscssload-top .tscssload-plane {
	z-index: 2000;
	animation: cssload-trans1 1.5s ease-in infinite 0s backwards;
	-o-animation: cssload-trans1 1.5s ease-in infinite 0s backwards;
	-ms-animation: cssload-trans1 1.5s ease-in infinite 0s backwards;
	-webkit-animation: cssload-trans1 1.5s ease-in infinite 0s backwards;
	-moz-animation: cssload-trans1 1.5s ease-in infinite 0s backwards;
}
#tscssload-middle .tscssload-plane {
	background: rgb(0,0,0);
	transform: translate3d(0px, 0, 0);
	-o-transform: translate3d(0px, 0, 0);
	-ms-transform: translate3d(0px, 0, 0);
	-webkit-transform: translate3d(0px, 0, 0);
	-moz-transform: translate3d(0px, 0, 0);
	animation: cssload-trans2 1.5s linear infinite 0.35s backwards;
	-o-animation: cssload-trans2 1.5s linear infinite 0.35s backwards;
	-ms-animation: cssload-trans2 1.5s linear infinite 0.35s backwards;
	-webkit-animation: cssload-trans2 1.5s linear infinite 0.35s backwards;
	-moz-animation: cssload-trans2 1.5s linear infinite 0.35s backwards;
}
#tscssload-bottom .tscssload-plane {
	z-index: 2000;
	animation: cssload-trans3 1.5s ease-out infinite 0.81s backwards;
	-o-animation: cssload-trans3 1.5s ease-out infinite 0.81s backwards;
	-ms-animation: cssload-trans3 1.5s ease-out infinite 0.81s backwards;
	-webkit-animation: cssload-trans3 1.5s ease-out infinite 0.81s backwards;
	-moz-animation: cssload-trans3 1.5s ease-out infinite 0.81s backwards;
}
#tscssload-top {
	width: 52px;
	height: 19px;
	left: 19px;
	transform: skew(-15deg, 0);
	-o-transform: skew(-15deg, 0);
	-ms-transform: skew(-15deg, 0);
	-webkit-transform: skew(-15deg, 0);
	-moz-transform: skew(-15deg, 0);
	z-index: 100;
}
#tscssload-middle {
	width: 32px;
	height: 19px;
	left: 19px;
	top: 15px;
	transform: skew(-15deg, 40deg);
	-o-transform: skew(-15deg, 40deg);
	-ms-transform: skew(-15deg, 40deg);
	-webkit-transform: skew(-15deg, 40deg);
	-moz-transform: skew(-15deg, 40deg);
}
#tscssload-bottom {
	width: 52px;
	height: 19px;
	top: 29px;
	transform: skew(-15deg, 0);
	-o-transform: skew(-15deg, 0);
	-ms-transform: skew(-15deg, 0);
	-webkit-transform: skew(-15deg, 0);
	-moz-transform: skew(-15deg, 0);
}
 @keyframes cssload-trans1 {
 from {
 transform: translate3d(52px, 0, 0);
}
to {
	transform: translate3d(-244px, 0, 0);
}
}
 @-o-keyframes cssload-trans1 {
 from {
 -o-transform: translate3d(52px, 0, 0);
}
to {
	-o-transform: translate3d(-244px, 0, 0);
}
}
 @-ms-keyframes cssload-trans1 {
 from {
 -ms-transform: translate3d(52px, 0, 0);
}
to {
	-ms-transform: translate3d(-244px, 0, 0);
}
}
 @-webkit-keyframes cssload-trans1 {
 from {
 -webkit-transform: translate3d(52px, 0, 0);
}
to {
	-webkit-transform: translate3d(-244px, 0, 0);
}
}
 @-moz-keyframes cssload-trans1 {
 from {
 -moz-transform: translate3d(52px, 0, 0);
}
to {
	-moz-transform: translate3d(-244px, 0, 0);
}
}
 @keyframes cssload-trans2 {
 from {
 transform: translate3d(-156px, 0, 0);
}
to {
	transform: translate3d(52px, 0, 0);
}
}
 @-o-keyframes cssload-trans2 {
 from {
 -o-transform: translate3d(-156px, 0, 0);
}
to {
	-o-transform: translate3d(52px, 0, 0);
}
}
 @-ms-keyframes cssload-trans2 {
 from {
 -ms-transform: translate3d(-156px, 0, 0);
}
to {
	-ms-transform: translate3d(52px, 0, 0);
}
}
 @-webkit-keyframes cssload-trans2 {
 from {
 -webkit-transform: translate3d(-156px, 0, 0);
}
to {
	-webkit-transform: translate3d(52px, 0, 0);
}
}
 @-moz-keyframes cssload-trans2 {
 from {
 -moz-transform: translate3d(-156px, 0, 0);
}
to {
	-moz-transform: translate3d(52px, 0, 0);
}
}
 @keyframes cssload-trans3 {
 from {
 transform: translate3d(52px, 0, 0);
}
to {
	transform: translate3d(-214px, 0, 0);
}
}
 @-o-keyframes cssload-trans3 {
 from {
 -o-transform: translate3d(52px, 0, 0);
}
to {
	-o-transform: translate3d(-214px, 0, 0);
}
}
 @-ms-keyframes cssload-trans3 {
 from {
 -ms-transform: translate3d(52px, 0, 0);
}
to {
	-ms-transform: translate3d(-214px, 0, 0);
}
}
 @-webkit-keyframes cssload-trans3 {
 from {
 -webkit-transform: translate3d(52px, 0, 0);
}
to {
	-webkit-transform: translate3d(-214px, 0, 0);
}
}
 @-moz-keyframes cssload-trans3 {
 from {
 -moz-transform: translate3d(52px, 0, 0);
}
to {
	-moz-transform: translate3d(-214px, 0, 0);
}
}
 @keyframes cssload-animColor {
 from {
 background: red;
}
 25% {
 background: yellow;
}
 50% {
 background: green;
}
 75% {
 background: brown;
}
to {
	background: blue;
}
}
 @-o-keyframes cssload-animColor {
 from {
 background: red;
}
 25% {
 background: yellow;
}
 50% {
 background: green;
}
 75% {
 background: brown;
}
to {
	background: blue;
}
}
 @-ms-keyframes cssload-animColor {
 from {
 background: red;
}
 25% {
 background: yellow;
}
 50% {
 background: green;
}
 75% {
 background: brown;
}
to {
	background: blue;
}
}
 @-webkit-keyframes cssload-animColor {
 from {
 background: red;
}
 25% {
 background: yellow;
}
 50% {
 background: green;
}
 75% {
 background: brown;
}
to {
	background: blue;
}
}
 @-moz-keyframes cssload-animColor {
 from {
 background: red;
}
 25% {
 background: yellow;
}
 50% {
 background: green;
}
 75% {
 background: brown;
}
to {
	background: blue;
}
}



                              /*Preloader Demo 53*/

/******************************************************************************/
/******************************************************************************/




#ts-preloader-absolute54 {
	height: 200px;
	left: 50%;
	margin-left: -100px;
	margin-top: -100px;
	position: absolute;
	top: 52%;
	width: 200px;
}
.csstscssload-load-frame {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 49px;
	height: 49px;
	margin: auto;
	display: box;
	display: -o-box;
	display: -ms-box;
	display: -webkit-box;
	display: -moz-box;
	display: flex;
	display: -o-flex;
	display: -ms-flex;
	display: -webkit-flex;
	display: -moz-flex;
	flex-flow: row wrap;
	-o-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
}
.csstscssload-load-frame .tscssload-dot {
	width: 10px;
	height: 10px;
}
.csstscssload-load-frame .tscssload-dot:nth-child(1) {
 background: rgb(32,223,214);
 animation: cssload-load 0.35s linear -0.12s infinite alternate;
 -o-animation: cssload-load 0.35s linear -0.12s infinite alternate;
 -ms-animation: cssload-load 0.35s linear -0.12s infinite alternate;
 -webkit-animation: cssload-load 0.35s linear -0.12s infinite alternate;
 -moz-animation: cssload-load 0.35s linear -0.12s infinite alternate;
}
.csstscssload-load-frame .tscssload-dot:nth-child(2) {
 background: rgb(32,223,220);
 animation: cssload-load 0.35s linear -0.23s infinite alternate;
 -o-animation: cssload-load 0.35s linear -0.23s infinite alternate;
 -ms-animation: cssload-load 0.35s linear -0.23s infinite alternate;
 -webkit-animation: cssload-load 0.35s linear -0.23s infinite alternate;
 -moz-animation: cssload-load 0.35s linear -0.23s infinite alternate;
}
.csstscssload-load-frame .tscssload-dot:nth-child(3) {
 background: rgb(32,220,223);
 animation: cssload-load 0.35s linear -0.35s infinite alternate;
 -o-animation: cssload-load 0.35s linear -0.35s infinite alternate;
 -ms-animation: cssload-load 0.35s linear -0.35s infinite alternate;
 -webkit-animation: cssload-load 0.35s linear -0.35s infinite alternate;
 -moz-animation: cssload-load 0.35s linear -0.35s infinite alternate;
}
.csstscssload-load-frame .tscssload-dot:nth-child(4) {
 background: rgb(32,214,223);
 animation: cssload-load 0.35s linear -0.46s infinite alternate;
 -o-animation: cssload-load 0.35s linear -0.46s infinite alternate;
 -ms-animation: cssload-load 0.35s linear -0.46s infinite alternate;
 -webkit-animation: cssload-load 0.35s linear -0.46s infinite alternate;
 -moz-animation: cssload-load 0.35s linear -0.46s infinite alternate;
}
.csstscssload-load-frame .tscssload-dot:nth-child(5) {
 background: rgb(32,207,223);
 animation: cssload-load 0.35s linear -0.58s infinite alternate;
 -o-animation: cssload-load 0.35s linear -0.58s infinite alternate;
 -ms-animation: cssload-load 0.35s linear -0.58s infinite alternate;
 -webkit-animation: cssload-load 0.35s linear -0.58s infinite alternate;
 -moz-animation: cssload-load 0.35s linear -0.58s infinite alternate;
}
.csstscssload-load-frame .tscssload-dot:nth-child(6) {
 background: rgb(32,201,223);
 animation: cssload-load 0.35s linear -0.69s infinite alternate;
 -o-animation: cssload-load 0.35s linear -0.69s infinite alternate;
 -ms-animation: cssload-load 0.35s linear -0.69s infinite alternate;
 -webkit-animation: cssload-load 0.35s linear -0.69s infinite alternate;
 -moz-animation: cssload-load 0.35s linear -0.69s infinite alternate;
}
.csstscssload-load-frame .tscssload-dot:nth-child(7) {
 background: rgb(32,194,223);
 animation: cssload-load 0.35s linear -0.81s infinite alternate;
 -o-animation: cssload-load 0.35s linear -0.81s infinite alternate;
 -ms-animation: cssload-load 0.35s linear -0.81s infinite alternate;
 -webkit-animation: cssload-load 0.35s linear -0.81s infinite alternate;
 -moz-animation: cssload-load 0.35s linear -0.81s infinite alternate;
}
.csstscssload-load-frame .tscssload-dot:nth-child(8) {
 background: rgb(32,188,223);
 animation: cssload-load 0.35s linear -0.92s infinite alternate;
 -o-animation: cssload-load 0.35s linear -0.92s infinite alternate;
 -ms-animation: cssload-load 0.35s linear -0.92s infinite alternate;
 -webkit-animation: cssload-load 0.35s linear -0.92s infinite alternate;
 -moz-animation: cssload-load 0.35s linear -0.92s infinite alternate;
}
.csstscssload-load-frame .tscssload-dot:nth-child(9) {
 background: rgb(32,182,223);
 animation: cssload-load 0.35s linear -1.04s infinite alternate;
 -o-animation: cssload-load 0.35s linear -1.04s infinite alternate;
 -ms-animation: cssload-load 0.35s linear -1.04s infinite alternate;
 -webkit-animation: cssload-load 0.35s linear -1.04s infinite alternate;
 -moz-animation: cssload-load 0.35s linear -1.04s infinite alternate;
}
.csstscssload-load-frame .tscssload-dot:nth-child(10) {
 background: rgb(32,175,223);
 animation: cssload-load 0.35s linear -1.15s infinite alternate;
 -o-animation: cssload-load 0.35s linear -1.15s infinite alternate;
 -ms-animation: cssload-load 0.35s linear -1.15s infinite alternate;
 -webkit-animation: cssload-load 0.35s linear -1.15s infinite alternate;
 -moz-animation: cssload-load 0.35s linear -1.15s infinite alternate;
}
.csstscssload-load-frame .tscssload-dot:nth-child(11) {
 background: rgb(32,169,223);
 animation: cssload-load 0.35s linear -1.27s infinite alternate;
 -o-animation: cssload-load 0.35s linear -1.27s infinite alternate;
 -ms-animation: cssload-load 0.35s linear -1.27s infinite alternate;
 -webkit-animation: cssload-load 0.35s linear -1.27s infinite alternate;
 -moz-animation: cssload-load 0.35s linear -1.27s infinite alternate;
}
.csstscssload-load-frame .tscssload-dot:nth-child(12) {
 background: rgb(32,163,223);
 animation: cssload-load 0.35s linear -1.38s infinite alternate;
 -o-animation: cssload-load 0.35s linear -1.38s infinite alternate;
 -ms-animation: cssload-load 0.35s linear -1.38s infinite alternate;
 -webkit-animation: cssload-load 0.35s linear -1.38s infinite alternate;
 -moz-animation: cssload-load 0.35s linear -1.38s infinite alternate;
}
.csstscssload-load-frame .tscssload-dot:nth-child(13) {
 background: rgb(32,156,223);
 animation: cssload-load 0.35s linear -1.5s infinite alternate;
 -o-animation: cssload-load 0.35s linear -1.5s infinite alternate;
 -ms-animation: cssload-load 0.35s linear -1.5s infinite alternate;
 -webkit-animation: cssload-load 0.35s linear -1.5s infinite alternate;
 -moz-animation: cssload-load 0.35s linear -1.5s infinite alternate;
}
.csstscssload-load-frame .tscssload-dot:nth-child(14) {
 background: rgb(32,150,223);
 animation: cssload-load 0.35s linear -1.61s infinite alternate;
 -o-animation: cssload-load 0.35s linear -1.61s infinite alternate;
 -ms-animation: cssload-load 0.35s linear -1.61s infinite alternate;
 -webkit-animation: cssload-load 0.35s linear -1.61s infinite alternate;
 -moz-animation: cssload-load 0.35s linear -1.61s infinite alternate;
}
.csstscssload-load-frame .tscssload-dot:nth-child(15) {
 background: rgb(32,143,223);
 animation: cssload-load 0.35s linear -1.73s infinite alternate;
 -o-animation: cssload-load 0.35s linear -1.73s infinite alternate;
 -ms-animation: cssload-load 0.35s linear -1.73s infinite alternate;
 -webkit-animation: cssload-load 0.35s linear -1.73s infinite alternate;
 -moz-animation: cssload-load 0.35s linear -1.73s infinite alternate;
}
.csstscssload-load-frame .tscssload-dot:nth-child(16) {
 background: rgb(32,137,223);
 animation: cssload-load 0.35s linear -1.84s infinite alternate;
 -o-animation: cssload-load 0.35s linear -1.84s infinite alternate;
 -ms-animation: cssload-load 0.35s linear -1.84s infinite alternate;
 -webkit-animation: cssload-load 0.35s linear -1.84s infinite alternate;
 -moz-animation: cssload-load 0.35s linear -1.84s infinite alternate;
}
.csstscssload-load-frame .tscssload-dot:nth-child(17) {
 background: #2083df;
 animation: cssload-load 0.35s linear -1.96s infinite alternate;
 -o-animation: cssload-load 0.35s linear -1.96s infinite alternate;
 -ms-animation: cssload-load 0.35s linear -1.96s infinite alternate;
 -webkit-animation: cssload-load 0.35s linear -1.96s infinite alternate;
 -moz-animation: cssload-load 0.35s linear -1.96s infinite alternate;
}
.csstscssload-load-frame .tscssload-dot:nth-child(18) {
 background: #207cdf;
 animation: cssload-load 0.35s linear -2.07s infinite alternate;
 -o-animation: cssload-load 0.35s linear -2.07s infinite alternate;
 -ms-animation: cssload-load 0.35s linear -2.07s infinite alternate;
 -webkit-animation: cssload-load 0.35s linear -2.07s infinite alternate;
 -moz-animation: cssload-load 0.35s linear -2.07s infinite alternate;
}
.csstscssload-load-frame .tscssload-dot:nth-child(19) {
 background: #2076df;
 animation: cssload-load 0.35s linear -2.19s infinite alternate;
 -o-animation: cssload-load 0.35s linear -2.19s infinite alternate;
 -ms-animation: cssload-load 0.35s linear -2.19s infinite alternate;
 -webkit-animation: cssload-load 0.35s linear -2.19s infinite alternate;
 -moz-animation: cssload-load 0.35s linear -2.19s infinite alternate;
}
.csstscssload-load-frame .tscssload-dot:nth-child(20) {
 background: #2070df;
 animation: cssload-load 0.35s linear -2.3s infinite alternate;
 -o-animation: cssload-load 0.35s linear -2.3s infinite alternate;
 -ms-animation: cssload-load 0.35s linear -2.3s infinite alternate;
 -webkit-animation: cssload-load 0.35s linear -2.3s infinite alternate;
 -moz-animation: cssload-load 0.35s linear -2.3s infinite alternate;
}
.csstscssload-load-frame .tscssload-dot:nth-child(21) {
 background: #2069df;
 animation: cssload-load 0.35s linear -2.42s infinite alternate;
 -o-animation: cssload-load 0.35s linear -2.42s infinite alternate;
 -ms-animation: cssload-load 0.35s linear -2.42s infinite alternate;
 -webkit-animation: cssload-load 0.35s linear -2.42s infinite alternate;
 -moz-animation: cssload-load 0.35s linear -2.42s infinite alternate;
}
.csstscssload-load-frame .tscssload-dot:nth-child(22) {
 background: #2063df;
 animation: cssload-load 0.35s linear -2.53s infinite alternate;
 -o-animation: cssload-load 0.35s linear -2.53s infinite alternate;
 -ms-animation: cssload-load 0.35s linear -2.53s infinite alternate;
 -webkit-animation: cssload-load 0.35s linear -2.53s infinite alternate;
 -moz-animation: cssload-load 0.35s linear -2.53s infinite alternate;
}
.csstscssload-load-frame .tscssload-dot:nth-child(23) {
 background: #205cdf;
 animation: cssload-load 0.35s linear -2.65s infinite alternate;
 -o-animation: cssload-load 0.35s linear -2.65s infinite alternate;
 -ms-animation: cssload-load 0.35s linear -2.65s infinite alternate;
 -webkit-animation: cssload-load 0.35s linear -2.65s infinite alternate;
 -moz-animation: cssload-load 0.35s linear -2.65s infinite alternate;
}
.csstscssload-load-frame .tscssload-dot:nth-child(24) {
 background: #2056df;
 animation: cssload-load 0.35s linear -2.76s infinite alternate;
 -o-animation: cssload-load 0.35s linear -2.76s infinite alternate;
 -ms-animation: cssload-load 0.35s linear -2.76s infinite alternate;
 -webkit-animation: cssload-load 0.35s linear -2.76s infinite alternate;
 -moz-animation: cssload-load 0.35s linear -2.76s infinite alternate;
}
.csstscssload-load-frame .tscssload-dot:nth-child(25) {
 background: #2050df;
 animation: cssload-load 0.35s linear -2.88s infinite alternate;
 -o-animation: cssload-load 0.35s linear -2.88s infinite alternate;
 -ms-animation: cssload-load 0.35s linear -2.88s infinite alternate;
 -webkit-animation: cssload-load 0.35s linear -2.88s infinite alternate;
 -moz-animation: cssload-load 0.35s linear -2.88s infinite alternate;
}
 @keyframes cssload-load {
 100% {
 opacity: 0;
 transform: scale(0.5);
}
}
 @-o-keyframes cssload-load {
 100% {
 opacity: 0;
 -o-transform: scale(0.5);
}
}
 @-ms-keyframes cssload-load {
 100% {
 opacity: 0;
 -ms-transform: scale(0.5);
}
}
 @-webkit-keyframes cssload-load {
 100% {
 opacity: 0;
 -webkit-transform: scale(0.5);
}
}
 @-moz-keyframes cssload-load {
 100% {
 opacity: 0;
 -moz-transform: scale(0.5);
}
}