/**
 * @package Bbélanger
 * Template Name - bélanger_2018
 * @author Julien Cleon (Paperjuice)
 * @copyright Copyright (c) 2018 Belanger Branding Design
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
 */

/* # BASE ELEMENTS */

body {
	font-family: Lato, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: 300;
	color: #000;
}

/* ## Texte */

h1, h3 {
    margin-bottom: 2rem;
}

h1, 
h2, 
.team-member h5,
.number-counter > p, 
.btn-outline, 
.karla-bold,
.vous-ici div,
.exergue {
	font-family: Karmilla, "Helvetica Neue", Helvetica, Arial, "sans serif";
}

h2, 
.number-counter > p, 
.btn-outline, 
.karla-bold {
	font-weight: 700;
}

h3,
.quote span,
.menu-link > .btn,
.nav-link {
	font-family: Asap, "Helvetica Neue", Helvetica, Arial, "sans serif";
}

h1 {
	font-weight: 400;
}

@media(max-width:767.98px) {
	h1 {
		-webkit-hyphens: manual;
		    -ms-hyphens: manual;
		        hyphens: manual; /* insert ­ in text to suggest places to cut words */
		-webkit-hyphenate-character: manual;
	}
}

h2 {
	font-size: 1.5rem;
	margin-bottom: 1rem;
}

h4 {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.figure-caption h6 {
	margin-bottom: .5rem;
}

.text-normal {
	font-weight: 400;
}

p.exergue {
	font-size: 1.2rem;
	color: #858585;
	margin: 2rem;
}

/* ## Liens */

a {
	color: #000;
	-webkit-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}

p a,
figcaption a {
	border-bottom: solid 1px #e23d27;
}

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

a.disabled, 
a[disabled]{
	color: #d3d3d3;
	pointer-events: none;
}

.blockquote,
figure {
    margin-bottom: 2rem;
	margin-top: 2rem;
}

figure {
	display: block !important;
}

.color-inherit {
	color: inherit !important;
}

/* ## Utilitaires */

.vert-align-mid {
	vertical-align: middle;
}

.hidden {
	display: none!important;
}

/* Sur body, pour période de chargement */
.hideOverflow {
	overflow: hidden;
}

/* ## Buttons */

.btn:focus, .btn.focus {
	-webkit-box-shadow: initial;
	        box-shadow: initial;
}

.btn-outline {
	border: none;
	border-radius: 0;
	background-color: #e23d27;
	color: white;
	white-space: normal;
}

.btn-outline:focus {
	border-color: #e23d27;
}

.btn-outline-dark[data-toggle="collapse"][aria-expanded="true"]{
	color: #fff;
	background-color: #343a40;
	border-color: #343a40;
}

.moveto-slide {
	cursor: pointer;
}

.move-down:hover {
	-webkit-transform: translateY(10px);
	    -ms-transform: translateY(10px);
	        transform: translateY(10px);
}

.disable-select {
  -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
}

/* ## Transitions */

h2,
i,
.blk-circle,
.owl-nav button,
.timeline-icon,
.page-header.sticky {
	-webkit-transition: all .25s ease!important;
	-o-transition: all .25s ease!important;
	transition: all .25s ease!important;
}

.menu-link,
.menu-link span,
.nav-wrapper,
.team-contact,
.nav-box {
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

#ultra-joystick,
#sidenav-container, 
#content-container,
header,
.vous-ici,
.site-map-viewport svg,
.site-map-viewport,
.site-map,
.map-current-position,
#mainMenu,
#mainMenu a,
.navbar-toggler,
.navbar-brand,
.logo-viewport,
.logo-black {
	-webkit-transition: all .7s ease;
	-o-transition: all .7s ease;
	transition: all .7s ease;
}


/* General */

/* -- Material icons */

.material-icons {
	vertical-align: middle;
}

/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

/* -- modal_confirm */

#modal_confirm.form-success .modal-content {
	border: solid 2px #28a745;
}

#modal_confirm.form-error .modal-content {
	border: solid 2px #e23d27;
}

/*  -- Ultra joystick  */

#ultra-joystick {
	display: none;
	position: fixed;
	bottom: -55px;
	padding-left: 0px;
	padding-right: 0px;
	z-index: 9;
}

#ultra-joystick .nav-wrapper {
	position: relative;
	bottom: 0px;
	width: 100%;
	height: 60px;
	background-color: rgba(42,42,42,1);
}

#ultra-joystick.show {
	bottom: 0;
}

#ultra-joystick .nav-wrapper .nav-toggler {
	position: absolute;
	top: -40px;
	left: 50%;
	margin-left: -30px;
	width: 60px;
	height: 40px;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	background-color: rgba(42,42,42,0.8);
	padding-top: 10px;
	cursor: pointer;
}

#ultra-joystick.show .nav-toggler i {
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}

#ultra-joystick .nav-box {
	position: relative;
	top: 20px;
	margin: auto;
	cursor: pointer;
}

#ultra-joystick.show .nav-box {
	top: 0px;
}

#ultra-joystick .nav-box.disabled {
	cursor: auto;
	pointer-events: none;
}

#ultra-joystick .nav-box i {
	border-radius: 15px;
}

#ultra-joystick .nav-box.disabled i {
	opacity: 0.2;
}
@media (min-width: 767.98px){
	#ultra-joystick {
		padding-left: 220px; 
	}
}

.nav-left {
	-webkit-transition-delay: .1s;
	     -o-transition-delay: .1s;
	        transition-delay: .1s;
}

.nav-up {
	-webkit-transition-delay: .2s;
	     -o-transition-delay: .2s;
	        transition-delay: .2s;
}

.nav-down {
	-webkit-transition-delay: .3s;
	     -o-transition-delay: .3s;
	        transition-delay: .3s;
}

.nav-right {
	-webkit-transition-delay: .4s;
	     -o-transition-delay: .4s;
	        transition-delay: .4s;
}

/* -- maintenance overlay */

#maintenance-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
}

#maintenance-overlay > .custom {
	background-size: cover;
	background-blend-mode: soft-light;
	background-color: #353535;
	color: #fff;
	overflow: auto;
}

#maintenance-overlay .logo-black {
	fill: #fff;
}

#maintenance-overlay a {
	border: none;
}

/* -- formulaires */

#nice-honeypot input{
	position: absolute;
	top: -3000px;
	left: -3000px;
}

/* GENERAL COLUMN LAYOUT */

#sidenav-container {
	position: fixed;
	top: 0;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	width: 220px;
	z-index: 9;
}

.sidenav {
	min-height: 100%;
	width: 220px;
	padding: 0;
	border-left: solid 9px #e23d27;
	border-right: solid 1px #e6e6e6;
	border-bottom: solid 1px #e6e6e6;
	background-color: #fff;
	-ms-flex-line-pack: start;
	    align-content: flex-start;
}

#content-container {
	padding-left: 220px;
	padding-right: 0px;
}

/* ------ INFO : fullscreen menu on expand handled with JS (because no selelector to detect if menu is open) */

@media (max-width: 767.98px){
	
	#sidenav-container {
		height: 60px; /* JS : 100% on menu open */
		width: 100%;
		overflow: hidden;
	}
	
	.sidenav{
		min-height: 60px; /* JS : 100% on menu open */
		width: 100%;
		height: 60px; 
		border-right: none;
		border-bottom: none;
	}

	#content-container {
		padding-left: 0px;
		padding-top: 60px;
	}
	
}

/* HOME : OVERLAY & PRELOADER */

/* -- Overlay white */

#overlay-white {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
    padding-top: calc(50vh - 35px);
	background-color: #fff;
	z-index: 999;
/*	display: none; */
}

#progress-bar {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 9px;
	background-color: #e23d27;
	-webkit-transition: all .15s ease;
	-o-transition: all .15s ease;
	transition: all .15s ease;
	display: none; /* added line loading disabled */
}


/* COLONNE 1 : SIDE NAVIGATION */

/* -- GLOBAL */	

/* -- LOGO */

/* ---- 40 ans animation */

@keyframes logo_40 {
	0% { opacity: 0; transform: translateX(-10%);}
	40% { opacity: 0; transform: translateX(-10%);}
	50% { opacity: 1; transform: translateX(0);}
	90% { opacity: 1; transform: translateX(0);}
	100% { opacity: 0; transform: translateX(-10%);}
}

@keyframes logo_40_fleche {
	0% { opacity: 1; transform: translateX(0);}
	40% { opacity: 1; transform: translateX(0);}
	50% { opacity: 0; transform: translateX(10%);}
	90% { opacity: 0; transform: translateX(10%);}
	100% { opacity: 1; transform: translateX(0);}
}


#logo_40 {
	opacity: 0;
	animation: logo_40 10s ease infinite;
}

#logo_40_fleche {
	animation: logo_40_fleche 10s ease infinite;
}


/* ---- regular */

.navbar-brand {
	height: 220px;
	width: 100%;
	margin: 0;
}

.logo-viewport {
	position: relative;
	left: 0;
	width: 140px;
	margin: auto;
	-webkit-clip-path: inset(0px 0px 0px 0px);
	        clip-path: inset(0px 0px 0px 0px);
	clip: rect(0 0 0 0)
}

@media (max-width: 767.98px){
	
	.navbar-brand {
		width: 140px;
	}
		
	.navbar-toggler[aria-expanded="false"] ~ .navbar-brand {
		height: 30px;
		width: 140px;
		margin: -0.8rem 0 2.7rem -3rem;
	}
	
	.navbar-toggler[aria-expanded="false"] ~ .navbar-brand .logo-viewport {
		-webkit-clip-path: polygon(39% 9%, 91% 9%, 91% 33%, 63% 33%, 63% 28%, 39% 28%);
		        clip-path: polygon(39% 9%, 91% 9%, 91% 33%, 63% 33%, 63% 28%, 39% 28%);
		clip: rect(0px 0px 140px 60px)
	}
	
}

/* -- TOGGLER */

.navbar-toggler {
	position: absolute;
	top: 23px;
	left: 50%;
	-webkit-transform: translateX(-65%);
	    -ms-transform: translateX(-65%);
	        transform: translateX(-65%);
	padding: 0;
	border: none;
	z-index: 9;
}

.navbar-toggler[aria-expanded="true"] {
	top: 190px;
}

.navbar-toggler:hover {
	cursor: pointer;
}

.navbar-toggler:focus {
	outline: unset;
}


.navbar-toggler #burger-icon {
	width: 25px;
	height: 25px;
}

.navbar-toggler #burger-icon span {
	position: absolute;
	width: 100%;
	height: 2px;
	top: 8px;
	margin-top: -1px;
	left: 0;
	display: block;
	background: #000;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.navbar-toggler #burger-icon span:first-child {
	top: 0px; 
}

.navbar-toggler #burger-icon span:last-child {
	top: 16px; 
}      

.navbar-toggler[aria-expanded="true"] #burger-icon span {
	opacity: 0;
	top: 50%;
}

.navbar-toggler[aria-expanded="true"] #burger-icon span:first-child {
	opacity: 1;
	-webkit-transform: rotate(405deg);
	    -ms-transform: rotate(405deg);
	        transform: rotate(405deg);
}

.navbar-toggler[aria-expanded="true"] #burger-icon span:last-child {
	opacity: 1;
	-webkit-transform: rotate(-405deg);
	    -ms-transform: rotate(-405deg);
	        transform: rotate(-405deg);
}

/* -- MENU */

/* ---- Global */

#mainMenu {
	width: 100%;
	-ms-flex-item-align: start;
	    -ms-grid-row-align: start;
	    align-self: start;
	margin-top: 20px;
}

@media (min-width: 767.98px){
	#mainMenu {
		-webkit-box-flex: unset;
		    -ms-flex-positive: unset;
		        flex-grow: unset;
	}
}

.menu-link {
	margin-left: -9px;
	border-left: solid 9px transparent;
}

.menu-link:hover,
.fp-viewing-expertise-nouvelles .menu-link[data-menuanchor="expertise"]:hover {
	padding-left: .2rem;
	background-color: #e6e6e6;
	border-left-color: #902214;
}

.menu-link > .dropdown-toggle:hover,
.menu-link.show {
	background-color:  #F1F1F1;
}

.menu-link:not(.active).show{
	border-left-color: #902214;
}

.fp-viewing-expertise-nouvelles .menu-link[data-menuanchor="expertise"] {
	border-left-color: #e23d27;
}

.menu-link.active,
.fp-viewing-expertise-nouvelles .menu-link[data-menuanchor="nouvelles"],
.fp-viewing-expertise-nouvelles .menu-link[data-menuanchor="nouvelles"]:hover {
	border-left-color: #000;
}

.fp-viewing-belanger-historique .menu-link[data-menuanchor="belanger"] .dropdown-menu a:first-child i,
.fp-viewing-belanger-historique .menu-link[data-menuanchor="belanger"] .dropdown-toggle:after,
.fp-viewing-belanger-services .menu-link[data-menuanchor="belanger"] > a:first-child i,
.fp-viewing-belanger-equipe .menu-link[data-menuanchor="belanger"] .dropdown-menu a:nth-child(2) i,
.fp-viewing-belanger-equipe .menu-link[data-menuanchor="belanger"] .dropdown-toggle:after,
.fp-viewing-expertise-clients .menu-link[data-menuanchor="expertise"] .dropdown-menu a:first-child i,
.fp-viewing-expertise-clients .menu-link[data-menuanchor="expertise"] .dropdown-toggle:after,
.fp-viewing-expertise-realisations .menu-link[data-menuanchor="expertise"] > a:first-child i,
.fp-viewing-expertise-nouvelles .menu-link[data-menuanchor="nouvelles"] > a:first-child i,
.fp-viewing-contact .menu-link[data-menuanchor="contact"] > a:first-child i {
	color: #e23d27;
}

#mainMenu .menu-link > .btn:first-child,
#mainMenu .nav-link {
	padding-left: 8px;
	font-size: 11pt;
	line-height: 1.5;
	letter-spacing: .03rem;
	text-transform: lowercase;
	border-radius: 0;
	text-align: left;
}

#mainMenu .btn:first-child {
	width: 170px;
}

#mainMenu .menu-link > .btn,
#mainMenu .nav-link {
	height: 40px;
}

@media(min-width: 767.98px){
	.menu-link a:first-child, a.nav-link.dropdown-item { 
		padding-left: 17%!important; 
	}
}

@media(min-width: 992px) and (max-width: 1080px) {
	.menu-link a:first-child, a.nav-link.dropdown-item { 
		padding-left: 10%!important; 
	}
}

.menu-link a:hover {
	color: #000;
}

.dropdown-item:active {
	background-color: #e23d27;
}

.menu-link i {
	margin: 0 10px 5px 10px;
	vertical-align: middle;
}

.dropdown-toggle {
	position: absolute;
	right: 0;
	width: 40px;
}

/* ---- Dropdown */

/* ------ Fleches dropdown */

.menu-link > .dropdown-toggle::after {
	margin-top: 10px;
	-webkit-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
}

.menu-link.show > .dropdown-toggle::after {
	-webkit-transform: rotate(-180deg);
	    -ms-transform: rotate(-180deg);
	        transform: rotate(-180deg);
}

/* ------ Items */

.dropdown-menu {
	position: static !important;
	min-width: inherit;
	border: none;
	border-radius: 0;
	background-color: #F1F1F1;
	padding: 0;
	margin: 0;
}

.dropdown-item i {
    margin: 0 13px 5px 13px;
}

/* -- MAP */

/* ---- Vous êtes ici */

.vous-ici {
	pointer-events: none;
}

.site-map .vous-ici {
	position: relative;
	opacity: 0;
	z-index: 3;
}

.site-map:hover .vous-ici {
	opacity: 1;
}

.vous-ici div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 105px;
	height: 70px;
	margin: auto;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: center;
	background-color: rgba(226,61,39,.9);
	border-radius: 8px;
	font-size: 16pt;
	font-weight: 700;
	line-height: normal;
	color: #fff;
}

.site-map .vous-ici div {
	width: 70px;
	height: 50px;
	border-radius: 5px;
	font-size: 11pt;
}

.vous-ici-fleche {
	display: block;
	height: 0;
	width:  0;
	margin: auto;
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-top: 14px solid rgba(226,61,39,.9);
}

.site-map .vous-ici-fleche {
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid rgba(226,61,39,.9);

}

@media (max-width: 767.98px){
	
	.navbar-toggler[aria-expanded="false"] ~ .site-map .vous-ici {
		opacity: 0;
	}
	
	.navbar-toggler[aria-expanded="true"] ~ .site-map .vous-ici {
		opacity: 1;
	}
	
}

/* ---- Map */

.site-map-viewport {
	width: 78px;
	margin: 5px auto;
}

.site-map .blk-circle:hover {
	fill: #e23d27;
	r: 8;
}


/* ---- On small screens, only show part of the map */

@media (max-width: 767.98px){
	.site-map {
		height: 60px;
	}
	
	.site-map-viewport {
		-webkit-clip-path: inset(0px 0px 40px 1px);
		        clip-path: inset(0px 0px 40px 1px);
	}
	
	.navbar-toggler[aria-expanded="true"] ~ .site-map {
		-webkit-transform: translate(-10px, -50px);
		    -ms-transform: translate(-10px, -50px);
		        transform: translate(-10px, -50px);
	}

	.navbar-toggler[aria-expanded="true"] ~ .site-map .site-map-viewport {
		-webkit-clip-path: inset(0px 0px 0px 1px);
		        clip-path: inset(0px 0px 0px 1px);
	}
	
	.navbar-toggler[aria-expanded="false"] ~ .site-map .site-map-viewport {
		-webkit-transform: translateY(-50px);
		    -ms-transform: translateY(-50px);
		        transform: translateY(-50px);
	}
	
	.fp-viewing-belanger-historique .navbar-toggler[aria-expanded="false"] ~ .site-map .site-map-viewport svg,
	.fp-viewing-belanger-services .navbar-toggler[aria-expanded="false"] ~ .site-map .site-map-viewport svg,
	.fp-viewing-belanger-equipe .navbar-toggler[aria-expanded="false"] ~ .site-map .site-map-viewport svg {
			-webkit-transform: translate(0, 10px);
			    -ms-transform: translate(0, 10px);
			        transform: translate(0, 10px);
	}

	.fp-viewing-expertise-clients .navbar-toggler[aria-expanded="false"] ~ .site-map .site-map-viewport svg,
	.fp-viewing-expertise-realisations .navbar-toggler[aria-expanded="false"] ~ .site-map .site-map-viewport svg,
	.fp-viewing-expertise-nouvelles .navbar-toggler[aria-expanded="false"] ~ .site-map .site-map-viewport svg {
			-webkit-transform: translate(0, -20px);
			    -ms-transform: translate(0, -20px);
			        transform: translate(0, -20px);
	}

	.fp-viewing-contact .navbar-toggler[aria-expanded="false"] ~ .site-map .site-map-viewport svg,
	.fp-viewing-extra .navbar-toggler[aria-expanded="false"] ~ .site-map .site-map-viewport svg{
			-webkit-transform: translate(0, -50px);
			    -ms-transform: translate(0, -50px);
			        transform: translate(0, -50px);
	}
}

/* ---- Modify current position depending on which page is in view */

.fp-viewing-belanger-historique .map-current-position,
.fp-viewing-belanger-historique .vous-ici {
	-webkit-transform: translate(-30px, 0);
	    -ms-transform: translate(-30px, 0);
	        transform: translate(-30px, 0);
}

.fp-viewing-belanger-services .map-current-position,
.fp-viewing-belanger-services .vous-ici {
	-webkit-transform: translate(0, 0);
	    -ms-transform: translate(0, 0);
	        transform: translate(0, 0);
}

.fp-viewing-belanger-equipe .map-current-position,
.fp-viewing-belanger-equipe .vous-ici {
	-webkit-transform: translate(30px, 0);
	    -ms-transform: translate(30px, 0);
	        transform: translate(30px, 0);
}

.fp-viewing-expertise-clients .map-current-position,
.fp-viewing-expertise-clients .vous-ici {
	-webkit-transform: translate(-30px, 30px);
	    -ms-transform: translate(-30px, 30px);
	        transform: translate(-30px, 30px);
}

.fp-viewing-expertise-realisations .map-current-position,
.fp-viewing-expertise-realisations .vous-ici {
	-webkit-transform: translate(0, 30px);
	    -ms-transform: translate(0, 30px);
	        transform: translate(0, 30px);
}

.fp-viewing-expertise-nouvelles .map-current-position,
.fp-viewing-expertise-nouvelles .vous-ici {
	-webkit-transform: translate(30px, 30px);
	    -ms-transform: translate(30px, 30px);
	        transform: translate(30px, 30px);
}

.fp-viewing-contact .map-current-position,
.fp-viewing-contact .vous-ici,
.fp-viewing-extra .map-current-position,
.fp-viewing-extra .vous-ici {
	-webkit-transform: translate(0, 60px);
	    -ms-transform: translate(0, 60px);
	        transform: translate(0, 60px);
}

/* -- DASH BUTTONS */

.navbar_dashButtons .custom {
	display: -webkit-flex;
	display: flex;
}

.navbar_dashButtons .btn {
	width: 50px;
}

/* ---- language button */

#modal_lang .mod-languages {
	text-align: center;
	text-transform: uppercase;
}

/* ---- info button */

/* ---- navmode button */

@media (max-width: 767.98px){
	
	.navbar-toggler[aria-expanded="false"] ~ .navbar_dashButtons {
		display: none;
	}

	.navbar_dashButtons-navmode {
		display: none;
	}

}


/* ------ navmode modifers */

body.compressed header,
body.compressed #sidenav-container {
	width: 80px;
}

body.compressed header {
	border-left-width: 4px;
}

body.compressed header .logo-viewport {
	-webkit-clip-path: inset(0px 45px 140px 60px);
	        clip-path: inset(0px 45px 140px 60px);
	left: -43px;
}

body.compressed #mainMenu .btn:first-child {
	width: 60px;
}

body.compressed #mainMenu .nav-item a:first-child span,
body.compressed #mainMenu .dropdown-menu a span,
body.compressed #mainMenu .nav-item .dropdown-toggle {
	opacity: 0;
}



body.compressed header .site-map {
	-webkit-transform: scale(0.6);
	    -ms-transform: scale(0.6);
	        transform: scale(0.6);
}

body.compressed header .navbar_dashButtons .custom {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

body.compressed #content-container,
body.compressed #ultra-joystick,
body.compressed #lightbox{
	padding-left: 80px;
}

#lightbox{
	-webkit-transition: padding-left .7s ease;
	-o-transition: padding-left .7s ease;
	transition: padding-left .7s ease;
}

/* COLONNE 2 : CONTENU PRINCIPAL */

/* -- Owl carousels */

.owl-stage {
	display: flex;
	align-items: center;
}

.owl-nav {
	position: absolute;
	top: calc(50% - 15px);
	width: 100%;
}

.owl-nav button {
	position: absolute;
	width: 30px;
	height: 30px;
}

.item-page .owl-nav button {
    background-color: rgba(42,42,42,0.8) !important;
	color: #fff !important;
}

.owl-nav button:first-child:hover {
    margin-left: -5px;
}

.owl-nav button:last-child:hover {
    margin-right: -5px;
}

.owl-prev {
	left: 20px;
}

.owl-next {
	right: 20px;
}

.owl-nav button span {
	font-size: 2rem;
	line-height: 0.7;
}

/* -- CONTENT */

/* ---- GENERAL */

.section {
	background-color: #fff;
}

.slide-wrapper {
	min-height: 100%;
	padding-top: 3rem;
	padding-bottom: 7rem;
}

.fullwidth {
	margin-left: -3rem;
	margin-right: -3rem;
}

@media (max-width: 767.98px){
	.component-content {
		padding-top: 0;
		padding-bottom: 0;
	}
	.fullwidth {
		margin-left: -.5rem;
		margin-right: -.5rem;
	}
}

.slide-belanger,
.slide-equipe, 
#section_contact {
	background-color:#424242;
	color: #fff;
}

.page-top {
	min-height: 150px;
	margin-bottom: 2rem;
}

.quote span {
	color: #424242;
	background-color: #fff;
}

.tags a img {
	position: relative;
	top: -2px;
}

/* ---- SLIDE HISTORIQUE */

.timeline-container {
	position: relative;
	padding-top: 2rem;
	margin-bottom: 5rem;
}

.timeline-container::before {
   /* vertical line and bottom incut */
   content: '';
   position: absolute;
   top: 0;
   left: 10px;
   height: 100%;
   background: #e23d27;
   border-bottom: 5px solid #424242;
   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
}

.slide-belanger .page-left .moduletable .custom::before {
	/* top arrow */
    position: relative;
	left: 10px;
    top: -2px;
    content: '';
    border-bottom: 5px solid #e23d27;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

@media(min-width:767.98px) {
   	.timeline-container::before {
      	left: 50%;
      	margin-left: -5px;
   	}
	.slide-belanger .page-left .moduletable .custom::before {
		left: 50%;
		margin-left: -5px;
	}

}

.timeline-block {
   	position: relative;
   	padding-bottom: 50px;
/*	visibility: hidden;*/ /* Wait for scrollOverflow implementation*/
/*	opacity: 0;*/
}

.in-view {
	visibility: visible;
	opacity: 1;
}

/* change layout on big screens */

@media(min-width:767.98px) {

	.timeline-block:nth-child(even) .timeline-content {
		float:right;
		margin-right: 0;
	}
	
	.timeline-block:nth-child(even) h1 {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}
	
	.timeline-block:nth-child(even) div.spacer.dots {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
		-webkit-box-flex: 0;
		    -ms-flex-positive: 0;
		        flex-grow: 0;
	}
	
	.timeline-block:nth-child(odd) div.spacer:not(.dots) {
		display: none;
	}
	
}

.timeline-content .spacer {
	position: relative;
	width: 10%;
}

.timeline-content .spacer.dots {
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}

.timeline-icon {
	position: absolute;
   	top: 0;
   	left: 0;
   	width: 30px;
   	height: 30px;
   	border-radius: 15px;
   	background: #fff;
	cursor: pointer;
}

.timeline-icon:hover {
	-webkit-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	        transform: scale(1.2);
}

@media(min-width:767.98px) {
   .timeline-icon {
      left: 50%;
      margin-left: -15px;
   }
}

.timeline-icon i {
	position: relative;
	top: 1px;
   	left: 3px;
   	color: #000;
}

.timeline-icon[aria-expanded="true"] i{
	-webkit-transform: rotate(-135deg);
	    -ms-transform: rotate(-135deg);
	        transform: rotate(-135deg);
}

.timeline-content {
   	position: relative;
   	margin-left: 50px;
}

.timeline-content h1 {
	position: relative;
    top: -0.3rem;
	font-size: 2rem;
}

.timeline-content div.spacer.dots {
	top: 15px;
   	height: 0;
   	border-top: 1px dotted #fff;
}

@media(min-width:767.98px) {
   	.timeline-content {
      	width: 47%;
      	margin-left: 0;
   	}
	
	.timeline-content h1 {
		top: -0.7rem;
		font-size: 2.5rem;
	}
}

.timeline-text p {
	background-color: #fff;
	color: #000;
	border-radius: 5px;
	padding: 10px 15px;
}

/* ---- SLIDE SERVICES */

/* ------ Top image */

.slide-wrapper.slide-services {
	padding-top: 0;
}

.slide-services .page-top {
	margin-bottom: inherit !important;
}

.slide-services .page-top .custom {
	min-height: calc(100vh - 220px);
	height: auto;
	background-size: cover;
    background-blend-mode: soft-light;
    background-color: rgba(42,42,42,0.7);
}

.slide-services .page-top h1 {
	-webkit-filter: drop-shadow(0 0 8px #000);
	        filter: drop-shadow(0 0 8px #000);
	max-width: 660px;
}

html[lang="en-ca"] .slide-services .page-top h1 {
	max-width: 580px;
}


.services-bandeau {
	background-color: #EEC;
	height: 220px;
}

.number-counter > p:first-child {
	font-size: 35pt;
	margin-bottom: -5px;
}

/* ------ Tabs */

.slide-services .services-tabs,
.slide-services .services-tabs.viewing-services-nav-one {
/*	background-image: url(/images/base/services/belanger_services_01.jpg);*/
/*	background-size: cover;*/
/*	background-position: 0% 25%;*/
/*	background-blend-mode: screen;*/
	background-color: #fafafa;
}

.slide-services .services-tabs.viewing-services-nav-two {
/*	background-image: url(/images/base/services/belanger_services_02.jpg);*/
}

.slide-services .services-tabs.viewing-services-nav-three {
/*	background-image: url(/images/base/services/belanger_services_03.jpg);*/
}

.slide-services .services-tabs.viewing-services-nav-four {
/*	background-image: url(/images/base/services/belanger_services_04.jpg);*/
}

.slide-services .services-tabs.viewing-services-nav-five {
/*	background-image: url(/images/base/services/belanger_services_05.jpg);*/
}

#services-nav .nav-link {
	cursor: pointer;
	border-radius: unset;
}

#services-nav .nav-link.active,
#services-nav .show > .nav-link{
	background-color: #424242 !important;
	color: #fff !important;
}

#services-nav .nav-link:hover {
	background-color: #e6e6e6;
}

/* ------ Intro */

.services-intro {
	background-color: #e6e6e6;
}

/* ---- SLIDE TEAM */

.photo-contact {
	position: relative;
	max-width: 400px;
}

.team-contact {
	position: absolute;
	bottom: 0;
	height: 36px;
	padding-top: 3px;
	width: 100%;
	max-width: 400px;
	background-color: rgba(255,255,255,0.4);
	opacity: 0;
	z-index: 1;
}

.photo-contact:hover .team-contact {
	opacity: 1;
}

.slide-equipe h5 {
	margin-bottom: .5rem !important;
}

.item-equipe .cat-equipe,
.item-team .cat-team {
	display: none!important;
}

/* ---- SLIDE CLIENTS */

#client-list li {
	border: none;
	border-radius: 0;
	-webkit-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
	z-index: inherit;
}

#client-list > li{
	padding-left: 0.6rem;
	background-color: #e6e6e6;
	text-transform: uppercase;
	font-weight: 400;
	cursor: pointer;
}

#client-list > li:hover,
#client-list > li[aria-expanded="true"] {
	background-color: #424242;
	color: #fff;
}

#client-list li[aria-expanded="true"] i{
	-webkit-transform: rotate(-135deg);
	    -ms-transform: rotate(-135deg);
	        transform: rotate(-135deg);
}

#client-list .clients-subcat {
	font-weight: 700;
}

/* ---- LIGHTBOX CONTENT */

#lightbox {
	position: fixed;
	top: 60px;
	right: 0;
	bottom: 0;
	overflow: auto;
	z-index: 9;
	padding-left: 0px;
	padding-right: 0;
	background-color: #fff;
	display: none;
}

@media(min-width:767.98px){
	#lightbox {
		top: 0;
		padding-left: 220px;
	}
}

#lightbox.loading {
/*	overflow: hidden;*/
}

/* ------ Loader */

#lightbox .loader {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	left: 0;
	right: 0;
	height: 100vh;
	padding-top: calc(50vh - 50px);
	cursor: progress;
	background-color: #fff;
	z-index: 101;
}

#lightbox .loader-text p {
	display: none;
}

/* -------- Walk cycle */

.walk-loader {
	display: inline-block;
    position: relative;
	left: 50%;		
    width: 35px;
	margin-left: -17px;
    padding-bottom: 70px; 
}

.walk-loader > div {
	display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/templates/belanger_2018/images/base/walk_loader.svg);
    background-repeat: no-repeat;
	background-size: 1000%;
	-webkit-animation: walkanim 0.7s infinite steps(9);
	        animation: walkanim 0.7s infinite steps(9);
}

@-webkit-keyframes walkanim {
	to {
		background-position: 100% 0;
	}
}

@keyframes walkanim {
	to {
		background-position: 100% 0;
	}
}

/* ------ Content*/

#lightbox .component-content {
	display: none;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	min-height: 100%;
	background-color: #fff;
}

#lightbox .item-page {
	max-width: 600px;
}

#lightbox .item-image img {
	max-width: 100%;
}

#lightbox .lightbox-controls {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	height: 50px;
	margin: 0 -0.5rem;
	z-index: 99;
	background-color: #fff;
}

@media (min-width:767.98px) {
	#lightbox .lightbox-controls {
		height: 80px;
	}
}

#lightbox .dynamic-nav {
	text-transform: uppercase;
	padding-left: 15px;
}

#lightbox .dynamic-nav > div {
	display: none; /* NOT USED YET */
}

#lightbox .close {
	padding-right: 15px;
}

.item-page .page-header h2 {
	font-size: 2rem;
}

.item-page {
	padding-bottom: 7rem;
}

@media (min-width:767.98px) {
	#lightbox .close {
		margin-right: -40px;
	}
	#lightbox .item-page .page-header.sticky {
		position: -webkit-sticky;
		position: sticky;
		top: 25px;
		padding: 8px 0;
		z-index: 101;
		border-top: 5px solid transparent;
		background-color: #fff;
	}
	#lightbox .item-page .page-header.is-sticky h2 {
		font-size: 1rem;
	}
}

/* -------- Carousel */

#articleCarousel {
	margin: auto;
}

.carousel-control-next, 
.carousel-control-prev {
	color: #fff;
}

.carousel-control-next i, 
.carousel-control-prev i{
	background-color: #e23d27;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    line-height: 1.3;
}

.carousel-indicators {
	margin-left: 20%;
	margin-right: 20%;
}

.carousel-caption {
	right: 20%;
	left: 20%;
	bottom: 45px;
	padding: 20px 15px 10px;
	background-color: rgba(42,42,42,0.6);
	opacity: 0;
	-webkit-transition: opacity .25s ease;
	-o-transition: opacity .25s ease;
	transition: opacity .25s ease;
}

.carousel-item:hover .carousel-caption {
	opacity: 1;
}

/* Fun mais crée un prolème de scrollbar */
/* .item-realisations .owl-stage-outer {
	overflow: visible!important;
} */

.item-realisations .owl-item {
	transition: opacity 0.5s ease;
}

.item-realisations .owl-item:not(.center) {
	opacity: 0.1;
}

.owl-item.active.center.maximized {
	z-index: 1;
}

.owl-item.active.center.maximized > div > img{
	transform: scale(1.5);
}

/* Social sharing */

.twitter-share-button iframe {
	vertical-align: bottom;
}

.linkedin-share-button > span {
	padding-top: 1px;
	vertical-align: middle!important;
}

/* Article footer */

p.article-footer {
	padding: 15px;
	margin: 50px auto;
	text-align: center;
	background-color: #e6e6e6;
}

/* ---- BLOG-TYPE SECTIONS */

.blog-item {
	max-width: 570px;
}


/* ---- SLIDE REALISATIONS */

.item-realisations > .row,
.item-work > .row {
	background-color: #EEEEEE;
}

/* ---- SLIDE NOUVELLES */

.nouv-infolettre.page-top {
	min-height: 85px;
}

.nouv-infolettre.page-top .g-recaptcha > div {
	margin: 0 auto 15px;
}

.item-nouvelles .category-name a,
.item-nouvelles .category-name span,
.item-blog .category-name a,
.item-blog .category-name span{
	color: #fff;
}

.item-nouvelles h2 {
	font-size: 1.2em;
}

.cat-actualites,
.cat-hot-news {
	background-color: #ff6400;
}

.cat-cas-d-etude,
.cat-case-studies {
	background-color: #00be00;
}

.cat-pendant-ce-temps,
.cat-meanwhile {
	background-color: #e23d27;
}

.item-page .cat-actualites + .page-header.is-sticky,
.item-page .cat-hot-news + .page-header.is-sticky{
	border-color: #ff6400;
}

.item-page .cat-cas-d-etude + .page-header.is-sticky,
.item-page .cat-case-studies + .page-header.is-sticky{
	border-color: #00be00;
}

.item-page .cat-pendant-ce-temps + .page-header.is-sticky,
.item-page .cat-meanwhile + .page-header.is-sticky{
	border-color: #e23d27;
}

.item-nouvelles .tags,
.item-blog .tags {
	pointer-events: none;
}

/* ------ team */

.item-equipe .item-image,
.item-team .item-image{
	width: 100%;
	max-width: 400px;
	overflow: hidden;
}

.item-equipe .item-image img,
.item-team .item-image img {
	position: relative;
	width: 100%;
	height: auto;
}

@media(min-width: 440px) {
	.item-equipe .item-image,
	.item-team .item-image {
		height: 250px;
	}

	.kei .item-image img {
		top: -55px;
	}

	.jules .item-image img {
		top: -72px;
	}

	.martine .item-image img {
		top: -40px;
	}

	.julie .item-image img {
		top: -30px;
	}

	.virginie .item-image img {
		top: -65px;
	}

	.chai .item-image img {
		top: -53px;
	}

	.julien .item-image img {
		top: -35px;
	}

	.richard .item-image img {
		top: -30px;
	}

	stephan .item-image img {
		top: -25px;
	}

	.charlotte .item-image img {
		top: -50px;
	}
}

.item-equipe h2,
.item-team h2 {
	margin-bottom: inherit;
}

/* ---- SLIDE NOUVELLES */

.nouv-infolettre div {
	max-width: 620px;
}

.nouv-infolettre .slide-topStripe {
	background: #f1f1f1;
	padding: 10px;
	text-align: center;
}

/* ---- SLIDE CONTACT */

.slide-contact {
	background-color: #636363;
	transition: background-color ease .75s;
}

.slide-contact #address-switch {
	font-size: small;
	line-height: 100%;
}

.slide-contact #address-switch * {
	vertical-align: middle;
}

#section_contact .invalid-feedback {
	color: #fff;
}

.invalid-feedback i,
.invalid-feedback span {
	vertical-align: middle;
}

/* ------ Footer */

footer.section {
	background-color: #555555 !important;
}

footer.section .slide-wrapper {
	height: 50px;
	color: #fff;
}

footer.section a {
	color: #fff;
}