*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;margin:0}

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


html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-font-feature-settings: "liga", "kern";
}
html {
	font-size: 100%;
}
body {
	-webkit-overflow-scrolling: touch;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", "Myriad Set Pro", "Lucida Grande", "Lucida Sans Unicode", "Arial", "Verdana", "sans-serif";
	background: #FFFFFE;
	background: -webkit-linear-gradient(top, #bcbcbc,#dddddd 5.6em,#FFFFFE 6em,#FFFFFE);
	background: -moz-linear-gradient(top, #bcbcbc, #dddddd 5.6em, #FFFFFE 6em, #FFFFFE);
	background: linear-gradient(to bottom, #bcbcbc,#dddddd 5.6em,#FFFFFE 6em,#FFFFFE);
	background-attachment: scroll;
	background-repeat: no-repeat;

	color: #333;
	line-height: 1.7857;
	font-weight: 200;
	font-style: normal;
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	min-width: 375px;
	margin: 0 auto;
}

a, a:active, a:hover, a:visited {
    color: color(display-p3 0 0.269 1);
	color: #17458f;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

::selection {
  background: #9FCBFD;
}
::-moz-selection {
  background: #9FCBFD;
}


.troncat {
	font-style: italic;
	color: grey;
	letter-spacing: 2px;
	font-weight: 800;
	padding-left: 4px;
}
.sad, .nc {
	color: grey;
}
.nc {
	font-style: italic;
}
.note {
	position: fixed;
	z-index: 600;
	top: 10px;
	left: 0;
	right: 0;
	width: 940px;
	margin: 0 auto;
	padding: 5px;
	color: #fff;
	font-weight: 300;
	background: #DFDFDF;
	-webkit-box-shadow: grey 0px 0px 4px;
	-moz-box-shadow: grey 0px 0px 4px;
	-o-box-shadow: grey 1px 1px 4px;
	box-shadow: grey 0px 0px 4px;
	text-align: center;
/*
	-webkit-animation: flipInX 1s ease-in-out 0 1;
	-moz-animation: flipInX 1s ease-in-out 0 1;
	-ms-animation: flipInX 1s ease-in-out 0 1;
	-o-animation: flipInX 1s ease-in-out 0 1;
	animation: flipInX 1s ease-in-out 0 1;
*/
}
.warning {
	font-size: 1.2em;
	color: grey;
}
.warning:first-child {
	margin-top: 20%;
}
.error {
    background-color: rgba(255, 0, 0, 0.5);
    border: 1px solid red;
    border-radius: 10px;
    padding: 10px;
    color: #fff;
    margin: 0 -10px 20px;
/*
    -webkit-animation: flipInX 1s ease-in-out 0 1;
	-moz-animation: flipInX 1s ease-in-out 0 1;
	-ms-animation: flipInX 1s ease-in-out 0 1;
	-o-animation: flipInX 1s ease-in-out 0 1;
	animation: flipInX 1s ease-in-out 0 1;
*/
}
.note {
	margin: 0 auto!important;
}


body > footer {
	clear: both;
	position: relative;
/* 	z-index: -1; */
	height: 2em;
/* 	background: #ebebeb; */
	color: rgb(214, 214, 214);
	line-height: 2;
	margin: -2em 0 0;
	padding: 0 3%;
	width: 14em;

	white-space: nowrap;
}

@media screen and (max-height: 715px) {
	body > footer {
		top: 18em;
		margin-top: 0;
	}
}

body > footer small {
	font-size: .8em;
	text-transform: uppercase;
	display: block;
}

body > footer a, body > footer a:hover, body > footer a:visited {
	font-size: 1em;
	line-height: 1;
	text-align: center;
	color: #484848;
}


footer dd {
	white-space: nowrap;
}
fieldset {
	border:0;
}

legend {
/* 	text-align: center; */
}
@-moz-document url-prefix() { /* Firefox hack */
	legend {
		width: 100%;
	}
}

label[for] {
	cursor: pointer;
}
form legend label {
	line-height: 1em;
}
/*
form label {
	font-size: 13px;
	font-weight: 300;
	line-height: 32px;
	color: #626262;
	display: inline-block;
	text-align: left;
	position: relative;
	top: -2px;
	padding: 0 5px 0 0;
}
*/
/*
form label:after, dt:after, h4:after {
	padding-left: 5px;
	content: ":";
}
*/

input, button/* , select */, textarea, input[readonly]:focus {
/* 	border: 1px solid rgb(175, 175, 175); */
	border: 1px solid #DDDDDD;
	outline: 0;
	border-width: 1px;
	margin: 0 10px 0 0;
	height: auto/* 2.56em */;
	line-height: 1.5;


	font-size: 1em;
/*
	font-size: 1.6em;
	line-height: 1.3;
	padding: 6px;
*/

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	-webkit-box-shadow: inset 0 0 2px rgba(220, 220, 220, 1);
	-moz-box-shadow: inset 0 0 2px rgba(220, 220, 220, 1);
	box-shadow: inset 0 0 2px rgba(220, 220, 220, 1);

	color: #070707;
	font-weight: 200;
	-webkit-transition: background .5s, box-shadow .5s;
	-moz-transition: background .5s, box-shadow .5s;
	-ms-transition: background .5s, box-shadow .5s;
	-o-transition: background .5s, box-shadow .5s;
	transition: background .5s, box-shadow .5s;
}
select[multiple], textarea {
	height: auto;
}
input[type="submit"], input[type="button"], button, select::not[multiple] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	cursor: pointer;
	padding: 0 10px;
	-webkit-box-shadow: rgba(0, 0, 0, .14) 0 1px 4px 0, inset rgba(255, 255, 255, .4) 0 1px 2px 0;
	-moz-box-shadow: rgba(0, 0, 0, .14) 0px 1px 4px 0, inset rgba(255, 255, 255, .4) 0 1px 2px 0;
	box-shadow: rgba(0, 0 , 0, .14) 0 1px 4px 0, inset rgba(255, 255, 255, .4) 0 1px 2px 0;
	background: #f4f4f4;
	background: -webkit-linear-gradient(top, #fffefe 0%, #f4f4f4 50%, #f0eded 50%, #efefef 100%);
	background: -moz-linear-gradient(top, #fffefe 0%, #f4f4f4 50%, #f0eded 50%, #efefef 100%);
	background: -o-linear-gradient(top, #fffefe 0%, #f4f4f4 50%, #f0eded 50%, #efefef 100%);
	background: -ms-linear-gradient(top, #fffefe 0%, #f4f4f4 50%, #f0eded 50%, #efefef 100%);
	background: linear-gradient(top, #fffefe 0%, #f4f4f4 50%, #f0eded 50%, #efefef 100%);

	text-shadow: 0 -1px 0 rgb(240, 240, 240);
	color: #413131;
	margin: 10px auto 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/*
input[type="submit"]:hover, input[type="button"]:hover, input[type="checkbox"]:hover, .button:hover, button:hover, select:hover {
	-webkit-transform: scale(.98);
	-moz-transform: scale(.98);
	-ms-transform: scale(.98);
	-o-transform: scale(.98);
	transform: scale(.98);
	-webkit-animation: pulse 1s ease-in-out .1s infinite alternate;
	-moz-animation: pulse 1s ease-in-out .1s infinite alternate;
	animation: pulse 1s ease-in-out .1s infinite alternate;
}
*/
input:hover, button:hover, select:hover, textarea:hover {
/*
	background: rgba(230, 229, 229, 1);
	background: -webkit-linear-gradient(top, #fffefe 0%, #E6E5E5 50%, #E6E5E5 50%, #eeeeee 100%);
	background: -moz-linear-gradient(top, #fffefe 0%, #E6E5E5 50%, #E6E5E5 50%, #eeeeee 100%);
	background: -o-linear-gradient(top, #fffefe 0%, #E6E5E5 50%, #E6E5E5 50%, #eeeeee 100%);
	background: -ms-linear-gradient(top, #fffefe 0%, #E6E5E5 50%, #E6E5E5 50%, #eeeeee 100%);
	background: linear-gradient(top, #fffefe 0%, #E6E5E5 50%, #E6E5E5 50%, #eeeeee 100%);
*/

	-webkit-box-shadow: rgba(0, 0, 0, .14) 0 1px 4px 0, inset rgba(255, 255, 255, .4) 0 1px 2px 0, 0 0 1px rgba(108, 108, 108, 1);
	-moz-box-shadow: rgba(0, 0, 0, .14) 0px 1px 4px 0, inset rgba(255, 255, 255, .4) 0 1px 2px 0, 0 0 1px rgba(108, 108, 108, 1);
	box-shadow: rgba(0, 0 , 0, .14) 0 1px 4px 0, inset rgba(255, 255, 255, .4) 0 1px 2px 0, 0 0 1px rgba(108, 108, 108, 1);
}
input[readonly]:hover {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
input:focus, button:focus, select:focus, textarea:focus {
	-webkit-box-shadow: inset rgba(0, 0, 0, .14) 0 1px 4px 0, inset rgba(255, 255, 255, .4) 0 1px 2px 0, 0 0 1px rgba(108, 108, 108, 1);
	-moz-box-shadow: inset rgba(0, 0, 0, .14) 0px 1px 4px 0, inset rgba(255, 255, 255, .4) 0 1px 2px 0, 0 0 1px rgba(108, 108, 108, 1);
	box-shadow: inset rgba(0, 0 , 0, .14) 0 1px 4px 0, inset rgba(255, 255, 255, .4) 0 1px 2px 0, 0 0 1px rgba(108, 108, 108, 1);
}
input[disabled], button[disabled], select[disabled],
input[disabled]:hover, .button[disabled]:hover, button[disabled]:hover, select[disabled]:hover {
	background: #f4f7f7;
	background: repeating-linear-gradient(45deg, #f9fcfc, #f4f7f7 1px, #f4f7f7 1px, #f5f3f8 4px);
	border-color: #d9d9d9;
	color: #dcd9d9;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	cursor: default;
	-webkit-animation: none;
	-moz-animation: none;
	animation: none;

	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
input[type="submit"]:active, input[type="button"]:active, input[type="checkbox"]:active, button:active {
	-webkit-transform: scale(.98) translateY(0.10%);
	-moz-transform: scale(.98) translateY(0.10%);
	-ms-transform: scale(.98) translateY(0.10%);
	-o-transform: scale(.98) translateY(0.10%);
	transform: scale(.98) translateY(0.10%);
/*
	-webkit-animation: none;
	-moz-animation: none;
	animation: none;
*/
}

button {
	margin: 0 3px;
}
select::not[multiple] {
	background: url(images/selector.png), #f4f4f4;
	background: url(images/selector.png), -webkit-linear-gradient(top, #fffefe 0%, #f4f4f4 50%, #f0eded 50%, #efefef 100%);
	background: url(images/selector.png), -moz-linear-gradient(top, #fffefe 0%, #f4f4f4 50%, #f0eded 50%, #efefef 100%);
	background: url(images/selector.png), -o-linear-gradient(top, #fffefe 0%, #f4f4f4 50%, #f0eded 50%, #efefef 100%);
	background: url(images/selector.png), -ms-linear-gradient(top, #fffefe 0%, #f4f4f4 50%, #f0eded 50%, #efefef 100%);
	background: url(images/selector.png), linear-gradient(top, #fffefe 0%, #f4f4f4 50%, #f0eded 50%, #efefef 100%);

	background-repeat: no-repeat, repeat;
	background-size: auto 14px, 100% auto;
	background-position: 94% 50%, 0;
	padding-right: 25px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	margin: 1px auto 0;
	max-width: 84%;
}
select::not[multiple]:hover {
	background: url(images/selector.png), rgb(230, 229, 229);
	background: url(images/selector.png), -webkit-linear-gradient(top, #fffefe 0%, #E6E5E5 50%, #E6E5E5 50%, #eeeeee 100%);
	background: url(images/selector.png), -moz-linear-gradient(top, #fffefe 0%, #E6E5E5 50%, #E6E5E5 50%, #eeeeee 100%);
	background: url(images/selector.png), -o-linear-gradient(top, #fffefe 0%, #E6E5E5 50%, #E6E5E5 50%, #eeeeee 100%);
	background: url(images/selector.png), -ms-linear-gradient(top, #fffefe 0%, #E6E5E5 50%, #E6E5E5 50%, #eeeeee 100%);
	background: url(images/selector.png), linear-gradient(top, #fffefe 0%, #E6E5E5 50%, #E6E5E5 50%, #eeeeee 100%);
	background-repeat: no-repeat, repeat;
	background-size: auto 14px, 100% auto;
	background-position: 94% 50%, 0;
}
select::-ms-expand {
	display: none;
}
table select {
	text-align: center;
	border: 0;
	width: 100%;
	height: 100%;
	margin: 0 1px 0 0;
	padding: 0 5px;
	box-shadow: rgba(242, 242, 242, 0.14) 0 1px 4px 0, inset rgba(255, 255, 255, .4) 0 1px 2px 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	vertical-align: middle;
	font-size: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
td select {
	background: url(images/selector.png), #FFF;
	background-repeat: no-repeat, repeat;
	background-size: auto 14px, auto;
	background-position: 94% 50%, 0;
}
table select:focus {
	border-width: .5px;
	margin-top: 0;
}
td input, td input[type="submit"], td input[type="button"], td .button, td button {
	margin: 0 2px;
}

input[type=checkbox] {
	height: auto;
}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="date"], input[type="number"], textarea, input[readonly]:focus {
	padding-left: 5px;
	padding-right: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	height: auto;
	font-size: 1em;
	line-height: 1.3;
	padding: 6px;
/* 	width: 20ch; */
}
textarea {
	resize: vertical;
	height: 12em;
	margin: 0;
}




.media input[type="file"] {
	position: absolute;
	left: -1000px;
	visibility: hidden;
}




.modal-container {
	position: relative;
	float: left;
}
.modal {
	position: absolute;
	border: 1px solid #B3B3B3;
	background: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 1px 8px rgba(0, 0, 0, .2);
	line-height: 22px;
	text-align: center;
	margin: 0;
	z-index: 99999;
	min-width: 100px;
	max-width: 200px;
/* 	right: 0; */
/* 	top: 35px; */
}
.modal:before, .modal:after {
	content: "";
	position: absolute;
	top: -11px;
	left: 50%;
	margin-left: -8px;
	border-width: 0 10px 10px;
	border-style: solid;
	border-color: #B3B3B3 transparent;
	display: block;
	width: 0;
}
.modal:after {
	top: -9px;
	border-color: #fff transparent;
}
.modal.suppr:after {
	border-color: #F72B2B transparent;
}
.modal a {
	padding: 2px 0;
	margin: 0;
	width: 100%;
	display: inline-block;
	border: none;
	border-radius: 0;
	background: #fff;
}
.modal.suppr a:first-child {
	background: #F72B2B;
	color: #FFF;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-top-left-radius: 4px;
	-moz-border-top-right-radius: 4px;
	border-top-left-radius:  4px;
	border-top-right-radius: 4px;
}
.modal.suppr a:last-child {
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-bottom-left-radius: 4px;
	-moz-border-bottom-right-radius: 4px;
	border-top-bottom-radius:  4px;
	border-top-bottom-radius: 4px;
}



/*
input[type=text], input[type=email] {
	display: block;
	width: 100%;
}
*/
.choices input[type=text] {
	display: inline;
	box-shadow: none;
	width: 100%!important;
}
.choices__list.is-active {
	z-index: 999999;
}
textarea {
	overflow: auto;
	width: 100%;
}
main label {
	display: inline-block;
	width: intrinsic;
}


/*
.choices__input.is-hidden {
	position: absolute;
	width: 0!important;
	height: 0;
	background: none;
	box-shadow: none;
}
*/



input:invalid {
	border-color: rgba(255, 0, 0, .5);
}

input:focus:invalid {
	outline: none;
}



.media.editable {
/* 	height: 18em; */
	text-align: left;
	position: relative;
}

.media.editable img {
	vertical-align: middle;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;

	backface-visibility: hidden;

	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	font-family: 'object-fit: contain;';
	margin: 0 auto;

	left: 0;
	right: 0;
}
.media.editable img[data-rotation="90"] {
	width: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(90deg);
}
.media.editable img[data-rotation="180"] {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.media.editable img[data-rotation="270"] {
	width: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(270deg);
}

.media.editable label {
	z-index: 9999;
	margin: 0;
}
.media.editable label.upload,
.media.editable button.remove {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
	background: rgba(0, 0, 0, .8);
	color: #fff;
	padding: .3em;
	opacity: 0;
	cursor: pointer;
	text-align: center;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	transform: translateY(100%);

	-webkit-transition-property: transform, opacity;
	-moz-transition-property: transform, opacity;
	transition-property: transform, opacity;

	-webkit-transition-delay: 0;
	-moz-transition-delay: 0;
	transition-delay: 0;

	-webkit-transition-duration: .35s, .15s;
	-moz-transition-duration: .35s, .15s;
	transition-duration: .35s, .15s;

	z-index: 1000;
}
.media.editable button.remove {
	top: 0;
	bottom: auto;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

.media.editable:hover label.upload,
.media.editable:hover button.remove:enabled {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
	opacity: .9;
}
.media.editable:hover input[name$='[id]'][value='-1'] + button.remove:enabled {
	display: none;
}
.media.editable input[type=checkbox] {
	margin-top: 0;
	z-index: 9999;
}
.media.editable input[type=checkbox]:checked {
	background-color: rgba(230, 71, 71, 1);
	border-color: rgba(230, 62, 62, 1);
	box-shadow: rgba(217, 56, 56, 1) 0px 0px 0px 16px inset;
}

.media.editable nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	display: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.media.editable nav.open {
	display: block;
	opacity: 1;
}



section.help {
	margin-top: 1.5em;
}



input[type=checkbox] {
	position: relative;
	width: 3ch;
	height: 1em;
	margin: .2em;
	bottom: -0.42em;
	-webkit-appearance: none;
	cursor: pointer;
	border: 1px solid grey;
	border-radius: 2em;
	background-color: rgb(255, 255, 255);
	border-color: rgb(223, 223, 223);
	box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
	-webkit-transition: border 0.4s, box-shadow 0.4s;
	transition: border 0.4s, box-shadow 0.4s;
}
input[type=checkbox]:checked {
	background-color: rgb(100, 189, 99);
	border-color: rgb(100, 189, 99);
	box-shadow: rgb(100, 189, 99) 0px 0px 0px 16px inset;
	-webkit-transition: border 0.4s, box-shadow 0.4s, background-color 1.2s;
	transition: border 0.4s, box-shadow 0.4s, background-color 1.2s;
}
input[type=checkbox]::before {
	position: absolute;
	right: 100%;
	margin-right: -1.8ch;
	content: "";
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	border-radius: 50%;
	width: 1.8ch;
	height: 100%;
	background: #fff;
	transition: right .2s;
	-webkit-transition: right .2s;
}
input[type=checkbox]:checked::before {
	right: 1.8ch;
}


input[type="radio"] {
	display: none;
}

input[type="radio"] + label {
	min-width: 3em;
	border: 1px solid #939393;
	height: 2em;
	padding: 0 .5em 0 .2em;
/* 	margin: 0; */
	margin: 1.8em 0 1em;
	border-radius: 3px;
	color: #191919;

	background-image: linear-gradient(to top, #fcfcfc 0%, #f6f6f6 100%);
	box-shadow: 0 1px 6px rgba(41, 41, 41, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	cursor: pointer;
}
input[type="radio"] + label::before {
	content: '\ea53';
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: .8em;
	margin: 0 6px;
	color: rgba(142, 118, 118, 1);
}

input[type="radio"]:checked + label {
	background-image: linear-gradient(to top, rgba(253, 253, 253, .5) 0%, rgba(250, 250, 250, .5) 100%);
	box-shadow: inset 0 1px 6px rgba(41, 41, 41, .2), 0 1px 2px rgba(0, 0, 0, .05);
}
input[type="radio"]:checked + label::before {
	content: '\ea52';
	color: rgba(24, 211, 43, 1);
}
input[type="radio"]:checked + label:hover {
	background-color: inherit;
	background-position: 0 0;
	transition: none;
	cursor: default;
}

/*
input[type="radio"] + label {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
*/

/*
input[type="radio"].toggle-right + label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
*/


/*
input[type=radio] {
	-webkit-appearance: none;

	padding: 4px;
	height: 1em;
}
*/

.editable::after {
	content: "";
	border-top-color: white;
	border-top-style: solid;
	border-top-width: 0;
	position: absolute;
	left: 0;
	height: 0;
	top: 0;
	width: 100%;
}
.editable[data-progress]::after {
	border-top-color: grey;
	border-top-width: 8px;

	-webkit-transition: width .25s ease-out, color .3s, border-bottom-width .5s;
	-moz-transition: width .25s ease-out, color .3s, border-bottom-width .5s;
	-ms-transition: width .25s ease-out, color .3s, border-bottom-width .5s;
	-o-transition: width .25s ease-out, color .3s, border-bottom-width .5s;
	transition: width .25s ease-out, color .3s, border-bottom-width .5s;
}

.editable[data-progress="done"]::after {
	border-top-width: 0;
	border-color: green;

	transition: all .8s;
}
.editable[data-progress="0"]::after {
	width: 0;
	border-color: red;
}
.editable[data-progress="5"]::after {
	width: 5;
	border-color: red;
}
.editable[data-progress="10"]::after {
	width: 10%;
	border-color: red;
}
.editable[data-progress="15"]::after {
	width: 15%;
	border-color: red;
}
.editable[data-progress="20"]::after {
	width: 20%;
	border-color: red;
}
.editable[data-progress="25"]::after {
	width: 25%;
	border-color: red;
}
.editable[data-progress="30"]::after {
	width: 30%;
	border-color: red;
}
.editable[data-progress="35"]::after {
	width: 35%;
	border-color: red;
}
.editable[data-progress="40"]::after {
	width: 40%;
	border-color: red;
}
.editable[data-progress="45"]::after {
	width: 45%;
	border-color: red;
}
.editable[data-progress="50"]::after {
	width: 50%;
	border-color: orange;
}
.editable[data-progress="55"]::after {
	width: 55%;
	border-color: orange;
}
.editable[data-progress="60"]::after {
	width: 60%;
	border-color: orange;
}
.editable[data-progress="65"]::after {
	width: 65%;
	border-color: orange;
}
.editable[data-progress="70"]::after {
	width: 70%;
	border-color: orange;
}
.editable[data-progress="75"]::after {
	width: 75%;
	border-color: orange;
}
.editable[data-progress="80"]::after {
	width: 80%;
	border-color: coral;
}
.editable[data-progress="85"]::after {
	width: 85%;
	border-color: coral;
}
.editable[data-progress="90"]::after {
	width: 90%;
	border-color: coral;
}
.editable[data-progress="95"]::after {
	width: 95%;
	border-color: coral;
}
.editable[data-progress="100"]::after {
	width: 100%;
	border-color: green;
}#wrapper {
	padding: 6em 4% 0 2%;
	line-height: 1.4857;
	padding-bottom: 4.125em;

	height: auto;
	min-height: 100%;
	z-index: 0;
	margin-left: 20em;
}

/*
@media screen and (max-width: 1024px) {
	#wrapper {
		margin-left: 12em;
	}
}
*/


#wrapper h1,
#wrapper h2,
#wrapper h3,
#wrapper h4,
#wrapper h5,
#wrapper h6
{
/*
	-webkit-column-span: all;
	-moz-column-span: all;
	column-span: all;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
*/

	height: auto;
	min-height: auto;

	font-size: 1em;
	/* font-weight: bold; */
}


#wrapper > header {
	margin-top: -6em;
	height: 6em;
}
#wrapper > header nav {
	font-size: 0.8em;
	position: absolute;
	top: 3.8em;
	right: 4%;
}
#wrapper > header nav .notice {
	z-index: 10000;
	color: #ffffff;
	position: relative;
	font-size: 1.2em;
	line-height: 1;
	padding: .4em;
	background: rgba(127, 127, 127, 0.3);
	border: 1px solid rgba(169, 169, 169, 0.42);
	border-radius: 3px;
}
#wrapper h1, #wrapper h2, #wrapper h2 a {
	color: #000;
	text-align: left;
    /* line-height: 1; */
}

#wrapper > header h1 {
	z-index: 9999;
	color: #fff;
	font-weight: 200;
	font-size: 1.5em;
	pointer-events: none;
	line-height: 1;
	height: 4em;
	vertical-align: middle;
	display: table-cell;
}

.action {
	float: right;
	z-index: 9999;
	position: relative;
	color: #2d3e5b;
	background: rgba(238, 242, 221, .4);
	padding: 2px 8px;
	border-radius: 3px;
	border: 1px solid rgba(45, 62, 92, .3);

	font-size: 1em;
	line-height: 2;
	margin: .35em 0 .35em .5em;
	box-shadow: 1px 1px 2px rgba(127, 127, 127, .15);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
}
.action:hover, .action:focus {
	box-shadow: none;
	text-decoration: none;
}
.action::before {
	margin: 0 4px 0 0;
	top: 4px;
	position: relative;
	width: 100%;
	height: 100%;
	color: inherit;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'icomoon';
	line-height: 1;
	font-size: 1.4em;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.action.add::before {
	content: "\e908";
}
.action.add.tag::before {
	content: "\e905";
}
.action.add.artwork::before {
	content: "\e912";
}
.action.add.artist::before {
	content: "\e915";
}
.action.add.editor::before {
	content: "\e916";
}
.action.edit::before {
	content: "\e914";
}
/*
.action.edit.tag::before {
	content: "\e90d";
}
*/
.action.remove::before {
	content: "\e901";
}
ul button.action.remove::before {
	margin: 0;
}
button.action.remove {
	font-size: .8em;
}
ul button.action.remove span {
	display: none;
}

/*
.action.remove.tag::before {
	content: "\e90a";
}
*/
.action.submit::before {
	content: "\e909";
}
/*
.action.submit.tag::before {
	content: "\e90c";
}
*/
.action.rotateLeft::before {
	content: "\e90b";
}
.action.logout::before {
	content: "\e900";
}
.action.dashboard::before {
	content: "\e90f";
}
input[type=submit].action, input[type=checkbox].action {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: -100%;
}
.action.back.article::before {
	content: "\e906";
}
.action.back.tag::before {
	content: "\e904";
}
.action.back.artwork::before {
	content: "\e917";
}
.action.back.repository::before {
	content: "\e91e";
}
.action.back.store::before {
	content: "\e918";
}
.action.back.artist::before {
	content: "\e915";
}
.action.back.editor::before {
	content: "\e916";
}
.action.back.borrower::before {
	content: "\e91d";
}
.action.back.loan::before {
	content: "\e91c";
}
.action.loans::before {
	content: "\e91c";
}
.action.back.review::before {
	content: "\e00f";
	font-size: 1.2em;
	top: 2px;
}
.action.return::before {
	content: "\e90e";
	font-size: 1em;
	top: 1px;
}

label.action::after {
	content: none;
}

.comment {
	white-space: -moz-pre-wrap;
	white-space: pre;
}

#main {
	font-size: 1.1em;
/* 	margin-top: 1.9em; */
	margin-top: 1.5em;
}



table {
	margin: 0 auto;
	font-size: 1em;
	background: rgba(255, 255, 255, .15);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
/* 	min-width: 440px; */

/* 	width: 100%; */
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;

	border: 1px solid #d6d7d4;
	border-collapse: collapse;
}
th, td {
	padding: 2px 10px;
	text-align: left;
	border-color: #d0d1ce;
	border-style: solid;
	border-width: 0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	vertical-align: middle;
}
th {
	padding: 0 10px;
	height: 28px;
	text-shadow: 0 1px 1px #f3efef;
	position: relative;
	color: #5c5656;
	font-weight: 100;
	font-size: 1em;
	background: rgba(243, 243, 243, .8);
}
tbody tr:nth-child(odd) {
   background-color: rgba(253, 253, 253, .1);
}

ul.errors {
	color: red;
	padding: 0.3em 0.6em;
	margin: .5em 0 1em;
	font-size: 1.2em;
	border: 1px solid red;
	border-radius: 3px;
}


@media screen and (max-width: 940px) {
	#wrapper {
		margin-left: 0;
		padding-top: 5em;
	}
	#wrapper > header {
		height: 4em;
		margin-top: 0;
		margin-bottom: 0;
	}
	#wrapper > header h1 {
		color: #000;
	}
}
body > header {
	width: 100%;
	height: 6em;
	font-weight: 300;
	position: absolute;
	z-index: 9999;

	padding: 0 2.5%;

	box-shadow: inset 0 -1px 6px rgba(128, 128, 128, .2);
}

body > header a {
	display: block;
	position: relative;
	z-index: 999;
}
body > header img {
	position: relative;
	top: 5px;
	height: 100%;
}

header h1 {
	font-size: 1.5em;
	line-height: 4;
	position: relative;
	font-weight: normal;
	display: inline-block;
	padding: 0 24px 0 0;
}

header h1 a, header h1 a:active, header h1 a:hover, header h1 a:visited {
	color: #dc9171;
}
#menu a, #menu a:active, #menu a:hover, #menu a:visited {
	color: #40383D;
}


#menu a {
	position: relative;
	outline: none;
	letter-spacing: 1px;
	text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
	overflow: hidden;
	font-weight: normal;
/* 	min-width: 14ch; */
}
#menu a span[data-hover] {
	position: relative;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}
#menu a span[data-hover]:before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
#menu a:hover span[data-hover],
#menu a:focus span[data-hover] {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

#menu-checkbox:checked ~ #menu {
    display: block;
}
#menu {
	position: absolute;
	top: 6em;
	left: 0;
	width: 21.5em;
	padding: 1.9em 0 1em 2.5%;
	background-color: #fff;
}
#menu ul {
	/* 	height: 100%; */
	margin-bottom: 2em;
}
#menu ul a {
	font-size: 1.2em;
	vertical-align: middle;
/* 	line-height: 5; */
	display: inline-block;
/* 	height: 100%; */
/* 	padding: 0 .8em; */

	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

#menu .active > a {
	font-weight: bold;
    letter-spacing: 0;
}


#menu li {
	position: relative;
	margin-bottom: 1.5em;
	line-height: 1.4em;
}
#menu a:hover {
	color: #2e1919;
	text-decoration: none;
    transform: scale(1.1) translateX(.5ch);
}


#menu li ul {
	margin-left: .25ch;
	padding-left: .5ch;

    border: 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	transition: height .5s ease-in .1s, opacity .5s, top .3s, margin-bottom 1s ease-out .5s;
    border-left: 1px solid currentcolor;

	opacity: 0;
	height: 0;
	overflow: hidden;
	margin: 0;
	position: relative;
	top: -1em;
	z-index: -99999;
	pointer-events: none;
}

#menu li.active ul, #menu li:hover ul,
#menu-checkbox:checked ~ #menu li ul {
	height: intrinsic;
    top: .6ch;
	opacity: 1;
	z-index: auto;
	pointer-events: auto;
    margin-bottom: 3em;
}
#menu li.artlibrary.active ul, #menu li.artlibrary:hover ul,
#menu-checkbox:checked ~ #menu li.artlibrary ul {
	height: 6.6em;
}
#menu li.collection.active ul, #menu li.collection:hover ul,
#menu-checkbox:checked ~ #menu li.collection ul {
	height: 6.8em;
}
#menu li.about.active ul, #menu li.about:hover ul,
#menu-checkbox:checked ~ #menu li.about ul,
#menu li.editions.active ul, #menu li.editions:hover ul,
#menu-checkbox:checked ~ #menu li.editions ul {
	height: 1.4em;
}
#menu li.exhibitions.active ul, #menu li.exhibitions:hover ul,
#menu-checkbox:checked ~ #menu li.exhibitions ul {
    height: 5em;
}
#menu li.events.active ul, #menu li.events:hover ul,
#menu-checkbox:checked ~ #menu li.events ul {
	height: 11.6em;
}
#menu li.dispositifs-monstration.active ul, #menu li.dispositifs-monstration:hover ul,
#menu-checkbox:checked ~ #menu li.dispositifs-monstration ul {
    height: 6.8em;
}
#menu li.dispositifs-participatifs.active ul, #menu li.dispositifs-participatifs:hover ul,
#menu-checkbox:checked ~ #menu li.dispositifs-participatifs ul {
    height: 6.8em;
}
#menu li.mediation.active ul, #menu li.mediation:hover ul,
#menu-checkbox:checked ~ #menu li.mediation ul {
    height: 3.2em;
}
#menu li:hover ul {
	transition: height .8s ease, opacity .5s, top .3s ease .1s, margin-bottom 1s ease-out .05s;
}

#menu li ul li {
	margin: 0 0 1ch;
	padding: 0;
    line-height: 1;

	list-style-type: none;
}
#menu li ul li:last-child {
    margin-bottom: 0;
}

/* USELESS WHIM */
/*
#B18FA5
#DE8189
#F1AF54
#9CA94D
#5C9DAA
#929D99
#876D8C
*/
body > header {
/* body > header h1 { */
	-webkit-animation: backgroundColorCycle 10s infinite;
	-moz-animation: backgroundColorCycle 10s infinite;
	animation: backgroundColorCycle 10s infinite;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate;
}
body > header h1 img {
    /* background-blend-mode: difference; */
}
@-webkit-keyframes backgroundColorCycle {
	0%   {
		background-color: #40383D; /* r:10%, b:90% */
	}
	100%   {
		background-color: #A79CA4; /* r:10%, b:0% */
	}
}
@-moz-keyframes backgroundColorCycle {
	0%   {
        background-color: #40383D; /* r:10%, b:90% */
    }
    100%   {
        background-color: #A79CA4; /* r:10%, b:0% */
    }
}
@keyframes backgroundColorCycle {
	0%   {
        background-color: #40383D; /* r:10%, b:90% */
    }
    100%   {
        background-color: #A79CA4; /* r:10%, b:0% */
    }
}

#header nav {
	position: absolute;
	top: .6em;
	right: 2%;
	left: 2%;
	margin: 0;
	font-size: .8em;
}

#header:hover ~ #wrapper header nav {
/* 	display: none; */
}

#header #topmenu li,
#header .admin li {
	float: right;
	position: relative;
}

#header .admin li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: .6em;
	background: rgba(255, 255, 255, .5);
	border: 1px solid rgba(0, 0, 0, .4);
	border-radius: 3px;
}
#header .admin li ul::before {
	content: "";
	z-index: 200;
	position: absolute;
	top: -0.4em;
	left: 50%;
	margin-left: -.8em;
	margin-top: -1px;
	border-width: 0 .4em .4em;
	border-style: solid;
	border-color: rgba(248, 248, 248, .5) transparent;
	display: block;
	width: 0;
}

#header .admin li:hover ul {
	display: block;
	z-index: 999999;
}
#header .admin li ul li {
	width: 100%;
}
#header .admin li ul li:hover {
	background: rgba(255, 255, 255, .4);
}
#header .admin li ul li a {
	background: none;
	border: 0;
	margin: 0;
	width: 100%;
}

/* #menu a[href=about],
#menu a[href=newsletter],
#menu a[href=contact] {
	color: #40383D;
} */
#menu ul:first-child li:nth-child(2) a {
    color: #40383D;
}
#menu ul:first-child li:nth-child(3) a {
    color: #423B3F;
}
#menu ul:first-child li:nth-child(4) a {
    color: #585056;
}
#menu ul:first-child li:nth-child(5) a {
    color: #595157;
}
#menu ul:first-child li:nth-child(6) a {
    color: #6C646A;
}
#menu ul:first-child li:nth-child(7) a {
    color: #6C646A;
}
#menu ul:first-child li:nth-child(8) a {
    color: #7F767D;
}
#menu ul:first-child li:nth-child(9) a {
    color: #938991;
}
#menu ul:first-child li:nth-child(10) a {
    color: #A79CA4;
}

#menu .arthoteque a {
	color: #40383D;
}
#menu .collection a {
	color: #876D8C;
}
#menu .menu-bottom {
	margin-bottom: 0;
}
#menu .menu-bottom li {
	margin-bottom: .2em;
}
/*
#menu a[href=shop] {
	color: #f39755;
}
*/

@media screen and (max-width: 960px) {
	#header .action span {
		display: none;
	}
}

#cart {
	float: right;
	z-index: 9999;
	position: relative;
	cursor: pointer;
	-webkit-transition: transform .35s ease, border-radius .2s ease-in-out;
	-moz-transition: transform .35s ease, border-radius .2s ease-in-out;
	-ms-transition: transform .35s ease, border-radius .2s ease-in-out;
	-o-transition: transform .35s ease, border-radius .2s ease-in-out;
	transition: transform .35s ease, border-radius .2s ease-in-out;
	display: inline-block;

	padding: 2px 8px;
	border-radius: 3px;
	border: 1px solid rgba(255, 255, 255, .3);
	font-size: 1em;
	line-height: 2;
	margin: .35em 0 .35em .5em;
	background: rgba(255, 255, 255, .75);
	box-shadow: 0 0 4px rgba(128, 128, 128, .1);
	text-shadow: 0 0 4px rgba(128, 128, 128, .1);


	/**//**//**/
	margin-top: 1.55em;
	/**//**//**/


	line-height: 2;
	color: #515151;
}
#cart::before {
	content: "\e91f";

	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 1em;
	position: relative;
	left: 0;
	top: 0;
	margin-right: .4ch;
	line-height: 1;
}
#cart:hover {
	text-decoration: none;
}
#cart span {
/* 	display: none; */
}
#cart.active::after {
	content: "";
	z-index: 200;
	position: absolute;
	bottom: -3em;
	left: 50%;
	margin-left: -.6em;
	border-width: 0 1em 1em;
	border-style: solid;
	border-color: #fff transparent;
	display: block;
	width: 0;
}

#header label {
	float: right;
	z-index: 9999;
	position: relative;
	cursor: pointer;
	-webkit-transition: transform .35s ease, border-radius .2s ease-in-out;
	-moz-transition: transform .35s ease, border-radius .2s ease-in-out;
	-ms-transition: transform .35s ease, border-radius .2s ease-in-out;
	-o-transition: transform .35s ease, border-radius .2s ease-in-out;
	transition: transform .35s ease, border-radius .2s ease-in-out;
	display: inline-block;

	padding: 2px 8px;
	border-radius: 3px;
	border: 1px solid rgba(255, 255, 255, .3);
	font-size: 1em;
	line-height: 2;
	margin: 1.55em 0 .35em .5em;
	background: rgba(255, 255, 255, .2);
	box-shadow: 0 0 4px rgba(128, 128, 128, .1);
	text-shadow: 0 0 4px rgba(128, 128, 128, .1);

    border: none;
    background: none;
}
body.admin-logged #header label {
	margin-top: .35em;
}
#menu-checkbox {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: -100%;
}
#header label[for="menu-checkbox"] {
    display: none;
    z-index: 999999;
}
#header label span {
	display: none;
}
#header label::before {
	top: 4px;
	position: relative;
	width: 100%;
	height: 100%;
	color: inherit;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'icomoon';
	line-height: 1;
	font-size: 1.4em;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff;
	margin: 0;
}
#header label[for=menu-checkbox]::before {
    content: "\e920";
}
#menu-checkbox:checked ~ #header label[for=menu-checkbox]::before {
    content: "\e921";
}
#header label[for=searchBar]::before {
    content: "\e91a";
}
#header label[for=closeSearchButton] {
	transform: rotate(360deg) scale(.5);
	border-radius: 18px;
}
#header {
	transition: transform .2s ease-in-out .05s, opacity .35s ease .1s, filter .1s linear;
}
.search-open #header {
	filter: blur(1px);
	transform: scale(.99);
	opacity: 0;
}
#search {
	text-align: right;

	opacity: 0;
	height: 0;
	overflow: hidden;
	clear: both;
	background-color: #E2DAD8;

/* 	will-change: height, opacity, background-color; */

	-webkit-transition: height .35s ease-in, opacity .15s ease-in, background-color .15s ease-in;
	-moz-transition: height .35s ease-in, opacity .15s ease-in, background-color .15s ease-in;
	transition: height .35s ease-in, opacity .15s ease-in, background-color .15s ease-in;
	box-shadow: inset 0 0 4px rgba(178, 178, 178, 0.52);

	backface-visibility: hidden;

	left: 0;
	right: 0;
	padding-left: 3%;
	position: absolute;
}
#search.open {
	opacity: 1;
	background-color: #d8cec9;
	padding-top: 1.3em;
	overflow: visible;
	height: 6em;
	z-index: 99999;
}
#search button {
	display: none;
}

#search label {
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 1rem;
    margin: .55em 0% 0;
	line-height: 1;
	color: rgba(135, 69, 69, 0.5);
}
#search label::before {
	content: "\e91a";

	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 1em;
	position: relative;
	left: 0;
	top: 0px;
	line-height: 1;
}
#search label span {
	display: none;
}

#search form {
	position: relative;
	font-size: 1.4em;

	margin: 0;

	padding-right: 3em;
	opacity: 0;

	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);

	-webkit-transition: opacity .5s, transform .25s;
	-moz-transition: opacity .5s, transform .25s;
	-ms-transition: opacity .5s, transform .25s;
	transition: opacity .5s, transform .25s;
	-webkit-transition-delay: 0;
	-moz-transition-delay: 0;
	-ms-transition-delay: 0;
	transition-delay: 0;
}
#search.open form {
	-webkit-transition-delay: .25s, .35s;
	-moz-transition-delay: .25s, .35s;
	-ms-transition-delay: .25s, .35s;
	transition-delay: .25s, .35s;

	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

#search input[type=search] {
	opacity: 0;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
	-webkit-transition-property: width, opacity;
	-moz-transition-property: width, opacity;
	-ms-transition-property: width, opacity;
	-o-transition-property: width, opacity;
	transition-property: width, opacity;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-timing-function: ease-in-out;
	-ms-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
    text-align: left;

    -webkit-appearance: none;
    line-height: 2.2;
    font-size: 1em;
    height: auto;
    padding-left: 1ch;

    -webkit-box-shadow: rgba(0, 0 , 0, .14) 0 1px 4px 0, inset rgba(255, 255, 255, .4) 0 1px 2px 0;
    -moz-box-shadow: rgba(0, 0 , 0, .14) 0 1px 4px 0, inset rgba(255, 255, 255, .4) 0 1px 2px 0;
    box-shadow: rgba(0, 0 , 0, .14) 0 1px 4px 0, inset rgba(255, 255, 255, .4) 0 1px 2px 0;
	border: 1px solid #d2b4bc;

	background: #fdfafb;

    opacity: 1;
    position: absolute;
    left: 0;
    right: 2.5rem;
    width: auto;
}
#search input[type=submit] {
	display: block;
	text-align: right;
	-webkit-appearance: none;
	border: 1px solid #d2b4bc;
	background: none;
	float: right;
	margin: 0;

	opacity: 0;
	position: absolute;
	right: 99999px;
}
#search output {
}
#search output li {
	background: rgba(232, 228, 228, 0.85);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	display: block;
	padding: .8em;
	font-size: .8em;
	text-align: left;
}
#search output li:hover {
	background: rgba(241, 237, 237, .5);
}

@media screen and (max-width: 940px) {
    header h1 {
        left: .2em;
    }

    #header label[for="menu-checkbox"] {
        display: block;
    }

    #menu {
        display: none;
        position: relative;
        width: 100%;
    }
    #menu li ul {
        display: block;
        float: none;
    }
    #wrapper {
        clear: both;
    }
}
.choices{position:relative;margin-bottom:24px;font-size:16px}.choices:focus{outline:none}.choices:last-child{margin-bottom:0}.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input{background-color:#eaeaea;cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.choices.is-disabled .choices__item{cursor:not-allowed}.choices[data-type*=select-one]{cursor:pointer}.choices[data-type*=select-one] .choices__inner{padding-bottom:7.5px}.choices[data-type*=select-one] .choices__input{display:block;width:100%;padding:10px;border-bottom:1px solid #ddd;background-color:#fff;margin:0}.choices[data-type*=select-one] .choices__button{background-image:url(../style/images/cross-inverse.svg);padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.5}.choices[data-type*=select-one] .choices__button:focus,.choices[data-type*=select-one] .choices__button:hover{opacity:1}.choices[data-type*=select-one] .choices__button:focus{box-shadow:0 0 0 2px #00bcd4}.choices[data-type*=select-one]:after{content:"";height:0;width:0;border-style:solid;border-color:#333 transparent transparent transparent;border-width:5px;position:absolute;right:11.5px;top:50%;margin-top:-2.5px;pointer-events:none}.choices[data-type*=select-one].is-open:after{border-color:transparent transparent #333 transparent;margin-top:-7.5px}.choices[data-type*=select-one][dir=rtl]:after{left:11.5px;right:auto}.choices[data-type*=select-one][dir=rtl] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}.choices[data-type*=select-multiple] .choices__inner,.choices[data-type*=text] .choices__inner{cursor:text}.choices[data-type*=select-multiple] .choices__button,.choices[data-type*=text] .choices__button{position:relative;display:inline-block;margin:0 -4px 0 8px;padding-left:16px;border-left:1px solid #008fa1;background-image:url(../style/images/cross.svg);background-size:8px;width:8px;height: 8px;line-height:1;opacity:.75}.choices[data-type*=select-multiple] .choices__button:focus,.choices[data-type*=select-multiple] .choices__button:hover,.choices[data-type*=text] .choices__button:focus,.choices[data-type*=text] .choices__button:hover{opacity:1}.choices__inner{display:inline-block;vertical-align:top;width:100%;background-color:#f9f9f9;padding:7.5px 7.5px 3.75px;border:1px solid #ddd;border-radius:2.5px;font-size:14px;min-height:44px;overflow:hidden}.is-focused .choices__inner,.is-open .choices__inner{border-color:#b7b7b7}.is-open .choices__inner{border-radius:2.5px 2.5px 0 0}.is-flipped.is-open .choices__inner{border-radius:0 0 2.5px 2.5px}.choices__list{margin:0;padding-left:0;list-style:none}.choices__list--single{display:inline-block;padding:4px 16px 4px 4px;width:100%}[dir=rtl] .choices__list--single{padding-right:4px;padding-left:16px}.choices__list--single .choices__item{width:100%}.choices__list--multiple{display:inline}.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;margin-right:3.75px;margin-bottom:3.75px;background-color:#00bcd4;border:1px solid #00a5bb;color:#fff;word-break:break-all}.choices__list--multiple .choices__item[data-deletable]{padding-right:5px}[dir=rtl] .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}.choices__list--multiple .choices__item.is-highlighted{background-color:#00a5bb;border:1px solid #008fa1}.is-disabled .choices__list--multiple .choices__item{background-color:#aaa;border:1px solid #919191}.choices__list--dropdown{display:none;z-index:1;position:absolute;width:100%;background-color:#fff;border:1px solid #ddd;top:100%;margin-top:-1px;border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px;overflow:hidden;word-break:break-all}.choices__list--dropdown.is-active{display:block}.is-open .choices__list--dropdown{border-color:#b7b7b7}.is-flipped .choices__list--dropdown{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:.25rem .25rem 0 0}.choices__list--dropdown .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.choices__list--dropdown .choices__item{position:relative;padding:10px;font-size:14px}[dir=rtl] .choices__list--dropdown .choices__item{text-align:right}@media (min-width:640px){.choices__list--dropdown .choices__item--selectable{padding-right:100px}.choices__list--dropdown .choices__item--selectable:after{content:attr(data-select-text);font-size:12px;opacity:0;position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}[dir=rtl] .choices__list--dropdown .choices__item--selectable{text-align:right;padding-left:100px;padding-right:10px}[dir=rtl] .choices__list--dropdown .choices__item--selectable:after{right:auto;left:10px}}.choices__list--dropdown .choices__item--selectable.is-highlighted{background-color:#f2f2f2}.choices__list--dropdown .choices__item--selectable.is-highlighted:after{opacity:.5}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:.5}.choices__heading{font-weight:600;font-size:12px;padding:10px;border-bottom:1px solid #f7f7f7;color:gray}.choices__button{text-indent:-9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.choices__button:focus{outline:none}.choices__input{display:inline-block;vertical-align:baseline;background-color:#f9f9f9;font-size:14px;margin-bottom:5px;border:0;border-radius:0;max-width:100%;padding:4px 0 4px 2px}.choices__input:focus{outline:0}[dir=rtl] .choices__input{padding-right:2px;padding-left:0}.choices__placeholder{opacity:.5}nav.pagination {
	text-align: right;
	margin: 0 4% 0;
	padding: 0 4px 0 0;
	position: absolute;
	right: 0;
	font-size: 1.1em;
	line-height: 1;
}
.pagination ul {
	background: rgba(236, 212, 198, .3);
}

.pagination li {
	display: inline-block;
	border: 1px solid lightgrey;
	border-radius: 1px;
	padding: 0 0;
	margin: 0 0 0 .2em;
	background-color: #fff;

	z-index: 1000;
	text-align: center;
	font-size: 1em;
	line-height: 1;
}
.pagination li:first-child {
	margin-left: 0;
}
.pagination li a {
	display: block;
	height: 1em;
	width: 1em;
	cursor: pointer;
}
.pagination li.active {
	background: #5C9DAA;
}
.pagination li.inactive {
	background: #ebebeb;
	color: lightgrey;
	line-height: 1;
}

.pagination li.active a, .pagination li.inactive a {
	pointer-events: none;
	cursor: auto;
	color: lightgrey;
}
.pagination li.active a {
	color: #fff;
}

.pagination li:first-child a::before,
.pagination li:last-child a::before {
	content: '<';
	color: grey;
	position: relative;
	top: -.1em;
}
.pagination li:last-child a::before {
	content: '>';
}

.pagination li.spacer {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	vertical-align: top;
	color: #b2b2b2;
}

.pagination span {
	display: none;
}