@media (max-width: 400px) {
    html, body { font-size: 11.125px; }
}
@media (min-width: 400px) and (max-width: 600px) {
    html, body { font-size: 11.375px; }
}
@media (min-width: 600px) and (max-width: 800px) {
    html, body { font-size: 11.75px; }
}
@media (min-width: 800px) and (max-width: 1000px) {
    html, body { font-size: 12.25px; }
}
@media (min-width: 1000px) and (max-width: 1200px) {
    html, body { font-size: 12.75px; }
}
@media (min-width: 1200px) and (max-width: 1400px) {
    html, body { font-size: 13.25px; }
}
@media (min-width: 1400px) and (max-width: 1600px) {
    html, body { font-size: 14.125px; }
}
@media (min-width: 1600px) and (max-width: 1800px) {
    html, body { font-size: 15.25px; }
}
@media (min-width: 1800px) and (max-width: 2000px) {
    html, body { font-size: 16px; }
}
@media (min-width: 2000px) and (max-width: 2200px) {
    html, body { font-size: 18px; }
}
@media (min-width: 2200px) and (max-width: 2400px) {
    html, body { font-size: 21px; }
}
@media (min-width: 2400px) and (max-width: 2600px){
    html, body { font-size: 25px; }
}
@media (min-width: 2600px){
    html, body { font-size: 32px; }
}

html{ overflow: auto; }
html, body{ width: 100%; height: 100%; padding: 0; margin: 0; display: block; font-family: mirage, sans-serif; }
*{ padding: 0; margin: 0; box-sizing: border-box; }
*:focus{ outline: 1px dashed #000; }
*[tabindex="-1"]{ outline: none; }
h1,h2,h3,h4,h5,h6,h7,h8,div,header,section,article,nav,ul,li,footer{ display: block; }
h1{ font-size: 1.25em; }
h2{ font-size: 1.125em; }
h3{ font-size: 1em; }
table{ border-collapse: collapse; border-spacing: 0; }
input, button, select, textarea{ font-size: 1em; }
fieldset{ border: none; }
#tinymce{ padding: .5em; }

.sr-only{ border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; }
.sr-only{ clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; }
.sr-only{ position: absolute !important; width: 1px !important; white-space: nowrap !important; }

.off{ display: none !important; }

.space{ display: block; width: 100%; }
.space.xxs{ display: block; width: 100%; height: .25em; }
.space.xs{ display: block; width: 100%; height: .5em; }
.space.s{ display: block; width: 100%; height: 1em; }
.space.m{ display: block; width: 100%; height: 2em; }
.space.l{ display: block; width: 100%; height: 3.5em; }
.space.xl{ display: block; width: 100%; height: 5em; }
.space.xxl{ display: block; width: 100%; height: 10em; }

.x1{ width: 1% !important; } .x2{ width: 2% !important; } .x3{ width: 3% !important; } 
.x4{ width: 4% !important; } .x5{ width: 5% !important; } .x6{ width: 6% !important; } 
.x7{ width: 7% !important; } .x8{ width: 8% !important; } .x9{ width: 9% !important; } 
.x10{ width: 10% !important; } .x11{ width: 11% !important; } .x12{ width: 12% !important; } 
.x13{ width: 13% !important; } .x14{ width: 14% !important; } .x15{ width: 15% !important; } 
.x16{ width: 16% !important; } .x17{ width: 17% !important; } .x18{ width: 18% !important; } 
.x19{ width: 19% !important; } .x20{ width: 20% !important; } .x25{ width: 25% !important; } 
.x30{ width: 30% !important; } .x35{ width: 35% !important; } .x40{ width: 40% !important; } 
.x45{ width: 45% !important; } .x50{ width: 50% !important; } .x55{ width: 55% !important; } 
.x60{ width: 60% !important; } .x65{ width: 65% !important; } .x70{ width: 70% !important; } 
.x75{ width: 75% !important; } .x80{ width: 80% !important; } .x85{ width: 85% !important; } 
.x90{ width: 90% !important; } .x95{ width: 95% !important; } .x100{ width: 100% !important; }
.y1{ height: 1% !important; } .y2{ height: 2% !important; } .y3{ height: 3% !important; } 
.y4{ height: 4% !important; } .y5{ height: 5% !important; } .y6{ height: 6% !important; } 
.y7{ height: 7% !important; } .y8{ height: 8% !important; } .y9{ height: 9% !important; } 
.y10{ height: 10% !important; } .y11{ height: 11% !important; } .y12{ height: 12% !important; } 
.y13{ height: 13% !important; } .y14{ height: 14% !important; } .y15{ height: 15% !important; } 
.y16{ height: 16% !important; } .y17{ height: 17% !important; } .y18{ height: 18% !important; } 
.y19{ height: 19% !important; } .y20{ height: 20% !important; } .y25{ height: 25% !important; } 
.y30{ height: 30% !important; } .y35{ height: 35% !important; } .y40{ height: 40% !important; } 
.y45{ height: 45% !important; } .y50{ height: 50% !important; } .y55{ height: 55% !important; } 
.y60{ height: 60% !important; } .y65{ height: 65% !important; } .y70{ height: 70% !important; } 
.y75{ height: 75% !important; } .y80{ height: 80% !important; } .y85{ height: 85% !important; } 
.y90{ height: 90% !important; } .y95{ height: 95% !important; } .y100{ height: 100% !important; }

.x1em{ width: 1em !important; } .x2em{ width: 2em !important; } .x3em{ width: 3em !important; } 
.x4em{ width: 4em !important; } .x5em{ width: 5em !important; } .x6em{ width: 6em !important; } 
.x7em{ width: 7em !important; } .x8em{ width: 8em !important; } .x9em{ width: 9em !important; } 
.x10em{ width: 10em !important; } .x11em{ width: 11em !important; } .x12em{ width: 12em !important; } 
.x13em{ width: 13em !important; } .x14em{ width: 14em !important; } .x15em{ width: 15em !important; } 
.x16em{ width: 16em !important; } .x17em{ width: 17em !important; } .x18em{ width: 18em !important; } 
.x19em{ width: 19em !important; } .x20em{ width: 20em !important; } .x25em{ width: 25em !important; } 
.x30em{ width: 30em !important; } .x35em{ width: 35em !important; } .x40em{ width: 40em !important; } 
.x45em{ width: 45em !important; } .x50em{ width: 50em !important; } .x55em{ width: 55em !important; } 
.x60em{ width: 60em !important; } .x65em{ width: 65em !important; } .x70em{ width: 70em !important; } 
.x75em{ width: 75em !important; } .x80em{ width: 80em !important; } .x85em{ width: 85em !important; } 
.x90em{ width: 90em !important; } .x95em{ width: 95em !important; } .x100em{ width: 100em !important; }
.y1em{ height: 1em !important; } .y2em{ height: 2em !important; } .y3em{ height: 3em !important; } 
.y4{ height: 4em !important; } .y5{ height: 5em !important; } .y6{ height: 6em !important; } 
.y7{ height: 7em !important; } .y8{ height: 8em !important; } .y9{ height: 9em !important; } 
.y10{ height: 10em !important; } .y11em{ height: 11em !important; } .y12em{ height: 12em !important; } 
.y13em{ height: 13em !important; } .y14em{ height: 14em !important; } .y15em{ height: 15em !important; } 
.y16em{ height: 16em !important; } .y17em{ height: 17em !important; } .y18em{ height: 18em !important; } 
.y19em{ height: 19em !important; } .y20em{ height: 20em !important; } .y25em{ height: 25em !important; } 
.y30em{ height: 30em !important; } .y35em{ height: 35em !important; } .y40em{ height: 40em !important; } 
.y45em{ height: 45em !important; } .y50em{ height: 50em !important; } .y55em{ height: 55em !important; } 
.y60em{ height: 60em !important; } .y65em{ height: 65em !important; } .y70em{ height: 70em !important; } 
.y75em{ height: 75em !important; } .y80em{ height: 80em !important; } .y85em{ height: 85em !important; } 
.y90em{ height: 90em !important; } .y95em{ height: 95em !important; } .y100em{ height: 100em !important; }

.rfloat{ float: right !important; } 
.lfloat{ float: left !important; } 
.mauto{ margin: auto !important; }
.table{ display: table !important; }
.tfixed{ table-layout: fixed !important; }
.cell{ display: table-cell !important; }
.vtop{ vertical-align: top !important; }
.vcenter,.vmiddle{ vertical-align: middle !important; }
.vbottom{ vertical-align: bottom !important; }
.hleft{ text-align: left !important; }
.hcenter{ text-align: center !important; margin: auto !important; }
.hright{ text-align: right; }
.hjustify{ text-align: justify; }
.vhcenter,.hvcenter{ vertical-align: middle !important; text-align: center !important; }
.mauto{ margin: auto !important; }
.ohidden{ overflow: hidden !important; }
.oauto{ overflow: auto !important; }
.oxauto{ overflow-x: auto !important; overflow-y: hidden !important; }
.oyauto{ overflow-y: auto !important; overflow-x: hidden !important; }
.tellipsis{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nowrap{ white-space: nowrap; }
.inline{ display: inline !important; }
.inblock{ display: inline-block !important; }
.grab{ cursor: grab !important; cursor: -webkit-grab !important; }
.grabbing{ cursor: grabbing !important; cursor: -webkit-grabbing !important; }

.top{ vertical-align: top !important; } .middle{ vertical-align: middle !important; } 
.bottom{ vertical-align: bottom !important; } .left{ text-align: left !important; }  
.center{ text-align: center !important; } .center>*{ margin: auto !important; }
.right{ text-align: right !important; } .justify{ text-align: justify !important; } 
.tleft{ vertical-align: top !important; text-align: left !important; } 
.tcenter{ vertical-align: top !important; text-align: center !important; } .tcenter>*{ margin: auto !important; } 
.tright{ vertical-align: top !important; text-align: right !important; } 
.mleft{ vertical-align: middle !important; text-align: left !important; } 
.mcenter{ vertical-align: middle !important; text-align: center !important; } .mcenter>*{ margin: auto !important; } 
.mright{ vertical-align: middle !important; text-align: right !important; } 
.bleft{ vertical-align: bottom !important; text-align: left !important; } 
.bcenter{ vertical-align: bottom !important; text-align: center !important; } .bcenter>*{ margin: auto !important; } 
.bright{ vertical-align: bottom !important; text-align: right !important; }
.contain{ background-repeat: no-repeat !important; background-position: center center !important; background-size: contain !important; }
.cover{ background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; }
.fixed{ background-attachment: fixed !important; }
.w100{ width: 100% !important; } .w80{ width: 80% !important; } .w75{ width: 75% !important; }
.w66{ width: 66.66% !important; } .w60{ width: 60% !important; } .w50{ width: 50% !important; } 
.w40{ width: 40% !important; } .w33{ width: 33.33% !important; } .w25{ width: 25% !important; } 
.w20{ width: 20% !important; } 
.vw100{ width: 100vw !important; } .vw80{ width: 80vw !important; } .vw75{ width: 75vw !important; }
.vw66{ width: 66.66vw !important; } .vw60{ width: 60vw !important; } .vw50{ width: 50vw !important; } 
.vw40{ width: 40vw !important; } .vw33{ width: 33.33vw !important; } .vw25{ width: 25vw !important; } 
.vw20{ width: 20vw !important; } 
.h100{ height: 100% !important; }
.vh100{ height: 100vh !important; } .vh80{ height: 80vh !important; } .vh75{ height: 75vh !important; }
.vh66{ height: 66.66vh !important; } .vh60{ height: 60vh !important; } .vh50{ height: 50vh !important; } 
.vh40{ height: 40vh !important; } .vh33{ height: 33.33vh !important; } .vh25{ height: 25vh !important; }
.vh20{ height: 20vh !important; } 
.h0em25{ height: .25em !important; } .h0em5{ height: .5em !important; } .h0em75{ height: .75em !important; }
.h1em25{ height: 1.25em !important; } .h1em5{ height: 1.5em !important; } .h1em75{ height: 1.75em !important; }
.h1em{ height: 1em !important; } .h2em{ height: 2em !important; } .h3em{ height: 3em !important; }
.h4em{ height: 4em !important; } .h5em{ height: 5em !important; } .h6em{ height: 6em !important; }
.h7em{ height: 7em !important; } .h8em{ height: 8em !important; } .h9em{ height: 9em !important; }
.h10em{ height: 10em !important; } .h11em{ height: 11em !important; } .h12em{ height: 12em !important; }
.h13em{ height: 13em !important; } .h14em{ height: 14em !important; } .h15em{ height: 15em !important; }
.h20em{ height: 20em !important; } .h25em{ height: 25em !important; } .h30em{ height: 30em !important; }
.h35em{ height: 35em !important; } .h40em{ height: 40em !important; } .h45em{ height: 45em !important; }
.h50em{ height: 50em !important; } .h55em{ height: 55em !important; } .h60em{ height: 60em !important; }
.w1em{ width: 1em !important; } .w2em{ width: 2em !important; } .w3em{ width: 3em !important; }
.w4em{ width: 4em !important; } .w5em{ width: 5em !important; } .w6em{ width: 6em !important; }
.w7em{ width: 7em !important; } .w8em{ width: 8em !important; } .w9em{ width: 9em !important; }
.w10em{ width: 10em !important; } .w11em{ width: 11em !important; } .w12em{ width: 12em !important; }
.w13em{ width: 13em !important; } .w14em{ width: 14em !important; } .w15em{ width: 15em !important; }
.w20em{ width: 20em !important; } .w25em{ width: 25em !important; } .w30em{ width: 30em !important; }
.w35em{ width: 35em !important; } .w40em{ width: 40em !important; } .w45em{ width: 45em !important; }
.w50em{ width: 50em !important; } .w55em{ width: 55em !important; } .w60em{ width: 60em !important; }
.hw1em{ height: 1em !important; width: 1em !important; } .hw2em{ height: 2em !important; width: 2em !important; } 
.hw3em{ height: 3em !important; width: 3em !important; } .hw4em{ height: 4em !important; width: 4em !important; } 
.hw5em{ height: 5em !important; width: 5em !important; } .hw6em{ height: 6em !important; width: 6em !important; }
.hw7em{ height: 7em !important; width: 7em !important; } .hw8em{ height: 8em !important; width: 8em !important; } 
.hw9em{ height: 9em !important; width: 9em !important; } .hw10em{ height: 10em !important; width: 10em !important; } 
.hw11em{ height: 11em !important; width: 11em !important; } .hw12em{ height: 12em !important; width: 12em !important; }
.hw13em{ height: 13em !important; width: 13em !important; } .hw14em{ height: 14em !important; width: 14em !important; } 
.hw15em{ height: 15em !important; width: 15em !important; } .hw20em{ height: 20em !important; width: 20em !important; } 
.hw25em{ height: 25em !important; width: 25em !important; } .hw30em{ height: 30em !important; width: 30em !important; }
.hw35em{ height: 35em !important; width: 35em !important; } .hw40em{ height: 40em !important; width: 40em !important; } 
.hw45em{ height: 45em !important; width: 45em !important; } .hw50em{ height: 50em !important; width: 50em !important; } 
.hw55em{ height: 55em !important; width: 55em !important; } .hw60em{ height: 60em !important; width: 60em !important; }

/* === Widgets layers (minimals) === */

.mi-editor-view>*{ margin-bottom: 16pt; }
.mi-editor-view>*:last-child{ margin-bottom: 0; }
.mi-editor-view br{ display: block; content: ""; height: 4pt; }

.blackout{ padding: 2em; }
.blackout>*{ margin-bottom: 16pt; }
.blackout>*:last-child{ margin-bottom: 0; }

.whiteout{ padding: 2em; }
.whiteout>*{ margin-bottom: 16pt; }
.whiteout>*:last-child{ margin-bottom: 0; }

.split{ display: table; table-layout: fixed; margin: auto; }
.split>*{ display: table-cell; padding: 0em 1em; }
.split>*:first-child{ padding-left: 0em; }
.split>*:last-child{ padding-right: 0em; }
.split>*>*{ text-align: justify; margin-bottom: 16pt; }
.split>*>*:last-child{ text-align: justify; margin-bottom: 0; }

@media (max-width: 1100px){
	.split{ display: block; }
	.split>*{ display: block; }
}

.dotlist{ padding-left: 1.125em; text-align: left; }
.dotlist>*{ display: list-item; margin-bottom: 8pt; }
.dotlist>*:last-child{ margin-bottom: 0em; }
.dotlist>*>*{ margin-bottom: 4pt; }
.dotlist>*>*:last-child{ margin-bottom: 0; }
.disclist{ list-style-type: disc; }
.squarelist{ list-style-type: square; }
.circlelist{ list-style-type: circle; }
.icolist>*{ padding-left: 1.75em; margin-bottom: 8pt; line-height: 1.25em; }
.icolist>*:last-child{ margin-bottom: 0; }
.icolist>*>*{ margin-bottom: 4pt; }
.icolist>*>*:last-child{ margin-bottom: 0; }
.icolist>*{ background: url(/core/img/media/image.png) no-repeat left center / 1.25em 1.25em; }
.checklist>*{ background-image:  url(/core/img/message/success.png); }

.ilist{ width: 100%; }
.ilist-row{ display: table; width: 100%; margin-bottom: 8pt; }
.ilist-row:last-child{ margin-bottom: 0; }
.ilist-row>*{ display: table-cell; vertical-align: middle; }
.ilist-row>*:first-child{ padding-right: .75em; }
.ilist-row>*:last-child{ width: 100%; }
.ilist-row>*:first-child>img{ height: 2em; display: block; }
.ilist-row>*>*{ margin-bottom: 4pt; }
.ilist-row>*>*:last-child{ margin-bottom: 0; }

/* deprecated (use ilist) >>> */
.item-row{ display: table; width: 100%; margin-bottom: .5em; }
.item-row:last-child{ margin-bottom: 0em; }
.item-row>*{ display: table-cell; vertical-align: middle; }
.item-row>*:first-child{ width: 0%; padding-right: .5em; }
.item-row>*:last-child{ width: 100%; }
.item-icon>img{ width: 2em; }
.item-image>img{ width: 2em; }
/* <<< */

.table{ width: 100%; }
.tcell{ padding: .5em .75em; border: 1px solid #dcdcdc; }
.hcell{ text-align: center; background: #ececec; }
.bcell{ text-align: center; }

.title>*{ display: block; }
.title>*:last-child{ font-weight: normal; font-size: 1em; }

.notice{ padding: 1em 1em 1em 4em; background: #ececec; }
.notice{ background-repeat: no-repeat; background-position: 1em center; background-size: 2em 2em; }
.notice.success{ background-color: #eeffee; color: #060; background-image: url(/core/img/message/success.png); }
.notice.error{ background-color: #fff3f3; color: #900; background-image: url(/core/img/message/error.png); }
.notice.information{ background-color: #f6f6ff; color: #008; background-image: url(/core/img/message/information.png); }
.notice.warning{ background-color: #ffffee; color: #770; background-image: url(/core/img/message/warning.png); }
.notice.question{ background-color: #f6f6ff; color: #008; background-image: url(/core/img/message/question.png); }

.image{ width: 100%; text-align: center; margin-left: auto; margin-right: auto; }
.image>img{ margin: auto; height: 100%; }

.link{ display: flex; align-items: center; text-decoration: none; padding: .5em .75em; }
.link{ cursor: pointer; color: #000; outline: 1px solid #dcdcdc; }
.link:focus{ text-decoration: none; outline: 1px dashed #000; }
.link>*{ width: auto; flex-grow: 1; }
.hlink{ flex-direction: row; }
.hlink>*{ margin-right: .5em; }
.hlink>*:last-child{ margin-right: 0em; }
.vlink{ flex-direction: column; }
.vlink>*{ margin-bottom: .5em; }
.vlink>*:last-child{ margin-bottom: 0em; }

/* === Fields (minimals) === */

a{ text-decoration: none; color: #000; }
a:active{ text-decoration: underline; }
a:focus{ text-decoration: underline; }

button, .button{ position: relative; text-align: center; height: 2.25em; padding: .5em 1em .5em 1em; }
button, .button{ white-space: nowrap; text-decoration: none; cursor: pointer; text-decoration: none; }
button, .button{ display: inline-flex; align-items: center; justify-content: center; }
button, .button{ border-radius: 0px; border: 1px solid #dcdcdc; color: #555; outline: none; background-color: #ececec; }
button:before, .button:before{ background-repeat: no-repeat; background-position: center; background-size: contain; }
button:after, .button:after{ background-repeat: no-repeat; background-position: center; background-size: contain; }
button[disabled], .button[disabled]{ background: none; color: #aaa; border: 1px solid #dcdcdc; }
button[disabled]:before, .button[disabled]:before{ filter: grayscale(1); opacity: .375; }
button[disabled]:after, .button[disabled]:after{ filter: grayscale(1); opacity: .375; }

@media (max-width: 1100px){
	button, .button{ padding: .5em; }
}

.input, input, select, textarea{ border: 1px solid #dcdcdc; outline: none; color: #222; background: #fff; padding: .5em; }
.input, input, select, textarea{ font-family: mirage, sans-serif; resize: none; height: 2.25em; }
input[type="checkbox"], input[type="radio"]{ border: none; background: none; padding: 0; height: auto; }
input[type="color"]{ padding: 0; }
input[disabled], select[disabled], textarea[disabled]{ background: #ececec; }