/*==========
1. COMMON CSS
2. BANNER CSS
	2.1 HEADER CSS
	2.2 BANNER SECTION CSS
3. AVANTAGES SECTION CSS
4. COUNTER SECTION CSS
5. ADMINISTRATIVE SECTION CSS
6. CERTIFICATIONS SECTION CSS
7. PARTNERS SECTION CSS
8. FOOTER SECTION CSS
==========*/

/*==========
1. COMMON CSS
==========*/

/* poppins-300 - latin */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/poppins-v19-latin-300.eot');
	/* IE9 Compat Modes */
	src: local(''),
		url('../fonts/poppins-v19-latin-300.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../fonts/poppins-v19-latin-300.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('../fonts/poppins-v19-latin-300.woff') format('woff'),
		/* Modern Browsers */
		url('../fonts/poppins-v19-latin-300.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../fonts/poppins-v19-latin-300.svg#Poppins') format('svg');
	/* Legacy iOS */
	font-display: swap;
}

/* poppins-regular - latin */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/poppins-v19-latin-regular.eot');
	/* IE9 Compat Modes */
	src: local(''),
		url('../fonts/poppins-v19-latin-regular.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../fonts/poppins-v19-latin-regular.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('../fonts/poppins-v19-latin-regular.woff') format('woff'),
		/* Modern Browsers */
		url('../fonts/poppins-v19-latin-regular.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../fonts/poppins-v19-latin-regular.svg#Poppins') format('svg');
	/* Legacy iOS */
	font-display: swap;
}

/* poppins-500 - latin */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/poppins-v19-latin-500.eot');
	/* IE9 Compat Modes */
	src: local(''),
		url('../fonts/poppins-v19-latin-500.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../fonts/poppins-v19-latin-500.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('../fonts/poppins-v19-latin-500.woff') format('woff'),
		/* Modern Browsers */
		url('../fonts/poppins-v19-latin-500.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../fonts/poppins-v19-latin-500.svg#Poppins') format('svg');
	/* Legacy iOS */
	font-display: swap;
}

/* poppins-600 - latin */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/poppins-v19-latin-600.eot');
	/* IE9 Compat Modes */
	src: local(''),
		url('../fonts/poppins-v19-latin-600.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../fonts/poppins-v19-latin-600.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('../fonts/poppins-v19-latin-600.woff') format('woff'),
		/* Modern Browsers */
		url('../fonts/poppins-v19-latin-600.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../fonts/poppins-v19-latin-600.svg#Poppins') format('svg');
	/* Legacy iOS */
	font-display: swap;
}

/* poppins-700 - latin */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/poppins-v19-latin-700.eot');
	/* IE9 Compat Modes */
	src: local(''),
		url('../fonts/poppins-v19-latin-700.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../fonts/poppins-v19-latin-700.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('../fonts/poppins-v19-latin-700.woff') format('woff'),
		/* Modern Browsers */
		url('../fonts/poppins-v19-latin-700.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../fonts/poppins-v19-latin-700.svg#Poppins') format('svg');
	/* Legacy iOS */
	font-display: swap;
}

/* poppins-800 - latin */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/poppins-v19-latin-800.eot');
	/* IE9 Compat Modes */
	src: local(''),
		url('../fonts/poppins-v19-latin-800.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../fonts/poppins-v19-latin-800.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('../fonts/poppins-v19-latin-800.woff') format('woff'),
		/* Modern Browsers */
		url('../fonts/poppins-v19-latin-800.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../fonts/poppins-v19-latin-800.svg#Poppins') format('svg');
	/* Legacy iOS */
	font-display: swap;
}

/* poppins-900 - latin */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/poppins-v19-latin-900.eot');
	/* IE9 Compat Modes */
	src: local(''),
		url('../fonts/poppins-v19-latin-900.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../fonts/poppins-v19-latin-900.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('../fonts/poppins-v19-latin-900.woff') format('woff'),
		/* Modern Browsers */
		url('../fonts/poppins-v19-latin-900.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../fonts/poppins-v19-latin-900.svg#Poppins') format('svg');
	/* Legacy iOS */
	font-display: swap;
}

body {
	position: relative;
	overflow-x: hidden;
	font-family: 'Poppins', sans-serif;
}

img {
	height: auto !important;
}

.wrapper {
	width: 100%;
	overflow-x: hidden;
}

h1,
h2,
p {
	margin: 0;
}

/*Animation*/
/*===== Background & animation  ======*/
@keyframes float1 {
	0% {
		transform: translateX(15px);
	}

	50% {
		transform: translateX(-15px);
	}

	100% {
		transform: translateX(15px);
	}
}

@keyframes float2 {
	0% {
		transform: translateX(10px);
	}

	50% {
		transform: translateX(-10px);
	}

	100% {
		transform: translateX(10px);
	}
}

@keyframes rotate1 {
	0% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}

	50% {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	100% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}
}


@keyframes float3 {
	0% {
		transform: translateX(0);
	}

	50% {
		transform: translateX(150px);
	}

	100% {
		transform: translateX(0);
	}
}

@keyframes float4 {
	0% {
		transform: translateX(0);
	}

	50% {
		transform: translateX(-150px);
	}

	100% {
		transform: translateX(0);
	}
}

@keyframes floatv1 {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-20px);
	}

	100% {
		transform: translateY(0);
	}
}

@keyframes floatv2 {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(150px);
	}

	100% {
		transform: translateY(0);
	}
}


.scroll-to-top {
	text-decoration: none;
	position: fixed;
	background-color: #ffffff;
	right: 20px;
	bottom: 30px;
	width: 30px;
	height: 30px;
	border: 1px solid #000000;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	opacity: 0;
	z-index: 9999999;
	transition: .5s;
	color: #000000;
}

.scroll-to-top:hover,
.scroll-to-top:focus {
	background: rgba(0, 0, 0, .6);
	color: #ffffff;
}

.custom-xx-container {
	padding-right: 35px;
	padding-left: 35px;
}

.custom-two-container {
	max-width: 1360px;
	padding-right: 35px;
	padding-left: 35px;
}

/*==========
2. BANNER CSS
==========*/

/*==========
2.1 HEADER CSS
==========*/
.mpi-header {
	top: 0;
	left: 0;
	z-index: 99999;
}

.navbar-brand {
	padding-left: 40px;
}

.navbar-brand img {
	max-width: 134px;
}

.mpi-nav ul li a::after {
	content: "";
	display: inline-block;
	position: relative;
	width: 3px;
	height: 3px;
	left: 1.7em;
	vertical-align: middle;
	border-radius: 50%;
	background-color: #3D3D3D;
	transform: translateY(-50%);
}

.mpi-nav ul li:last-child a::after {
	content: unset;
}

.mpi-nav ul li a {
	position: relative;
	color: #3D3D3D !important;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0 25px !important;
}

.mpi-nav ul li a:hover,
.mpi-nav ul li a:focus {
	color: #3dce86 !important;
}

.bg-lightGreen {
	background-color: #45bd92;
}

.overlay .overlay-close {
	display: none;
}

.site-reno-top {
	height: 175px;
}

.aro_img {
	right: 819px;
	bottom: 16px;
	width: 350px;
}

@media only screen and (min-width: 992px) {
	.mpi-header .mpi-nav {
		margin-left: 60px;
	}
}

@media only screen and (max-width: 1680px) {
	.mpi-header .mpi-nav {
		margin-left: 0;
	}

	.navbar-brand {
		padding-left: 0;
	}
}

@media only screen and (max-width: 991px) {
	.mpi-nav ul li a i {
		display: none;
	}

	.mpi-nav ul li a::after {
		content: unset;
	}

	/*navigation on mobile*/
	.nav-btn {
		display: inline-block;
		cursor: pointer;
	}

	.bar1,
	.bar2,
	.bar3 {
		width: 35px;
		height: 5px;
		background-color: #333;
		margin: 6px 0;
		transition: 0.4s;
	}

	/* Overlay style */
	.overlay {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: rgba(255, 255, 255, 0.97);
		display: flex;
		justify-content: center;
		align-items: center;
	}

	/* Overlay closing cross */
	.overlay .overlay-close {
		display: block;
		width: 30px;
		height: 30px;
		position: absolute;
		right: 50%;
		margin-right: -15px;
		top: 20px;
		background: transparent;
		outline: none;
		z-index: 100;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #3D3D3D;
		border: 1px solid #3D3D3D;
		font-size: 14px;
	}

	/* Menu style */
	.overlay nav {
		text-align: center;
		position: relative;
		top: 50%;
		height: 60%;
		font-size: 54px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.overlay ul {
		list-style: none;
		padding: 0;
		margin: 0 auto;
		display: inline-block;
		position: relative;
	}

	.overlay ul li {
		display: block;
		text-align: center;
	}

	.overlay ul li a {
		font-size: 14px;
		font-weight: 500;
		padding: 14px;
		padding-top: 14px;
		padding-bottom: 14px;
		display: block;
		-webkit-transition: color 0.2s;
		transition: color 0.2s;
		margin-bottom: 14px;
		color: #3D3D3D !important;
	}

	.overlay ul li a:hover,
	.overlay ul li a:focus {
		color: #018D50 !important;
	}

	/* Effects */
	.overlay-hugeinc {
		opacity: 0;
		visibility: hidden;
		-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
		transition: opacity 0.5s, visibility 0s 0.5s;
	}

	.overlay-hugeinc.open {
		opacity: 1;
		visibility: visible;
		-webkit-transition: opacity 0.5s;
		transition: opacity 0.5s;
	}

	.overlay-hugeinc nav {
		-webkit-perspective: 1200px;
		perspective: 1200px;
	}

	.overlay-hugeinc nav ul {
		opacity: 0.4;
		-webkit-transform: translateY(-25%) rotateX(35deg);
		transform: translateY(-25%) rotateX(35deg);
		-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
		transition: transform 0.5s, opacity 0.5s;
	}

	.overlay-hugeinc.open nav ul {
		opacity: 1;
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
	}

	.overlay-hugeinc.close nav ul {
		-webkit-transform: translateY(25%) rotateX(-35deg);
		transform: translateY(25%) rotateX(-35deg);
	}
}

@media screen and (max-height: 30.5em) {
	.overlay nav {
		height: 70%;
		font-size: 34px;
	}

	.overlay ul li {
		min-height: 34px;
	}
}

/*==========
2.2 BANNER SECTION CSS
==========*/

.banner-section {
	background: url(../images/g98-flip.svg) no-repeat;
	background-position: bottom 230px left -280px;
}

.banner-section .banner-graybg {
	padding-right: 50px;
}

.banner-section .banner-graybg embed {
	max-width: 929px;
}

.banner-section .banner-img {
	top: 0;
	right: 0;
	z-index: 99;
}

.banner-section-inner .banner-img::before {
	position: absolute;
	content: "";
	display: block;
	width: 400px;
	height: 585px;
	bottom: 0;
	right: 0;
	background-color: #005aca;
	z-index: -1;
}

.banner-content {
	top: 0;
	left: 0;
	z-index: 999;
	padding-top: 178px;
}

.banner-title h1 {
	font-size: 55px;
	font-weight: 700;
	line-height: 1.1em;
	font-family: 'poppins', sans-serif;
	color: #0F424F;
	text-transform: uppercase;
	margin-bottom: 50px;
}

.top_img_tag {
	width: 100%;
	max-width: 333px;
	left: 246px;
	top: 53px;
}

.sub-title h3 {
	font-family: "Poppins", Sans-serif;
	font-size: 45px;
	font-weight: 400;
	letter-spacing: 0.88px;
	color: #0F424F;
	margin-bottom: 20px;
}

.banner-txt {
	font-size: 16px;
	font-weight: 300;
	color: #888888;
	margin-bottom: 60px;
	max-width: 520px;
	line-height: 30px;
	font-family: Arial, Helvetica, sans-serif;
}

.banner-txt h5 {
	font-size: 29px;
	color: #004699;
	margin: 15px 0px 30px 0px;
	font-family: "Poppins", sans-serif;
}

.banner-btn {
	margin-bottom: 50px;
}

.banner-btn a {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#01a4fb+0,2196f3+47,005aca+100 */
	background: #01a4fb;
	/* Old browsers */
	background: -moz-linear-gradient(top, #01a4fb 0%, #2196f3 47%, #005aca 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #01a4fb 0%, #2196f3 47%, #005aca 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #01a4fb 0%, #2196f3 47%, #005aca 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01a4fb', endColorstr='#005aca', GradientType=0);
	/* IE6-9 */
	padding: 18px 45px;
	font-size: 18px;
	font-weight: 500;
	color: #ffffff;
	border-radius: 10px;
	text-decoration: none;
	transition: .5s;
}

.banner-btn a:hover,
.banner-btn a:focus {
	background: unset;
	background-color: #031D71 !important;
}

.end_line {
	margin-bottom: 70px;
}

.end_line img {
	width: 100%;
	max-width: 900px;
}

.call-us-inner {
	padding: 15px 25px;
	border: 2px solid #D2E7DE;
	border-radius: 10px;
}

.inner-content .chat-icon {
	margin-right: 20px;
	font-size: 40px;
	color: #031D71;
}

.banner-contact-info {
	font-size: 21px;
	font-weight: 500;
	color: #031D71;
}


.banner-nimate-svg-1 {
	top: 5px;
	right: 474px;
	z-index: 99;
	transform: translateX(0);
	animation: float1 10s ease-in-out infinite;
}

.banner-nimate-svg-2 {
	top: -245px;
	left: -365px;
	z-index: 99;
}

.banner-nimate-svg-3 {
	top: 34%;
	right: 756px;
	z-index: 99;
	transform: translateX(0);
	animation: float2 10s ease-in-out infinite;
}

.banner-nimate-svg-4 {
	bottom: 22%;
	right: 859px;
	z-index: 99;
	transform: translateX(0);
	animation: float2 10s ease-in-out infinite;
}

.banner-nimate-svg-5 {
	bottom: 8%;
	right: 859px;
	z-index: 99;
}

.banner-nimate-svg-6 {
	bottom: 48px;
	right: 240px;
	z-index: 99;
	transform: translateX(0);
	animation: float1 10s ease-in-out infinite;
}

.banner-nimate-svg-7 {
	bottom: 195px;
	right: 340px;
	z-index: 99;
	transform: translateX(0);
	animation: float2 10s ease-in-out infinite;
}

.banner-nimate-svg-8 {
	top: -50px;
	right: 50px;
	z-index: 99;
}

.banner-nimate-svg-9 {
	bottom: 100px;
	right: 408px;
	z-index: 99;
}

.banner-nimate-svg-10 {
	display: none;
}

@media only screen and (max-width: 1680px) {
	.banner-inner-box {
		max-width: 725px;
	}
}

@media only screen and (max-width: 1440px) {

	.banner-img img {
		width: 835px;
	}

	.banner-graybg embed {
		max-width: 860px;
	}

	.banner-nimate-svg-1 {
		right: 445px;
	}

	.banner-nimate-svg-3 {
		right: 680px;
	}

	.banner-nimate-svg-4 {
		right: 820px;
	}

	.banner-nimate-svg-9 {
		right: 345px;
	}

	.banner-nimate-svg-5 {
		bottom: 2%;
		right: 750px;
	}

	.banner-title h1 {
		font-size: 70px;
	}

	.sub-title h3 {
		margin-bottom: 15px;
	}

	.banner-content {
		padding-top: 185px;
	}

	.banner-section-inner {
		max-height: 845px;
		overflow: hidden;
	}
}


@media only screen and (max-width: 1200px) {
	.sub-title h3 {
		font-size: 26px;
	}
}

@media only screen and (max-width: 1024px) {
	.banner-title h1 {
		font-size: 54px;
	}

	.sub-title h3 {
		font-size: 22px;
	}



	.banner-section .banner-img {
		right: -112px;
	}

	.banner-section .banner-graybg {
		margin-right: -153px;
	}

	.banner-nimate-svg-1 {
		right: 340px;
		width: 100px;
	}

	.banner-nimate-svg-3 {
		right: 550px;
	}

	.banner-nimate-svg-4 {
		right: 675px;
	}

	.banner-nimate-svg-9 {
		right: 280px;
	}

	.banner-nimate-svg-6 {
		right: 70px;
	}

	.banner-nimate-svg-7 {
		right: 175px;
	}

	.banner-nimate-svg-5 {
		bottom: 2%;
		right: 616px;
	}

	.banner-content {
		padding-top: 185px;
	}

	.banner-section-inner {
		max-height: 908px;
		overflow: hidden;
	}
}

@media only screen and (max-width: 768px) {
	.banner-section-inner {
		height: 908px;
	}

	.banner-content {
		position: absolute;
		;
		padding-bottom: 50px;
		text-align: center;
		padding-top: 100px;
	}

	.navbar-brand img {
		max-width: 80px;
	}

	.banner-title h1 {
		font-size: 45px;
		margin-bottom: 30px;
	}

	.sub-title h3 {
		margin-bottom: 30px;
	}

	.banner-txt {
		width: 100%;
		max-width: 300px;
		margin: auto;
		margin-bottom: 30px;

	}

	.banner-txt p {
		text-align: center;
		font-size: 17px;
	}

	.banner-btn a {
		font-size: 15px;
	}

	.banner-contact-info {
		font-size: 18px;
	}

	.call-us-inner {
		margin: auto;
	}

	.banner-section {
		background-position: bottom 100px left -280px;
	}

	.banner-inner-box {
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
	}

	.banner-nimate-svg-4 {
		right: 615px;
		bottom: 18%;
		width: 50px;
	}

	.banner-nimate-svg-2,
	.banner-nimate-svg-3,
	.banner-nimate-svg-5,
	.banner-nimate-svg-1,
	.banner-nimate-svg-8,
	.banner-section .banner-graybg,
	.banner-section .banner-img {
		display: none;
	}

	.banner-nimate-svg-9 {
		left: -50px;
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
		animation: rotate1 3s ease-in-out infinite;
	}

	.banner-nimate-svg-6 {
		right: 0;
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
		animation: rotate1 3s ease-in-out infinite;
		top: 10%;
	}

	.banner-nimate-svg-7 {
		transform: translateY(0);
		animation: floatv1 4s ease-in-out infinite;
	}

	.banner-nimate-svg-10 {
		display: block;
		width: 30px;
		top: 50px;
		right: 20px;
		z-index: 99;
	}
}

@media only screen and (max-width: 576px) {
	.banner-btn a {
		font-size: 14px;
	}

	.banner-contact-info {
		font-size: 16px;
	}

	.banner-btn {
		margin-bottom: 30px;
	}

	.banner-nimate-svg-7 {
		display: none;
	}
}



/*==========
3. AVANTAGES SECTION CSS
==========*/

.avantages-section {
	padding-top: 50px;
}

.avantages-title-box {
	padding-bottom: 85px;
	padding-left: 24px;
	padding-right: 24px;
}

.avantages-title-box .avantage-title {
	font-size: 40px;
	font-weight: 600;
	text-transform: capitalize;
	color: #031D71;
}

.avantages-title-box h3.avantage-sub-title {
	font-size: 28px;
	font-weight: 600;
	text-transform: uppercase;
	color: #636363;
}

.avantages-title-box h3.avantage-sub-title span {
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0.6px;
	color: #018D50;
}


.content_graph--inner {
	width: 100%;
	max-width: 510px;
	padding-left: 75px;
}

.cst_line {
	border: 1px solid #7b7b7d;
	max-width: 360px;
	opacity: 9;
	margin-bottom: 20px;
}

.content_graph h2 {
	font-size: 40px;
	font-weight: 100;
	color: #45BD92;
}

.content_graph h1 {
	font-size: 40px;
	font-weight: 700;
	color: #45BD92;
	padding-bottom: 10px;
}

.content_graph p {
	text-align: justify;
	padding: 10px 0px;
	font-size: 15px;
}

.quest_inne_box {
	padding: 0px 12px;
	width: 100%;
	max-width: 539px;
}

.item-inner {
	width: 100%;
	max-width: 415px;
	padding: 33px 10px 33px 75px;
	-webkit-box-shadow: 0 0 20px 10px #ddd;
	box-shadow: 0 0 30px 5px #ddd;
	margin-bottom: 30px;
	margin-top: 30px;
	border-radius: 12px;
}

.quest_inne_box .content-box b {
	color: #45BD92;
}

.content-box {
	height: 100%;
}

.margin-button-26 {
	margin-bottom: 26px;
}

.right-column-image {
	width: 100%;
	max-width: 560px;
}

@media only screen and (max-width: 768px) {
	.right-column-image {
		border-radius: 35px;
		overflow: hidden;
		margin: 0 auto;
	}
}

@media (min-width: 500px) and (max-width: 700px) {
	.quest_inne_box {
		padding-left: 75px;
	}
}

@media (max-width: 700px) {
	.content_graph--inner {
		padding: 0 12px;
	}
}

.item-inner .carousel-title {
	font-size: 28px;
	font-weight: 600;
	text-transform: capitalize;
	color: #031D71;
}

.item-inner .carousel-text {
	font-size: 16px;
	font-weight: 400;
	color: #888888;
}

.item-icon-box {
	width: 110px;
	height: 110px;
	top: 35px;
	left: -55px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#008b4e+0,008b4e+0,0fbe7f+50,01a4fb+100 */
	background: #008b4e;
	/* Old browsers */
	background: -moz-linear-gradient(top, #008b4e 0%, #008b4e 0%, #0fbe7f 50%, #01a4fb 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #008b4e 0%, #008b4e 0%, #0fbe7f 50%, #01a4fb 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #008b4e 0%, #008b4e 0%, #0fbe7f 50%, #01a4fb 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008b4e', endColorstr='#01a4fb', GradientType=0);
	/* IE6-9 */
	color: #ffffff;
	font-size: 60px;
	transition: .5s;
	border-radius: 10px;

}

.item-inner:hover .item-icon-box {
	background: #031D71;
	background-color: #031D71;
}

.item-icon-box img {
	width: 60px !important;
}

.owl-carousel .owl-stage {
	display: flex;
}

.avantages-section .owl-carousel.owl-drag .owl-item .item {
	padding-left: 55px;
	height: 100% !important;
}

#avantages-carousel {
	margin-bottom: 80px;
}

.advantages-btn {
	margin: 50px 0px;
}

.advantages-btn a {
	font-size: 25px;
	font-weight: 400;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 17px 70px;
	border-radius: 10px;
	/* background-color: #031D71; */
	background: -webkit-linear-gradient(top, #01a4fb 0%, #2196f3 47%, #005aca 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #01a4fb 0%, #2196f3 47%, #005aca 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+,*/
	transition: .5s;
	border: none;

}

.advantages-btn a:hover,
.advantages-btn a:focus {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#01a4fb+0,2196f3+47,005aca+100 */
	background: #01a4fb;
	/* Old browsers */
	background: -moz-linear-gradient(top, #01a4fb 0%, #2196f3 47%, #005aca 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #01a4fb 0%, #2196f3 47%, #005aca 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #01a4fb 0%, #2196f3 47%, #005aca 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01a4fb', endColorstr='#005aca', GradientType=0);
	/* IE6-9 */
}

.les_devis,
.les_travaux,
.les_etapes {
	margin: 100px 0px;
}

.les_devis h2 {
	font-size: 25px;
	color: #13414E;
	font-weight: bold;
	line-height: 40px;
	width: 100%;
	max-width: 880px;
}

.les_devis h1 {
	color: #0F414E;
	font-size: 65px;
	font-weight: bold;
	line-height: 65px;
}

.les_devis .doc-image {
	width: 100%;
	max-width: 750px;
}

.les_devis .right-image {
	width: 100%;
	max-width: 800px;
	margin-top: 75px;
}

.les_travaux h1 {
	font-size: 38px;
	font-weight: 700;
	margin-bottom: 60px;
	color: #12424f;
}

.les_travaux h2 {
	font-weight: 700;
	margin-bottom: 100px;
	color: #12424f;
}

.les_travaux h2 span {
	color: #4bbd93 !important;
}

.les_travaux h5 {
	font-weight: 600;
}

.les_travaux_text_box {
	padding-top: 15px;
	padding-bottom: 15px;
}

.les_etapes_subTitle {
	font-size: 12px;
}

.les_etapes_title {
	font-size: 14px;
	font-weight: 700;
}

.les_etapes_subTitle,
.les_etapes_title,
.les_travaux_text_box h5 {
	color: #234085;
}

.les_etapes_content,
.les_travaux_text_box p {
	color: #818285;
	font-size: 18px;
	font-weight: 200;
}

.les_etapes_content_small {
	font-size: 12px;
	color: #818285;
}

.les_travaux_text_box hr {
	border-color: #23408f;
}

.les_travaux-secend_title {
	width: 100%;
	max-width: 1400px;
}

@media only screen and (max-width: 576px) {
	.les_devis h2 {
		font-size: 20px;
		line-height: 1.4;
	}

	.avantages-title-box .avantage-title {
		font-size: 36px;
	}

	.avantages-title-box h3.avantage-sub-title,
	.avantages-title-box h3.avantage-sub-title span {
		font-size: 17px;
		color: #018D50;

	}

	.item-inner .carousel-title {
		font-size: 22px;
	}

	.item-inner .carousel-text {
		font-size: 14px;
	}

	.advantages-btn a {
		font-size: 14px;
		padding-left: 14px;
		padding-right: 14px;
	}

	.advantages-btn a:hover,
	.advantages-btn a:focus {
		text-decoration: none;
	}

	.avantages-section {
		padding-left: 15px;
		padding-right: 15px;
	}

	.les_devis {
		padding-left: 15px;
		padding-right: 15px;
	}

	.les_devis,
	.les_travaux,
	.les_etapes {
		margin: 50px 0 50px;
	}

	.content_graph h2 {
		font-size: 36px;
	}
}

/*=========
Example d'un Project Section
===========*/
.d_un_project-chart {
	margin: 50px 0px;
	padding: 50px 0;
	background-image: url(../images/);
}

.les_etapes-left {
	width: 100%;
	max-width: 670px;
	margin-left: 80px;
}

.les_etapes-left h1 {
	font-size: 55px;
	font-weight: 700;
	margin-bottom: 60px;
	color: #12424f;
}

.les-aides-right-box_ {
	margin-top: 125px;
}

.les_travaux_text_box {
	margin-top: 60px;
}

.margin-button-85 {
	margin-bottom: 85px;
}

@media only screen and (max-width: 1600px) {
	.les_etapes-left {
		margin-left: 0;
		padding: 0 30px;
	}
}


@media only screen and (max-width: 576px) {
	.les_etapes-left {
		padding: 0 15px;
	}

	.les_etapes_title {
		font-size: 18px;
		font-weight: 700;
	}

	.site-reno-top {
		height: 100px;
	}

	.les_travaux {
		padding-left: 15px;
		padding-right: 15px;
	}

	.les_devis .doc-image {
		margin-bottom: 30px;
	}

	.margin-button-85 {
		margin-bottom: 30px;
	}
}

/*==========
4. COUNTER SECTION CSS
==========*/

.counter-section {
	padding: 160px 0 0;
}

.counter-title {
	font-size: 35px;
	font-weight: 500;
	color: #031D71;
	margin-bottom: 50px;
}

.counter-box {
	width: 288px;
	height: 156px;
	border-radius: 10px;
	margin-right: 50px;
	padding: 25px 50px;
}

.bg-1 {
	background-color: #FFE4B8;
}

.bg-2 {
	background-color: #ace5ff;
}

.bg-3 {
	background-color: #ffc2c2;
}

.counter-box .leads_counter {
	font-size: 55px;
	font-weight: 300;
	color: #031D71;
}

.counter-box .leads-text {
	color: #202020;
	font-size: 17px;
	font-weight: 600;
}



/*Animation*/


.counter-animate-1 {
	top: -150px;
	right: -185px;
	z-index: 9999;
	transform: translateX(0);
	animation: float3 5s ease-in-out infinite;

}

@media only screen and (max-width: 768px) {
	.counter-box {
		width: 100%;
		margin-bottom: 30px;
	}

	.counter-animate-1 {
		top: 0;
		right: 0;
		width: 330px;
		z-index: -1;
	}
}

/*==========
5. ADMINISTRATIVE SECTION CSS
==========*/
.administrative-section {
	padding: 160px 0;
}

.administrative-text .quote-icon i {
	color: #018d50;
	font-size: 30px;
}

.administrative-text-title {
	font-size: 43px;
	font-weight: 600;
	color: #031D71;
	max-width: 746px;
	margin-bottom: 20px;
}


.administrative-text-article {
	max-width: 745px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #4b4b4b;
	margin-bottom: 60px;
}

.les-aides-img img {
	border-radius: 50px;
}

.img-opacity-0 {
	visibility: hidden;
}

.les-aides-img1 {
	top: 0;
	left: 0;
}

@media (max-width: 768px) {
	.les-aides-right-box {
		aspect-ratio: 4/2;
	}
}

@media only screen and (max-width: 576px) {
	.administrative-section {
		padding-bottom: 50px;
	}
}

/*Animation*/



.administrative-animate-1 {
	top: 0;
	left: -45;
	z-index: 9;
	opacity: .3;
	transform: translateX(0);
	animation: float4 5s ease-in-out infinite;

}

.administrative-animate-2 {
	bottom: 20px;
	left: -80px;
	z-index: -1;
}

.administrative-animate-3 {
	top: -20px;
	right: 20px;
	z-index: 99;
	transform: translateY(0);
	animation: floatv1 7s ease-in-out infinite;
}

.administrative-animate-4 {
	top: 40px;
	right: 0;
	z-index: 99;
}

@media only screen and (max-width: 576px) {

	.administrative-text-title,
	.avantages-title-box .avantage-title {
		font-size: 24px;
	}


}

/*==========
6. CERTIFICATIONS SECTION CSS
==========*/

.certification-section {
	padding: 50px 0 0;
}

.certification-section .avantages-title-box {
	padding-bottom: 0;
}

.certification-section .item-inner {
	box-shadow: unset;
	-webkit-box-shadow: unset;
	max-width: unset;
	padding: 0;
}

.certification-section .item-inner img {
	max-width: 150px;
}

/* owl carousel btn */
.certification-section .owl-carousel .owl-nav button.owl-prev span,
.certification-section .owl-carousel .owl-nav button.owl-next span {
	display: none;
}

.certification-section .owl-carousel .owl-nav button.owl-prev {
	position: absolute;
	top: 50%;
	margin-top: -13px;
	left: -40px;
	width: 15px;
	height: 25px;
	background: url(../images/angle-left-solid.png) top left no-repeat;
	background-size: cover;
	background-position: center;
}

.certification-section .owl-carousel .owl-nav button.owl-prev:hover,
.certification-section .owl-carousel .owl-nav button.owl-prev:focus {
	background: url(../images/angle-left-solid.png) top left no-repeat;
	background-size: cover;
	background-position: center;
	background-color: transparent;

}

.certification-section .owl-carousel .owl-nav button.owl-next {
	position: absolute;
	top: 50%;
	margin-top: -13px;
	right: -40px;
	width: 15px;
	height: 25px;
	background: url(../images/angle-right-solid.png) top left no-repeat;
	background-size: cover;
	background-position: center;
}

.certification-section .owl-carousel .owl-nav button.owl-next:hover,
.certification-section .owl-carousel .owl-nav button.owl-next:focus {
	background: url(../images/angle-right-solid.png) top left no-repeat;
	background-size: cover;
	background-position: center;
	background-color: transparent;

}

.certification-section-animate-1 {
	top: -240px;
	right: 0;
	z-index: -1;
}

.certification-section-animate-2 {
	top: 110px;
	left: 0;
	z-index: -1;
}

@media only screen and (max-width: 1680px) {
	.certification-section .owl-carousel .owl-nav button.owl-next {
		right: 0;
	}

	.certification-section .owl-carousel .owl-nav button.owl-prev {
		left: 0;
	}
}

@media only screen and (max-width: 576px) {
	.certification-section {
		padding-top: 0;
	}
}

/*==========
7.PARTNERS SECTION CSS
==========*/
.partners-section {
	padding: 50px 0 0;
}

.partners-section .avantages-title-box {
	padding-bottom: 0;
}

.partners-section .item-inner {
	box-shadow: unset;
	-webkit-box-shadow: unset;
	max-width: unset;
	padding: 0;
}

.partners-section .item-inner img {
	max-width: 200px;
}

/* owl carousel btn */
.partners-section .owl-carousel .owl-nav button.owl-prev span,
.partners-section .owl-carousel .owl-nav button.owl-next span {
	display: none;
}

.partners-section .owl-carousel .owl-nav button.owl-prev {
	position: absolute;
	top: 50%;
	margin-top: -13px;
	left: -40px;
	width: 15px;
	height: 25px;
	background: url(../images/angle-left-solid.png) top left no-repeat;
	background-size: cover;
	background-position: center;
}

.partners-section .owl-carousel .owl-nav button.owl-prev:hover,
.partners-section .owl-carousel .owl-nav button.owl-prev:focus {
	background: url(../images/angle-left-solid.png) top left no-repeat;
	background-size: cover;
	background-position: center;
	background-color: transparent;

}

.partners-section .owl-carousel .owl-nav button.owl-next {
	position: absolute;
	top: 50%;
	margin-top: -13px;
	right: -40px;
	width: 15px;
	height: 25px;
	background: url(../images/angle-right-solid.png) top left no-repeat;
	background-size: cover;
	background-position: center;
}

.partners-section .owl-carousel .owl-nav button.owl-next:hover,
.partners-section .owl-carousel .owl-nav button.owl-next:focus {
	background: url(../images/angle-right-solid.png) top left no-repeat;
	background-size: cover;
	background-position: center;
	background-color: transparent;

}

@media only screen and (max-width: 1680px) {
	.partners-section .owl-carousel .owl-nav button.owl-prev {
		left: 0;
	}

	.partners-section .owl-carousel .owl-nav button.owl-next {
		right: 0;
	}
}

@media only screen and (max-width: 576px) {
	.partners-section {
		padding-top: 50px;
	}
}

/*Animation*/
.partners-section-animate-1 {
	top: 40px;
	left: 0;
	z-index: -1;
}

.f-b-button {
	margin-top: 0;
}


/*==========
8.FOOTER SECTION CSS
==========*/

.footer-section {
	background-color: #151414;
	color: #ffffff;
	margin-top: 30px;
}

.footer-top {
	padding: 45px 0;
}

.footer-col-title h2 {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 30px;
}

.contact-info {
	margin-bottom: 15px;
}

.contact-icon {
	margin-right: 20px;
}

.contact-text-box {
	font-size: 16px;
}

.footer-btn {
	background: #1685e7;
	color: #ffffff;
	text-decoration: none;
	font-size: 16px;
	padding: 10px 24px;
	border-radius: 15px;
	border-color: #1685e7;
	margin-top: 10px;
}

.footer-btn:hover,
.footer-btn:focus {
	background-color: #3dce86;
}

.links ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 100%;
}

.links ul li {
	text-align: center;
	margin-bottom: 15px;
}

.links ul li a {
	text-decoration: none;
	color: #ffffff;
	font-size: 16px;

}

.links ul li a:hover,
.links ul li a:focus {
	color: #eec543;
}

.certification-img {
	height: 123px;
}

.certification-img2 {
	max-width: 150px;
	margin-top: 15px;
}

.footer-bottom {
	padding-bottom: 30px;
}


/*Contact Page*/
.top-bg-inner-page,
.fonctionnement {
	padding: 175px 0 0;
	background: url(../images/Path-1368.svg) top center no-repeat;
	background-size: 100% auto;
}

.page-title-content {
	font-size: 49px;
	color: #031D71;
	font-weight: 600;
}

.page-title {
	padding-bottom: 135px;
}

.contact-page-form {
	width: 100%;
	max-width: 572px;
	margin: 0 auto;
}

.contact-page-form .form-group {
	margin-bottom: 24px;
}

.contact-page-form legend h2 {
	font-size: 33px;
	color: #031D71;
	font-weight: 600;
}

.form-field-area {
	padding-top: 60px;
}

.form-field-area input {
	border-radius: 10px;
	padding: 0 25px;
	line-height: 60px;
}

.form-field-area label {
	font-size: 16px;
	color: #031D71;

}

.form-field-area input::placeholder,
.form-field-area textarea::placeholder {
	color: #BEBEBE;
	opacity: 1;
	/* Firefox */
}

.form-field-area input:-ms-input-placeholder,
.form-field-area textarea:-ms-textarea-placeholder {
	/* Internet Explorer 10-11 */
	color: #BEBEBE;
}

.form-field-area input::-ms-input-placeholder,
.form-field-area textarea:-ms-textarea-placeholder {
	/* Microsoft Edge */
	color: #BEBEBE;
}

.form-field-area textarea {
	min-height: 240px;
}

.contact-page-form-btn button {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#01a4fb+0,2196f3+47,005aca+100 */
	background: #01a4fb;
	/* Old browsers */
	background: -moz-linear-gradient(top, #01a4fb 0%, #2196f3 47%, #005aca 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #01a4fb 0%, #2196f3 47%, #005aca 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #01a4fb 0%, #2196f3 47%, #005aca 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01a4fb', endColorstr='#005aca', GradientType=0);
	/* IE6-9 */
	transition: .5s;
	line-height: 56px;
	padding-left: 50px;
	padding-right: 50px;
	text-transform: uppercase;
	border-radius: 10px;
}

.contact-page-form-btn button:hover,
.contact-page-form-btn button:focus {
	background: unset;
	background-color: #031D71 !important;
}

/*Animation*/
.contact-animation-svg-1 {
	top: -66px;
	left: -310px;
	z-index: 99;
	transform: translateX(0);
	animation: float2 5s ease-in-out infinite;
}

.contact-animation-svg-2 {
	top: -66px;
	right: 340px;
	z-index: 99;
	transform: translateY(0);
	animation: floatv1 7s ease-in-out infinite;
}

.contact-animation-svg-3 {
	top: 280px;
	right: 50px;
	z-index: 99;
	transform: translateX(0);
	animation: float1 10s ease-in-out infinite;
}

.contact-animation-svg-4 {
	bottom: 200px;
	right: 180px;
	z-index: 99;
	transform: translateX(0);
	animation: float1 5s ease-in-out infinite;
}

.contact-animation-svg-5 {
	bottom: 170px;
	right: 127px;
	z-index: 99;
	transform: translateX(0);
	animation: float1 5s ease-in-out infinite;
}

.thumbnail-size {
	width: 80%;
	max-width: 465px;
}

.floting-image {
	width: 100%;
	max-width: 400px;
	margin-top: 35px;
}

@media only screen and (max-width: 576px) {
	.page-title-content {
		font-size: 38px;
	}

	.contact-animation-svg-1,
	.contact-animation-svg-2,
	.contact-animation-svg-4,
	.contact-animation-svg-5 {
		display: none;
	}

}

@media only screen and (max-width: 375px) {
	.top-bg-inner-page {
		background-size: 400% auto;
		padding: 120px 0 0;
	}

	.page-title {
		padding-bottom: 32px;
	}

	.contact-page-form legend h2 {
		font-size: 22px;
	}

	.contact-animation-svg-3 {
		top: 205px;
	}

	.contact-page .custom-xx-container {
		padding: 0 24px;
	}

	.contact-page-form-btn button {
		line-height: 42px;
	}
}



/*qui-sommes-nous page*/
.qui-sommes-nous-page {
	background: url(../images/Path-1373.svg) bottom left no-repeat;
}

.qui-sommes-nous {
	padding-top: 200px;
}

.qui-sommes-nous-inner {
	padding-top: 50px;
}

/*connaître*/

.img-border-radius {
	border-radius: 24px;
}

.connaître-content-title-text {
	font-size: 60px;
	font-weight: 600;
	color: #031D71;
}

.connaître-content-title {
	margin-bottom: 30px;
}

.connaître-content-Subtitle-text {
	font-size: 25px;
	font-weight: 400;
	color: #018D50;
	line-height: 45px;
}

.connaître-content-Subtitle {
	margin-bottom: 40px;
}

.connaître-content-article {
	font-size: 17px;
	font-weight: 300;
	color: #888888;
	margin-bottom: 20px;
	background-color: transparent;
}

.progress {
	background-color: #ccc !important;
}

/*énergétique*/
.énergétique {
	padding-top: 200px;
}

.énergétique .max-img-width {
	max-width: 539px !important;
}

.énergétique .connaître-content-title-text {
	font-size: 42px;
}

.énergétique .connaître-content-Subtitle-text {
	font-size: 20px;
}

.énergétique .connaître-content-title {
	margin-bottom: 10px;
}

.progressbar-label {
	font-size: 27px;
	font-weight: 600;
	color: #2a2a2a;
	margin-bottom: 10px;
}

.progress-bar-box {
	margin-bottom: 24px;
}

.progressbar-title-box {
	margin-bottom: 30px;
}

.progressbar-title {
	font-size: 2.375em;
	font-weight: 600;
	color: #444444;
	margin-bottom: 24px;
	margin-bottom: 0;
}

.progress-bar-box .progress {
	height: 10px !important;
}

.progress-bar-box .progress-bar {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#01a4fb+0,2196f3+47,005aca+100 */
	background: #01a4fb;
	/* Old browsers */
	background: -moz-linear-gradient(top, #01a4fb 0%, #2196f3 47%, #005aca 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #01a4fb 0%, #2196f3 47%, #005aca 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #01a4fb 0%, #2196f3 47%, #005aca 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01a4fb', endColorstr='#005aca', GradientType=0);
	/* IE6-9 */

}

@media only screen and (min-width: 1440px) {
	.connaître-content {
		padding-left: 50px;
	}

	.order-md-1 .connaître-content {
		padding-left: 0;
		max-width: 672px;
		width: 100%;
	}
}


/* L'accompagnement */

.laccompagnement {
	padding: 200px 0 0;
	background: url(../images/g98.svg) no-repeat;
	background-position: center left -380px;
}

.laccompagnement .connaître-content-title {
	margin-bottom: 20px;
}

.laccompagnement-box {
	padding: 65px 40px 65px 60px;
	background-color: #ffffff;
	-webkit-box-shadow: 0 0 20px 2px #f7f7f7;
	box-shadow: 0 0 20px 2px #f7f7f7;
	margin-left: 10px;
	margin-right: 10px;
	transition: .5s;
	border-radius: 10px;
	height: 100%;
}

.laccompagnement-box:hover {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#01a4fb+0,2196f3+47,005aca+100 */
	background: #01a4fb;
	/* Old browsers */
	background: -moz-linear-gradient(top, #01a4fb 0%, #2196f3 47%, #005aca 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #01a4fb 0%, #2196f3 47%, #005aca 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #01a4fb 0%, #2196f3 47%, #005aca 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01a4fb', endColorstr='#005aca', GradientType=0);
	/* IE6-9 */

}

.laccompagnement-box-icon {
	font-size: 60px;
	color: #018d50;
	margin-bottom: 24px;
}

.laccompagnement-box-title {
	font-size: 27px;
	font-weight: 500;
	margin-bottom: 24px;
}

.laccompagnement-box-text {
	font-size: 16px;
	font-weight: 300;
	color: #888888;
}

.laccompagnement-box:hover .laccompagnement-box-icon {
	color: #ffffff;
}

.laccompagnement-box:hover .laccompagnement-box-title {
	color: #ffffff;
}

.laccompagnement-box:hover .laccompagnement-box-text {
	color: #ffffff;
}

/*formulaire-bar*/
.formulaire-bar {
	padding: 200px 0 10px;
}

.formulaire-bar-inner {
	padding: 50px 85px;
	width: 100%;
	background-color: #031d71;
	border-radius: 10px;
}

.formulaire-bar-icon {
	width: 100%;
	max-width: 55px;
	margin-right: 14px;
	color: #ffffff;
	font-size: 60px;
}

.formulaire-bar-content h2 {
	width: 100%;
	font-size: 43px;
	font-weight: 600;
	color: #1BE9A8;
}

.formulaire-bar-content p {
	font-size: 20px;
	font-weight: 400;
	color: #ffffff;
}

.formulaire-bar-btn {
	width: 100%;
	max-width: 338px;
}

/*animation*/
.qui-sommes-nous-svg-1 {
	top: -45px;
	right: 290px;
	z-index: 99;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	animation: rotate1 10s ease-in-out infinite;
}

.qui-sommes-nous-svg-2 {
	top: 96px;
	left: -100px;
	z-index: 99;
	transform: translateX(0);
	animation: float3 5s ease-in-out infinite;
}

.qui-sommes-nous-svg-3 {
	top: -76px;
	left: -174px;
	z-index: -1;
}

.qui-sommes-nous-page .administrative-animate-4 {
	right: -175px;
}

.qui-sommes-nous-svg-4 {
	bottom: 15px;
	right: -15px;
	z-index: 99;
	transform: translateX(0);
	animation: float1 5s ease-in-out infinite;
}

.qui-sommes-nous-page .administrative-animate-2 {
	bottom: -57px;
	right: -70px;
	left: unset;
	z-index: -1;
}

.qui-sommes-nous-page .administrative-animate-3 {
	top: unset;
	bottom: -29px;
	right: -175px;
}

.qui-sommes-nous-svg-5 {
	top: -48px;
	right: -210px;
	z-index: 99;
	transform: translateX(0);
	animation: float1 5s ease-in-out infinite;
}

.énergétique-svg-1 {
	top: -100px;
	right: 50px;
	z-index: 99;
	transform: translateX(0);
	animation: float1 5s ease-in-out infinite;
}

.énergétique-svg-2 {
	top: -30px;
	right: -50px;
	z-index: 99;
}

.énergétique-svg-3 {
	bottom: -75px;
	left: -80px;
	z-index: 99;
}

.laccompagnement-svg-1 {
	top: 0;
	left: -0;
}

@media only screen and (max-width: 1440px) {
	.qui-sommes-nous-svg-1 {
		display: none;
	}


	.qui-sommes-nous-svg-5 {
		right: 50px;
	}

	.énergétique .max-img-width {
		max-width: 100% !important;
	}

	.énergétique-svg-2 {
		z-index: -1;
	}
}


@media only screen and (max-width: 992px) {
	.page-title-content {
		font-size: 38px;
	}

	.connaître-content-title-text {
		font-size: 48px;
	}

	.connaître-content-Subtitle-text {
		font-size: 17px;
	}

	.laccompagnement-box {
		max-width: 548px;
		margin-right: auto;
		margin-left: auto;
	}

	.p-m-b-30 {
		padding-bottom: 30px;
	}

	.formulaire-bar-inner {
		flex-direction: column;
		justify-content: center;
	}

	.formulaire-bar-content {
		text-align: center;
		margin-bottom: 15px;
	}

	.formulaire-bar-content h2 {
		margin-bottom: 15px;
		font-size: 32px;
	}

	.formulaire-bar-content p {
		font-size: 14px;
	}

	.formulaire-bar-btn {
		justify-content: center !important;

	}

	.formulaire-bar-btn a {
		font-size: 14px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.boxs-3-4 .radio_box label {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
}

@media only screen and (max-width: 768px) {
	.qui-sommes-nous-svg-2 {
		display: none;
	}

	.qui-sommes-nous,
	.énergétique,
	.laccompagnement,
	.formulaire-bar {
		padding-top: 130px;
	}

	.qui-sommes-nous-svg-5 {
		z-index: -1;
	}

	.page-title {
		padding-bottom: 60px;
	}
}

@media only screen and (max-width: 575px) {

	.connaître-content-title-text,
	.énergétique .connaître-content-title-text {
		font-size: 36px;
	}

	.énergétique .connaître-content-Subtitle-text {
		font-size: 14px;
	}
}

@media only screen and (max-width: 375px) {

	.connaître-content-title-text,
	.énergétique .connaître-content-title-text {
		font-size: 28px;
	}

	.laccompagnement-box {
		padding: 40px 30px;
	}

	.custom-two-container,
	.custom-xx-container {
		padding: 0 20px;
	}

	.connaître-content-title-text,
	.énergétique .connaître-content-title-text {
		font-size: 26px;
	}
}


/*fonctionnement*/

.fonctionnement {
	padding-top: 160px;
	padding-bottom: 115px;
}

.header-icon {
	margin-bottom: 40px;
}

.header-text-content {
	font-size: 36px;
	line-height: 48px;
	font-weight: 400;
	color: #031D71;
	margin-bottom: 10px;
}

.horizontal-title-border {
	width: 100%;
	max-width: 474px;
	margin: 0 auto;
	margin-bottom: 10px;
}

.page-subtitle-text {
	color: #018D50;
	font-size: 1.6875em;
	line-height: 1.8;
	font-weight: 800;
}

.horizontal-bar {
	width: 50%;
	flex-basis: 50%;
	height: 5px;
}


.green-bg {
	background-color: #018d50;
}

.deep-blue-bg {
	background-color: #031d71;
}

.connaître-content-article em {
	text-decoration: underline;
}

.points-icon {
	height: 60px;
	margin-right: 15px;
}

.points-icon i {
	font-size: 60px;
}

.points-icon.icolorGreen i {
	color: #018d50;
}

.points-icon.icolorBlue i {
	color: #031d71;
}

.points-icon {
	font-size: 16px;
	font-weight: 500;
}


/*.tout-image{
	-webkit-mask-image: url(../images/image-mask.png);
  mask-image: url(../images/image-mask.png);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;  
  mask-position: top center;
	-webkit-mask-position: top center;
}*/

.un-processus-box {
	width: 100%;
	padding: 85px 24px;
	margin-bottom: 160px;
	color: #ffffff;
	border-radius: 15px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#01a4fb+0,2196f3+47,005aca+100 */
	background: #01a4fb;
	/* Old browsers */
	background: -moz-linear-gradient(top, #01a4fb 0%, #2196f3 47%, #005aca 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #01a4fb 0%, #2196f3 47%, #005aca 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #01a4fb 0%, #2196f3 47%, #005aca 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01a4fb', endColorstr='#005aca', GradientType=0);
	/* IE6-9 */

}





.two-column-section .connaître-content-title-text {
	font-size: 40px;
	font-weight: 600;
}

.connaître-content-title {
	margin-bottom: 0;
}

.two-column-section .connaître-content-Subtitle-text {
	font-size: 1.6875em;
	line-height: 1.8;
	color: #636363;
	font-weight: 400;
}

.two-column-section .connaître-content-Subtitle-text strong {
	color: #018D50;
	font-size: 18px;
	font-weight: 400;
}


.service-points {
	padding-top: 80px;
}

.service-points .un-processus-box-btn {
	margin-top: 40px;
}

.tout {
	padding-top: 160px;
}

.tout-content {
	width: 100%;
	max-width: 824px;
}


.tout .tout-content-subTitle-obj {
	font-size: 19px;
	font-weight: 500;
	color: #018D50;
	text-transform: uppercase;
	letter-spacing: 5px;
}

.tout-content-title-obj {
	font-size: 50px;
	font-weight: 900;
	line-height: 1.1em;
	color: #031D71;
	margin-bottom: 16px;
}

.tout-article-obj {
	color: #595959;
	font-size: 17px;
}

.un-processus {
	padding-top: 160px;
}

.un-processus-title-obj {
	font-size: 36px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 48px;
	color: #031D71;
	margin: 30px 0 20px;
}

.un-processus-emoji i {
	font-size: 36px;
}

.un-processus-subTitle-obj {
	font-size: 16px;
	color: #4d4d4d;
	font-style: italic;
	font-weight: 300;
	margin-bottom: 15px;
}

.un-processus-box-title-obj {
	font-size: 43px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 10px;
}

.un-processus-box-Subtitle-obj {
	font-size: 1.6875em;
	line-height: 1.8;
	margin-bottom: 40px;
	font-weight: 300;
}

.un-processus-box-inner {
	width: 100%;
	max-width: 690px;
}

.un-processus-box-article-obj {
	font-size: 16px;
	margin-bottom: 40px;
}

.un-processus-box-btn-obj {
	padding: 12px 50px;
	font-size: 0.8125em;
	font-weight: 700;
	text-shadow: 0 2px 0 #1691aa;
	text-transform: uppercase;
	background-color: #1bb0ce;
	transition: .2s;
	border-color: #1bb0ce;
	-webkit-box-shadow: 0 5px 0 1px rgba(22, 145, 170, 1);
	box-shadow: 0 5px 0 1px rgba(22, 145, 170, 1);
}

.un-processus-box-btn-obj:hover,
.un-processus-box-btn-obj:focus {
	background-color: #1691aa;
	border-color: #1691aa;
	transform: translateY(5px);
	-webkit-box-shadow: 0 0 0 1px rgba(22, 145, 170, 1);
	box-shadow: 0 0 0 1px rgba(22, 145, 170, 1);
}


/* animations */
.fonctionnement-svg-1 {
	top: -360px;
	right: -140px;
	z-index: 0;
}

.fonctionnement-svg-2 {
	top: -300px;
	right: 210px;
	z-index: 99;
}

.fonctionnement-svg-3 {
	top: 134px;
	left: -170px;
	z-index: 99;
	transform: translateX(0);
	animation: float1 10s ease-in-out infinite;
}

.fonctionnement-svg-4 {
	top: 244px;
	right: -260px;
	z-index: 99;
	transform: translateX(0);
	animation: float1 10s ease-in-out infinite;
}

.two-column-section-svg-1,
.two-column-section-svg-2,
.two-column-section-svg-3,
.two-column-section-svg-4 {
	transform: translateX(0);
	animation: float1 10s ease-in-out infinite;
}

.two-column-section-svg-1 {
	top: 0;
	left: 0;
	z-index: 99;
}

.two-column-section-svg-2 {
	bottom: -13px;
	left: 60px;
	z-index: 99;
}

.two-column-section-svg-3 {
	top: -145px;
	right: -55px;
	z-index: 99;
}

.two-column-section-svg-4 {
	bottom: 60px;
	left: -50px;
	z-index: -1;
}

.connaître-content-article-svg-1 {
	top: -50px;
	right: 170px;
	z-index: -1;
}

.un-processus {
	background-color: transparent;
}


.un-processus-svg-1 {
	top: 80px;
	right: -170px;
	z-index: -1;
}

.un-processus-box-svg-1 {
	top: -20px;
	left: -60px;
	z-index: -1;
}

.un-processus-box-svg-2 {
	bottom: -60px;
	right: 30px;
	z-index: 99;
}

.un-processus-box-svg-1,
.un-processus-box-svg-2 {
	transform: translateX(0);
	animation: float1 10s ease-in-out infinite;
}

.un-processus-svg-2 {
	display: none;
}

@media only screen and (max-width: 1600px) {
	.un-processus-svg-2 {
		display: block;
		top: 0;
		left: -35px;
		z-index: 99;
		-ms-transform: rotate(-127deg);
		/* IE 9 */
		-webkit-transform: rotate(-127deg);
		transform: rotate(-127deg);
	}
}

@media only screen and (max-width: 1200px) {
	.points-inner {
		margin-bottom: 30px;
	}

	.connaître-content-article-svg-1 {
		display: none;
	}
}

@media only screen and (max-width: 992px) {
	.les-aides-right-box {
		margin-bottom: 40px;
	}

	.tout .tout-content-subTitle-obj {
		font-size: 14px;
	}

	.tout-content-title-obj {
		font-size: 40px;
	}
}

@media only screen and (max-width: 768px) {

	.fonctionnement-svg-3,
	.fonctionnement-svg-4,
	.fonctionnement-svg-1,
	.fonctionnement-svg-2 {
		display: none;
	}

	.two-column-section-svg-1 {
		top: 50%;
		margin-top: -54px;
		left: 50%;
		margin-left: -64px;
	}

	.two-column-section .connaître-content-title-text {
		font-size: 36px;
	}

	.two-column-section .connaître-content-Subtitle-text strong,
	.two-column-section .connaître-content-Subtitle-text {
		font-size: 14px;
		color: #018D50;
	}

	.tout-content-subTitle,
	.tout-content-title {
		text-align: center;
	}

	.tout-content {
		margin-bottom: 40px;
	}

	.un-processus-emoji {
		margin-bottom: 40px;
	}
}

@media only screen and (max-width: 576px) {

	.two-column-section-svg-3,
	.two-column-section-svg-2,
	.two-column-section-svg-1 {
		width: 80px;
	}

	.un-processus-box {
		padding-bottom: 150px;
	}

	.un-processus-svg-1 {
		width: 150px;
		top: 80px;
		right: -7px;
	}
}

/*formulaire page*/

.formulaire-page header {
	background-color: #ffffff;
}

.formuliare-section-area {
	padding: 110px 0 0;
	min-height: 100vh;
}

.h-100 {
	height: 100%;
}

.formulaire-box {
	width: 100%;
	max-width: 1248px;
	margin: 0 auto;
	padding: 0 24px;
}

.formuliare-title {
	font-size: 24px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 25px;
}


.formuliare-title span {
	color: #08ada7;
}

.page-top {
	background: linear-gradient(to bottom, #54aacd, #3a75bb);
}

.custom-xx-container {
	background: linear-gradient(to bottom, #54aacd, #3a75bb);

}

.radio_box p {
	margin-bottom: 0;
	margin-top: 20px;
	line-height: 18px;
	font-weight: 600;
	color: #3a79b9;
}

.hr-box {
	height: 15px;
	background: #3a75bb;
	width: 100px;
	margin: 0 auto 25px;
}


/*form styles*/
#msform {
	text-align: center;
	position: relative;
}

#msform fieldset {
	border-radius: 0px;
	padding: 20px 30px;
	box-sizing: border-box;
	width: 80%;
	margin: 0 10%;
	height: 100%;

	/*stacking fieldsets above each other*/
	position: relative;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
	display: none;
}

/*inputs*/
#msform input,
#msform textarea {
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 0px;
	margin-bottom: 10px;
	width: 100%;
	box-sizing: border-box;
	/*font-family: montserrat;*/
	font-family: 'Poppins', sans-serif;
	font-family: ;
	color: #2C3E50;
	font-size: 16px;
}

#msform input:focus,
#msform textarea:focus {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: 1px solid #ee0979;
	outline-width: 0;
	transition: All 0.5s ease-in;
	-webkit-transition: All 0.5s ease-in;
	-moz-transition: All 0.5s ease-in;
	-o-transition: All 0.5s ease-in;
}

/*buttons*/
#msform .action-button,
#msform .submit-btn {
	max-width: 250px;
	text-align: center;
	font-weight: bold;
	color: #3a76bb;
	border: 0 none;
	border-radius: 25px;
	cursor: pointer;
	padding: 10px 0;
	margin: 10px 5px;
	line-height: 30px;
	font-size: 18px;
	font-weight: 600;
	background: #fff;
}

#msform .action-button[disabled],
#msform .submit-btn[disabled] {
	background: transparent;
	border: 1px solid;
	color: #333;
}

#msform .action-button:hover,
#msform .action-button:focus,
#msform .submit-btn:hover,
#msform .submit-btn:focus {
	box-shadow: 0 0 0 2px white, 0 0 0 3px #018D50;
	border-color: #018D50;
}

#msform .action-button-previous {
	max-width: 170px;
	text-align: center;
	background: #888888;
	font-weight: bold;
	color: #ffffff;
	border: 0 none;
	border-radius: 25px;
	cursor: pointer;
	padding: 10px 0;
	margin: 10px 5px;
	margin: 10px 5px;
	line-height: 30px;
	font-size: 18px;
	font-weight: 400;
	/*background: #01a4fb;
		background: -moz-linear-gradient(top, #01a4fb 0%, #2196f3 47%, #005aca 100%);
		background: -webkit-linear-gradient(top, #01a4fb 0%,#2196f3 47%,#005aca 100%);
		background: linear-gradient(to bottom, #01a4fb 0%,#2196f3 47%,#005aca 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01a4fb', endColorstr='#005aca',GradientType=0 );*/
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
	box-shadow: 0 0 0 2px white, 0 0 0 3px #888888;

}

/*headings*/
.fs-title {
	font-size: 22px;
	color: #fff;
	margin-bottom: 25px;
	font-weight: 800;
}

label h2.fs-title {
	font-size: 18px;
}

.question-title .fs-title {
	margin-bottom: 10px;
}

/*.question-title p {
	margin-bottom: 30px;
}*/

.fs-title span {
	color: #FF0000;
}

.fs-subtitle {
	font-weight: normal;
	font-size: 13px;
	color: #666;
	margin-bottom: 20px;
}


/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/



/* Not relevant to this form */
.dme_link {
	margin-top: 30px;
	text-align: center;
}

.dme_link a {
	background: #FFF;
	font-weight: bold;
	color: #ee0979;
	border: 0 none;
	border-radius: 25px;
	cursor: pointer;
	padding: 5px 25px;
	font-size: 12px;
}

.dme_link a:hover,
.dme_link a:focus {
	background: #C5C5F1;
	text-decoration: none;
}

.form-field-inner {
	flex-wrap: wrap;
	min-height: 247px;
	
}

.radio_box {
	width: 100%;
	max-width: 210px;
	margin-right: 20px;
	margin-bottom: 10px;
}

.radio_box:last-child {
	margin-right: 0;
}

.radio_box::nth-child(2),
.radio_box::nth-child(4) {
	margin-right: 0;
}


.msform .radio_box input[type="radio"] {
	position: absolute;
	opacity: 1;
	z-index: 100;
	width: unset !important;
}


.msform .radio_box label {
	position: relative;
	padding: 30px 20px;
	cursor: pointer;
	z-index: 90;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	line-height: 38px;
	text-align: center;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
	border: 1px solid transparent;
}


.msform .radio_box label:hover {
	border: 1px solid #018D50;
}

.msform .radio_box label:focus {
	border: 1px solid #018D50;
}

.radio_box label .img {
	width: 100%;
	max-width: 120px;
	margin: 0 auto;
}

.formulaire-box input[type="radio"]:checked+label {
	border: 2px solid #000000 !important;
}

.formulaire-box input[type="radio"]:focus+label {
	border: 2px solid #000000 !important;
}

.formulaire-box input[type="radio"] {
	visibility: hidden;
}

.check_icon {
	position: absolute;
	top: 5px;
	right: 5px;
	height: 25px;
	width: 25px;
	border: 1px solid #000000;
	border-radius: 50%;
}

.formulaire-box input:active+.check_icon {
	background-color: #0d6efd;
}

.formulaire-box input:checked+.check_icon {
	background-color: #0d6efd;
}

.check_icon:after {
	content: "";
	position: absolute;
	display: none;
}

.formulaire-box input:checked+.check_icon:after {
	display: block;
}

.formulaire-box .check_icon::after {
	left: 0;
	bottom: 0;
	width: 25px;
	height: 25px;
	background: url(../images/check-solid.png);
	background-position: center center;
	background-size: 16px;
	background-repeat: no-repeat;

}

.select2-container .select2-selection--single {
	height: 34px !important;
}

.select2-container--default .select2-selection--single {
	border: 1px solid #ccc !important;
	border-radius: 0px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	text-align: left;
}

.select2-container {
	width: 100% !important;
}

.select2-container .select2-selection--single {
	height: 48px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 48px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 10px;
	right: 10px;
}

.select-dropdown-box,
.input-information {
	margin-bottom: 25px;
}

.select-dropdown-box .fs-title,
.input-information .fs-title {
	margin-bottom: 8px;
}

.formulaire-page-certification {
	padding-bottom: 160px;
}

.input-information {
	text-align: left;
}


.msform .radio_box label {
	padding: 30px 0;
}


@media only screen and (max-width: 575px) {

	#msform fieldset,
	.formulaire-box {
		padding-left: 0;
		padding-right: 0;
		margin: 0;
	}

	.formuliare-section-area {
		padding-top: 50px;
	}

	#msform fieldset {
		width: 100%;
	}
}

@media only screen and (max-width: 375px) {

	.select-dropdown-box,
	.input-information {
		margin-bottom: 20px;
	}
}



/*==========
Formuliare Redirection Page
==========*/
.bg-fff {
	background-color: #ffffff;
}

.formulaire-redirection-page {
	padding-top: 145px;
}

.formulaire-redirection-page-title-obj span {
	display: block;
	text-transform: uppercase;
}

.formulaire-redirection-page-title-obj {
	color: #7ebe80;
	font-family: "Nunito", Sans-serif;
	font-size: 38px;
	font-weight: 600;
	font-style: normal;
	line-height: 1.2em;
}

.formulaire-redirection-page-subtitle {
	margin-top: 20px;
}

.formulaire-redirection-page-subtitle-obj {
	text-align: center;
	color: #031D71;
	font-family: "Nunito", Sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.2em;
}

.formulaire-redirection-content {
	margin-bottom: 60px;
}

.formulaire-redirection-content-obj {
	text-align: center;
	color: #888888;
	font-family: "Nunito", Sans-serif;
	font-size: 24px;
	font-weight: 400;
	line-height: 1.2em;
}

.formulaire-redirection-homepage {
	margin-bottom: 60px;
}

.formulaire-redirection-homepage .btn {
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.4em;
	background-color: #287DFE;
	border-radius: 100px 100px 100px 100px;
	padding: 15px 30px 15px 30px;
	transition: .5s;
}

.formulaire-redirection-homepage .btn:hover,
.formulaire-redirection-homepage .btn:focus {
	background-color: #e04c8a;
	border-color: #e04c8a;
}

@media only screen and (max-width: 576px) {
	.formulaire-redirection-page-title-obj {
		font-size: 30px;
	}
}


/*==========
Legales Page STYLE
==========*/
.legales-page {
	margin-top: 260px;
	background-color: #f3f3f3;
	padding: 40px 0;
}


.legales-page-title-obj {
	color: #2F2F2F;
	font-size: 39px;
	font-weight: 800;
}

.legales-points {
	margin-top: 50px;
}

.legales-points-box {
	margin-bottom: 30px;
	color: #444444;
}

h2.points-title-obj {
	font-size: 2.1em;
	font-weight: 600;
	margin-bottom: 30px;
}

h3.points-title-obj {
	font-size: 1.6875em;
	margin-bottom: 30px;
	font-weight: 600;
}

.points-details p {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 15px;
}

.points-details p a,
.points-details ul li a {
	color: #1bb0ce;
}

.points-details ul li {
	margin-bottom: 15px;
}

@media only screen and (max-width: 575px) {
	.legales-page {
		margin-top: 120px;
	}
}


/*Form Number*/
.value-button {
	display: inline-block;
	border: 1px solid #ddd;
	margin: 0px;
	width: 50px;
	text-align: center;
	vertical-align: middle;
	background: #ffffff;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 40px;
	font-weight: 700;
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
}

.value-button:hover {
	cursor: pointer;
}

#decrease {
	border-radius: 2px;
	margin-right: 10px;
}

#increase {
	border-radius: 2px;
	margin-left: 10px;
}

#input-wrap {
	margin: 0px;
	padding: 0px;
}

#number {
	text-align: center;
	border: none;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 0px;
	width: 100px !important;
	height: 40px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Chrome, Safari, Edge, Opera */
input#number::-webkit-outer-spin-button,
input#number::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input#number[type=number] {
	-moz-appearance: textfield;
}

.gender-box {
	width: 100%;
	max-width: 150px;
	text-align: center;
	line-height: 45px;
	position: relative;
	height: 40px;
}

.gender-box:first-child {
	margin-right: 15px;
}

.gender-box label,
.gender-box input {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.gender-box input[type="radio"] {
	opacity: 0.01;
	z-index: 100;
}

.gender-box input[type="radio"]:checked+label,
.Checked+label {
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
}

.gender-box label {
	border: 1px solid #888888;
	cursor: pointer;
	z-index: 90;
	top: -8px;
	border-radius: 3px;
}

.gender-box label:hover {
	background: #DDD;
}


/*Youtube*/

.you-Tube-link {
	height: 100%;
	width: 100%;
	max-width: 625px;
}

.you-Tube-link img {
	width: 100%;
}

/*Youtube*/
.youtube-video {
	width: 100%;
	display: block;
}

.js-lazytube {
	background-color: #000;
	overflow: hidden;
	cursor: pointer;
	margin: 0 auto;
	position: relative;
	display: block;
	border: 1px solid #000000;
}

.js-lazytube img {
	display: block;
	width: 100%;
	height: auto;
	opacity: 1;
}

.js-lazytube img.fadeout {
	opacity: 0;
}


.js-lazytube iframe {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.youtube-section {
	margin-top: 160px;
}

.youtube-title {
	width: 100%;
	max-width: 340px;
	margin: 0 auto 70px;
	border: 2px solid #5bac7c;
	border-radius: 20px;
	padding: 30px 30px;

}

/*
.youtube-title-inner {
	margin-top: 50px;
}*/

.youtube-title-inner h1 {
	font-size: 30px;
	color: #272f5e;
}

.arrow-left {
	bottom: -92px;
	left: -215px;
}

.arrow-left img {
	height: 190px !important;
}

.arrow-right {
	bottom: -136px;
	right: -151px;
}

.arrow-right img {
	height: 250px !important;
}

.youtube-box {
	background: url(../images/youtube-bg.png) center center no-repeat;
	background-size: 100% auto;
	padding: 135px 0;
	max-width: 100%;
	margin: 0 auto;
}

.youtube-play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 150px !important;
	margin-top: -75px;
	margin-left: -75px;
}

.you-Tube-link {
	height: 100%;
	width: 100%;
	max-width: 71%;
	margin: 0 auto;
	border: 10px solid #000000;
	background: #ffffff;
	padding: 20px;
}

.navbar-light .navbar-nav .nav-link i {
	margin-right: 10px;
}



.thank-you-absolute {
	width: 100%;
}

/*.bg-form-redirect {
	background: url(../images/Last-Pic.png) top 500px center no-repeat;
	background-size: 100% auto;
}*/

.thank-you-text-inner {
	width: 100%;
	max-width: 1185px;
	padding: 150px 50px;
	margin: 0 auto;
	background: url(../images/PICTO-23-25-23.png) top left no-repeat;
	background-size: 100% auto;
}

.thank-you-part img {
	margin-top: 190px;
}

.thank-you-text-inner h2 {
	font-size: 33px;
	color: #ffffff;
	margin-bottom: 20px;
}

.thank-you-text-inner h3 {
	font-size: 28px;
	color: #0f2347;
	margin-bottom: 20px;
}

.home-btn {
	width: 100%;
	max-width: 390px;
	background-color: #013552;
	color: #ffffff;
	font-size: 28px;
	font-weight: 700;
	border: 2px solid #013552;
	transition: .5s;
}

.home-btn:hover,
.home-btn:focus {
	background-color: transparent;
	color: #013552;
	border: 2px solid #013552;
}

.slide-prev {
	top: 20px;
	left: 0;
	text-decoration: none;
	color: #fff;
}


#msform .action-button,
#msform .submit-btn {
	/*	position: absolute;*/
	max-width: 250px;
	/*	bottom: 0;
	left: 50%;
	margin-left: -125px;*/
	margin-top: 25px;
}

.form-inner {
	padding-top: 40px;
}

.full-height {
	min-height: 100vh;
}

.form-title-box {
	min-height: 176px;
}

@media only screen and (max-width: 1440px) {
	.youtube-title {
		max-width: 400px;
	}

	.youtube-title-inner {
		margin-top: 0;
	}

	.youtube-title-inner h1 {
		font-size: 36px;
	}

	.radio_box {
		margin-right: 10px;
	}
}

@media only screen and (max-width: 1280px) {
	.radio_box {
		max-width: 160px;
	}

	.radio_box p {
		min-height: 36px;
	}
}


@media only screen and (max-width: 1200px) {
	.thank-you-text-inner h2 {
		font-size: 24px;
		margin-bottom: 15px;
	}

	.thank-you-text-inner h3 {
		font-size: 22px;
		margin-bottom: 15px;
	}

	.home-btn {
		font-size: 22px;
	}

	.thank-you-text-inner {
		background-size: 100% 100%;
	}


}

@media only screen and (max-width: 1030px) {
	.radio_box label .img {
		max-width: 80px;
	}

	.radio_box p {
		font-size: 14px;
	}

	.radio_box {
		max-width: 138px;
	}

}

@media only screen and (max-width: 992px) {
	.home-btn {
		max-width: 200px;
	}

	.arrow-left img {
		height: 230px !important;
	}

	.arrow-left {
		left: -250px;
		bottom: -66px;
	}

	.arrow-right img {
		height: 270px !important;
	}

	.arrow-right {
		bottom: -132px;
		right: -160px;
	}

	.youtube-box {
		padding: 65px 0;
	}

	.you-Tube-link {
		padding: 20px;
	}

	.m-r-mobile {
		margin-right: 0;
	}

	.youtube-play-btn {
		width: 200px !important;
		margin-top: -100px;
		margin-left: -100px;
	}

	.boxs-3-4 .radio_box {
		max-width: 100%;
		margin-right: 0;
	}

	.boxs-3-4 .radio_box label {
		display: flex;
		align-items: center;
	}

	.radio_box label .img {
		margin: 0 auto;
	}

	.boxs-3-4 .radio_box>label>.p-for-tab,
	.boxs-3-4 .radio_box>label>.img {
		max-width: 50%;
	}

	.boxs-3-4 .radio_box>label>.img {
		margin: unset;
	}

	.boxs-3-4 .radio_box label .img img {
		max-width: 35px;
	}

	.check_icon {
		top: 17px;
		right: 15px;
	}

	.boxs-3-4 .radio_box>label>.p-for-tab {
		display: flex;
		align-items: center;
	}

	.boxs-3-4 .radio_box p {
		margin-top: 0;
		min-height: unset;
	}
}


@media only screen and (max-width: 768px) {
	.thank-you-text-inner {
		padding: 100px 30px;
	}

	.youtube-title-inner h1 {
		font-size: 24px;
	}

	.youtube-title {
		max-width: 250px;
		padding: 30px;
		margin-bottom: 0;
	}

	.you-Tube-link {
		max-width: 81%;
	}

	.arrow-left img {
		height: 140px !important;
	}

	.arrow-left {
		left: -165px;
		bottom: -58px;
	}

	.arrow-right img {
		height: 180px !important;
	}

	.arrow-right {
		bottom: -83px;
		right: -118px;
	}

	.radio_box p {
		font-size: 14px;
	}

	.form-inner {
		padding-top: 20px;
	}
}

@media only screen and (max-height: 667px) {
	.mobile-hide {
		display: none;
	}

	.msform .radio_box label {
		padding-bottom: 15px;
	}
}


@media only screen and (max-width: 575px) {
	.home-btn {
		font-size: 16px;
		max-width: 150px;
	}

	.thank-you-text-inner h2 {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.thank-you-text-inner h3 {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.thank-you-text-inner {
		padding: 70px 30px 100px;
	}

	#msform fieldset {
		height: 100%;
		padding-bottom: 70px;
		padding-top: 40px;
	}

	.slide-prev {
		top: 30px;
	}

	#msform .action-button,
	#msform .submit-btn {
		position: fixed;
		bottom: 0;
		margin: 0;
		width: 100%;
		max-width: 575px;
		left: 0;
		border-radius: 0;
		z-index: 999;
	}

	.formulaire-redirection-page {
		padding-top: 100px;
	}

	.fs-title {
		font-size: 16px;
	}

	.m-p-0 {
		padding: 0;
	}

	.youtube-play-btn {
		width: 100px !important;
		margin-top: -50px;
		margin-left: -50px;
	}

	.compare-section {
		padding: 80px 0 0;
	}

	.full-height {
		min-height: unset;
		padding-top: 150px;
	}

}


@media only screen and (max-width: 375px) {
	.home-btn {
		font-size: 14px;
		max-width: 120px;
		font-weight: 300;
	}

	.youtube-title {
		max-width: 174px;
		padding: 15px;
	}

	.youtube-box {
		padding: 30px 0;
	}

	.you-Tube-link {
		padding: 8px;
	}

	.you-Tube-link {
		border-width: 3px;
	}

	.youtube-title-inner h1 {
		font-size: 18px;
	}

	.arrow-left img {
		height: 86px !important;
	}

	.arrow-left {
		left: -94px;
		bottom: -23px;
	}

	.arrow-right img {
		height: 120px !important;
	}

	.arrow-right {
		bottom: -48px;
		right: -73px;
	}
}

.header-box {
	padding: 20px 15px;
	color: #143b57;
}

.header-box .logo {
	padding-right: 15px;
	border-right: 2px solid #143b57;
	margin-right: 15px;
}

.header-box .logo a {
	display: block;
}

.survey-bg {
	background-color: #f8f9fd;
}

@media only screen and (max-width: 575px) {
	.header-box .logo img {
		width: 40px;
	}

	.slide-prev span {
		display: none;
	}

	.slide-prev {
		top: 45px;
		left: -10px;
	}

	.header-box-title {
		font-size: 12px;
	}
}

#msform input#number {
	margin-bottom: 0;
	font-weight: 700;
}

.progress {
	width: 100%;
	top: 111px;
	left: 0;
	background-color: transparent;
	border-radius: 0;
	height: 10px;
}

.progress-bar {
	background-color: #0d6efd;
}

.progress .progress-bar-full {
	background-color: #0d6efd;
	width: 100%;
	height: 10px;
}

@media only screen and (max-width: 575px) {
	.progress {
		top: 81px;
	}

	.slide-prev {
		top: 50px;
		left: 10px;
	}

	.formuliare-title {
		font-size: 18px;
	}

	.form-inner {
		padding-left: 15px;
		padding-right: 15px;
	}

	.boxs-3-4 .radio_box>label>.img {
		max-width: 20%;
	}

	.formulaire-redirection-page-title-obj {
		font-size: 24px;
	}

	#msform .action-button,
	#msform .submit-btn {
		position: fixed;
		z-index: 999;
	}

	.form-title-box {
		min-height: 152px;
	}

	.aling-m-start {
		align-items: flex-start !important;
	}
}

.gender-box label,
#msform input,
#msform textarea {
	font-weight: 700;
}

.dots_line {
	height: 1px;
	width: 70px;
	border-top: 3px dashed #000;
	margin: 30px 20px;
}


@media only screen and (max-width: 1680px) and (max-height: 732px) {
	.aro_img {
		right: 631px;
		bottom: 40px;
		width: 247px;
	}

	.les_devis h2 {
		font-size: 16px;
		line-height: 28px;
	}
}


.bottom-text {
	width: 100%;
	max-width: 470px;
	margin-left: auto;
	margin-right: auto;
}

.bottom-text h4 {
	font-size: 22px;
	font-weight: 700;
}


.bottom-text p {
	font-size: 20px;
	font-weight: 700;
}

@media only screen and (max-width: 576px) {
	.content-box {
		font-size: 14px;
		padding-bottom: 10px;
	}
}




.advantages_content .item {
	display: flex;
	gap: 10px;
	align-items: center;
}

.advantages_content .item .item-inner {
	margin: 0;
}


.advantages_content h4,
.les-aides-subtitle {
	font-size: 28px;
	font-weight: 600;
	text-transform: capitalize;
	color: #031D71;
	margin-bottom: 20px;
}


p {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
}

#calculation-result {
	border: 1px solid #fff;
    border-radius: 8px;
	padding: 5px;
    line-height: 40px;
	box-shadow: rgba(17, 12, 46, 0.15) 6px 6px 
}


.advantages_content .item .item-inner img {
	width: 100px !important;
	height: 100px !important;
}

.advantages_content .item .item-inner img:hover {
	filter: drop-shadow(2px 4px 6px black);
}

.administrative-text-title+h5 {
	font-size: 20px;
	color: #031D71;
	margin-bottom: 20px;
}

.hide_me {
	display: none !important;
}

body {
	font-family: "Raleway", sans-serif;
}

.sub-title h1,
.avantages-title-box .avantage-title,
.administrative-text-title {
	font-size: 70px;
	color: #031D71;
	font-weight: 600;
	line-height: 70px;
}