/* General Style */

@font-face {
	font-family: "Poppins";
	src: url("../fonts/Poppins-Regular.ttf") format("truetype");
	font-weight: 400;
}

@font-face {
	font-family: "Poppins";
	src: url("../fonts/Poppins-Medium.ttf") format("truetype");
	font-weight: 500;
}

@font-face {
	font-family: "Poppins";
	src: url("../fonts/Poppins-SemiBold.ttf") format("truetype");
	font-weight: 600;
}

@font-face {
	font-family: "Poppins";
	src: url("../fonts/Poppins-Bold.ttf") format("truetype");
	font-weight: 700;
}

body {
	color: #434343;
	background: none;
	font-family: Poppins;
	font-weight: 400;
	font-size: 18px;
	padding-top: 100px;
	width: 100%;
	overflow-x: hidden;
}

.row {
	margin-right: 0;
	margin-left: 0;
}

h1 {
	font-weight: 600;
}

h2,
h3,
h5 {
	font-weight: 500;
}

h2 {
	margin-bottom: 0;
}

a {
	color: #434343;
}

a:hover {
	text-decoration: none;
	color: #434343;
}

p,
ul {
	font-size: 16px;
}

button {
	background-color: #00a0e6;
	color: #ffffff;
}

a img:hover {
	opacity: 0.75;
}

input:focus,
textarea:focus,
a:focus,
a:hover,
button:focus {
	outline: none;
}

textarea {
	resize: none;
}

/*.nav-link{
  color: #434343 !important;
}*/

.navbar-light .navbar-nav .nav-link {
	color: #434343;
}

.navbar {
	padding: 1rem 1rem;
}

/* Main navbar */
.navbar-valoris {
	/*box-shadow: 0 1px 5px 0 rgba(0,0,0,0.07),0 1px 0 0 rgba(0,0,0,0.03);*/
	background: transparent;
	transition: all 0.3s ease;
	height: 70px;
	padding: 0px 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.navbar-toggler {
	border: none;
}
/* Logo */

.navbar-valoris-brand img {
	height: 50px;
}

/* User Avatar */
.navbar-valoris .avatar {
	height: 35px;
	width: 35px;
	border-radius: 50%;
}

/* Right section */
.navbar-valoris-right {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* Basic navbar item */
.navbar-valoris-item {
	cursor: pointer;
	padding: 0 30px;
}

/* Navbar link */
.navbar-valoris-link {
	color: #616668;
	font-size: 16px;
	font-weight: 500;
}
.navbar-valoris-link:hover {
	color: #00a0e6;
	text-decoration: none;
}

/* Dropdown menu */
.navbar-valoris-dropdown-menu {
	margin-top: 15px;
	box-shadow: 1px 1px 4px #e6e6e6;
	border-color: #e6e6e6;
}
.navbar-valoris-dropdown-menu li > a {
	transition: color 0.3s ease;
	font-weight: lighter !important;
	color: #999999 !important;
	font-size: 15px !important;
	line-height: 22px !important;
	padding: 10px 20px;
}
.navbar-valoris-dropdown-menu li > a:hover {
	background: transparent !important;
	color: black !important;
}
.navbar-valoris-dropdown-menu:before {
	content: " ";
	height: 10px;
	width: 10px;
	position: absolute;
	right: 10px;
	top: -6px;
	background-color: white;
	transform: rotate(45deg);
	border-left: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
}

.dropdown-toggle::after {
	display: none;
}

.form-bg {
	right: 0;
	position: absolute;
	top: -147px;
	z-index: -1;
	width: 72%;
}

.nl {
	justify-content: space-between;
	align-items: center;
	margin: 30px 0;
}

/* @media (min-width: 767px) {
	#contact {
		width: 80%;
		display: block;
		margin: 0 auto;
	}
} */

@media (max-width: 1070px) {
	.table-valoris {
		width: 100% !important;
	}
}

@media (max-width: 767px) {
	.container-table {
		margin-top: 50px !important;
		padding: 0;
	}
	.table-valoris {
		position: relative !important;
	}
	#factory {
		display: none;
	}
	.col-illu-1 {
		order: 1;
	}
	.logo-tagline {
		display: none;
	}
	.br-mobile {
		display: block !important;
	}
}

@media (min-width: 0px) and (max-width: 495px) {
	.block-input {
		display: flex;
		justify-content: center;
	}
}

@media (min-width: 496px) {
	.block-input {
		display: block;
	}
}

@media (min-width: 0px) and (max-width: 600px) {
	/*.form-bg{
    display: none;
}*/

	#bg-contact {
		width: 100% !important;
		top: -110px !important;
	}

	.form-bg {
		top: -100px;
		width: 87%;
	}

	.nl {
		justify-content: center !important;
	}
	.input-nl {
		margin: 20px 0;
	}

	.block-logo-footer {
		justify-content: center !important;
	}
	.block-link-footer {
		text-align: center;
		justify-content: center;
		margin-top: 30px;
	}

	/*
#contact{
  padding: 30px !important;
}
*/

	form {
		padding: 0 !important;
	}
}

@media (min-width: 601px) and (max-width: 767px) {
	.block-logo-footer {
		justify-content: center !important;
	}
	.block-link-footer {
		margin-top: 30px;
	}
}

@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 1.5rem;
		padding-left: 1.5rem;
	}
}

@media (min-width: 601px) and (max-width: 992px) {
	#bg-contact {
		width: 100% !important;
	}
	.nl {
		justify-content: center !important;
	}
	.input-nl {
		margin: 20px 0;
	}
	.form-bg {
		top: -100px;
		width: 77%;
	}
}

@media (min-width: 0px) and (max-width: 320px) {
	.table th {
		padding: 3px !important;
	}
}

@media (min-width: 0px) and (max-width: 766px) {
	.banner-valoris {
		height: none;
	}
	.tagline {
		min-height: 210px;
	}
}

@media (min-width: 767px) {
	.tagline {
		min-height: 130px;
	}
}

@media (min-width: 767px) and (max-width: 1199px) {
	.banner-valoris {
		height: 550px;
	}
}

@media (min-width: 0px) and (max-width: 991px) {
	.d-none-mobile {
		display: none !important;
	}
	.schema {
		width: 100% !important;
	}
	.illu-1 {
		width: 100% !important;
		/*margin-bottom: 30px;*/
	}
	.gestion-mobile {
		margin-bottom: 30px;
	}
	nav {
		background: white !important;
		box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.03) !important;
	}

	.navbar-nav {
		padding: 20px 20px 0 20px;
	}

	#client,
	#devis {
		border-radius: none !important;
		padding: 0.5em 0 !important;
		border: none !important;
	}

	#client:hover,
	#devis:hover {
		border-radius: none !important;
		padding: 0.5em 0 !important;
		border: none !important;
		background-color: transparent !important;
		color: #00a0e6 !important;
	}
}

@media (min-width: 992px) {
	.illu-1 {
		margin-top: 110px;
	}
	.illu-2 {
		align-items: flex-end !important;
	}
}

@media (min-width: 1200px) and (max-width: 1600px) {
	.banner-valoris {
		height: 620px;
	}
}

@media (min-width: 1601px) {
	.banner-valoris {
		height: 760px;
	}
}

/*#banner{
  background: no-repeat url("../images/asset-fac-chart.png");
  background-size: cover;
}*/

#client,
#devis {
	border-radius: 50px;
	padding: 8px 15px;
	color: #00a0e6;
	border: 2px solid #00a0e6;
}

#client:hover,
#devis:hover {
	background-color: #00a0e6;
	border-radius: 50px;
	padding: 8px 15px;
	color: #ffffff;
	border: 2px solid #00a0e6;
}

#factory {
	width: 100%;
	position: absolute;
	right: 21px;
	max-width: 2200px;
	top: 194px;
}

.illu-service {
	width: 85px;
}

#man {
	display: block;
	margin: 0 auto;
	position: absolute;
	/*bottom: 430px;*/
	right: 381px;
	z-index: 1;
	bottom: -263px;
	width: 170px;
}

.schema {
	width: 95%;
	display: block;
	margin: 0 auto;
}

.btn-contact {
	color: #ffffff !important;
	padding: 8px 30px;
	border-radius: 50px;
	border-radius: 50px;
	background-color: #00a0e6;
	color: #ffffff;
	border: 0;
}

.btn-contact:hover {
	color: #ffffff;
	cursor: pointer;
}

/*.container-table{
      margin-left: 190px;
    margin-top: 20px;
}*/

.table-valoris {
	width: 68%;
	/* display: block; */
	/* margin: 0 auto; */
	position: absolute;
	right: 0;
	z-index: 1;
}

.table {
	background: white;
	border-radius: 6px;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.03);
	color: #434343;
	font-size: 14px;
}

.table tbody tr > th {
	color: #00a0e6;
	font-weight: 600;
}

.table thead th {
	border-top: none;
	font-weight: 600;
}

#bg-contact {
	width: 66%;
	position: absolute;
	z-index: -1;
	top: -170px;
	left: 0;
	right: 0;
	margin: auto;
}

.input-contact {
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.03);
	border: none;
}

.input-nl {
	border-radius: 50px;
	border: none;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.03);
	padding: 8px 12px;
	/*margin-right: 30px;*/
	width: 300px;
}

/*
.input-nl:focus{
	border-color: #80bdff;
    box-shadow: 0 0 0.2rem 0.2rem rgba(55, 160, 229, 0.46);
}
*/

@media (max-width: 1199px) {
	.page-template-valoris-energie-nouvelle .tagline {
		font-size: 38px !important;
	}
	#man {
		display: none;
	}
}

.title-service3 {
	margin-bottom: 20px;
	margin-top: 30px;
}

/* loading start */

.lds-dual-ring {
	display: inline-block;
	width: 64px;
	height: 64px;
}
.lds-dual-ring:after {
	content: " ";
	display: block;
	width: 46px;
	height: 46px;
	margin: 1px;
	border-radius: 50%;
	border: 5px solid #00a0e6;
	border-color: #00a0e6 transparent #00a0e6 transparent;
	animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

#newsletter-loading-div {
	display: none;
}
.newsletter-loading {
	height: auto !important;
}

.values-loading {
	height: 15px;
}
.values-loading:after {
	width: 20px !important;
	height: 20px !important;
	border: 2px solid #00a0e6;
	border-color: #00a0e6 transparent #00a0e6 transparent;
	animation: lds-dual-ring 1.2s linear infinite;
}

/* loading end */

.invalid {
	/*border: solid 1px #d98c8c;
    box-shadow: 0 0 0 0.15rem #ff51514a;*/
	border-color: #80bdff;
	box-shadow: 0 0 0.2rem 0.2rem rgba(55, 160, 229, 0.46);
}

.invalid:focus {
	outline: none !important;
	/*border: solid 1px red;
  box-shadow: 0 0 10px red;*/
}

#contact-loading {
	display: none;
}

#contact-success {
	display: none;
	color: #37a0e5;
}

.newsletter-error,
.newsletter-success {
	display: none;
}

.form-control:focus {
	box-shadow: 0 0 0.2rem 0.2rem rgba(55, 160, 229, 0.46) !important;
}

#expertise li {
	margin-bottom: 8px;
}

.td-acf {
	display: none;
}

.logo-tagline {
	margin-left: 20px;
	margin-bottom: 0 !important;
	color: #8c8f92;
}

.buttonizer-label {
	position: absolute !important;
	top: 70px !important;
	left: -50px !important;
	font-size: 15px !important;
}

.pages-locale-nav {
	position: relative !important;
	right: 11px !important;
	margin: 2px 10px;
}

.pages-locale {
	height: 30px;
	border: 0;
	border-radius: 4px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
	outline: none !important;
	font-size: 16px;
	color: #00a0e6;
	position: absolute;
	right: 20px;
	background: #fff;
	padding: 0 10px;
}

.logo-offer {
	width: 150px;
	height: auto;
	margin: 15px 0;
}

.offer-details .fa,
.offer-details .fas,
.offer-details {
	color: #434343;
}

.card {
	border: 0;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px, rgba(0, 0, 0, 0.2) 0px 0px 5px;
	padding: 15px;
	margin: 30px 0;
}

.card:hover {
	cursor: pointer;
}

.min-height-80 {
	min-height: 80vh;
}

.title-offer {
	font-size: 32px;
}
/*.buttonizer-button {
 right: 94% !important;
}*/

.logo-nouvelle {
	width: auto;
	height: 50px;
}

.logo-valoris-secondaire {
	width: auto;
	height: 40px;
}

#illu {
	width: 100%;
	height: auto;
}

h2.tagline-2 {
	font-size: 18px;
	font-weight: 400;
}

.blue,
.typed-cursor {
	color: #00a0e6;
}

@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 1rem;
		padding-left: 1rem;
	}

	.navbar-expand-lg .navbar-nouvelle .nav-link {
		padding-right: 1.5rem !important;
		padding-left: 1.5rem !important;
	}
}

.dropbtn {
	cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
	position: relative;
	display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #ffffff;
	min-width: 260px;
	box-shadow: 0px 1px 0 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
	border-radius: 5px;
}

/* Links inside the dropdown */
.dropdown-content a {
	color: black;
	padding: 14px 16px;
	text-decoration: none;
	display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	background-color: #f1f1f1;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
	display: block;
}

#devis {
	position: relative;
	z-index: 1;
	cursor: pointer;
}
.bg-light-blue {
	background-color: #eef4fa;
}

.bg-light-grey {
	background-color: #f6f6f6;
}

.illu-offre {
	width: 98%;
	display: block;
	margin: 0 auto;
}

.titre-blue {
	font-weight: 600;
	margin-bottom: 15px;
}

.cta {
	position: relative;
	transition: transform 0.25s ease-in-out;
}

.cta:hover {
	transform: translateY(-4px);
}

.page-template-valoris-energie-nouvelle .form-control {
	display: block;
	width: 100%;
	height: calc(1.5em + 0.75rem + 2px);
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border-radius: 5px;
	border: none;
	box-shadow: 0 4px 4px 0 rgba(32, 32, 32, 0.3) !important;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	margin: 6px 0;
}

.modal p {
	margin: 0;
}

.question p {
	font-weight: 500;
}

.shows-contact-form {
	justify-content: center;
}

.modal .row {
	margin-left: -6px;
	margin-right: -6px;
}

.wpcf7-spinner {
	display: none !important;
}
.fa-exclamation-triangle:before {
	color: #01a0e6;
}

.wpcf7-not-valid-tip {
	color: #01a0e6 !important;
}

.wpcf7 form .wpcf7-response-output {
	margin: 1em 0.5em 1em;
	border: none !important;
	text-align: center !important;
	color: #00a0e6 !important;
}
.page-template-valoris-energie-nouvelle .form-group {
	margin: 0 4px;
}

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

.modal-content {
	border-radius: 18px;
}

body.page-template-valoris-energie-nouvelle {
	padding-top: 30px;
}

.page-template-valoris-energie-nouvelle .tagline {
	font-size: 42px;
}

#illu-sun {
	position: absolute;
	width: 20%;
	max-width: 140px;
	height: auto;
	top: 0;
	right: 20%;
	animation: floatingAnimation 4s infinite linear;
}

@keyframes floatingAnimation {
	from {
		transform: rotate(0deg) translateX(6px) rotate(0deg);
	}
	to {
		transform: rotate(360deg) translateX(6px) rotate(-360deg);
	}
}

@media (min-width: 576px) {
	.modal-dialog {
		max-width: 600px;
		margin: 1.75rem auto;
	}
}

@media (min-width: 767px) {
	.modal-body {
		padding-left: 60px;
		padding-right: 60px;
	}
	.page-template-valoris-energie-nouvelle .form-group {
		/* max-width: 48%; */
		margin: 0 4px;
	}
	/* Define the CSS animation for 'visible-section' class */
	.visible-section {
		opacity: 1;
		transform: translateX(0);
		transition: opacity 0.5s ease, transform 0.5s ease;
	}

	/* Initially hide elements */
	.left-section {
		opacity: 0;
		transform: translateX(-250px);
	}

	.right-section {
		opacity: 0;
		transform: translateX(250px);
	}
}

.page-template-valoris-energie-nouvelle .wpcf7 {
	max-width: 800px;
	display: block;
	margin: 0 auto;
}

#contact-nouvelle {
	max-width: 800px;
	display: block;
	margin: 0 auto;
}

.row-margin {
	margin-right: -15px !important;
	margin-left: -15px !important;
}

.error-message {
	color: #00a0e6;
	display: none;
	font-size: 16px;
	font-weight: 500;
}

.br-mobile {
	display: none;
}