@font-face{
    font-family: "NewsonGLSDTP-Black";
    src: url("../fonts/NewsonGLSDTP-Black.ttf") format('truetype');
}

@font-face{
    font-family: "NewsonGLSDTP-BlackItalic";
    src: url("../fonts/NewsonGLSDTP-BlackItalic.ttf") format('truetype');
}

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

@font-face{
    font-family: "NewsonGLSDTP-BoldItalic";
    src: url("../fonts/NewsonGLSDTP-BoldItalic.ttf") format('truetype');
}

@font-face{
    font-family: "NewsonGLSDTP-Extralight";
    src: url("../fonts/NewsonGLSDTP-Extralight.ttf") format('truetype');
}

@font-face{
    font-family: "NewsonGLSDTP-ExtralightItalic";
    src: url("../fonts/NewsonGLSDTP-ExtralightItalic.ttf") format('truetype');
}

@font-face{
    font-family: "NewsonGLSDTP-Italic";
    src: url("../fonts/NewsonGLSDTP-Italic.ttf") format('truetype');
}

@font-face{
    font-family: "NewsonGLSDTP-Light";
    src: url("../fonts/NewsonGLSDTP-Light.ttf") format('truetype');
}

@font-face{
    font-family: "NewsonGLSDTP-LightItalic";
    src: url("../fonts/NewsonGLSDTP-LightItalic.ttf") format('truetype');
}

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

@font-face{
    font-family: "NewsonGLSDTP-MediumItalic";
    src: url("../fonts/NewsonGLSDTP-MediumItalic.ttf") format('truetype');
}

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

@font-face{
    font-family: "NewsonGLSDTP-Semibold";
    src: url("../fonts/NewsonGLSDTP-Semibold.ttf") format('truetype');
}

@font-face{
    font-family: "NewsonGLSDTP-SemiboldItalic";
    src: url("../fonts/NewsonGLSDTP-SemiboldItalic.ttf") format('truetype');
}

:root {
	--white-color: #FFFFFF;
	--black-color: #000000;
	--primary-color: #061AB1;
	--secondary-color: #FFD100;
	--soft-sky-blue: #C8E7F2;
	--soft-green: #C0E2AD;
	--soft-pink: #F3C8D4;
	
	--primary-color-60: #767A98;
	--primary-color-50: #8B90A9;
	--primary-color-40: #A2A6BB;
	--primary-color-30: #B9BCCB;
	--primary-color-20: #D1D3DD;
	--primary-color-10: #E7E8EE;
}


/* GENERAL STYLES */
body {
  font-family: 'NewsonGLSDTP-Regular', sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: var(--black-color);
	font-feature-settings: 'lnum' 1;
	background-color: var(--white-color);
}

p {
  font-family: 'NewsonGLSDTP-Light', sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: var(--black-color);
	text-align: center;
	margin: 0 0 20px;
}

a {
	color: var(--black-color);
	transition: 0.3s;
}

a:hover {
	color: var(--black-color);
	text-decoration: none;
}

p a, p a:hover {
	color: var(--black-color);
	transition: 0.3s;
	text-decoration: none;
}

p b, b, strong {
	font-family: 'NewsonGLSDTP-Bold', sans-serif;
	font-style: normal;
}

p i {
	font-family: 'NewsonGLSDTP-Italic', sans-serif;
	color: var(--black-color);
	font-style: normal;
}

h1 {
    font-family: 'NewsonGLSDTP-Bold', sans-serif;
	font-style: normal;
	font-size: 32px;
	line-height: 38px;
	color: var(--primary-color);
	text-align: center;
}

@media(min-width:768px){
	h1 {
		font-size: 55px;
		line-height: 60px;
	}
}

h2 {
    font-family: 'NewsonGLSDTP-Bold', sans-serif;
	font-style: normal;
	font-size: 19px;
	line-height: 21px;
	color: var(--black-color);
	text-align: center;
	margin: 0 0 20px;
}

@media(min-width:768px){
	h2 {
		font-size: 22px;
		line-height: 24px;
	}
}

h3 {
	font-family: 'NewsonGLSDTP-Light', sans-serif;
	font-style: normal;
	font-size: 32px;
	line-height: 38px;
	text-align: center;
}

ul {
	margin-left: -20px;
}

ul li {
    font-family: 'NewsonGLSDTP-Light', sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: var(--black-color);
	margin: 0 0 20px;
	list-style: none;
}

ul li:before {
	content: "•";
	color: var(--black-color);
	margin-left: -16px;
	padding-right: 10px;
	vertical-align: 2px;
}

ul li a {
    text-decoration: underline;
}

ul li a:hover {
	color: var(--primary-color);
	text-decoration: underline;
}

.button {
	border: 0;
	border-radius: 100px; 
	padding: 10px 35px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-family: 'NewsonGLSDTP-Light', sans-serif;
	font-size: 16px;
	cursor: pointer;
	transition: background-color 0.25s ease-out,color 0.25s ease-out;
  }
  
  @media(min-width:768px){
	  .button {
		  padding: 15px 45px;
		  min-width: 160px;
	  }
  }
  
.btn-primary {
	background-color: var(--primary-color);
	color: var(--white-color);
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
	background-color: #00108C;
	color: var(--white-color);
} 

.btn-secondary, .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
	background-color: var(--secondary-color);
	color: var(--black-color);
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
	background-color: #D6AF00;
	color: var(--black-color);
}

.nopadding {
	padding: 0 !important;
	margin: 0 !important;
}

.nopaddingLR{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.desc { 
	font-family: 'NewsonGLSDTP-Light', sans-serif;
	font-size: 22px;
	line-height: 30px;
	color: var(--black-color);
	text-align: center;
	margin: 0 0 20px;
}

@media(min-width:768px){
	.desc {
		font-size: 30px;
		line-height: 38px;
	}
}

img {
	margin: 0 auto;
	display: block;
}

.icone img {
	filter: brightness(0) saturate(100%) invert(7%) sepia(83%) saturate(7475%) hue-rotate(239deg) brightness(100%) contrast(103%);
}

.container-fluid {
    padding-top: 95px; /* For position fixed navbar */
}


/* MARGINS */
.margin-bottom-15 {
	margin-bottom: 15px;
}

.margin-bottom-25 {
	margin-bottom: 25px;
}

.margin-bottom-60 {
	margin-bottom: 60px;
}

.margin-bottom-120 {
	margin-bottom: 50px;
}

.margin-bottom-130 {
	margin-bottom: 90px;
}

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

    .margin-bottom-120 {
        margin-bottom: 120px;
	 }
	 
	.margin-bottom-130 {
		margin-bottom: 130px;
    }
	
	
	
}


/* NAV BAR */
.menu-shadow {
  background-color: var(--primary-color);
	box-shadow: 0px 5px 15px 0px rgba(90,90,90,0.3);
	z-index:800;
	overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0px;
}

.navbar-brand {
    float: left;
    height: auto;
    padding: 30px 0;
}

.navbar {
	margin-bottom:0px;
}

.navbar-default {
    background-color:var(--primary-color);
	border: 0;
}

.navbar-right {
	margin-top:10px;
}

.navbar ul li {
	font-family: 'NewsonGLSDTP-Bold', sans-serif;
	font-size: 16px;
	color: var(--white-color);
	list-style: none;
	margin-bottom: 0;
	padding-bottom: 20px;
	padding-top: 0;
}

.navbar ul li:last-child a img {
	display: inline-block;
}

a.links { 
	padding: 0px!important;
	margin-top: 0px;
	margin-bottom: 0px;
}

@media screen and (min-width: 1150px) {	
	.navbar ul li {
		font-size: 13px;
		padding-bottom: 9px;
		margin-top: -10px;
		padding-top: 19px;
	}	
}

.navbar-default .navbar-nav > li > a, 
.navbar-default .navbar-nav > li > a:hover {
    color: var(--white-color);
}

.navbar ul li a {
	text-decoration: none;
}

.navbar ul li a:hover, .navbar ul li a:focus, .navbar ul li a:active,
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus {
	color: var(--white-color);
	text-decoration: underline;
}

.navbar ul .langue:hover {
	color: var(--white-color);
	text-decoration: underline;
}

.navbar ul li:before {
	content: "";
}

.nav > li > a {
    padding-left: 11px;
	padding-right: 11px;
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > li > a:hover {
    background-color: transparent;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: var(--white-color);
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: var(--white-color);
}

.navbar-default .navbar-toggle .icon-bar:hover {
    background-color: var(--white-color);
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 0px;
    margin-top: 36px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: transparent;
    background-image: none;
    border: 0px solid transparent;
    border-radius: 0px;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 24px;
    height: 3px;
	margin-bottom:5px;
    border-radius: 0px;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
}

.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

.navbar-collapse {
    padding-right: 20px;
    padding-left: 20px;
	padding-top:0px;
	padding-bottom:20px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 0px solid transparent;
    box-shadow: none;
}

@media (max-width: 1150px) {

	.navbar-header {
		float: none;
	}

	.navbar-left, .navbar-right {
		float: none !important;
	}

	.navbar-toggle {
		display: block;
	}

	.navbar-collapse {
		border-top: 0px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}

	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}

	.navbar-collapse.collapse {
		display: none!important;
	}

	.navbar-nav {
		float: none!important;
		margin-top: 7.5px;
	}

	.navbar-nav > li {
		float: none;
	}

	.navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.collapse.in {
		display: block!important;
	}
}


/* ACCUEIL */
.bg-video-accueil {
	min-height: 100%;
	min-width: 100%;
	position: fixed;
	top: 50%;
	left: 50%;
	height: 100%;
	width: 100% !important;
	transform: translate(-50%, -50%);
}

.accueil-consultez-nos-offres {
	background-color: var(--soft-sky-blue);
	padding: 60px; 
	text-align: center;
	background-position: center;
}

.accueil-consultez-nos-offres a {
	font-family: 'NewsonGLSDTP-Light', sans-serif;
	color: var(--black-color);
	font-size: 22px;
	line-height: 30px;
}

.accueil-consultez-nos-offres a:hover {
	text-decoration: none;
}

.accueil-rejoignez-notre-reseau {
	background-color: var(--soft-green);
	padding: 60px; 
	text-align: center;
}

.accueil-rejoignez-notre-reseau a {
	font-family: 'NewsonGLSDTP-Light', sans-serif;
	color: var(--black-color);
	font-size: 22px;
	line-height: 30px;
}

.accueil-rejoignez-notre-reseau a:hover {
	text-decoration: none;
}

.accueil-consultez-nos-offres, 
.accueil-rejoignez-notre-reseau {
  height: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.accueil-consultez-nos-offres .button,
.accueil-rejoignez-notre-reseau .button {
	margin-bottom: 10px;
}

	  
/* FOOTER */ 
.catfish-rejoignez-notre-reseau {
	background-color: var(--soft-green);
	padding: 34px;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
}

.catfish-rejoignez-notre-reseau a {
	font-family: 'NewsonGLSDTP-light', sans-serif;
	font-size: 20px;
	color: var(--black-color);
	text-decoration: none;
	text-align: center;
}

.catfish-consultez-nos-offres {
	background-color: var(--soft-sky-blue);
	padding: 34px;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
}

.catfish-consultez-nos-offres a {
	font-family: 'NewsonGLSDTP-light', sans-serif;
	font-size: 20px;
	color: var(--black-color);
	text-decoration: none;
}

.white-footer {
	background-color: var(--white-color);
	padding: 30px;
}

.white-footer .flex-container {
	display: flex;
	justify-content: center;
	margin-bottom: 8px;
}

.white-footer a img {
	margin: 0 4px;
	filter: brightness(0) saturate(100%) invert(7%) sepia(83%) saturate(7475%) hue-rotate(239deg) brightness(100%) contrast(103%);
}

.white-footer .links a {
	font-size: 12px;
	line-height: 30px;
	color: var(--black-color);
	text-decoration: none;
	text-align: center;
	margin-left: 7px;
	margin-right: 7px;
}

.white-footer .links a:hover {
	color: var(--primary-color);
	text-decoration: none;
}

.white-footer .copyright {
	font-size: 9px;
	line-height: 12px;
	color: var(--black-color);
	text-align: center;
}


/* L'ESPRIT GLS */
.gls-spirit a.text-link{
  color: #00b2e3;
  text-decoration: underline;
  transition: 0.2s;
}

.gls-spirit a.text-link:hover{
  color: #061ab1;
  text-decoration: none;
}

@media screen and (min-width: 992px) {
	.gls-spirit .col-sm-4 {
		padding-left: 60px;
		padding-right: 60px;
	}
}


/* CERCLE D'EXCELLENCE */
.excellence-recipients {
	background-color: var(--soft-sky-blue);
	padding: 30px;
	border-radius: 15px;
}

.excellence-recipients h2 {
	margin-bottom: 30px;
}

.excellence-recipients p a {
	text-decoration: underline;
	color: var(--primary-color);
}


/* NOUS SOMMES GLS: PAGES SECONDAIRES */
.last-name {
	font-family: 'NewsonGLSDTP-Extralight', sans-serif;
	font-size: 32px; 
	line-height: 1.2;
	color: var(--black-color);
	text-align: center;
}

.job-title {
	font-family: 'NewsonGLSDTP-Bold', sans-serif;
	font-size: 19px;
	line-height: 1.2;
	color: var(--primary-color-70);
	text-align: center;
	margin-bottom: 20px;
}

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

    .last-name {
		font-size: 55px;
	}
		
	.job-title { 
		font-size: 24px;
		margin-bottom: 30px;
	}
}

.employee-photo {
	border: 1px var(--primary-color-50) solid; 
	margin-top: 69px; 
	margin-bottom: 30px;
	max-width: 100%;
	border-radius: 10px;
}

.bg-nous-sommes-gls-2 {
	background: linear-gradient(to top, var(--white-color) 0%, var(--white-color) 55%, var(--soft-sky-blue) 55%, var(--soft-sky-blue) 100%);
	margin-top: 60px;
}

.bg-nous-sommes-gls-3 {
	background: linear-gradient(to top, var(--white-color) 0%, var(--white-color) 55%, var(--soft-green) 55%, var(--soft-green) 100%);
	margin-top: 60px;
}

.bg-nous-sommes-gls-4 {
	background: linear-gradient(to top, var(--white-color) 0%, var(--white-color) 55%, var(--soft-pink) 55%, var(--soft-pink) 100%);
	margin-top: 60px;
}

@media screen and (min-width: 1200px) {
	
	.employee-photo {
		margin-top: 70px; 
		margin-bottom: 30px;	
	}	
}


/* ENTREVUES DES RÉCIPIENDAIRES */
.bg-entrevue {
	padding-bottom: 20px;
	margin-bottom: 30px;
}

.bg-entrevue.pink {
	background-color: var(--soft-pink);
}

.bg-entrevue.sky-blue {
	background-color: var(--soft-sky-blue);
}

.bg-entrevue.green {
	background-color: var(--soft-green);
}

.bg-entrevue b i {
	font-size: 18px;
	line-height: 22px;
}


/* NOUS SOMMES GLS: MAIN PAGE */
.row.row-eq-height {
	display: flex;
	flex-wrap: wrap;
}

.row.row-eq-height > [class*='col-'] {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.home-career {
	font-family: 'NewsonGLSDTP-Bold', sans-serif;
	font-size: 20px;
	line-height: 24px;
	height: auto;	
	text-align: center;
}

.home-career a {
	color: var(--black-color);
	text-decoration: none;
}

.home-career div {
	font-family: 'NewsonGLSDTP-Light', sans-serif;
	font-size: 28px;
	line-height: 34px;
	text-align: center;
}

@media screen and (min-width: 768px) {
	.home-career div {
		font-size: 46px;
		line-height: 55px;
	}
}

.innovator, .excellence {
	background-color: var(--soft-pink);
}

.emp1oyee, .women {
	background-color: var(--soft-green);
}

.drivers {
	background-color: var(--soft-sky-blue);
}

.innovator:hover, .excellence:hover, .emp1oyee:hover, .women:hover, .drivers:hover {
	background-color: var(--secondary-color);
	transition: background-color 0.25s ease-out,color 0.25s ease-out;
}


/* WE ARE GLS WOMEN */
.bg-gls-women .col-sm-6 {
	padding-top: 30px;
}

.bg-gls-women .col-sm-6:after {
	content: "";
    display: block;
    width: 40%;
}


@media screen and (min-width: 768px) {
	
	.bg-gls-women .col-sm-6 {
		min-height: 200px;
		padding-top: 40px;
	}
	
	.bg-gls-women .col-xs-12 {
		min-height: 280px;
	}
	
	.bg-gls-women .col-sm-6:after {
		position: absolute;
		bottom: 0;
	}
	
	.bg-gls-women {
		padding: 60px 45px;
	}
}


/* WE ARE GLS WOMEN: Carousel */
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	background-color: var(--primary-color);
	border-radius: 50%;
	transition: background-color 0.25s ease-out,color 0.25s ease-out;
}

.glyphicon:hover {
	background-color: #00108C;
}

.carousel-showmanymoveone .carousel-control .glyphicon-chevron-left, 
.carousel-showmanymoveone .carousel-control .glyphicon-chevron-right, 
.carousel-showmanymoveone .carousel-control .icon-next, 
.carousel-showmanymoveone .carousel-control .icon-prev {
    font-size: 22px;
	line-height: 34px;
	width: 36px;
	height: 36px;
}

.carousel-showmanymoveone .carousel-control {
	opacity: 1;
}

.carousel-showmanymoveone .carousel-control .glyphicon-chevron-right {
	margin-left: -20px;
}

@media screen and (min-width: 768px) {
	
	.carousel-showmanymoveone .carousel-control .glyphicon-chevron-right {
		margin-left: inherit;
	}
}

.carousel-showmanymoveone .carousel-control {
   width: 4%;
   background-image: none;
}

.carousel-showmanymoveone .carousel-control.left {
   margin-left: 0;
}

.carousel-showmanymoveone .carousel-control.right {
   margin-right: 0;
}

.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3 {
   display: none;
}

.carousel .item .col-xs-12 {
	padding-left: 20px;
	padding-right: 20px;
}


/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
   .carousel .item .col-xs-12:nth-last-child(-n+2) {
      display: none;
   }
	
	.carousel-indicators li {
    display: inline-block;
    width:5px;
    height: 5px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 5px;
}
}

@media all and (min-width: 768px) {
   .carousel-showmanymoveone .carousel-inner > .active.left,
   .carousel-showmanymoveone .carousel-inner > .prev {
      left: -50%;
   }
   .carousel-showmanymoveone .carousel-inner > .active.right,
   .carousel-showmanymoveone .carousel-inner > .next {
      left: 50%;
   }
   .carousel-showmanymoveone .carousel-inner > .left,
   .carousel-showmanymoveone .carousel-inner > .prev.right,
   .carousel-showmanymoveone .carousel-inner > .active {
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
      display: block;
   }
	.carousel .item .col-xs-12 {
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media all and (min-width: 768px) and (transform-3d),
all and (min-width: 768px) and (-webkit-transform-3d) {
   .carousel-showmanymoveone .carousel-inner > .item.active.right,
   .carousel-showmanymoveone .carousel-inner > .item.next {
      -webkit-transform: translate3d(50%, 0, 0);
      transform: translate3d(50%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.active.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev {
      -webkit-transform: translate3d(-50%, 0, 0);
      transform: translate3d(-50%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev.right,
   .carousel-showmanymoveone .carousel-inner > .item.active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 0;
   }
}

@media all and (min-width: 992px) {
   .carousel-showmanymoveone .carousel-inner > .active.left,
   .carousel-showmanymoveone .carousel-inner > .prev {
      left: -25%;
   }
   .carousel-showmanymoveone .carousel-inner > .active.right,
   .carousel-showmanymoveone .carousel-inner > .next {
      left: 25%;
   }
   .carousel-showmanymoveone .carousel-inner > .left,
   .carousel-showmanymoveone .carousel-inner > .prev.right,
   .carousel-showmanymoveone .carousel-inner > .active {
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner .cloneditem-2,
   .carousel-showmanymoveone .carousel-inner .cloneditem-3 {
      display: block;
   }
	
 	.carousel .item .col-xs-12 {
   		padding-left: 60px;
		padding-right: 60px;
	}
}

@media all and (min-width: 992px) and (transform-3d),
all and (min-width: 992px) and (-webkit-transform-3d) {
   .carousel-showmanymoveone .carousel-inner > .item.active.right,
   .carousel-showmanymoveone .carousel-inner > .item.next {
      -webkit-transform: translate3d(25%, 0, 0);
      transform: translate3d(25%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.active.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev {
      -webkit-transform: translate3d(-25%, 0, 0);
      transform: translate3d(-25%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev.right,
   .carousel-showmanymoveone .carousel-inner > .item.active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 0;
   }
}


/* GLS EN CHIFFRES */
.bg-emplacement-succursales {
	background-image: url(../images/Photo-van-wood.jpg);
	background-repeat: no-repeat; 
	background-position: top left;
	padding-top: 110px; 
	padding-bottom: 110px;
	text-align: center;
	background-size: cover;
}
	  
@media screen and (min-width: 1200px) {

    .bg-emplacement-succursales {
		padding-top: 200px; 
		padding-bottom: 200px;
		background-position: top center;
	}
}

.bg-gls-en-chiffres {
	padding-top: 20px; 
	padding-bottom: 20px;
}

@media screen and (min-width: 768px) {
	.bg-gls-en-chiffres {
		padding-top: 60px; 
		padding-bottom: 60px; 
		padding-left: 45px; 
		padding-right: 45px;
	}
}
	
.tonnes-de-marchandises {
	font-family: 'NewsonGLSDTP-Light', sans-serif;
	background-color: var(--soft-sky-blue); 
	padding: 40px;
	color: var(--black-color);
	font-size: 20px;
	line-height: 24px;
	text-align: center;
}

.tonnes-de-marchandises a {
	color: var(--black-color);
	text-decoration: none;
}

.tonnes-de-marchandises:hover {
	background-color:var(--secondary-color);
	text-decoration: none;
}

.tonnes-de-marchandises:hover > a {
	color: var(--black-color);
}

.tonnes-de-marchandises div {
	font-family: 'NewsonGLSDTP-Light', sans-serif;
	font-size: 55px;
	text-align: center;
	line-height: 65px;
}

.tonnes-de-marchandises img {
	filter: invert(14%) sepia(80%) saturate(3710%) hue-rotate(234deg) brightness(82%) contrast(123%);
}

.tonnes-de-marchandises:hover img {
	filter: invert(14%) sepia(80%) saturate(3710%) hue-rotate(234deg) brightness(82%) contrast(123%);
}

@media screen and (min-width: 992px) {
	
	.tonnes-de-marchandises {
		font-family: 'NewsonGLSDTP-Light', sans-serif;
		font-size: 30px;
		line-height: 32px;
		text-align: center;
		padding: 200px 0;
	}

	.tonnes-de-marchandises div {
		font-family: 'NewsonGLSDTP-Light', sans-serif;
		font-size: 55px;
		text-align: center;
		line-height: 65px;
	}
}

.nb-employes {
	font-family: 'NewsonGLSDTP-Light', sans-serif;
	background-color: var(--soft-green);
	padding: 40px;
	color: var(--black-color);
	font-size: 20px;
	line-height: 24px;
	text-align: center;
}

.nb-employes div {
	font-family: 'NewsonGLSDTP-Light', sans-serif;
	font-size: 50px;
	text-align: center;
	line-height: 60px;
}

.nb-employes a {
	color: var(--black-color);
	text-decoration: none;
}

.nb-employes:hover {
	background-color: var(--secondary-color);
	text-decoration: none;
}

.nb-employes:hover > a {
	color: var(--black-color);
}

.nb-employes img {
	filter: invert(14%) sepia(80%) saturate(3710%) hue-rotate(234deg) brightness(82%) contrast(123%);
}

.nb-employes:hover img {
	filter: invert(14%) sepia(80%) saturate(3710%) hue-rotate(234deg) brightness(82%) contrast(123%);
}

@media screen and (min-width: 992px) {
	
	.nb-employes div {
		font-size: 60px;
		line-height: 65px;
	}
}

.ans-expertise {
	font-family: 'NewsonGLSDTP-Light', sans-serif;
	font-size: 20px;
	line-height: 24px;
	color: var(--black-color);
	text-align: center;
	background-color: var(--soft-sky-blue);
	padding: 40px;
}

.ans-expertise div {
	font-family: 'NewsonGLSDTP-Light', sans-serif;
	font-size: 60px;
	text-align: center;
	line-height: 65px;
}

.ans-expertise a {
	color: var(--black-color);
	text-decoration:none;
}

.ans-expertise:hover {
	background-color:var(--secondary-color);
	text-decoration:none;
}

.ans-expertise:hover > a {
	color: var(--black-color);
}

.ans-expertise img {
	filter: invert(14%) sepia(80%) saturate(3710%) hue-rotate(234deg) brightness(82%) contrast(123%);
}

.ans-expertise:hover img {
	filter: invert(14%) sepia(80%) saturate(3710%) hue-rotate(234deg) brightness(82%) contrast(123%);
}

@media screen and (min-width: 992px) {
	
	.ans-expertise div {
		font-size: 60px;
		line-height: 65px;
	}
}

.colis-chaque-annee {
	font-family: 'NewsonGLSDTP-Light', sans-serif;
	background-color: var(--soft-pink);
	padding: 47px 40px 48px 40px;
	font-size: 20px;
	line-height: 24px;
	text-align: center;
}

.colis-chaque-annee div {
	font-family: 'NewsonGLSDTP-Light', sans-serif;
	font-size: 55px;
	text-align: center;
	line-height: 70px;
}

.colis-chaque-annee a {
	color: var(--black-color);
	text-decoration: none;
}

.colis-chaque-annee:hover {
	background-color: var(--secondary-color);
	text-decoration: none;
}

.colis-chaque-annee:hover > a {
	color: var(--black-color);
}

.colis-chaque-annee img {
	filter: invert(14%) sepia(80%) saturate(3710%) hue-rotate(234deg) brightness(82%) contrast(123%);}

.colis-chaque-annee:hover img {
	filter: invert(14%) sepia(80%) saturate(3710%) hue-rotate(234deg) brightness(82%) contrast(123%);
}

@media screen and (min-width: 992px) {
	
	.colis-chaque-annee div {
		font-size: 55px;
		line-height: 65px;
	}
}

.succursales {
	font-family: 'NewsonGLSDTP-Light', sans-serif;
	background-color: var(--soft-pink);
	padding: 40px;
	color: var(--black-color);
	font-size: 20px;
	line-height: 24px;
	text-align: center;
}

.succursales div {
	font-family: 'NewsonGLSDTP-Light', sans-serif;
	font-size: 55px;
	text-align: center;
	line-height: 65px;
}

.succursales a {
	color: var(--black-color);
	text-decoration: none;
}

.succursales:hover {
	background-color: var(--secondary-color);
	text-decoration: none;
}

.succursales:hover > a {
	color: var(--black-color);
}

/*.succursales img {
	filter: invert(14%) sepia(80%) saturate(3710%) hue-rotate(234deg) brightness(82%) contrast(123%);
}

.succursales:hover img {
	filter: invert(14%) sepia(80%) saturate(3710%) hue-rotate(234deg) brightness(82%) contrast(123%);
}*/

@media screen and (min-width: 992px) {
	
	.succursales {
		font-size: 18px;
		line-height: 21px;
		min-height: 400px;
	}

	.succursales div {
		font-size: 55px;
		line-height: 65px;
	}
}

.livraisons-effectuees {
	font-family: 'NewsonGLSDTP-Light', sans-serif;
	background-color: var(--soft-green);
	padding: 40px;
	color: var(--black-color);
	font-size: 20px;
	line-height: 24px;
	text-align: center;
}

.livraisons-effectuees div {
	font-family: 'NewsonGLSDTP-Light', sans-serif;
	font-size: 55px;
	text-align: center;
	line-height: 65px;
}

.livraisons-effectuees a {
	color: var(--black-color);
	text-decoration: none;
}

.livraisons-effectuees:hover {
	background-color: var(--secondary-color);
	text-decoration: none;
}

.livraisons-effectuees:hover > a {
	color: var(--black-color);
}

/*.livraisons-effectuees img {
	filter: invert(14%) sepia(80%) saturate(3710%) hue-rotate(234deg) brightness(82%) contrast(123%);
}

.livraisons-effectuees:hover img {
	filter: invert(14%) sepia(80%) saturate(3710%) hue-rotate(234deg) brightness(82%) contrast(123%);
}
*/

@media screen and (min-width: 992px) {
	
	.livraisons-effectuees {
		display: flex;
		align-items: center;
		justify-content: space-around;
		min-height: 400px;
	}

	.livraisons-effectuees div {
		font-family: 'NewsonGLSDTP-Light', sans-serif;
		font-size: 55px;
		line-height: 65px;
	}
}

.nb-chauffeurs {
	font-family: 'NewsonGLSDTP-Light', sans-serif;
	background-color: var(--soft-sky-blue);
	padding: 40px;
	color: var(--black-color);
	font-size: 20px;
	line-height: 24px;
	text-align: center;
}

.nb-chauffeurs a {
	color: var(--black-color);
	text-decoration: none;
}

.nb-chauffeurs:hover {
	background-color: var(--secondary-color);
	text-decoration: none;
}

.nb-chauffeurs:hover > a {
	color: var(--black-color);
}

.nb-chauffeurs div {
	font-family: 'NewsonGLSDTP-Light', sans-serif;
	font-size: 55px;
	line-height: 65px;
}

.nb-chauffeurs img {
	filter: invert(14%) sepia(80%) saturate(3710%) hue-rotate(234deg) brightness(82%) contrast(123%);
}

.nb-chauffeurs:hover img {
	filter: invert(14%) sepia(80%) saturate(3710%) hue-rotate(234deg) brightness(82%) contrast(123%);
}


@media screen and (min-width: 992px) {
	
	.nb-chauffeurs {
		min-height: 400px;
	}

	.nb-chauffeurs div {
		font-size: 55px;
	}
}


/* Carousel Vidéos */
.embed-responsive-1by1 {
  padding-bottom: 100%;
}

#videoCarousel.carousel {
	width: 100%;
}
  
.video-caroussel-pt {
	padding-top: 200px;
	background-color: var(--primary-color);
}
  
@media screen and (min-width: 768px){
	.video-caroussel-pt {
		padding-top: 120px;
		padding-left: 200px; 
		padding-right: 200px;
		padding-bottom: 50px;
	}
}

.video-caroussel-padding-general {
	background-color: var(--white-color);
}
  
@media screen and (min-width: 768px){
	.video-caroussel-padding-general {
		padding-top: 50px;
		padding-left: 200px; 
		padding-right: 200px;
		padding-bottom: 50px;
	}
}
  
#videoCarousel.carousel .carousel-inner {
	max-width: 1400px;
	margin: auto;
}

#videoCarousel.carousel video {
	width: 100%;
	max-width: 1400px;
}

#videoCarousel.carousel .carousel-control {
	background: transparent;
	height: 30px;
	top: calc(50% - 30px);
	width: calc(7% + 30px);
}

#videoCarousel.carousel .carousel-control .icon-next,
#videoCarousel.carousel .carousel-control .icon-prev {
	font-size: 50px;
	line-height: 28px;
	color: var(--white-color);
	background-color: rgba(6, 26, 177, 0.7);
	border-radius: 3px;
	width: 30px;
	height: 30px;
}

#videoCarousel.carousel .carousel-control .icon-next::before {
	margin-left: 4px;
}

#videoCarousel.carousel .carousel-control .icon-prev::before {
	margin-left: -4px;
}

#videoCarousel.carousel .carousel-control .icon-next {
	margin-left: -20px;
}

@media screen and (min-width: 768px){
	#videoCarousel.carousel .carousel-control .icon-next,
	#videoCarousel.carousel .carousel-control .icon-prev {
		font-size: 80px;
		line-height: 45px;
		height: 50px;
		width: 50px;
	}
	
	#videoCarousel.carousel .carousel-control .icon-next {
		margin-left: -30px;
	}
}
  /* END Carousel vidéos */



  /* LANDING PAGES CAMPAGNE DE RECRUTEMENT */
.vie-de-reve-camionneur, .gls-recrute-camionneur, .bien-au-travail > div {
	padding: 30px 40px;
}
  
.recherche-bg-blanc .gls-recrute-camionneur {
	padding-top: 0px !important;
}

.vie-de-reve-camionneur {
	background-color: var(--primary-color);
}

.bien-au-travail > div:nth-child(1), .bien-au-travail > div:nth-child(2) {
	padding: 0px !important;
}

.bien-au-travail, .bien-au-travail > div:nth-child(2) {
	background-color: var(--primary-color);
}

.recherche-bg-blanc {
	background-color: var(--white-color) !important;
}

.vie-de-reve-camionneur h1, .bien-au-travail h1 {
	font-family: 'NewsonGLSDTP-Light';
	font-size: 64px;
	line-height: 66px;
	text-align: left;
	color: var(--white-color);
	margin-bottom: 30px;
}

.bien-au-travail h1 {
	color: var(--primary-color) !important;
}

.bien-au-travail p {
	color: #767a98 !important;
}

.vie-de-reve-camionneur h1 div, 
.gls-recrute-camionneur h2,
.bien-au-travail h1 div {
	font-size: 34px;
	line-height: 36px;
	margin-bottom: 5px;
}

.gls-recrute-camionneur h3 {
	font-size: 26px;
	line-height: 28px;
	margin-bottom: 5px;
}

.bien-au-travail h1 span.yellow-underline {
	border-bottom: 5px var(--secondary-color) solid;
}

.vie-de-reve-camionneur h1 div span, .bien-au-travail h1 div span {
	border-bottom: 4px var(--secondary-color) solid;
}

.bien-au-travail p span.yellow-underline {
	border-bottom: 2px var(--secondary-color) solid;
}

.vie-de-reve-camionneur p {
	width: 80%;
	color: var(--white-color);
	text-align: left;
}

.bien-au-travail p {
	color: var(--white-color);
	text-align: left;
}

.bien-au-travail .temoignage1 {
	float: right;
}

.gls-recrute-camionneur h2, .gls-recrute-camionneur a p {
	text-align: left;
}

.gls-recrute-camionneur a {
	display: inline-block;
}

.gls-recrute-camionneur h2 {
	font-family: 'NewsonGLSDTP-Light';
	width: 80%;
	margin-bottom: 20px;
}

.gls-recrute-camionneur h3 {
	font-family: 'NewsonGLSDTP-Light';
	margin-bottom: 20px;
}

.gls-recrute .gls-recrute-camionneur {
	width: 77%;
	margin-left: auto;
	margin-right: auto;
}

.gls-recrute .gls-recrute-camionneur h2 {
	width: 100%;
}

.btn-landing-recrute {
	padding: 5px 15px;
}

.btn-landing-recrute:hover, .btn-landing-recrute:hover .yellow {
	transition: 0.5s;
}

.btn-landing-recrute:hover{
	background-color: var(--secondary-color);
}

.yellow {
    filter: invert(78%) sepia(19%) saturate(6343%) hue-rotate(2deg) brightness(105%) contrast(104%);
}

.btn-landing-recrute:hover .yellow {
	filter: none;
}

.gls-recrute-camionneur a p {
	font-family: 'NewsonGLSDTP-Semibold';
	font-size: 20px;
	line-height: 24px;
	color: var(--primary-color);
	margin-left: 20px;
	margin-bottom: 0px;
}

.gls-recrute .img-manutentionnaire a p {
	font-family: 'NewsonGLSDTP-Semibold';
	font-size: 26px;
	line-height: 30px;
	margin-left: 20px;
	margin-bottom: 0px;
}

.liste-offres-emploi .btn-landing-recrute a p {
	text-align: left;
	color: var(--white-color);
	font-family: 'NewsonGLSDTP-Semibold';
	font-size: 20px;
	line-height: 24px;
	margin-left: 20px;
	margin-bottom: 0px;
}

.gls-recrute-camionneur h2 br {
	display: none;
}

.conduire-avec-gls.container-fluid, .gls-recrute.container-fluid {
	padding-top: 0px;
	box-shadow: 0px 30px 30px rgb(167, 167, 167, 0.28);
	background-color: #EDEDED;
}

.conduire-avec-gls .gls-driver, 
.gls-recrute .img-repartiteur, 
.gls-recrute .img-manutentionnaire,
.gls-recrute .img-employe-bulle {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.conduire-avec-gls .gls-driver {
	background-image: url('../images/gls-driver.jpg');
	min-height: 100vh;
}

.gls-recrute .img-repartiteur {
	min-height: 350px;
	display: flex;
}

.gls-recrute .img-employe-bulle {
	background-image: url('../images/gls-recrutement-employe-bulle.jpg');
	background-position: center top !important;
	min-height: 350px;
	max-width: 860px;
}

#video-gls-recrute, #video-gls-recrute-mobile {
	min-width: 100%;
	width: 100%;
	max-width: 1200px;
}

.gls-recrute .img-manutentionnaire {
	min-height: 350px;
	background-size: contain;
	display: flex;
	align-items: center;
	justify-content: center;
}

.gls-recrute .img-manutentionnaire a {
	display: inline-block;
}

.gls-recrute .img-manutentionnaire a p {
	color: var(--white-color)!important;
}

.gls-recrute .img-manutentionnaire-en {
	background-image: url('../images/icones-recrutement-carre-en.png') !important;
}

.gls-recrute .temoignage1, .gls-recrute .temoignage2 {
	padding-top: 25px;
}

.gls-recrute .temoignage1 p:nth-child(3), 
.gls-recrute .temoignage2 p:nth-child(3) {
	margin-bottom: 5px;
}

.job-posting {
	display: flex;
	align-items: center;
	border-bottom: 1px var(--primary-color-20) solid; 
	padding: 16px 0;
}

.liste-offres-emploi {
	background-color: var(--primary-color);
	padding: 30px 40px;
}

.liste-offres-emploi .btn-landing-recrute {
	display: flex;
}

.liste-offres-emploi .btn-landing-recrute a {
	display: inline-block;
}
  
  
/* Validation */
.invalid-feedback {
	width: 100%;
	margin-top: .25rem;
	font-size: 80%;
	color: #dc3545;
}

.form-control.is-invalid {
	border-color: #dc3545;
}

.form-notification.invalid p {
	color: #dc3545;
}

.gls-recrute form > div:nth-child(2) .form-group:last-of-type {
	margin-bottom: 36px; 
}

.gls-recrute form > div:nth-child(2) button.btn {
	background-color: var(--primary-color);
	color: var(--white-color);
	width: 100%;
	text-transform: capitalize;
}
  
.gls-recrute form > div:nth-child(2) button.btn:hover,
.gls-recrute form > div:nth-child(2) button.btn:focus {
	color: var(--primary-color);
	border: 2px var(--secondary-color) solid;
	background: var(--secondary-color);
}
  
.gls-recrute .from-recrute {
	padding: 30px 40px;
	background-color: var(--white-color) !important;
}
  
@media screen and (min-width: 2200px) {
	.conduire-avec-gls .gls-driver, 
	.gls-recrute .img-repartiteur, 
	.gls-recrute .img-manutentionnaire, 
	.gls-recrute .img-employe-bulle {
		background-size: contain;
		background-position: right;
	}

	.gls-recrute .img-manutentionnaire {
		background-position: left;
	}
}

@media screen and (min-width: 1300px){
	.gls-recrute-camionneur h2 br {
		display: block;
	}
}
  
@media screen and (min-width: 1100px) and (max-width: 1400px){
	.vie-de-reve-camionneur p, .gls-recrute-camionneur h2 {
		width: 90%;
	}
}
  
@media screen and (max-width: 1099px){
	.vie-de-reve-camionneur p, .gls-recrute-camionneur h2 {
		width: 100%;
	}

	.vie-de-reve-camionneur, .gls-recrute-camionneur, .bien-au-travail > div {
		padding: 30px !important;
	}

	.vie-de-reve-camionneur h1, .bien-au-travail h1 {
		font-size: 58px;
		line-height: 60px;
	}
}
  
@media screen and (max-width: 992px){
	.conduire-avec-gls .gls-driver {
		min-height: 500px;
	}

	.gls-recrute .img-manutentionnaire {
		min-height: 100px;
	}
}

@media screen and (min-width: 769px){
	.footer-blank-space {
		height: 45vh;
	}
}
  
@media screen and (max-width: 768px){
	
	.conduire-avec-gls .gls-driver {
		min-height: 360px;
	}
	
	.job-posting .hidden-lg {
		display: inline!important;
	}

	.vie-de-reve-camionneur h1, .bien-au-travail h1 {
		font-size: 48px;
		line-height: 54px;
	}

	.vie-de-reve-camionneur h1 div, 
	.gls-recrute-camionneur h2,
	.bien-au-travail h1 div {
		font-size: 28px;
		line-height: 32px;
		margin-bottom: 5px;
	}
		
	.gls-recrute-camionneur h2 {
		margin-bottom: 20px;
	}

	.gls-recrute .gls-recrute-camionneur {
		width: 100%;
	}

	.footer-blank-space {
		height: 30vh;
	}
}
  
@media screen and (max-width: 520px){
	#video-gls-recrute {
		display: none;
	}

	#video-gls-recrute-mobile {
		display: block;
	}
}
  
@media screen and (min-width: 521px){
	#video-gls-recrute-mobile {
		display: none;
	}

	#video-gls-recrute {
		display: block;
	}
}
  
@media screen and (max-width: 425px){
	.vie-de-reve-camionneur h1, .bien-au-travail h1 {
		font-size: 44px;
		line-height: 50px;
	}
}

  
/* GLS rerute: Position Anchor avec menu fixe */
#recrutement-offres-emploi, #postuler, #job-offer, #apply {
	top: -200px;
	display: block; 
	position: relative;
	visibility: hidden;
}

@media screen and (min-width: 768px){
  #recrutement-offres-emploi, #postuler, #job-offer, #apply {
		top: -100px;
	}
}

@media screen and (max-width: 767px){
	.btn-applique {
		margin-left: -60px;
	}
	
	.btn-apply-now {
		margin-left: -20px;
	}
}



.item {
    
    /* Align the text vertically center. */
    font-size: 52px;
    text-align: center;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.carousel-control {
    top: 50%;

    /* border 3px, size 40px */
    border: 3px solid #fff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;

    width: 40px;
    height: 40px;
    margin-top: -20px;
    font-size: 60px;
    font-weight: 100;
    line-height: 25px;
    color: #fff;
    text-align: center;
    opacity: .5;
    filter: alpha(opacity=50);
}
.bs-example {
    margin:0px;
}
/* cancel background image gradient */
 .carousel-control.left-flat {
    right: auto;
    left: 0px;
}
/* override background image gradient */
 .carousel-control.right-flat {
    right: 0px;
    left: auto;
}

/* ESPRIT GLS VIDEO IFRAME */
.container-espritgls-video {
  width: 75%;
  margin: auto;
  margin-bottom: 50px;
}

.container-espritgls-video > div {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%;
}

.container-espritgls-video > div iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

@media screen and (max-width: 768px){
	.container-espritgls-video {
		width: 100%;
	}
}

/* WHY GLS VIDEO IFRAME */
.container-whygls-video {
	width: 75%;
	margin: auto;
	margin-bottom: 50px;
  }
  
  .container-whygls-video > div {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-top: 56.25%;
  }
  
  .container-whygls-video > div iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: none;
  }
  
  @media screen and (max-width: 768px){
	  .container-whygls-video {
		  width: 100%;
	  }
  }