/*
Theme Name: Ergopix
Theme URI: https://www.ergopix.ch
Author: ergopix sàrl
Version: 1.0
*/

/* Fonts */

	@font-face {
	    font-family: 'Euclid-Bold';
	    src: url('./fonts/EuclidCircularB-Bold-WebS.eot');
		src: url('./fonts/EuclidCircularB-Bold-WebS.eot?#iefix') format('embedded-opentype'),
			url('./fonts/EuclidCircularB-Bold-WebS.woff2') format('woff2'),
			url('./fonts/EuclidCircularB-Bold-WebS.woff') format('woff'), 
			url('./fonts/EuclidCircularB-Bold-WebS.ttf') format('truetype'), 
			url('./fonts/EuclidCircularB-Bold-WebS.svg') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}
	
	@font-face {
	    font-family: 'Euclid-Bold-Italic';
	    src: url('./fonts/EuclidCircularB-BoldItalic-WebS.eot');
		src: url('./fonts/EuclidCircularB-BoldItalic-WebS.eot?#iefix') format('embedded-opentype'),
			url('./fonts/EuclidCircularB-BoldItalic-WebS.woff2') format('woff2'),
			url('./fonts/EuclidCircularB-BoldItalic-WebS.woff') format('woff'), 
			url('./fonts/EuclidCircularB-BoldItalic-WebS.ttf') format('truetype'), 
			url('./fonts/EuclidCircularB-BoldItalic-WebS.svg') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}

	@font-face {
	    font-family: 'Euclid-Light';
	    src: url('./fonts/EuclidCircularB-Light-WebS.eot');
		src: url('./fonts/EuclidCircularB-Light-WebS.eot?#iefix') format('embedded-opentype'),
			url('./fonts/EuclidCircularB-Light-WebS.woff2') format('woff2'),
			url('./fonts/EuclidCircularB-Light-WebS.woff') format('woff'), 
			url('./fonts/EuclidCircularB-Light-WebS.ttf') format('truetype'), 
			url('./fonts/EuclidCircularB-Light-WebS.svg') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}

	@font-face {
	    font-family: 'Euclid-Light-Italic';
	    src: url('./fonts/EuclidCircularB-LightItalic-WebS.eot');
		src: url('./fonts/EuclidCircularB-LightItalic-WebS.eot?#iefix') format('embedded-opentype'),
			url('./fonts/EuclidCircularB-LightItalic-WebS.woff2') format('woff2'),
			url('./fonts/EuclidCircularB-LightItalic-WebS.woff') format('woff'), 
			url('./fonts/EuclidCircularB-LightItalic-WebS.ttf') format('truetype'), 
			url('./fonts/EuclidCircularB-LightItalic-WebS.svg') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}

	@font-face {
	    font-family: 'Euclid-Medium';
	    src: url('./fonts/EuclidCircularB-Medium-WebS.eot');
		src: url('./fonts/EuclidCircularB-Medium-WebS.eot?#iefix') format('embedded-opentype'),
			url('./fonts/EuclidCircularB-Medium-WebS.woff2') format('woff2'),
			url('./fonts/EuclidCircularB-Medium-WebS.woff') format('woff'), 
			url('./fonts/EuclidCircularB-Medium-WebS.ttf') format('truetype'), 
			url('./fonts/EuclidCircularB-Medium-WebS.svg') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}

	@font-face {
	    font-family: 'Euclid-Medium-Italic';
	    src: url('./fonts/EuclidCircularB-MediumItalic-WebS.eot');
		src: url('./fonts/EuclidCircularB-MediumItalic-WebS.eot?#iefix') format('embedded-opentype'),
			url('./fonts/EuclidCircularB-MediumItalic-WebS.woff2') format('woff2'),
			url('./fonts/EuclidCircularB-MediumItalic-WebS.woff') format('woff'), 
			url('./fonts/EuclidCircularB-MediumItalic-WebS.ttf') format('truetype'), 
			url('./fonts/EuclidCircularB-MediumItalic-WebS.svg') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}

	@font-face {
	    font-family: 'Euclid-Regular';
	    src: url('./fonts/EuclidCircularB-Regular-WebS.eot');
		src: url('./fonts/EuclidCircularB-Regular-WebS.eot?#iefix') format('embedded-opentype'),
			url('./fonts/EuclidCircularB-Regular-WebS.woff2') format('woff2'),
			url('./fonts/EuclidCircularB-Regular-WebS.woff') format('woff'), 
			url('./fonts/EuclidCircularB-Regular-WebS.ttf') format('truetype'), 
			url('./fonts/EuclidCircularB-Regular-WebS.svg') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}

	@font-face {
	    font-family: 'Euclid-Regular-Italic';
	    src: url('./fonts/EuclidCircularB-RegularItalic-WebS.eot');
		src: url('./fonts/EuclidCircularB-RegularItalic-WebS.eot?#iefix') format('embedded-opentype'),
			url('./fonts/EuclidCircularB-RegularItalic-WebS.woff2') format('woff2'),
			url('./fonts/EuclidCircularB-RegularItalic-WebS.woff') format('woff'), 
			url('./fonts/EuclidCircularB-RegularItalic-WebS.ttf') format('truetype'), 
			url('./fonts/EuclidCircularB-RegularItalic-WebS.svg') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}

	@font-face {
	    font-family: 'Euclid-Semibold';
	    src: url('./fonts/EuclidCircularB-Semibold-WebS.eot');
		src: url('./fonts/EuclidCircularB-Semibold-WebS.eot?#iefix') format('embedded-opentype'),
			url('./fonts/EuclidCircularB-Semibold-WebS.woff2') format('woff2'),
			url('./fonts/EuclidCircularB-Semibold-WebS.woff') format('woff'), 
			url('./fonts/EuclidCircularB-Semibold-WebS.ttf') format('truetype'), 
			url('./fonts/EuclidCircularB-Semibold-WebS.svg') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}

	@font-face {
	    font-family: 'Euclid-Semibold-Italic';
	    src: url('./fonts/EuclidCircularB-SemiboldItalic-WebS.eot');
		src: url('./fonts/EuclidCircularB-SemiboldItalic-WebS.eot?#iefix') format('embedded-opentype'),
			url('./fonts/EuclidCircularB-SemiboldItalic-WebS.woff2') format('woff2'),
			url('./fonts/EuclidCircularB-SemiboldItalic-WebS.woff') format('woff'), 
			url('./fonts/EuclidCircularB-SemiboldItalic-WebS.ttf') format('truetype'), 
			url('./fonts/EuclidCircularB-SemiboldItalic-WebS.svg') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}

html {
	font-size: 1em;
	-webkit-text-size-adjust: 1em;
	-ms-text-size-adjust: 1em;
	font-family: "Euclid-Regular";
}
	body {
		background: #fff;
		font-family: "Euclid-Regular";
		font-size: 18px;
		line-height: 32px;
	}
		.wrapper {
			width: 100%;
			-webkit-transition: height .5s ease;
			transition: height .5s ease;
		}

h1 {
	font-family: "Euclid-Bold";
	font-size: 48px;
	line-height: 48px;
	text-align: left;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

figure.wp-caption.alignleft, img.alignleft {
	margin: 7px 24px 7px 0;
}

.wp-caption.alignleft {
	margin: 7px 14px 7px 0;
}

figure.wp-caption.alignright, img.alignright {
	margin: 7px 0 7px 24px;
}

.wp-caption.alignright {
	margin: 7px 0 7px 14px;
}

img.aligncenter, .wp-caption.aligncenter {
	margin-top: 7px;
	margin-bottom: 7px;
}

.wp-caption {
	margin-bottom: 24px;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

::-webkit-input-placeholder {
	color: #939393;
}

:-moz-placeholder {
	color: #939393;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #939393;
}

.wp-caption, img {
	max-width: 100%;
}

.header-mobile{
	padding: 15px 0;
}
	.header-mobile a.logo {
	    display: block;
	}

#hamburger {
	display:block;
	width:42px;
	overflow:hidden;
	float:right;
}

#hamburger span {
	background:#333;
	display:block;
	height:2px;
	margin:9px 0;
	position:relative;
	-webkit-transform:rotate(0);
	-ms-transform:rotate(0);
	transform:rotate(0);
	top:0;
	left:0;
	opacity:1;
	filter:alpha(opacity=100);
	-webkit-transition:none .5s ease;
	transition:none .5s ease;
	-webkit-transition-property:-webkit-transform,top,left,opacity;
	transition-property:transform,top,left,opacity;
}
body.home.darker .header-mobile {
	background-color:#fff;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}
	body.home #hamburger span {
		background:#fff;
	}
	body.home.darker #hamburger span {
		background:#333;
	}
	body.home:not(.darker) .header-mobile .h-mob-bright {display:block;}
	body.home:not(.darker) .header-mobile .h-mob-dark {display:none;}
	body.home.darker .header-mobile .h-mob-bright {display:none;}
	body.home.darker .header-mobile .h-mob-dark {display:block;}

html.mm-wrapper_opened #hamburger span.top-bar {
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	top:12px;
}

html.mm-wrapper_opened #hamburger span.middle-bar {
	opacity:0;
	filter:alpha(opacity=0);
}

html.mm-wrapper_opened #hamburger span.bottom-bar {
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
	top:-10px;
}

html.mm-wrapper_opened #hamburger span.middle-bar {
	left:-40px;
}

/* Mmenu */

	.mm-panels {
	    background-color: #fff;
	}
		.mm-navbar {
		   text-align: left;
		    height: 50px !important;
		}
		#mm-1 .mm-navbar {
			padding: 0 15px;
		}
			.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
				color: rgb(0, 0, 0);
			}
			.mm-navbar__btn:first-child {
			    top: 8px;
			}
			.mm-panels > .mm-panel > .mm-listview:first-child, 
			.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
			    margin-top: -10px;
			}
				.mm-listitem > a, 
				.mm-listitem > span {
				    text-align: left;
				    text-transform: uppercase;
				    font-weight: 900;
				}
				
	.mm-menu_position-top {
	    height: 260px;
	    min-height: 140px;
	    max-height: 260px;
	}
	
/* Header */

	header {
		position:relative;
		height: 60px;
	}
	body.home header {
		position: fixed;
		left: 0;
		right: 0;
		bottom: auto;
		height: 120px;
		z-index: 100000000000;
		top: 0;
		opacity: 0;
		transition: opacity 1.4s ease;
	}
	html.fixed-home body.home header {
		/*position: relative;*/
	}
	
	.header-menu {
		position: absolute;
		bottom: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 75px;
		transition: 1s;
		background-color: #fff;
		border-bottom: 1px solid #F0F1F5;
	}
	body.home.darker .header-menu {
		background-color: #fff;
		top: 0;
		height: 75px;
		border-bottom: 1px solid #F0F1F5;
	}
	body.home .header-menu {
		background: none transparent;
		border: none;
	}
	body:not(.home) .header-menu {
		position:relative;
	}
	
	html.fixed .header-menu {
		position: fixed;
		background-image: none;
		top:0;
		z-index:10000;
		/*border-bottom: 1px solid #1B365D;*/
	}
		header .navbar-nav {
			float: right;
		}
	
		.header-menu .navbar-nav,
		.header-menu .navbar-nav li {
			display: inline-block;
		}
		.header-menu .navbar-nav li {
			margin: 0 32px;
		}
		.header-menu .navbar-nav li:first-child {
			margin-left: 0;
		}
		.header-menu .navbar-nav li:last-child {
			margin-right: 0;
		}
			.navbar-nav li a {
				color: #020C14;
				text-transform: uppercase;
	
				font-family: "Euclid-Regular"; /* Euclid Circular B Trial */
				font-size: 30px;
				font-weight: 600;
				letter-spacing: 1px;
				line-height: 58px;
			}
			body.home .navbar-nav li a {
				font-size: 30px;
				line-height: 58px;
			}
			body.home:not(.darker) .navbar-nav li a {
				color: #fff;
			}
			.navbar-nav li a.active {
				text-decoration: underline;
			}
			
			a#logo-link.nav-link {
				padding-left: 0;
			}
	
	
	/* Rotating Logo */
	
		body .logo-link-container {
			-webkit-transition: 4s all cubic-bezier(0.34, 0, 0.34, 1);
		    -o-transition: 4s all cubic-bezier(0.34, 0, 0.34, 1);
		    transition: 4s all cubic-bezier(0.34, 0, 0.34, 1);
		    /*position: fixed;*/
		    top: 0;
		    /*z-index: 1;*/
		    /*width: 100vw;*/
		    display: -webkit-box;
		    display: -webkit-flex;
		    display: -ms-flexbox;
		    display: flex;
		    -webkit-box-orient: horizontal;
		    -webkit-box-direction: normal;
		    -webkit-flex-direction: row;
		    -ms-flex-direction: row;
		    flex-direction: row;
		    -webkit-box-pack: justify;
		    -webkit-justify-content: space-between;
		    -ms-flex-pack: justify;
		    justify-content: space-between;
		    -webkit-box-align: center;
		    -webkit-align-items: center;
		    -ms-flex-align: center;
		    align-items: center;
		    /*background: linear-gradient(rgba(2, 12, 20, .9) 0%, rgba(2, 12, 20, .67) 40%, rgba(2, 12, 20, 0) 100%);
		    padding: 3.5em 6em 0 6em;
		    opacity: 0;*/
		}
		body #logo-link,
		body #logo-link img {
		    will-change: transform;
		}
		
		body #logo-link {
		    -webkit-transition: .4s transform cubic-bezier(0.34, 0, 0.34, 1);
		    -o-transition: .4s transform cubic-bezier(0.34, 0, 0.34, 1);
		    transition: .4s transform cubic-bezier(0.34, 0, 0.34, 1);
		}
		
		body #logo-link img {
		    -webkit-transition: .3s transform .1s cubic-bezier(0.34, 0, 0.34, 1);
		    -o-transition: .3s transform .1s cubic-bezier(0.34, 0, 0.34, 1);
		    transition: .3s transform .1s cubic-bezier(0.34, 0, 0.34, 1);
		}
		
		body #logo-link.minimised {
		   /* -webkit-transform: translateY(-64px);
		    -ms-transform: translateY(-64px);
		    transform: translateY(-64px);*/
		}
		
		body #logo-link.minimised img {
		    -webkit-transform: rotate(90deg) scale(.5);
		    -ms-transform: rotate(90deg) scale(.5);
		    transform: rotate(90deg) scale(.5);
		}
			
/* Page */

	/* Home */
	
		/* Author's custom styles */
		#blob-shape {
		    /* will-change: transform;
		    animation: 2s linear 2s reveal forwards;*/
		    /* transform-origin: center; */
		    /*-webkit-transform: scale(0);
		    transform: scale(0); */
		}
		
		@-webkit-keyframes reveal {
		    0% {
		        -webkit-transform: scale(0);
		        transform: scale(0);
		    }
		
		    100% {
		        -webkit-transform: scale(2.0);
		        transform: scale(2.0);
		    }
		}
		
		@keyframes reveal {
		    0% {
		        -webkit-transform: scale(0);
		        transform: scale(0);
		    }
		
		    100% {
		        -webkit-transform: scale(2.0);
		        transform: scale(2.0);
		    }
		}
		
		
		
		#look-down {
		    will-change: opacity;
		    position: absolute;
		    bottom: 2em;
		    width: 100%;
		    opacity: 0;
		    text-align: center;
		}
		
		#look-down::before {
		    margin: auto;
		    content: url(./images/arrow-down.png);
		}
		
		#background-image {
		/*
		    -webkit-animation: 60s ease-out 6s kenburns forwards;
		    animation: 60s ease-out 6s kenburns forwards;
		    will-change: opacity, transform;
		*/
		    position: absolute; /*fixed*/
		    top: 0;
			left:0;
		    z-index: -10;
		    width: 100%;
		    height: 100vh;
		    transition: all 1s ease;
		    background-color: #000;
		}
		
		@-webkit-keyframes kenburns {
		    0% {
		        -webkit-transform: scale(1);
		        transform: scale(1);
		    }
		
		    100% {
		        -webkit-transform: scale(1.2);
		        transform: scale(1.2);
		    }
		}
		
		@keyframes kenburns {
		    0% {
		        -webkit-transform: scale(1);
		        transform: scale(1);
		    }
		
		    100% {
		        -webkit-transform: scale(1.2);
		        transform: scale(1.2);
		    }
		}
		
		#background-overlay {
		    will-change: background;
		    /*position: fixed;*/
		    top: 0;
			left:0;
		    z-index: -5;
		    width: 100%;
		    height: 100vh;
		    background: -webkit-gradient(linear, left top, left bottom, color-stop(100%, rgba(2, 12, 20, .35)), color-stop(50%, rgba(2, 12, 20, 0)), color-stop(0%, rgba(2, 12, 20, 0)));
		    background: -webkit-linear-gradient(rgba(2, 12, 20, .35) 100%, rgba(2, 12, 20, 0) 50%, rgba(2, 12, 20, 0) 0%);
		    background: -o-linear-gradient(rgba(2, 12, 20, .35) 100%, rgba(2, 12, 20, 0) 50%, rgba(2, 12, 20, 0) 0%);
		    background: linear-gradient(rgba(2, 12, 20, .35) 100%, rgba(2, 12, 20, 0) 50%, rgba(2, 12, 20, 0) 0%);
		    opacity: 1;
		    transition: opacity 1.4s ease;
		}
		
		#background-ready {
			top: 0;
			left:0;
		    z-index: 1;
		    width: 100%;
		    height: 100vh;
		    opacity: 0;
		    transition: opacity 1.4s ease;
		    background-size: cover;
			background-position: top left;
			background-repeat: no-repeat;
			position: absolute;
		}
		
		.section-home-map {
			position: relative;
			z-index: -1;
			top: -150px;
			margin-bottom: -150px;
		}
		.homepage-map {
			width: 100%;
			min-height: 800px;
			background-position: center center;
			background-size: cover;
			background-repeat: no-repeat;
			background-image: url(./images/homemap.png);
		}
		
	/* Projects Slider */
	
		.header-project-slider.slick-slider.slick-dotted {
			display:  block;
			width: 100%;
			margin-bottom: 0;
		}
			.header-project-slider .slick-list {
				padding: 0 !important;
			}
				.header-project-slider .slick-slide > div:not(.project-slider-text) {
					position: relative;
					width: 100%;
					height: 100%;
				}
					.header-project-slider .slick-slide > div:not(.project-slider-text) > div:not(.project-slider-text) {
						display: block;
					}
						.project-slider-image {
							background-position: center center;
							background-repeat: no-repeat;
							background-size: cover;
							display: block;
							width: 100%;
							height: 100vh;
							top:0;right:0;bottom:0;left:0;
						}
						.header-project-slider .project-slider-text {
							position: absolute;
							bottom: 14vh;
							right: 0;
							z-index: 4000;
							text-align: right;
							left: 0;
							width: 100%;
						}
							.header-project-slider .project-slider-text a {
								color: #fff;
								text-decoration: none;
								font-family: "Euclid-Bold";
								font-size: 24px;
								font-weight: 500;
								letter-spacing: 0.11px;
								line-height: 28px;
								text-align: right;
							}
								.project-slider-text .project-slider-location {
									opacity: 0.8;
									color: #E6E6E6;
									font-size: 16px;
									letter-spacing: 0.34px;
									width: 100%;
									display: inline-block;
								}
										
			.header-project-slider .slick-prev, 
			.header-project-slider .slick-next {
				display: none !important;
			}
			.header-project-slider-dots {
				bottom: 9vh;
				right: 0;
				left:0;
				width: 100%;
				text-align: right;
				position: absolute;
			}
				.header-project-slider-dots .hpsl-dots {
					bottom: 0;
				}
					.hpsl-dots .slick-dots {
					    bottom:0;
						right: 0;
						left: auto;
						float: right;
						text-align: right;
						top: auto;
					}
						.hpsl-dots .slick-dots li {
						    background-color: #fff;
						    height: 2px;
						    opacity: .5;
							width: 30px;
							margin: 0 15px 0 5px;
						}
						.hpsl-dots .slick-dots li.slick-active {
						    opacity: 1;
						}
							.hpsl-dots .slick-dots li button {
							    
							}
							.hpsl-dots .slick-dots li button::before {
							    color: #fff;
							    content: " ";
							}
						.hpsl-dots .slick-dots li.active {
						    
						}
							.hpsl-dots .slick-dots li.active button {
							    
							}
							.hpsl-dots .slick-dots li:active button::before {
							    color: #fff;
							}

	/* Projets */
	
		.sub-pages {
			display: block;
			float: right;
			margin:0;
			padding: 0;
		}
		.text-left .sub-pages {
			float: left;
		}
			.sub-pages li {
				display:inline-block;
				margin-left: 15px;
			}
			.sub-pages li:first-child {
				margin-left: 0;
			}
				.sub-pages li a {
					display:block;
					color: #020C14;
					text-transform: uppercase;
					text-decoration: none;
					padding-bottom:4px;
				}
				.sub-pages li a.active {
					/*text-decoration: underline;*/
					border-bottom: 1px solid #020C14;
				}


/* Filters */

	.filter-types {
		overflow: hidden;
	}

	ul.ul-filter {
		margin: 32px 0;
		padding: 0;
	}
		ul.ul-filter li {
			display: inline-block;
			margin-right: 15px;
			font-size: 20px;
			line-height: 20px;
			opacity: .4;
			transition: all .7s ease;
			margin-bottom: 16px;
		}
		ul.ul-filter.filter-program li {
			/*float: right;*/
		}
		ul.ul-filter.filter-program li,
		ul.ul-filter.filter-size li span {
			cursor: pointer;
			text-transform: uppercase;
		}
		ul.ul-filter.filter-program.fp1 li:first-child {
			margin-right: 45px;/**/
			font-weight: 900;
		}
		ul.ul-filter.filter-program.fp2 li:first-child {
			display: none;
		}
			ul.ul-filter.filter-program li:before {
				content: "+";
				transition: all .7s ease;
				display: inline-block;
				margin-right: 5px;
				font-size: 20px;
				line-height: 20px;
			}
		ul.ul-filter li.active {
			opacity: 1;
		}
			ul.ul-filter.filter-program li.active:before {
				transform: rotate(45deg);
			}
			
	.filter-slider {
		transition: all .7s ease;
	}
	ul.ul-filter.filter-size {
		display:table;
		width: calc(100% + 15px);
		margin: 32px 0 16px;
	}
		ul.ul-filter.filter-size li {
			display:table-cell;
			text-align: left;
			text-indent: -6px;
		}
		ul.ul-filter.filter-size li:last-child {
		    text-indent: -22px !important;
		}
			
	.filter-slider {
		
	}
		.filter-slide-ctnr {
			width: calc(100% + 15px);
			position:relative;
			height: 8px;
		}
			.filter-slide-bg {
				display: block;
				height:2px;
				background-color: #020C14;
				opacity: .3;
				position: absolute;
				left: 0;
				top: 3px;
			}
			.filter-slide {
				display: block;
				/*height:2px;
				top:2px;*/
				transition: all 1s ease;
				background-color: #020C14;
				position: absolute;
				left: 0;
				
				width: 2px;
				height:8px;
				top:0;
				opacity: 1;
			}
			.filter-slide.init {
				opacity: 0;
				left: 0;
			}
			.filter-slide-markers {
				display: block;
				height:8px;
				position: absolute;
				left: 0;
				width: 100%;
			}
				.filter-slide-marker {
					transition: all 1s ease;
					display: block;
					height:8px;
					position: absolute;
					background-color: #020C14;
					width: 2px;
					opacity: .3;
				}
				.filter-slide-marker.active {
					opacity: 1;
				}
				
/* Projects */
	/*
	.section-projects-selection .row {
		transition: opacity 1s ease;
	}*/
	
	.col-project a {
		text-decoration: none !important;
	}
	.col-project .project-title {
		font-family: "Euclid-Regular";
		color: #020C14;
		font-size: 24px;
		line-height: 24px;
	}
		span.project-location {
			font-family: "Euclid-Bold";
			display: inline-block;
			width: 100%;
			opacity: 0.4;
			text-transform: uppercase;
			font-size: 14px;
			letter-spacing: 1.75px;
			line-height: 28px;
		}
	
	.more-projects-move a {
		text-decoration: none !important;
	}
	.more-projects-move span {
		color: #020C14;
		font-family: "Euclid-Regular"; /* Euclid Circular B Trial */
		font-size: 18px;
		font-weight: 500;
		letter-spacing: 0.45px;
		line-height: 23px;
		text-align: center;
		text-transform: uppercase;
	}
	.more-projects-move i {
		color: #020C14;
		font-size: 18px;
		font-weight: 500;
		letter-spacing: 0.45px;
		line-height: 23px;
		text-align: center;
	}
	
	.single-projet .col-manifeste-text .manifeste-text-element {
		background-image: none !important;	
		background-color: #F5F5F5;
	}
	
	.link_manifeste_page {
		color: #333333;
		font-family: "Euclid-Regular";
		font-size: 18px;
		font-weight: 500;
		letter-spacing: 0.45px;
		line-height: 23px;
		text-align: left;
		text-transform: uppercase;
	}
	.col-manifeste-image {
		background-position: center center;
		background-repeat: no-repeat;
		max-height: 320px;
	}
	body.page-template-page-comment-tpl .col-manifeste-image {
		max-height: 704px;
	}
		.cmi-bg {
			background-position: center center;
			background-size: cover;
			background-repeat: no-repeat;
		}
			.col-manifeste-image img {
				opacity:0;
			}
			
	.wva-maj-title {
		opacity: 0.4;
		color: #000000;
		font-family: "Euclid-Regular";
		font-size: 14px;
		font-weight: 500;
		letter-spacing: 1.75px;
		line-height: 16px;
		text-transform: uppercase;
		display: inline-block;
		width: 100%;
	}
	.wva-info-spe {
		color: #020C14;
		font-family: "Euclid-Regular";
		font-size: 16px;
		font-weight: 500;
		display: block;
		width: 100%;
		top: -10px;
		position: relative;
	}
	.single-projet .section {
		text-align: justify;
	}
	
/* Page Comment */

	.comment-section {
		/*margin-left: 15px;
		margin-right: 15px;*/
	    margin-top: 0px;
	}
		.comment-text-container {
			color: #020C14;
			font-family: "Euclid-Regular";
			font-size: 48px;
			font-weight: bold;
			line-height: 56px;
		}
			.comment-text-background {
				/*background-color: #F5F5F5;*/
				padding: 15% 0;
				/*margin: 0 -15px;*/
			}
				.col-manifeste-text {
					color: #020C14 !important;
					font-family: "Euclid-Regular";
					font-size: 32px;
					font-weight: bold;
					line-height: 32px;
				}
					.col-manifeste-text a {
						color: #020C14 !important;
						text-decoration: none !important;
					}
					.col-manifeste-text .manifeste-text-element {
						background-size: cover;
						background-position: center center;
						background-repeat: no-repeat;
						display: block;
						height: 100%;
						
						background-color: #ffffff !important;
						background-image: unset !important;
						position: relative;
					}
					body.page-template-page-qui-qui-tpl .col-manifeste-text .manifeste-text-element,
					body.page-template-page-qui-tpl .col-manifeste-text .manifeste-text-element  {
						background-color: #ffffff !important;
					}
						.col-manifeste-text span.manifest-name {
							width: 60%;
							display: block;
							margin: 0 auto;
							position:relative;
							z-index: 10;
						}
							.comment-read-more {
								font-family: "Euclid-Regular";
								font-size: 14px;
								font-weight: 500;
								letter-spacing: 1.75px;
								line-height: 36px;
								display: block;
								color: #020C14 !important;
								text-decoration: none !important;
								opacity: 1;
								text-transform: uppercase;
								text-align: right;
								position: absolute;
								bottom: 25px;
								top: auto;
								right:15px;
								left: auto;
							}
						.single-projet .col-manifeste-text span.manifest-name {
							width: 85%;
						}
				.col-manifeste-image {}
					.col-manifeste-image .cmi-img {
						background-size: cover;
						background-position: center center;
						background-repeat: no-repeat;
					}
		
/* Page Qui */

	/* Override Manifeste like rendering */
	
	.section-page-qui {}
		.section-page-qui .comment-text-container {
			color: #020C14;
			font-family: "Euclid-Regular";
			font-size: 48px;
			font-weight: bold;
			line-height: 56px;
		}
			.section-page-qui .col-manifeste-text {
				font-size: 18px;
				line-height: 32px;
				font-weight: 300;
			}
				.section-page-qui .col-manifeste-text h2,
				.content_blocks_custom h2,
				.page-template-page-comment-tpl .the-content h2 {
					font-size: 48px;
					line-height: 48px;
					font-family: "Euclid-Bold";
				}
		.section-page-qui .col-manifeste-image {
			max-height: 704px;
		}
	
	.section-equipe {}
		.col-equipe-text {
			
		}
			.col-equipe-text a {
				color: #020C14;
				font-family: "Euclid-Regular";
				font-size: 32px;
				font-weight: bold;
				line-height: 32px;
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
				display: block;
				width: 100%;
				height: 100%;
				text-decoration: none !important;
			}
				.col-equipe-text span.col-equipe-mask {}
				.col-equipe-text span.col-equipe-excerpt {display: block;padding: 25px 15px 0px 15px;}
					.col-equipe-title {
						display:block;
						width: 100%;
						z-index:2;
					}
					.col-equipe-text span.col-equipe-more {
						color: #020C14;
						font-family: "Euclid-Regular";
						font-size: 14px;
						font-weight: 500;
						letter-spacing: 1.75px;
						line-height: 36px;
						text-align: left;
						text-transform: uppercase;
						opacity: .8;
						z-index: 4;
						display:inline-block;
						width:100%;
					}
		.col-equipe-image {}
			.people-portrait {
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
				display: block;
				width: 100%;
				height: 100%;
			}
			.col-equipe-image img {
				display: block;
				width: 100%;
			}
			.col-equipe-image span.col-equipe-excerpt {
				color: #020C14;
				font-family: "Euclid-Regular";
				font-size: 24px !important;
				font-weight: bold;
				line-height: 24px !important;
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
				display: block;
				width: 100%;
				height: 100%;
				text-decoration: none !important;
			}
			
	/* Single Equipe */
	
		body.single-equipe .equipe-description .comment-text-background {
			/*background-color: #F5F5F5;
			border-left: 15px solid #fff;
			border-right: 15px solid #fff;*/
			height: 100%;
			padding: 15%;
		}
			
/* Page Liste */

	.section-liste {
		
	}
		.section-liste-title {
			color: #020C14;
			font-family: "Euclid-Regular";
			font-size: 32px;
			font-weight: bold;
			line-height: 41px;
		}
			.liste-block-top-title {
				opacity: 0.4;
				color: #020C14;
				font-family: "Euclid-Regular";
				font-size: 14px;
				font-weight: 500;
				letter-spacing: 1.75px;
				line-height: 20px;
				display: block;
				width: 100%;
				text-transform: uppercase;
			}
			.liste-block-main-title {
				color: #020C14;
				font-family: "Euclid-Regular";
				font-size: 24px;
				font-weight: bold;
				line-height: 24px;
				display: block;
				width: 100%;
			}
			.liste-block-text {
				color: #020C14;
				font-family: "Euclid-Regular";
				font-size: 20px;
				line-height: 24px;
				display: block;
				width: 100%;
			}
			.liste-block-image {
				
			}
			
/* Maps */

	.acf-map {
	    height: 70vh;
	    margin: 45px 0;
	    overflow: hidden;
	    width: 100%;
	}
		.acf-map .marker {opacity:0;}
		.acf-map a {color: #000 !important;text-decoration: none !important;}
		.gm-style-iw-d {font-family: "Euclid-Regular";}
		.marker-title strong {font-weight:900;padding-top:5px;display:inline-block;}

/* Footer */
	
	footer > .section {
	    padding-left: 15px;
	    padding-right: 15px;
		opacity: 0.6;
		font-size: 14px;
		font-weight: 500;
		line-height: 24px;
		
		
		color: #020C14;
		font-family: "Euclid-Regular"; /* Euclid Circular B Trial */
		font-size: 16px;
		font-weight: 500;
		line-height: 20px;
	}
	
	footer ul.footer-pages {
		margin:0;
		padding:0;
	}
		footer ul.footer-pages li {
			display: inline-block;
			float: left;
		}
		/*footer ul.footer-pages li:first-child {
			margin-right:5px;
		}
		footer ul.footer-pages li:last-child {
			margin-left:9px;
			position: relative;
		}
		footer ul.footer-pages li:last-child::before {
			content: " ";
			display:block;
			width:4px;
			height:4px;
			background-color: #020C14;
			border-radius: 2px;
			position: absolute;
			left:-9px;
			top:11px;
		}*/
			footer a, 
			footer ul.footer-pages li a {
				color: #020C14;
			}
		
	footer .language_selecter {
		display: inline-block;
		float: right;
		text-transform: uppercase;
		margin: 0;
	}
		footer .language_selecter li {
			display: inline-block;
			float: right;
		}
			footer .language_selecter li a {
				
				line-height: 56px;
				padding: 0 0.5rem;
				font-size: 26px;
				text-transform: uppercase;
				
				color: #000000;
				font-family: "Avenir Next";
				font-size: 18px;
				font-weight: 600;
				letter-spacing: 0.82px;
				line-height: 25px;
			}
			footer .language_selecter li a.selected {
				text-decoration: underline;
			}
			footer .language_selecter li:last-child a,
			footer .language_selecter li:first-child a {
				padding-right: 0;
			}
			footer .language_selecter li:last-child a::after {
				content: "|";
				display: inline-block;
				margin-left: 0.5rem;
				font-size: 17px;
			}

/* Back To Top Button */
	
	#backtotopBtn {
	    display: none;
	    position: fixed;
	    bottom: 64px;
	    right: 15px;
	    z-index: 99999;
	    border: none;
	    outline: none;
	    background-color: #1D1D1B;
	    color: #ffffff;
	    cursor: pointer;
	    height: 56px;
		width: 56px;
		box-shadow: 0 8px 8px 0 rgba(0,0,0,0.04);
	}
	
	#backtotopBtn:hover {
	    background-color: #bebebe;
	}
	
		#backtotopBtn span {
			position: absolute;
			display: block;
			top: 19px;
			left: 39%;
		}
		#backtotopBtn img {
			margin-bottom: 5px;
		}
		


@media (max-width: 1199.98px) {
	.col-manifeste-image {
	    max-height: 300px;
	}
	/*
	.col-equipe-text a,
	.col-equipe-image span.col-equipe-excerpt {
		font-size: 22px;
		line-height: 22px;
	}
	*/
	.single-projet .section-manifeste .col-manifeste-text {
		font-size: 24px;
		font-weight: bold;
		line-height: 24px;
	}
}

@media (max-width: 991.98px) {
	
	.header-mobile {
		position: fixed;
		z-index: 100000000000;
		bottom: auto;
		right: 0;
		left: 0;
	}
	body.home header {
		display:none;
	}
	.col-manifeste-image {
	    max-height: 250px;
	}
	/*
	.col-equipe-excerpt {
		position: absolute;
		bottom: 5px;
		top: auto;
		height: 25%;
		left:15px;right:15px;
		z-index:2;
	}
	*/
	.col-manifeste-text,
	.col-equipe-text a/*,
	.col-equipe-image span.col-equipe-excerpt*/ {
		font-size: 28px;
		line-height: 28px;
	}
	/*
	.col-equipe-excerpt-text {
		display: none;
	}
	.col-equipe-text span.col-equipe-mask {
		display: block;
		background-color: #fff;
		opacity:.7;
		position: absolute;
		z-index:1;
		top:auto;right:0;bottom:0;left:0;
		width: 100%;
		height:25%;
	}
	*/
	.section-page-qui .col-manifeste-text {
		font-size: 16px;
		line-height: 24px;
	}
	
}

@media (max-width: 767.98px) {
	
	.col-manifeste-text .manifeste-text-element {
		padding: 50px 0;
	}
	.col-manifeste-image {
	    max-height: 200px;
	    margin-top:2rem;
	    margin-bottom: 3rem;
	}
	.manifest-mask {
		display: block;
		background-color: #fff;
		opacity:0;
		position: absolute;
		z-index:1;
		top:0;right:0;bottom:0;left:0;
		width: 100%;
		height:100%;
	}
	.comment-read-more {
		bottom: 0;
		/*right: 49%;*/
	}
	.section-page-qui .col-manifeste-text h2, .content_blocks_custom h2 {
		font-size: 40px;
		line-height: 40px;
	}
	.col-manifeste-text,
	.col-equipe-text a,
	.col-equipe-image span.col-equipe-excerpt {
		font-size: 26px;
		line-height: 26px;
		/*text-align: center;*/
		
		background: none !important;
		height: auto !important;
		display: block;
	}
		.col-equipe-excerpt {
		    position: relative;
		    bottom: auto;
		    top: auto;
		    height: auto;
		    left: auto;
		    right: auto
		    z-index: 2;
		}
		.col-equipe-text span.col-equipe-mask {
			display: none;
			opacity: 0;
		}
	.col-equipe-text a,
	.col-equipe-image span.col-equipe-excerpt {
		text-align: left;
	}
	.sub-pages li {
		margin-right: 10px;
		margin-left: 0;
	}
		.sub-pages li a {
			font-size: 15px;
		}
	.comment-text-background {
		padding: 15% 15px;
	}
	
}
		
@media (max-width: 575.98px) { 
	
	.section-page-qui .col-manifeste-text h2, 
	.content_blocks_custom h2 {
		font-size: 30px;
		line-height: 30px;
	}
	.col-manifeste-text,
	.col-equipe-text a,
	.col-equipe-image span.col-equipe-excerpt {
		font-size: 22px;
		line-height: 22px;
	}
	
}
		
@media (max-width: 480px) { 
	
	.col-manifeste-text,
	.col-equipe-text a,
	.col-equipe-image span.col-equipe-excerpt {
		font-size: 18px;
		line-height: 18px;
	}
	
}

@media (min-width: 1200px) {
	
	.container {
	    max-width: 1600px;
	}

}
@media (min-width: 768px) {
	
	.col-manifeste-text .manifeste-text-element {
		background-image: none !important;	
		background-color: #F5F5F5;
	}
	
	
	.col-equipe-text a {
		background-image: none !important;	
		/*background-color: #F5F5F5;*/
	}
	
}

@media (min-width: 992px) {
	
	.col-equipe-text a {
		background-image: none !important;	
		/*background-color: #F5F5F5;*/
	}
	
}