/*
	Theme Name: Zèbre Architecture 2026
	Theme URI: 
	Description: Développement spécifique
	Version: 2.0
	Author: ©2021 Et voilà le travail
	Author URI: http://etvoilaletravail.com

*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	box-sizing:border-box;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:300 14px/1.4 'Open Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
	color:#333;
}
/* body:after {
content: "Version 2021 // TEST";
position: fixed; z-index: 99999;
top: 50px; left: 150px; 
transform: rotate(-5deg);
color: #fff; background: red; padding: 5px; border-radius: 5px; 
} */
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table; 
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#888;
	text-decoration:none;
}
a:hover {
	color:#aaa;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus {
    background: #1a1a1a;  border: 0;
    border-radius: 2px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0.046875em;
    line-height: 1;
    padding: 0.84375em 0.875em 0.78125em;
    text-transform: uppercase; cursor: pointer;
}
h1,h2,h3 { font-family: 'texgyreadventorbold', arial, sans-serif; font-weight: normal; }

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
.no-js .loader { display: none; }
.js .loader { display: none; z-index: 9999; position: absolute; left: 0; right: 0; bottom: 0; 
	top: 0; background: #ffffff; 
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	flex-flow: row nowrap;
	justify-content: center;
	align-content: center;
	align-items: center; 
}
.loader i {
	order: 0;
	flex: 0 0 auto;
	align-self: center;
	position: relative; 
	color: #d21c17; font-size: 1em;
}

/* wrapper */
.wrapper {
}
/* header */
.header {
	position: absolute; top: 0; right:0; left: 0; z-index: 9990;
}
@media only screen and (min-width:600px) { .header { position: fixed; } }
#fancybox-wrap { z-index: 9991; }
#fancybox-close { visibility: hidden; }
.site-header-menu {
	transition: width 1000ms ease;
	opacity: 0;
}
/* logo */
.js .home header .logo { opacity: 0; }
.header .logo {
	position: absolute; top: 3em; left: 3em;
	transition:            all 1000ms ease;
    transform: 				translate(0,0);
	opacity: 1;
	background: #ffffff;
}
.header .logo.hidden {
	opacity: 0;
    transform: 			translate(0,-250px);
}
.header .logo:hover { 
	transform: 			scale(1.05); 
}
.header .logo-img {
	max-width: 100px; height: auto;
}

/* nav */
.nav {
	position: absolute; top: 0; right: 0; background: transparent;
	font-family: 'texgyreadventorbold', sans-serif; font-weight: normal;
	font-size: 18px;
}
@media only screen and (min-width:600px) { .nav { top: 3em; right: 3em; } }
.nav ul,
.nav ul li {
	list-style: none; display: block; margin: 0; padding: 0;
}
.menu-toggle,
.primary-menu,
#langue,
#social,
.nav ul {
	vertical-align: top;
} 
#langue,
#social { padding: 5px 20px; }
@media screen and (min-width: 56.875em) {
	#langue { margin-right: 10px; padding: 0; }
	#social { margin-right: 30px; padding: 0; } 
} 
#social a { margin-right: 10px; font-size: 120%; color: #444; }
#social a:hover { color: #aaa; }
.menu-toggle {
	background-color: #ffffff; box-shadow: 0 0 3px rgba(0,0,0, 0.5);
	border: 0;
	color: #1a1a1a;
	font-size: 28px;
	/* padding: 1px 15px 5px 15px; */
	padding: 10px 15px;
	transition: all 20ms ease;
}
.menu-toggle:hover { color: #aaa; }
.site-header-menu.toggled-on,
.js .site-header-menu.toggled-on,
.no-js .site-header-menu {
	width: auto; opacity: 1; display: inline-block; vertical-align: middle; background-color: #ffffff; box-shadow: 0 0 3px rgba(0,0,0, 0.5); padding: 10px 0;
}
@media screen and (min-width: 56.875em) {
	.js .site-header-menu.toggled-on, .no-js .site-header-menu { padding: 0; }
}
.js .site-header-menu { width: 0; opacity: 0; display: none; }


.nav ul li { display: block; } 
.nav ul li { text-transform: uppercase; font-weight: 500; padding: 5px 20px; }
.nav ul li a { color: #444; } 
.nav ul li a:hover { color: #aaa; }
.nav ul li li a { color: #ccc; white-space: nowrap; } 
.nav ul li li a:hover { color: #fff; }
.nav ul.primary-menu > li.current-page-ancestor > a,
.nav ul.primary-menu > li.current-menu-ancestor > a,
.nav ul li.current_page_item > a  { color: #d21c17; } 
	@media screen and (min-width: 56.875em) { 
		.menu-toggle,
		.primary-menu,
		#langue,
		#social,
		.site-header-menu,
		.nav ul,
		.nav ul li {
			display: inline-block;
			vertical-align: middle;
			position: relative;
		} 
		.nav ul li { padding: 15px 20px; }
		.nav { background: #ffffff; }
		.nav ul { padding: 0 30px; }
		.nav ul li ul { position: absolute; display: none; background: #000; padding: 10px 20px; top: 100%; left: -30px; }
		.nav ul li ul:after {
			bottom: 100%; left: 5em; border: solid transparent;
			content: "";
			height: 0; width: 0; position: absolute;
			pointer-events: none; 
			border-color: transparent;
			border-bottom-color: #000;
			border-width: 10px;
			margin-left: -10px;
		}
		.nav ul li ul li { display: block; }
		.nav ul li:hover ul { display: block; }
		.modern nav#site-navigation { box-shadow: 0 0 2px rgba(0,0,0, 0.25); }
		.menu-toggle, 
		.site-header-menu.toggled-on,
		.js .site-header-menu.toggled-on,
		.no-js .site-header-menu { box-shadow: none; }
	}

/* sidebar */
.sidebar {

}
/* footer */
.footer {
 color: #aaaaaa; background: #222222; font-size: 0.95em; text-align: center;
 padding: 75px 30px 30px 30px; 
}
.footer .social { margin-bottom: 25px; font-size: 250%; }
.footer .social a { display: inline-block; padding: .5em; border-radius: 50%; border: 1px solid; width: 2.5em; }
.footer .social a:hover { color: #333; background: #ccc; }
.footer .backtotop { margin-bottom: 25px; }
.footer p { margin: 0; }
.footer p a { color: #cccccc; }


/*------------------------------------*\
    Home
\*------------------------------------*/

#home .element { display: inline-block; vertical-align: middle; }
@media only screen and (min-width:480px) { #home .logo { position: relative; top: 3px; left: 15px; } }
#home .logo img { max-width: 220px; height: auto; }
#home .illus { display: none; }
#home .element.illus { padding-bottom: 100px; }
#home .element.long { margin-left: 30px; }
#home .element.long .titrepage { position: absolute; bottom: 7px; left: 0; right: 0; text-align: center; color: #555555; font-family: 'texgyreadventor', sans-serif; font-weight: normal; font-size: 65px; }
@media screen and (min-width: 44.375em) {
	#home .illus.long { display: inline-block;}	
	#home .element.illus img { max-height: 200px; width: auto;  } 
}
@media screen and (min-width: 59.375em) { 
	#home .illus { display: inline-block;   } 
}
	
#home { 
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	flex-flow: row nowrap;
	justify-content: center;
	align-content: center;
	align-items: center;
	height: 100vh;
	text-align: center;
}
#home .element {
	order: 0;
	flex: 0 0 auto;
	align-self: auto;
	position: relative; 
}
@media screen and (min-width: 44.375em) { 
	#home { 
		justify-content: flex-end;
		align-content: flex-end;
		padding-right: 10%;
	}
}
@media screen and (min-width: 80em) { 
	#home { 
		justify-content: center;
		align-content: center;
		padding-right: 0;
	}
}
	
.lexique { min-height: 50vh; position: relative; }

li.step.accueil_expertises,
.step.groupe_de_logos_clients,
.lexique.step { z-index: 50; overflow: visible; }
.step.groupe_de_logos_clients { padding-bottom: 50px; }
.lexique table { 
	position: relative; min-width: 80%; max-width: 1000px; margin-left: auto; margin-right: auto;
	font-family: 'Open Sans', arial, sans-serif; font-weight: 300; font-size: 1.3em;
	border-collapse: separate; border-spacing: 3px;
}
.lexique table td { width: 10%; vertical-align: top; }
	@media screen and (max-width: 44.375em) { li.step.accueil_expertises, li.step.accueil_expertises .lexique, .lexique table { display: none !important; height: 0; } }
.lexique table tr.phases td { position: relative; }
.lexique table tr.phases td .selected { position: absolute; top: 0; left: -35px; width: 141px; height: 85px; background: transparent url(images/selected.png) center center no-repeat; z-index: 2; opacity: 0;
	transition:            all 300ms ease;
 }
.lexique table tr.phases td:hover .selected { opacity: 1; }
.lexique table tr:first-child td { border-bottom: 1px solid #333333; }
.lexique table b { font-family: 'texgyreadventorbold', sans-serif; font-weight: bold; }
.en .lexique table b { font-size: 0.85em; }
.lexique table tr.phases td b { font-weight: normal; }
.lexique table strong { font-family: 'texgyreadventorbold', sans-serif; font-weight: bold; font-size: 1.7em; }

/*------------------------------------*\
    PAGES
\*------------------------------------*/

#sequence {
	position: relative;
}

#sequence > ul,
#sequence > ul > li {
	list-style: none; display: block; margin: 0; padding: 0;
}
.step { width: 100%; position: relative; z-index: 1; }
.step1 .content { padding-top: 250px; }
#sequence ul li.step.mot_cle_de_transition { display: block; z-index: 100; height: 600px; margin: -300px 0; }
.step h1 { position: absolute; top: 0; right: 0; left: 0; text-align: center; z-index: 10; color: #ffffff; background: #232323; font-family: 'Open Sans', 'texgyreadventor', arial, sans-serif; font-weight: 300; padding: 2px 10px; margin: 0;
	transition:all 2000ms ease; 
	transform: translate(0,0);
}
@media screen and (min-width: 480px) { .step h1 { top: 58px; width: auto; right: 5em; left: auto; } }
.step h1.move { 
    transform: 			translate(-500px,0);
 }



/* Vertically center align the .content element */
#sequence .content {
	display: block;
	vertical-align: middle;
	margin: 0;
	position: relative;
	width: 100%; 
	background: transparent url() center center repeat-y; 
	background-size: cover;
	z-index: 0;
}
#sequence .content img.background { display: block; }
.home #sequence .step4 .content {
	background-size: contain;
	background-repeat: no-repeat;
}
.content.full { min-height: 800px; min-height: 100vh; }
.content.quart { min-height: 25vh; }
.content.demi { min-height: 50vh; }
.content.trois-quart { min-height: 600px; min-height: 75vh; }

h2.single-title { margin: 0; }
@media screen and (min-width: 33.375em) {
	#sequence .content img.background { display: none; }
	.step1 .content { padding-top: 0; }
	h2.single-title,
	.text {  margin-right: 12%; margin-left: auto; margin-top: 10px; margin-bottom: 10px; position: relative; z-index: 25; }
	.text { width: 40%; }
	.text h3:first-child { margin-top: 0; }
	h2.single-title:first-child,
	.text:first-child { margin-top: 30px; }
	h2.single-title:last-child,
	.text:last-child { margin-bottom: 30px; }
	#sequence .content.standard img.background { display: none; }
	#sequence .content {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		flex-flow: column nowrap;
		justify-content: center;
		align-content: center;
		align-items: center;
	}
	.home #sequence .step4 .content {
		justify-content: flex-end;
		align-content: flex-end;
		align-items: flex-end;  }
	#sequence .content h2.single-title,
	#sequence .content .text {
		order: 0;
		flex: 0 0 auto;
		align-self: flex-end;
	}
	.home #sequence .step4 .content  h2.single-title { 
	align-self: flex-end; height: auto; vertical-align: bottom; }
	#sequence .cv img {
		position: absolute; right: 8%; top: 20%; z-index: 0;
	}
	#sequence .suite img { position: absolute; z-index: 0; max-width: 40%; right: 5%; bottom: 0; height: auto; max-height: 100%; }
	#sequence .suite img.droite {
		left: 5%; right: auto;
	}
	#sequence .content .text.gauche,
	#sequence li:nth-child(even) .content .text,
	#sequence .content h2.single-title.gauche,
	#sequence li:nth-child(even) .content h2.single-title {
		align-self: left;
		margin-left: 12%; margin-right: auto; text-align: left;
	}
	#sequence .content h2.single-title.droite,
	#sequence .content .text.droite,
	#sequence li:nth-child(even) .content .text.droite,
	#sequence li:nth-child(even) .content h2.single-title.droite {
		align-self: flex-end;
		margin-right: 12%; margin-left: auto;
	}
	#sequence .content h2.single-title.droite,
	#sequence li:nth-child(even) .content h2.single-title.droite {
		text-align: right;
	}
}


.text { color: #ffffff; background: #222222; padding: 20px; }
	@media screen and (min-width: 33.375em) { 
		.text { transition: opacity 1000ms ease, filter 1.5s ease, transform 1s ease; }
	}
.text p + p { margin-top: 0; }
.blocblanc .text,
.negatif .text { background: #ffffff; color: #222222; }
.blocjaune .text { background: #ffed00; color: #222222; }
.transparent .text { background: transparent; color: #222222; }
.text:hover {  }
.text h2 { margin-top: 0; margin-bottom: 10px;}

	@media screen and (min-width: 33.375em) {
		.appear-fade { 
			opacity: 1;
			transform: 			scale(1);
			transform: 			translate(0,0);
			}
		.appear-fade.hidden { 
			opacity: 0;
			transform: 			scale(0.8);
			transform: 			translate(0,150px);
		}
		.cv.appear-fade { 
			transform: 			translate(0,0);
			}
		.cv.appear-fade.hidden { 
			transform: 			translate(-500px,0);
		}
		.photo-suite.appear-fade,
		.photo-cv.appear-fade { 
			transition:            all 2s ease 1s;	
			transform: 			scale(1);
			transform: 			translate(0,-50px);
			transform-origin: center center;
			}
		.photo-suite.appear-fade.hidden, 
		.photo-cv.appear-fade.hidden { 
			transform: 			scale(0);
			transform: 			translate(0,0);
		}
	}
.modern .appear-fade.hidden h2,
.modern .appear-fade.hidden div {
    filter:			blur(3px);
}
.modern .appear-fade h2,
.modern .appear-fade div {
    filter:			blur(0);
	transition:            all 1s ease, blur 1s ease 1s;	
}
#sequence .text ul,
#sequence .text ul li {
	list-style: disc;
}

.transition { display: none; }
@media screen and (min-width: 44.375em) {
	.transition {
		transition:            all 5s linear 0.5s, opacity 1000ms ease;	
		position: absolute; top: 0; left: 50%; z-index: 10;
		font-family: 'Open Sans', arial, sans-serif; font-weight: 300; color: #d21c17;
		max-width: 33%;
	}
	.transition.droite { left: auto; right: 8%; }
	.transition.gauche { left: 8%; }
	.transition.appear-fade.hidden { 
		opacity: 0;
		transform: 			translate(0,0);
		}
	.transition.appear-fade {
		opacity: 1;
		transform: 			translate(0,600px);
	}
}

.scrollr{width:100%;padding:12px 0px;text-align:center;color:rgba(255,255,255,0.5);font-family:sans-serif;font-weight:300;transition:color 0.2s ease-out;z-index:100; height: 80px; pointer-events: none; }
.scrollr.scroller{position:fixed;bottom:30px;left:0;right:0;color:rgba(210,28,23,1); }
.scrollr .scroller-icon{position:absolute;left:50%;margin-left:-39px;margin-top:-24px;border:2px solid rgba(255,255,255,0.5);font-size:2em;width:80px;height:80px;line-height:80px;text-align:center;line-height:80px;border-radius:50%;transition:all 0.2s ease-out;background:transparent;}
.scrollr.scroller .scroller-icon{border:2px solid rgba(210,28,23,1);}
.scrollr .scroller-icon a { font-family: FontAwesome; font-weight: 100; content: "\f106"; font-size: 100%; color: #ffffff; opacity: 1;-transition:opacity 0.2s ease-out; }
.scrollr.backtotop .scroller-icon a { position: relative; top: -4px; color: rgba(255,255,255,0.5); }
.scrollr.scroller .scroller-icon a { content: "\f107"; color: #d21c17; }
.scrollr.is-visible{pointer-events: auto;}
.scrollr.is-visible:hover{cursor:pointer;}
.scrollr.is-visible:hover .scroller-icon {border-color:#fff;background:#aaa;background: rgba(255,255,255,0.3); margin-top:-44px; }
.scrollr.scroller.is-visible:hover .scroller-icon {border-color:#000;background:#fff;background: rgba(255,255,255,0.8); margin-top:-4px; }
.scrollr.is-visible:hover .scroller-icon a { opacity: 1; color:#ffffff;}
.scrollr.scroller.is-visible:hover .scroller-icon a { opacity: 1; color:#000;}
.scroll-link {
	opacity: 0;
	z-index: 10;
	transition: opacity .3s;
}
.scroll-link.is-visible { opacity: 1; }


#sequence .content.standard { background-attachment: local; }
#sequence .content.motscles { background-color: #657486; background-attachment: fixed;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		flex-flow: column nowrap;
		justify-content: center;
		align-content: center;
		align-items: center;
	}
@supports(background-blend-mode: screen) {
	.rien {}
	#sequence .content.motscles img.background { display: none; }
	#sequence .content.negatif,
	#sequence .content.motscles { background-color: #657486; background-blend-mode: multiply; }
	
}
.random { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; }
.start .mot,
.liste .mot { font-family: 'texgyreadventor', arial, sans-serif; font-weight: 300; text-transform: uppercase; letter-spacing: 0.3em; color: #ffffff; 	display: block; width: auto;
	transform-origin: center center;
	text-align: center;
}
.modern .start .mot,
.modern .liste .mot { text-shadow: 0 0 5px rgba(0,0,0, 0.75); }
.js.modern .start .mot.show,
.modern .liste .mot { 
	opacity: 1;
    filter:					blur(0);
    transform: 				scale(1);
	transition:            	all 2s linear;	
}
.js .revealer { position: absolute; top:0; bottom: 0; left: 0; right: 0; z-index: 1; }
.js .revealer .stripe { position: absolute; height: 100%; left: 0; width: 20%; background: #ffffff; }
.js .revealer .stripe:nth-child(even) { transform-origin: center top; top: 0; }
.js .revealer .stripe:nth-child(odd) { transform-origin: center bottom; bottom: 0; }
.js .revealer .stripe:nth-child(2) { left: 20%; }
.js .revealer .stripe:nth-child(3) { left: 40%; }
.js .revealer .stripe:nth-child(4) { left: 60%; }
.js .revealer .stripe:nth-child(5) { left: 80%; }
.liste .mot:last-child { display: block; text-align: center; /* position: absolute; top: 50%; left: 0; right: 0; */ }
.random .mot:last-child { display: block; text-align: center; position: absolute; top: 50%; left: 0; right: 0; }
.js.modern .start .mot,
.modern .liste .mot.hidden { 
	opacity: 0;
    transform: 			scale(0.1);
    filter:				blur(10px);
	text-shadow: none;
}
.liste .mot.hidden.off { 
	opacity: 0; 
    transform: 			scale(1.2);
    filter:			blur(100px);
}

#sequence .content.ref-content { background: #ffffff; position: relative; }
.content.ref-content h2 { color: #232323; text-align: center; }
.ref-container { display: block; margin: 0 50px; }
.references .client { position: relative; padding: 30px; min-height: 75px; display: table-cell; vertical-align: middle; }
.references .client img { max-width: 100px; height: auto;
	filter:         url(~"data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'greyscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#greyscale");
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    -moz-filter:    grayscale(100%);
    -ms-filter:     grayscale(100%);
    -o-filter:      grayscale(100%);
    filter:      	grayscale(100%);
    filter: 		gray; 
	}
.references .client:hover img { 
	filter: 		none;
    -webkit-filter: grayscale(0);
    -webkit-filter: grayscale(0%);
    -moz-filter:    grayscale(0%);
    -ms-filter:     grayscale(0%);
    -o-filter:      grayscale(0%);
}
.galerie-container.with-slick { margin-bottom: 12.5vh; }
.galerie .photo { max-width: 300px; padding: 5px; text-align: center; }
.galerie .photo img { border: 5px solid #efefef; margin: 5px; width: auto; max-height: 300px; }
.galerie.useslick img { border: 5px solid #efefef; margin: 5px; width: auto; height: 250px; }
.galerie .photo { 
    transform: 			scale(1);
	transition:            transform 2s ease;	
	transform-origin: center center;
	z-index: 1;
	}
.galerie .photo:hover  { 
    transform: 			scale(1.3);	
	z-index: 2;
	}
.phases .details { display: none; z-index: 2; }
.phases td .details h3 { margin-top: 0; }
.phases td .details { pointer-events: none; font-size: 0.8em;
	display: block; opacity: 0; position: absolute; top: 120%; left: -80px;
	background: #232323; color: #ffffff; padding: 20px; width: 250px; 
	border-radius:5px;
	transition:            all 300ms ease;	
}
.phases td.clicked,
.phases td:hover { z-index: 9999;  }
.phases td.clicked .details,
.phases td:hover .details { opacity: 1; }
.phases td .details:after {
	bottom: 100%;
	left: 40%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(35, 35, 35, 0);
	border-bottom-color: #232323;
	border-width: 10px;
	margin-left: -10px;
} 
@media screen and (max-width: 59.375em) { 
	.phases td:first-child .details { left: 0;}
	.phases td:last-child .details { left: auto; right: 0;}
	.phases td:first-child .details:after { left: 15px;}
	.phases td:last-child .details:after { left: auto; right: 25%;}
}
	
.galerie-container { max-width: 100%; }
.galerie-container.with-slick { max-width: 90%; }
.galerie,
.references {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	flex-flow: row wrap;
	justify-content: center;
	align-content: center;
	align-items: flex-center;
}
.galerie .photo {
	order: 0;
	flex: 0 0 300px;
	align-self: center;
	position: relative; float: left; clear: none;
}
.references .client {
	order: 0;
	flex: 0 0 150px;
	align-self: center;
	position: relative; float: left; clear: none;
	margin: 5px; width: 150px;
}
/* .references .client .detail { display: none; } */
.references .client .detail { pointer-events: none;
	display: block; opacity: 0; position: absolute; top: 90%; left: -25%;
	background: #121212; color: #ffffff; padding: 0 20px 20px 20px; width: 250px; 
	border-radius: 5px;
	transition: all 150ms ease;	
}
.references .client.clicked, 
.references .client:hover { z-index: 9999;  }
.references .client.clicked .detail,
.references .client:hover .detail { opacity: 1; z-index: 2; }
.references .client .detail:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0; width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(35, 35, 35, 0);
	border-bottom-color: #121212;
	border-width: 10px; margin-left: -10px;
}
@media screen and (min-width: 44.375em) { 
	.ref-container { padding: 0 20px; }
	.content.ref-content h2,
	.references { max-width: 1000px; margin: 30px auto; }

}
@media screen and (min-width: 59.375em) { .ref-container { padding: 0 50px; } }
@media screen and (min-width: 70em) { .ref-container { padding: 0 100px; } }

.references .client img {
	transition:            all 1s ease;
	opacity: 1;
    transform: 			translate(0,0);
	}
.references .client.hidden img { 
	opacity: 0;
    transform: 			translate(0,20px);
}

.single-title { padding: 20px; text-align: right;
	font-family: 'Open Sans', arial, sans-serif; font-weight: 300; text-transform: uppercase; letter-spacing: 0.3em; color: #ffffff; position: relative; z-index: 2; line-height: 160%; background: transparent;
	}
.single-title span {
	transition:            all 0.5s ease;	
	opacity: 1;
	background: #d21c17;
	letter-spacing: -1px;
	padding-left: 0.3em; padding-right: 0.3em; margin: 0 -1px 0 0;
}
.single-title span.hidden { opacity: 0; }
.single-title.rouge {  color: #d21c17; }
.single-title.jaune,
.single-title.noir { color: #222222; }
.single-title.jaunoir { color: #ffed00; }

.single-title.jaune span { background: #ffed00; }
.single-title.rouge span,
.single-title.noir span { background: #ffffff; }
.single-title.betn span,
.single-title.jaunoir span { background: #222222; }

@media screen and (min-width: 44.375em) {
	h2.single-title {
		background: transparent;
		/* width: 60%; */ padding: 0;
	}
	#sequence .content.standard h2.single-title { width: 60%; }
	.titre h2.single-title { }
}

#map { height: 100%; min-height: 300px; width: 100%; }
.content.full #map { min-height: 100vh; }
.content.quart #map { min-height: 25vh; }
.content.demi #map { min-height: 50vh; }
.content.trois-quart #map { min-height: 75vh; }


/*------------------------------------*\
    PROJETS
\*------------------------------------*/
.projets .blocks { 
	padding: 10vh; 
	display: grid; 
	grid-template-columns: 1fr;
	grid-gap: 20px;
}
.projets .blocks .block { 
	box-shadow: 0 0 3px rgba(0,0,0, 0.5);
	position: relative;
}
.projets .blocks .block h2 { 
	text-transform: uppercase;
	margin: 0;
	position: absolute;
	top:0;left:0;right:0;bottom:0;
	display: flex; align-items: center; justify-content: center;
	font-family: 'Open Sans', arial, sans-serif; font-weight: 300; text-transform: uppercase; letter-spacing: 0.3em; 
	text-align: center;
}
.projets .blocks .block h2 span { 
	background: #ffed00;
	color: #000;
	padding: 5px;
	flex: 0 0 80%;
}
/* Polaroids :
.projets .blocks { 
	padding: 10vh; 
	display: grid; 
	grid-template-columns: 1fr;
	grid-gap: 20px;
}
.projets .blocks .block { 
	box-shadow: 0 0 3px rgba(0,0,0, 0.5); padding: 1em;
}
.projets .blocks .block h2 { 
	text-transform: uppercase;
} */
@media screen and (min-width: 44.375em) { .projets .blocks { grid-template-columns: repeat(2, 1fr); } }
@media screen and (min-width: 70em) { .projets .blocks { grid-template-columns: repeat(3, 1fr); } }


/*------------------------------------*\
    PROGRESSION
\*------------------------------------*/
.js .year,
.countries ul li { opacity: 0;
	transform-origin: center center;
	transition:            all 1000ms ease;
	}
.js .progression .year,
.countries ul li {
	transform: 			scale(0);
	}
.js .year.show,
.countries ul li.show { 
	opacity: 1;
	transform: 			scale(1);
	}

.year { background: rgb(203,187,176); /* background: rgb(191,71,57); */ border-radius: 50%; }
.year.y2008 { background: rgb(102,36,131); }         /*  background: rgb(187,89,75);      */
.year.y2009 { background: rgb(147,54,94); }         /*  background: rgb(187,89,75);      */
.year.y2010 { background: rgb(191,71,57); }        /*  background: rgb(183,107,92);     */
.year.y2014 { background: rgb(182,116,101);}        /*  background: rgb(180,124,110);    */
.year.y2015	{ background: rgb(172,160,145); }       /*  background: rgb(176,142,127);    */
.year.y2018 { background: rgb(190,175,153); }       /*  background: rgb(172,160,145);    */
.year.y2020 { background: rgb(203,187,176); }       /*  background: rgb(172,160,145);    */

.legende { text-align: center; margin-bottom: 20px; }
@media screen and (min-width: 59.375em) { .legende { position: absolute; top: 10%; left: 5%; margin-bottom: 0; z-index: 20; } }
.legende .year { color: #ffffff; width: 50px; height: 50px; padding: 15px 0; display: inline-block; text-align: center; }
.legende .year:last-child { background-image: url(images/ellipsis.png); background-position: center center; background-repeat: no-repeat; background-size: contain; }

.progression { position: relative; height: 100vh; width: 100vh; max-width: 100%; max-width: 90vw; max-height: 90vw; }
@media screen and (min-width: 59.375em) { .progression { position: absolute; top: 0; right: 0; align-self: right; margin-left: auto; margin-right: 5%; max-width: 100vw; max-height: 100vw; } }
.progression .year { position: absolute; top: 39%; left: 39%; right: 39%; bottom: 39%; width: 22%; z-index: 10; }
.progression .year.y2009 { width: 36%; top:32%; left: 32%; right: 32%; bottom: 32%; z-index: 9;}
.progression .year.y2010 { width: 48%; top:26%; left: 26%; right: 26%; bottom: 26%; z-index: 8;}
.progression .year.y2014 { width: 61%; top:19.5%; left: 19.5%; right: 19.5%; bottom: 19.5%; z-index: 7;}
.progression .year.y2015{ width: 72%; top:14%; left: 14%; right: 14%; bottom: 14%; z-index: 6;}
.progression .year.y2018 { width: 81%; top:9.5%; left: 9.5%; right: 9.5%; bottom: 9.5%; z-index: 5; }
.progression .year.y2020 { width: 90%; top:5%; left: 5%; right: 5%; bottom: 5%; z-index: 4; }
.modern .progression .year.y2020 { filter:	blur(5px); }

.countries { position: absolute; top:0; left:0; right: 0; bottom: 0; z-index: 11; }
#sequence .countries ul li { display: block; position: absolute; color: #ffffff; background: #151515; padding: 2px 5px; border-radius:5px;font-weight: 400; white-space: nowrap; }
#sequence .countries ul li.france { left: 47%; top: 49%; font-weight: 600; }
.countries ul li.allemagne { left: 56%; top: 41%; }
.countries ul li.italie { left: 56%; top: 67%; }
.countries ul li.autriche { left: 66%; top: 47%; }
.countries ul li.belgique { left: 59%; top: 33%; }
.countries ul li.espagne { left: 30%; top: 61%; }
.countries ul li.portugal { left: 27%; top: 67%; }
.countries ul li.suisse { left: 74%; top: 52%; }
.countries ul li.quatar { left: 56%; top: 74%; }
.countries ul li.algerie { left: 39%; top: 74%; }
.countries ul li.jordanie { left: 64%; top: 68%; }
.countries ul li.antilles { left: 20%; top: 52%; }
.countries ul li.roumanie { left: 75%; top: 63%; }
.countries ul li.republiquetcheque { left: 75%; top: 44%; }
.countries ul li.slovaquie { left: 77%; top: 58%; }
.countries ul li.pologne { left: 71%; top: 28%; }

.countries ul li.japon			{ left: 31%; top: 83%; }
.countries ul li.shangai		{ left: 22%; top: 78%; }
.countries ul li.singapour		{ left: 16%; top: 73%; }
.countries ul li.arabiesaoudite { left: 70%; top: 76%; }
.countries ul li.koweit			{ left: 67%; top: 82%; }
.countries ul li.emiratsarabes	{ left: 77%; top: 72%; }
.countries ul li.israel			{ left: 80%; top: 68%; }
.countries ul li.egypte			{ left: 56%; top: 86%; }
.countries ul li.georgie		{ left: 76%; top: 23%; }
.countries ul li.croatie		{ left: 84%; top: 48%; }
.countries ul li.bosnie			{ left: 86%; top: 56%; }
.countries ul li.grèce			{ left: 86%; top: 64%; }
.countries ul li.kosovo			{ left: 84%; top: 52%; }
.countries ul li.luxembourg		{ left: 80%; top: 33%; }
.countries ul li.bielorussie	{ left: 63%; top: 15%; }
.countries ul li.ouzbekistan	{ left: 70%; top: 19%; }
.countries ul li.usa			{ left: 18%; top: 25%; }


#sequence .countries ul li.france.show { 
	transform: 			scale(1.3);
	}
@media screen and (min-width: 59.375em) { 
	#sequence .content.developpement .text.gauche,
	#sequence li:nth-child(even) .content.developpement .text {
		margin-left: 5%; width: 30%;
	}
}

/*------------------------------------*\
    Carto restauration
\*------------------------------------*/
.js .cities ul li { opacity: 0;
	transform-origin: center center;
	transition:       all 1000ms ease;
	transform: 		  scale(0);
	}
.js  .cities ul li.show { 
	opacity: 1;
	transform: scale(1);
	}
#sequence .content.carto-container { position: relative; margin: 0 auto; width: auto; max-width: 1920px; }
.cities ul { list-style: none; }
ul.stickers li { display: block; background: #ff931e; z-index: 10; color: #fff; padding: 5px; transition: all 1000ms ease; }
ul.stickers li b { display: block; }
.cities ul.country li { display: block; position: absolute; background: #ff931e; border-radius:50%; width: 0.4577%; height: .8137%; /* width: 0.40685%; height: 0.72329%; */ z-index: 9;}
.cities ul.country li:hover { z-index: 11;}
.cities ul.country li.capitale { background: #fff; border: 2px solid #ff931e; width: 0.8137%; height: 1.44658%; }
.cities ul.country li span { font-weight: 400; white-space: nowrap; background: #000; color: #fff; padding: 3px 5px; position: absolute; display: none; bottom: 23px; left: -15px; }
.cities ul.country li.capitale span { bottom: 25px; }
.cities ul.country li:hover span { display: block; }
.cities ul.country li span:after {
	top: 100%;
	left: 20px;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #000000;
	border-width: 10px;
	margin-left: -10px;
}
#sequence .content.mobilestickers {display:none;}
/* Stickers */
@media only screen and (max-width:750px) { 
	.cities ul.stickers {display:none;} 
	#sequence .content.mobilestickers {display:block;} 
	ul.stickers { padding: 0 20px 10px 20px; display: grid; grid-gap: 10px; grid-template-columns: repeat(3, 1fr); } 
	ul.stickers li { display: block; } 
}
@media only screen and (max-width:550px) { 
	ul.stickers { grid-template-columns: repeat(2, 1fr); } 
}
@media only screen and (max-width:350px) { 
	ul.stickers { grid-template-columns: 1fr; } 
}
@media only screen and (max-width:1023px) { 
	.cities ul.stickers { position: absolute; top: 5%; left: 60%; right: 2%; } 
	.cities ul.stickers li { display: block; margin-bottom: 5px; } 
}
@media only screen and (min-width:1024px) {  
.cities ul.stickers li { position: absolute; }
.cities ul.stickers li.france              {left:30%;top:67%;}
.cities ul.stickers li.belgique            {right:52%;top:4%;}
.cities ul.stickers li.allemagne           {left:57%;top:10%;}
.cities ul.stickers li.italie              {left:67%;top:60%;}
.cities ul.stickers li.martinique          {left:13%;top:45%;}
.cities ul.stickers li.reunion             {left:13%;top:25%;}
.cities ul.stickers li.guadeloupe          {left:13%;top:65%;}
}

/* France */ 
.cities ul.country li.abbeville           {left:43.09769%;top:16.70289%;}
.cities ul.country li.amiens              {left:44.34682%;top:18.43009%; }
.cities ul.country li.anthysurleman       {left:55.10324%;top:42.98093%;}
.cities ul.country li.aurillac            {left:44.6938%;top:52.4805%;}
.cities ul.country li.beauvais            {left:43.79165%;top:21.7611%;}
.cities ul.country li.biganos             {left:35.74169%;top:54.20769%;}
.cities ul.country li.bordeaux            {left:36.85203%;top:52.97398%;}
.cities ul.country li.brest               {left:26.72018%;top:28.91663%;}
.cities ul.country li.carpentras          {left:51.49463%;top:58.15557%;}
.cities ul.country li.chalonsursaone      {left:51.00886%;top:40.14339%;}
.cities ul.country li.chennevieres        {left:45.04078%;top:26.4492%;}
.cities ul.country li.dreux               {left:41.91795%;top:26.57258%;}
.cities ul.country li.epinal              {left:55.17263%;top:30.39708%;}
.cities ul.country li.geispolsheim        {left:58.08727%;top:28.1764%;}
.cities ul.country li.lille               {left:46.35931%;top:13.00176%;}
.cities ul.country li.lisieux             {left:38.93392%;top:23.85841%;}
.cities ul.country li.lyon                {left:50.93946%;top:46.80543%;}
.cities ul.country li.montauban           {left:41.84856%;top:58.27894%;}
.cities ul.country li.montsaintmartin     {left:53.43773%;top:21.14425%;}
.cities ul.country li.morlaix             {left:28.3163%;top:27.68292%;}
.cities ul.country li.moulins             {left:47.05327%;top:41.62384%;}
.cities ul.country li.nantes              {left:34.35377%;top:37.18249%;}
.cities ul.country li.nevers              {left:46.5675%;top:38.66294%;}
.cities ul.country li.nîmes               {left:49.69033%;top:59.51265%;}
.cities ul.country li.orléans             {left:43.37527%;top:32.37102%;}
.cities ul.country li.paris               {left:44.55501%;top:25.58561%;}
.cities ul.country li.pessac              {left:36.57445%;top:53.71421%;}
.cities ul.country li.périgueux           {left:40.11365%;top:51.00005%;}
.cities ul.country li.quimper             {left:27.69173%;top:31.75416%;}
.cities ul.country li.saintdizier         {left:51.14765%;top:27.3128%;}
.cities ul.country li.saintlo             {left:35.25592%;top:23.85841%;}
.cities ul.country li.saintmalo           {left:33.10463%;top:27.3128%;}
.cities ul.country li.sarrebourg          {left:56.76874%;top:26.57258%;}
.cities ul.country li.saumur              {left:38.51754%;top:37.05912%;}
.cities ul.country li.sedan               {left:51.35584%;top:20.03391%;}
.cities ul.country li.soissons            {left:46.98388%;top:22.13122%;}
.cities ul.country li.tarbes              {left:38.51754%;top:63.46052%;}
.cities ul.country li.verdun              {left:52.39678%;top:23.61167%;}
.cities ul.country li.vierzon             {left:43.65286%;top:36.81237%;}
/* Belgique : */                     
.cities ul.country li.aaslt               {left:48.92697%;top:10.65771%;}
.cities ul.country li.anvers              {left:49.89852%;top:8.5604%;}
.cities ul.country li.auderghem           {}
.cities ul.country li.bastogne            {left:53.29893%;top:17.44312%;}
.cities ul.country li.bruxelles           {left:49.82912%;top:11.27456%;}
.cities ul.country li.charleroigosselies  {left:50.03731%;top:14.60558%;}
.cities ul.country li.hal                 {left:49.27395%;top:12.26153%;}
.cities ul.country li.hornu               {left:48.3718%;top:14.35884%;}
.cities ul.country li.jette               {}
.cities ul.country li.malines             {left:50.10671%;top:10.04085%;}
.cities ul.country li.marche-en-famenne   {left:52.39678%;top:15.96267%;}
.cities ul.country li.messancy            {left:53.50712%;top:20.15728%;}
.cities ul.country li.nivelles            {left:49.69033%;top:13.2485 %;}
.cities ul.country li.rocourt             {left:52.95195%;top:12.3849%;}
.cities ul.country li.seraing             {left:52.81316%;top:13.37187%;}
.cities ul.country li.tournai             {left:47.19207%;top:13.00176%;}
.cities ul.country li.ucclebascule        {}
/* Allemagne : */                         
.cities ul.country li.aixlachappelle      {left:54.54807%;top:11.76805%;}
/* Italie : */                           
.cities ul.country li.rome                {left:70.92557%;top:71.84975%;}
/* Antilles : */                           
.cities ul.country li.leport              {left:5.87291%;top:22.28938%;}
.cities ul.country li.lesabymes           {left:8.55108%;top:65.53678%;}
.cities ul.country li.fortdefrance–cluny  {left:7.65836%;top:45.50014%;}
.cities ul.country li.baie-mahault        {left:7.99313%;top:65.93355%;}
.cities ul.country li.saintpierre         {left:7.1004%;top:28.63762%;}
.cities ul.country li.lelamentin          {left:8.87426%;top:45.89691%;}
.cities ul.country li.sainte-marie        {left:8.66267%;top:41.92926%;}


.content.visite { }
 
iframe, object, embed {
	position: absolute;
	top:0;
	left: 0;
    width: 100%; max-width: 100%; height: 100%; max-height: 100vh;
}

/*------------------------------------*\
    Page specific
\*------------------------------------*/

.home .step5 { background: transparent url(images/empreinte_01.png) right bottom no-repeat; /* 232323 */}
.home .step7 { background: #ffffff url(images/empreinte_02.png) right top no-repeat; }
.home #sequence .step3 .content.standard h2.single-title { width: 80%; }
.home.fr .step3 h2.single-title span:nth-child(14),
.home.fr .step3 h2.single-title span:nth-child(29),
.home.fr .step3 h2.single-title span:nth-child(46),
.home.en .step3 h2.single-title span:nth-child(14),
.home.en .step3 h2.single-title span:nth-child(27),
.home.en .step3 h2.single-title span:nth-child(42) { background: transparent; display: block; }
.home .step9:after { 
	content: " ";
    width: 100%; height: 10%;
    position: absolute; z-index: 1; bottom: 0; left: 0; right: 0;
	background: transparent;
    background: linear-gradient(to top, rgba(17,17,17,1) 0%,rgba(17,17,17,0) 100%);
}  

.expertises.fr .step7 h2.single-title span:nth-child(27) { text-transform: lowercase; }
.expertises .step5:after, 
.expertise .step5:after { 
	content: " "; width: 100%; height: 30px;
    position: absolute; z-index: 1; bottom: 0; left: 0; right: 0;
	background: transparent;
    background: linear-gradient(to top, rgba(34,34,34,1) 0%,rgba(34,34,34,0) 100%);
}

.page-id-102 .step2 .text { max-width: 350px; }
.page-id-102 .zebra { position: absolute; bottom: 10%; left: 50%; margin-left: -4em; z-index: 26; width: 25%; min-height: 25%; max-height: 50%; opacity: 0; }
.error404 .content { min-height: 100vh; background-image: url(images/nada.jpg); }

.page-id-1056 .single-title br { display: none; }
.page-id-1056 .suite .single-title span { font-size: 80%; }

.particuliers #sequence .titre .content h2.single-title {
    margin-top: auto;
    margin-bottom: 20%;
}

/*------------------------------------*\
    DIVERS
\*------------------------------------*/

.mentions-legales .text { font-size: 0.8em; }
.cookies .text { font-size: 0.8em; width: 80%; margin-top: 250px; }
@media screen and (min-width: 44.375em) { .cookies .text { column-count: 2; column-gap: 40px; column-rule-style: dotted; column-rule-width: 1px; } }
@media screen and (min-width: 59.375em) { .cookies .text { column-count: 3; } }


/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
.text div { font-size: 1em; }
.countries ul li,
.text.cv div { font-size: 0.9em; }
.step h1,
.text h2,
.transition,
.start .mot,
.liste .mot,
.single-title { font-size: 1.5em; }
.mot { line-height: 1.05em; }
.content.titre .single-title { font-size: 2em; }
.emph-last .start .mot:last-child,
.emph-last .liste .mot:last-child,
.emph-last .random .mot:last-child { font-size: 3em; }

/* Mobile + tablet */
@media screen and (max-device-width: 1024px){
	#sequence .content.motscles { background-attachment: scroll; }
}

@media only screen and (max-width:480px) {
	#sequence .content.standard { background: #232323 !important; }
	.countries ul li { font-size: 0.65em; white-space: wrap; }
}
@media only screen and (min-width:320px) {
	
}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {
	.countries ul li { font-size: 0.9em; }
	.step h1,
	.text h2,
	.transition,
	.start .mot,
	.liste .mot,
	.single-title { font-size: 2em;	}
	.content.titre .single-title { font-size: 3em; }	
	.emph-last .start .mot:last-child,
	.emph-last .liste .mot:last-child,
	.emph-last .random .mot:last-child { font-size: 5em; }
}
@media only screen and (min-width:1024px) {
	.countries ul li { font-size: 1em; }
	.text div { font-size: 1.2em; }
	.text.cv div { font-size: 1em; }
	.text h2,
	.transition,
	.start .mot,
	.liste .mot,
	.content.titre .single-title.low,
	.single-title { font-size: 3em;	}
	.content.titre .single-title { font-size: 4em; }	
	.emph-last .start .mot:last-child,
	.emph-last .liste .mot:last-child,
	.emph-last .random .mot:last-child { font-size: 6em; }
}
@media only screen and (min-width:1140px) {
	.content.titre .single-title { font-size: 5em; }	
	.emph-last .start  .mot:last-child,
	.emph-last .liste .mot:last-child,
	.emph-last .random .mot:last-child { font-size: 8em; }
	}
@media only screen and (min-width:1280px) {
	.wrapper {
		width:100%;
		margin:0 auto;
		position:relative;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    Older browsers compat
\*------------------------------------*/
.no-flexbox #sequence .content { 
	display: inline-block; vertical-align: middle;
}
.no-flexbox #home { padding-top: 15%; padding-left: 10%; min-height: 800px; }
.no-flexbox .galerie br,
.no-flexbox .reference br { display: block; clear: both; }
.no-flexbox .galerie .photo { height: 300px; }
.no-flexbox .references .client { height: 200px; }
.no-flexbox .loader i  { position: absolute; top: 50%; left: 50%; }

.no-flexbox.js .start,
.no-flexbox .liste,
.no-flexbox .content.titre.full,
.no-flexbox #sequence .content.developpement { padding-top: 20%; }

	
/*------------------------------------*\
    Fancybox hacks
\*------------------------------------*/

@media only screen and (max-width:480px) {
	.fancybox-navigation .fancybox-button--arrow_left,
	.fancybox-navigation .fancybox-button--arrow_right {
		display: none !important;
	}

}


/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/* Slider */
.slick-initialized br.slick-slide { display: none !important; }

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}