#overlay {

}


.section-logo {
	/* margin: 0 auto; */
}
#overlay .section-logo {
	padding: 40px 0;
	display: flex;
	align-items: center;
}
#overlay .section-logo-app {
	width: 100%;
	margin-bottom: 40px;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.box1, 
.box2 {
	position: absolute;
	top: -30px;
	left: 0;
	width: 80px;
	height: 110px;
	border-radius: 0 0 100px 100px;
}
.box1 {
	background-color: #fff;
	left: 20px;
}
.box2 {
	background-color: #00ffff;
	left: 130px;
}
.box3 {
	position: absolute;
	right: 0;
	bottom: -50px;
}

h3.section-title span {
    color: #00ffff;
}

@keyframes svg-animate-path {
	from { }
	to {
		stroke-dashoffset: 0;
	}
}
svg.animate-path path {
	animation-delay: 1.5s;
	animation: svg-animate-path 1s forwards infinite;
}

/* fade in */
@keyframes fade-in {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.fade-in {
	animation-delay: 0.8s;
	animation-duration: 1.5s;
	animation-fill-mode: both;
	animation-name: fade-in;
}  

/* fade out */
@keyframes fade-out {
	from {
	  opacity: 1;
	}
	to {
	  opacity: 0;
	}
}
.fade-out {
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-name: fade-out;
}

/* slide-up */
@keyframes slide-up {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.slide-up {
	animation-delay: 0.5s;
	animation-duration: 1s;
	animation-name: slide-up;
	animation-iteration-count: 1;
}

/* blur-out */
@keyframes blur-out {
	from {
		filter: blur(10px);
	}
	to {
		filter: blur(0);
	}
}
.blur-out {
	animation-delay: 0.8s;
	animation-duration: 1.5s;
	animation-fill-mode: both;
	animation-name: blur-out;
}

/* slide-down */
@keyframes slide-down {
	from {
		transform: translateY(-80px);
	}
	to {
		transform: translateY(0);
	}
}
.slide-down {
	animation-duration: 1.25s;
	animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1);
	animation-name: slide-down;
	animation-iteration-count: 1;
}

/* slide-down-out */
@keyframes slide-down-out {
	from {
		margin-top: 0;
	}
	to {
		margin-top: 100vh;
	}
}
.slide-down-out {
	margin-top: 100vh;
	animation-duration: 0.75s;
	animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1);
	animation-name: slide-down-out;
	animation-iteration-count: 1;
}


.v2 {
	animation-delay: 0.4s
}

.delay2 {
	animation-delay: 0.4s;
}
.delay3 {
	animation-delay: 0.6s;
}
.delay4 {
	animation-delay: 0.8s;
}