/*
Theme Name: The7
Theme URI: http://the7.io/
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: Any design, any layout. No coding required. The7 is the most customisable WordPress theme on the market up to date. Add the power of Visual Composer, The7 Post Types, Ultimate Addons, Slider Revolution, and WooCommerce to the mix, and you'll get the ultimate web-site building toolkit! Theme is translation ready, compatible with WPML, SEO and mobile friendly (certified by Google).
Version: 7.8.2
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
License URI: License.txt
Tags: multipurpose, responsive, retina ready, SEO ready, mobile friendly, iOS, material design, clean, minimal, business, corporate, portfolio, creative, photography, one page site, micro site
Text Domain: the7mk2
*/

.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor,
.main-page {}

html {
	scroll-behavior: smooth;
}

/* Layout */
body, body.page {
	color: #333;
}
#main > .wf-wrap, #bottom-bar > .wf-wrap, #footer > .wf-wrap {
	width: auto;
	padding: 0;
}






#main {
	padding-top: 0;
	padding-bottom: 0;
}
/* a {
	scroll-behavior: smooth;
} */
@media screen and (min-width: 778px) {
	.wf-wrap {
		padding: 0;
	}
}
/* .sidebar-none .content {
	perspective: 2px;
} */
.wp-block-group {
	line-height: 1.3; /*1.4;*/
}
.wp-block-group h2 {
	font-size: 3.2em;
	line-height: 1;
	margin-bottom: 0;
}
.mobile-true .wp-block-group h2 {
	font-size: 2.2em;
}
.wp-block-group h3 {
    margin-top: 25px;
	margin-bottom: 2px;
	font-weight: 500;
	font-size: 1.8em;
}
.mobile-true .wp-block-group h3 {
	font-size: 1.4em;
}
.wp-block-group h4 {
    font-weight: 500;
    font-size: 1.05em;
	margin-bottom: 0px;
	font-weight: 600;
}
.wp-block-group p strong {
	font-weight: 600;
}
.wp-block-group ul {
	margin-left: 0;
}
.wp-block-group ul > li {
	margin-left: 20px;
}
.wp-block-group ul.spaced > li {
	margin-bottom: 20px;
}
.wp-block-group ul.has-white-color {
	list-style: none;
}
.wp-block-group.has-background {
	padding: 0;
}
.has-white-color a,
.has-accent-background-color a {
	/* color: #fff; */
	text-decoration: none;
}
.has-accent-background-color a, p.has-white-color > a {
	color: #fff;
}
.wp-block-group.has-white-background-color a:not(.wp-block-button__link) {
	color: #333;
	text-decoration: none;
}
.wp-block-group ul.has-white-color li {
	font-weight: 300;
}
.wp-block-group ul.has-white-color > li::before {
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: red; /* Change the color */
	font-weight: bold; /* If you want it to be bold */
	display: inline-block; /* Needed to add space between the bullet and the text */
	width: 1em; /* Also needed for space (tweak if needed) */
	margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.wp-block-group ul.has-white-bullet > li::before {
	color: #fff;
}
.wp-block-group ul.has-white-color > li li {
	list-style: none;
}
.wp-block-group ul.has-white-color > li li::before {
	content: "-";
	display: inline-block;
	width: 1em;
}
.wp-block-group__inner-container {
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 25px;
}
h3 {
    color: #da3a32;
}

/* Top menu bar */
.sticky-top-bar {
	position: fixed;
	top: 0px;
	left: 0;
	right: 0;
	/*width: 100%;*/
	z-index: 99;
	background: #545557;
	color: #fff;
	text-align: right;
	/* padding-right: 10px; */
}
.sticky-top-bar .widget-title {
	display: none;
}
.sticky-top-bar .textwidget {
	margin-bottom: 0;
}
.sticky-top-bar .textwidget .top-bar-menu {
	display: inline-block;
	margin: 0 10px;
}
.sticky-top-bar .textwidget a {
	color: #fff;
	text-transform: uppercase;

	font-size: 0.9rem;
	padding: 0 10px;
}
.sticky-top-bar .textwidget .top-bar-social {
	display: inline-block;
	padding: 0 5px;
}
.sticky-top-bar .textwidget .top-bar-social a {
	vertical-align: middle;
	padding: 0 5px;
	line-height: 1;
}
.sticky-top-bar .textwidget .divider {
	color: #fff;
}
.sticky-top-bar .textwidget .top-bar-focus {
	display: inline-block;

color: #da3a32;
	background: #fada24;
	padding: 0px 50px;
	font-weight: 600;
margin-right: 45px;
}
.sticky-top-bar .textwidget .top-bar-focus:hover {
	color: #fff;
}
.sticky-top-bar .textwidget .top-bar-lang {
	display: inline-block;
	padding: 0 28px;
}
.branding > a, .branding > img {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    width: max-content;
	padding-bottom: 0;
}
@media screen and (max-width: 1050px) {
	.sticky-top-bar {
		display: none;
	}
}

/* Top bar in Mobile */
.mobile-top-bar .widget-title {
	display: none;
}
.mobile-top-bar .textwidget {
	display: flex;
    flex-direction: column;
    /* align-items: center; */
	margin-bottom: 0
}
.mobile-top-bar .top-bar-menu > a, .mobile-top-bar .top-bar-menu > span {
	display: none;
}
.mobile-top-bar .top-bar-social {
    position: absolute;
    top: -30px;
    left: -30px;
    right: -70px;
    background: rgba(0,0,0,0.2);
    padding: 5px 48px 4px 12px;
    display: flex;
    align-items: center;
}
.mobile-top-bar .top-bar-social > a {
	margin-right: 12px;
    line-height: 1;
}
.mobile-top-bar .top-bar-focus {
	width: 100%;
    text-align: center;
    text-transform: uppercase;
    background: #da3a32;
    color: #fff;
    padding: 5px 0px;
    font-weight: 700;
    box-sizing: border-box;
    border: 2px solid #fff;
}
.mobile-top-bar a.top-bar-focus:not(.dt-btn):hover {
	color: #fff;
}
.mobile-top-bar .top-bar-lang {
	width: 100%;
    text-align: center;
    text-transform: uppercase;
    border: 2px solid #fff;
    color: #fff;
    padding: 5px 0px;
    margin-top: 15px;
    font-weight: 700;
    box-sizing: border-box;
}

/* Page */
.wp-block-columns {
	margin-bottom: 0;
	padding: 25px 0;
}
@media screen and (min-width: 782px) {
	.wp-block-column:not(:first-child) {
		margin-left: 60px;
	}
	.wp-block-column {
		flex-basis: calc(50% - 30px);
	}
}
/* @media (min-width: 600px) {
} */
.wp-block-group.full-height {
	min-height: 750px;
}
@media screen and (min-width: 1051px) {
	.wp-block-group.full-height {
    	height: 100vh;
    	/* min-height: 100vh; */
		padding: 0;
		display: flex;
		flex-direction: column;
		/*justify-content: flex-start;*/
/* 		justify-content: space-evenly; */
		justify-content: space-around;
	}
	.header-side-left:not(.sticky-header):not(.hidden-header) #page {
		grid-template-columns: 100px calc(100% - 100px);
	}
}
@media screen and (max-width: 1050px) {
	.wp-block-group.full-height {
		min-height: 500px;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.wp-block-group .wp-block-columns > .wp-block-column:not(:first-child) {
		margin-top: 20px;
	}
/* 	.wp-block-group .wp-block-columns > .wp-block-column:first-child {
		margin-top: 0;
	} */
}
@media screen and (max-width: 780px) {
	.wp-block-group, .wp-block-group.full-height {
		padding: 20px 0;
	}
	.wp-block-group.company-info {
		padding: 0;
	}
	.wp-block-group h3 {
		margin-top: 0;
	}
	.wp-block-spacer {
		display: none;
	}
}

/* Buttons */
.wp-block-button__link {
	padding: 8px 20px;
}
.wp-block-button__link:visited {
	color: #da3a32;
}

/* Header */
.page-title > .wf-wrap {
	display: none;
}

/* Left navigation */
.side-header {
	width: 100px;
}
.side-header .header-bar {
	padding: 140px 0px 45px 0px;
}
.masthead:not(.mixed-header) {
    background-color: #ababab;
}

/* Animated left navigation */
/* basic menu styles */
#primary-menu {
	display: block;
	background: #ababab;
	margin-top: 70px;
	text-transform: uppercase;
}
#primary-menu li {
	display: block; /*inline-block;*/
	border-bottom: 1px solid #999;
	text-transform: uppercase;
}
#primary-menu li a {
	color: #fff;
	display: block;
	text-decoration: none;
	/*font-family: 'Passion One', Arial, sans-serif;*/
	font-smoothing: antialiased;
	text-transform: uppercase;
	overflow: visible;
	line-height: 20px;
	font-size: 24px;
	padding: 15px 10px;
}

/* animation domination */
#primary-menu li a, .three-d {
	perspective: 200px;
	transition: all .07s linear;
	position: relative;
	cursor: pointer;
	background: #da3a32; /*999;*/
}
	/* complete the animation! */
	#primary-menu li a:hover .three-d-box, .three-d:hover .three-d-box, 
	#primary-menu li a:focus .three-d-box, .three-d:focus .three-d-box {
		/*transform: translateZ(-25px) rotateX(90deg);*/
		/*transform: translateZ(-25px) rotateY(-90deg);*/
/* 		transform: translateX(-35px) translateZ(-150px) rotateY(-90deg); */
		transform: translateX(-35px) translateZ(-68px) rotateY(-90deg);
	}
	#primary-menu li a:hover .three-d-box .menu-3d-back,
	#primary-menu li a:focus .three-d-box .menu-3d-back {
        background: #da3a32; /*999;*/
        display: block;
/*         width: 140px; */
        width: 110px;
		color: #fff;
    }
	#primary-menu li a:hover .three-d-box .menu-3d-front,
	#primary-menu li a:focus .three-d-box .menu-3d-front {
		transform: translateX(-5px);
		transition: all .3s ease-out;
	}

#primary-menu li a > span {
    position: static;
    /*!important;*/
    display: inline;
    /*!important;*/
}
#primary-menu li a > span > img {
	visibility: hidden;
}
#primary-menu li a > .three-d-box {
	transition: all .3s ease-out;
	transform: translatez(0px); /*translatez(-25px);*/
	transform-style: preserve-3d;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}
.main-nav > li.act:not(.wpml-ls-item) > a .menu-text,
.main-nav > li:not(.act):not(.wpml-ls-item) > a:hover .menu-text,
.main-nav > li:not(.act):not(.wpml-ls-item) > a:focus .menu-text {
	color: #fff;
	font-size: 16px;
}
.menu-3d-init {
    width: 100%;
    text-align: center;
}

/* 
	put the "front" and "back" elements into place with CSS transforms, 
	specifically translation and translatez
*/
.menu-3d-front, .menu-3d-back {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #ababab;
	padding: 15px 0px;
	color: #fff;
	pointer-events: none;
	box-sizing: border-box;
	text-align: center;
}
.menu-3d-front {
	/*transform: rotatex(0deg) translatez(25px);*/
	transform: rotatey(0deg) translatez(0px); /*25px);*/
}
.menu-3d-back {
	/*transform: rotatex(-90deg) translatez(25px);*/
	transform: rotatey(90deg) translatez(43px) translatex(35px);
	/* transform: rotatey(90deg) translatez(48px) translatex(34px); */
	color: transparent;
	background: transparent;
	display: none;
}

/* Footer */
#footer .wf-container-footer, #footer .wf-container-bottom {
	max-width: 1350px;
	
}
#footer .wf-container-footer {
	padding-top: 0; /*90px;*/
	padding-bottom: 0;
}
#footer .wf-container {
	/* max-width: 1350px; */
	margin: 0 auto;
}
/*#footer .wf-container > section + section .widget-title {*/
.footer-nav-links {
	padding: 0;
	margin-bottom: 70px;
	display: flex;
}
.footer-nav-links > div {
	/*width: 100%;*/
	/*height: 144px;*/
	padding: 0;
	background: #da3a32;
	display: inline-block;
	vertical-align: top;
	line-height: 26px;
}
.footer-nav-links > div:first-child {
	display: flex;
	flex-direction: row-reverse;
}
.footer-nav-links > div ul {
	padding: 20px 30px;
}
.footer-nav-links > div:first-child ul {
	text-align: left;
    /* display: inline-block; */
}
/* .footer-nav-links > div:first-child ul li {
	float: left;
	clear: both;
} */
.footer-nav-links > div a {
	color: #fff;
	text-decoration: none;
	font-weight: 600;
}
#custom_html-4 .widget-title {
	font-size: 2.6em;
	line-height: 1;
	font-weight: 300;

}
#footer.solid-bg {
	background-repeat: no-repeat;
	background-size: cover;
}
.footer .widget {
	/* padding: 0px; */
}
.footer .widget, .footer .widget-title {
	color: #fff;
}
.footer .widget-title {
	font-size: 2rem;
    font-weight: 400;
    font-family: "Barlow";
	line-height: 1.2;
	margin-bottom: 0;
}
.footer .textwidget h2 {
	color: #fff;
	font-size: 1.6rem;
	line-height: 1.2;
}
.footer .textwidget h3 {
	color: #da3a32;
	font-size: 1rem;
    font-weight: 600;
	margin-top: 10px;
	margin-bottom: 0;
	line-height: 1.5;
}
.footer .textwidget p {
	font-size: 1rem;
	line-height: 1.3;
}
.footer .textwidget .wp-block-button > .has-white-color {
	color: #fff;
}
.footer .textwidget .wp-block-button {
	margin-top: 20px;
}
.footer .footer-contact-links {
	margin-top: 50px;
	font-size: 1.3em;
    font-weight: 500;
}
.footer a.has-accent-color {
	color: #da3a32;
}
.wf-container-bottom {
	border-top: 0;
}
#bottom-bar .wf-float-left {
	display: none;
}
#bottom-bar .wf-float-right {
	text-align: left;
	margin-left: 0;
	justify-content: flex-start;
	padding: 0px 25px;
}
#bottom-bar  p {
	/* height: 100vh; */
	color: #fff;

}

@media (max-width: 781px) {
	.footer .footer-contact-links {
		margin-top: 30px;
	}
	.footer-nav-links {
		font-size: 0.75em;
	}
	.footer-nav-links > div ul {
		padding: 20px;
	}
}

@media (max-width: 1050px) {
	#footer .wf-container > section + section .widget-title {
		font-size: 2.6em;
	}
}

/* Parallax */
.zparallax {
	perspective: 2px;
	/*overflow-x: hidden;
	overflow-y: auto;*/
}
.zparallax .wp-block-group__inner-container::after {
  /* Display and position the pseudo-element */
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  /* Move the pseudo-element back away from the camera,
   * then scale it back up to fill the viewport.
   * Because the pseudo-element is further away, it appears to move more slowly, like in real life. */
  transform: translateZ(-1px) scale(1.5);
  /* Force the background image to fill the whole element. */
  background-size: 100%;
  /* Keep the image from overlapping sibling elements. */
  z-index: -1;
}

/* Home page */
.banner-scroll-icon {
    position: absolute;
    bottom: 20px;
    left: 49%;
}
.banner-scroll-icon {
  /* width: 100px; */
  /* height: 100px; */
  /* border-radius: 50%; */
  /* background-color: #FF5722; */

  animation: bounce .8s;
  animation-direction: alternate;
  animation-timing-function: cubic-bezier(.5,0,.5,1);
  animation-iteration-count: infinite;
}

@keyframes bounce {
  from { transform: translate3d(0, 0, 0);     }
  to   { transform: translate3d(0, 15px, 0); }
}

/* Prefix Support */
.banner-scroll-icon {
  -webkit-animation-name: bounce;
  -webkit-animation-duration: .8s;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: cubic-bezier(.5,0,.5,1);
  -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes bounce {
  from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to   { -webkit-transform: translate3d(0, 15px, 0); transform: translate3d(0, 15px, 0); }
}

.ctas{
	position: absolute;
	width: 540px;
    bottom: 140px;
    left: 50%;
    transform: translateX(-50%);
}

.ctas a {
	display: inline-block;
	color: white;
    background: #da3a32;
    padding: 10px 0;
    width: 260px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    margin: 0;
}

.ctas a + a {
	margin-left: 10px;
}

@media screen and (max-width: 1150px){
	.ctas{
		width: 100%;
	    bottom: auto;
	    top: 53px;
	    text-align: center;
	}

	.ctas a{
		width: auto;
		padding: 10px 20px;
	}
}

@media screen and (max-width: 1050px){
	.ctas{
	    top: 20px;
	}
}

@media screen and (max-width: 470px){
	.ctas a{
	   display: block;
	}

	.ctas a + a{
		margin: 5px 0 0 0;
	}
}

.home-banner {
	/* background: url(../../uploads/2019/11/Accueil-banniere.png); */
	/* background-size: cover; */
	position: relative;
}
.home-banner .wp-block-group__inner-container {
	max-width: 70%;
}
.home-banner .wp-block-video {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.home-banner .wp-block-video video {
	width: 100%;
	height: 100%;
}
.home-banner .banner-logos {
	margin: 0 auto;
	position: absolute;
	bottom: 50%;
	right: 50%;
	transform: translate(50%, 50%);
	max-width: 100%;
	opacity: 1;
	animation: move-back-logos .8s;
	/* right: 0;
	bottom: 0; */
	/*text-align: center;
	color: #fff;
	font-size: 2.29em;
	font-weight: 600;*/
}
.home-banner .banner-logos > div {
	text-align: center;
}
.home-banner .banner-logos > img {
	display: block;
	width: 100%;
	/*animation: width .8s;*/
}
.home-banner .banner-logos > div.red-block-links, .home-banner .banner-logos > div.blue-block-links {
	position: absolute;
	width: 100%;
	display: flex;
	justify-content: space-around;
}
.home-banner .banner-logos > div.red-block-links {
	top: 50%; /* 102px; */
    transform: translateY(-110%);
    height: 16%;
}
.home-banner .banner-logos > div.red-block-links > a:nth-child(1) {
	width: 250px;
}
.home-banner .banner-logos > div.red-block-links > a:nth-child(2) {
	width: 240px;
}
.home-banner .banner-logos > div.red-block-links > a:nth-child(3) {
	width: 240px;
}
.home-banner .banner-logos > div.blue-block-links {
	bottom: 0; /* 268px; */
    /* border: 1px solid red; */
    /* transform: translateY(-90%); */
    height: 16%;
}
.home-banner .banner-logos > div.blue-block-links > a:nth-child(1) {
	width: 52%; /*450px;*/
}
.home-banner .banner-logos > div.red-block-links > a {
	text-decoration: none;
	min-height: 50px;
}
.home-banner .banner-logos > div.blue-block-links > a {
	text-decoration: none;
	min-height: 40px;
}
/*.home-banner .banner-logos > div.bl-red-blocks > div, .home-banner .banner-logos > div.bl-blue-blocks > div {*/
.home-banner .banner-logos > div.red-block-links > div, .home-banner .banner-logos > div.blue-block-links > div {
	position: absolute;
	display: flex;
	justify-content: space-around;
	top: 0;
	width: 100%;
}
/*.home-banner .red-box {
  background-color: red;
  color: white;
  padding: 10px;
  margin-bottom: 10px;
  transform: skew(-35deg);
  transform-origin: bottom left;
  box-sizing: border-box;
  width: calc(100% - (1em + 20px) * 0.700208);
}
.home-banner .red-box > div {
  padding: 0 10px;
  transform: skew(35deg);
  white-space: nowrap;
  text-overflow: ellipses;
  overflow: hidden;
  line-height: 1em;
}*/
@media screen and (min-width: 781px) {
	.home-banner .banner-logos.relocate-logos {
		position: absolute;
		/* margin: 0; */
		right: 200px; /*200px;*/
		bottom: 90px;
		max-width: 300px; /*300px;*/
		animation: move-logos .8s;
		/* cubic-bezier(1, 0, 0, 1); */
		font-size: 1em;
	}
	.home-banner .banner-logos.relocate-logos {
		/*margin: 0 auto;*/
	}
	.home-banner .banner-logos.relocate-logos > div {
		width: 100%;
	}
	/*.home-banner .banner-logos.relocate-logos > div > img {
		width: 100%;
	}*/
	.home-banner .banner-logos.relocate-logos > div.red-block-links {
		top: 47px;
	}
	.home-banner .banner-logos.relocate-logos > div.red-block-links > a {
	/*.home-banner .banner-logos > div.red-block-links > a:nth-child(1),
	.home-banner .banner-logos > div.red-block-links > a:nth-child(2),
	.home-banner .banner-logos > div.red-block-links > a:nth-child(3) {*/
		width: 120px;
	}
	.home-banner .banner-logos.relocate-logos > div.blue-block-links {
		top: 123px;
	}
	.home-banner .banner-logos.relocate-logos > div.blue-block-links > a:nth-child(1) {
		width: 205px;
	}
	.home-banner .banner-logos.relocate-logos > div.red-block-links > a, .home-banner .banner-logos.relocate-logos > div.blue-block-links > a {
		height: 25px;
	}
	/*
	.home-banner .banner-logos.relocate-logos > div > img {
		width: 50%;
	}
	.home-banner .banner-logos.relocate-logos > div.bl-red-blocks > img {
		width: 100%;
	}
	.home-banner .banner-logos.relocate-logos > div.bl-blue-blocks > img {
		width: 55%;
	}
	.home-banner .banner-logos > div.bl-red-blocks > div, .home-banner .banner-logos > div.bl-blue-blocks > div {
	}*/
}
@media screen and (max-width: 781px) {
	.home-banner .banner-logos > div.red-block-links, .home-banner .banner-logos > div.blue-block-links {
	    width: 150%;
	}
	.home-banner .banner-logos > div.red-block-links > a, .home-banner .banner-logos > div.blue-block-links > a {
		min-height: 30px;
	}
}

@keyframes move-logos {
  from   {max-width: 50%; right: 50%; bottom: 50%; /*font-size: 2.29em;*/ transform: translate(50%, 50%);}
  /* 33%   {max-width: 50%; right:40%; bottom: 25%;} */
  /*25%  {right:33%; bottom:40%;}
  50%  {right:25%; bottom:30%;}
  75%  {right:18%; bottom:20%;} */
  /*to {max-width: 300px; right: 200px; bottom: 75px;}*/
  to {max-width: 300px; right: 200px; bottom: 90px; /*font-size: 1em;*/ }
}

@keyframes move-back-logos {
  /*from {max-width: 300px; right: 200px; bottom: 75px;}*/
  from {max-width: 300px; right: 200px; bottom: 90px; /*font-size: 1em;*/ }
  to {max-width: 50%; right: 50%; bottom: 50%; /*font-size: 2.29em;*/ transform: translate(50%, 50%);}
}
/* .home-ceo-message::after { */
/* .home-ceo-message .wp-block-group__inner-container::after { */
.home-ceo-message .wp-block-group__inner-container {
	min-height: 50vh;
	background: transparent;
}
.home-ceo-message {
	min-height: 400px;
    /* background: transparent; */
	background-image: url(../../uploads/2019/11/Accueil-bg-ceo.png);
	background-size: cover;
	/* background-attachment: fixed; */
}
/* .home-promise .wp-block-group__inner-container::after { */
.home-promise, .services-promise {
	/* min-height: 400px; */
    /* background: transparent; */
/* 	background-image: url(../../uploads/2019/11/Accueil-bg-promise.png); */
	background-image: url(../../uploads/2020/01/img-camion-accueil-1.jpg);
	background-size: cover;
	/* background-position: -100px 3px; */
	/* transform: translateZ(-8px) scale(5); */
	background-attachment: fixed;
}
/* .home-services .wp-block-group__inner-container::after { */
.home-services, .services-territories {
	/* min-height: 400px; */
    /* background: transparent; */
	background-image: url(../../uploads/2019/11/Accueil-bg-carte.png);
	background-size: cover;
	/* transform: translateZ(-1px) scale(1.5); */
	background-attachment: fixed;
}
/* .home-career .wp-block-group__inner-container::after { */
.home-career, .services-career {
	/* min-height: 400px; */
    /* background: transparent; */
/* 	background-image: url(../../uploads/2019/11/Accueil-bg-carriere.png); */
	background-image: url(../../uploads/2020/01/img-accueil-camion-2.jpg);
	background-size: cover;
	/* background-position: -100px; */
    /*content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;*/
	/* transform: translateZ(-1px) scale(1.5); */
    background-attachment: fixed;
	
/* 	position: relative */
}
.career-main {
/* 	background-image: url(../../uploads/2019/11/Accueil-bg-carriere.png); */
	background-image: url(../../uploads/2020/01/camion-carriere.jpg);
    background-attachment: fixed;
	background-size: cover;
}
/* .mobile-false .career-main {
	background-size: 150% !important;
} */
.light-background, .company-ceo-message {
	/* min-height: 400px; */
    /* background: transparent; */
	background-image: url(../../uploads/2019/11/Accueil-bg-ceo.png);
	background-attachment: fixed;
}
.mobile-false .light-background,
.mobile-false .company-ceo-message {
	background-size: auto 150% !important;
}
.company-info {
	/* min-height: 400px; */
    /* background: transparent; */
	/* background-image: url(../../uploads/2019/12/Compagnie-bg-info.png); */
	/* background-size: cover; */
	/* background-attachment: fixed; */
}
.company-info h2.safety-header {
	font-size: 3em;
}
.company-info > .wp-block-group__inner-container {
	max-width: none;
	margin: 0;
	padding: 0;
	position: relative;
}
.company-info > .wp-block-group__inner-container > .wp-block-group > .wp-block-group__inner-container {
	z-index: 1;
	position: relative;
}
.company-info > .wp-block-group__inner-container > .wp-block-group:nth-child(1) {
	background: rgb(18, 13, 13);
	/* height:  */
}
.company-info > .wp-block-group__inner-container > .wp-block-group:nth-child(2)::before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: url(../../uploads/2020/01/bg-compagnie-v3.png) no-repeat top 7px right;
/* 	background: url(../../uploads/2019/12/Compagnie-bg-info-5.png) no-repeat top 7px right; */
/* 	background-size: cover; */
}
/* .company-info > .wp-block-group__inner-container > .wp-block-group:nth-child(3) {
	position: relative;
	z-index: 2;
}
.company-info > .wp-block-group__inner-container > .wp-block-group:nth-child(3)::before {
	content: "";
	position: relative;
	right: 0;
	background-image: url(../../uploads/2019/12/Compagnie-bg-info-3.png);
} */
.services-logistic {
/* 	background-image: url(../../uploads/2019/12/Services-bg-logistique.png); */
	background-image: url(../../uploads/2020/01/service-logistique.jpg);
	background-size: cover;
    background-attachment: fixed;
}
.formulaires-main {
	background-image: url(../../uploads/2020/01/camion-formulaires.jpg);
	background-size: cover;
    background-attachment: fixed;
	background-position: center center;
}
.soumission-main {
	background-image: url(../../uploads/2019/12/Soumission-bg.png);
	background-size: cover;
    background-attachment: fixed;
}
.contact-main {
	background-image: url(../../uploads/2019/12/Contact-bg.png);
	background-size: cover;
    background-attachment: fixed;
}
.zhome-career::before {
	content: " ";
    /* min-height: 400px; */
    /* background: transparent; */
    background-size: cover;
    background-position: -100px;
    /* transform: translateZ(-1px) scale(1.5); */
    /* background-attachment: fixed; */
    background-image: url(wp-content/uploads/2019/11/Accueil-bg-carriere.png);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    height: 100vh;
    /* background: #990000; */
}

.mobile-true .wp-block-group.home-banner {
	padding: 0;
	min-height: auto;
	/* max-height: 375px; */
	height: 375px;
}
.mobile-true .wp-block-group.home-banner .wp-block-group__inner-container,
.mobile-true .wp-block-group.home-banner .wp-block-group__inner-container > .wp-block-group {
	max-width: 100%;
	padding: 0;
}
.mobile-true .home-banner .wp-block-video {
	position: initial;
	text-align: center;
	overflow: hidden;
}
.mobile-true .home-banner .wp-block-video video {
	width: fit-content;
	height: 375px;
	display: block;
}

@media screen and (max-width: 1545px) {
	.mobile-false .soumission-main {
		background-size: auto 125% !important;
	}

}
@media screen and (max-width: 1050px) {
	.banner-scroll-icon {
		display: none;
	}
	.home-banner {
		justify-content: space-around;
		display: flex;
		flex-direction: column;
	}
	/* .home-banner .wp-block-group__inner-container {
		min-width: 70%;
	} */
	.home-ceo-message .wp-block-group__inner-container {
		min-height: auto;
	}
	.light-background .wp-block-group__inner-container .wp-block-spacer:first-child,
	.company-ceo-message .wp-block-group__inner-container .wp-block-spacer:first-child {
		height: 30px !important;
	}
	.services-logistic .wp-block-column:first-child {
		flex-basis: 100% !important;
	}
	.services-logistic .wp-block-column:last-child {
		flex-basis: 0% !important;
	}
}
@media screen and (max-width: 780px) {
	.home-banner .wp-block-group__inner-container {
		max-width: 90%;
	}
	.mobile-false .home-promise, .mobile-false .services-promise {
		background-size: auto 150% !important;
	}
	.mobile-false .home-services, .mobile-false .services-territories {
		background-size: auto 150% !important;
	}
	.mobile-false .home-career, .mobile-false .services-career {
		background-size: auto 150% !important;
	}
	.mobile-false .light-background,
	.mobile-false .home-ceo-message, .mobile-false .company-ceo-message {
		background-size: auto 150% !important;
	}
	.mobile-false .formulaires-main {
		background-size: auto 125% !important;
	}
	/* .soumission-main {
		background-size: auto 125% !important;
	} */
	.mobile-false .contact-main {
		background-size: auto 125% !important;
	}
	.home-banner .banner-logos {
		transition: opacity 0.8s;
		transform: translate(25%, 50%);
	}
	.home-banner .banner-logos > img {
		width: 150%;
	}
	.home-banner .banner-logos.relocate-logos {
		opacity: 0;
		transition: opacity 0.8s;
		/* right: 200px; */
		/* bottom: 75px; */
		/* max-width: 300px; */
		/* animation: move-logos .8s; */
	}
}

/* Services */

.services-legend {
	margin-top: 40px;
}
.services-legend .wp-block-group__inner-container {
	padding: 0;
}
.services-legend .wp-block-group__inner-container > p::before {
	content: "";
	width: 20px;
    height: 18px;
    border: 1px solid #fff;
    display: inline-block;
    margin-right: 15px;
    vertical-align: text-bottom;
}
.services-legend .service-legend-1::before {
    background: #175574;
}
.services-legend .service-legend-2::before {
    background: #4c738b;
}
.services-legend .service-legend-3::before {
    background: #7e97a8;
}
.services-legend .service-legend-4::before {
    background: #c0ccd3;
}
.services-legend .service-legend-5::before {
    background: #7dcce0;
}
.services-legend .service-legend-6::before {
    background: #00a2ca;
}
.services-legend .service-legend-7::before {
    background: #007ba1;
}
.services-legend .service-legend-8::before {
    background: #0e454f;
}

/* Soumission */

.content .wpcf7-form input[type="text"]::placeholder,
.content .wpcf7-form input[type="email"]::placeholder,
.content .wpcf7-form textarea::placeholder {
	color: #666;
	font-family: "Barlow Semi Condensed";
}

/* Chauffeurs */

@media screen and (max-width: 780px) {
	.drivers-page .wp-block-group h2 {
		font-size: 2.5em;
	}
}

@media screen and (max-width: 479px) {
	.wp-block-group h3.chauffeur-tel,
    .mobile-true .wp-block-group h3.chauffeur-tel {
		font-size: 1.3em;
	}
}

/* Forms */

input[type="submit"]:not([name="update_cart"]):not(.woocommerce-widget-layered-nav-dropdown__submit),
.wpcf7-form input[type="submit"] {
	margin-top: 15px;
	padding: 2px 40px;
	background-color: transparent;
	border: 2px solid #da3a32;
	color: #da3a32;
}
#page input[type="submit"]:not([name="update_cart"]):not(.woocommerce-widget-layered-nav-dropdown__submit):hover,
#page .wpcf7-form input[type="submit"]:hover {
	opacity: 0.7;
	background-color: transparent;
}

/* Breadcrumb */

.breadcrumb {
	font-size: 0.78em;
	color: #818284;
}
.breadcrumb span {
	margin: 0 7px;
}
.breadcrumb a {
	color: #818284;
	text-decoration: none;
}

/* Accordion */

.accordion .wp-block-group__inner-container {
	padding: 0;
}

.accordion .accordion-header {
	cursor: pointer;
	transition: 0.4s;
	margin-top: 15px;
	/* padding: 10px 0; */
	/* width: 100%; */
}

.accordion .accordion-header::before {
	content: "+";
	background: #da3a32;
	color: #fff;
	padding: 0px 0px 2px;
	margin-right: 10px;
	width: 20px;
    line-height: 1;
	display: inline-block;
	text-align: center;
}

.accordion .accordion-header.active::before {
	content: "-";
	/* padding-right: 7px; */
	/* margin-right: 10px; */
}

.accordion .accordion-content {
	/* padding: 0; */
	/* display: none; */
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

/* .accordion .accordion-content:not(:first-of-type) { */
/* .accordion .accordion-content:first-of-type { */
	/* display: block; */
	/* max-height: max-content; */
/* } */

/* Mobile */

.mobile-branding > a, .mobile-branding > img {
	position: fixed;
	top: 0;
}
.mobile-branding > a {
	width: 250px;
}
.mobile-main-nav {
	padding-top: 10px;
	padding-bottom: 20px;
}
.mobile-main-nav > li > a {
	padding: 20px 30px 16px 0;
}
.dt-mobile-menu-icon .lines, .dt-mobile-menu-icon .lines:before, .dt-mobile-menu-icon .lines:after {
	background-color: #da3a32;
}
.dt-mobile-header {
	background-color: rgba(127,127,127,0.8);
	width: 260px;
}
.dt-mobile-header .mobile-header-scrollbar-wrap {
	height: 100%;
}
.show-mobile-header .dt-mobile-header {
	background: rgba(127,127,127,0.8);
}
.show-mobile-header .dt-close-mobile-menu-icon {
	left: 230px;
}
.right-mobile-menu .show-mobile-header .dt-mobile-header {
    right: 260px;
}
@media screen and (max-width: 1050px) {
	.masthead .mobile-header-bar {
		height: 60px;
		padding: 0;
	}
	.menu-3d-init {
		text-align: left;
	}
	.menu-3d-front {
		display: none;
	}
	.menu-3d-back {
		display: block;
		transform: none;
		background: transparent;
		text-align: left;
		padding: 20px 0 20px 40px;
	}
	.mobile-main-nav li > a .menu-text {
		color: #fff;
	}
	.first-switch-logo-center.first-switch-menu-left .mobile-header-bar .mobile-branding {
		order: 0;
		position: absolute;
	}
	.first-switch-logo-center.first-switch-menu-left .mobile-header-bar .mobile-mini-widgets {
		order: 1;
	}
	.first-switch-logo-center.first-switch-menu-left .mobile-navigation {
		order: 2;
		flex: none;
		padding: 0 15px;
	}
}
@media screen and (min-width: 900px) and (max-width: 1339px) {
	#accreditations {
		margin-top: -50px;
	}
}
@media screen and (min-width: 900px) and (max-width: 1244px) {
	#accreditations {
		margin-top: -100px;
	}
}
@media screen and (max-width: 1428px) {
	#accreditations .wp-block-column:first-child {
		flex-basis: 100% !important;
	}
	#accreditations .wp-block-column:last-child {
		flex-basis: 0% !important;
	}
}
@media screen and (max-width: 899px) {
	.company-info > .wp-block-group__inner-container > .wp-block-group:nth-child(2)::before {
		background: none;
	}
}

/* LANGUAGES */
html[lang="fr-FR"] .show-english {
	display: none;
}
html[lang="en-US"] .show-francais {
	display: none;
}

/* Utils */
.mt-0 {
	margin-top: 0px !important;
}
.mt-5 {
	margin-top: 5px !important;
}
.mt-10 {
	margin-top: 10px !important;
}
.mt-15 {
	margin-top: 15px !important;
}
.mt-20 {
	margin-top: 20px !important;
}
.mt-25 {
	margin-top: 25px !important;
}
.mt-30 {
	margin-top: 30px !important;
}
.mt-40 {
	margin-top: 40px !important;
}
.mb-0 {
	margin-bottom: 0px !important;
}
.mb-5 {
	margin-bottom: 5px !important;
}
.mb-10 {
	margin-bottom: 10px !important;
}
.mb-15 {
	margin-bottom: 15px !important;
}
.mb-20 {
	margin-bottom: 20px !important;
}
.mb-25 {
	margin-bottom: 25px !important;
}
.mb-30 {
	margin-bottom: 30px !important;
}
.mb-40 {
	margin-bottom: 40px !important;
}

.d-none {
	display: none;
}

/*  CUSTOM STYLE  */
.hustle-ui.hustle-popup {
	width: 94% !important;
}
.hustle-info > .hustle-button-close {
	color: white !important;
}
.hustle-info > .hustle-layout > .hustle-layout-content > .hustle-content > .hustle-content-wrap > .hustle-group-content h2 {
	font-family: Barlow, Helvetica, Arial, Verdana, sans-serif;
	font-size: 1.8em;
	font-weight: 500;
	color: white;
}
.hustle-info > .hustle-layout > .hustle-layout-content > .hustle-content > .hustle-content-wrap > .hustle-group-content .wpcf7-submit {
	color: white !important;
}
.popup-carrer-form, .popup-carriere-formulaire {
	cursor: pointer;
	margin-top: 8px;
}
span.popup-carrer-form, span.popup-carriere-formulaire {
	display: block;
	margin-top: 8px;
	margin-bottom: 8px;
}
.uppercase {
	text-transform: uppercase !important;
}
.page-id-865 .accordion-content a {
	color: #da3a32 !important;
}
@media screen and (max-width: 479px) {
.footer-nav-links {
	display: grid;
	grid-template-columns: 55% 45%;
}
.footer-nav-links .wf-1-2 {
	width: 100%;
	height: initial !important;
}
.footer-nav-links .wf-1-2 ul {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 0;
	padding-right: 0;
}
.footer-nav-links .wf-1-2:last-child ul {
	padding-left: 8px !important;
}
}

@media screen and (max-width: 781px) {
	.home #mot-president .wp-block-group__inner-container .wp-block-columns {
		flex-wrap: wrap-reverse !important;
	}
	.home #mot-president .wp-block-group__inner-container .wp-block-columns .wp-block-column {
		margin-top: 32px !important;
	}
}

.custom-contact-block  {
	display: flex;
	flex-direction: column;
}
.custom-contact-block .wp-block-button  {
	margin-top: auto !important;
}

.bottom-text-block{
	font-size: 10px;
}

.grecaptcha-badge {
opacity: 0;
}