.parallax-cus {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.blue-gradient-left {
	background: rgb(0,93,157);
	background: linear-gradient(275deg, rgba(13,93,157,1) 0%, rgba(255,255,255,0) 90%); 
}

.yellow-gradient-right {
	background: rgb(250,216,107);
	background: linear-gradient(90deg, rgba(250,216,107,1) 0%, rgba(255,255,255,0) 90%); 
}


.text-blue {
	color: #063860; 
}

.text-yellow {
	color: #6c757d;
}

.text-logo {
	font-size: 60px;
}

.btn-jaune {
  color: #ffffff;
  background-color: #e1ac00;
  border-color: #e1ac00;
  box-shadow: none;
}

.btn-jaune:hover {
  color: #ffffff;
  background-color: #fec302;
  border-color: #fec302;
}

.gear {
	position: absolute;
}

.gear-big {
	width: 35%;
	top: -10%;
	left: -10%;
}

.gear-meduim {
	width: 25%;
	top: +18%;
	left: +25%;
}

.gear-small {
	width: 20%;
	top: +55%;
	left: +8%;
}

.separator-left {
  border-left: 1px solid #dee2e6 !important;
}

@media only screen and (max-width: 600px) {
	.gear {
		position: absolute;
	}

	.gear-big {
		width: 60%;
		top: 1%;
		left: -10%;
	}

	.gear-meduim {
		width: 45%;
		top: +30%;
		left: +35%;
	}

	.gear-small {
		width: 30%;
		top: +50%;
		left: +8%;
	}

	.gear-big-special {
		width: 60%;
		top: 1%;
		left: -10%;
	}

	.gear-meduim-special {
		width: 45%;
		top: +30%;
		left: +35%;
	}	
	
	.text-logo {
		font-size: 40px;
	}
	.separator-left {
		border-left: 0px solid white !important;
	}


}

@media only screen and (max-width: 720px) {
	.gear {
		position: absolute;
	}

	.gear-big {
		width: 60%;
		top: 1%;
		left: -10%;
	}

	.gear-meduim {
		width: 45%;
		top: +30%;
		left: +35%;
	}

	.gear-small {
		width: 30%;
		top: +50%;
		left: +8%;
	}

	.gear-big-special {
		width: 60%;
		top: 1%;
		left: -10%;
	}

	.gear-meduim-special {
		width: 45%;
		top: +30%;
		left: +35%;
	}

}


.link-hover:hover {
	color: #1069b0;
	transition-duration: 0.33s;
}

.link-hover:active {
	color: #36a6ff;
	transition-duration: 0.1s;
}
.link-hover:focus {
	color: #1069b0;
}

.card-img{
	width: 100%;
	padding: 10px;
}

@media only screen and (min-width: 600px) {
	.separator-line {
		display: none;
	}
}

.loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: white;
	z-index: 100000;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}


.loader>img {
	width: 10%;
	color: inherit;
	animation-name: spin;
  	animation-duration: 5000ms;
  	animation-iteration-count: infinite;
  	animation-timing-function: linear; 
}


.loader.hidden {
	animation: fadeOut 1s;
	animation-fill-mode: forwards;
}

@keyframes fadeOut {
	100% {
		opacity: 0;
		visibility: hidden;
	} 
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

.centervertically {
	padding: 10%;
}

.vertical-center {
	margin-top: 15%;
	margin-bottom: 15%;
}

.text-light-blue {
	color: #1069b0;
}

.text-dark-yellow {
	color: #c99a00;
}

.text-light-gray {
	color: lightgray;
}


.gear-big-special {
	width: 35%;

	left: -10%;
}

.gear-meduim-special {
	width: 25%;

	left: +25%;
}


.scrolldown {
	animation: bounce 1s ease infinite;
	transition: 0.33s;
}

.scrolldown:hover {
	color: #1069b0;
	transition: 0.33s;
}



@keyframes bounce {
  50% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(0);
  }
}

html {
	scroll-behavior: smooth;
}