*,*: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}

/* Day Roman */
@font-face {
    font-family: 'Day Roman';
    src: url('fonts/dayRoman/dayrom__-webfont.eot');
    src: url('fonts/dayRoman/dayrom__-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dayRoman/dayrom__-webfont.woff2') format('woff2'),
         url('fonts/dayRoman/dayrom__-webfont.woff') format('woff'),
         url('fonts/dayRoman/dayrom__-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

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

html, body {
	width: 100%;
	min-height:100vh;
	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%;
	scroll-behavior: smooth;
}
body {
	-webkit-overflow-scrolling: touch;
	font-family: "Day Roman", "Adobe Garamond Pro", "Helvetica Neue", "Helvetica", "Myriad Set Pro", "Lucida Grande", "Lucida Sans Unicode", "Arial", "Verdana", "sans-serif";
	background: #FFFFFE;
	height: 100%;

	color: #777776;
	line-height: 1.7857;
	font-weight: 200;
	font-style: normal;
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	margin: 0 auto;
	min-width: 320px;
	padding: 0;
	position: relative;

	display: flex;
	flex-direction: column;
}

a, a:active, a:hover, a:visited {
	/* color: #17458f; */
	color: inherit;
	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;
}
.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;
}
.note {
	margin: 0 auto!important;
}


#footer {
	clear: both;
	position: relative;
	color: #a7a7a7;
	font-size: 1.25em;
	line-height: 2;
	padding: 0 2%;
	font-weight: 400;

	z-index: 0;
	flex-shrink: 0;
    max-width: 2560px;
    margin: 0 auto;
    width: 100%;

    text-align: right;
}

#footer a::before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: .85em;
	position: relative;
	left: 0;
	top: 0;
	line-height: 1;
}
#footer nav {
	display: inline-block;
}
#footer nav a span {
	padding-left: .4ch;
}
#footer nav a span {
	display: none;
}
#footer a.sns-facebook::before {
	content: "\e926";
}
#footer a.sns-instagram::before {
	content: "\e92b";
}
#footer a[href="legal"]::before {
    content: "\e908";
}
#footer a[href="contact"]::before {
	content: "\e90c";
}

#debug {
	z-index: 10;
}
#debug > summary {
	text-align: center;
	margin-top: -1.7em;
	cursor: pointer;
}
#debug dt {
	float: left;
	margin-right: 1em;
}
#debug dd {
	display: table;
	background: lightgrey;
	color: #fff;
	margin: .1em;
	padding: 0 .4em;
	border-radius: 5px;
}

@media screen and (max-width: 1920px) {
	body {
		font-size: 80%;
	}
}

@media screen and (max-width: 1440px) {
	body {
		font-size: 80%;
	}
}

@media screen and (max-width: 1380px) {
	body {
		font-size: 64%;
	}
}

@media screen and (max-width: 768px) {
    #footer {
/*         background: #fff; */
    }
}

.skip-link {
	background: white;
	color: #000;
	font-weight: 700;
	left: 50%;
	padding: .5em 1em;
	position: fixed;
	transform: translateX(-50%) translateY(-100%);
	transition: transform .25s, opacity .3s;
	z-index: 99999999999;
	border: 1px solid grey;
	border-radius: 10%/50%;
	margin: 1em 0 0;
	opacity: 0;
}
.skip-link:focus-within {
	transform: translateX(-50%) translateY(0%);
	opacity: 1;
}
.skip-link:focus-within ~ #header::before {
	content: "";
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,.5);
	z-index: 999999;
}
.skip-link a:focus {
	outline: auto;
	text-decoration: underline;
}
@-webkit-keyframes fadeIn {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
@-moz-keyframes fadeIn {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
@keyframes fadeIn {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}

@-webkit-keyframes spot {
	from {
		background: rgba(255, 249, 77, 0.5);
	}
	to {
		background: transparent;
		display: none;
		z-index: -100;
	}
}
@-moz-keyframes spot {
	from {
		background: rgba(255, 249, 77, 0.5);
	}
	to {
		background: transparent;
		display: none;
		z-index: -100;
	}
}
@keyframes spot {
	from {
		background: rgba(255, 249, 77, 0.5);
	}
	to {
		background: transparent;
		display: none;
		z-index: -100;
	}
}

@-webkit-keyframes slide {
	0% {
		-webkit-transform: translateX(150%);
	}
	50%{
		-webkit-transform: translateX(0%);
	}
	65%{
		-webkit-transform: translateX(12%);
	}
	80%{
		-webkit-transform: translateX(1%);
	}
	95%{
		-webkit-transform: translateX(4%);
	}
	100% {
		-webkit-transform: translateX(0%);
	}
}
@-moz-keyframes slide {
	0% {
		-moz-transform: translateX(150%);
	}
	50%{
		-moz-transform: translateX(0%);
	}
	65%{
		-moz-transform: translateX(12%);
	}
	80%{
		-moz-transform: translateX(1%);
	}
	95%{
		-moz-transform: translateX(4%);
	}
	100% {
		-moz-transform: translateX(0%);
	}
}
@keyframes slide {
	0% {
		transform: translateX(150%);
	}
	50%{
		transform: translateX(0%);
	}
	65%{
		transform: translateX(12%);
	}
	80%{
		transform: translateX(1%);
	}
	95%{
		transform: translateX(4%);
	}
	100% {
		transform: translateX(0%);
	}
}

@-webkit-keyframes slide2 {
	0% {
		padding-left: 15%;
	}
	90 {
		padding-left: 15%;
	}
	100% {
		padding-left: 5%;
	}
}
@-moz-keyframes slide2 {
	100% {
		padding-left: 5%;
	}
}
@keyframes slide2 {
	100% {
		padding-left: 5%;
	}
}

@-webkit-keyframes shake {
	0% {-webkit-transform: translate(2px, 1px) rotate(0deg);}
	10% {-webkit-transform: translate(-1px, -2px) rotate(-1deg);}
	20% {-webkit-transform: translate(-3px, 0px) rotate(1deg);}
	30% {-webkit-transform: translate(0px, 2px) rotate(0deg);}
	40% {-webkit-transform: translate(1px, -1px) rotate(1deg);}
	50% {-webkit-transform: translate(-1px, 2px) rotate(-1deg);}
	60% {-webkit-transform: translate(-3px, 1px) rotate(0deg);}
	70% {-webkit-transform: translate(2px, 1px) rotate(-1deg);}
	80% {-webkit-transform: translate(-1px, -1px) rotate(1deg);}
	90% {-webkit-transform: translate(2px, 2px) rotate(0deg);}
	100% {-webkit-transform: translate(1px, -2px) rotate(-1deg);}
}
@-moz-keyframes shake {
	0% {-moz-transform: translate(2px, 1px) rotate(0deg);}
	10% {-moz-transform: translate(-1px, -2px) rotate(-1deg);}
	20% {-moz-transform: translate(-3px, 0px) rotate(1deg);}
	30% {-moz-transform: translate(0px, 2px) rotate(0deg);}
	40% {-moz-transform: translate(1px, -1px) rotate(1deg);}
	50% {-moz-transform: translate(-1px, 2px) rotate(-1deg);}
	60% {-moz-transform: translate(-3px, 1px) rotate(0deg);}
	70% {-moz-transform: translate(2px, 1px) rotate(-1deg);}
	80% {-moz-transform: translate(-1px, -1px) rotate(1deg);}
	90% {-moz-transform: translate(2px, 2px) rotate(0deg);}
	100% {-moz-transform: translate(1px, -2px) rotate(-1deg);}
}
@keyframes shake {
	0% {transform: translate(2px, 1px) rotate(0deg);}
	10% {transform: translate(-1px, -2px) rotate(-1deg);}
	20% {transform: translate(-3px, 0px) rotate(1deg);}
	30% {transform: translate(0px, 2px) rotate(0deg);}
	40% {transform: translate(1px, -1px) rotate(1deg);}
	50% {transform: translate(-1px, 2px) rotate(-1deg);}
	60% {transform: translate(-3px, 1px) rotate(0deg);}
	70% {transform: translate(2px, 1px) rotate(-1deg);}
	80% {transform: translate(-1px, -1px) rotate(1deg);}
	90% {transform: translate(2px, 2px) rotate(0deg);}
	100% {transform: translate(1px, -2px) rotate(-1deg);}
}

@-webkit-keyframes pulse {
  to {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
@-moz-keyframes pulse {
  to {
    -moz-transform: scale(1.05);
    transform: scale(1.05);
  }
}
@keyframes pulse {
  to {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
  }
}

@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(400) rotateX(90deg);
		opacity: 0;
	}
	40% {
		-webkit-transform: perspective(400) rotateX(-10deg);
		background-color: rgba(244, 168, 188, 1);
	}
	70% {
		-webkit-transform: perspective(400) rotateX(10deg);
	}
	100% {
		-webkit-transform: perspective(400) rotateX(0deg);
		opacity: 1;
	}
}
@-moz-keyframes flipInX {
	0% {
		-moz-transform: perspective(400) rotateX(90deg);
		opacity: 0;
	}
	40% {
		-moz-transform: perspective(400) rotateX(-10deg);
		background-color: rgba(244, 168, 188, 1);
	}
	70% {
		-moz-transform: perspective(400) rotateX(10deg);
	}
	100% {
		-moz-transform: perspective(400) rotateX(0deg);
		opacity: 1;
	}
}
@-ms-keyframes flipInX {
	0% {
		-ms-transform: perspective(400) rotateX(90deg);
		opacity: 0;
	}
	40% {
		-ms-transform: perspective(400) rotateX(-10deg);
		background-color: rgba(244, 168, 188, 1);
	}
	70% {
		-ms-transform: perspective(400) rotateX(10deg);
	}
	100% {
		-ms-transform: perspective(400) rotateX(0deg);
		opacity: 1;
	}
}
@-o-keyframes flipInX {
	0% {
		-o-transform: perspective(400) rotateX(90deg);
		opacity: 0;
	}
	40% {
		-o-transform: perspective(400) rotateX(-10deg);
		background-color: rgba(244, 168, 188, 1);
	}
	70% {
		-o-transform: perspective(400) rotateX(10deg);
	}
	100% {
		-o-transform: perspective(400) rotateX(0deg);
		opacity: 1;
	}
}
@keyframes flipInX {
	0% {
		transform: perspective(400) rotateX(90deg);
		opacity: 0;
	}
	40% {
		transform: perspective(400) rotateX(-10deg);
		background-color: rgba(244, 168, 188, 1);
	}
	70% {
		transform: perspective(400) rotateX(10deg);
	}
	100% {
		transform: perspective(400) rotateX(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes credits {
	0% {
		top: 100%;
	}
	100% {
		top: -100%;
	}
}
@-moz-keyframes credits {
	0% {
		top: 100%;
	}
	100% {
		top: -100%;
	}
}
@-o-keyframes credits {
	0% {
		top: 100%;
	}
	100% {
		top: -100%;
	}
}
@keyframes credits {
	0% {
		top: 100%;
	}
	100% {
		top: -100%;
	}
}

@-webkit-keyframes darken {
	from {
		background: #fff;
	}
	to {
		background: #000;
	}
}
@-moz-keyframes darken {
	from {
		background: #fff;
	}
	to {
		background: #000;
	}
}
@keyframes darken {
	from {
		background: #fff;
	}
	to {
		background: #000;
	}
}fieldset {
	border:0;
}

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

label[for] {
	cursor: pointer;
}
form legend label {
	line-height: 1em;
}

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

	-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 {
	-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) 0 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(.10%);
	-moz-transform: scale(.98) translateY(.10%);
	-ms-transform: scale(.98) translateY(.10%);
	-o-transform: scale(.98) translateY(.10%);
	transform: scale(.98) translateY(.10%);
}

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;
}
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;
	top: -.3em;
}

.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;
}

.choices__inner {
	min-height: 42px;
}
.choices input[type=text] {
	display: inline;
	box-shadow: none;
	width: 100%!important;
}
.choices__list.is-active {
	z-index: 999999;
}

/* @media (prefers-color-scheme: dark) {
	.choices__input {
		background-color: #090909!important;
	}
	.choices__inner {
		border-color: #797979!important;
	}
	.choices__inner,
	.choices__input,
	.choices__list--dropdown {
		background-color: #171717!important;
	}
	.choices__list--dropdown .choices__item--selectable.is-highlighted {
		background-color: #1d1d1d!important;
	}
} */

textarea {
	overflow: auto;
	width: 100%;
}
main label {
	display: block;
	width: intrinsic;
}

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

input:focus:invalid {
	outline: none;
}

.media.editable {
	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: .9;
	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 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) 0 0 0 16px inset;
}

input[type=checkbox] {
	position: relative;
	width: 3.2ch;
	height: 1em;
	margin: .2em;
	bottom: -.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) 0 0 0 0 inset;
	-webkit-transition: border .4s, box-shadow .4s;
	transition: border .4s, box-shadow .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: -2ch;
	content: "";
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	border-radius: 50%;
	width: 2.1ch;
	height: 100%;
	background: #fff;
	-webkit-transition: right .2s;
	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;
	padding: 0 .5em 0 .2em;
	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;
	display: inline-block;
	width: auto;
}
input[type="radio"] + label::before {
	content: '\e95b';
	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: '\e959';
	color: rgba(24, 211, 43, 1);
}
input[type="radio"]:checked + label:hover {
	background-color: inherit;
	background-position: 0 0;
	transition: none;
	cursor: default;
}

date-input-polyfill button {
	width: auto!important;
	background: #E0E0E0!important;
	padding: 0 .6ch!important;
	border: 1px solid #b6b6b6!important;
	border-radius: .3em;
}

date-input-polyfill tbody {
	border-top: 1px solid rgb(224, 224, 224);
}

date-input-polyfill tr td {
	background-color: #fff;
}

date-input-polyfill tr:nth-child(even) td:nth-child(odd),
date-input-polyfill tr:nth-child(odd) td:nth-child(even) {
	background-color: #f9f9f9;
}
date-input-polyfill tr:nth-child(even) td[data-day]:nth-child(odd),
date-input-polyfill tr:nth-child(odd) td[data-day]:nth-child(even) {
	background-color: #f5f5f5;
}

.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 {
	font-size: 1.2em;
	padding: 2%;
	line-height: 1.4857;

	height: auto;
	clear: both;
	letter-spacing: .1ch;

    text-align: right;

    flex: 1 0 auto;
    display: flex;
    flex-wrap: wrap;

    max-width: 2560px;
    margin: 0 auto;
    width: 100%;
}

#left {
    flex: 1 50%;
    padding: 0;
    padding-right: 1%;
    width: 50%;
    display: inline-block;
}

#main {
    flex: 1 50%;
    width: 50%;
    display: inline-block;
    padding: 0;
    padding-left: 1%;
    font-size: 1.1em;
}

#wrapper h1,
#wrapper h2,
#wrapper h3,
#wrapper h4,
#wrapper h5,
#wrapper h6 {
	height: auto;
	min-height: auto;

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


#wrapper > header,
#main > header {
	font-size: 1.9em;
	line-height: 1;
    padding: 0 0 2%;
    text-align: right;
}

#wrapper > header > div,
#main > header > div {
	position: relative;
}

#main > header nav.admin {
	font-size: .8rem;
	position: relative;
}

#wrapper h1, #wrapper h2 a {
	color: #062e3c;
	text-align: right;
	margin-bottom: 0;
	font-size: 2rem;
}

#wrapper > header h1,
#main > header h1 {
	font-weight: bold;
	font-size: 1em;
	margin: 0;
	padding: 0;
	padding-left: .75em;
    display: inline-block;
}
header nav > a,
header nav > a:visited,
header nav > a:focus,
header nav > a:active,
header nav > label {
	font-size: 1.2em;
	line-height: 2;
	margin-left: 0;
	display: inline-block;
	color: #000;
}
header nav > a,
header nav > label {
	background-color: rgba(99, 99, 99, 0);
	white-space: nowrap;
}

#wrapper .content > h1 {
	font-weight: bold;
	font-size: 2em;
	line-height: 1;
}

header a.back:not(.action)::before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 1em;
	content: "\e916";
}
header a.back:not(.action) {
	font-size: .6em;
	text-decoration: none;
	opacity: 0;
	transform: translateX(40%);
	animation: slide-appear .35s ease-in-out .05s 1 forwards;
	margin-right: -3ch;
	margin-left: -2.2ch;
	width: 2ch;
    display: inline-block;
    z-index: 9999;

    vertical-align: middle;
    margin-top: -.3em;
}
header a.back:not(.action):focus {
	text-decoration: underline;
}
@keyframes slide-appear {
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
header a.back span {
	display: none;
}

.action {
	z-index: 99;
	position: relative;
	color: #000;
	background: rgba(99, 99, 99, .05);
	padding: 2px 8px;
	border-radius: 5px;
	font-size: 1em;
	line-height: 2;
	margin: .35em 0 .35em;
}
.action.default, .action.submit {
	font-weight: 600;
}
.action:hover, .action:focus {
	box-shadow: none;
	text-decoration: none;
	background: rgba(136, 136, 136, .2);
}
.action::before {
	margin: 0 4px 0 0;
	top: 2px;
	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.2em;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.action.add::before {
	content: "\e93b";
}
.action.add.folder::before {
	content: "\e960";
}
.action.add.file::before {
	content: "\e95d";
}
.action.add.account::before {
	content: "\e951";
}
.action.edit::before {
	content: "\e920";
}
nav.admin .action.edit + .action {
	margin-left: 1em;
}

.action.remove::before {
	content: "\e937";
}
.action.delete::before {
	content: "\e94a";
}
nav.admin .action.delete + .action {
	margin-left: 2em;
}
nav.admin .action.delete:hover,
nav.admin .action.delete:focus {
	background: rgba(255, 0, 0, .05);
    color: #e80303;
}
ul button.action.remove::before {
	margin: 0;
}
ul button.action.remove span {
	display: none;
}

.action.submit::before {
	content: "\e915";
}
nav.admin .action.submit:hover,
nav.admin .action.submit:focus {
	background: rgba(0, 255, 0, .05);
}
.action.save::before {
	content: "\e93f";
}
nav.admin .action.save:hover,
nav.admin .action.save:focus {
	background: rgba(254, 222, 71, .1);
    color: #05a200;
}
.action.rotateLeft::before {
	content: "\e90b";
}
.action.logout::before {
	content: "\e930";
}
.action.dashboard::before {
	content: "\e948";
}
input[type=submit].action, input[type=checkbox].action {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: -100%;
    left: 0;
}
.action.back::before {
	content: "\e916";
}

.action.return::before {
	content: "\e90e";
	font-size: 1em;
	top: 1px;
}

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


/*****MEDIAS*****/


.medias {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10em, 1fr));
    grid-gap: 1%;
    gap: 1%;
    align-content: start;
}
#left.medias {
    display: inline-grid;
}
.medias figure {
    overflow: hidden;
    position: relative;
    white-space: normal;
    display: inline-block;
    margin: 0;
    text-align: center;
    border: .5px solid #dddddd;
    background-color: lightgrey;
    cursor: pointer;
}

.medias figure > a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    cursor: pointer;
}
.medias figcaption {
    margin-top: 20%;
    padding: 0 .4ch;
}
.medias figure > a:focus-visible,
.medias figure > a:-moz-focusring {
    outline: auto;
}
.medias figure > a:focus + h3 {
    text-decoration: underline;
}

.medias figure::before {
    content: "";
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-top: 100%;  /* Aspect Ratio */
}
.medias figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    position: absolute;
    top: 0;
    left: 0;
}


@media screen and (max-width: 1380px) {
	#main > header nav.admin {
		top: -.4em;
	}
}
@media screen and (max-width: 768px) {
    #left, #main {
        flex: 1 100%;
        width: 100%;
        order: 2;
    }
    #left {
        order: 2;
    }
    #main {
        order: 1;
    }
}

@media screen and (max-width: 480px) {
	#wrapper {
		padding-right: 4%;
		padding-left: 4%;
	}
}
#header {
	padding: 2%;
	font-weight: 300;
    text-align: right;
    /* display: none; */

    max-width: 2560px;
    margin: 0 auto;
    width: 100%;
}
/* body[data-request="index"] #header,
body[data-request="contact"] #header,
body[data-request="legal"] #header,
body[data-request="articles/about"] #header,
body[data-request="dashboard"] #header {
    display: block;
} */
body.flickity-fullscreen #header {
	z-index: -1;
}

#header a,
#header a:hover {
	position: relative;
	z-index: 999;
	text-decoration: none;
}
#header a:focus {
	text-decoration: underline;
}
#header h1 {
	padding: 0;
	font-size: 2rem;
    margin-bottom: .1em;
	font-weight: bold;
	line-height: 1;
	color: #062e3c;
}
#header h2 {
    font-size: 1.1rem;
    /* font-style: italic; */
    line-height: 1;
    color: #6e655d;
    text-transform: uppercase;
}

#menu-checkbox {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: -100%;
}
label[for="menu-checkbox"] {
	display: none;
	position: fixed;
	top: .6em;
	right: 2.4%;
	font-size: 3.3em;
	line-height: 1.3;
	text-align: center;
	z-index: 999999;
}
label[for="menu-checkbox"]::before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: .85em;
	position: relative;
	left: 0;
	top: .1em;
	/* margin-right: .4ch; */
	line-height: 1;
	content: "\e934"
}
label[for="menu-checkbox"] span {
	display: none;
}
#menu-checkbox:checked ~ #header #menu {
	display: block;
}
#menu {
	margin: 2% 0;
	line-height: 1.4;
	font-size: 1.8em;
    display: none;
}
#menu ul {
	padding: .5em 0 0;
}
#menu ul:first-child {
    padding-top: 0;
}
#menu li {
	position: relative;
	white-space: nowrap;
	color: inherit;
	vertical-align: top;
}

#admin-menu {
    margin-top: 1em;
    display: none;
	/* padding-left: 1.2em;
	top: 1.3em;
	position: absolute; */
}

#menu li.active {
    font-weight: bold;
    text-decoration: underline;
}

#menu li a::before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: .85em;
	position: relative;
	left: 0;
	top: .1em;
	line-height: 1;
	display: none;
}

#menu a, #menu a:active, #menu a:hover, #menu a:visited {
	color: #062e3c;
}
#menu a:hover {
    text-decoration: underline;
}

#menu a[href="logout"]::before {
	content: "\e930";
	display: block;
}
#menu a[href="logout"] span {
	display: none;
}
#menu a[href="dashboard"]::before {
	content: "\e948";
}


@media screen and (max-width: 768px) {
    #menu ul, #menu li {
        display: inline-block;
    }
}
nav.pagination {
	text-align: center;
	margin: 1em 4% 0;
	padding: 0 4px 0 0;
	font-size: 1.4em;
	line-height: 1;
}

.pagination li {
	display: inline-block;
	border: 1px solid rgba(124, 124, 124, 0.08);
	border-radius: 2px;
	padding: 0 0;
	margin: 0 0 0 0.4em;
	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: red;
	font-weight: 600;
	border-radius: 50%;
}
.pagination li.inactive {
	line-height: 1;
	border-color: transparent;
}

.pagination li a,
.pagination li a:active,
.pagination li a:visited {
	color: #4f5359;
	text-decoration: none;
}
.pagination li a:hover,
.pagination li a:focus {
	color: #3d414a;
}
.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;
}
.choices{position:relative;margin-bottom:24px;font-size:16px}.choices:focus{outline:0}.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;-ms-user-select:none;user-select:none}.choices.is-disabled .choices__item{cursor:not-allowed}.choices [hidden]{display:none!important}.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(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);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] .choices__item[data-value=''] .choices__button{display:none}.choices[data-type*=select-one]:after{content:'';height:0;width:0;border-style:solid;border-color:#333 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;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(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);background-size:8px;width:8px;line-height:1;opacity:.75;border-radius:0}.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;box-sizing:border-box}.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{visibility:hidden;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;will-change:visibility}.choices__list--dropdown.is-active{visibility:visible}.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%;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;-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,.choices__input:focus{outline:0}.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}[dir=rtl] .choices__input{padding-right:2px;padding-left:0}.choices__placeholder{opacity:.5}