@charset "UTF-8";	/* Кодировочка */





/* Обёртка */

.pillars-light {
	position: absolute;
	width: 100%;
	}





/* Общее */

.light {
	z-index: 2;
	left: 0;
	right: 0;
	top: 100vh;
	bottom: 0;
	position: absolute;
	opacity: 0.75;
	width: 0;
	margin: auto;
	box-shadow: #06C 0 0 20px 2px;
	}





/* Огоньки-столбцы */

.x1 {
	-webkit-animation: floatUp 4s infinite linear;
	-moz-animation: floatUp 4s infinite linear;
	-o-animation: floatUp 4s infinite linear;
	animation: floatUp 4s infinite linear;
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-o-transform: scale(1.0);
	transform: scale(1.0);
	}

.x2 {
	-webkit-animation: floatUp 7s infinite linear;
	-moz-animation: floatUp 7s infinite linear;
	-o-animation: floatUp 7s infinite linear;
	animation: floatUp 7s infinite linear;
	-webkit-transform: scale(1.6);
	-moz-transform: scale(1.6);
	-o-transform: scale(1.6);
	transform: scale(1.6);
	left: 15%;
	}

.x3 {
	-webkit-animation: floatUp 2.5s infinite linear;
	-moz-animation: floatUp 2.5s infinite linear;
	-o-animation: floatUp 2.5s infinite linear;
	animation: floatUp 2.5s infinite linear;
	-webkit-transform: scale(.5);
	-moz-transform: scale(.5);
	-o-transform: scale(.5);
	transform: scale(.5);
	left: -15%;
	}

.x4 {
	-webkit-animation: floatUp 4.5s infinite linear;
	-moz-animation: floatUp 4.5s infinite linear;
	-o-animation: floatUp 4.5s infinite linear;
	animation: floatUp 4.5s infinite linear;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	left: -34%;
	}

.x5 {
	-webkit-animation: floatUp 8s infinite linear;
	-moz-animation: floatUp 8s infinite linear;
	-o-animation: floatUp 8s infinite linear;
	animation: floatUp 8s infinite linear;
	-webkit-transform: scale(2.2);
	-moz-transform: scale(2.2);
	-o-transform: scale(2.2);
	transform: scale(2.2);
	left: -57%;
	}

.x6 {
	-webkit-animation: floatUp 3s infinite linear;
	-moz-animation: floatUp 3s infinite linear;
	-o-animation: floatUp 3s infinite linear;
	animation: floatUp 3s infinite linear;
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8);
	left: -81%;
	}

.x7 {
	-webkit-animation: floatUp 5.3s infinite linear;
	-moz-animation: floatUp 5.3s infinite linear;
	-o-animation: floatUp 5.3s infinite linear;
	animation: floatUp 5.3s infinite linear;
	-webkit-transform: scale(3.2);
	-moz-transform: scale(3.2);
	-o-transform: scale(3.2);
	transform: scale(3.2);
	left: 37%;
	}

.x8 {
	-webkit-animation: floatUp 4.7s infinite linear;
	-moz-animation: floatUp 4.7s infinite linear;
	-o-animation: floatUp 4.7s infinite linear;
	animation: floatUp 4.7s infinite linear;
	-webkit-transform: scale(1.7);
	-moz-transform: scale(1.7);
	-o-transform: scale(1.7);
	transform: scale(1.7);
	left: 62%;
	}

.x9 {
	-webkit-animation: floatUp 4.1s infinite linear;
	-moz-animation: floatUp 4.1s infinite linear;
	-o-animation: floatUp 4.1s infinite linear;
	animation: floatUp 4.1s infinite linear;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
	left: 85%;
	}





/* Анимация эффекта */

@-webkit-keyframes floatUp{
	0%{top: 100vh; opacity: 0;}
	25%{opacity: 1;}
	50%{top: 0vh; opacity: .8;}
	75%{opacity: 1;}
	100%{top: -100vh; opacity: 0;}
	}
@-moz-keyframes floatUp{
	0%{top: 100vh; opacity: 0;}
	25%{opacity: 1;}
	50%{top: 0vh; opacity: .8;}
	75%{opacity: 1;}
	100%{top: -100vh; opacity: 0;}
	}
	@-o-keyframes floatUp{
	0%{top: 100vh; opacity: 0;}
	25%{opacity: 1;}
	50%{top: 0vh; opacity: .8;}
	75%{opacity: 1;}
	100%{top: -100vh; opacity: 0;}
	}
@keyframes floatUp{
	0%{top: 100vh; opacity: 0;}
	25%{opacity: 1;}
	50%{top: 0vh; opacity: .8;}
	75%{opacity: 1;}
	100%{top: -100vh; opacity: 0;}
	}