#top 
{
	/*position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;*/
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
}
.bubbles
{
	position: absolute;
	display: flex;
}
.bubbles .span-b
{
	position: relative;
	width: 25px;
	height: 25px;
	background: #43B3E0;
	margin: 0 4px;
	border-radius: 50%;
	box-shadow: 0 0 0 10px #43B3E044, 
	0 0 50px #43B3E0, 
	0 0 100px #43B3E0;
	animation: bgbubble 15s linear infinite;
	animation-duration: calc(120s / var(--i));
	z-index: 0;
	opacity: 0.7;
}
.bubbles .span-b:nth-child(10),
.bubbles .span-b:nth-child(20),
.bubbles .span-b:nth-child(31),
.bubbles .span-b:nth-child(41),
.bubbles .span-b:nth-child(51)
{
	opacity: 0;
}
.bubbles .span-b:nth-child(even)
{
/*	background: #ffa200;
	box-shadow: 0 0 0 10px #ffa20044, 
	0 0 50px #ffa200, 
	0 0 100px #ffa200;*/
	background: #fff;
	box-shadow: 0 0 0 10px #ffffff44, 
	0 0 50px #fff, 
	0 0 100px #fff;
}

@keyframes bgbubble
{
	0%
	{
		transform: translateY(180px) scale(0);
	}
	80%
	{
		opacity: 0.5;
		transform: translateZ(10px) ;

	}
	100%
	{
		transform: translateY(-110px) scale(1);
	}
}

@media screen and (max-width: 1300px) {   
    .bubbles {    
        display: none;
        }       
}