$(window).on('load', function(){
  $( "#preloader" ).fadeOut(1000);
});

#

#preloader
  .preloader-circle
  .preloader-circle
  .preloader-circle

#

#preloader
	z-index: 99
	position: fixed
	top: 0
	left: 0
	right: 0
	bottom: 0
	transform: translateZ(0)
	background-color: #000b1d
	.preloader-circle
		position: absolute
		top: 50%
		left: 50%
		border-radius: 50%
		background-color: #243447

		will-change: transform
		animation:
			duration: 2s
			direction: alternate
			iteration-count: infinite
			timing-function: ease-in-out
			fill-mode: forwards

		&:nth-child(1)
			width: 15vw
			height: 15vw
			min-width: 150px
			min-height: 150px
			box-shadow: 0 0 30px #3BD5A9
			animation:
				name: loaderCircle-1

			@keyframes loaderCircle-1
				0%
					transform: translate(-50%, -50%) scale(1)

				25%
					transform: translate(-50%, -50%) scale(1.3)

				50%
					transform: translate(-50%, -50%) scale(.7)
					box-shadow: 0 0 50px #3BD5A9

				75%
					transform: translate(-50%, -50%) scale(1.2)

				100%
					transform: translate(-50%, -50%) scale(.7)

		&:nth-child(2)
			width: 10vw
			height: 10vw
			min-width: 100px
			min-height: 100px
			box-shadow: 0 0 20px #3BD5A9
			animation:
				name: loaderCircle-2

			@keyframes loaderCircle-2
				0%
					transform: translate(-50%, -50%) scale(1)

				25%
					transform: translate(-50%, -50%) scale(.7)

				50%
					transform: translate(-50%, -50%) scale(1.3)
					box-shadow: 0 0 40px #3BD5A9

				75%
					transform: translate(-50%, -50%) scale(1)

				100%
					transform: translate(-50%, -50%) scale(.7)

		&:nth-child(3)
			width: 5vw
			height: 5vw
			min-width: 50px
			min-height: 50px
			box-shadow: 0 0 10px #3BD5A9
			animation:
				name: loaderCircle-3

			@keyframes loaderCircle-3
				0%
					transform: translate(-50%, -50%) scale(1)

				25%
					transform: translate(-50%, -50%) scale(1.3)

				50%
					transform: translate(-50%, -50%) scale(.7)
					box-shadow: 0 0 30px #3BD5A9

				75%
					transform: translate(-50%, -50%) scale(1.2)

				100%
					transform: translate(-50%, -50%) scale(1)