@charset "utf-8";
/* rain drop container */
.makeitrain{
	width: 200%;
	margin: auto;
	overflow: hidden;
	z-index: 99999;
}
.makeitrain img{
	width: 100%;
	position: relative;
}

/* rain drop manual */
.raindrop51 {
	width: 15px;
	position: absolute; 
	transform:rotate(-17deg);
	-ms-transform:rotate(-17deg); /* IE 9 */
	-webkit-transform:rotate(-17deg); /* Safari and Chrome */
}

@keyframes raindrop51 {
	from {
		left: 10%;
		top: -78px;
	}
	to {
		left: 25%;
		top: 950px;
	}
}

@-webkit-keyframes raindrop51 /* Safari and Chrome */ {
	from {
		left: 10%;
		top: -78px;
	}
	to {
		left: 25%;
		top: 950px;
	}
}

.raindrop51 {
	animation: raindrop51 1.5s linear 0s 5 normal;
	-webkit-animation: raindrop51 1.5s linear 0s 5 normal; /* Safari and Chrome */
}

/* rain drops from spreadsheet */
.raindrop1 { width: 18px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop1 { from { left: 6%; top: -78px; } to { left: 41%; top: 950px; } } @-webkit-keyframes raindrop1 /* Safari and Chrome */ { from { left: 6%; top: -78px; } to { left: 41%; top: 950px; } } .raindrop1 { animation: raindrop1 1.5s linear 0.5s 3 normal; -webkit-animation: raindrop1 1.5s linear 0.5s 3 normal; /* Safari and Chrome */}
.raindrop2 { width: 18px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop2 { from { left: 5%; top: -78px; } to { left: 40%; top: 950px; } } @-webkit-keyframes raindrop2 /* Safari and Chrome */ { from { left: 5%; top: -78px; } to { left: 40%; top: 950px; } } .raindrop2 { animation: raindrop2 1.5s linear 3.8s 3 normal; -webkit-animation: raindrop2 1.5s linear 3.8s 3 normal; /* Safari and Chrome */}
.raindrop3 { width: 16px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop3 { from { left: 32%; top: -78px; } to { left: 67%; top: 950px; } } @-webkit-keyframes raindrop3 /* Safari and Chrome */ { from { left: 32%; top: -78px; } to { left: 67%; top: 950px; } } .raindrop3 { animation: raindrop3 1.5s linear 2.2s 3 normal; -webkit-animation: raindrop3 1.5s linear 2.2s 3 normal; /* Safari and Chrome */}
.raindrop4 { width: 20px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop4 { from { left: 49%; top: -78px; } to { left: 84%; top: 950px; } } @-webkit-keyframes raindrop4 /* Safari and Chrome */ { from { left: 49%; top: -78px; } to { left: 84%; top: 950px; } } .raindrop4 { animation: raindrop4 1.5s linear 5.7s 3 normal; -webkit-animation: raindrop4 1.5s linear 5.7s 3 normal; /* Safari and Chrome */}
.raindrop5 { width: 21px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop5 { from { left: 58%; top: -78px; } to { left: 93%; top: 950px; } } @-webkit-keyframes raindrop5 /* Safari and Chrome */ { from { left: 58%; top: -78px; } to { left: 93%; top: 950px; } } .raindrop5 { animation: raindrop5 1.5s linear 1.5s 3 normal; -webkit-animation: raindrop5 1.5s linear 1.5s 3 normal; /* Safari and Chrome */}
.raindrop6 { width: 19px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop6 { from { left: 33%; top: -78px; } to { left: 68%; top: 950px; } } @-webkit-keyframes raindrop6 /* Safari and Chrome */ { from { left: 33%; top: -78px; } to { left: 68%; top: 950px; } } .raindrop6 { animation: raindrop6 1.5s linear 2.1s 3 normal; -webkit-animation: raindrop6 1.5s linear 2.1s 3 normal; /* Safari and Chrome */}
.raindrop7 { width: 25px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop7 { from { left: 44%; top: -78px; } to { left: 79%; top: 950px; } } @-webkit-keyframes raindrop7 /* Safari and Chrome */ { from { left: 44%; top: -78px; } to { left: 79%; top: 950px; } } .raindrop7 { animation: raindrop7 1.5s linear 0.7s 3 normal; -webkit-animation: raindrop7 1.5s linear 0.7s 3 normal; /* Safari and Chrome */}
.raindrop8 { width: 15px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop8 { from { left: 40%; top: -78px; } to { left: 75%; top: 950px; } } @-webkit-keyframes raindrop8 /* Safari and Chrome */ { from { left: 40%; top: -78px; } to { left: 75%; top: 950px; } } .raindrop8 { animation: raindrop8 1.5s linear 2.4s 3 normal; -webkit-animation: raindrop8 1.5s linear 2.4s 3 normal; /* Safari and Chrome */}
.raindrop9 { width: 22px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop9 { from { left: 29%; top: -78px; } to { left: 64%; top: 950px; } } @-webkit-keyframes raindrop9 /* Safari and Chrome */ { from { left: 29%; top: -78px; } to { left: 64%; top: 950px; } } .raindrop9 { animation: raindrop9 1.5s linear 5.3s 3 normal; -webkit-animation: raindrop9 1.5s linear 5.3s 3 normal; /* Safari and Chrome */}
.raindrop10 { width: 25px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop10 { from { left: 49%; top: -78px; } to { left: 84%; top: 950px; } } @-webkit-keyframes raindrop10 /* Safari and Chrome */ { from { left: 49%; top: -78px; } to { left: 84%; top: 950px; } } .raindrop10 { animation: raindrop10 1.5s linear 0.2s 3 normal; -webkit-animation: raindrop10 1.5s linear 0.2s 3 normal; /* Safari and Chrome */}
.raindrop11 { width: 15px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop11 { from { left: 2%; top: -78px; } to { left: 37%; top: 950px; } } @-webkit-keyframes raindrop11 /* Safari and Chrome */ { from { left: 2%; top: -78px; } to { left: 37%; top: 950px; } } .raindrop11 { animation: raindrop11 1.5s linear 4.5s 3 normal; -webkit-animation: raindrop11 1.5s linear 4.5s 3 normal; /* Safari and Chrome */}
.raindrop12 { width: 27px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop12 { from { left: 30%; top: -78px; } to { left: 65%; top: 950px; } } @-webkit-keyframes raindrop12 /* Safari and Chrome */ { from { left: 30%; top: -78px; } to { left: 65%; top: 950px; } } .raindrop12 { animation: raindrop12 1.5s linear 5.7s 3 normal; -webkit-animation: raindrop12 1.5s linear 5.7s 3 normal; /* Safari and Chrome */}
.raindrop13 { width: 18px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop13 { from { left: 47%; top: -78px; } to { left: 82%; top: 950px; } } @-webkit-keyframes raindrop13 /* Safari and Chrome */ { from { left: 47%; top: -78px; } to { left: 82%; top: 950px; } } .raindrop13 { animation: raindrop13 1.5s linear 1.3s 3 normal; -webkit-animation: raindrop13 1.5s linear 1.3s 3 normal; /* Safari and Chrome */}
.raindrop14 { width: 21px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop14 { from { left: 2%; top: -78px; } to { left: 37%; top: 950px; } } @-webkit-keyframes raindrop14 /* Safari and Chrome */ { from { left: 2%; top: -78px; } to { left: 37%; top: 950px; } } .raindrop14 { animation: raindrop14 1.5s linear 4.9s 3 normal; -webkit-animation: raindrop14 1.5s linear 4.9s 3 normal; /* Safari and Chrome */}
.raindrop15 { width: 16px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop15 { from { left: 8%; top: -78px; } to { left: 43%; top: 950px; } } @-webkit-keyframes raindrop15 /* Safari and Chrome */ { from { left: 8%; top: -78px; } to { left: 43%; top: 950px; } } .raindrop15 { animation: raindrop15 1.5s linear 1.5s 3 normal; -webkit-animation: raindrop15 1.5s linear 1.5s 3 normal; /* Safari and Chrome */}
.raindrop16 { width: 11px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop16 { from { left: 43%; top: -78px; } to { left: 78%; top: 950px; } } @-webkit-keyframes raindrop16 /* Safari and Chrome */ { from { left: 43%; top: -78px; } to { left: 78%; top: 950px; } } .raindrop16 { animation: raindrop16 1.5s linear 2.7s 3 normal; -webkit-animation: raindrop16 1.5s linear 2.7s 3 normal; /* Safari and Chrome */}
.raindrop17 { width: 18px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop17 { from { left: 25%; top: -78px; } to { left: 60%; top: 950px; } } @-webkit-keyframes raindrop17 /* Safari and Chrome */ { from { left: 25%; top: -78px; } to { left: 60%; top: 950px; } } .raindrop17 { animation: raindrop17 1.5s linear 3.7s 3 normal; -webkit-animation: raindrop17 1.5s linear 3.7s 3 normal; /* Safari and Chrome */}
.raindrop18 { width: 28px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop18 { from { left: 28%; top: -78px; } to { left: 63%; top: 950px; } } @-webkit-keyframes raindrop18 /* Safari and Chrome */ { from { left: 28%; top: -78px; } to { left: 63%; top: 950px; } } .raindrop18 { animation: raindrop18 1.5s linear 3s 3 normal; -webkit-animation: raindrop18 1.5s linear 3s 3 normal; /* Safari and Chrome */}
.raindrop19 { width: 29px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop19 { from { left: 4%; top: -78px; } to { left: 39%; top: 950px; } } @-webkit-keyframes raindrop19 /* Safari and Chrome */ { from { left: 4%; top: -78px; } to { left: 39%; top: 950px; } } .raindrop19 { animation: raindrop19 1.5s linear 3.1s 3 normal; -webkit-animation: raindrop19 1.5s linear 3.1s 3 normal; /* Safari and Chrome */}
.raindrop20 { width: 10px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop20 { from { left: 34%; top: -78px; } to { left: 69%; top: 950px; } } @-webkit-keyframes raindrop20 /* Safari and Chrome */ { from { left: 34%; top: -78px; } to { left: 69%; top: 950px; } } .raindrop20 { animation: raindrop20 1.5s linear 3.2s 3 normal; -webkit-animation: raindrop20 1.5s linear 3.2s 3 normal; /* Safari and Chrome */}
.raindrop21 { width: 22px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop21 { from { left: 25%; top: -78px; } to { left: 60%; top: 950px; } } @-webkit-keyframes raindrop21 /* Safari and Chrome */ { from { left: 25%; top: -78px; } to { left: 60%; top: 950px; } } .raindrop21 { animation: raindrop21 1.5s linear 1.6s 3 normal; -webkit-animation: raindrop21 1.5s linear 1.6s 3 normal; /* Safari and Chrome */}
.raindrop22 { width: 30px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop22 { from { left: 0%; top: -78px; } to { left: 35%; top: 950px; } } @-webkit-keyframes raindrop22 /* Safari and Chrome */ { from { left: 0%; top: -78px; } to { left: 35%; top: 950px; } } .raindrop22 { animation: raindrop22 1.5s linear 5.2s 3 normal; -webkit-animation: raindrop22 1.5s linear 5.2s 3 normal; /* Safari and Chrome */}
.raindrop23 { width: 15px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop23 { from { left: 19%; top: -78px; } to { left: 54%; top: 950px; } } @-webkit-keyframes raindrop23 /* Safari and Chrome */ { from { left: 19%; top: -78px; } to { left: 54%; top: 950px; } } .raindrop23 { animation: raindrop23 1.5s linear 2.2s 3 normal; -webkit-animation: raindrop23 1.5s linear 2.2s 3 normal; /* Safari and Chrome */}
.raindrop24 { width: 25px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop24 { from { left: 14%; top: -78px; } to { left: 49%; top: 950px; } } @-webkit-keyframes raindrop24 /* Safari and Chrome */ { from { left: 14%; top: -78px; } to { left: 49%; top: 950px; } } .raindrop24 { animation: raindrop24 1.5s linear 0.6s 3 normal; -webkit-animation: raindrop24 1.5s linear 0.6s 3 normal; /* Safari and Chrome */}
.raindrop25 { width: 21px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop25 { from { left: 43%; top: -78px; } to { left: 78%; top: 950px; } } @-webkit-keyframes raindrop25 /* Safari and Chrome */ { from { left: 43%; top: -78px; } to { left: 78%; top: 950px; } } .raindrop25 { animation: raindrop25 1.5s linear 0.7s 3 normal; -webkit-animation: raindrop25 1.5s linear 0.7s 3 normal; /* Safari and Chrome */}
.raindrop26 { width: 17px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop26 { from { left: 12%; top: -78px; } to { left: 27%; top: 950px; } } @-webkit-keyframes raindrop26 /* Safari and Chrome */ { from { left: 12%; top: -78px; } to { left: 27%; top: 950px; } } .raindrop26 { animation: raindrop26 1.5s linear 4.8s 3 normal; -webkit-animation: raindrop26 1.5s linear 4.8s 3 normal; /* Safari and Chrome */}
.raindrop27 { width: 20px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop27 { from { left: 46%; top: -78px; } to { left: 61%; top: 950px; } } @-webkit-keyframes raindrop27 /* Safari and Chrome */ { from { left: 46%; top: -78px; } to { left: 61%; top: 950px; } } .raindrop27 { animation: raindrop27 1.5s linear 2.2s 3 normal; -webkit-animation: raindrop27 1.5s linear 2.2s 3 normal; /* Safari and Chrome */}
.raindrop28 { width: 17px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop28 { from { left: 53%; top: -78px; } to { left: 68%; top: 950px; } } @-webkit-keyframes raindrop28 /* Safari and Chrome */ { from { left: 53%; top: -78px; } to { left: 68%; top: 950px; } } .raindrop28 { animation: raindrop28 1.5s linear 2s 3 normal; -webkit-animation: raindrop28 1.5s linear 2s 3 normal; /* Safari and Chrome */}
.raindrop29 { width: 14px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop29 { from { left: 48%; top: -78px; } to { left: 63%; top: 950px; } } @-webkit-keyframes raindrop29 /* Safari and Chrome */ { from { left: 48%; top: -78px; } to { left: 63%; top: 950px; } } .raindrop29 { animation: raindrop29 1.5s linear 1.7s 3 normal; -webkit-animation: raindrop29 1.5s linear 1.7s 3 normal; /* Safari and Chrome */}
.raindrop30 { width: 18px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop30 { from { left: 32%; top: -78px; } to { left: 47%; top: 950px; } } @-webkit-keyframes raindrop30 /* Safari and Chrome */ { from { left: 32%; top: -78px; } to { left: 47%; top: 950px; } } .raindrop30 { animation: raindrop30 1.5s linear 4.9s 3 normal; -webkit-animation: raindrop30 1.5s linear 4.9s 3 normal; /* Safari and Chrome */}
.raindrop31 { width: 22px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop31 { from { left: 44%; top: -78px; } to { left: 59%; top: 950px; } } @-webkit-keyframes raindrop31 /* Safari and Chrome */ { from { left: 44%; top: -78px; } to { left: 59%; top: 950px; } } .raindrop31 { animation: raindrop31 1.5s linear 6s 3 normal; -webkit-animation: raindrop31 1.5s linear 6s 3 normal; /* Safari and Chrome */}
.raindrop32 { width: 23px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop32 { from { left: 43%; top: -78px; } to { left: 58%; top: 950px; } } @-webkit-keyframes raindrop32 /* Safari and Chrome */ { from { left: 43%; top: -78px; } to { left: 58%; top: 950px; } } .raindrop32 { animation: raindrop32 1.5s linear 0.5s 3 normal; -webkit-animation: raindrop32 1.5s linear 0.5s 3 normal; /* Safari and Chrome */}
.raindrop33 { width: 10px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop33 { from { left: 3%; top: -78px; } to { left: 18%; top: 950px; } } @-webkit-keyframes raindrop33 /* Safari and Chrome */ { from { left: 3%; top: -78px; } to { left: 18%; top: 950px; } } .raindrop33 { animation: raindrop33 1.5s linear 5.6s 3 normal; -webkit-animation: raindrop33 1.5s linear 5.6s 3 normal; /* Safari and Chrome */}
.raindrop34 { width: 25px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop34 { from { left: 27%; top: -78px; } to { left: 42%; top: 950px; } } @-webkit-keyframes raindrop34 /* Safari and Chrome */ { from { left: 27%; top: -78px; } to { left: 42%; top: 950px; } } .raindrop34 { animation: raindrop34 1.5s linear 2.4s 3 normal; -webkit-animation: raindrop34 1.5s linear 2.4s 3 normal; /* Safari and Chrome */}
.raindrop35 { width: 29px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop35 { from { left: 36%; top: -78px; } to { left: 51%; top: 950px; } } @-webkit-keyframes raindrop35 /* Safari and Chrome */ { from { left: 36%; top: -78px; } to { left: 51%; top: 950px; } } .raindrop35 { animation: raindrop35 1.5s linear 3.3s 3 normal; -webkit-animation: raindrop35 1.5s linear 3.3s 3 normal; /* Safari and Chrome */}
.raindrop36 { width: 11px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop36 { from { left: 30%; top: -78px; } to { left: 45%; top: 950px; } } @-webkit-keyframes raindrop36 /* Safari and Chrome */ { from { left: 30%; top: -78px; } to { left: 45%; top: 950px; } } .raindrop36 { animation: raindrop36 1.5s linear 3.3s 3 normal; -webkit-animation: raindrop36 1.5s linear 3.3s 3 normal; /* Safari and Chrome */}
.raindrop37 { width: 27px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop37 { from { left: 67%; top: -78px; } to { left: 82%; top: 950px; } } @-webkit-keyframes raindrop37 /* Safari and Chrome */ { from { left: 67%; top: -78px; } to { left: 82%; top: 950px; } } .raindrop37 { animation: raindrop37 1.5s linear 0.4s 3 normal; -webkit-animation: raindrop37 1.5s linear 0.4s 3 normal; /* Safari and Chrome */}
.raindrop38 { width: 13px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop38 { from { left: 70%; top: -78px; } to { left: 85%; top: 950px; } } @-webkit-keyframes raindrop38 /* Safari and Chrome */ { from { left: 70%; top: -78px; } to { left: 85%; top: 950px; } } .raindrop38 { animation: raindrop38 1.5s linear 5.3s 3 normal; -webkit-animation: raindrop38 1.5s linear 5.3s 3 normal; /* Safari and Chrome */}
.raindrop39 { width: 30px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop39 { from { left: 56%; top: -78px; } to { left: 71%; top: 950px; } } @-webkit-keyframes raindrop39 /* Safari and Chrome */ { from { left: 56%; top: -78px; } to { left: 71%; top: 950px; } } .raindrop39 { animation: raindrop39 1.5s linear 4.2s 3 normal; -webkit-animation: raindrop39 1.5s linear 4.2s 3 normal; /* Safari and Chrome */}
.raindrop40 { width: 16px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop40 { from { left: 31%; top: -78px; } to { left: 46%; top: 950px; } } @-webkit-keyframes raindrop40 /* Safari and Chrome */ { from { left: 31%; top: -78px; } to { left: 46%; top: 950px; } } .raindrop40 { animation: raindrop40 1.5s linear 2.6s 3 normal; -webkit-animation: raindrop40 1.5s linear 2.6s 3 normal; /* Safari and Chrome */}
.raindrop41 { width: 13px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop41 { from { left: 61%; top: -78px; } to { left: 76%; top: 950px; } } @-webkit-keyframes raindrop41 /* Safari and Chrome */ { from { left: 61%; top: -78px; } to { left: 76%; top: 950px; } } .raindrop41 { animation: raindrop41 1.5s linear 2.7s 3 normal; -webkit-animation: raindrop41 1.5s linear 2.7s 3 normal; /* Safari and Chrome */}
.raindrop42 { width: 11px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop42 { from { left: 6%; top: -78px; } to { left: 21%; top: 950px; } } @-webkit-keyframes raindrop42 /* Safari and Chrome */ { from { left: 6%; top: -78px; } to { left: 21%; top: 950px; } } .raindrop42 { animation: raindrop42 1.5s linear 5.2s 3 normal; -webkit-animation: raindrop42 1.5s linear 5.2s 3 normal; /* Safari and Chrome */}
.raindrop43 { width: 19px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop43 { from { left: 22%; top: -78px; } to { left: 37%; top: 950px; } } @-webkit-keyframes raindrop43 /* Safari and Chrome */ { from { left: 22%; top: -78px; } to { left: 37%; top: 950px; } } .raindrop43 { animation: raindrop43 1.5s linear 2s 3 normal; -webkit-animation: raindrop43 1.5s linear 2s 3 normal; /* Safari and Chrome */}
.raindrop44 { width: 28px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop44 { from { left: 21%; top: -78px; } to { left: 36%; top: 950px; } } @-webkit-keyframes raindrop44 /* Safari and Chrome */ { from { left: 21%; top: -78px; } to { left: 36%; top: 950px; } } .raindrop44 { animation: raindrop44 1.5s linear 0.7s 3 normal; -webkit-animation: raindrop44 1.5s linear 0.7s 3 normal; /* Safari and Chrome */}
.raindrop45 { width: 11px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop45 { from { left: 25%; top: -78px; } to { left: 40%; top: 950px; } } @-webkit-keyframes raindrop45 /* Safari and Chrome */ { from { left: 25%; top: -78px; } to { left: 40%; top: 950px; } } .raindrop45 { animation: raindrop45 1.5s linear 1.5s 3 normal; -webkit-animation: raindrop45 1.5s linear 1.5s 3 normal; /* Safari and Chrome */}
.raindrop46 { width: 18px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop46 { from { left: 13%; top: -78px; } to { left: 28%; top: 950px; } } @-webkit-keyframes raindrop46 /* Safari and Chrome */ { from { left: 13%; top: -78px; } to { left: 28%; top: 950px; } } .raindrop46 { animation: raindrop46 1.5s linear 1.5s 3 normal; -webkit-animation: raindrop46 1.5s linear 1.5s 3 normal; /* Safari and Chrome */}
.raindrop47 { width: 23px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop47 { from { left: 38%; top: -78px; } to { left: 53%; top: 950px; } } @-webkit-keyframes raindrop47 /* Safari and Chrome */ { from { left: 38%; top: -78px; } to { left: 53%; top: 950px; } } .raindrop47 { animation: raindrop47 1.5s linear 1.2s 3 normal; -webkit-animation: raindrop47 1.5s linear 1.2s 3 normal; /* Safari and Chrome */}
.raindrop48 { width: 29px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop48 { from { left: 39%; top: -78px; } to { left: 54%; top: 950px; } } @-webkit-keyframes raindrop48 /* Safari and Chrome */ { from { left: 39%; top: -78px; } to { left: 54%; top: 950px; } } .raindrop48 { animation: raindrop48 1.5s linear 4.6s 3 normal; -webkit-animation: raindrop48 1.5s linear 4.6s 3 normal; /* Safari and Chrome */}
.raindrop49 { width: 21px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop49 { from { left: 67%; top: -78px; } to { left: 82%; top: 950px; } } @-webkit-keyframes raindrop49 /* Safari and Chrome */ { from { left: 67%; top: -78px; } to { left: 82%; top: 950px; } } .raindrop49 { animation: raindrop49 1.5s linear 5.9s 3 normal; -webkit-animation: raindrop49 1.5s linear 5.9s 3 normal; /* Safari and Chrome */}
.raindrop50 { width: 10px; position: absolute; transform:rotate(-17deg); -ms-transform:rotate(-17deg); /* IE 9 */ -webkit-transform:rotate(-17deg); /* Safari and Chrome */ } @keyframes raindrop50 { from { left: 60%; top: -78px; } to { left: 75%; top: 950px; } } @-webkit-keyframes raindrop50 /* Safari and Chrome */ { from { left: 60%; top: -78px; } to { left: 75%; top: 950px; } } .raindrop50 { animation: raindrop50 1.5s linear 4.5s 3 normal; -webkit-animation: raindrop50 1.5s linear 4.5s 3 normal; /* Safari and Chrome */}