body {
	background: url(../img/background.jpg) no-repeat center center fixed;
	background-size: cover;
	width: 100vw;
}

.project_timeline {
	position: absolute;
	top: 70px;
	bottom: 0;
	width: 3px;
	left: 48.5px;
	margin-left: -10px;
	height: 140px;
	z-index: -1;
	-webkit-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	background: rgba(255, 255, 255, 0.5);
}

.project_timeline_background {
	position: absolute;
	top: 70px;
	bottom: 0;
	width: 3px;
	left: 48.5px;
	margin-left: -10px;
	height: 0px;
	z-index: -1;
	-webkit-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.no_back {
	top: 25px;
}

.catch_btn1.active:hover {
	background: §COLOR_B§ !important;
	border-color: §COLOR_B§ !important;
	filter: brightness(1.2);
}

.upload_hover {
	transition: .2s ease-in-out;
	position: absolute;
	top: 0;
	left: 0;
	background: rgb(0, 0, 0, 0.0);
	border-radius: 5px;
	width: 100%;
	height: 100%;
	line-height: 300px;
	text-align: center;
	color: §COLOR_E§;
	cursor: pointer;
}

.upload_hover i {
	line-height: 300px;
	font-size: 60px;
	transition: .2s ease-in-out;
}

.upload_hover:hover {
	background: rgb(0, 0, 0, 0.4);
	color: #fff;
}

.upload_hover:hover > i {
	transform: scale(1.1);
}

.done_overlay i {
	transform: scale(0);
}

.done_overlay_animation i {
	transition: all 0.9s cubic-bezier(.8, 1.8, .75, .75);
	animation: bounceIn 1.1s;
	transform: scale(1);

}

@keyframes bounceIn {
	0% {
		opacity: 1;
		transform: scale(.3);
	}

	50% {
		opacity: 1;
		transform: scale(1.05);
	}

	70% {
		opacity: 1;
		transform: scale(.9);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

.dropdown-content li > a,
.dropdown-content li > span {
	color: §COLOR_B§;
}

.material-tooltip {
	color: #fff;
	background: §COLOR_B§;
}

header {
	background: §COLOR_J§;
	filter: brightness(1.1);
}

.side-nav li a:hover {
	background: §COLOR_J§;
	filter: brightness(1.1);
}

/*
.new_project_circle {
	background: §COLOR_J§;
	border-color:rgba(255,255,255,0.5);
}
*/

.modal-header {
	background: §COLOR_J§;
	color: §COLOR_I§;
}

.text_color_i {
	color: §COLOR_I§;
}

#page_title {
	font-weight: normal;
	color: §COLOR_I§ !important;
}

.sidenav-trigger i {
	color: §COLOR_I§ !important;
}

@media(max-width: 600px) {
	#page_title {
		font-size: 15px;
	}
}

@media(max-width: 992px) {
	#page_title {
		text-align: center;
	}
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}