@charset "utf-8";

* {
    position: relative;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border-collapse: collapse;
}
html {
    font-size: 62.5%;
}
body.freeze {
    overflow: hidden;
}
script {
    display: none !important;
}
strong {
    font-weight: bold !important;
}
main, article, section, header, footer, ul, ol, label, input, button {
    display: block;
}
ul, ol {
    list-style: none;
}
p + aside + p {
    margin-top: 1.6em;
}
p {
    margin-bottom: 1.6em;
}
* > p:last-child {
    margin-bottom: 0;
}
h1, h2, h3, h4, h5, h6 {
    display: block;
}
h1 {
    font-size: 3.2em;
    line-height: 1.25em;
}
h1 + p {
    font-size: 1.6em;
    line-height: 1.25em;
}
h2 {
    font-size: 2.5em;
    line-height: 1.6em;
}
h2 + p {
    font-size: 1.25em;
    line-height: 1.6em;
}
header + p {
    margin-top: 1.6em;
}
h3 {
    margin-top: 2.5em;
    margin-bottom: 1.25em;
    font-size: 1.6em;
    line-height: 1.25em;
}
aside + h3 {
    margin-top: 1.25em;
}
h4 {
    font-size: 1.25em;
    line-height: 1.6em;
}
section > p, aside > div > p {
    font-size: 1.25em;
    line-height: 1.6em;
}
label, button, a {
    cursor: pointer !important;
}
button {
    font-family: inherit;
}
button, a {
    -webkit-transition: top 300ms ease, left 300ms ease, right 300ms ease, bottom 300ms ease, width 300ms ease, height 300ms ease, color 300ms ease, border 300ms ease, background 300ms ease, box-shadow 300ms ease, line-height 300ms ease, opacity 300ms ease;
    transition: top 300ms ease, left 300ms ease, right 300ms ease, bottom 300ms ease, width 300ms ease, height 300ms ease, color 300ms ease, border 300ms ease, background 300ms ease, box-shadow 300ms ease, line-height 300ms ease, opacity 300ms ease;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
a {
    border: 0;
}
a[id] {
    top: -5em;
}
table {
    border-collapse: collapse;
}
pre {
    padding: 1em;
    color: #0F4;
    background: #000;
}
img {
    margin-bottom: -.2em;
}

/*******
 * STD *
 *******/
.ui-none {
    display: none !important;
}
.ui-inline {
    display: inline-block !important;
    vertical-align: top;
}
.ui-scroll {
    overflow-y: scroll;
}
pre.ui-scroll {
    font-size: 1.25em;
}
.ui-no-padding {
    padding: 0 !important;
}
.ui-padding {
    padding: 1em !important;
}
.ui-padding-half {
    padding: .5em !important;
}
a.ui-padlock:before {
    content: ' ';
    padding-right: .9em;
    margin-right: .2em;
    background: url("/media/icon/padlock-32-grey.png") center right no-repeat;
    background-size: 1em auto !important;
}
a.ui-padlock:hover:before {
    background: url("/media/icon/padlock-32-green.png") center right no-repeat;
}

/********
 * TEXT *
 ********/
*[class*="ui-text-"] {
    display: block;
}
.ui-text-xxl {
    font-size: 2.5em;
    line-height: 1.6em;
}
.ui-text-xl {
    font-size: 2em;
    line-height: 2em;
}
.ui-text-l {
    font-size: 1.6em;
    line-height: 1.25em;
}
.ui-text-m {
    font-size: 1.25em;
    line-height: 1.6em;
}

/*******
 * POS *
 *******/
.ui-pos-center {
    margin-left: auto !important;
    margin-right: auto !important;
}
.ui-text-center {
    text-align: center !important;
}

/*********
 * FLOAT *
 *********/
.ui-float-left, .ui-float-right {
    display: inline-block !important;
    vertical-align: top;
}
.ui-float-left {
    float: left !important;
}
.ui-float-right {
    float: right !important;
}
.ui-float-clear {
    clear: both !important;
}