/* animation */
@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0px);
	}
}

/* Classe de base */
.fade-in {
	opacity: 0;
	animation: fadeIn 1s ease forwards;
}

/* Durées */
.fade-300 {
	animation-duration: 0.3s;
}

.fade-500 {
	animation-duration: 0.5s;
}

.fade-1000 {
	animation-duration: 1s;
}

.fade-1500 {
	animation-duration: 1.5s;
}

.fade-2000 {
	animation-duration: 2s;
}
.delay-100 {
	animation-delay: 0.1s;
}
.delay-200 {
	animation-delay: 0.2s;
}
.delay-300 {
	animation-delay: 0.3s;
}
.delay-400 {
	animation-delay: 0.4s;
}
.delay-500 {
	animation-delay: 0.5s;
}
.delay-600 {
	animation-delay: 0.6s;
}
.delay-700 {
	animation-delay: 0.7s;
}
.delay-800 {
	animation-delay: 0.8s;
}
.delay-900 {
	animation-delay: 0.9s;
}
.delay-1000 {
	animation-delay: 1s;
}
.delay-1100 {
	animation-delay: 1.1s;
}
.delay-1200 {
	animation-delay: 1.2s;
}
.delay-1300 {
	animation-delay: 1.3s;
}
.delay-1400 {
	animation-delay: 1.4s;
}
.delay-1500 {
	animation-delay: 1.5s;
}
.delay-2000 {
	animation-delay: 2s;
}

.reveal {
	opacity:0;
	transition:
		opacity var(--duration, 0.5s) ease,
		transform var(--duration, 0.5s) ease;
	will-change: opacity, transform;
}

.reveal.visible {
	opacity: 1;
	transform: translate(0,0);
}

.fade-up {
	transform: translateY(40px);
}

.fade-down {
	transform: translateY(-40px);
}

.fade-left {
	transform: translateX(-40px);
}

.fade-right {
	transform: translateX(40px);
}

.zoom-in {
	transform: scale(0.9);
}

.zoom-out {
	transform: scale(1.1);
}

.ct-menu-link {
	text-shadow: 0 2px 6px rgba(0,0,0,0.55), 0 8px 18px rgba(0,0,0,0.45);
}

#header .ct-header-text {
	text-shadow:
		0 2px 4px rgba(0,0,0,0.45),
		0 8px 20px rgba(0,0,0,0.35);
}

.home main {
	background-color: #000000;
}

.home #footer {
	background-color: #000000;
}

@media (max-width: 768px) {
	.hide-mobile {
		display: none !important;
	}
}

@media (min-width: 769px) and (max-width: 1024px) {
	.hide-tablet {
		display: none !important;
	}
}

@media (min-width: 1025px) {
	.hide-desktop {
		display: none !important;
	}
}

@media (max-width: 768px) {
	.column-no-margin-mobile {
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
}