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

.container.mm-panel.mm-panel_has-navbar.mm-panel_opened {
	margin: auto;
}

.mm-menu {
  background: black;
  color: white
}

.mm-listitem {
	text-align: right;
}

/* Fonts */

.footer-contact {
	font-size: 16px;
}
		
/* Font Styles */

	/* Titre 2 : ref: taille et graisse du texte d’introduction sur la homepage */
		h2:not(.av-titre3),
		.av-titre2 {
			 font-family: "Montserrat", sans-serif;
			font-size: 40px;
			line-height: 1.4;
		}
		/* S'applique sur: 	— le texte d’introduction sur la homepage */
	
	/* Titre 3 : ref: taille et graisse du menu. */
		h2.av-titre3, 
		h3, 
		a.mm-navbar__title,
		.av-titre3 {
			 font-family: "Montserrat", sans-serif;
			font-size: 21px;
			font-weight: 300;
			line-height: 1.4;
		}
		/* S'applique sur: 	— le menu
							— le nom du client (page d’un projet)
							— le nom du projet (page d’un projet)
							— le texte de description du projet (page d’un projet)
							— mention 'PROJET SIMILAIRES' (suggestion de projet en bas d’une page de projet)
							— l'adresse mail 'bonjour@avalanchedesign.ch' (pieds de pages) */
	
	/* TITRE 4 : ref: puces 'client' et 'projet' (page projet) */
		h2.av-titre4, 
		h4,
		.av-titre4 {
			 font-family: "Montserrat", sans-serif;
			font-size: 15px;
			font-variant-caps: all-petite-caps;
			font-weight: 300;
			letter-spacing: 1px;
			line-height: 1.4;
			word-break: break-word;
		}
		/* S'applique sur: 	— les puces 'client', 'projet' ET 'ANNEE'
							— la mention 'Contactez-nous' (pieds de pages)
							— la mention 'selection de projets' sur la homepage. */
	
	/* PARAGRAPHES : ref: puces 'client' et 'projet' (page projet) */
		p,
		.av-paragraphe {
			 font-family: "Montserrat", sans-serif;
			font-size: 16px;
			font-weight: 300;
			line-height: 1.4;
		}
		/* S'applique sur: 	— les sous-titres de vignettes (mention 'projet')
							— textes des pieds de pages.
							— Titres sur slide vidéo (homepage)
							— liens vers réseaux sociaux (pieds de pages) */

	/* LEGENDES : pour nous permettre de créditer certaines photos de projet */
		.av-legende,
		.av-legende p {
			 font-family: "Montserrat", sans-serif;
			font-size: 12px;
			font-weight: 300;
			line-height: 1.4;
		}
		.av-legende a {
			color: #ffffff;
		}
		.av-legende a:hover {
			color: #fff;
		}

/* General */

html {
	font-size: 1em;
	-webkit-text-size-adjust: 1em;
	-ms-text-size-adjust: 1em;
}

body ul.language_selecter, body.menu-lang {display: none !important;}

body{color: #fff; }

.color{color: #a0824c; }

.serif{
	font-family: "Gilda Display", serif!important;}
.light{
	font-family: "Montserrat", sans-serif!important;;
			font-weight: 100!important;;
}
.light-300{
	font-family: "Montserrat", sans-serif!important;;
			font-weight: 300!important;;
}
.displaynone {
	display: none !important;
}

.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%;
	width:100%;
}

body {
	background: #000;
	font-size: 100%;
	font-family: 'helvetica';
}

.header-mobile{
	padding: 10px 0;
	background: #000;
	border-bottom: 1px solid #fff;
}
a.logo, 
a.log:hover {
	text-decoration: none;
	color: #fff;
}

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



html:not(.mm-wrapper_opened) #hamburger {
	width:25px;
}

#hamburger span {
	background:#fff;
	display:block;
	height:2px;
	margin:4px 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;
	cursor: pointer;
}

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

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;
		    border-bottom: 1px solid #cacaca;
		}
		#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: right;
				    color: white !important;
				}
				.mm-listitem::after {
				    display: none;
				}
			.mm-listitem.menu-lang {
				text-align: left;
				position: absolute;
				bottom: 60px;
			}
				.mm-listitem > a.menu-lang-a {
				    display: inline-block;
				    padding: 10px 0;
				    margin-left: 15px;
				    text-transform: uppercase;
				}
				.mm-listitem > a.menu-lang-a.selected {
					text-decoration: underline;
				}
	.mm-listview {
	    background-color: #e6e7e7;
	}
				
	.mm-menu_position-top {
	    height: 260px;
	    min-height: 140px;
	    max-height: 260px;
	}
	
	
	
	html.mm-wrapper_opened .header-mobile {
		position: fixed;
		width: 100%;
	}
	
	nav#menu-mobile {
	    top: 60px;
	    padding-bottom: 60px;
	}
		.mm-panels,
		.mm-listitem,
		.mm-listview,
		.mm-listitem a,
		.mm-listitem span,
		.mm-listview a,
		.mm-listview span {
		    background-color: black !important;
		}
		div#mm-1 {
		    padding-top: 10px;
		}
			#mm-1 .mm-navbar {
				display: none;
			}
			.mm-panels > .mm-panel > .mm-listview:first-child, 
			.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
			    margin-top: 0;
			    margin-bottom: 0;
				height: 100%;
				position: relative;
			}
			.mm-listitem > a, 
			.mm-listitem > span {
				font-family: helvetica;
				padding: 10px 10px 10px 15px;
				font-size: 28px;
				line-height: 32px;
			}
	.mm-menu_position-top {
	    height: 100%;
	    max-height: 100%;
	}
		.mm-panel::after, .mm-panel::before {
			display: none;
		}
	
	

/* Header */

	/* Image & Video
	
	.section.img-header {
		min-height: 600px;
		background-size: cover;
		background-position: center;
	}
	
	video {
	    top:0;
	    right: 0;
	    bottom: 0;
	    left: auto;
	    width: 100%;
	    height: auto;
	    object-fit: cover;
	}
	header video {
		height:100vh;
		max-height:100vh;
	}
	
	/***********************************************************************************************
	* Header
	*/
	header {
		position:relative;
		height: 60px;
	}
	body.home header {
		position: fixed;
		left: 0;
		right: 0;
		bottom: auto;
		height: 60px;
		z-index: 100000000000;
		top: 0;
	}
	html.fixed-home body.home header {
		position: relative;
	}
	
	.header-menu {
		position: absolute;
		bottom: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 60px;
		transition: 1s;
		background-color: #000;
		border-bottom: 1px solid #fff; /*F0F1F5*/
	}
	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 #cacaca;
	}
	
		.header-menu .navbar-nav {
			padding-top: 6px;
		}
		.header-menu .navbar-nav,
		.header-menu .navbar-nav li {
			display: inline-block;
		}
		.header-menu .navbar-nav li {
			margin: 0 25px;
		}
		.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: #fff;
			}
			.navbar-nav li a.active {
				text-decoration: underline;
			}
		
	.header-menu .language_selecter {
		display: inline-block;
		float: right;
		text-transform: uppercase;
		margin: 0;
	}
		.header-menu .language_selecter li {
			display: inline-block;
			float: right;
		}
			.header-menu .language_selecter li a {
				color: #fff;
				line-height: 56px;
				padding: 0 0.5rem;
				font-size: 21px;
			}
			.header-menu .language_selecter li a.selected {
				text-decoration: underline;
			}
			.header-menu .language_selecter li:last-child a,
			.header-menu .language_selecter li:first-child a {
				padding-right: 0;
			}
			.header-menu .language_selecter li:last-child a::after {
				content: "|";
				display: inline-block;
				margin-left: 0.5rem;
				font-size: 17px;
			}
			
/* Background Video */

	
	#video-viewport { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: -1; }
	video { display: block; width: 100%; height: calc(100vh - 58px); object-fit: cover; max-height: calc(100vh - 58px);}
	
	.fullsize-video-bg { height: 100vh; overflow: hidden; }
	
	.fullsize-video-bg:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
	
	
	.fullsize-video-bg .inner { display: table; width: 100%; max-width: 24em; height: 100%; margin: 0 auto; padding: 0; position: relative; z-index: 2; text-shadow: 0 1px 5px rgba(0,0,0,.5); }
	.fullsize-video-bg .inner > div { text-align: center; display: table-cell; vertical-align: middle; padding: 0 2em; }
	
	
	/* Slider Video */
	
	.header-video-slider {
		margin-top: 58px;
	}
	
		.header-video-slider.slick-slider.slick-dotted {
			display:  block;
			width: 100%;
			margin-bottom: 0;
		}
			.header-video-slider .slick-list {
				padding: 0 !important;
			}
				.header-video-slider .slick-slide > div:not(.video-slider-text) {
					position: relative;
					width: 100%;
					height: 100%;
				}
					.header-video-slider .slick-slide > div:not(.video-slider-text) > div:not(.video-slider-text) {
						display: block;
					}
						.fullsize-video-bg- {
						    height: 100vh;
						}
							.header-video-slider .slick-slide > div:not(.video-slider-text) > div:not(.video-slider-text) .video-viewport-slider {
								position: relative;
								/* height: 100vh; */
							}
								.header-video-slider .slick-slide > div:not(.video-slider-text) > div:not(.video-slider-text) video {
									position: absolute;
									top: 0; bottom: 0; right: 0; left: 0;
									min-width: 100%;
									min-height: 100%;
									z-index: 400;
									transition: all .1s ease;
								}
						.header-video-slider .video-slider-text {
							position: absolute;
							bottom: 14vh;
							right: 5vh;
							z-index: 400;
						}
							.header-video-slider .video-slider-text a {
								color: #fff;
								text-decoration: none;
								font-family: helvetica;
							}
			.header-video-slider .slick-prev, 
			.header-video-slider .slick-next {
				display: none !important;
			}
			.header-video-slider .slick-dots {
			    bottom: 11.5vh;
				right: 5vh;
				text-align: right;
			}
				.header-video-slider .slick-dots li {
				    background-color: #fff;
				    height: 2px;
				    opacity: .5;
				}
				.header-video-slider .slick-dots li.slick-active {
				    opacity: 1;
				}
					.header-video-slider .slick-dots li button {
					    
					}
					.header-video-slider .slick-dots li button::before {
					    color: #fff;
					    content: " ";
					}
				.header-video-slider .slick-dots li.active {
				    
				}
					.header-video-slider .slick-dots li.active button {
					    
					}
					.header-video-slider .slick-dots li:active button::before {
					    color: #fff;
					}
	
/* Background Image */

	body.home .section.img-header {
		height: 100vh;
		width: 100%;
		display: block;
		background-size: cover;
    	background-position: center center;
	}
	
/* Content */

	/* Home */
	
		ul.home-links {
			list-style: none;
			margin: 0;
			padding: 0;
			position: relative;
		}
			ul.home-links li,
			.more-projects-move {
				position: relative;
			}
				ul.home-links li a,
				ul.home-links li a span,
				.more-projects-move a,
				.more-projects-move a span {
					color: #fff;
					font-family: helvetica;
					transition: all .7s cubic-bezier(.5, 0, 0, .99);
					position: relative;
				}
				ul.home-links li a i,
				.more-projects-move a i {
					position: relative;
					transition: all .7s cubic-bezier(.5, 0, 0, .99);
					left: -10px;
				}
				ul.home-links li a span,
				.more-projects-move a span {
					left: 0;
				}
				ul.home-links li:hover a,
				.more-projects-move:hover a {
					text-decoration: none;
				}
					ul.home-links li:hover a i,
					.more-projects-move:hover a i {
						transform: translateX(20px);
						left: -5px;
						text-decoration: none;
					}
					ul.home-links li:hover a span,
					.more-projects-move:hover a span {
						transform: translateX(20px);
						left: 15px;
						text-decoration: none;
					}

	/* The Content */
	
		.title-uppercase {
			text-transform: uppercase;
			font-family: helvetica;
			font-size: 20px;
		}
		
		.the-content {
			
		}
			.the-content a,
			.content_blocks_custom a {
				color: #ffffff;
			}
			.the-content a:hover,
			.content_blocks_custom a:hover {
				color: #fff;
			}
			.the-content p {
				font-family: helvetica;
				font-size: 24px;
			}
			.the-content h3 {
				font-family: "Gilda Display", serif!important;;
				font-size: 24px;
			}
			body.home .the-content p {
				font-size: 40px;
			}

	/* Selected Projects */
	
		.section-projects-selection a {
			color: #fff;
			text-decoration: none;
		}

	/* Linked Projects */
	
		.section-linked-projects {
			background-color: #F0F0F0;
		}
			.section-linked-projects .linked-projectlist .col-12 {
				/*opacity: 0;*/
				-webkit-transition: all 4s ease !important;
				transition: all 4s ease !important;
			}
		
		.project-title {
			display: inline-block;
			/*width: 100%;*/
			color: #fff;
			position: relative;
			/*transition: all .7s cubic-bezier(.5, 0, 0, .99);*/
		}
/*
		.section-projects-selection a:hover .project-title {
			transform: translateX(20px);
			left: 15px;
		}
*/
			.project-title i {
				display: inline-block;
				opacity: 0;
				transition: all .7s cubic-bezier(.5, 0, 0, .99);
				position: absolute;
				left: -20px;
				top: 3px;
			}
			.section-projects-selection a:hover .project-title i {
				opacity: 1;
			}
			.project-client {
				display: inline-block;
				font-family: helvetica;
			}
			.project-project {
				display: inline-block;
			}
			.project-year {
				display: inline-block;
				font-size: 14px;
				width:100%;
			}
		
/* Projet */

/*
	body.single-projet .project-info h2.av-titre3 {
		font-size:27px;
	}
	
*/
	ul.project-info {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	ul.project-info.project-info-left {
		display: inline-block;
		width: 140px;
		float: left;
		margin-right: 50px;
	}
		ul.project-info li.p-info {
			padding-top: 0;
			margin-top: -5px;
		}
		
/* Load More */

	.ergopix_loadmore{
		background-color: #fff;
		color: #fff;
		display: block;
		text-align: center;
		font-size: 14px;
		font-size: 0.875rem;
		font-weight: 800;
		letter-spacing:1px;
		cursor:pointer;
		text-transform: uppercase;
		padding: 10px 0;
		transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;  
	}
	.ergopix_loadmore:hover{
		background-color: #767676;
		color: #fff;
	}

/* Footer */

	footer {
		border-top: 1px solid #fff;
		margin-top: 3rem;
	}
		footer a,
		footer a:hover {
			color: #fff;
		}
		footer a.footer-logo {
		    position: relative;
		    top: -100px;
		}
		/*footer a.mailto {
		    font-size: 28px;
		    font-family: helvetica;
		}*/
		footer .adresse {
		    font-family: helvetica;
			line-height: 1.3;
		}
	
	footer .copyright{
		font-size: 12px !important;
	}	
		
/* Listing Styles */
/*
	.capslabel {
		font-family: helvetica;
		font-size: 15px;
		font-variant-caps: all-petite-caps;
		letter-spacing: 1px;
	} */

/* Back To Top Button */
	
	#backtotopBtn {
	    display: none;
	    position: fixed;
	    bottom: 50px;
	    right: 15px;
	    z-index: 99999;
	    border: none;
	    outline: none;
	    color: #fff;
	    background: none transparent;
	    cursor: pointer;
	    height: 56px;
		width: 56px;
	}
	
	#backtotopBtn:hover {
	    color: #bebebe;
	}
	
		#backtotopBtn span {
			position: absolute;
			display: block;
			bottom: 0;
			right: 0;
		}
		
/* Effects

	.MoveHorizontal {
		animation: MoveHorizontal 3s linear infinite;
		position:relative;
	}
	@keyframes MoveHorizontal {
	  0% {
	    left: 0px;
	  }
	  25% {
	    left: 10px;
	  }
	  50% {
	    left: 20px;
	  }
	  75% {
	    left: 10px;
	  }
	  100% {
	    left: 0px;
	  }
	} */
	
	 .closed .vertical {
	    transition: all 0.5s ease-in-out;
	    transform: rotate(-90deg);
	  }
	 .closed .horizontal {
	    transition: all 0.5s ease-in-out;
	    transform: rotate(-90deg);
	    opacity: 1;
	  }
	
	.opened {
	  opacity: 1;
	}
	  .opened .vertical {
	    transition: all 0.5s ease-in-out;
	    /*transform: rotate(90deg);*/
	  }
	  .opened .horizontal {
	    transition: all 0.5s ease-in-out;
	    /*transform: rotate(90deg);
	    opacity: 0;*/
	  }
	
	.circle-plus {
	    height: 4em;
	    width: 4em;
	    font-size: 1em;
	    opacity: 1;
	  
	}
	
	.circle-plus .circle {
	    position: relative;
	    width: 2.55em;
	    height: 3.5em;
	  border: 1px solid #000;
	  background-color: #f4f4f4;
	  cursor:pointer;
	}
	.circle-plus .circle .horizontal {
	    position: absolute;
	    background-color: #fff;
	    width: 30px;
	    height: 5px;
	    left: 50%;
	    margin-left: -15px;
	    top: 50%;
	    margin-top: -2.5px;
	}
	.circle-plus .circle .vertical {
	    position: absolute;
	    background-color: #fff;
	    width: 5px;
	    height: 30px;
	    left: 50%;
	    margin-left: -2.5px;
	    top: 50%;
	    margin-top: -15px;
	}
	.opened.circle-plus .circle .horizontal {
	  width: 50px;
	  margin-left:-25px;
	  border-top-left-radius:50%;
	  border-bottom-left-radius:50%;
	}
	.opened.circle-plus .circle .vertical.v1 {
	      transform: rotate(-45deg);
	    top: auto;
	    bottom: -1px;
	  height: 20px;
	  margin-left:-8.5px;
	  border-bottom-left-radius: 100%;
	}
	
	.opened.circle-plus .circle .vertical.v2 {
	      transform: rotate(45deg);
	    top: auto;
	    bottom: -1px;
	  height: 20px;
	  margin-left:4.5px;
	  border-bottom-right-radius: 100%;
	}
	
	.fa-arrow-right{display: none !important;}
	
	.center-arrow {
	  position: relative;
	}
	
	.menu-arrow {
	  position: relative;
	  /*border: 1px solid #000000;*/
	  width: 60px;
	  height: 60px;
	  cursor: pointer;
	  transform: rotate(270deg);
	}
	.menu-arrow .bars-arrow {
	  width: 40px;
	  height: 1px;
	  background-color: #000000;
	  transition: all .5s ease-in;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translateX(-50%) translateY(-50%);
	}
	.menu-arrow .bars-arrow:before {
	  content: '';
	  position: absolute;
	  left: 9px;
	  top: 11px;
	  background-color: #000000;
	  transition: all .5s ease-in;
	  height: 1px;
	  width: 22px;
	  transform: rotate(-90deg);
	}
	.menu-arrow .bars-arrow:after {
	  content: '';
	  position: absolute;
	  left: 9px;
	  bottom: 11px;
	  background-color: #000000;
	  transition: all .5s ease-in;
	  height: 1px;
	  width: 22px;
	  opacity: 1;
	  transform: rotate(-270deg);
	}
	.menu-arrow:hover .bars-arrow {
	  transform: translateX(-50%) translateY(-50%); /*rotate(270deg)*/
	  width: 60px;
	  left: 10px;
	}
	.menu-arrow:hover .bars-arrow:before {
	  width: 22px;
	  top: 5.5px;
	  left: -5.5px;
	  transform: rotate(-135deg) translateX(-3px);
	}
	.menu-arrow:hover .bars-arrow:after {
	  width: 22px;
	  transform: rotate(-225deg) translateX(0px);
	  top: -7.5px;
	  left: -3.5px;
	}
	
	
	.relative {
		position: relative;
		overflow: visible;
		display: block;
		height: 100px;
	}
	
	
	.center-arrow2 {
	  position: absolute;
	  margin-top: 32px;
	}
	
	.menu-arrow2 {
	  position: relative;
	  border: 1px solid #000000;
	  width: 60px;
	  height: 60px;
	  cursor: pointer;
	}
	.menu-arrow2 .bars-arrow2 {
	  width: 40px;
	  height: 1px;
	  background-color: #000000;
	  transition: all .3s;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translateX(-50%) translateY(-50%);
	}
	.menu-arrow2 .bars-arrow2:before {
	  content: '';
	  position: absolute;
	  left: 0px;
	  top: 0px;
	  background-color: #000000;
	  transition: all .3s;
	  height: 1px;
	  width: 40px;
	  transform: rotate(90deg);
	}
	.menu-arrow2 .bars-arrow2:after {
	  content: '';
	  position: absolute;
	  left: 0px;
	  bottom: 0px;
	  background-color: #000000;
	  transition: all .3s;
	  height: 1px;
	  width: 40px;
	  opacity: 1;
	  transform: rotate(90deg);
	}
	.menu-arrow2:hover .bars-arrow2 {
	  transform: translateX(-50%) translateY(-50%) rotate(270deg);
	}
	.menu-arrow2:hover .bars-arrow2:before {
	  width: 20px;
	  top: 5px;
	  left: -5px;
	  transform: rotate(-135deg) translateX(-3px);
	}
	.menu-arrow2:hover .bars-arrow2:after {
	  width: 20px;
	  transform: rotate(135deg) translateX(-3px);
	  top: -5px;
	  left: -5px;
	}
	
	footer .fab {
		font-size: 20px;
		line-height:23px;
	}
	footer .fab.fa-linkedin-in {
		font-size: 24px;
		top: 1px;
		position: relative;
	}


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

@media (max-width: 1199.98px) {
	
}
@media (max-width: 991.98px) {
	
	.header-video-slider {
		margin-top: 0px;
	}
	
	/* Font Styles */

		/* Titre 2 */
			h2:not(.av-titre3), 
			.av-titre2 {
				font-size: 36px;
			}
		
		/* Titre 3 */
			h2.av-titre3, 
			h3,
			a.mm-navbar__title,
			.av-titre3,
			body.home .the-content p {
				font-size: 28px;
			}
		
		/* TITRE 4 */
			h2.av-titre4, 
			h4,
			.av-titre4 {
				font-size: 13px;
			}
		
		/* PARAGRAPHES */
			p,
			.av-paragraphe {
				font-size: 13px;
			}
	
		/* LEGENDES */
			.av-legende,
			.av-legende p {
				font-size: 11px;
			}
			
	a.logo.av-titre3 {
		font-size: 28px;
		font-family: helvetica;
	}
			
	/* */
	
		.header-menu .navbar-nav li {
		    margin: 0 16px;
		}
		.header-menu .language_selecter li a {
			line-height: 48px;
		}
		
		ul.mm-listview {
		    padding-top: 10px;
		}
	/*	
	body.page-template-page-projets-tpl .section.section-projects-selection {
	    margin-top: 64px;
	}
	*/
	
}

@media (max-width: 767.98px) {

	/* Font Styles */

		/* Titre 2 */
			h2:not(.av-titre3), 
			.av-titre2 {
				font-size: 32px;
			}
		
		/* Titre 3 */
			h2.av-titre3, 
			h3,
			a.mm-navbar__title,
			.av-titre3,
			body.home .the-content p {
				font-size: 28px;
			}
		
		/* TITRE 4 */
			h2.av-titre4, 
			h4,
			.av-titre4 {
				font-size: 12px;
			}
		
		/* PARAGRAPHES */
			p,
			.av-paragraphe {
				font-size: 12px;
			}
	
		/* LEGENDES */
			.av-legende,
			.av-legende p {
				font-size: 10px;
			}
			
	footer a.av-titre3 {
		font-size: 24px;
	}
			
}

@media (max-width: 575.98px) { 
	
	/* Font Styles */

		/* Titre 2 */
			h2:not(.av-titre3), 
			.av-titre2 {
				font-size: 28px;
			}
		
		/* Titre 3 */
			h2.av-titre3, 
			h3,
			a.mm-navbar__title,
			.av-titre3,
			body.home .the-content p {
				font-size: 28px;
			}
	
	body.home .section.img-header {
	    height: 50vh;
	}
			
	footer a.av-titre3 {
		font-size: 20px;
	}
	
}

@media (max-width: 480px) { 
	
	footer a.av-titre3 {
		font-size: 18px;
	}
	
}

@media (max-width: 379.98px) {
 
	.fullsize-video-bg- {
	    height: 480px;
	}
	.header-video-slider .slick-slide > div:not(.video-slider-text) > div:not(.video-slider-text) .video-viewport-slider {
		height: 480px;
	}
	
}

@media (max-width: 320px) { 
	
	footer a.av-titre3 {
		font-size: 16px;
	}
	
}


/* Menu */
	
	@media (max-width: 1599px) {
		.header-menu .navbar-nav li { margin: 0 20px; }
		.navbar-nav li a.av-titre3,
		.header-menu .language_selecter li a.av-titre3 {font-size: 20px;}
		.header-menu .language_selecter li a {line-height: 48px;}
		.header-menu {height: 56px;}
	}
	@media (max-width: 1419px) {
		.header-menu .navbar-nav li { margin: 0 16px; }
		.navbar-nav li a.av-titre3,
		.header-menu .language_selecter li a.av-titre3 {font-size: 19px;}
		.header-menu .language_selecter li a {line-height: 48px;}
		.header-menu {height: 56px;}
	}
	@media (max-width: 1292px) {
		.header-menu .navbar-nav li { margin: 0 10px; }
		.navbar-nav li a.av-titre3,
		.header-menu .language_selecter li a.av-titre3 {font-size: 20px;}
		.header-menu .language_selecter li a {line-height: 48px;}
		.header-menu {height: 56px;}
	}
	@media (max-width: 1232px) {
		.header-menu .navbar-nav li { margin: 0 10px; }
		.navbar-nav li a.av-titre3,
		.header-menu .language_selecter li a.av-titre3 {font-size: 20px;}
		.header-menu .language_selecter li a {line-height: 44px;}
		.header-menu {height: 52px;}
	}
	@media (max-width: 1199.98px) {
		.header-menu .navbar-nav li { margin: 0 6px; }
		.navbar-nav li a.av-titre3,
		.header-menu .language_selecter li a.av-titre3 {font-size: 16px;}
		.header-menu .language_selecter li a {line-height: 40px;}
		.header-menu {height: 50px;}
	}
	@media (max-width: 1099.98px) {
		.header-menu .navbar-nav li { margin: 0 4px; }
		.navbar-nav li a.av-titre3,
		.header-menu .language_selecter li a.av-titre3 {font-size: 16px;}
		.header-menu .language_selecter li a {line-height: 40px;}
		.header-menu {height: 50px;}
	}