@charset "UTF-8";

/**************************/
/**************************/
/********** VARS **********/
/**************************/
/**************************/

/* https://easings.net/fr */

:root {
	/* duration */
	--duration-fast: .25s;
	--duration-normal: .5s;
	--duration-slow: 1s;

	/* ease */
	--ease-fast: cubic-bezier(0,.5,.5,1);
	--ease: ease;
	--elastic: cubic-bezier(1, 0.01, 0, 1.22);
	--easeInQuint: cubic-bezier(0.64, 0, 0.78, 0);
	--easeOutQuint: cubic-bezier(0.22, 1, 0.36, 1);
}

/********************************/
/********************************/
/********** ANIMATIONS **********/
/********************************/
/********************************/

/*******************************/
/********** STRUCTURE **********/
/*******************************/

body {
	-webkit-transition:
	color var(--duration-fast) var(--ease),
	opacity var(--duration-fast) var(--ease),
	background var(--duration-slow) var(--ease);
	-o-transition:
	color var(--duration-fast) var(--ease),
	opacity var(--duration-fast) var(--ease),
	background var(--duration-slow) var(--ease);
	-moz-transition:
	color var(--duration-fast) var(--ease),
	opacity var(--duration-fast) var(--ease),
	background var(--duration-slow) var(--ease);
	transition:
	color var(--duration-fast) var(--ease),
	opacity var(--duration-fast) var(--ease),
	background var(--duration-slow) var(--ease);
}
header {
	-webkit-transition:
	opacity var(--duration-normal) var(--ease),
	background var(--duration-fast) var(--ease);
	-o-transition:
	opacity var(--duration-normal) var(--ease),
	background var(--duration-fast) var(--ease);
	-moz-transition:
	opacity var(--duration-normal) var(--ease),
	background var(--duration-fast) var(--ease);
	transition:
	opacity var(--duration-normal) var(--ease),
	background var(--duration-fast) var(--ease);
}
main,
footer {
	-webkit-transition:opacity .5s var(--ease-fast), -webkit-filter .5s var(--ease-fast), -webkit-transform .5s var(--ease);
	transition:opacity .5s var(--ease-fast), -webkit-filter .5s var(--ease-fast), -webkit-transform .5s var(--ease);
	-o-transition:opacity .5s var(--ease-fast), filter .5s var(--ease-fast), -o-transform .5s var(--ease);
	-moz-transition:opacity .5s var(--ease-fast), filter .5s var(--ease-fast), transform .5s var(--ease), -moz-transform .5s var(--ease);
	transition:opacity .5s var(--ease-fast), filter .5s var(--ease-fast), transform .5s var(--ease);
	transition:opacity .5s var(--ease-fast), filter .5s var(--ease-fast), transform .5s var(--ease), -webkit-filter .5s var(--ease-fast), -webkit-transform .5s var(--ease), -moz-transform .5s var(--ease), -o-transform .5s var(--ease);
}

/****************************/
/********** STYLES **********/
/****************************/

.thumbnail {
	-webkit-transition:
	opacity var(--duration-fast) var(--ease),
	-webkit-transform var(--duration-fast) var(--elastic);
	transition:
	opacity var(--duration-fast) var(--ease),
	-webkit-transform var(--duration-fast) var(--elastic);
	-o-transition:
	opacity var(--duration-fast) var(--ease),
	-o-transform var(--duration-fast) var(--elastic);
	-moz-transition:
	opacity var(--duration-fast) var(--ease),
	transform var(--duration-fast) var(--elastic),
	-moz-transform var(--duration-fast) var(--elastic);
	transition:
	opacity var(--duration-fast) var(--ease),
	transform var(--duration-fast) var(--elastic);
	transition:
	opacity var(--duration-fast) var(--ease),
	transform var(--duration-fast) var(--elastic),
	-webkit-transform var(--duration-fast) var(--elastic),
	-moz-transform var(--duration-fast) var(--elastic),
	-o-transform var(--duration-fast) var(--elastic);
}
.partner > * {
	-webkit-transition:-webkit-transform var(--duration-fast) var(--elastic);
	transition:-webkit-transform var(--duration-fast) var(--elastic);
	-o-transition:-o-transform var(--duration-fast) var(--elastic);
	-moz-transition:transform var(--duration-fast) var(--elastic), -moz-transform var(--duration-fast) var(--elastic);
	transition:transform var(--duration-fast) var(--elastic);
	transition:transform var(--duration-fast) var(--elastic), -webkit-transform var(--duration-fast) var(--elastic), -moz-transform var(--duration-fast) var(--elastic), -o-transform var(--duration-fast) var(--elastic);
}

/********************************/
/********** NAVIGATION **********/
/********************************/

a,
nav a {
	-webkit-transition:
	color var(--duration-fast) var(--ease),
	background var(--duration-fast) var(--ease),
	opacity var(--duration-fast) var(--ease),
	border var(--duration-fast) var(--elastic),
	width var(--duration-fast) var(--elastic),
	-webkit-text-decoration var(--duration-fast) var(--ease),
	-webkit-transform var(--duration-fast) var(--elastic);
	transition:
	color var(--duration-fast) var(--ease),
	background var(--duration-fast) var(--ease),
	opacity var(--duration-fast) var(--ease),
	border var(--duration-fast) var(--elastic),
	width var(--duration-fast) var(--elastic),
	-webkit-text-decoration var(--duration-fast) var(--ease),
	-webkit-transform var(--duration-fast) var(--elastic);
	-o-transition:
	color var(--duration-fast) var(--ease),
	background var(--duration-fast) var(--ease),
	text-decoration var(--duration-fast) var(--ease),
	opacity var(--duration-fast) var(--ease),
	border var(--duration-fast) var(--elastic),
	width var(--duration-fast) var(--elastic),
	-o-transform var(--duration-fast) var(--elastic);
	-moz-transition:
	color var(--duration-fast) var(--ease),
	background var(--duration-fast) var(--ease),
	text-decoration var(--duration-fast) var(--ease),
	opacity var(--duration-fast) var(--ease),
	border var(--duration-fast) var(--elastic),
	width var(--duration-fast) var(--elastic),
	transform var(--duration-fast) var(--elastic),
	-moz-text-decoration var(--duration-fast) var(--ease),
	-moz-transform var(--duration-fast) var(--elastic);
	transition:
	color var(--duration-fast) var(--ease),
	background var(--duration-fast) var(--ease),
	text-decoration var(--duration-fast) var(--ease),
	opacity var(--duration-fast) var(--ease),
	border var(--duration-fast) var(--elastic),
	width var(--duration-fast) var(--elastic),
	transform var(--duration-fast) var(--elastic);
	transition:
	color var(--duration-fast) var(--ease),
	background var(--duration-fast) var(--ease),
	text-decoration var(--duration-fast) var(--ease),
	opacity var(--duration-fast) var(--ease),
	border var(--duration-fast) var(--elastic),
	width var(--duration-fast) var(--elastic),
	transform var(--duration-fast) var(--elastic),
	-webkit-text-decoration var(--duration-fast) var(--ease),
	-moz-text-decoration var(--duration-fast) var(--ease),
	-webkit-transform var(--duration-fast) var(--elastic),
	-moz-transform var(--duration-fast) var(--elastic),
	-o-transform var(--duration-fast) var(--elastic);
}
a:after,
nav a:after {
	-webkit-transition:
	width var(--duration-fast) var(--elastic),
	-webkit-transform var(--duration-fast) var(--elastic);
	transition:
	width var(--duration-fast) var(--elastic),
	-webkit-transform var(--duration-fast) var(--elastic);
	-o-transition:
	width var(--duration-fast) var(--elastic),
	-o-transform var(--duration-fast) var(--elastic);
	-moz-transition:
	width var(--duration-fast) var(--elastic),
	transform var(--duration-fast) var(--elastic),
	-moz-transform var(--duration-fast) var(--elastic);
	transition:
	width var(--duration-fast) var(--elastic),
	transform var(--duration-fast) var(--elastic);
	transition:
	width var(--duration-fast) var(--elastic),
	transform var(--duration-fast) var(--elastic),
	-webkit-transform var(--duration-fast) var(--elastic),
	-moz-transform var(--duration-fast) var(--elastic),
	-o-transform var(--duration-fast) var(--elastic);
}
.tabs .tab {
	-webkit-transition:opacity var(--duration-normal) var(--ease);
	-o-transition:opacity var(--duration-normal) var(--ease);
	-moz-transition:opacity var(--duration-normal) var(--ease);
	transition:opacity var(--duration-normal) var(--ease);
}

/*****************************/
/********** TOOLBOX **********/
/*****************************/

.toolbox-item {
	-webkit-transition:
	opacity var(--duration-fast) var(--ease),
	-webkit-transform var(--duration-fast) var(--elastic);
	transition:
	opacity var(--duration-fast) var(--ease),
	-webkit-transform var(--duration-fast) var(--elastic);
	-o-transition:
	opacity var(--duration-fast) var(--ease),
	-o-transform var(--duration-fast) var(--elastic);
	-moz-transition:
	opacity var(--duration-fast) var(--ease),
	transform var(--duration-fast) var(--elastic),
	-moz-transform var(--duration-fast) var(--elastic);
	transition:
	opacity var(--duration-fast) var(--ease),
	transform var(--duration-fast) var(--elastic);
	transition:
	opacity var(--duration-fast) var(--ease),
	transform var(--duration-fast) var(--elastic),
	-webkit-transform var(--duration-fast) var(--elastic),
	-moz-transform var(--duration-fast) var(--elastic),
	-o-transform var(--duration-fast) var(--elastic);
}

/*********************************/
/********** COLLAPSIBLE **********/
/*********************************/

.collapsible-toggle:before {
	-webkit-transition:
	opacity var(--duration-fast) var(--ease),
	-webkit-transform var(--duration-fast) var(--elastic);
	transition:
	opacity var(--duration-fast) var(--ease),
	-webkit-transform var(--duration-fast) var(--elastic);
	-o-transition:
	opacity var(--duration-fast) var(--ease),
	-o-transform var(--duration-fast) var(--elastic);
	-moz-transition:
	opacity var(--duration-fast) var(--ease),
	transform var(--duration-fast) var(--elastic),
	-moz-transform var(--duration-fast) var(--elastic);
	transition:
	opacity var(--duration-fast) var(--ease),
	transform var(--duration-fast) var(--elastic);
	transition:
	opacity var(--duration-fast) var(--ease),
	transform var(--duration-fast) var(--elastic),
	-webkit-transform var(--duration-fast) var(--elastic),
	-moz-transform var(--duration-fast) var(--elastic),
	-o-transform var(--duration-fast) var(--elastic);
}
.collapsible {
	-webkit-transition:
	opacity var(--duration-fast) var(--ease),
	max-height var(--duration-fast) var(--elastic),
	visibility .01s linear var(--duration-fast),
	-webkit-transform var(--duration-fast) var(--elastic);
	transition:
	opacity var(--duration-fast) var(--ease),
	max-height var(--duration-fast) var(--elastic),
	visibility .01s linear var(--duration-fast),
	-webkit-transform var(--duration-fast) var(--elastic);
	-o-transition:
	opacity var(--duration-fast) var(--ease),
	max-height var(--duration-fast) var(--elastic),
	visibility .01s linear var(--duration-fast),
	-o-transform var(--duration-fast) var(--elastic);
	-moz-transition:
	opacity var(--duration-fast) var(--ease),
	transform var(--duration-fast) var(--elastic),
	max-height var(--duration-fast) var(--elastic),
	visibility .01s linear var(--duration-fast),
	-moz-transform var(--duration-fast) var(--elastic);
	transition:
	opacity var(--duration-fast) var(--ease),
	transform var(--duration-fast) var(--elastic),
	max-height var(--duration-fast) var(--elastic),
	visibility .01s linear var(--duration-fast);
	transition:
	opacity var(--duration-fast) var(--ease),
	transform var(--duration-fast) var(--elastic),
	max-height var(--duration-fast) var(--elastic),
	visibility .01s linear var(--duration-fast),
	-webkit-transform var(--duration-fast) var(--elastic),
	-moz-transform var(--duration-fast) var(--elastic),
	-o-transform var(--duration-fast) var(--elastic);
}
.collapsible.active {
	-webkit-transition:
	opacity var(--duration-fast) var(--ease),
	max-height var(--duration-fast) var(--elastic),
	visibility .01s linear,
	-webkit-transform var(--duration-fast) var(--elastic);
	transition:
	opacity var(--duration-fast) var(--ease),
	max-height var(--duration-fast) var(--elastic),
	visibility .01s linear,
	-webkit-transform var(--duration-fast) var(--elastic);
	-o-transition:
	opacity var(--duration-fast) var(--ease),
	max-height var(--duration-fast) var(--elastic),
	visibility .01s linear,
	-o-transform var(--duration-fast) var(--elastic);
	-moz-transition:
	opacity var(--duration-fast) var(--ease),
	transform var(--duration-fast) var(--elastic),
	max-height var(--duration-fast) var(--elastic),
	visibility .01s linear,
	-moz-transform var(--duration-fast) var(--elastic);
	transition:
	opacity var(--duration-fast) var(--ease),
	transform var(--duration-fast) var(--elastic),
	max-height var(--duration-fast) var(--elastic),
	visibility .01s linear;
	transition:
	opacity var(--duration-fast) var(--ease),
	transform var(--duration-fast) var(--elastic),
	max-height var(--duration-fast) var(--elastic),
	visibility .01s linear,
	-webkit-transform var(--duration-fast) var(--elastic),
	-moz-transform var(--duration-fast) var(--elastic),
	-o-transform var(--duration-fast) var(--elastic);
}

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

.logo svg {
	-webkit-transition:
	fill var(--duration-normal) var(--ease);
	-o-transition:
	fill var(--duration-normal) var(--ease);
	-moz-transition:
	fill var(--duration-normal) var(--ease);
	transition:
	fill var(--duration-normal) var(--ease);
}

/**************************/
/********** GRID **********/
/**************************/

.grid .item {
	-webkit-transition:
	opacity var(--duration-normal) var(--ease),
	-webkit-transform var(--duration-normal) var(--ease);
	transition:
	opacity var(--duration-normal) var(--ease),
	-webkit-transform var(--duration-normal) var(--ease);
	-o-transition:
	opacity var(--duration-normal) var(--ease),
	-o-transform var(--duration-normal) var(--ease);
	-moz-transition:
	opacity var(--duration-normal) var(--ease),
	transform var(--duration-normal) var(--ease),
	-moz-transform var(--duration-normal) var(--ease);
	transition:
	opacity var(--duration-normal) var(--ease),
	transform var(--duration-normal) var(--ease);
	transition:
	opacity var(--duration-normal) var(--ease),
	transform var(--duration-normal) var(--ease),
	-webkit-transform var(--duration-normal) var(--ease),
	-moz-transform var(--duration-normal) var(--ease),
	-o-transform var(--duration-normal) var(--ease);
}
.grid .item.off {
	-webkit-transition:
	opacity var(--duration-fast) var(--ease),
	-webkit-transform var(--duration-fast) var(--ease);
	transition:
	opacity var(--duration-fast) var(--ease),
	-webkit-transform var(--duration-fast) var(--ease);
	-o-transition:
	opacity var(--duration-fast) var(--ease),
	-o-transform var(--duration-fast) var(--ease);
	-moz-transition:
	opacity var(--duration-fast) var(--ease),
	transform var(--duration-fast) var(--ease),
	-moz-transform var(--duration-fast) var(--ease);
	transition:
	opacity var(--duration-fast) var(--ease),
	transform var(--duration-fast) var(--ease);
	transition:
	opacity var(--duration-fast) var(--ease),
	transform var(--duration-fast) var(--ease),
	-webkit-transform var(--duration-fast) var(--ease),
	-moz-transform var(--duration-fast) var(--ease),
	-o-transform var(--duration-fast) var(--ease);
}
.grid .item .thumbnail:before {
	-webkit-transition:opacity var(--duration-fast) var(--ease);
	-o-transition:opacity var(--duration-fast) var(--ease);
	-moz-transition:opacity var(--duration-fast) var(--ease);
	transition:opacity var(--duration-fast) var(--ease);
}

/**************************/
/********** GMAP **********/
/**************************/

.gmap-marker {
	-webkit-transition:
	opacity var(--duration-fast) var(--ease),
	height .01s linear,
	visibility .01s linear;
	-o-transition:
	opacity var(--duration-fast) var(--ease),
	height .01s linear,
	visibility .01s linear;
	-moz-transition:
	opacity var(--duration-fast) var(--ease),
	height .01s linear,
	visibility .01s linear;
	transition:
	opacity var(--duration-fast) var(--ease),
	height .01s linear,
	visibility .01s linear;
}
.gmap-marker.off {
	-webkit-transition:
	opacity var(--duration-fast) var(--ease),
	height .01s linear var(--duration-fast),
	visibility .01s linear var(--duration-fast);
	-o-transition:
	opacity var(--duration-fast) var(--ease),
	height .01s linear var(--duration-fast),
	visibility .01s linear var(--duration-fast);
	-moz-transition:
	opacity var(--duration-fast) var(--ease),
	height .01s linear var(--duration-fast),
	visibility .01s linear var(--duration-fast);
	transition:
	opacity var(--duration-fast) var(--ease),
	height .01s linear var(--duration-fast),
	visibility .01s linear var(--duration-fast);
}
.gmap-marker .title {
	-webkit-transition:
	opacity var(--duration-fast) var(--ease),
	-webkit-transform var(--duration-fast) var(--ease);
	transition:
	opacity var(--duration-fast) var(--ease),
	-webkit-transform var(--duration-fast) var(--ease);
	-o-transition:
	opacity var(--duration-fast) var(--ease),
	-o-transform var(--duration-fast) var(--ease);
	-moz-transition:
	opacity var(--duration-fast) var(--ease),
	transform var(--duration-fast) var(--ease),
	-moz-transform var(--duration-fast) var(--ease);
	transition:
	opacity var(--duration-fast) var(--ease),
	transform var(--duration-fast) var(--ease);
	transition:
	opacity var(--duration-fast) var(--ease),
	transform var(--duration-fast) var(--ease),
	-webkit-transform var(--duration-fast) var(--ease),
	-moz-transform var(--duration-fast) var(--ease),
	-o-transform var(--duration-fast) var(--ease);
}

/******************************/
/********** OVERLAYS **********/
/******************************/

.overlay {
	-webkit-transition:
	opacity var(--duration-normal) var(--easeInQuint),
	visibility .01s linear var(--duration-normal),
	-webkit-transform -webkit-calc(var(--duration-normal) / 2) var(--easeInQuint);
	transition:
	opacity var(--duration-normal) var(--easeInQuint),
	visibility .01s linear var(--duration-normal),
	-webkit-transform calc(var(--duration-normal) / 2) var(--easeInQuint);
	-o-transition:
	opacity var(--duration-normal) var(--easeInQuint),
	visibility .01s linear var(--duration-normal),
	-o-transform calc(var(--duration-normal) / 2) var(--easeInQuint);
	-moz-transition:
	opacity var(--duration-normal) var(--easeInQuint),
	transform -moz-calc(var(--duration-normal) / 2) var(--easeInQuint),
	visibility .01s linear var(--duration-normal),
	-moz-transform -moz-calc(var(--duration-normal) / 2) var(--easeInQuint);
	-webkit-transition:
	opacity var(--duration-normal) var(--easeInQuint),
	visibility .01s linear var(--duration-normal),
	-webkit-transform -webkit-calc(var(--duration-normal) / 2) var(--easeInQuint);
	-moz-transition:
	opacity var(--duration-normal) var(--easeInQuint),
	transform -moz-calc(var(--duration-normal) / 2) var(--easeInQuint),
	visibility .01s linear var(--duration-normal),
	-moz-transform -moz-calc(var(--duration-normal) / 2) var(--easeInQuint);
	transition:
	opacity var(--duration-normal) var(--easeInQuint),
	transform calc(var(--duration-normal) / 2) var(--easeInQuint),
	visibility .01s linear var(--duration-normal);
	transition:
	opacity var(--duration-normal) var(--easeInQuint),
	transform calc(var(--duration-normal) / 2) var(--easeInQuint),
	visibility .01s linear var(--duration-normal),
	-webkit-transform calc(var(--duration-normal) / 2) var(--easeInQuint),
	-moz-transform calc(var(--duration-normal) / 2) var(--easeInQuint),
	-o-transform calc(var(--duration-normal) / 2) var(--easeInQuint);
}
.overlay-content {
	-webkit-transition:
	opacity var(--duration-normal) var(--easeInQuint);
	-o-transition:
	opacity var(--duration-normal) var(--easeInQuint);
	-moz-transition:
	opacity var(--duration-normal) var(--easeInQuint);
	transition:
	opacity var(--duration-normal) var(--easeInQuint);
}
.clickoutside {
	-webkit-transition:
	opacity -webkit-calc(var(--duration-normal) / 2) var(--easeInQuint),
	visibility .01s linear var(--duration-normal);
	-o-transition:
	opacity calc(var(--duration-normal) / 2) var(--easeInQuint),
	visibility .01s linear var(--duration-normal);
	-moz-transition:
	opacity -moz-calc(var(--duration-normal) / 2) var(--easeInQuint),
	visibility .01s linear var(--duration-normal);
	-webkit-transition:
	opacity -webkit-calc(var(--duration-normal) / 2) var(--easeInQuint),
	visibility .01s linear var(--duration-normal);
	-moz-transition:
	opacity -moz-calc(var(--duration-normal) / 2) var(--easeInQuint),
	visibility .01s linear var(--duration-normal);
	transition:
	opacity calc(var(--duration-normal) / 2) var(--easeInQuint),
	visibility .01s linear var(--duration-normal);
}
.overlay.active {
	-webkit-transition:
	visibility .01s linear,
	opacity var(--duration-normal) var(--easeOutQuint) -webkit-calc(var(--duration-normal) / 2),
	-webkit-transform -webkit-calc(var(--duration-normal) / 2) var(--easeOutQuint) -webkit-calc(var(--duration-normal) / 4);
	transition:
	visibility .01s linear,
	opacity var(--duration-normal) var(--easeOutQuint) calc(var(--duration-normal) / 2),
	-webkit-transform calc(var(--duration-normal) / 2) var(--easeOutQuint) calc(var(--duration-normal) / 4);
	-o-transition:
	visibility .01s linear,
	opacity var(--duration-normal) var(--easeOutQuint) calc(var(--duration-normal) / 2),
	-o-transform calc(var(--duration-normal) / 2) var(--easeOutQuint) calc(var(--duration-normal) / 4);
	-moz-transition:
	visibility .01s linear,
	opacity var(--duration-normal) var(--easeOutQuint) -moz-calc(var(--duration-normal) / 2),
	transform -moz-calc(var(--duration-normal) / 2) var(--easeOutQuint) -moz-calc(var(--duration-normal) / 4),
	-moz-transform -moz-calc(var(--duration-normal) / 2) var(--easeOutQuint) -moz-calc(var(--duration-normal) / 4);
	-webkit-transition:
	visibility .01s linear,
	opacity var(--duration-normal) var(--easeOutQuint) -webkit-calc(var(--duration-normal) / 2),
	-webkit-transform -webkit-calc(var(--duration-normal) / 2) var(--easeOutQuint) -webkit-calc(var(--duration-normal) / 4);
	-moz-transition:
	visibility .01s linear,
	opacity var(--duration-normal) var(--easeOutQuint) -moz-calc(var(--duration-normal) / 2),
	transform -moz-calc(var(--duration-normal) / 2) var(--easeOutQuint) -moz-calc(var(--duration-normal) / 4),
	-moz-transform -moz-calc(var(--duration-normal) / 2) var(--easeOutQuint) -moz-calc(var(--duration-normal) / 4);
	transition:
	visibility .01s linear,
	opacity var(--duration-normal) var(--easeOutQuint) calc(var(--duration-normal) / 2),
	transform calc(var(--duration-normal) / 2) var(--easeOutQuint) calc(var(--duration-normal) / 4);
	transition:
	visibility .01s linear,
	opacity var(--duration-normal) var(--easeOutQuint) calc(var(--duration-normal) / 2),
	transform calc(var(--duration-normal) / 2) var(--easeOutQuint) calc(var(--duration-normal) / 4),
	-webkit-transform calc(var(--duration-normal) / 2) var(--easeOutQuint) calc(var(--duration-normal) / 4),
	-moz-transform calc(var(--duration-normal) / 2) var(--easeOutQuint) calc(var(--duration-normal) / 4),
	-o-transform calc(var(--duration-normal) / 2) var(--easeOutQuint) calc(var(--duration-normal) / 4);
}
.overlay.active .overlay-content {
	-webkit-transition:
	opacity var(--duration-normal) var(--easeOutQuint) -webkit-calc(var(--duration-normal) / 2);
	-o-transition:
	opacity var(--duration-normal) var(--easeOutQuint) calc(var(--duration-normal) / 2);
	-moz-transition:
	opacity var(--duration-normal) var(--easeOutQuint) -moz-calc(var(--duration-normal) / 2);
	-webkit-transition:
	opacity var(--duration-normal) var(--easeOutQuint) -webkit-calc(var(--duration-normal) / 2);
	-moz-transition:
	opacity var(--duration-normal) var(--easeOutQuint) -moz-calc(var(--duration-normal) / 2);
	transition:
	opacity var(--duration-normal) var(--easeOutQuint) calc(var(--duration-normal) / 2);
}
body.overlayed .clickoutside {
	-webkit-transition:
	opacity -webkit-calc(var(--duration-normal) / 2) var(--easeOutQuint),
	visibility .01s linear -webkit-calc(var(--duration-normal) / 2);
	-o-transition:
	opacity calc(var(--duration-normal) / 2) var(--easeOutQuint),
	visibility .01s linear calc(var(--duration-normal) / 2);
	-moz-transition:
	opacity -moz-calc(var(--duration-normal) / 2) var(--easeOutQuint),
	visibility .01s linear -moz-calc(var(--duration-normal) / 2);
	-webkit-transition:
	opacity -webkit-calc(var(--duration-normal) / 2) var(--easeOutQuint),
	visibility .01s linear -webkit-calc(var(--duration-normal) / 2);
	-moz-transition:
	opacity -moz-calc(var(--duration-normal) / 2) var(--easeOutQuint),
	visibility .01s linear -moz-calc(var(--duration-normal) / 2);
	transition:
	opacity calc(var(--duration-normal) / 2) var(--easeOutQuint),
	visibility .01s linear calc(var(--duration-normal) / 2);
}
body.onload .overlay {
	-webkit-transition: none;
	-o-transition: none;
	-moz-transition: none;
	transition: none;
}

/***************************/
/********** FORMS **********/
/***************************/

input[type="radio"],
input[type="checkbox"] {
	-webkit-transition:-webkit-box-shadow var(--duration-fast) var(--ease-fast);
	transition:-webkit-box-shadow var(--duration-fast) var(--ease-fast);
	-o-transition:box-shadow var(--duration-fast) var(--ease-fast);
	-moz-transition:box-shadow var(--duration-fast) var(--ease-fast), -moz-box-shadow var(--duration-fast) var(--ease-fast);
	transition:box-shadow var(--duration-fast) var(--ease-fast);
	transition:box-shadow var(--duration-fast) var(--ease-fast), -webkit-box-shadow var(--duration-fast) var(--ease-fast), -moz-box-shadow var(--duration-fast) var(--ease-fast);
}
input[type="submit"],
button {
	-webkit-transition:
	color var(--duration-fast) var(--ease),
	background var(--duration-fast) var(--ease),
	opacity var(--duration-fast) var(--ease),
	width var(--duration-fast) var(--elastic),
	-webkit-text-decoration var(--duration-fast) var(--ease),
	-webkit-transform var(--duration-fast) var(--elastic);
	transition:
	color var(--duration-fast) var(--ease),
	background var(--duration-fast) var(--ease),
	opacity var(--duration-fast) var(--ease),
	width var(--duration-fast) var(--elastic),
	-webkit-text-decoration var(--duration-fast) var(--ease),
	-webkit-transform var(--duration-fast) var(--elastic);
	-o-transition:
	color var(--duration-fast) var(--ease),
	background var(--duration-fast) var(--ease),
	text-decoration var(--duration-fast) var(--ease),
	opacity var(--duration-fast) var(--ease),
	width var(--duration-fast) var(--elastic),
	-o-transform var(--duration-fast) var(--elastic);
	-moz-transition:
	color var(--duration-fast) var(--ease),
	background var(--duration-fast) var(--ease),
	text-decoration var(--duration-fast) var(--ease),
	opacity var(--duration-fast) var(--ease),
	width var(--duration-fast) var(--elastic),
	transform var(--duration-fast) var(--elastic),
	-moz-text-decoration var(--duration-fast) var(--ease),
	-moz-transform var(--duration-fast) var(--elastic);
	transition:
	color var(--duration-fast) var(--ease),
	background var(--duration-fast) var(--ease),
	text-decoration var(--duration-fast) var(--ease),
	opacity var(--duration-fast) var(--ease),
	width var(--duration-fast) var(--elastic),
	transform var(--duration-fast) var(--elastic);
	transition:
	color var(--duration-fast) var(--ease),
	background var(--duration-fast) var(--ease),
	text-decoration var(--duration-fast) var(--ease),
	opacity var(--duration-fast) var(--ease),
	width var(--duration-fast) var(--elastic),
	transform var(--duration-fast) var(--elastic),
	-webkit-text-decoration var(--duration-fast) var(--ease),
	-moz-text-decoration var(--duration-fast) var(--ease),
	-webkit-transform var(--duration-fast) var(--elastic),
	-moz-transform var(--duration-fast) var(--elastic),
	-o-transform var(--duration-fast) var(--elastic);
}

/**************************/
/********** NOPE **********/
/**************************/

.instant-transition {
	-webkit-transition:none;
	-o-transition:none;
	-moz-transition:none;
	transition:none;
}

/*****************************************/
/*****************************************/
/********** LOADING TRANSITIONS **********/
/*****************************************/
/*****************************************/

/** default **/
/*
body.onload,
body.outload {
	opacity:0;
	pointer-events:none;
}
*/

/****************************/
/****************************/
/********** LOADER **********/
/****************************/
/****************************/

/** icon only **/

.loader:before {
	content:"" !important;
	display:inline-block;
	height:2em;
	width:2em;
	margin:-.5em;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
	border-style:solid;
	border-width:var(--border-width);
	border-bottom:solid var(--border-width) transparent;
	-webkit-animation: spinner 1s infinite linear;
	   -moz-animation: spinner 1s infinite linear;
	     -o-animation: spinner 1s infinite linear;
	        animation: spinner 1s infinite linear;
}

/** loading txt **/

.is-loading:before {
	content:"";
	display:inline-block;
	vertical-align:middle;
	height:1.75em;
	width:1.75em;
	margin:-.375em .375em -.375em -.375em;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
	border-style:solid;
	border-width:var(--border-width);
	border-bottom:solid var(--border-width) transparent;
	-webkit-animation: spinner .5s infinite linear;
	   -moz-animation: spinner .5s infinite linear;
	     -o-animation: spinner .5s infinite linear;
	        animation: spinner .5s infinite linear;
}

/********************************/
/********************************/
/********** ANIMATIONS **********/
/********************************/
/********************************/

/***************************/
/********** SHAKE **********/
/***************************/

@-webkit-keyframes shake {
	10%, 90% { -webkit-transform:rotate(5.5deg); }
	20%, 80% { -webkit-transform:rotate(4.5deg); }
	30%, 50%, 70% { -webkit-transform:rotate(6deg); }
	40%, 60% { -webkit-transform:rotate(4deg); }
}
@-moz-keyframes shake {
	10%, 90% { -moz-transform:rotate(5.5deg); }
	20%, 80% { -moz-transform:rotate(4.5deg); }
	30%, 50%, 70% { -moz-transform:rotate(6deg); }
	40%, 60% { -moz-transform:rotate(4deg); }
}
@-o-keyframes shake {
	10%, 90% { -o-transform:rotate(5.5deg); }
	20%, 80% { -o-transform:rotate(4.5deg); }
	30%, 50%, 70% { -o-transform:rotate(6deg); }
	40%, 60% { -o-transform:rotate(4deg); }
}
@keyframes shake {
	10%, 90% { -webkit-transform:rotate(5.5deg); -moz-transform:rotate(5.5deg); -o-transform:rotate(5.5deg); transform:rotate(5.5deg); }
	20%, 80% { -webkit-transform:rotate(4.5deg); -moz-transform:rotate(4.5deg); -o-transform:rotate(4.5deg); transform:rotate(4.5deg); }
	30%, 50%, 70% { -webkit-transform:rotate(6deg); -moz-transform:rotate(6deg); -o-transform:rotate(6deg); transform:rotate(6deg); }
	40%, 60% { -webkit-transform:rotate(4deg); -moz-transform:rotate(4deg); -o-transform:rotate(4deg); transform:rotate(4deg); }
}

/*****************************/
/********** SPINNER **********/
/*****************************/

@-webkit-keyframes spinner {
	0%, 50%, 100% { -webkit-animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5); }
	0% { -webkit-transform: rotate(0); }
	50% { -webkit-transform: rotate(180deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spinner {
	0%, 50%, 100% { -moz-animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5); }
	0% { -moz-transform: rotate(0); }
	50% { -moz-transform: rotate(180deg); }
	100% { -moz-transform: rotate(360deg); }
}
@-o-keyframes spinner {
	0%, 50%, 100% { -o-animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5); animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5); }
	0% { -o-transform: rotate(0); transform: rotate(0); }
	50% { -o-transform: rotate(180deg); transform: rotate(180deg); }
	100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes spinner {
	0%, 50%, 100% { -webkit-animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5); -moz-animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5); -o-animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5); animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5); }
	0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
	50% { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
	100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}