@charset "UTF-8";

/***************************/
/***************************/
/********** ICONS **********/
/***************************/
/***************************/

@font-face {
	font-family:'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon.svg#fontello') format('svg');
	font-weight:normal;
	font-style:normal;
	font-display: swap;
}
[class^="icon-"] {
	height:1em;
}
[class^="icon-"]:before {
	font-family:"icomoon" !important;
	font-style:normal;
	font-weight:normal;
	speak:never;
	display:inline-block;
	text-decoration:inherit;
	text-shadow:none !important;
	font-variant:normal;
	text-transform:none;
	font-size:inherit;
	line-height:inherit;
	color:inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/********** ICONS **********/

.icon-arrow-down:before {
	content: "\e900";
}
.icon-arrow-left:before {
	content: "\e901";
}
.icon-arrow-right:before {
	content: "\e902";
}
.icon-arrow-up:before {
	content: "\e903";
}
.icon-blank:before {
	content: "\e904";
}
.icon-calendar:before {
	content: "\e905";
}
.icon-clock:before {
	content: "\e906";
}
.icon-close:before {
	content: "\e907";
}
.icon-download:before {
	content: "\e908";
}
.icon-expand:before {
	content: "\e909";
}
.icon-eye-close:before {
	content: "\e90a";
}
.icon-eye:before {
	content: "\e90b";
}
.icon-facebook:before {
	content: "\e90c";
}
.icon-file:before {
	content: "\e90d";
}
.icon-instagram:before {
	content: "\e90e";
}
.icon-less:before {
	content: "\e90f";
}
.icon-location:before {
	content: "\e910";
}
.icon-lock-off:before {
	content: "\e911";
}
.icon-lock-on:before {
	content: "\e912";
}
.icon-mail:before {
	content: "\e913";
}
.icon-more:before {
	content: "\e914";
}
.icon-pause:before {
	content: "\e915";
}
.icon-play:before {
	content: "\e916";
}
.icon-print:before {
	content: "\e917";
}
.icon-refresh:before {
	content: "\e918";
}
.icon-search:before {
	content: "\e919";
}
.icon-send:before {
	content: "\e91a";
}
.icon-share:before {
	content: "\e91b";
}
.icon-tag:before {
	content: "\e91c";
}
.icon-twitter:before {
	content: "\e91d";
}
.icon-youtube:before {
	content: "\e91e";
}

/********** ICON IN ANCHORS **********/

nav.pagination .prev:before {
	content: "\e901";
}
nav.pagination .next:after {
	content: "\e902";
}

/***********************************/
/***********************************/
/********** ICON ANIMATED **********/
/***********************************/
/***********************************/

/*
are concerned :
.icon-grid
.icon-list
.icon-expand,
.icon-more, .icon-close
icon-arrow-left, icon-arrow-right, icon-arrow-up, icon-arrow-down ==> arrow like
.icon-search
*/

/********** DEFAULT **********/

[class^="icon-"].animated:before {
	content:"" !important;
}
[class^="icon-"].animated {
	position:relative;
	display:-webkit-inline-box;
	display:-webkit-inline-flex;
	display:-moz-inline-box;
	display:-ms-inline-flexbox;
	display:inline-flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	   -moz-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	height:1em;
	width:1em;
	color:inherit;
	text-shadow:inherit;
	-webkit-transform-origin:center center;
	   -moz-transform-origin:center center;
	    -ms-transform-origin:center center;
	     -o-transform-origin:center center;
	        transform-origin:center center;
	background:transparent;
}
[class^="icon-"].animated .label,
[class^="icon-"].animated .label:before,
[class^="icon-"].animated .label:after {
	position:absolute;
	display:block;
	height:var(--logo-line-height);
	font-size:inherit !important;
	line-height:inherit;
	color:inherit;
	text-shadow:inherit;
	-webkit-box-shadow:inset 0 0 0 -webkit-calc(var(--logo-line-height) * 2);
	   -moz-box-shadow:inset 0 0 0 -moz-calc(var(--logo-line-height) * 2);
	        box-shadow:inset 0 0 0 calc(var(--logo-line-height) * 2);
}
[class^="icon-"].animated .label:before,
[class^="icon-"].animated .label:after {
	content:"";
	-webkit-transform-origin:center center;
	   -moz-transform-origin:center center;
	    -ms-transform-origin:center center;
	     -o-transform-origin:center center;
	        transform-origin:center center;
}

/** default / no js **/

.icon-expand.animated,
body.onload .icon-expand.animated .label,
body.onload .icon-expand.animated .label:before,
body.onload .icon-expand.animated .label:after {
	-webkit-transition:none;
	-o-transition:none;
	-moz-transition:none;
	transition:none;
}

/********** ICON GRID **********/

.icon-grid.animated .label {
	height:-webkit-calc((1em - var(--logo-line-height) * 4) / 3) ;
	height:-moz-calc((1em - var(--logo-line-height) * 4) / 3) ;
	height:calc((1em - var(--logo-line-height) * 4) / 3) ;
	width:-webkit-calc((1em - var(--logo-line-height) * 4) / 3);
	width:-moz-calc((1em - var(--logo-line-height) * 4) / 3);
	width:calc((1em - var(--logo-line-height) * 4) / 3);
	-webkit-box-shadow:
	inset
	0 -webkit-calc((1em - var(--logo-line-height) * 4) / 1) 0,
	0 -webkit-calc((1em - var(--logo-line-height) * 4) / 3 * 1 + var(--logo-line-height) * 1) 0,
	0 -webkit-calc((1em - var(--logo-line-height) * 4) / 3 * 2 + var(--logo-line-height) * 2) 0,
	-webkit-calc((1em - var(--logo-line-height) * 4) / 3 * 1 + var(--logo-line-height) * 1) 0 0,
	-webkit-calc((1em - var(--logo-line-height) * 4) / 3 * 1 + var(--logo-line-height) * 1) -webkit-calc((1em - var(--logo-line-height) * 4) / 3 * 1 + var(--logo-line-height) * 1) 0,
	-webkit-calc((1em - var(--logo-line-height) * 4) / 3 * 1 + var(--logo-line-height) * 1) -webkit-calc((1em - var(--logo-line-height) * 4) / 3 * 2 + var(--logo-line-height) * 2) 0,
	-webkit-calc((1em - var(--logo-line-height) * 4) / 3 * 2 + var(--logo-line-height) * 2) 0 0,
	-webkit-calc((1em - var(--logo-line-height) * 4) / 3 * 2 + var(--logo-line-height) * 2) -webkit-calc((1em - var(--logo-line-height) * 4) / 3 * 1 + var(--logo-line-height) * 1) 0,
	-webkit-calc((1em - var(--logo-line-height) * 4) / 3 * 2 + var(--logo-line-height) * 2) -webkit-calc((1em - var(--logo-line-height) * 4) / 3 * 2 + var(--logo-line-height) * 2) 0
	!important;
	   -moz-box-shadow:
	inset
	0 -moz-calc((1em - var(--logo-line-height) * 4) / 1) 0,
	0 -moz-calc((1em - var(--logo-line-height) * 4) / 3 * 1 + var(--logo-line-height) * 1) 0,
	0 -moz-calc((1em - var(--logo-line-height) * 4) / 3 * 2 + var(--logo-line-height) * 2) 0,
	-moz-calc((1em - var(--logo-line-height) * 4) / 3 * 1 + var(--logo-line-height) * 1) 0 0,
	-moz-calc((1em - var(--logo-line-height) * 4) / 3 * 1 + var(--logo-line-height) * 1) -moz-calc((1em - var(--logo-line-height) * 4) / 3 * 1 + var(--logo-line-height) * 1) 0,
	-moz-calc((1em - var(--logo-line-height) * 4) / 3 * 1 + var(--logo-line-height) * 1) -moz-calc((1em - var(--logo-line-height) * 4) / 3 * 2 + var(--logo-line-height) * 2) 0,
	-moz-calc((1em - var(--logo-line-height) * 4) / 3 * 2 + var(--logo-line-height) * 2) 0 0,
	-moz-calc((1em - var(--logo-line-height) * 4) / 3 * 2 + var(--logo-line-height) * 2) -moz-calc((1em - var(--logo-line-height) * 4) / 3 * 1 + var(--logo-line-height) * 1) 0,
	-moz-calc((1em - var(--logo-line-height) * 4) / 3 * 2 + var(--logo-line-height) * 2) -moz-calc((1em - var(--logo-line-height) * 4) / 3 * 2 + var(--logo-line-height) * 2) 0
	!important;
	        box-shadow:
	inset
	0 calc((1em - var(--logo-line-height) * 4) / 1) 0,
	0 calc((1em - var(--logo-line-height) * 4) / 3 * 1 + var(--logo-line-height) * 1) 0,
	0 calc((1em - var(--logo-line-height) * 4) / 3 * 2 + var(--logo-line-height) * 2) 0,
	calc((1em - var(--logo-line-height) * 4) / 3 * 1 + var(--logo-line-height) * 1) 0 0,
	calc((1em - var(--logo-line-height) * 4) / 3 * 1 + var(--logo-line-height) * 1) calc((1em - var(--logo-line-height) * 4) / 3 * 1 + var(--logo-line-height) * 1) 0,
	calc((1em - var(--logo-line-height) * 4) / 3 * 1 + var(--logo-line-height) * 1) calc((1em - var(--logo-line-height) * 4) / 3 * 2 + var(--logo-line-height) * 2) 0,
	calc((1em - var(--logo-line-height) * 4) / 3 * 2 + var(--logo-line-height) * 2) 0 0,
	calc((1em - var(--logo-line-height) * 4) / 3 * 2 + var(--logo-line-height) * 2) calc((1em - var(--logo-line-height) * 4) / 3 * 1 + var(--logo-line-height) * 1) 0,
	calc((1em - var(--logo-line-height) * 4) / 3 * 2 + var(--logo-line-height) * 2) calc((1em - var(--logo-line-height) * 4) / 3 * 2 + var(--logo-line-height) * 2) 0
	!important;
	top: var(--logo-line-height);
	left: var(--logo-line-height);
}

/********** ICON LIST **********/

.icon-list.animated .label {
	height:var(--logo-line-height);
	width:1em;
	-webkit-box-shadow:
	inset
	0 -webkit-calc((1em - var(--logo-line-height) * 3) / 3) 0,
	0 -webkit-calc((1em - var(--logo-line-height) * 3) / 3 * 1) 0,
	0 -webkit-calc((1em - var(--logo-line-height) * 3) / 3 * 2) 0,
	0 -webkit-calc((1em - var(--logo-line-height) * 3) / 3 * 3) 0;
	   -moz-box-shadow:
	inset
	0 -moz-calc((1em - var(--logo-line-height) * 3) / 3) 0,
	0 -moz-calc((1em - var(--logo-line-height) * 3) / 3 * 1) 0,
	0 -moz-calc((1em - var(--logo-line-height) * 3) / 3 * 2) 0,
	0 -moz-calc((1em - var(--logo-line-height) * 3) / 3 * 3) 0;
	        box-shadow:
	inset
	0 calc((1em - var(--logo-line-height) * 3) / 3) 0,
	0 calc((1em - var(--logo-line-height) * 3) / 3 * 1) 0,
	0 calc((1em - var(--logo-line-height) * 3) / 3 * 2) 0,
	0 calc((1em - var(--logo-line-height) * 3) / 3 * 3) 0;
	top: var(--logo-line-height);
	left: 0;
}

/********** ICON ARROW **********/

[class^="icon-arrow-"].animated .label {
	left:0;
	height:var(--logo-line-height);
	width:1em;
	width:.9em;
	-webkit-box-shadow:inset 0 0 0 -webkit-calc(var(--logo-line-height) * 2);
	   -moz-box-shadow:inset 0 0 0 -moz-calc(var(--logo-line-height) * 2);
	        box-shadow:inset 0 0 0 calc(var(--logo-line-height) * 2);
}
[class^="icon-arrow-"].animated .label:before,
[class^="icon-arrow-"].animated .label:after {
	left:0;
	width:.6em;
	width:.45em;
	-webkit-transform-origin:-webkit-calc(var(--logo-line-height) / 2.5) -webkit-calc(var(--logo-line-height) / 2);
	   -moz-transform-origin:-moz-calc(var(--logo-line-height) / 2.5) -moz-calc(var(--logo-line-height) / 2);
	    -ms-transform-origin:calc(var(--logo-line-height) / 2.5) calc(var(--logo-line-height) / 2);
	     -o-transform-origin:calc(var(--logo-line-height) / 2.5) calc(var(--logo-line-height) / 2);
	        transform-origin:calc(var(--logo-line-height) / 2.5) calc(var(--logo-line-height) / 2);
}
[class^="icon-arrow-"].animated .label:before {
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}
[class^="icon-arrow-"].animated .label:after {
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.icon-arrow-right.animated {
	-webkit-transform:scale(-1);
	   -moz-transform:scale(-1);
	    -ms-transform:scale(-1);
	     -o-transform:scale(-1);
	        transform:scale(-1);
}
.icon-arrow-up.animated {
	-webkit-transform:rotate(90deg);
	   -moz-transform:rotate(90deg);
	    -ms-transform:rotate(90deg);
	     -o-transform:rotate(90deg);
	        transform:rotate(90deg);
}
.icon-arrow-down.animated {
	-webkit-transform:rotate(-90deg);
	   -moz-transform:rotate(-90deg);
	    -ms-transform:rotate(-90deg);
	     -o-transform:rotate(-90deg);
	        transform:rotate(-90deg);
}

/** alt **/

[class^="icon-arrow-"].animated.alt .label {
	height:0;
	width:-webkit-calc(var(--logo-line-height) * 2);
	width:-moz-calc(var(--logo-line-height) * 2);
	width:calc(var(--logo-line-height) * 2);
}
[class^="icon-arrow-"].animated.alt .label:before {
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}
[class^="icon-arrow-"].animated.alt .label:after {
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
}

/********** ICON EXPAND **********/

/** default **/

.icon-expand.animated .label,
.icon-expand.animated .label:before,
.icon-expand.animated .label:after {
	left:0;
}

/** not expanded **/

.icon-expand.animated .label {
	margin:auto;
}
.icon-expand.animated .label:before {
	-webkit-transform:translate(0,-.375em);
	   -moz-transform:translate(0,-.375em);
	    -ms-transform:translate(0,-.375em);
	     -o-transform:translate(0,-.375em);
	        transform:translate(0,-.375em);
}
.icon-expand.animated .label:after {
	-webkit-transform:translate(0,.375em);
	   -moz-transform:translate(0,.375em);
	    -ms-transform:translate(0,.375em);
	     -o-transform:translate(0,.375em);
	        transform:translate(0,.375em);
}
.icon-expand.animated .label,
.icon-expand.animated .label:before,
.icon-expand.animated .label:after {
	width:1em;
}

/** expanded **/

.expanded .icon-expand.animated .label {
	width:0;
}
.expanded .icon-expand.animated .label:before {
	-webkit-transform:translate3d(-50%,0,0) rotate(-45deg);
	   -moz-transform:translate3d(-50%,0,0) rotate(-45deg);
	        transform:translate3d(-50%,0,0) rotate(-45deg);
}
.expanded .icon-expand.animated .label:after {
	-webkit-transform:translate3d(-50%,0,0) rotate(45deg);
	   -moz-transform:translate3d(-50%,0,0) rotate(45deg);
	        transform:translate3d(-50%,0,0) rotate(45deg);
}
.expanded .icon-expand.animated .label {
	-webkit-transform:translate(.5em,0);
	   -moz-transform:translate(.5em,0);
	    -ms-transform:translate(.5em,0);
	     -o-transform:translate(.5em,0);
	        transform:translate(.5em,0);
}
.expanded .icon-expand .label:before,
.expanded .icon-expand .label:after {
	-webkit-transform:translate(-.125em,0);
	   -moz-transform:translate(-.125em,0);
	    -ms-transform:translate(-.125em,0);
	     -o-transform:translate(-.125em,0);
	        transform:translate(-.125em,0);
	width:1.289em;
}

/********** ICON CLOSE / MORE **********/

.icon-close.animated .label,
.icon-more.animated .label {
	left:0;
	height:1em;
	width:1em;
	-webkit-box-shadow:none !important;
	   -moz-box-shadow:none !important;
	        box-shadow:none !important;
}
.icon-close.animated .label:before,
.icon-close.animated .label:after,
.icon-more.animated .label:before,
.icon-more.animated .label:after {
	top:50%;
	left:50%;
}
.icon-more.animated .label:before,
.icon-more.animated .label:after {
	width:1em;
}
.icon-close.animated .label:before,
.icon-close.animated .label:after {
	width:1.289em;
}
.icon-close.animated .label:before {
	-webkit-transform:translate(-50%,-50%) rotate(-45deg);
	   -moz-transform:translate(-50%,-50%) rotate(-45deg);
	    -ms-transform:translate(-50%,-50%) rotate(-45deg);
	     -o-transform:translate(-50%,-50%) rotate(-45deg);
	        transform:translate(-50%,-50%) rotate(-45deg);
}
.icon-close.animated .label:after {
	-webkit-transform:translate(-50%,-50%) rotate(45deg);
	   -moz-transform:translate(-50%,-50%) rotate(45deg);
	    -ms-transform:translate(-50%,-50%) rotate(45deg);
	     -o-transform:translate(-50%,-50%) rotate(45deg);
	        transform:translate(-50%,-50%) rotate(45deg);
}
.icon-more.animated .label:before {
	-webkit-transform:translate(-50%,-50%) rotate(0deg);
	   -moz-transform:translate(-50%,-50%) rotate(0deg);
	    -ms-transform:translate(-50%,-50%) rotate(0deg);
	     -o-transform:translate(-50%,-50%) rotate(0deg);
	        transform:translate(-50%,-50%) rotate(0deg);
}
.icon-more.animated .label:after {
	-webkit-transform:translate(-50%,-50%) rotate(90deg);
	   -moz-transform:translate(-50%,-50%) rotate(90deg);
	    -ms-transform:translate(-50%,-50%) rotate(90deg);
	     -o-transform:translate(-50%,-50%) rotate(90deg);
	        transform:translate(-50%,-50%) rotate(90deg);
}

/********** ICON SEARCH **********/

.icon-search.animated .label {
	height:1em;
	width:1em;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
	-webkit-box-shadow:none !important;
	   -moz-box-shadow:none !important;
	        box-shadow:none !important;
}
.icon-search.animated .label:before {
	height:.9em;
	width:.9em;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
	-webkit-box-shadow:inset 0 0 0 -webkit-calc(var(--logo-line-height) * 1);
	   -moz-box-shadow:inset 0 0 0 -moz-calc(var(--logo-line-height) * 1);
	        box-shadow:inset 0 0 0 calc(var(--logo-line-height) * 1);
}
.icon-search.animated .label:after {
	height:var(--logo-line-height);
	width:.4em;
	-webkit-box-shadow:inset 0 0 0 -webkit-calc(var(--logo-line-height) * 1);
	   -moz-box-shadow:inset 0 0 0 -moz-calc(var(--logo-line-height) * 1);
	        box-shadow:inset 0 0 0 calc(var(--logo-line-height) * 1);
	bottom:0;
	right:0;
	-webkit-transform-origin:100% 100%;
	   -moz-transform-origin:100% 100%;
	    -ms-transform-origin:100% 100%;
	     -o-transform-origin:100% 100%;
	        transform-origin:100% 100%;
}
.icon-search.animated .label:after {
	-webkit-transform:rotate(45deg);
	   -moz-transform:rotate(45deg);
	    -ms-transform:rotate(45deg);
	     -o-transform:rotate(45deg);
	        transform:rotate(45deg);
}

/********** ICON DOWNLOAD **********/

.icon-download.animated {
	-webkit-transform:scale(-1);
	   -moz-transform:scale(-1);
	    -ms-transform:scale(-1);
	     -o-transform:scale(-1);
	        transform:scale(-1);
}
/* ADD BORDER BOTTOM !!!! */
.icon-download.animated {
	
}
.icon-download.animated .label {
	left:0;
	height:var(--logo-line-height);
	width:1em;
	-webkit-box-shadow:inset 0 0 0 -webkit-calc(var(--logo-line-height) * 2);
	   -moz-box-shadow:inset 0 0 0 -moz-calc(var(--logo-line-height) * 2);
	        box-shadow:inset 0 0 0 calc(var(--logo-line-height) * 2);
	-webkit-transform:rotate(90deg);
	   -moz-transform:rotate(90deg);
	    -ms-transform:rotate(90deg);
	     -o-transform:rotate(90deg);
	        transform:rotate(90deg);
}
.icon-download.animated .label:before,
.icon-download.animated .label:after {
	left:0;
	width:.6em;
	-webkit-transform-origin:-webkit-calc(var(--logo-line-height) / 2.5) -webkit-calc(var(--logo-line-height) / 2);
	   -moz-transform-origin:-moz-calc(var(--logo-line-height) / 2.5) -moz-calc(var(--logo-line-height) / 2);
	    -ms-transform-origin:calc(var(--logo-line-height) / 2.5) calc(var(--logo-line-height) / 2);
	     -o-transform-origin:calc(var(--logo-line-height) / 2.5) calc(var(--logo-line-height) / 2);
	        transform-origin:calc(var(--logo-line-height) / 2.5) calc(var(--logo-line-height) / 2);
}
.icon-download.animated .label:before {
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}
.icon-download.animated .label:after {
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
}

/********** ICON PLAY / PAUSE **********/
/* https://css-tricks.com/making-pure-css-playpause-button/ */

.icon-play.animated .label {
	height:1em;
	width:1em;
	-webkit-box-shadow:none;
	   -moz-box-shadow:none;
	        box-shadow:none;
}
.icon-play.animated .label:before,
.icon-play.animated .label:after {
	height:1em;
	width:1em;
	-webkit-box-shadow:inset 0 0 0 1em;
	   -moz-box-shadow:inset 0 0 0 1em;
	        box-shadow:inset 0 0 0 1em;
}
.icon-play.animated .label:before {
	-webkit-clip-path: polygon(0 0, 50% 25%, 50% 75%, 0% 100%);
	        clip-path: polygon(0 0, 50% 25%, 50% 75%, 0% 100%);
}
.icon-play.animated .label:after {
	-webkit-clip-path: polygon(50% 25%, 100% 50%, 100% 50%, 50% 75%);
	        clip-path: polygon(50% 25%, 100% 50%, 100% 50%, 50% 75%);
}

/****************************/
/********** @MEDIA **********/
/****************************/
/*  cf . https://css-tricks.com/solving-sticky-hover-states-with-media-hover-hover/ */

/********** @HOVER **********/

@media (hover: hover) {
	/** arrow **/
	a:hover [class^="icon-arrow-"].animated .label {
		width:.8em;
	}
	a:hover [class^="icon-arrow-"].animated .label:before,
	a:hover [class^="icon-arrow-"].animated .label:after {
		width:.3em;
	}
	/** expand **/
	a:not(.expanded):hover .icon-expand.animated .label:before {
		-webkit-transform:translate(0,-.25em);
		   -moz-transform:translate(0,-.25em);
		    -ms-transform:translate(0,-.25em);
		     -o-transform:translate(0,-.25em);
		        transform:translate(0,-.25em);
	}
	a:not(.expanded):hover .icon-expand.animated .label:after {
		-webkit-transform:translate(0,.25em);
		   -moz-transform:translate(0,.25em);
		    -ms-transform:translate(0,.25em);
		     -o-transform:translate(0,.25em);
		        transform:translate(0,.25em);
	}
	a.expanded:hover .icon-expand .label:before,
	a.expanded:hover .icon-expand .label:after {
		width:1em;
	}
	/** more, close **/
	a:hover .icon-more.animated .label:before,
	a:hover .icon-more.animated .label:after {
		width:.75em;
	}
	a:hover .icon-close.animated .label:before,
	a:hover .icon-close.animated .label:after {
		width:1em;
	}
	/** search **/
	a:hover .icon-search.animated .label:before {
		height:.75em;
		width:.75em;
	}
	a:hover .icon-search.animated .label:after {
		width:.5em;
	}
	/** play / pause **/
	/* pause */
	a.is-paused .icon-play.animated .label:before,
	a.is-playing:hover .icon-play.animated .label:before {
		-webkit-clip-path: polygon(0% 0%, 33% 0, 33% 100%, 0% 100%);
		        clip-path: polygon(0% 0%, 33% 0, 33% 100%, 0% 100%);
	}
	a.is-paused .icon-play.animated .label:after,
	a.is-playing:hover .icon-play.animated .label:after {
		-webkit-clip-path: polygon(66% 0, 100% 0, 100% 100%, 66% 100%);
		        clip-path: polygon(66% 0, 100% 0, 100% 100%, 66% 100%)
	}
	/* play */
	a.is-paused:hover .icon-play.animated .label:before,
	a.is-playing .icon-play.animated .label:before {
		-webkit-clip-path: polygon(0 0, 50% 25%, 50% 75%, 0% 100%);
		        clip-path: polygon(0 0, 50% 25%, 50% 75%, 0% 100%);
	}
	a.is-paused:hover .icon-play.animated .label:after,
	a.is-playing .icon-play.animated .label:after {
		-webkit-clip-path: polygon(50% 25%, 100% 50%, 100% 50%, 50% 75%);
		        clip-path: polygon(50% 25%, 100% 50%, 100% 50%, 50% 75%);
	}
}

/********** .HOVER FOR MOBILE JS **********/

@media (min-width:0px) {
	/** arrow **/
	a.hover [class^="icon-arrow-"].animated .label {
		width:.8em;
	}
	a:hover [class^="icon-arrow-"].animated .label:before,
	a:hover [class^="icon-arrow-"].animated .label:after {
		width:.3em;
	}
	/** expand **/
	a:not(.expanded).hover .icon-expand.animated .label:before {
		-webkit-transform:translate(0,-.25em);
		   -moz-transform:translate(0,-.25em);
		    -ms-transform:translate(0,-.25em);
		     -o-transform:translate(0,-.25em);
		        transform:translate(0,-.25em);
	}
	a:not(.expanded).hover .icon-expand.animated .label:after {
		-webkit-transform:translate(0,.25em);
		   -moz-transform:translate(0,.25em);
		    -ms-transform:translate(0,.25em);
		     -o-transform:translate(0,.25em);
		        transform:translate(0,.25em);
	}
	a.expanded.hover .icon-expand .label:before,
	a.expanded.hover .icon-expand .label:after {
		width:1em;
	}
	/** more, close **/
	a.hover .icon-more.animated .label:before,
	a.hover .icon-more.animated .label:after {
		width:.75em;
	}
	a.hover .icon-close.animated .label:before,
	a.hover .icon-close.animated .label:after {
		width:1em;
	}
	/** search **/
	a.hover .icon-search.animated .label:before {
		height:.75em;
		width:.75em;
	}
	a.hover .icon-search.animated .label:after {
		width:.5em;
	}
	/** play / pause **/
	/* pause */
	a.is-paused .icon-play.animated .label:before {
		-webkit-clip-path: polygon(0% 0%, 33% 0, 33% 100%, 0% 100%);
		        clip-path: polygon(0% 0%, 33% 0, 33% 100%, 0% 100%);
	}
	a.is-paused .icon-play.animated .label:after,
	a.is-playing.hover .icon-play.animated .label:after {
		-webkit-clip-path: polygon(66% 0, 100% 0, 100% 100%, 66% 100%);
		        clip-path: polygon(66% 0, 100% 0, 100% 100%, 66% 100%)
	}
	/* play */
	a.is-paused.hover .icon-play.animated .label:before{
		-webkit-clip-path: polygon(0 0, 50% 25%, 50% 75%, 0% 100%);
		        clip-path: polygon(0 0, 50% 25%, 50% 75%, 0% 100%);
	}
	a.is-paused.hover .icon-play.animated .label:after {
		-webkit-clip-path: polygon(50% 25%, 100% 50%, 100% 50%, 50% 75%);
		        clip-path: polygon(50% 25%, 100% 50%, 100% 50%, 50% 75%);
	}
}

/***************************/
/***************************/
/********** FONTS **********/
/***************************/
/***************************/

/********** LUST PRO No 4 == font-family: 'Lust Pro No 4'; **********/

@font-face {
	font-family: 'Lust Pro No 4';
	src: url('../fonts/LustPro-No4.eot');
	src: url('../fonts/LustPro-No4.eot?#iefix') format('embedded-opentype'),
		url('../fonts/LustPro-No4.woff2') format('woff2'),
		url('../fonts/LustPro-No4.woff') format('woff'),
		url('../fonts/LustPro-No4.ttf') format('truetype'),
		url('../fonts/LustPro-No4.svg#LustPro-No4') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

/********** TT NORMS PRO == font-family: 'TT Norms Pro'; **********/
/*
100 == thin [OUT]
200 == extra light [OUT]
300 == light
400 == regular
500 == medium [OUT]
600 == demi bold
700 == bold [OUT]
900 == black [OUT]
*/

/* light == 300 */

@font-face {
	font-family: 'TT Norms Pro';
	src: url('../fonts/TTNormsPro-Lt.eot');
	src: url('../fonts/TTNormsPro-Lt.eot?#iefix') format('embedded-opentype'),
		url('../fonts/TTNormsPro-Lt.woff2') format('woff2'),
		url('../fonts/TTNormsPro-Lt.woff') format('woff'),
		url('../fonts/TTNormsPro-Lt.ttf') format('truetype'),
		url('../fonts/TTNormsPro-Lt.svg#TTNormsPro-Lt') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'TT Norms Pro';
	src: url('../fonts/TTNormsPro-LtIt.eot');
	src: url('../fonts/TTNormsPro-LtIt.eot?#iefix') format('embedded-opentype'),
		url('../fonts/TTNormsPro-LtIt.woff2') format('woff2'),
		url('../fonts/TTNormsPro-LtIt.woff') format('woff'),
		url('../fonts/TTNormsPro-LtIt.ttf') format('truetype'),
		url('../fonts/TTNormsPro-LtIt.svg#TTNormsPro-LtIt') format('svg');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

/* regular == 400 */

@font-face {
	font-family: 'TT Norms Pro';
	src: url('../fonts/TTNormsPro-Rg.eot');
	src: url('../fonts/TTNormsPro-Rg.eot?#iefix') format('embedded-opentype'),
		url('../fonts/TTNormsPro-Rg.woff2') format('woff2'),
		url('../fonts/TTNormsPro-Rg.woff') format('woff'),
		url('../fonts/TTNormsPro-Rg.ttf') format('truetype'),
		url('../fonts/TTNormsPro-Rg.svg#TTNormsPro-Rg') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'TT Norms Pro';
	src: url('../fonts/TTNormsPro-It.eot');
	src: url('../fonts/TTNormsPro-It.eot?#iefix') format('embedded-opentype'),
		url('../fonts/TTNormsPro-It.woff2') format('woff2'),
		url('../fonts/TTNormsPro-It.woff') format('woff'),
		url('../fonts/TTNormsPro-It.ttf') format('truetype'),
		url('../fonts/TTNormsPro-It.svg#TTNormsPro-It') format('svg');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

/* demi bold == 600 */

@font-face {
	font-family: 'TT Norms Pro';
	src: url('../fonts/TTNormsPro-DmBd.eot');
	src: url('../fonts/TTNormsPro-DmBd.eot?#iefix') format('embedded-opentype'),
		url('../fonts/TTNormsPro-DmBd.woff2') format('woff2'),
		url('../fonts/TTNormsPro-DmBd.woff') format('woff'),
		url('../fonts/TTNormsPro-DmBd.ttf') format('truetype'),
		url('../fonts/TTNormsPro-DmBd.svg#TTNormsPro-DmBd') format('svg');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'TT Norms Pro';
	src: url('../fonts/TTNormsPro-DmBdIt.eot');
	src: url('../fonts/TTNormsPro-DmBdIt.eot?#iefix') format('embedded-opentype'),
		url('../fonts/TTNormsPro-DmBdIt.woff2') format('woff2'),
		url('../fonts/TTNormsPro-DmBdIt.woff') format('woff'),
		url('../fonts/TTNormsPro-DmBdIt.ttf') format('truetype'),
		url('../fonts/TTNormsPro-DmBdIt.svg#TTNormsPro-DmBdIt') format('svg');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

/*********************************/
/*********************************/
/********** FONT FAMILY **********/
/*********************************/
/*********************************/

body {
	font-family: 'TT Norms Pro', sans-serif;
	font-weight: 400;
}

blockquote.important,
section.focus .important,
.grid.list.events .event-type,
.event-location {
	font-weight: 300;
}
table th,
.introduction,
.blocktype,
.timeline,
#navbar,
#navigation,
.read-more,
footer,
.menu a,
.link,
h1, h2, h3, h4, h5, h6,
blockquote cite,
strong,
#contextual,
nav.contextual,
.event-icons,
.event-title,
.event-dates,
.event-hour,
.buttons,
.button {
	font-weight:600;
}
#sitemap .menu a.alt,
#primary,
.introduction.manuscript,
.manuscript {
	font-family: 'Lust Pro No 4', serif;
	font-weight:normal;
}

/*******************************/
/*******************************/
/********** FONT SIZE **********/
/*******************************/
/*******************************/

h1, h2, h3, h4, h5, h6 {
	line-height:1.125em;
	letter-spacing:normal;
}
#primary,
.manuscript {
	letter-spacing:.0625rem;
}
h1.short, h2.short, h3.short, h4.short, h5.short, h6.short {
	font-size:inherit;
}
small {
	font-size:.75em;
}
.hidden + * {
	margin-top:0 !important;
}

/********** @MEDIA **********/

body {
	font-size:var(--body-font-size);
}

@media (min-width:760px) {
	main {
		font-size:1.25em;
	}
	h2 {
		font-size:2em;
	}
	.important {
		font-size:1.5em;
	}
}
@media (min-width:1000px) {
	h2 {
		font-size:3em;
	}
	h3 {
		font-size:1.25em;
	}
}

/*************************************/
/*************************************/
/********** CONTENT SPACING **********/
/*************************************/
/*************************************/

/********** DEFAULT **********/

h1.hidden + *:not(.grid),
h2.hidden + *:not(.grid) {
	margin:0;
}

/********** FORM **********/

label.hidden + * {
	margin:0;
	padding:0;
}
* + label.hidden {
	position:relative;
}

/********** @MEDIA **********/

/* default style */
h1:not(.short) + *,
h2:not(.short) + *,
h3:not(.short) + *,
h4:not(.short) + *,
h5:not(.short) + *,
h6:not(.short) + *,
p + *,
pre + *,
blockquote + *,
hr + *,
ul + *,
ol + *,
figure + *,
img + *,
svg + *,

/* custom style */
.infos + *,
.important + *,
.columns + *,
.columnizer + *,
.is-limited-large + *,
.is-limited-larger + *,
.grid + *,
nav + *,
.buttons + *,
.button + *,
.link + *,
* + .buttons,
* + hr,
* + .button,
.table + *,
* + .table,
.collapsible.collapsed + *,
* + .collapsible.collapsed,

/* forms */
form + * {
	margin-top:var(--global-spacing);
}

/** test for content WIP **/

main * + h1,
main * + h2,
main * + h3,
main * + h4,
main * + h5,
main * + h6,
* +.timeline {
	margin-top:-webkit-calc(var(--global-spacing) * 3 / 2);
	margin-top:-moz-calc(var(--global-spacing) * 3 / 2);
	margin-top:calc(var(--global-spacing) * 3 / 2);
}