/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, footer, header, nav, section {
    display: block
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

figcaption, figure {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

main {
    display: block
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

    a:active, a:hover {
        outline-width: 0
    }

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: inherit
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

audio, video {
    display: inline-block
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button
}

    button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText
    }

input {
    overflow: visible
}

[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

    [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

details {
    display: block
}

summary {
    display: list-item
}

menu {
    display: block
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

.foundation-mq {
    font-family: "small=0em&medium=40em&large=48.0625em&xlarge=64em&xxlarge=80em"
}

html {
    box-sizing: border-box;
    font-size: 100%
}

*, *::before, *::after {
    box-sizing: inherit
}

body {
    margin: 0;
    padding: 0;
    background: #fff;
    font-family: "Work Sans",sans-serif;
    font-weight: normal;
    line-height: 1.5;
    color: #1e1e1e;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}

textarea {
    height: auto;
    min-height: 50px;
    border-radius: 0
}

select {
    box-sizing: border-box;
    width: 100%;
    border-radius: 0
}

.map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object {
    max-width: none !important
}

button {
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    background: transparent;
    line-height: 1
}

[data-whatinput='mouse'] button {
    outline: 0
}

pre {
    overflow: auto
}

.is-visible {
    display: block !important
}

.is-hidden {
    display: none !important
}

.row {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto
}

    .row::before, .row::after {
        display: table;
        content: ' '
    }

    .row::after {
        clear: both
    }

    .row.collapse > .column, .row.collapse > .columns {
        padding-right: 0;
        padding-left: 0
    }

    .row .row {
        margin-right: -.625rem;
        margin-left: -.625rem
    }

@media print, screen and (min-width: 40em) {
    .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

@media print, screen and (min-width: 48.0625em) {
    .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

.row .row.collapse {
    margin-right: 0;
    margin-left: 0
}

.row.expanded {
    max-width: none
}

    .row.expanded .row {
        margin-right: auto;
        margin-left: auto
    }

.row:not(.expanded) .row {
    max-width: none
}

.row.gutter-small > .column, .row.gutter-small > .columns {
    padding-right: .625rem;
    padding-left: .625rem
}

.row.gutter-medium > .column, .row.gutter-medium > .columns {
    padding-right: .9375rem;
    padding-left: .9375rem
}

.column, .columns {
    width: 100%;
    float: left;
    padding-right: .625rem;
    padding-left: .625rem
}

@media print, screen and (min-width: 40em) {
    .column, .columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: right
}

.column.end:last-child:last-child, .end.columns:last-child:last-child {
    float: left
}

.column.row.row, .row.row.columns {
    float: none
}

.row .column.row.row, .row .row.row.columns {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0
}

.small-1 {
    width: 8.33333%
}

.small-push-1 {
    position: relative;
    left: 8.33333%
}

.small-pull-1 {
    position: relative;
    left: -8.33333%
}

.small-offset-0 {
    margin-left: 0%
}

.small-2 {
    width: 16.66667%
}

.small-push-2 {
    position: relative;
    left: 16.66667%
}

.small-pull-2 {
    position: relative;
    left: -16.66667%
}

.small-offset-1 {
    margin-left: 8.33333%
}

.small-3 {
    width: 25%
}

.small-push-3 {
    position: relative;
    left: 25%
}

.small-pull-3 {
    position: relative;
    left: -25%
}

.small-offset-2 {
    margin-left: 16.66667%
}

.small-4 {
    width: 33.33333%
}

.small-push-4 {
    position: relative;
    left: 33.33333%
}

.small-pull-4 {
    position: relative;
    left: -33.33333%
}

.small-offset-3 {
    margin-left: 25%
}

.small-5 {
    width: 41.66667%
}

.small-push-5 {
    position: relative;
    left: 41.66667%
}

.small-pull-5 {
    position: relative;
    left: -41.66667%
}

.small-offset-4 {
    margin-left: 33.33333%
}

.small-6 {
    width: 50%
}

.small-push-6 {
    position: relative;
    left: 50%
}

.small-pull-6 {
    position: relative;
    left: -50%
}

.small-offset-5 {
    margin-left: 41.66667%
}

.small-7 {
    width: 58.33333%
}

.small-push-7 {
    position: relative;
    left: 58.33333%
}

.small-pull-7 {
    position: relative;
    left: -58.33333%
}

.small-offset-6 {
    margin-left: 50%
}

.small-8 {
    width: 66.66667%
}

.small-push-8 {
    position: relative;
    left: 66.66667%
}

.small-pull-8 {
    position: relative;
    left: -66.66667%
}

.small-offset-7 {
    margin-left: 58.33333%
}

.small-9 {
    width: 75%
}

.small-push-9 {
    position: relative;
    left: 75%
}

.small-pull-9 {
    position: relative;
    left: -75%
}

.small-offset-8 {
    margin-left: 66.66667%
}

.small-10 {
    width: 83.33333%
}

.small-push-10 {
    position: relative;
    left: 83.33333%
}

.small-pull-10 {
    position: relative;
    left: -83.33333%
}

.small-offset-9 {
    margin-left: 75%
}

.small-11 {
    width: 91.66667%
}

.small-push-11 {
    position: relative;
    left: 91.66667%
}

.small-pull-11 {
    position: relative;
    left: -91.66667%
}

.small-offset-10 {
    margin-left: 83.33333%
}

.small-12 {
    width: 100%
}

.small-offset-11 {
    margin-left: 91.66667%
}

.small-up-1 > .column, .small-up-1 > .columns {
    float: left;
    width: 100%
}

    .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
        clear: none
    }

    .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
        clear: both
    }

    .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
        float: left
    }

.small-up-2 > .column, .small-up-2 > .columns {
    float: left;
    width: 50%
}

    .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
        clear: none
    }

    .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
        clear: both
    }

    .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
        float: left
    }

.small-up-3 > .column, .small-up-3 > .columns {
    float: left;
    width: 33.33333%
}

    .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
        clear: none
    }

    .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
        clear: both
    }

    .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
        float: left
    }

.small-up-4 > .column, .small-up-4 > .columns {
    float: left;
    width: 25%
}

    .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
        clear: none
    }

    .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
        clear: both
    }

    .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
        float: left
    }

.small-up-5 > .column, .small-up-5 > .columns {
    float: left;
    width: 20%
}

    .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
        clear: none
    }

    .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
        clear: both
    }

    .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
        float: left
    }

.small-up-6 > .column, .small-up-6 > .columns {
    float: left;
    width: 16.66667%
}

    .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
        clear: none
    }

    .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
        clear: both
    }

    .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
        float: left
    }

.small-up-7 > .column, .small-up-7 > .columns {
    float: left;
    width: 14.28571%
}

    .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
        clear: none
    }

    .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
        clear: both
    }

    .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
        float: left
    }

.small-up-8 > .column, .small-up-8 > .columns {
    float: left;
    4width: 12.5%
}

    .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
        clear: none
    }

    .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
        clear: both
    }

    .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
        float: left
    }

.small-collapse > .column, .small-collapse > .columns {
    padding-right: 0;
    padding-left: 0
}

.small-collapse .row {
    margin-right: 0;
    margin-left: 0
}

.expanded.row .small-collapse.row {
    margin-right: 0;
    margin-left: 0
}

.small-uncollapse > .column, .small-uncollapse > .columns {
    padding-right: .625rem;
    padding-left: .625rem
}

.small-centered {
    margin-right: auto;
    margin-left: auto
}

    .small-centered, .small-centered:last-child:not(:first-child) {
        float: none;
        clear: both
    }

.small-uncentered, .small-push-0, .small-pull-0 {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0
}

@media print, screen and (min-width: 40em) {
    .medium-1 {
        width: 8.33333%
    }

    .medium-push-1 {
        position: relative;
        left: 8.33333%
    }

    .medium-pull-1 {
        position: relative;
        left: -8.33333%
    }

    .medium-offset-0 {
        margin-left: 0%
    }

    .medium-2 {
        width: 16.66667%
    }

    .medium-push-2 {
        position: relative;
        left: 16.66667%
    }

    .medium-pull-2 {
        position: relative;
        left: -16.66667%
    }

    .medium-offset-1 {
        margin-left: 8.33333%
    }

    .medium-3 {
        width: 25%
    }

    .medium-push-3 {
        position: relative;
        left: 25%
    }

    .medium-pull-3 {
        position: relative;
        left: -25%
    }

    .medium-offset-2 {
        margin-left: 16.66667%
    }

    .medium-4 {
        width: 33.33333%
    }

    .medium-push-4 {
        position: relative;
        left: 33.33333%
    }

    .medium-pull-4 {
        position: relative;
        left: -33.33333%
    }

    .medium-offset-3 {
        margin-left: 25%
    }

    .medium-5 {
        width: 41.66667%
    }

    .medium-push-5 {
        position: relative;
        left: 41.66667%
    }

    .medium-pull-5 {
        position: relative;
        left: -41.66667%
    }

    .medium-offset-4 {
        margin-left: 33.33333%
    }

    .medium-6 {
        width: 50%
    }

    .medium-push-6 {
        position: relative;
        left: 50%
    }

    .medium-pull-6 {
        position: relative;
        left: -50%
    }

    .medium-offset-5 {
        margin-left: 41.66667%
    }

    .medium-7 {
        width: 58.33333%
    }

    .medium-push-7 {
        position: relative;
        left: 58.33333%
    }

    .medium-pull-7 {
        position: relative;
        left: -58.33333%
    }

    .medium-offset-6 {
        margin-left: 50%
    }

    .medium-8 {
        width: 66.66667%
    }

    .medium-push-8 {
        position: relative;
        left: 66.66667%
    }

    .medium-pull-8 {
        position: relative;
        left: -66.66667%
    }

    .medium-offset-7 {
        margin-left: 58.33333%
    }

    .medium-9 {
        width: 75%
    }

    .medium-push-9 {
        position: relative;
        left: 75%
    }

    .medium-pull-9 {
        position: relative;
        left: -75%
    }

    .medium-offset-8 {
        margin-left: 66.66667%
    }

    .medium-10 {
        width: 83.33333%
    }

    .medium-push-10 {
        position: relative;
        left: 83.33333%
    }

    .medium-pull-10 {
        position: relative;
        left: -83.33333%
    }

    .medium-offset-9 {
        margin-left: 75%
    }

    .medium-11 {
        width: 91.66667%
    }

    .medium-push-11 {
        position: relative;
        left: 91.66667%
    }

    .medium-pull-11 {
        position: relative;
        left: -91.66667%
    }

    .medium-offset-10 {
        margin-left: 83.33333%
    }

    .medium-12 {
        width: 100%
    }

    .medium-offset-11 {
        margin-left: 91.66667%
    }

    .medium-up-1 > .column, .medium-up-1 > .columns {
        float: left;
        width: 100%
    }

        .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
            clear: none
        }

        .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
            clear: both
        }

        .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
            float: left
        }

    .medium-up-2 > .column, .medium-up-2 > .columns {
        float: left;
        width: 50%
    }

        .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
            clear: none
        }

        .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
            clear: both
        }

        .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
            float: left
        }

    .medium-up-3 > .column, .medium-up-3 > .columns {
        float: left;
        width: 33.33333%
    }

        .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
            clear: none
        }

        .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
            clear: both
        }

        .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
            float: left
        }

    .medium-up-4 > .column, .medium-up-4 > .columns {
        float: left;
        width: 25%
    }

        .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
            clear: none
        }

        .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
            clear: both
        }

        .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
            float: left
        }

    .medium-up-5 > .column, .medium-up-5 > .columns {
        float: left;
        width: 20%
    }

        .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
            clear: none
        }

        .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
            clear: both
        }

        .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
            float: left
        }

    .medium-up-6 > .column, .medium-up-6 > .columns {
        float: left;
        width: 16.66667%
    }

        .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
            clear: none
        }

        .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
            clear: both
        }

        .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
            float: left
        }

    .medium-up-7 > .column, .medium-up-7 > .columns {
        float: left;
        width: 14.28571%
    }

        .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
            clear: none
        }

        .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
            clear: both
        }

        .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
            float: left
        }

    .medium-up-8 > .column, .medium-up-8 > .columns {
        float: left;
        width: 12.5%
    }

        .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
            clear: none
        }

        .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
            clear: both
        }

        .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
            float: left
        }

    .medium-collapse > .column, .medium-collapse > .columns {
        padding-right: 0;
        padding-left: 0
    }

    .medium-collapse .row {
        margin-right: 0;
        margin-left: 0
    }

    .expanded.row .medium-collapse.row {
        margin-right: 0;
        margin-left: 0
    }

    .medium-uncollapse > .column, .medium-uncollapse > .columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }

    .medium-centered {
        margin-right: auto;
        margin-left: auto
    }

        .medium-centered, .medium-centered:last-child:not(:first-child) {
            float: none;
            clear: both
        }

    .medium-uncentered, .medium-push-0, .medium-pull-0 {
        position: static;
        float: left;
        margin-right: 0;
        margin-left: 0
    }
}

@media print, screen and (min-width: 48.0625em) {
    .large-1 {
        width: 8.33333%
    }

    .large-push-1 {
        position: relative;
        left: 8.33333%
    }

    .large-pull-1 {
        position: relative;
        left: -8.33333%
    }

    .large-offset-0 {
        margin-left: 0%
    }

    .large-2 {
        width: 16.66667%
    }

    .large-push-2 {
        position: relative;
        left: 16.66667%
    }

    .large-pull-2 {
        position: relative;
        left: -16.66667%
    }

    .large-offset-1 {
        margin-left: 8.33333%
    }

    .large-3 {
        width: 25%
    }

    .large-push-3 {
        position: relative;
        left: 25%
    }

    .large-pull-3 {
        position: relative;
        left: -25%
    }

    .large-offset-2 {
        margin-left: 16.66667%
    }

    .large-4 {
        width: 33.33333%
    }

    .large-push-4 {
        position: relative;
        left: 33.33333%
    }

    .large-pull-4 {
        position: relative;
        left: -33.33333%
    }

    .large-offset-3 {
        margin-left: 25%
    }

    .large-5 {
        width: 41.66667%
    }

    .large-push-5 {
        position: relative;
        left: 41.66667%
    }

    .large-pull-5 {
        position: relative;
        left: -41.66667%
    }

    .large-offset-4 {
        margin-left: 33.33333%
    }

    .large-6 {
        width: 50%
    }

    .large-push-6 {
        position: relative;
        left: 50%
    }

    .large-pull-6 {
        position: relative;
        left: -50%
    }

    .large-offset-5 {
        margin-left: 41.66667%
    }

    .large-7 {
        width: 58.33333%
    }

    .large-push-7 {
        position: relative;
        left: 58.33333%
    }

    .large-pull-7 {
        position: relative;
        left: -58.33333%
    }

    .large-offset-6 {
        margin-left: 50%
    }

    .large-8 {
        width: 66.66667%
    }

    .large-push-8 {
        position: relative;
        left: 66.66667%
    }

    .large-pull-8 {
        position: relative;
        left: -66.66667%
    }

    .large-offset-7 {
        margin-left: 58.33333%
    }

    .large-9 {
        width: 75%
    }

    .large-push-9 {
        position: relative;
        left: 75%
    }

    .large-pull-9 {
        position: relative;
        left: -75%
    }

    .large-offset-8 {
        margin-left: 66.66667%
    }

    .large-10 {
        width: 83.33333%
    }

    .large-push-10 {
        position: relative;
        left: 83.33333%
    }

    .large-pull-10 {
        position: relative;
        left: -83.33333%
    }

    .large-offset-9 {
        margin-left: 75%
    }

    .large-11 {
        width: 91.66667%
    }

    .large-push-11 {
        position: relative;
        left: 91.66667%
    }

    .large-pull-11 {
        position: relative;
        left: -91.66667%
    }

    .large-offset-10 {
        margin-left: 83.33333%
    }

    .large-12 {
        width: 100%
    }

    .large-offset-11 {
        margin-left: 91.66667%
    }

    .large-up-1 > .column, .large-up-1 > .columns {
        float: left;
        width: 100%
    }

        .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
            clear: none
        }

        .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
            clear: both
        }

        .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
            float: left
        }

    .large-up-2 > .column, .large-up-2 > .columns {
        float: left;
        width: 50%
    }

        .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
            clear: none
        }

        .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
            clear: both
        }

        .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
            float: left
        }

    .large-up-3 > .column, .large-up-3 > .columns {
        float: left;
        width: 33.33333%
    }

        .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
            clear: none
        }

        .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
            clear: both
        }

        .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
            float: left
        }

    .large-up-4 > .column, .large-up-4 > .columns {
        float: left;
        width: 25%
    }

        .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
            clear: none
        }

        .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
            clear: both
        }

        .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
            float: left
        }

    .large-up-5 > .column, .large-up-5 > .columns {
        float: left;
        width: 20%
    }

        .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
            clear: none
        }

        .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
            clear: both
        }

        .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
            float: left
        }

    .large-up-6 > .column, .large-up-6 > .columns {
        float: left;
        width: 16.66667%
    }

        .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
            clear: none
        }

        .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
            clear: both
        }

        .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
            float: left
        }

    .large-up-7 > .column, .large-up-7 > .columns {
        float: left;
        width: 14.28571%
    }

        .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
            clear: none
        }

        .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
            clear: both
        }

        .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
            float: left
        }

    .large-up-8 > .column, .large-up-8 > .columns {
        float: left;
        width: 12.5%
    }

        .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
            clear: none
        }

        .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
            clear: both
        }

        .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
            float: left
        }

    .large-collapse > .column, .large-collapse > .columns {
        padding-right: 0;
        padding-left: 0
    }

    .large-collapse .row {
        margin-right: 0;
        margin-left: 0
    }

    .expanded.row .large-collapse.row {
        margin-right: 0;
        margin-left: 0
    }

    .large-uncollapse > .column, .large-uncollapse > .columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }

    .large-centered {
        margin-right: auto;
        margin-left: auto
    }

        .large-centered, .large-centered:last-child:not(:first-child) {
            float: none;
            clear: both
        }

    .large-uncentered, .large-push-0, .large-pull-0 {
        position: static;
        float: left;
        margin-right: 0;
        margin-left: 0
    }
}

.column-block {
    margin-bottom: 1.25rem
}

    .column-block > :last-child {
        margin-bottom: 0
    }

@media print, screen and (min-width: 40em) {
    .column-block {
        margin-bottom: 1.875rem
    }

        .column-block > :last-child {
            margin-bottom: 0
        }
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
    margin: 0;
    padding: 0
}

p {
    margin-bottom: 1rem;
    font-size: inherit;
    line-height: 1.6;
    text-rendering: optimizeLegibility
}

em, i {
    font-style: italic;
    line-height: inherit
}

strong, b {
    font-weight: bold;
    line-height: inherit
}

small {
    font-size: 80%;
    line-height: inherit
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Work Sans",sans-serif;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    text-rendering: optimizeLegibility
}

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
        line-height: 0;
        color: #cacaca
    }

h1 {
    font-size: 1.5rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h2 {
    font-size: 1.25rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h3 {
    font-size: 1.1875rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h4 {
    font-size: 1.125rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h5 {
    font-size: 1.0625rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h6 {
    font-size: 1rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

@media print, screen and (min-width: 40em) {
    h1 {
        font-size: 3rem
    }

    h2 {
        font-size: 2.5rem
    }

    h3 {
        font-size: 1.9375rem
    }

    h4 {
        font-size: 1.5625rem
    }

    h5 {
        font-size: 1.25rem
    }

    h6 {
        font-size: 1rem
    }
}

a {
    line-height: inherit;
    color: #1779ba;
    text-decoration: none;
    cursor: pointer
}

    a:hover, a:focus {
        color: #1468a0
    }

    a img {
        border: 0
    }

hr {
    clear: both;
    max-width: 75rem;
    height: 0;
    margin: 1.25rem auto;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #cacaca;
    border-left: 0
}

ul, ol, dl {
    margin-bottom: 1rem;
    list-style-position: outside;
    line-height: 1.6
}

li {
    font-size: inherit
}

ul {
    margin-left: 1.25rem;
    list-style-type: disc
}

ol {
    margin-left: 1.25rem
}

    ul ul, ol ul, ul ol, ol ol {
        margin-left: 1.25rem;
        margin-bottom: 0
    }

dl {
    margin-bottom: 1rem
}

    dl dt {
        margin-bottom: .3rem;
        font-weight: bold
    }

blockquote {
    margin: 0 0 1rem;
    padding: .5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #cacaca
}

    blockquote, blockquote p {
        line-height: 1.6;
        color: #8a8a8a
    }

cite {
    display: block;
    font-size: .8125rem;
    color: #8a8a8a
}

    cite:before {
        content: "— "
    }

abbr {
    border-bottom: 1px dotted #1e1e1e;
    color: #1e1e1e;
    cursor: help
}

figure {
    margin: 0
}

code {
    padding: .125rem .3125rem .0625rem;
    border: 1px solid #cacaca;
    background-color: #e6e6e6;
    font-family: "Work Sans",sans-serif;
    font-weight: normal;
    color: #1e1e1e
}

kbd {
    margin: 0;
    padding: .125rem .25rem 0;
    background-color: #e6e6e6;
    font-family: "Work Sans",sans-serif;
    color: #1e1e1e
}

.subheader {
    margin-top: .2rem;
    margin-bottom: .5rem;
    font-weight: normal;
    line-height: 1.4;
    color: #8a8a8a
}

.lead {
    font-size: 125%;
    line-height: 1.6
}

.stat {
    font-size: 2.5rem;
    line-height: 1
}

p + .stat {
    margin-top: -1rem
}

.no-bullet {
    margin-left: 0;
    list-style: none
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

@media print, screen and (min-width: 40em) {
    .medium-text-left {
        text-align: left
    }

    .medium-text-right {
        text-align: right
    }

    .medium-text-center {
        text-align: center
    }

    .medium-text-justify {
        text-align: justify
    }
}

@media print, screen and (min-width: 48.0625em) {
    .large-text-left {
        text-align: left
    }

    .large-text-right {
        text-align: right
    }

    .large-text-center {
        text-align: center
    }

    .large-text-justify {
        text-align: justify
    }
}

.show-for-print {
    display: none !important
}

@media print {
    * {
        background: transparent !important;
        box-shadow: none !important;
        color: black !important;
        text-shadow: none !important
    }

    .show-for-print {
        display: block !important
    }

    .hide-for-print {
        display: none !important
    }

    table.show-for-print {
        display: table !important
    }

    thead.show-for-print {
        display: table-header-group !important
    }

    tbody.show-for-print {
        display: table-row-group !important
    }

    tr.show-for-print {
        display: table-row !important
    }

    td.show-for-print {
        display: table-cell !important
    }

    th.show-for-print {
        display: table-cell !important
    }

    a, a:visited {
        text-decoration: underline
    }

        a[href]:after {
            content: " (" attr(href) ")"
        }

        .ir a:after, a[href^='javascript:']:after, a[href^='#']:after {
            content: ''
        }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    pre, blockquote {
        border: 1px solid #8a8a8a;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: 0.5cm
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }
}

.button {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    border: 1px solid transparent;
    border-radius: 0;
    transition: background-color 0.25s ease-out,color 0.25s ease-out;
    font-size: 0.9rem;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: transparent;
    color: #000
}

[data-whatinput='mouse'] .button {
    outline: 0
}

.button:hover, .button:focus {
    background-color: transparent;
    color: #000
}

.button.tiny {
    font-size: .6rem
}

.button.small {
    font-size: .75rem
}

.button.large {
    font-size: 1.25rem
}

.button.expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0
}

.button.primary {
    background-color: #1779ba;
    color: #000
}

    .button.primary:hover, .button.primary:focus {
        background-color: #1779ba;
        color: #000
    }

.button.secondary {
    background-color: #767676;
    color: #000
}

    .button.secondary:hover, .button.secondary:focus {
        background-color: #767676;
        color: #000
    }

.button.success {
    background-color: #3adb76;
    color: #000
}

    .button.success:hover, .button.success:focus {
        background-color: #3adb76;
        color: #000
    }

.button.warning {
    background-color: #ffae00;
    color: #000
}

    .button.warning:hover, .button.warning:focus {
        background-color: #ffae00;
        color: #000
    }

.button.alert {
    background-color: #cc4b37;
    color: #000
}

    .button.alert:hover, .button.alert:focus {
        background-color: #cc4b37;
        color: #000
    }

.button.hollow {
    border: 1px solid #1779ba;
    color: #1779ba
}

    .button.hollow, .button.hollow:hover, .button.hollow:focus {
        background-color: transparent
    }

        .button.hollow:hover, .button.hollow:focus {
            border-color: #1779ba;
            color: #1779ba
        }

        .button.hollow.primary {
            border: 1px solid #1779ba;
            color: #1779ba
        }

            .button.hollow.primary:hover, .button.hollow.primary:focus {
                border-color: #1779ba;
                color: #1779ba
            }

        .button.hollow.secondary {
            border: 1px solid #767676;
            color: #767676
        }

            .button.hollow.secondary:hover, .button.hollow.secondary:focus {
                border-color: #767676;
                color: #767676
            }

        .button.hollow.success {
            border: 1px solid #3adb76;
            color: #3adb76
        }

            .button.hollow.success:hover, .button.hollow.success:focus {
                border-color: #3adb76;
                color: #3adb76
            }

        .button.hollow.warning {
            border: 1px solid #ffae00;
            color: #ffae00
        }

            .button.hollow.warning:hover, .button.hollow.warning:focus {
                border-color: #ffae00;
                color: #ffae00
            }

        .button.hollow.alert {
            border: 1px solid #cc4b37;
            color: #cc4b37
        }

            .button.hollow.alert:hover, .button.hollow.alert:focus {
                border-color: #cc4b37;
                color: #cc4b37
            }

.button.disabled, .button[disabled] {
    opacity: .25;
    cursor: not-allowed
}

    .button.disabled, .button.disabled:hover, .button.disabled:focus, .button[disabled], .button[disabled]:hover, .button[disabled]:focus {
        background-color: #1779ba;
        color: #000
    }

        .button.disabled.primary, .button[disabled].primary {
            opacity: .25;
            cursor: not-allowed
        }

            .button.disabled.primary, .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary, .button[disabled].primary:hover, .button[disabled].primary:focus {
                background-color: #1779ba;
                color: #000
            }

        .button.disabled.secondary, .button[disabled].secondary {
            opacity: .25;
            cursor: not-allowed
        }

            .button.disabled.secondary, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
                background-color: #767676;
                color: #000
            }

        .button.disabled.success, .button[disabled].success {
            opacity: .25;
            cursor: not-allowed
        }

            .button.disabled.success, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success, .button[disabled].success:hover, .button[disabled].success:focus {
                background-color: #3adb76;
                color: #000
            }

        .button.disabled.warning, .button[disabled].warning {
            opacity: .25;
            cursor: not-allowed
        }

            .button.disabled.warning, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning, .button[disabled].warning:hover, .button[disabled].warning:focus {
                background-color: #ffae00;
                color: #000
            }

        .button.disabled.alert, .button[disabled].alert {
            opacity: .25;
            cursor: not-allowed
        }

            .button.disabled.alert, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert, .button[disabled].alert:hover, .button[disabled].alert:focus {
                background-color: #cc4b37;
                color: #000
            }

.button.dropdown::after {
    display: block;
    width: 0;
    height: 0;
    border: inset .4em;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #fff transparent transparent;
    position: relative;
    top: 0.4em;
    display: inline-block;
    float: right;
    margin-left: 0
}

.button.arrow-only::after {
    top: -0.1em;
    float: none;
    margin-left: 0
}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fff;
    box-shadow: inset 0 1px 2px rgba(30,30,30,0.1);
    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    color: #1e1e1e;
    transition: box-shadow 0.5s,border-color 0.25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus {
        outline: none;
        border: 1px solid #8a8a8a;
        background-color: #fff;
        box-shadow: 0 0 5px #cacaca;
        transition: box-shadow 0.5s,border-color 0.25s ease-in-out
    }

textarea {
    max-width: 100%
}

    textarea[rows] {
        height: auto
    }

    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        color: #cacaca
    }

    input:-ms-input-placeholder, textarea:-ms-input-placeholder {
        color: #cacaca
    }

    input::placeholder, textarea::placeholder {
        color: #cacaca
    }

    input:disabled, input[readonly], textarea:disabled, textarea[readonly] {
        background-color: #e6e6e6;
        cursor: not-allowed
    }

[type='submit'], [type='button'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

input[type='search'] {
    box-sizing: border-box
}

[type='file'], [type='checkbox'], [type='radio'] {
    margin: 0 0 1rem
}

    [type='checkbox'] + label, [type='radio'] + label {
        display: inline-block;
        vertical-align: baseline;
        margin-left: .5rem;
        margin-right: 1rem;
        margin-bottom: 0
    }

        [type='checkbox'] + label[for], [type='radio'] + label[for] {
            cursor: pointer
        }

label > [type='checkbox'], label > [type='radio'] {
    margin-right: .5rem
}

[type='file'] {
    width: 100%
}

label {
    display: block;
    margin: 0;
    font-size: .875rem;
    font-weight: normal;
    line-height: 1.8;
    color: #1e1e1e
}

    label.middle {
        margin: 0 0 1rem;
        padding: .5625rem 0
    }

.help-text {
    margin-top: -.5rem;
    font-size: .8125rem;
    font-style: italic;
    color: #1e1e1e
}

.input-group {
    display: table;
    width: 100%;
    margin-bottom: 1rem
}

    .input-group > :first-child {
        border-radius: 0 0 0 0
    }

    .input-group > :last-child > * {
        border-radius: 0 0 0 0
    }

.input-group-label, .input-group-field, .input-group-button, .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label {
    margin: 0;
    white-space: nowrap;
    display: table-cell;
    vertical-align: middle
}

.input-group-label {
    padding: 0 1rem;
    border: 1px solid #cacaca;
    background: #e6e6e6;
    color: #1e1e1e;
    text-align: center;
    white-space: nowrap;
    width: 1%;
    height: 100%
}

    .input-group-label:first-child {
        border-right: 0
    }

    .input-group-label:last-child {
        border-left: 0
    }

.input-group-field {
    border-radius: 0;
    height: 2.5rem
}

.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    width: 1%;
    height: 100%
}

    .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label {
        height: 2.5rem;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 1rem
    }

.input-group .input-group-button {
    display: table-cell
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

legend {
    max-width: 100%;
    margin-bottom: .5rem
}

.fieldset {
    margin: 1.125rem 0;
    padding: 1.25rem;
    border: 1px solid #cacaca
}

    .fieldset legend {
        margin: 0;
        margin-left: -.1875rem;
        padding: 0 .1875rem;
        background: #fff
    }

select {
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fff;
    font-family: inherit;
    font-size: 1rem;
    line-height: normal;
    color: #1e1e1e;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding-right: 1.5rem;
    transition: box-shadow 0.5s,border-color 0.25s ease-in-out
}

@media screen and (min-width: 0\0) {
    select {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==")
    }
}

select:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fff;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow 0.5s,border-color 0.25s ease-in-out
}

select:disabled {
    background-color: #e6e6e6;
    cursor: not-allowed
}

select::-ms-expand {
    display: none
}

select[multiple] {
    height: auto;
    background-image: none
}

.is-invalid-input:not(:focus) {
    border-color: #cc4b37;
    background-color: #faedeb
}

    .is-invalid-input:not(:focus)::-webkit-input-placeholder {
        color: #cc4b37
    }

    .is-invalid-input:not(:focus):-ms-input-placeholder {
        color: #cc4b37
    }

    .is-invalid-input:not(:focus)::placeholder {
        color: #cc4b37
    }

.is-invalid-label {
    color: #cc4b37
}

.form-error {
    display: none;
    margin-top: -.5rem;
    margin-bottom: 1rem;
    font-size: .75rem;
    font-weight: bold;
    color: #cc4b37
}

    .form-error.is-visible {
        display: block
    }

.accordion {
    margin-left: 0;
    background: #fff;
    list-style-type: none
}

.accordion-item:first-child > :first-child {
    border-radius: 0 0 0 0
}

.accordion-item:last-child > :last-child {
    border-radius: 0 0 0 0
}

.accordion-title {
    position: relative;
    display: block;
    padding: 1.25rem 1rem;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    font-size: .75rem;
    line-height: 1;
    color: #1779ba
}

:last-child:not(.is-active) > .accordion-title {
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0 0 0 0
}

.accordion-title:hover, .accordion-title:focus {
    background-color: #e6e6e6
}

.accordion-title::before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -0.5rem;
    content: '+'
}

.is-active > .accordion-title::before {
    content: '\2013'
}

.accordion-content {
    display: none;
    padding: 1rem;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    background-color: #fff;
    color: #1e1e1e
}

:last-child > .accordion-content:last-child {
    border-bottom: 1px solid #e6e6e6
}

.is-accordion-submenu-parent > a {
    position: relative
}

    .is-accordion-submenu-parent > a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #1779ba transparent transparent;
        position: absolute;
        top: 50%;
        margin-top: -3px;
        right: 1rem
    }

.is-accordion-submenu-parent[aria-expanded='true'] > a::after {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.badge {
    display: inline-block;
    min-width: 2.1em;
    padding: .3em;
    border-radius: 50%;
    font-size: .6rem;
    text-align: center;
    background: #1779ba;
    color: #fff
}

    .badge.primary {
        background: #1779ba;
        color: #fff
    }

    .badge.secondary {
        background: #767676;
        color: #fff
    }

    .badge.success {
        background: #3adb76;
        color: #1e1e1e
    }

    .badge.warning {
        background: #ffae00;
        color: #1e1e1e
    }

    .badge.alert {
        background: #cc4b37;
        color: #fff
    }

.breadcrumbs {
    margin: 0 0 1rem 0;
    list-style: none
}

    .breadcrumbs::before, .breadcrumbs::after {
        display: table;
        content: ' '
    }

    .breadcrumbs::after {
        clear: both
    }

    .breadcrumbs li {
        float: left;
        font-size: .6875rem;
        color: #1e1e1e;
        cursor: default;
        text-transform: uppercase
    }

        .breadcrumbs li:not(:last-child)::after {
            position: relative;
            top: 1px;
            margin: 0 .75rem;
            opacity: 1;
            content: "/";
            color: #cacaca
        }

    .breadcrumbs a {
        color: #1779ba
    }

        .breadcrumbs a:hover {
            text-decoration: underline
        }

    .breadcrumbs .disabled {
        color: #cacaca;
        cursor: not-allowed
    }

.button-group {
    margin-bottom: 1rem;
    font-size: 0
}

    .button-group::before, .button-group::after {
        display: table;
        content: ' '
    }

    .button-group::after {
        clear: both
    }

    .button-group .button {
        margin: 0;
        margin-right: 1px;
        margin-bottom: 1px;
        font-size: 0.9rem
    }

        .button-group .button:last-child {
            margin-right: 0
        }

    .button-group.tiny .button {
        font-size: .6rem
    }

    .button-group.small .button {
        font-size: .75rem
    }

    .button-group.large .button {
        font-size: 1.25rem
    }

    .button-group.expanded {
        margin-right: -1px
    }

        .button-group.expanded::before, .button-group.expanded::after {
            display: none
        }

        .button-group.expanded .button:first-child:last-child {
            width: 100%
        }

        .button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button {
            display: inline-block;
            width: calc(50% - 1px);
            margin-right: 1px
        }

            .button-group.expanded .button:first-child:nth-last-child(2):last-child, .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child {
                margin-right: -6px
            }

        .button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button {
            display: inline-block;
            width: calc(33.33333% - 1px);
            margin-right: 1px
        }

            .button-group.expanded .button:first-child:nth-last-child(3):last-child, .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child {
                margin-right: -6px
            }

        .button-group.expanded .button:first-child:nth-last-child(4), .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button {
            display: inline-block;
            width: calc(25% - 1px);
            margin-right: 1px
        }

            .button-group.expanded .button:first-child:nth-last-child(4):last-child, .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child {
                margin-right: -6px
            }

        .button-group.expanded .button:first-child:nth-last-child(5), .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button {
            display: inline-block;
            width: calc(20% - 1px);
            margin-right: 1px
        }

            .button-group.expanded .button:first-child:nth-last-child(5):last-child, .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child {
                margin-right: -6px
            }

        .button-group.expanded .button:first-child:nth-last-child(6), .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button {
            display: inline-block;
            width: calc(16.66667% - 1px);
            margin-right: 1px
        }

            .button-group.expanded .button:first-child:nth-last-child(6):last-child, .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child {
                margin-right: -6px
            }

    .button-group.primary .button {
        background-color: #1779ba;
        color: #000
    }

        .button-group.primary .button:hover, .button-group.primary .button:focus {
            background-color: #1779ba;
            color: #000
        }

    .button-group.secondary .button {
        background-color: #767676;
        color: #000
    }

        .button-group.secondary .button:hover, .button-group.secondary .button:focus {
            background-color: #767676;
            color: #000
        }

    .button-group.success .button {
        background-color: #3adb76;
        color: #000
    }

        .button-group.success .button:hover, .button-group.success .button:focus {
            background-color: #3adb76;
            color: #000
        }

    .button-group.warning .button {
        background-color: #ffae00;
        color: #000
    }

        .button-group.warning .button:hover, .button-group.warning .button:focus {
            background-color: #ffae00;
            color: #000
        }

    .button-group.alert .button {
        background-color: #cc4b37;
        color: #000
    }

        .button-group.alert .button:hover, .button-group.alert .button:focus {
            background-color: #cc4b37;
            color: #000
        }

    .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
        width: 100%
    }

        .button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
            margin-bottom: 0
        }

@media print, screen and (min-width: 40em) {
    .button-group.stacked-for-small .button {
        width: auto;
        margin-bottom: 0
    }
}

@media print, screen and (min-width: 48.0625em) {
    .button-group.stacked-for-medium .button {
        width: auto;
        margin-bottom: 0
    }
}

@media screen and (max-width: 39.9375em) {
    .button-group.stacked-for-small.expanded {
        display: block
    }

        .button-group.stacked-for-small.expanded .button {
            display: block;
            margin-right: 0
        }
}

.callout {
    position: relative;
    margin: 0 0 1rem 0;
    padding: 1rem;
    border: 1px solid rgba(30,30,30,0.25);
    border-radius: 0;
    background-color: #fff;
    color: #1e1e1e
}

    .callout > :first-child {
        margin-top: 0
    }

    .callout > :last-child {
        margin-bottom: 0
    }

    .callout.primary {
        background-color: #d7ecfa;
        color: #1e1e1e
    }

    .callout.secondary {
        background-color: #eaeaea;
        color: #1e1e1e
    }

    .callout.success {
        background-color: #e1faea;
        color: #1e1e1e
    }

    .callout.warning {
        background-color: #fff3d9;
        color: #1e1e1e
    }

    .callout.alert {
        background-color: #f7e4e1;
        color: #1e1e1e
    }

    .callout.small {
        padding-top: .5rem;
        padding-right: .5rem;
        padding-bottom: .5rem;
        padding-left: .5rem
    }

    .callout.large {
        padding-top: 3rem;
        padding-right: 3rem;
        padding-bottom: 3rem;
        padding-left: 3rem
    }

.card {
    margin-bottom: 1rem;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
    overflow: hidden;
    color: #1e1e1e
}

    .card > :last-child {
        margin-bottom: 0
    }

.card-divider {
    padding: 1rem;
    background: #e6e6e6
}

    .card-divider > :last-child {
        margin-bottom: 0
    }

.card-section {
    padding: 1rem
}

    .card-section > :last-child {
        margin-bottom: 0
    }

.close-button {
    position: absolute;
    color: #8a8a8a;
    cursor: pointer
}

[data-whatinput='mouse'] .close-button {
    outline: 0
}

.close-button:hover, .close-button:focus {
    color: #1e1e1e
}

.close-button.small {
    right: 0.66rem;
    top: 0.33em;
    font-size: 1.5em;
    line-height: 1
}

.close-button, .close-button.medium {
    right: 1rem;
    top: 0.5rem;
    font-size: 2em;
    line-height: 1
}

.menu {
    margin: 0;
    list-style-type: none
}


[data-whatinput='mouse'] .menu > li {
    outline: 0
}

.menu > li > a {
    display: block;
    padding: 0.7rem 1rem;
    line-height: 1
}

.menu input, .menu select, .menu a, .menu button {
    margin-bottom: 0
}

.menu > li > a img, .menu > li > a i, .menu > li > a svg {
    vertical-align: middle
}

    .menu > li > a img + span, .menu > li > a i + span, .menu > li > a svg + span {
        vertical-align: middle
    }

.menu > li > a img, .menu > li > a i, .menu > li > a svg {
    margin-right: .25rem;
    display: inline-block
}

.menu.expanded {
    display: table;
    width: 100%;
    table-layout: fixed
}

    .menu.expanded > li:first-child:last-child {
        width: 100%
    }

.menu.vertical > li {
    display: block
}

@media print, screen and (min-width: 40em) {
    .menu.medium-horizontal > li {
        display: table-cell
    }

    .menu.medium-expanded {
        display: table;
        width: 100%;
        table-layout: fixed
    }

        .menu.medium-expanded > li:first-child:last-child {
            width: 100%
        }

    .menu.medium-vertical > li {
        display: block
    }
}

@media print, screen and (min-width: 48.0625em) {
    .menu.large-horizontal > li {
        display: table-cell
    }

    .menu.large-expanded {
        display: table;
        width: 100%;
        table-layout: fixed
    }

        .menu.large-expanded > li:first-child:last-child {
            width: 100%
        }

    .menu.large-vertical > li {
        display: block
    }
}

.menu.simple li {
    display: inline-block;
    vertical-align: top;
    line-height: 1
}

.menu.simple a {
    padding: 0
}

.menu.simple li {
    margin-left: 0;
    margin-right: 1rem
}

.menu.simple.align-right li {
    margin-right: 0;
    margin-left: 1rem
}

.menu.align-right::before, .menu.align-right::after {
    display: table;
    content: ' '
}

.menu.align-right::after {
    clear: both
}

.menu.align-right > li {
    float: right
}

.menu.icon-top > li > a {
    text-align: center
}

    .menu.icon-top > li > a img, .menu.icon-top > li > a i, .menu.icon-top > li > a svg {
        display: block;
        margin: 0 auto .25rem
    }

.menu.icon-top.vertical a > span {
    margin: auto
}

.menu.nested {
    margin-left: 1rem
}

.menu .active > a {
    background: #1779ba;
    color: #fff
}

.menu.menu-bordered li {
    border: 1px solid #e6e6e6
}

    .menu.menu-bordered li:not(:first-child) {
        border-top: 0
    }

.menu.menu-hover li:hover {
    background-color: #e6e6e6
}

.menu-text {
    padding-top: 0;
    padding-bottom: 0;
    padding: 0.7rem 1rem;
    font-weight: bold;
    line-height: 1;
    color: inherit
}

.menu-centered {
    text-align: center
}

    .menu-centered > .menu {
        display: inline-block;
        vertical-align: top
    }

.no-js [data-responsive-menu] ul {
    display: none
}

.menu-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 16px;
    cursor: pointer
}

    .menu-icon::after {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        background: #fff;
        box-shadow: 0 7px 0 #fff,0 14px 0 #fff;
        content: ''
    }

    .menu-icon:hover::after {
        background: #cacaca;
        box-shadow: 0 7px 0 #cacaca,0 14px 0 #cacaca
    }

    .menu-icon.dark {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        height: 16px;
        cursor: pointer
    }

        .menu-icon.dark::after {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 2px;
            background: #1e1e1e;
            box-shadow: 0 7px 0 #1e1e1e,0 14px 0 #1e1e1e;
            content: ''
        }

        .menu-icon.dark:hover::after {
            background: #8a8a8a;
            box-shadow: 0 7px 0 #8a8a8a,0 14px 0 #8a8a8a
        }

.is-drilldown {
    position: relative;
    overflow: hidden
}

    .is-drilldown li {
        display: block
    }

    .is-drilldown.animate-height {
        transition: height 0.5s
    }

.is-drilldown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: -1;
    width: 100%;
    background: #fff;
    transition: transform 0.15s linear
}

    .is-drilldown-submenu.is-active {
        z-index: 1;
        display: block;
        -ms-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .is-drilldown-submenu.is-closing {
        -ms-transform: translateX(100%);
        transform: translateX(100%)
    }

.drilldown-submenu-cover-previous {
    min-height: 100%
}

.is-drilldown-submenu-parent > a {
    position: relative
}

    .is-drilldown-submenu-parent > a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #1779ba;
        position: absolute;
        top: 50%;
        margin-top: -6px;
        right: 1rem
    }

.js-drilldown-back > a::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #1779ba transparent transparent;
    border-left-width: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.75rem;
    border-left-width: 0
}

.dropdown-pane {
    position: absolute;
    z-index: 10;
    display: block;
    width: 300px;
    padding: 1rem;
    visibility: hidden;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fff;
    font-size: 1rem
}

    .dropdown-pane.is-open {
        visibility: visible
    }

    .dropdown-pane.tiny {
        width: 100px
    }

    .dropdown-pane.small {
        width: 200px
    }

    .dropdown-pane.large {
        width: 400px
    }

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto
}

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0
}

.dropdown.menu > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem
}

    .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #1779ba transparent transparent;
        right: 5px;
        margin-top: -3px
    }

[data-whatinput='mouse'] .dropdown.menu a {
    outline: 0
}

.no-js .dropdown.menu ul {
    display: none
}

.dropdown.menu.vertical > li .is-dropdown-submenu {
    top: 0
}

.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto
}

.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%
}

.dropdown.menu.vertical > li > a::after {
    right: 14px
}

.dropdown.menu.vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #1779ba transparent transparent
}

.dropdown.menu.vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1779ba
}

@media print, screen and (min-width: 40em) {
    .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
        position: relative;
        padding-right: 1.5rem
    }

        .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
            display: block;
            width: 0;
            height: 0;
            border: inset 6px;
            content: '';
            border-bottom-width: 0;
            border-top-style: solid;
            border-color: #1779ba transparent transparent;
            right: 5px;
            margin-top: -3px
        }

    .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
        right: 100%;
        left: auto
    }

    .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.medium-vertical > li > a::after {
        right: 14px
    }

    .dropdown.menu.medium-vertical > li.opens-left > a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #1779ba transparent transparent
    }

    .dropdown.menu.medium-vertical > li.opens-right > a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #1779ba
    }
}

@media print, screen and (min-width: 48.0625em) {
    .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
        position: relative;
        padding-right: 1.5rem
    }

        .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
            display: block;
            width: 0;
            height: 0;
            border: inset 6px;
            content: '';
            border-bottom-width: 0;
            border-top-style: solid;
            border-color: #1779ba transparent transparent;
            right: 5px;
            margin-top: -3px
        }

    .dropdown.menu.large-vertical > li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
        right: 100%;
        left: auto
    }

    .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.large-vertical > li > a::after {
        right: 14px
    }

    .dropdown.menu.large-vertical > li.opens-left > a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #1779ba transparent transparent
    }

    .dropdown.menu.large-vertical > li.opens-right > a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #1779ba
    }
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
    top: 100%;
    right: 0;
    left: auto
}

.is-dropdown-menu.vertical {
    width: 100px
}

    .is-dropdown-menu.vertical.align-right {
        float: right
    }

.is-dropdown-submenu-parent {
    position: relative
}

    .is-dropdown-submenu-parent a::after {
        position: absolute;
        top: 50%;
        right: 5px;
        margin-top: -6px
    }

    .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
        top: 100%;
        left: auto
    }

    .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
        right: 100%;
        left: auto
    }

    .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%
    }

.is-dropdown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    display: none;
    min-width: 200px;
    border: 1px solid #cacaca;
    background: #fff
}

    .is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
        right: 14px
    }

    .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #1779ba transparent transparent
    }

    .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #1779ba
    }

    .is-dropdown-submenu .is-dropdown-submenu {
        margin-top: -1px
    }

    .is-dropdown-submenu > li {
        width: 100%
    }

    .is-dropdown-submenu.js-dropdown-active {
        display: block
    }

.responsive-embed, .flex-video {
    position: relative;
    height: 0;
    margin-bottom: 1rem;
    padding-bottom: 75%;
    overflow: hidden
}

    .responsive-embed iframe, .responsive-embed object, .responsive-embed embed, .responsive-embed video, .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .responsive-embed.widescreen, .flex-video.widescreen {
        padding-bottom: 56.25%
    }

.label {
    display: inline-block;
    padding: 0.33333rem 0.5rem;
    border-radius: 0;
    font-size: .8rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default;
    background: #1779ba;
    color: #fff
}

    .label.primary {
        background: #1779ba;
        color: #fff
    }

    .label.secondary {
        background: #767676;
        color: #fff
    }

    .label.success {
        background: #3adb76;
        color: #1e1e1e
    }

    .label.warning {
        background: #ffae00;
        color: #1e1e1e
    }

    .label.alert {
        background: #cc4b37;
        color: #fff
    }

.media-object {
    display: block;
    margin-bottom: 1rem
}

    .media-object img {
        max-width: none
    }

@media screen and (max-width: 39.9375em) {
    .media-object.stack-for-small .media-object-section {
        padding: 0;
        padding-bottom: 1rem;
        display: block
    }

        .media-object.stack-for-small .media-object-section img {
            width: 100%
        }
}

.media-object-section {
    display: table-cell;
    vertical-align: top
}

    .media-object-section:first-child {
        padding-right: 1rem
    }

    .media-object-section:last-child:not(:nth-child(2)) {
        padding-left: 1rem
    }

    .media-object-section > :last-child {
        margin-bottom: 0
    }

    .media-object-section.middle {
        vertical-align: middle
    }

    .media-object-section.bottom {
        vertical-align: bottom
    }

.is-off-canvas-open {
    overflow: hidden
}

.js-off-canvas-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity .5s ease,visibility .5s ease;
    background: rgba(255,255,255,0.25);
    opacity: 0;
    visibility: hidden;
    overflow: hidden
}

    .js-off-canvas-overlay.is-visible {
        opacity: 1;
        visibility: visible
    }

    .js-off-canvas-overlay.is-closable {
        cursor: pointer
    }

    .js-off-canvas-overlay.is-overlay-absolute {
        position: absolute
    }

    .js-off-canvas-overlay.is-overlay-fixed {
        position: fixed
    }

.off-canvas-wrapper {
    position: relative;
    overflow: hidden
}

.off-canvas {
    position: fixed;
    z-index: 1;
    transition: transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #e6e6e6
}

[data-whatinput='mouse'] .off-canvas {
    outline: 0
}

.off-canvas.is-transition-overlap {
    z-index: 10
}

    .off-canvas.is-transition-overlap.is-open {
        box-shadow: 0 0 10px rgba(30,30,30,0.7)
    }

.off-canvas.is-open {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.off-canvas-absolute {
    position: absolute;
    z-index: 1;
    transition: transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #e6e6e6
}

[data-whatinput='mouse'] .off-canvas-absolute {
    outline: 0
}

.off-canvas-absolute.is-transition-overlap {
    z-index: 10
}

    .off-canvas-absolute.is-transition-overlap.is-open {
        box-shadow: 0 0 10px rgba(30,30,30,0.7)
    }

.off-canvas-absolute.is-open {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.position-left {
    top: 0;
    left: 0;
    width: 250px;
    height: 100%;
    -ms-transform: translateX(-250px);
    transform: translateX(-250px);
    overflow-y: auto
}

    .position-left.is-open ~ .off-canvas-content {
        -ms-transform: translateX(250px);
        transform: translateX(250px)
    }

    .position-left.is-transition-push::after {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 1px;
        box-shadow: 0 0 10px rgba(30,30,30,0.7);
        content: " "
    }

    .position-left.is-transition-overlap.is-open ~ .off-canvas-content {
        -ms-transform: none;
        transform: none
    }

.position-right {
    top: 0;
    right: 0;
    width: 250px;
    height: 100%;
    -ms-transform: translateX(250px);
    transform: translateX(250px);
    overflow-y: auto
}

    .position-right.is-open ~ .off-canvas-content {
        -ms-transform: translateX(-250px);
        transform: translateX(-250px)
    }

    .position-right.is-transition-push::after {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 1px;
        box-shadow: 0 0 10px rgba(30,30,30,0.7);
        content: " "
    }

    .position-right.is-transition-overlap.is-open ~ .off-canvas-content {
        -ms-transform: none;
        transform: none
    }

.position-top {
    top: 0;
    left: 0;
    width: 100%;
    height: 250px;
    -ms-transform: translateY(-250px);
    transform: translateY(-250px);
    overflow-x: auto
}

    .position-top.is-open ~ .off-canvas-content {
        -ms-transform: translateY(250px);
        transform: translateY(250px)
    }

    .position-top.is-transition-push::after {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 100%;
        box-shadow: 0 0 10px rgba(30,30,30,0.7);
        content: " "
    }

    .position-top.is-transition-overlap.is-open ~ .off-canvas-content {
        -ms-transform: none;
        transform: none
    }

.position-bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 250px;
    -ms-transform: translateY(250px);
    transform: translateY(250px);
    overflow-x: auto
}

    .position-bottom.is-open ~ .off-canvas-content {
        -ms-transform: translateY(-250px);
        transform: translateY(-250px)
    }

    .position-bottom.is-transition-push::after {
        position: absolute;
        top: 0;
        left: 0;
        height: 1px;
        width: 100%;
        box-shadow: 0 0 10px rgba(30,30,30,0.7);
        content: " "
    }

    .position-bottom.is-transition-overlap.is-open ~ .off-canvas-content {
        -ms-transform: none;
        transform: none
    }

.off-canvas-content {
    transition: transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media print, screen and (min-width: 40em) {
    .position-left.reveal-for-medium {
        -ms-transform: none;
        transform: none;
        z-index: 1
    }

        .position-left.reveal-for-medium ~ .off-canvas-content {
            margin-left: 250px
        }

    .position-right.reveal-for-medium {
        -ms-transform: none;
        transform: none;
        z-index: 1
    }

        .position-right.reveal-for-medium ~ .off-canvas-content {
            margin-right: 250px
        }

    .position-top.reveal-for-medium {
        -ms-transform: none;
        transform: none;
        z-index: 1
    }

        .position-top.reveal-for-medium ~ .off-canvas-content {
            margin-top: 250px
        }

    .position-bottom.reveal-for-medium {
        -ms-transform: none;
        transform: none;
        z-index: 1
    }

        .position-bottom.reveal-for-medium ~ .off-canvas-content {
            margin-bottom: 250px
        }
}

@media print, screen and (min-width: 48.0625em) {
    .position-left.reveal-for-large {
        -ms-transform: none;
        transform: none;
        z-index: 1
    }

        .position-left.reveal-for-large ~ .off-canvas-content {
            margin-left: 250px
        }

    .position-right.reveal-for-large {
        -ms-transform: none;
        transform: none;
        z-index: 1
    }

        .position-right.reveal-for-large ~ .off-canvas-content {
            margin-right: 250px
        }

    .position-top.reveal-for-large {
        -ms-transform: none;
        transform: none;
        z-index: 1
    }

        .position-top.reveal-for-large ~ .off-canvas-content {
            margin-top: 250px
        }

    .position-bottom.reveal-for-large {
        -ms-transform: none;
        transform: none;
        z-index: 1
    }

        .position-bottom.reveal-for-large ~ .off-canvas-content {
            margin-bottom: 250px
        }
}

.orbit {
    position: relative
}

.orbit-container {
    position: relative;
    height: 0;
    margin: 0;
    list-style: none;
    overflow: hidden
}

.orbit-slide {
    width: 100%
}

    .orbit-slide.no-motionui.is-active {
        top: 0;
        left: 0
    }

.orbit-figure {
    margin: 0
}

.orbit-image {
    width: 100%;
    max-width: 100%;
    margin: 0
}

.orbit-caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    padding: 1rem;
    background-color: rgba(30,30,30,0.5);
    color: #fff
}

.orbit-previous, .orbit-next {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    padding: 1rem;
    color: #fff
}

[data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next {
    outline: 0
}

.orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {
    background-color: rgba(30,30,30,0.5)
}

.orbit-previous {
    left: 0
}

.orbit-next {
    left: auto;
    right: 0
}

.orbit-bullets {
    position: relative;
    margin-top: .8rem;
    margin-bottom: .8rem;
    text-align: center
}

[data-whatinput='mouse'] .orbit-bullets {
    outline: 0
}

.orbit-bullets button {
    width: 1.2rem;
    height: 1.2rem;
    margin: .1rem;
    border-radius: 50%;
    background-color: #cacaca
}

    .orbit-bullets button:hover {
        background-color: #8a8a8a
    }

    .orbit-bullets button.is-active {
        background-color: #8a8a8a
    }

.pagination {
    margin-left: 0;
    margin-bottom: 1rem
}

    .pagination::before, .pagination::after {
        display: table;
        content: ' '
    }

    .pagination::after {
        clear: both
    }

    .pagination li {
        margin-right: .0625rem;
        border-radius: 0;
        font-size: .875rem;
        display: none
    }

        .pagination li:last-child, .pagination li:first-child {
            display: inline-block
        }

@media print, screen and (min-width: 40em) {
    .pagination li {
        display: inline-block
    }
}

.pagination a, .pagination button {
    display: block;
    padding: .1875rem .625rem;
    border-radius: 0;
    color: #1e1e1e
}

    .pagination a:hover, .pagination button:hover {
        background: #e6e6e6
    }

.pagination .current {
    padding: .1875rem .625rem;
    background: #1779ba;
    color: #fff;
    cursor: default
}

.pagination .disabled {
    padding: .1875rem .625rem;
    color: #cacaca;
    cursor: not-allowed
}

    .pagination .disabled:hover {
        background: transparent
    }

.pagination .ellipsis::after {
    padding: .1875rem .625rem;
    content: '\2026';
    color: #1e1e1e
}

.pagination-previous a::before, .pagination-previous.disabled::before {
    display: inline-block;
    margin-right: 0.5rem;
    content: '\00ab'
}

.pagination-next a::after, .pagination-next.disabled::after {
    display: inline-block;
    margin-left: 0.5rem;
    content: '\00bb'
}

.progress {
    height: 1rem;
    margin-bottom: 1rem;
    border-radius: 0;
    background-color: #cacaca
}

    .progress.primary .progress-meter {
        background-color: #1779ba
    }

    .progress.secondary .progress-meter {
        background-color: #767676
    }

    .progress.success .progress-meter {
        background-color: #3adb76
    }

    .progress.warning .progress-meter {
        background-color: #ffae00
    }

    .progress.alert .progress-meter {
        background-color: #cc4b37
    }

.progress-meter {
    position: relative;
    display: block;
    width: 0%;
    height: 100%;
    background-color: #1779ba
}

.progress-meter-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    margin: 0;
    font-size: 0.75rem;
    font-weight: bold;
    color: #fff;
    white-space: nowrap
}

.slider {
    position: relative;
    height: .5rem;
    margin-top: 1.25rem;
    margin-bottom: 2.25rem;
    background-color: #e6e6e6;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    touch-action: none
}

.slider-fill {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    max-width: 100%;
    height: .5rem;
    background-color: #cacaca;
    transition: all 0.2s ease-in-out
}

    .slider-fill.is-dragging {
        transition: all 0s linear
    }

.slider-handle {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    z-index: 1;
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 0;
    background-color: #1779ba;
    transition: all 0.2s ease-in-out;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

[data-whatinput='mouse'] .slider-handle {
    outline: 0
}

.slider-handle:hover {
    background-color: #14679e
}

.slider-handle.is-dragging {
    transition: all 0s linear
}

.slider.disabled, .slider[disabled] {
    opacity: .25;
    cursor: not-allowed
}

.slider.vertical {
    display: inline-block;
    width: .5rem;
    height: 12.5rem;
    margin: 0 1.25rem;
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

    .slider.vertical .slider-fill {
        top: 0;
        width: .5rem;
        max-height: 100%
    }

    .slider.vertical .slider-handle {
        position: absolute;
        top: 0;
        left: 50%;
        width: 1.4rem;
        height: 1.4rem;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

.sticky-container {
    position: relative
}

.sticky {
    position: relative;
    z-index: 0;
    transform: translate3d(0, 0, 0)
}

    .sticky.is-stuck {
        position: fixed;
        z-index: 5
    }

        .sticky.is-stuck.is-at-top {
            top: 0
        }

        .sticky.is-stuck.is-at-bottom {
            bottom: 0
        }

    .sticky.is-anchored {
        position: relative;
        right: auto;
        left: auto
    }

        .sticky.is-anchored.is-at-bottom {
            bottom: 0
        }

body.is-reveal-open {
    overflow: hidden
}

html.is-reveal-open, html.is-reveal-open body {
    min-height: 100%;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.reveal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1005;
    display: none;
    background-color: rgba(30,30,30,0.98);
    overflow-y: scroll
}

.reveal {
    z-index: 1006;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    padding: 0;
    border: 0;
    border-radius: 0;
    background-color: #fff;
    position: relative;
    top: 100px;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto
}

[data-whatinput='mouse'] .reveal {
    outline: 0
}

@media print, screen and (min-width: 40em) {
    .reveal {
        min-height: 0
    }
}

.reveal .column, .reveal .columns, .reveal .columns {
    min-width: 0
}

.reveal > :last-child {
    margin-bottom: 0
}

@media print, screen and (min-width: 40em) {
    .reveal {
        width: 600px;
        max-width: 75rem
    }
}

@media print, screen and (min-width: 40em) {
    .reveal .reveal {
        right: auto;
        left: auto;
        margin: 0 auto
    }
}

.reveal.collapse {
    padding: 0
}

@media print, screen and (min-width: 40em) {
    .reveal.tiny {
        width: 30%;
        max-width: 75rem
    }
}

@media print, screen and (min-width: 40em) {
    .reveal.small {
        width: 50%;
        max-width: 75rem
    }
}

@media print, screen and (min-width: 40em) {
    .reveal.large {
        width: 90%;
        max-width: 75rem
    }
}

.reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    margin-left: 0;
    border: 0;
    border-radius: 0
}

@media screen and (max-width: 39.9375em) {
    .reveal {
        top: 0;
        left: 0;
        width: 100%;
        max-width: none;
        height: 100%;
        height: 100vh;
        min-height: 100vh;
        margin-left: 0;
        border: 0;
        border-radius: 0
    }
}

.reveal.without-overlay {
    position: fixed
}

.switch {
    height: 2rem;
    position: relative;
    margin-bottom: 1rem;
    outline: 0;
    font-size: .875rem;
    font-weight: bold;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.switch-input {
    position: absolute;
    margin-bottom: 0;
    opacity: 0
}

.switch-paddle {
    position: relative;
    display: block;
    width: 4rem;
    height: 2rem;
    border-radius: 0;
    background: #cacaca;
    transition: all 0.25s ease-out;
    font-weight: inherit;
    color: inherit;
    cursor: pointer
}

input + .switch-paddle {
    margin: 0
}

.switch-paddle::after {
    position: absolute;
    top: .25rem;
    left: .25rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    transform: translate3d(0, 0, 0);
    border-radius: 0;
    background: #fff;
    transition: all 0.25s ease-out;
    content: ''
}

input:checked ~ .switch-paddle {
    background: #1779ba
}

    input:checked ~ .switch-paddle::after {
        left: 2.25rem
    }

[data-whatinput='mouse'] input:focus ~ .switch-paddle {
    outline: 0
}

.switch-active, .switch-inactive {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.switch-active {
    left: 8%;
    display: none
}

input:checked + label > .switch-active {
    display: block
}

.switch-inactive {
    right: 15%
}

input:checked + label > .switch-inactive {
    display: none
}

.switch.tiny {
    height: 1.5rem
}

    .switch.tiny .switch-paddle {
        width: 3rem;
        height: 1.5rem;
        font-size: .625rem
    }

        .switch.tiny .switch-paddle::after {
            top: .25rem;
            left: .25rem;
            width: 1rem;
            height: 1rem
        }

    .switch.tiny input:checked ~ .switch-paddle::after {
        left: 1.75rem
    }

.switch.small {
    height: 1.75rem
}

    .switch.small .switch-paddle {
        width: 3.5rem;
        height: 1.75rem;
        font-size: .75rem
    }

        .switch.small .switch-paddle::after {
            top: .25rem;
            left: .25rem;
            width: 1.25rem;
            height: 1.25rem
        }

    .switch.small input:checked ~ .switch-paddle::after {
        left: 2rem
    }

.switch.large {
    height: 2.5rem
}

    .switch.large .switch-paddle {
        width: 5rem;
        height: 2.5rem;
        font-size: 1rem
    }

        .switch.large .switch-paddle::after {
            top: .25rem;
            left: .25rem;
            width: 2rem;
            height: 2rem
        }

    .switch.large input:checked ~ .switch-paddle::after {
        left: 2.75rem
    }

table {
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 0
}

    table thead, table tbody, table tfoot {
        border: 1px solid #f2f2f2;
        background-color: #fff
    }

    table caption {
        padding: .5rem .625rem .625rem;
        font-weight: bold
    }

    table thead {
        background: #f9f9f9;
        color: #1e1e1e
    }

    table tfoot {
        background: #f2f2f2;
        color: #1e1e1e
    }

        table thead tr, table tfoot tr {
            background: transparent
        }

        table thead th, table thead td, table tfoot th, table tfoot td {
            padding: .5rem .625rem .625rem;
            font-weight: bold;
            text-align: left
        }

    table tbody th, table tbody td {
        padding: .5rem .625rem .625rem
    }

    table tbody tr:nth-child(even) {
        border-bottom: 0;
        background-color: #f2f2f2
    }

    table.unstriped tbody {
        background-color: #fff
    }

        table.unstriped tbody tr {
            border-bottom: 0;
            border-bottom: 1px solid #f2f2f2;
            background-color: #fff
        }

@media screen and (max-width: 48em) {
    table.stack thead {
        display: none
    }

    table.stack tfoot {
        display: none
    }

    table.stack tr, table.stack th, table.stack td {
        display: block
    }

    table.stack td {
        border-top: 0
    }
}

table.scroll {
    display: block;
    width: 100%;
    overflow-x: auto
}

table.hover thead tr:hover {
    background-color: #f4f4f4
}

table.hover tfoot tr:hover {
    background-color: #ededed
}

table.hover tbody tr:hover {
    background-color: #fafafa
}

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
    background-color: #ededed
}

.table-scroll {
    overflow-x: auto
}

    .table-scroll table {
        width: auto
    }

.tabs {
    margin: 0;
    border: 1px solid #e6e6e6;
    background: #fff;
    list-style-type: none
}

    .tabs::before, .tabs::after {
        display: table;
        content: ' '
    }

    .tabs::after {
        clear: both
    }

    .tabs.vertical > li {
        display: block;
        float: none;
        width: auto
    }

    .tabs.simple > li > a {
        padding: 0
    }

        .tabs.simple > li > a:hover {
            background: transparent
        }

    .tabs.primary {
        background: #1779ba
    }

        .tabs.primary > li > a {
            color: #fff
        }

            .tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
                background: #1673b1
            }

.tabs-title {
    float: left
}

    .tabs-title > a {
        display: block;
        padding: 1.25rem 1.5rem;
        font-size: .75rem;
        line-height: 1;
        color: #1779ba
    }

        .tabs-title > a:hover {
            background: #fff;
            color: #1468a0
        }

        .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
            background: #e6e6e6;
            color: #1779ba
        }

.tabs-content {
    border: 1px solid #e6e6e6;
    border-top: 0;
    background: #fff;
    color: #1e1e1e;
    transition: all 0.5s ease
}

    .tabs-content.vertical {
        border: 1px solid #e6e6e6;
        border-left: 0
    }

.tabs-panel {
    display: none;
    padding: 1rem
}

    .tabs-panel[aria-hidden="false"] {
        display: block
    }

.thumbnail {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 1rem;
    border: solid 4px #fff;
    border-radius: 0;
    box-shadow: 0 0 0 1px rgba(30,30,30,0.2);
    line-height: 0
}

a.thumbnail {
    transition: box-shadow 200ms ease-out
}

    a.thumbnail:hover, a.thumbnail:focus {
        box-shadow: 0 0 6px 1px rgba(23,121,186,0.5)
    }

    a.thumbnail image {
        box-shadow: none
    }

.title-bar {
    padding: .5rem;
    background: #1e1e1e;
    color: #fff
}

    .title-bar::before, .title-bar::after {
        display: table;
        content: ' '
    }

    .title-bar::after {
        clear: both
    }

    .title-bar .menu-icon {
        margin-left: .25rem;
        margin-right: .25rem
    }

.title-bar-left {
    float: left
}

.title-bar-right {
    float: right;
    text-align: right
}

.title-bar-title {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold
}

.has-tip {
    position: relative;
    display: inline-block;
    border-bottom: dotted 1px #8a8a8a;
    font-weight: bold;
    cursor: help
}

.tooltip {
    position: absolute;
    top: calc(100% + .6495rem);
    z-index: 1200;
    max-width: 10rem;
    padding: .75rem;
    border-radius: 0;
    background-color: #1e1e1e;
    font-size: 80%;
    color: #fff
}

    .tooltip::before {
        display: block;
        width: 0;
        height: 0;
        border: inset .75rem;
        content: '';
        border-top-width: 0;
        border-bottom-style: solid;
        border-color: transparent transparent #1e1e1e;
        position: absolute;
        bottom: 100%;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .tooltip.top::before {
        display: block;
        width: 0;
        height: 0;
        border: inset .75rem;
        content: '';
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #1e1e1e transparent transparent;
        top: 100%;
        bottom: auto
    }

    .tooltip.left::before {
        display: block;
        width: 0;
        height: 0;
        border: inset .75rem;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #1e1e1e;
        top: 50%;
        bottom: auto;
        left: 100%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .tooltip.right::before {
        display: block;
        width: 0;
        height: 0;
        border: inset .75rem;
        content: '';
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #1e1e1e transparent transparent;
        top: 50%;
        right: 100%;
        bottom: auto;
        left: auto;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

.top-bar {
    padding: .5rem
}

    .top-bar::before, .top-bar::after {
        display: table;
        content: ' '
    }

    .top-bar::after {
        clear: both
    }

    .top-bar, .top-bar ul {
        background-color: #e6e6e6
    }

        .top-bar input {
            max-width: 200px;
            margin-right: 1rem
        }

        .top-bar .input-group-field {
            width: 100%;
            margin-right: 0
        }

        .top-bar input.button {
            width: auto
        }

        .top-bar .top-bar-left, .top-bar .top-bar-right {
            width: 100%
        }

@media print, screen and (min-width: 40em) {
    .top-bar .top-bar-left, .top-bar .top-bar-right {
        width: auto
    }
}

@media screen and (max-width: 48em) {
    .top-bar.stacked-for-medium .top-bar-left, .top-bar.stacked-for-medium .top-bar-right {
        width: 100%
    }
}

@media screen and (max-width: 63.9375em) {
    .top-bar.stacked-for-large .top-bar-left, .top-bar.stacked-for-large .top-bar-right {
        width: 100%
    }
}

.top-bar-title {
    display: inline-block;
    float: left;
    padding: 0.5rem 1rem 0.5rem 0
}

    .top-bar-title .menu-icon {
        bottom: 2px
    }

.top-bar-left {
    float: left
}

.top-bar-right {
    float: right
}

.hide {
    display: none !important
}

.invisible {
    visibility: hidden
}

@media screen and (max-width: 39.9375em) {
    .hide-for-small-only {
        display: none !important
    }
}

@media screen and (max-width: 0em), screen and (min-width: 40em) {
    .show-for-small-only {
        display: none !important
    }
}

@media print, screen and (min-width: 40em) {
    .hide-for-medium {
        display: none !important
    }
}

@media screen and (max-width: 39.9375em) {
    .show-for-medium {
        display: none !important
    }
}

@media screen and (min-width: 40em) and (max-width: 48em) {
    .hide-for-medium-only {
        display: none !important
    }
}

@media screen and (max-width: 39.9375em), screen and (min-width: 48.0625em) {
    .show-for-medium-only {
        display: none !important
    }
}

@media print, screen and (min-width: 48.0625em) {
    .hide-for-large {
        display: none !important
    }
}

@media screen and (max-width: 48em) {
    .show-for-large {
        display: none !important
    }
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    .hide-for-large-only {
        display: none !important
    }
}

@media screen and (max-width: 48em), screen and (min-width: 64em) {
    .show-for-large-only {
        display: none !important
    }
}

.show-for-sr, .show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0)
}

    .show-on-focus:active, .show-on-focus:focus {
        position: static !important;
        width: auto;
        height: auto;
        overflow: visible;
        clip: auto
    }

.show-for-landscape, .hide-for-portrait {
    display: block !important
}

@media screen and (orientation: landscape) {
    .show-for-landscape, .hide-for-portrait {
        display: block !important
    }
}

@media screen and (orientation: portrait) {
    .show-for-landscape, .hide-for-portrait {
        display: none !important
    }
}

.hide-for-landscape, .show-for-portrait {
    display: none !important
}

@media screen and (orientation: landscape) {
    .hide-for-landscape, .show-for-portrait {
        display: none !important
    }
}

@media screen and (orientation: portrait) {
    .hide-for-landscape, .show-for-portrait {
        display: block !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-center {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.clearfix::before, .clearfix::after {
    display: table;
    content: ' '
}

.clearfix::after {
    clear: both
}

.slide-in-down.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-in-down.mui-enter.mui-enter-active {
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

.slide-in-left.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-in-left.mui-enter.mui-enter-active {
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

.slide-in-up.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-in-up.mui-enter.mui-enter-active {
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

.slide-in-right.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-in-right.mui-enter.mui-enter-active {
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

.slide-out-down.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-out-down.mui-leave.mui-leave-active {
        -ms-transform: translateY(100%);
        transform: translateY(100%)
    }

.slide-out-right.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-out-right.mui-leave.mui-leave-active {
        -ms-transform: translateX(100%);
        transform: translateX(100%)
    }

.slide-out-up.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-out-up.mui-leave.mui-leave-active {
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }

.slide-out-left.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition-property: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-out-left.mui-leave.mui-leave-active {
        -ms-transform: translateX(-100%);
        transform: translateX(-100%)
    }

.fade-in.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    opacity: 0;
    transition-property: opacity
}

    .fade-in.mui-enter.mui-enter-active {
        opacity: 1
    }

.fade-out.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    opacity: 1;
    transition-property: opacity
}

    .fade-out.mui-leave.mui-leave-active {
        opacity: 0
    }

.hinge-in-from-top.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(-90deg);
    -ms-transform-origin: top;
    transform-origin: top;
    transition-property: transform, opacity;
    opacity: 0
}

    .hinge-in-from-top.mui-enter.mui-enter-active {
        transform: perspective(2000px) rotate(0deg);
        opacity: 1
    }

.hinge-in-from-right.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(-90deg);
    -ms-transform-origin: right;
    transform-origin: right;
    transition-property: transform, opacity;
    opacity: 0
}

    .hinge-in-from-right.mui-enter.mui-enter-active {
        transform: perspective(2000px) rotate(0deg);
        opacity: 1
    }

.hinge-in-from-bottom.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(90deg);
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    transition-property: transform, opacity;
    opacity: 0
}

    .hinge-in-from-bottom.mui-enter.mui-enter-active {
        transform: perspective(2000px) rotate(0deg);
        opacity: 1
    }

.hinge-in-from-left.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(90deg);
    -ms-transform-origin: left;
    transform-origin: left;
    transition-property: transform, opacity;
    opacity: 0
}

    .hinge-in-from-left.mui-enter.mui-enter-active {
        transform: perspective(2000px) rotate(0deg);
        opacity: 1
    }

.hinge-in-from-middle-x.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(-90deg);
    -ms-transform-origin: center;
    transform-origin: center;
    transition-property: transform, opacity;
    opacity: 0
}

    .hinge-in-from-middle-x.mui-enter.mui-enter-active {
        transform: perspective(2000px) rotate(0deg);
        opacity: 1
    }

.hinge-in-from-middle-y.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(-90deg);
    -ms-transform-origin: center;
    transform-origin: center;
    transition-property: transform, opacity;
    opacity: 0
}

    .hinge-in-from-middle-y.mui-enter.mui-enter-active {
        transform: perspective(2000px) rotate(0deg);
        opacity: 1
    }

.hinge-out-from-top.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    -ms-transform-origin: top;
    transform-origin: top;
    transition-property: transform, opacity;
    opacity: 1
}

    .hinge-out-from-top.mui-leave.mui-leave-active {
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }

.hinge-out-from-right.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    -ms-transform-origin: right;
    transform-origin: right;
    transition-property: transform, opacity;
    opacity: 1
}

    .hinge-out-from-right.mui-leave.mui-leave-active {
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0
    }

.hinge-out-from-bottom.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    transition-property: transform, opacity;
    opacity: 1
}

    .hinge-out-from-bottom.mui-leave.mui-leave-active {
        transform: perspective(2000px) rotateX(90deg);
        opacity: 0
    }

.hinge-out-from-left.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    -ms-transform-origin: left;
    transform-origin: left;
    transition-property: transform, opacity;
    opacity: 1
}

    .hinge-out-from-left.mui-leave.mui-leave-active {
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0
    }

.hinge-out-from-middle-x.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    -ms-transform-origin: center;
    transform-origin: center;
    transition-property: transform, opacity;
    opacity: 1
}

    .hinge-out-from-middle-x.mui-leave.mui-leave-active {
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }

.hinge-out-from-middle-y.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    -ms-transform-origin: center;
    transform-origin: center;
    transition-property: transform, opacity;
    opacity: 1
}

    .hinge-out-from-middle-y.mui-leave.mui-leave-active {
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0
    }

.scale-in-up.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: scale(.5);
    transform: scale(.5);
    transition-property: transform, opacity;
    opacity: 0
}

    .scale-in-up.mui-enter.mui-enter-active {
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

.scale-in-down.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    transition-property: transform, opacity;
    opacity: 0
}

    .scale-in-down.mui-enter.mui-enter-active {
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

.scale-out-up.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: scale(1);
    transform: scale(1);
    transition-property: transform, opacity;
    opacity: 1
}

    .scale-out-up.mui-leave.mui-leave-active {
        -ms-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }

.scale-out-down.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: scale(1);
    transform: scale(1);
    transition-property: transform, opacity;
    opacity: 1
}

    .scale-out-down.mui-leave.mui-leave-active {
        -ms-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }

.spin-in.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: rotate(-.75turn);
    transform: rotate(-.75turn);
    transition-property: transform, opacity;
    opacity: 0
}

    .spin-in.mui-enter.mui-enter-active {
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

.spin-out.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition-property: transform, opacity;
    opacity: 1
}

    .spin-out.mui-leave.mui-leave-active {
        -ms-transform: rotate(.75turn);
        transform: rotate(.75turn);
        opacity: 0
    }

.spin-in-ccw.mui-enter {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: rotate(.75turn);
    transform: rotate(.75turn);
    transition-property: transform, opacity;
    opacity: 0
}

    .spin-in-ccw.mui-enter.mui-enter-active {
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

.spin-out-ccw.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition-property: transform, opacity;
    opacity: 1
}

    .spin-out-ccw.mui-leave.mui-leave-active {
        -ms-transform: rotate(-.75turn);
        transform: rotate(-.75turn);
        opacity: 0
    }

.slow {
    transition-duration: 750ms !important
}

.fast {
    transition-duration: 250ms !important
}

.linear {
    transition-timing-function: linear !important
}

.ease {
    transition-timing-function: ease !important
}

.ease-in {
    transition-timing-function: ease-in !important
}

.ease-out {
    transition-timing-function: ease-out !important
}

.ease-in-out {
    transition-timing-function: ease-in-out !important
}

.bounce-in {
    transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important
}

.bounce-out {
    transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important
}

.bounce-in-out {
    transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important
}

.short-delay {
    transition-delay: 300ms !important
}

.long-delay {
    transition-delay: 700ms !important
}

.shake {
    animation-name: shake-7
}

@keyframes shake-7 {
    0%,10%,20%,30%,40%,50%,60%,70%,80%,90% {
        transform: translateX(7%)
    }

    5%,15%,25%,35%,45%,55%,65%,75%,85%,95% {
        transform: translateX(-7%)
    }
}

.spin-cw {
    animation-name: spin-cw-1turn
}

@keyframes spin-cw-1turn {
    0% {
        transform: rotate(-1turn)
    }

    100% {
        transform: rotate(0)
    }
}

.spin-ccw {
    animation-name: spin-cw-1turn
}

@keyframes spin-cw-1turn {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(1turn)
    }
}

.wiggle {
    animation-name: wiggle-7deg
}

@keyframes wiggle-7deg {
    40%,50%,60% {
        transform: rotate(7deg)
    }

    35%,45%,55%,65% {
        transform: rotate(-7deg)
    }

    0%,30%,70%,100% {
        transform: rotate(0)
    }
}

.shake, .spin-cw, .spin-ccw, .wiggle {
    animation-duration: 500ms
}

.infinite {
    animation-iteration-count: infinite
}

.slow {
    animation-duration: 750ms !important
}

.fast {
    animation-duration: 250ms !important
}

.linear {
    animation-timing-function: linear !important
}

.ease {
    animation-timing-function: ease !important
}

.ease-in {
    animation-timing-function: ease-in !important
}

.ease-out {
    animation-timing-function: ease-out !important
}

.ease-in-out {
    animation-timing-function: ease-in-out !important
}

.bounce-in {
    animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important
}

.bounce-out {
    animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important
}

.bounce-in-out {
    animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important
}

.short-delay {
    animation-delay: 300ms !important
}

.long-delay {
    animation-delay: 700ms !important
}

.button {
    font-size: .9375rem;
    line-height: 2.5rem;
    letter-spacing: 0;
    color: #1e1e1e;
    display: block;
    border: 1px solid #1e1e1e;
    text-align: center;
    color: #1e1e1e;
    background-color: transparent;
    padding: 0 .9375rem;
    margin: 0
}

html[lang="zh-Hant"] .button {
    font-size: .9375rem
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: none
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-track, .slick-slider .slick-list {
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

    .slick-track:before, .slick-track:after {
        content: "";
        display: table
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.symbol {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    width: 2.5rem;
    height: 2.5rem
}

    .symbol.close {
        background-image: url(../img/symbols/close.svg)
    }

    .symbol.plus {
        background-image: url(../img/symbols/plus.svg)
    }

    .symbol.minus {
        background-image: url(../img/symbols/minus.svg)
    }

    .symbol > span {
        display: none
    }

.symbol-inline {
    display: block;
    width: 2.5rem;
    height: 2.5rem
}

    .symbol-inline svg {
        position: relative;
        width: 100%;
        height: 100%
    }

    .symbol-inline.white .dark-stroke {
        stroke: #fff
    }

    .symbol-inline.dark .dark-stroke {
        stroke: #1e1e1e
    }

html {
    height: 100%
}

    html.lock {
        overflow: hidden
    }

        html.lock body {
            overflow: hidden;
            height: 100%
        }

a, button, ul, li, div {
    -webkit-tap-highlight-color: transparent
}

*:before, *:after {
    font-family: "Work Sans",sans-serif
}

body.lock {
    overflow: hidden;
    background-color: #f5f5f5
}

#main-container {
    position: relative;
    z-index: 1
}

.dev-section {
    height: 100vh
}

    .dev-section h1 {
        padding: 0 1.25rem
    }

button, a {
    font-family: "Work Sans",sans-serif
}

button, a {
    outline: none
}

button {
    cursor: pointer
}

.dash {
    -ms-transform: scaleX(2);
    transform: scaleX(2);
    display: inline-block !important;
    margin: 0 0.75em
}

#main-container section.section {
    z-index: 1
}

    #main-container section.section > a.section-header-wrapper {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        line-height: 0
    }

    #main-container section.section header.section-header {
        position: relative;
        display: block;
        height: 7.5rem;
        border-bottom: 1px solid #1e1e1e;
        padding: 0 1.875rem
    }

        #main-container section.section header.section-header h1 {
            font-size: 2.5rem;
            line-height: 7.5rem;
            letter-spacing: -1px;
            color: #1e1e1e;
            margin: 0;
            font-weight: 300
        }

html[lang="zh-Hant"] #main-container section.section header.section-header h1 {
    font-size: 2.875rem
}

#main-container section.section header.section-header .toggle-button {
    transition: transform 200ms ease;
    position: absolute;
    display: block;
    top: 50%;
    right: 30px;
    margin-top: -30px
}

    #main-container section.section header.section-header .toggle-button button {
        outline: none;
        border: 1px solid #1e1e1e
    }

        #main-container section.section header.section-header .toggle-button button:before, #main-container section.section header.section-header .toggle-button button:after {
            transition: transform 200ms ease 400ms;
            display: block;
            content: '';
            position: absolute
        }

        #main-container section.section header.section-header .toggle-button button:before {
            left: 0;
            width: 100%;
            height: 1px;
            background-color: #1e1e1e
        }

        #main-container section.section header.section-header .toggle-button button:after {
            top: 0;
            width: 1px;
            height: 100%;
            background-color: #1e1e1e
        }

        #main-container section.section header.section-header .toggle-button button span {
            display: none
        }

        #main-container section.section header.section-header .toggle-button button.large {
            display: block;
            width: 60px;
            height: 60px;
            border-radius: 30px
        }

            #main-container section.section header.section-header .toggle-button button.large:before {
                -ms-transform-origin: 30px 0;
                transform-origin: 30px 0;
                top: 30px
            }

            #main-container section.section header.section-header .toggle-button button.large:after {
                -ms-transform-origin: 0 30px;
                transform-origin: 0 30px;
                left: 30px
            }

        #main-container section.section header.section-header .toggle-button button.small {
            display: none;
            width: 30px;
            height: 30px;
            border-radius: 15px
        }

            #main-container section.section header.section-header .toggle-button button.small:before {
                -ms-transform-origin: 15px 0;
                transform-origin: 15px 0;
                top: 15px
            }

            #main-container section.section header.section-header .toggle-button button.small:after {
                -ms-transform-origin: 0 15px;
                transform-origin: 0 15px;
                left: 15px
            }

#main-container section.section.is-active header.section-header .toggle-button {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

    #main-container section.section.is-active header.section-header .toggle-button button:before {
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    #main-container section.section.is-active header.section-header .toggle-button button:after {
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

#main-container section.section.animation-2 header.section-header .toggle-button {
    transition: transform 200ms ease 400ms
}

    #main-container section.section.animation-2 header.section-header .toggle-button button:before, #main-container section.section.animation-2 header.section-header .toggle-button button:after {
        transition: transform 200ms ease
    }

@media screen and (max-width: 48em) {
    #main-container section.section header.section-header {
        height: 6.25rem;
        padding: 1.75rem .9375rem
    }

        #main-container section.section header.section-header h1 {
            font-size: 1.875rem;
            line-height: 2.75rem;
            letter-spacing: -1px;
            color: #1e1e1e
        }

    html[lang="zh-Hant"] #main-container section.section header.section-header h1 {
        font-size: 1.875rem
    }

    #main-container section.section header.section-header .toggle-button {
        display: block;
        margin-top: -15px;
        right: 15px
    }

        #main-container section.section header.section-header .toggle-button button.large {
            display: none
        }

        #main-container section.section header.section-header .toggle-button button.small {
            display: block
        }
}

#sticky-header {
    height: 0 !important;
    z-index: 500
}

    #sticky-header #sticky-header-bar {
        width: 100%
    }

        #sticky-header #sticky-header-bar ul {
            margin: 0;
            padding: 0;
            list-style: none
        }

            #sticky-header #sticky-header-bar ul li a {
                position: absolute;
                display: none;
                top: 0;
                left: 0;
                width: 100%;
                height: auto;
                height: 7.5rem;
                border-bottom: 1px solid #1e1e1e;
                padding: 0 1.875rem;
                cursor: default
            }

                #sticky-header #sticky-header-bar ul li a span {
                    font-size: 3.125rem;
                    line-height: 7.5rem;
                    letter-spacing: -1px;
                    color: #1e1e1e;
                    margin: 0;
                    font-weight: 300
                }

html[lang="zh-Hant"] #sticky-header #sticky-header-bar ul li a span {
    font-size: 2.875rem
}

#sticky-header #sticky-header-bar ul li a.active {
    transition: transform 250ms;
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
    display: block
}

    #sticky-header #sticky-header-bar ul li a.active.translate {
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }

#sticky-header #sticky-header-bar ul li a#sticky-key-dates-section {
    background-color: #f5f5f5
}

#sticky-header #sticky-header-bar ul li a#sticky-judges-section {
    background-color: #fff
}

#sticky-header #sticky-header-bar ul li a#sticky-awards-section {
    background-color: #B6A171
}

#sticky-header #sticky-header-bar ul li a#sticky-submission-section {
    background-color: #dcdcdc
}

@media screen and (max-width: 48em) {
    #sticky-header {
        display: none
    }
}

.section-hook {
    position: relative;
    top: -3.75rem
}

@media screen and (max-width: 48em) {
    .section-hook {
        top: -6.25rem
    }
}

@media (max-width: 374px) {
    .section-hook {
        top: -5rem
    }
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: none
}

    select::-ms-expand {
        display: none
    }

input::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0
}

::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    right: 0
}

.is-invalid-input:not(:focus) {
    background-color: transparent;
    border-color: transparent
}

div#about {
    outline: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 600;
    display: none;
    width: 100%;
    height: 100%;
    background-color: #1e1e1e;
    overflow-y: auto
}

    div#about.show {
        display: block
    }

    div#about > h1 {
        display: none
    }

    div#about:before {
        content: '';
        display: block;
        width: 1px;
        height: 100%;
        position: fixed;
        left: 50%;
        top: 0;
        background-color: #f5f5f5
    }

    div#about > div.about-container {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        z-index: 1
    }

        div#about > div.about-container:after {
            display: block;
            clear: both;
            content: ''
        }

        div#about > div.about-container > .section {
            display: block;
            width: 50%;
            height: auto;
            padding: 1.875rem 5.625rem 1.875rem 1.875rem;
            float: left
        }

            div#about > div.about-container > .section h2 {
                font-size: 1.25rem;
                line-height: 1.75rem;
                letter-spacing: 0;
                color: #1e1e1e;
                margin-bottom: 0
            }

html[lang="zh-Hant"] div#about > div.about-container > .section h2 {
    font-size: 1.1875rem
}

div#about > div.about-container > .section p {
    margin-bottom: 1.75rem
}

div#about > div.about-container > .section h2, div#about > div.about-container > .section p, div#about > div.about-container > .section hr.dot-hr:before {
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0;
    color: #fff
}

html[lang="zh-Hant"] div#about > div.about-container > .section h2, html[lang="zh-Hant"] div#about > div.about-container > .section p, html[lang="zh-Hant"] div#about > div.about-container > .section hr.dot-hr:before {
    font-size: 1.1875rem
}

div#about > div.about-container > .section hr.dot-hr {
    display: block;
    height: auto;
    border-bottom-width: 0;
    margin: 0
}

    div#about > div.about-container > .section hr.dot-hr:before {
        display: block;
        content: '•'
    }

div#about > #about-close {
    position: fixed;
    top: 1.875rem;
    right: 1.875rem;
    display: block;
    cursor: pointer;
    z-index: 2
}

    div#about > #about-close svg {
        width: 100%;
        height: 100%
    }

    div#about > #about-close .large {
        display: block
    }

    div#about > #about-close .small {
        display: none
    }

@media (min-width: 768px) and (max-width: 1119px) {
    div#about > div.about-container > .section h2 {
        font-size: 1.125rem;
        line-height: 1.625rem
    }

    html[lang="zh-Hant"] div#about > div.about-container > .section h2 {
        font-size: 1.0625rem
    }

    div#about > div.about-container > .section p {
        margin-bottom: 1.625rem
    }

    div#about > div.about-container > .section h2, div#about > div.about-container > .section p, div#about > div.about-container > .section hr.dot-hr:before {
        font-size: 1.125rem;
        line-height: 1.625rem
    }

    html[lang="zh-Hant"] div#about > div.about-container > .section h2, html[lang="zh-Hant"] div#about > div.about-container > .section p, html[lang="zh-Hant"] div#about > div.about-container > .section hr.dot-hr:before {
        font-size: 1.0625rem
    }
}

@media (min-width: 768px) and (max-width: 768px) {
    div#about > div.about-container > .section {
        padding-right: 4.5625rem
    }
}

@media screen and (max-width: 48em) {
    div#about > #about-close {
        width: 1.875rem;
        height: 1.875rem
    }

        div#about > #about-close .large {
            display: none
        }

        div#about > #about-close .small {
            display: block
        }
}

@media (max-width: 767px) {
    div#about:before {
        display: none
    }

    div#about > div.about-container > .left-section {
        border-bottom: 1px solid #f5f5f5
    }

    div#about > div.about-container > .section {
        width: 100%;
        padding: 1.875rem 5.625rem 3.75rem 1.875rem;
        float: none
    }

        div#about > div.about-container > .section h2 {
            font-size: 1.125rem;
            line-height: 1.625rem
        }

    html[lang="zh-Hant"] div#about > div.about-container > .section h2 {
        font-size: 1.0625rem
    }

    div#about > div.about-container > .section p {
        margin-bottom: 1.625rem
    }

    div#about > div.about-container > .section h2, div#about > div.about-container > .section p, div#about > div.about-container > .section hr.dot-hr:before {
        font-size: 1.125rem;
        line-height: 1.625rem
    }

    html[lang="zh-Hant"] div#about > div.about-container > .section h2, html[lang="zh-Hant"] div#about > div.about-container > .section p, html[lang="zh-Hant"] div#about > div.about-container > .section hr.dot-hr:before {
        font-size: 1.0625rem
    }
}

@media (max-width: 479px) {
    div#about {
        right: 0;
        bottom: 0;
        overflow: auto
    }

        div#about:before {
            position: fixed;
            left: 0;
            top: 0;
            display: block;
            width: 100%;
            height: 4.375rem;
            content: '';
            background-color: #1e1e1e;
            z-index: 2
        }

        div#about > div.about-container {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch
        }

            div#about > div.about-container > .section {
                padding: 1.0625rem 1.25rem 2.5rem
            }

                div#about > div.about-container > .section.left-section {
                    padding-top: 4.375rem
                }

                div#about > div.about-container > .section h2 {
                    font-size: 1rem;
                    line-height: 1.4375rem
                }

                div#about > div.about-container > .section p {
                    margin-bottom: 1.4375rem
                }

                div#about > div.about-container > .section h2, div#about > div.about-container > .section p, div#about > div.about-container > .section hr.dot-hr:before {
                    font-size: 1rem;
                    line-height: 1.4375rem
                }

        div#about > #about-close {
            top: 1.25rem;
            right: 50%;
            margin-right: -.9375rem
        }
}

@media (max-width: 374px) {
    div#about:before {
        height: 3.75rem
    }

    div#about > div.about-container > .section.left-section {
        padding-top: 3.75rem
    }

    div#about > #about-close {
        top: .9375rem
    }
}

div#eligibility {
    outline: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 601;
    display: none;
    width: 100%;
    height: 100%;
    background-color: #1e1e1e;
    overflow-y: auto
}

    div#eligibility.show {
        display: block
    }

    div#eligibility > h1 {
        display: none
    }

    div#eligibility:before {
        content: '';
        display: block;
        width: 1px;
        height: 100%;
        position: fixed;
        left: 50%;
        top: 0;
        background-color: #f5f5f5
    }

    div#eligibility > div.eligibility-container {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        z-index: 1
    }

        div#eligibility > div.eligibility-container:after {
            display: block;
            clear: both;
            content: ''
        }

        div#eligibility > div.eligibility-container > .section {
            display: block;
            width: 50%;
            height: auto;
            padding: 1.875rem 5.625rem 1.875rem 1.875rem;
            float: left
        }

            div#eligibility > div.eligibility-container > .section h2 {
                font-size: 1.25rem;
                line-height: 1.75rem;
                letter-spacing: 0;
                color: #1e1e1e;
                margin-bottom: 0
            }

html[lang="zh-Hant"] div#eligibility > div.eligibility-container > .section h2 {
    font-size: 1.1875rem
}

div#eligibility > div.eligibility-container > .section p {
    margin-bottom: 1.75rem
}

div#eligibility > div.eligibility-container > .section h2, div#eligibility > div.eligibility-container > .section p, div#eligibility > div.eligibility-container > .section hr.dot-hr:before {
    font-size: 3.125rem;
    line-height: 3.75rem;
    letter-spacing: -1px;
    color: #fff;
    font-weight: 300
}

html[lang="zh-Hant"] div#eligibility > div.eligibility-container > .section h2, html[lang="zh-Hant"] div#eligibility > div.eligibility-container > .section p, html[lang="zh-Hant"] div#eligibility > div.eligibility-container > .section hr.dot-hr:before {
    font-size: 2.875rem
}

html[lang="zh-Hant"] div#eligibility > div.eligibility-container > .section h2, html[lang="zh-Hant"] div#eligibility > div.eligibility-container > .section p, html[lang="zh-Hant"] div#eligibility > div.eligibility-container > .section hr.dot-hr:before {
    line-height: 3.625rem
}

div#eligibility > div.eligibility-container > .section hr.dot-hr {
    display: block;
    height: auto;
    border-bottom-width: 0;
    margin: 0
}

    div#eligibility > div.eligibility-container > .section hr.dot-hr:before {
        display: block;
        content: '•'
    }

div#eligibility > #eligibility-close {
    position: fixed;
    top: 1.875rem;
    right: 1.875rem;
    display: block;
    cursor: pointer;
    z-index: 2
}

    div#eligibility > #eligibility-close svg {
        width: 100%;
        height: 100%
    }

    div#eligibility > #eligibility-close .large {
        display: block
    }

    div#eligibility > #eligibility-close .small {
        display: none
    }

@media (min-width: 768px) and (max-width: 1119px) {
    div#eligibility > div.eligibility-container > .section p {
        margin-bottom: 1.625rem
    }
}

@media (min-width: 768px) and (max-width: 768px) {
    div#eligibility > div.eligibility-container > .section {
        padding-right: 4.5625rem
    }
}

@media screen and (max-width: 48em) {
    div#eligibility > #eligibility-close {
        width: 1.875rem;
        height: 1.875rem
    }

        div#eligibility > #eligibility-close .large {
            display: none
        }

        div#eligibility > #eligibility-close .small {
            display: block
        }
}

@media (max-width: 767px) {
    div#eligibility:before {
        display: none
    }

    div#eligibility > div.eligibility-container > .section {
        width: 100%;
        padding: 1.875rem 5.625rem 3.75rem 1.875rem;
        float: none
    }

        div#eligibility > div.eligibility-container > .section p {
            margin-bottom: 1.625rem
        }
}

@media (max-width: 479px) {
    div#eligibility {
        right: 0;
        bottom: 0;
        overflow: auto
    }

        div#eligibility:before {
            position: fixed;
            left: 0;
            top: 0;
            display: block;
            width: 100%;
            height: 4.375rem;
            content: '';
            background-color: #1e1e1e;
            z-index: 2
        }

        div#eligibility > div.eligibility-container {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch
        }

            div#eligibility > div.eligibility-container > .section {
                padding: 1.0625rem 1.25rem 2.5rem
            }

                div#eligibility > div.eligibility-container > .section.left-section {
                    padding-top: 4.375rem
                }

                div#eligibility > div.eligibility-container > .section p {
                    margin-bottom: 1.4375rem
                }

        div#eligibility > #eligibility-close {
            top: 1.25rem;
            right: 50%;
            margin-right: -.9375rem
        }
}

@media (max-width: 414px) {
    div#eligibility > div.eligibility-container > .section h2, div#eligibility > div.eligibility-container > .section p, div#eligibility > div.eligibility-container > .section hr.dot-hr:before {
        font-size: 2.75rem;
        line-height: 3.375rem
    }

    html[lang="zh-Hant"] div#eligibility > div.eligibility-container > .section h2, html[lang="zh-Hant"] div#eligibility > div.eligibility-container > .section p, html[lang="zh-Hant"] div#eligibility > div.eligibility-container > .section hr.dot-hr:before {
        font-size: 2.75rem
    }
}

@media (max-width: 374px) {
    div#eligibility:before {
        height: 3.75rem
    }

    div#eligibility > div.eligibility-container > .section.left-section {
        padding-top: 3.75rem
    }

    div#eligibility > #eligibility-close {
        top: .9375rem
    }
}

div#terms-and-conditions {
    outline: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 600;
    display: none;
    width: 100%;
    height: 100%;
    background-color: #dcdcdc;
    overflow-y: auto
}

    div#terms-and-conditions.show {
        display: block
    }

    div#terms-and-conditions > h1 {
        display: none
    }

    div#terms-and-conditions:before {
        content: '';
        display: block;
        width: 1px;
        height: 100%;
        position: fixed;
        left: 50%;
        top: 0;
        background-color: #1e1e1e
    }

    div#terms-and-conditions > div.terms-and-conditions-container {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        z-index: 1
    }

        div#terms-and-conditions > div.terms-and-conditions-container:after {
            display: block;
            clear: both;
            content: ''
        }

        div#terms-and-conditions > div.terms-and-conditions-container > .section {
            display: block;
            width: 50%;
            height: auto;
            padding: 1.875rem 5.625rem 1.875rem 1.875rem;
            float: left
        }

            div#terms-and-conditions > div.terms-and-conditions-container > .section h2 {
                font-size: 1.25rem;
                line-height: 1.75rem;
                letter-spacing: 0;
                color: #1e1e1e;
                margin-bottom: 0
            }

html[lang="zh-Hant"] div#terms-and-conditions > div.terms-and-conditions-container > .section h2 {
    font-size: 1.1875rem
}

div#terms-and-conditions > div.terms-and-conditions-container > .section p {
    margin-bottom: 0
}

div#terms-and-conditions > div.terms-and-conditions-container > .section h2, div#terms-and-conditions > div.terms-and-conditions-container > .section p, div#terms-and-conditions > div.terms-and-conditions-container > .section hr.dot-hr:before {
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0;
    color: #1e1e1e
}

html[lang="zh-Hant"] div#terms-and-conditions > div.terms-and-conditions-container > .section h2, html[lang="zh-Hant"] div#terms-and-conditions > div.terms-and-conditions-container > .section p, html[lang="zh-Hant"] div#terms-and-conditions > div.terms-and-conditions-container > .section hr.dot-hr:before {
    font-size: 1.1875rem
}

div#terms-and-conditions > div.terms-and-conditions-container > .section hr.dot-hr {
    display: block;
    height: auto;
    border-bottom-width: 0;
    margin: 0
}

    div#terms-and-conditions > div.terms-and-conditions-container > .section hr.dot-hr:before {
        display: block;
        content: '•'
    }

div#terms-and-conditions > #tnc-close {
    position: fixed;
    top: 1.875rem;
    right: 1.875rem;
    display: block;
    cursor: pointer;
    z-index: 2
}

    div#terms-and-conditions > #tnc-close svg {
        width: 100%;
        height: 100%
    }

    div#terms-and-conditions > #tnc-close .large {
        display: block
    }

    div#terms-and-conditions > #tnc-close .small {
        display: none
    }

@media (min-width: 768px) and (max-width: 1119px) {
    div#terms-and-conditions > div.terms-and-conditions-container > .section h2 {
        font-size: 1.125rem;
        line-height: 1.625rem
    }

    html[lang="zh-Hant"] div#terms-and-conditions > div.terms-and-conditions-container > .section h2 {
        font-size: 1.0625rem
    }

    div#terms-and-conditions > div.terms-and-conditions-container > .section p {
        margin-bottom: 1.625rem
    }

    div#terms-and-conditions > div.terms-and-conditions-container > .section h2, div#terms-and-conditions > div.terms-and-conditions-container > .section p, div#terms-and-conditions > div.terms-and-conditions-container > .section hr.dot-hr:before {
        font-size: 1.125rem;
        line-height: 1.625rem
    }

    html[lang="zh-Hant"] div#terms-and-conditions > div.terms-and-conditions-container > .section h2, html[lang="zh-Hant"] div#terms-and-conditions > div.terms-and-conditions-container > .section p, html[lang="zh-Hant"] div#terms-and-conditions > div.terms-and-conditions-container > .section hr.dot-hr:before {
        font-size: 1.0625rem
    }
}

@media (min-width: 768px) and (max-width: 768px) {
    div#terms-and-conditions > div.terms-and-conditions-container > .section {
        padding-right: 4.5625rem
    }
}

@media screen and (max-width: 48em) {
    div#terms-and-conditions > #tnc-close {
        width: 1.875rem;
        height: 1.875rem
    }

        div#terms-and-conditions > #tnc-close .large {
            display: none
        }

        div#terms-and-conditions > #tnc-close .small {
            display: block
        }
}

@media (max-width: 767px) {
    div#terms-and-conditions:before {
        display: none
    }

    div#terms-and-conditions > h1 {
        font-size: 1.125rem;
        line-height: 1.625rem;
        display: block;
        border-bottom: 1px solid #1e1e1e;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        padding: 1.875rem 5.625rem 1.875rem 1.875rem;
        background-color: #dcdcdc;
        z-index: 2
    }

    html[lang="zh-Hant"] div#terms-and-conditions > h1 {
        font-size: 1.0625rem
    }

    div#terms-and-conditions > div.terms-and-conditions-container > .section {
        width: 100%;
        padding: 1.875rem 5.625rem 3.75rem 1.875rem;
        float: none
    }

        div#terms-and-conditions > div.terms-and-conditions-container > .section h2 {
            font-size: 1.125rem;
            line-height: 1.625rem
        }

    html[lang="zh-Hant"] div#terms-and-conditions > div.terms-and-conditions-container > .section h2 {
        font-size: 1.0625rem
    }

    div#terms-and-conditions > div.terms-and-conditions-container > .section p {
        margin-bottom: 1.625rem
    }

    div#terms-and-conditions > div.terms-and-conditions-container > .section h2, div#terms-and-conditions > div.terms-and-conditions-container > .section p, div#terms-and-conditions > div.terms-and-conditions-container > .section hr.dot-hr:before {
        font-size: 1.125rem;
        line-height: 1.625rem
    }

    html[lang="zh-Hant"] div#terms-and-conditions > div.terms-and-conditions-container > .section h2, html[lang="zh-Hant"] div#terms-and-conditions > div.terms-and-conditions-container > .section p, html[lang="zh-Hant"] div#terms-and-conditions > div.terms-and-conditions-container > .section hr.dot-hr:before {
        font-size: 1.0625rem
    }

    div#terms-and-conditions > div.terms-and-conditions-container > .right-section {
        padding-top: 7.3125rem
    }

    div#terms-and-conditions > div.terms-and-conditions-container > .left-section {
        display: none
    }
}

@media (max-width: 479px) {
    div#terms-and-conditions {
        right: 0;
        bottom: 0;
        overflow: auto
    }

        div#terms-and-conditions:before {
            position: fixed;
            left: 0;
            top: 0;
            display: block;
            width: 100%;
            height: 4.375rem;
            content: '';
            background-color: transparent;
            z-index: 2
        }

        div#terms-and-conditions > h1 {
            font-size: 1rem;
            line-height: 1.4375rem;
            padding: 4.375rem 1.25rem 1.875rem
        }

        div#terms-and-conditions > div.terms-and-conditions-container {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch
        }

            div#terms-and-conditions > div.terms-and-conditions-container > .section {
                padding: 1.0625rem 1.25rem 2.5rem
            }

                div#terms-and-conditions > div.terms-and-conditions-container > .section.right-section {
                    padding-top: 8.8125rem
                }

                div#terms-and-conditions > div.terms-and-conditions-container > .section h2 {
                    font-size: 1rem;
                    line-height: 1.4375rem
                }

                div#terms-and-conditions > div.terms-and-conditions-container > .section p {
                    margin-bottom: 1.4375rem
                }

                div#terms-and-conditions > div.terms-and-conditions-container > .section h2, div#terms-and-conditions > div.terms-and-conditions-container > .section p, div#terms-and-conditions > div.terms-and-conditions-container > .section hr.dot-hr:before {
                    font-size: 1rem;
                    line-height: 1.4375rem
                }

        div#terms-and-conditions > #tnc-close {
            top: 1.25rem;
            right: 50%;
            margin-right: -.9375rem
        }
}

@media (max-width: 374px) {
    div#terms-and-conditions:before {
        height: 3.75rem
    }

    div#terms-and-conditions > h1 {
        padding-top: 3.75rem
    }

    div#terms-and-conditions > div.terms-and-conditions-container > .section.right-section {
        padding-top: 8.1875rem
    }

    div#terms-and-conditions > #tnc-close {
        top: .9375rem
    }
}

body.account header#root-header #main-menu ul li a.home {
    display: none
}

body.account header#root-header #main-menu ul li a.account.home, body.account header#root-header #main-menu ul li a.account {
    display: inline-block
}

body.index header#root-header #main-menu ul li a.account.home, body.index header#root-header #main-menu ul li a.home {
    display: inline-block
}

body.index header#root-header #main-menu ul li a.account {
    display: none
}

header#root-header {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 3.75rem;
    background-color: #fff;
    z-index: 500
}

    header#root-header:after {
        position: absolute;
        background-color: #1e1e1e;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        content: '';
        z-index: 515
    }

    header#root-header .message {
        transition: all 400ms;
        position: absolute;
        cursor: pointer;
        width: 100%;
        z-index: 550;
        text-align: center;
        background-color: #1e1e1e;
        top: 0;
        left: 0;
        height: 100%;
        overflow: hidden
    }

        header#root-header .message.closed {
            opacity: 0;
            height: 0 !important
        }

        header#root-header .message .message-content {
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
            font-size: .9375rem;
            line-height: 1.375rem;
            letter-spacing: 0;
            color: #1e1e1e;
            position: absolute;
            top: 50%;
            left: 1.75rem;
            right: 1.75rem;
            color: #fff
        }

html[lang="zh-Hant"] header#root-header .message .message-content {
    font-size: .9375rem
}

header#root-header .message .dismiss {
    cursor: pointer;
    position: absolute;
    width: 1.25rem;
    height: 1.25rem;
    top: 1.25rem;
    right: 1.25rem
}

header#root-header .message.success {
    background-color: #A68E63
}

header#root-header .message.info {
    background-color: #5a3795
}

header#root-header .message.error {
    background-color: #f15a22
}

header#root-header #root-header-main-container {
    position: relative;
    padding: 0 0 0 25%;
    text-align: center;
    background-color: #fff;
    z-index: 500
}

    header#root-header #root-header-main-container #identity {
        font-size: 1.5rem;
        line-height: 3.75rem;
        letter-spacing: 0;
        color: #1e1e1e;
        display: inline-block
    }

header#root-header #main-menu-toggle-button {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 510;
    display: block;
    width: 25%;
    height: 3.75rem;
    text-align: center;
    border-right: 1px solid #1e1e1e
}

    header#root-header #main-menu-toggle-button .line-button {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -15px;
        margin-top: -15px;
        display: inline-block;
        width: 30px;
        height: 30px
    }

        header#root-header #main-menu-toggle-button .line-button .line {
            transition: top 200ms;
            display: block;
            width: 100%;
            height: 2px;
            position: absolute;
            left: 0;
            background-color: #1e1e1e
        }

            header#root-header #main-menu-toggle-button .line-button .line.upper {
                display: block;
                top: 9px
            }

            header#root-header #main-menu-toggle-button .line-button .line.middle {
                display: block;
                top: 15px
            }

            header#root-header #main-menu-toggle-button .line-button .line.bottom {
                display: block;
                top: 21px
            }

            header#root-header #main-menu-toggle-button .line-button .line span {
                display: none
            }

header#root-header #account-logged-in {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 510;
    background-color: #fff;
    border-left: 1px solid #1e1e1e;
    display: block;
    width: 25%;
    height: 100%;
    overflow: hidden;
    padding-left: .875rem
}

    header#root-header #account-logged-in span {
        margin-right: .5rem;
        vertical-align: middle
    }

    header#root-header #account-logged-in a, header#root-header #account-logged-in span {
        font-size: 1.25rem;
        line-height: 3.75rem;
        letter-spacing: 0;
        color: #1e1e1e;
        display: inline-block;
        vertical-align: middle
    }

html[lang="zh-Hant"] header#root-header #account-logged-in a, html[lang="zh-Hant"] header#root-header #account-logged-in span {
    font-size: 1.1875rem
}

header#root-header #account-logged-in a {
    display: block;
    height: 3.75rem;
    line-height: 0
}

    header#root-header #account-logged-in a:before {
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        display: inline-block;
        width: 1.25rem;
        height: 1.25rem;
        background-image: url(../img/symbols/user-icon.png);
        content: '';
        vertical-align: middle;
        margin-right: .625rem
    }

header#root-header #account-menu {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 510;
    background-color: #fff;
    display: block;
    width: 25%
}

    header#root-header #account-menu ul {
        list-style: none;
        margin: 0;
        font-size: 0
    }

        header#root-header #account-menu ul > li {
            font-size: 1.25rem;
            line-height: 3.75rem;
            letter-spacing: 0;
            color: #1e1e1e;
            display: block;
            float: left;
            width: 50%;
            text-align: left;
            border-left: 1px solid #1e1e1e
        }

html[lang="zh-Hant"] header#root-header #account-menu ul > li {
    font-size: 1.1875rem
}

header#root-header #account-menu ul > li a {
    font-size: 1.25rem;
    line-height: 3.75rem;
    letter-spacing: 0;
    color: #1e1e1e;
    position: relative;
    display: inline-block;
    width: 100%;
    padding-left: 2.625rem
}

html[lang="zh-Hant"] header#root-header #account-menu ul > li a {
    font-size: 1.1875rem
}

header#root-header #account-menu ul > li a:before {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../img/symbols/checkbox.svg);
    display: block;
    content: '';
    width: 1.125rem;
    height: 1.125rem;
    position: absolute;
    left: .875rem;
    top: 1.3125rem
}

header#root-header #account-menu ul > li a:after {
    transition: opacity 100ms;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../img/symbols/checkbox-tick.svg);
    position: absolute;
    bottom: 1.4375rem;
    left: 1rem;
    display: block;
    content: '';
    width: 1.375rem;
    height: 1.25rem;
    opacity: 0
}

header#root-header #account-menu ul > li a.checked:after, header#root-header #account-menu ul > li a:hover:after {
    opacity: 1
}

header#root-header #language-switcher {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 1.875rem;
    height: 100%;
    border-left: 1px solid #1e1e1e;
    list-style: none;
    z-index: 511;
    margin: 0
}

    header#root-header #language-switcher li {
        transition: background-color 200ms;
        display: block;
        height: 50%;
        border-top: 1px solid #1e1e1e
    }

        header#root-header #language-switcher li:first-child {
            border-top-width: 0
        }

        header#root-header #language-switcher li a {
            transition: color 200ms;
            font-size: .75rem;
            line-height: 1.875rem;
            letter-spacing: 0;
            color: #1e1e1e;
            display: inline-block;
            width: 100%;
            text-align: center
        }

        header#root-header #language-switcher li:hover {
            background-color: #1e1e1e
        }

            header#root-header #language-switcher li:hover a {
                color: #f5f5f5
            }

header#root-header #main-menu {
    transition: bottom 200ms;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 100%;
    display: block;
    width: 25%;
    background-color: #fff;
    border-right: 1px solid #1e1e1e;
    overflow: hidden
}

    header#root-header #main-menu #main-menu-social-networks {
        position: absolute;
        display: block;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3.75rem;
        border-top: 1px solid #1e1e1e
    }

        header#root-header #main-menu #main-menu-social-networks .main-menu-sns {
            position: absolute;
            top: 50%;
            line-height: 0;
            display: inline-block
        }

            header#root-header #main-menu #main-menu-social-networks .main-menu-sns img {
                width: 100%;
                height: auto
            }

        header#root-header #main-menu #main-menu-social-networks #main-menu-ig {
            right: 1.4375rem;
            width: 1.125rem;
            margin-top: -.5625rem
        }

        header#root-header #main-menu #main-menu-social-networks #main-menu-fb {
            left: 1.375rem;
            width: .5rem;
            margin-top: -.5rem
        }

        header#root-header #main-menu #main-menu-social-networks #main-menu-copyright {
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
            font-size: .75rem;
            line-height: .875rem;
            letter-spacing: 0;
            color: #1e1e1e;
            display: inline-block;
            text-align: center;
            padding: 0 2.5625rem;
            position: absolute;
            top: 50%;
            left: 0;
            right: 0
        }

    header#root-header #main-menu ul {
        position: relative;
        list-style: none;
        margin: 5rem 0 0;
        padding: 0
    }

        header#root-header #main-menu ul li {
            text-align: center
        }

            header#root-header #main-menu ul li a {
                font-size: 1.25rem;
                line-height: 1.75rem;
                letter-spacing: 0;
                color: #1e1e1e;
                display: inline-block;
                position: relative;
                text-align: center;
                width: auto;
                padding: .9375rem .625rem
            }

html[lang="zh-Hant"] header#root-header #main-menu ul li a {
    font-size: 1.1875rem
}

header#root-header #main-menu ul li a:before {
    transition: width 200ms;
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 1.5px;
    margin-top: 2px;
    background-color: #1e1e1e;
    content: ''
}

html.desktop header#root-header #main-menu ul li a:hover:before {
    width: 100%
}

header#root-header #header-panels {
    transition: bottom 200ms;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 100%;
    width: 25%;
    height: 0;
    overflow-x: hidden;
    z-index: 520;
    border-left: 1px solid #1e1e1e;
    background-color: #fff
}

    header#root-header #header-panels #header-panels-container {
        transition: transform 200ms;
        display: none;
        position: relative;
        width: 300%;
        height: 100%
    }

        header#root-header #header-panels #header-panels-container > div {
            display: block;
            width: 33.3%;
            height: 100%;
            position: absolute;
            top: 0
        }

            header#root-header #header-panels #header-panels-container > div#register-panel {
                left: 0
            }

            header#root-header #header-panels #header-panels-container > div#login-panel {
                left: 33.3%
            }

            header#root-header #header-panels #header-panels-container > div#forgot-panel {
                right: 0
            }

    header#root-header #header-panels button.button {
        box-sizing: border-box
    }

        header#root-header #header-panels button.button:hover {
            color: #f5f5f5;
            background-color: #1e1e1e
        }

    header#root-header #header-panels input[type="text"], header#root-header #header-panels input[type="email"], header#root-header #header-panels input[type="password"] {
        border-bottom-color: #1e1e1e
    }

        header#root-header #header-panels input[type="text"]:focus, header#root-header #header-panels input[type="email"]:focus, header#root-header #header-panels input[type="password"]:focus {
            border-bottom-color: #1e1e1e
        }

header#root-header #register-panel {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    z-index: 520;
    background-color: #fff
}

    header#root-header #register-panel #register-menu-toggle-button-container {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 3.75rem;
        text-align: center
    }

        header#root-header #register-panel #register-menu-toggle-button-container #register-menu-toggle-button {
            display: inline-block;
            width: 1.875rem;
            height: 1.875rem;
            margin-top: .9375rem;
            position: relative
        }

            header#root-header #register-panel #register-menu-toggle-button-container #register-menu-toggle-button span {
                display: none
            }

            header#root-header #register-panel #register-menu-toggle-button-container #register-menu-toggle-button:before {
                content: '';
                display: block;
                width: 100%;
                height: .125rem;
                background-color: #1e1e1e;
                position: absolute;
                top: .875rem;
                left: 0
            }

    header#root-header #register-panel .title {
        font-size: 1.25rem;
        line-height: 1.75rem;
        letter-spacing: 0;
        color: #1e1e1e;
        position: relative;
        padding-top: .625rem;
        padding-bottom: 5rem;
        text-align: center
    }

html[lang="zh-Hant"] header#root-header #register-panel .title {
    font-size: 1.1875rem
}

header#root-header #register-panel #register-closed {
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0;
    color: #1e1e1e;
    margin-top: -1.25rem;
    padding: 0 10%;
    text-align: center
}

html[lang="zh-Hant"] header#root-header #register-panel #register-closed {
    font-size: 1.1875rem
}

header#root-header #register-panel #register-form {
    padding: 0 6.25% 7.375rem
}

    header#root-header #register-panel #register-form label {
        font-size: .625rem;
        line-height: .75rem;
        letter-spacing: 1px;
        color: #1e1e1e;
        margin-bottom: .3125rem
    }

html[lang="zh-Hant"] header#root-header #register-panel #register-form label {
    font-size: .75rem;
    line-height: .75rem
}

header#root-header #register-panel #register-form input {
    font-size: .9375rem;
    line-height: 2rem;
    letter-spacing: 0;
    color: #1e1e1e;
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    box-shadow: none;
    padding: 0;
    margin: 0
}

html[lang="zh-Hant"] header#root-header #register-panel #register-form input {
    font-size: .9375rem
}

header#root-header #register-panel #register-form fieldset {
    margin-bottom: 1.875rem
}

    header#root-header #register-panel #register-form fieldset.password {
        margin-bottom: 1.25rem
    }

header#root-header #register-panel #register-form button {
    width: 100%
}

header#root-header #register-panel #register-have-account {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 6.25% 1.25rem;
    width: 100%;
    box-sizing: border-box
}

    header#root-header #register-panel #register-have-account div {
        font-size: 1.25rem;
        line-height: 1.75rem;
        letter-spacing: 0;
        color: #1e1e1e;
        margin-bottom: .625rem;
        text-align: center
    }

html[lang="zh-Hant"] header#root-header #register-panel #register-have-account div {
    font-size: 1.1875rem
}

header#root-header #register-panel #register-have-account button {
    width: 100%
}

header#root-header #login-panel {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    z-index: 520;
    background-color: #fff
}

    header#root-header #login-panel #login-menu-toggle-button-container {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 3.75rem;
        text-align: center
    }

        header#root-header #login-panel #login-menu-toggle-button-container #login-menu-toggle-button {
            display: inline-block;
            width: 1.875rem;
            height: 1.875rem;
            margin-top: .9375rem;
            position: relative
        }

            header#root-header #login-panel #login-menu-toggle-button-container #login-menu-toggle-button span {
                display: none
            }

            header#root-header #login-panel #login-menu-toggle-button-container #login-menu-toggle-button:before {
                content: '';
                display: block;
                width: 100%;
                height: .125rem;
                background-color: #1e1e1e;
                position: absolute;
                top: .875rem;
                left: 0
            }

    header#root-header #login-panel .title {
        font-size: 1.25rem;
        line-height: 1.75rem;
        letter-spacing: 0;
        color: #1e1e1e;
        position: relative;
        padding-top: .625rem;
        padding-bottom: 5rem;
        text-align: center
    }

html[lang="zh-Hant"] header#root-header #login-panel .title {
    font-size: 1.1875rem
}

header#root-header #login-panel #login-form {
    padding: 0 6.25% 7.375rem
}

    header#root-header #login-panel #login-form label {
        font-size: .625rem;
        line-height: .75rem;
        letter-spacing: 1px;
        color: #1e1e1e;
        margin-bottom: .3125rem
    }

html[lang="zh-Hant"] header#root-header #login-panel #login-form label {
    font-size: .75rem;
    line-height: .75rem
}

header#root-header #login-panel #login-form input {
    font-size: .9375rem;
    line-height: 2rem;
    letter-spacing: 0;
    color: #1e1e1e;
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    box-shadow: none;
    padding: 0;
    margin: 0
}

html[lang="zh-Hant"] header#root-header #login-panel #login-form input {
    font-size: .9375rem
}

header#root-header #login-panel #login-form fieldset {
    margin-bottom: 1.875rem
}

    header#root-header #login-panel #login-form fieldset.password {
        margin-bottom: 1.25rem
    }

header#root-header #login-panel #login-form button {
    width: 100%
}

header#root-header #login-panel #login-form #login-forgot-password {
    font-size: .875rem;
    line-height: 1.25rem;
    letter-spacing: 0;
    color: #aaa;
    display: block;
    margin-top: .9375rem;
    text-align: center
}

html[lang="zh-Hant"] header#root-header #login-panel #login-form #login-forgot-password {
    font-size: .875rem
}

header#root-header #login-panel #login-have-account {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 6.25% 1.25rem;
    width: 100%;
    box-sizing: border-box
}

    header#root-header #login-panel #login-have-account div {
        font-size: 1.25rem;
        line-height: 1.75rem;
        letter-spacing: 0;
        color: #1e1e1e;
        margin-bottom: .625rem;
        text-align: center
    }

html[lang="zh-Hant"] header#root-header #login-panel #login-have-account div {
    font-size: 1.1875rem
}

header#root-header #login-panel #login-have-account button {
    width: 100%
}

header#root-header #forgot-panel {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    z-index: 520;
    background-color: #fff
}

    header#root-header #forgot-panel #forgot-menu-toggle-button-container {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 3.75rem;
        text-align: center
    }

        header#root-header #forgot-panel #forgot-menu-toggle-button-container #forgot-menu-toggle-button {
            display: inline-block;
            width: 1.875rem;
            height: 1.875rem;
            margin-top: .9375rem;
            position: relative
        }

            header#root-header #forgot-panel #forgot-menu-toggle-button-container #forgot-menu-toggle-button span {
                display: none
            }

            header#root-header #forgot-panel #forgot-menu-toggle-button-container #forgot-menu-toggle-button:before {
                content: '';
                display: block;
                width: 100%;
                height: .125rem;
                background-color: #1e1e1e;
                position: absolute;
                top: .875rem;
                left: 0
            }

    header#root-header #forgot-panel .title {
        font-size: 1.25rem;
        line-height: 1.75rem;
        letter-spacing: 0;
        color: #1e1e1e;
        position: relative;
        padding-top: .625rem;
        padding-bottom: 5rem;
        text-align: center
    }

html[lang="zh-Hant"] header#root-header #forgot-panel .title {
    font-size: 1.1875rem
}

header#root-header #forgot-panel #forgot-form {
    padding: 0 6.25% 7.375rem
}

    header#root-header #forgot-panel #forgot-form label {
        font-size: .625rem;
        line-height: .75rem;
        letter-spacing: 1px;
        color: #1e1e1e;
        margin-bottom: .3125rem
    }

html[lang="zh-Hant"] header#root-header #forgot-panel #forgot-form label {
    font-size: .75rem;
    line-height: .75rem
}

header#root-header #forgot-panel #forgot-form input {
    font-size: .9375rem;
    line-height: 2rem;
    letter-spacing: 0;
    color: #1e1e1e;
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    box-shadow: none;
    padding: 0;
    margin: 0
}

html[lang="zh-Hant"] header#root-header #forgot-panel #forgot-form input {
    font-size: .9375rem
}

header#root-header #forgot-panel #forgot-form fieldset {
    margin-bottom: 1.875rem
}

    header#root-header #forgot-panel #forgot-form fieldset.password {
        margin-bottom: 1.25rem
    }

header#root-header #forgot-panel #forgot-form button {
    width: 100%
}

header#root-header #forgot-panel #forgot-form #forgot-remember-password {
    font-size: .875rem;
    line-height: 1.25rem;
    letter-spacing: 0;
    color: #aaa;
    display: block;
    margin-top: .9375rem;
    text-align: center
}

html[lang="zh-Hant"] header#root-header #forgot-panel #forgot-form #forgot-remember-password {
    font-size: .875rem
}

header#root-header #forgot-panel #forgot-have-account {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 6.25% 1.25rem;
    width: 100%
}

    header#root-header #forgot-panel #forgot-have-account div {
        font-size: 1.25rem;
        line-height: 1.75rem;
        letter-spacing: 0;
        color: #1e1e1e;
        margin-bottom: .625rem;
        text-align: center
    }

html[lang="zh-Hant"] header#root-header #forgot-panel #forgot-have-account div {
    font-size: 1.1875rem
}

header#root-header #forgot-panel #forgot-have-account button {
    width: 100%
}

header#root-header.opened-main-menu #main-menu-toggle-button .line-button .line.upper, header#root-header.opened-main-menu #main-menu-toggle-button .line-button .line.bottom {
    top: 14px
}

header#root-header.opened-main-menu #main-menu {
    bottom: 0
}

header#root-header.opened-register-menu #header-panels {
    height: 100vh;
    height: auto;
    bottom: 0
}

    header#root-header.opened-register-menu #header-panels #header-panels-container {
        display: block
    }

header#root-header.opened-register-menu #account-menu ul > li a#account-register:after {
    opacity: 1
}

header#root-header.opened-login-menu #header-panels {
    height: 100vh;
    height: auto;
    bottom: 0
}

    header#root-header.opened-login-menu #header-panels #header-panels-container {
        -ms-transform: translate(-33.3%, 0);
        transform: translate(-33.3%, 0);
        display: block
    }

header#root-header.opened-login-menu #account-menu ul > li a#account-login:after {
    opacity: 1
}

header#root-header.opened-forgot-menu #header-panels {
    height: 100vh;
    height: auto;
    bottom: 0
}

    header#root-header.opened-forgot-menu #header-panels #header-panels-container {
        -ms-transform: translate(-66.6%, 0);
        transform: translate(-66.6%, 0);
        display: block
    }

header#root-header.opened-forgot-menu #account-menu ul > li a#account-login:after {
    opacity: 1
}

@media (max-height: 31.25rem) {
    header#root-header #register-panel {
        position: absolute
    }

        header#root-header #register-panel #register-form {
            padding-bottom: 1.25rem
        }

        header#root-header #register-panel #register-have-account {
            position: relative
        }

    header#root-header #login-panel {
        position: absolute
    }

        header#root-header #login-panel #login-form {
            padding-bottom: 1.25rem
        }

        header#root-header #login-panel #login-have-account {
            position: relative
        }
}

@media screen and (max-width: 63.9375em) {
    header#root-header #main-menu-toggle-button .line-button {
        margin-left: -10px;
        margin-top: -10px;
        width: 20px;
        height: 20px
    }

        header#root-header #main-menu-toggle-button .line-button .line.upper {
            top: 5px
        }

        header#root-header #main-menu-toggle-button .line-button .line.middle {
            display:none;
        }

        header#root-header #main-menu-toggle-button .line-button .line.bottom {
            top: 13px
        }

    header#root-header.opened-main-menu #main-menu-toggle-button .line-button .line.upper, header#root-header.opened-main-menu #main-menu-toggle-button .line-button .line.bottom {
        top: 9px
    }
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    header#root-header {
        height: 3.75rem
    }

        header#root-header #root-header-main-container {
            padding-left: 3.75rem;
            padding-right: 33.3%;
            height: 3.75rem
        }

            header#root-header #root-header-main-container #identity {
                font-size: 1.25rem;
                line-height: 3.75rem
            }

        header#root-header #main-menu-toggle-button {
            width: 3.75rem;
            height: 3.75rem
        }

        header#root-header #main-menu {
            width: 33.3%
        }

        header#root-header #account-logged-in {
            width: 33.3%
        }

            header#root-header #account-logged-in a, header#root-header #account-logged-in span {
                font-size: 1.125rem;
                line-height: 3.75rem
            }

            header#root-header #account-logged-in a {
                line-height: 0
            }

        header#root-header #account-menu {
            width: 33.3%
        }

            header#root-header #account-menu ul > li {
                font-size: 1.125rem;
                line-height: 3.75rem
            }

                header#root-header #account-menu ul > li a {
                    font-size: 1.125rem;
                    line-height: 3.75rem;
                    padding-left: 2.5rem
                }

                    header#root-header #account-menu ul > li a:before {
                        top: 1.3125rem;
                        left: .75rem
                    }

                    header#root-header #account-menu ul > li a.checked:after {
                        bottom: 1.4375rem;
                        left: .875rem
                    }

        header#root-header #header-panels {
            width: 33.3%
        }

        header#root-header.opened-register-menu #header-panels {
            width: 33.3%
        }
}

@media (min-width: 769px) and (max-width: 1119px) {
    header#root-header #root-header-main-container #identity {
        font-size: 1.25rem
    }

    html[lang="zh-Hant"] header#root-header #root-header-main-container #identity {
        font-size: 1.1875rem
    }

    header#root-header #account-logged-in {
        padding-left: .75rem;
        text-align: left
    }

        header#root-header #account-logged-in a, header#root-header #account-logged-in span {
            font-size: 1.125rem
        }

    html[lang="zh-Hant"] header#root-header #account-logged-in a, html[lang="zh-Hant"] header#root-header #account-logged-in span {
        font-size: 1.0625rem
    }

    header#root-header #account-logged-in a {
        line-height: 0
    }

    header#root-header #account-menu ul > li {
        font-size: 1.125rem
    }

    html[lang="zh-Hant"] header#root-header #account-menu ul > li {
        font-size: 1.0625rem
    }

    header#root-header #account-menu ul > li a {
        font-size: 1.125rem
    }

    html[lang="zh-Hant"] header#root-header #account-menu ul > li a {
        font-size: 1.0625rem
    }

    header#root-header #main-menu ul li a {
        font-size: 1.125rem;
        line-height: 1.625rem
    }

    html[lang="zh-Hant"] header#root-header #main-menu ul li a {
        font-size: 1.0625rem
    }
}

@media (min-width: 768px) and (max-width: 768px) {
    header#root-header {
        height: 3.75rem
    }

        header#root-header .message {
            height: 3.75rem;
            padding: 0 7.5rem
        }

            header#root-header .message .message-content {
                font-size: .875rem;
                line-height: 1.25rem;
                left: 7.5rem;
                right: 7.5rem
            }

    html[lang="zh-Hant"] header#root-header .message .message-content {
        font-size: .875rem
    }

    header#root-header .message.reset-msg, header#root-header .message.reset-ok {
        height: 3.75rem
    }

    header#root-header .message .dismiss {
        display: none
    }

    header#root-header #root-header-main-container {
        padding-left: 3.75rem;
        padding-right: 33.3%;
        height: 3.75rem
    }

        header#root-header #root-header-main-container #identity {
            font-size: 1.25rem;
            line-height: 3.75rem
        }

    header#root-header #main-menu-toggle-button {
        width: 3.75rem;
        height: 3.75rem
    }

    header#root-header #account-logged-in {
        width: 33.3%
    }

        header#root-header #account-logged-in a, header#root-header #account-logged-in span {
            font-size: 1.125rem;
            line-height: 3.75rem
        }

        header#root-header #account-logged-in a {
            line-height: 0
        }

    header#root-header #account-menu {
        width: 33.3%
    }

        header#root-header #account-menu ul > li {
            font-size: 1.125rem;
            line-height: 3.75rem
        }

            header#root-header #account-menu ul > li a {
                font-size: 1.125rem;
                line-height: 3.75rem;
                padding-left: 2.5rem
            }

                header#root-header #account-menu ul > li a:before {
                    top: 1.3125rem;
                    left: .75rem
                }

                header#root-header #account-menu ul > li a.checked:after {
                    bottom: 1.4375rem;
                    left: .875rem
                }

    header#root-header #main-menu {
        width: 33.3%;
        box-sizing: content-box
    }

    header#root-header #header-panels {
        width: 33.3%;
        box-sizing: content-box
    }
}

@media (max-width: 767px) {
    header#root-header {
        height: 6.25rem
    }

        header#root-header .message {
            height: 3.125rem;
            padding: 0 7.5rem
        }

            header#root-header .message .message-content {
                font-size: .875rem;
                line-height: 1.25rem;
                left: 7.5rem;
                right: 7.5rem
            }

    html[lang="zh-Hant"] header#root-header .message .message-content {
        font-size: .875rem
    }

    header#root-header .message.reset-msg, header#root-header .message.reset-ok {
        height: 6.25rem
    }

    html[lang="zh-Hant"] header#root-header .message.reset-msg, html[lang="zh-Hant"] header#root-header .message.reset-ok {
        height: 3.125rem
    }

    header#root-header .message .dismiss {
        display: none
    }

    header#root-header #root-header-main-container {
        padding-left: 3.125rem;
        padding-right: 3.125rem;
        height: 3.125rem;
        border-bottom: 1px solid #1e1e1e
    }

        header#root-header #root-header-main-container #identity {
            font-size: 1.125rem;
            line-height: 3.125rem
        }

    header#root-header #main-menu-toggle-button {
        width: 3.125rem;
        height: 3.125rem
    }

    header#root-header #main-menu {
        width: 50%;
        box-sizing: content-box
    }

        header#root-header #main-menu ul {
            margin-top: 7.5rem
        }

    header#root-header #account-logged-in {
        top: 3.125rem;
        width: 100%;
        height: 3.125rem;
        border-left-width: 0
    }

        header#root-header #account-logged-in a, header#root-header #account-logged-in span {
            font-size: 1.125rem;
            line-height: 3.125rem
        }

    html[lang="zh-Hant"] header#root-header #account-logged-in a, html[lang="zh-Hant"] header#root-header #account-logged-in span {
        font-size: 1.125rem
    }

    header#root-header #account-logged-in a {
        line-height: 0
    }

    header#root-header #account-menu {
        border-left-width: 0;
        top: 3.125rem;
        width: 100%;
        height: 3.125rem
    }

        header#root-header #account-menu ul > li {
            font-size: 1.125rem;
            line-height: 3.125rem
        }

            header#root-header #account-menu ul > li a {
                font-size: 1.125rem;
                line-height: 3.125rem;
                padding-left: 3.0625rem
            }

    html[lang="zh-Hant"] header#root-header #account-menu ul > li a {
        font-size: 1.125rem
    }

    header#root-header #account-menu ul > li a:before {
        top: 1rem;
        left: .875rem
    }

    header#root-header #account-menu ul > li a:after {
        bottom: 1.125rem;
        left: 1rem
    }

    html.mobile header#root-header #account-menu ul > li a:hover:after {
        opacity: 0
    }

    header#root-header #account-menu ul > li:first-child {
        border-left-width: 0
    }

    header#root-header #language-switcher {
        width: 3.125rem
    }

        header#root-header #language-switcher li {
            border-top-width: 0
        }

            header#root-header #language-switcher li a {
                line-height: 3.125rem
            }

    header#root-header #header-panels {
        width: 50%
    }

    header#root-header #login-panel #login-form input, header#root-header #register-panel #register-form input, header#root-header #forgot-panel #forgot-form input {
        font-size: 1rem !important
    }
}

@media screen and (max-width: 39.9375em) {
    header#root-header .message {
        height: 3.125rem;
        padding: 0 1.875rem
    }

        header#root-header .message .message-content {
            font-size: .875rem;
            line-height: 1.25rem;
            left: 1.875rem;
            right: 1.875rem
        }

    html[lang="zh-Hant"] header#root-header .message .message-content {
        font-size: .875rem
    }

    header#root-header .message.reset-msg, header#root-header .message.reset-ok {
        height: 6.25rem
    }

    html[lang="zh-Hant"] header#root-header .message.reset-msg, html[lang="zh-Hant"] header#root-header .message.reset-ok {
        height: 3.125rem
    }

    header#root-header .message .dismiss {
        display: none
    }
}

@media (max-width: 479px) {
    header#root-header #account-menu ul > li a:after {
        background-image: url(../img/symbols/checkbox-cross.svg);
        bottom: 1rem;
        left: .875rem;
        width: 1.125rem;
        height: 1.125rem
    }

    header#root-header #main-menu {
        box-sizing: border-box;
        width: 100%;
        padding-top: 6.25rem;
        border-right-width: 0
    }

        header#root-header #main-menu div.menu-wrapper {
            display: table;
            width: 100%;
            height: 100%;
            text-align: center
        }

            header#root-header #main-menu div.menu-wrapper ul {
                display: table-cell;
                margin-top: 0;
                vertical-align: middle
            }

        header#root-header #main-menu #main-menu-social-networks {
            height: 3.125rem
        }

    header#root-header #header-panels {
        width: 100%;
        border-left-width: 0;
        z-index: 499
    }

        header#root-header #header-panels #header-panels-container > div {
            padding-top: 8.75rem
        }

            header#root-header #header-panels #header-panels-container > div .toggle-button-container {
                display: none
            }

            header#root-header #header-panels #header-panels-container > div .title {
                display: none
            }

    header#root-header #main-menu-toggle-button .line-button .line {
        transition: transform 200ms,top 200ms,left 200ms;
        -ms-transform-origin: center center;
        transform-origin: center center
    }

    header#root-header.opened-main-menu #main-menu-toggle-button .line-button .line.upper {
        top: 10px;
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    header#root-header.opened-main-menu #main-menu-toggle-button .line-button .line.bottom {
        top: 10px;
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    header#root-header.opened-main-menu #main-menu {
        padding-bottom: 3.125rem
    }

    header#root-header #register-panel #register-closed {
        margin-top: 0
    }
}

@media (max-width: 374px) {
    header#root-header {
        height: 5rem
    }

        header#root-header .message {
            height: 2.5rem;
            padding: 0 1.25rem
        }

            header#root-header .message .message-content {
                font-size: .8125rem;
                line-height: 1.125rem;
                left: 1.25rem;
                right: 1.25rem
            }

    html[lang="zh-Hant"] header#root-header .message .message-content {
        font-size: .8125rem
    }

    header#root-header .message.reset-msg, header#root-header .message.reset-ok {
        height: 5rem
    }

    html[lang="zh-Hant"] header#root-header .message.reset-msg, html[lang="zh-Hant"] header#root-header .message.reset-ok {
        height: 2.5rem
    }

    header#root-header .message .dismiss {
        display: none
    }

    header#root-header #root-header-main-container {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        height: 2.5rem
    }

        header#root-header #root-header-main-container #identity {
            font-size: 1rem;
            line-height: 2.5rem
        }

    header#root-header #main-menu {
        padding-top: 5rem
    }

    header#root-header #main-menu-toggle-button {
        width: 2.5rem;
        height: 2.5rem
    }

        header#root-header #main-menu-toggle-button .line-button {
            width: 18px;
            height: 18px;
            margin-left: -9px;
            margin-top: -9px
        }

            header#root-header #main-menu-toggle-button .line-button .line.upper {
                top: 6px
            }

            header#root-header #main-menu-toggle-button .line-button .line.middle {
                display:none;
            }

            header#root-header #main-menu-toggle-button .line-button .line.bottom {
                top: 11px
            }

    header#root-header.opened-main-menu #main-menu-toggle-button .line-button .line.upper {
        top: 8px;
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    header#root-header.opened-main-menu #main-menu-toggle-button .line-button .line.bottom {
        top: 8px;
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    header#root-header #account-logged-in {
        top: 2.5rem;
        height: 40px
    }

        header#root-header #account-logged-in a, header#root-header #account-logged-in span {
            font-size: 1rem;
            line-height: 2.5rem;
            line-height: 2.5rem
        }

    html[lang="zh-Hant"] header#root-header #account-logged-in a, html[lang="zh-Hant"] header#root-header #account-logged-in span {
        font-size: 1rem
    }

    header#root-header #account-logged-in a {
        line-height: 0
    }

    header#root-header #account-menu {
        top: 2.5rem;
        height: 40px
    }

        header#root-header #account-menu ul > li {
            font-size: 1rem;
            line-height: 2.5rem;
            line-height: 2.5rem
        }

    html[lang="zh-Hant"] header#root-header #account-menu ul > li {
        font-size: 1rem
    }

    header#root-header #account-menu ul > li a {
        font-size: 1rem;
        line-height: 2.5rem;
        padding-left: 2.4375rem
    }

    html[lang="zh-Hant"] header#root-header #account-menu ul > li a {
        font-size: 1rem
    }

    header#root-header #account-menu ul > li a:before {
        top: .6875rem;
        left: .6875rem
    }

    header#root-header #account-menu ul > li a:after {
        bottom: .6875rem;
        left: .6875rem
    }

    header#root-header #language-switcher {
        width: 2.5rem
    }

        header#root-header #language-switcher li a {
            line-height: 2.5rem
        }

    header#root-header #header-panels #header-panels-container > div {
        padding-top: 7.5rem
    }
}

@media print, screen and (min-width: 48.0625em) {
    html.vertical section#landing #landing-left-section-container {
        width: 75%
    }

    html.vertical section#landing #landing-right-section {
        width: 25%
    }

        html.vertical section#landing #landing-right-section .columns-container .two-columns {
            display: block
        }

            html.vertical section#landing #landing-right-section .columns-container .two-columns:first-child > .cell:first-child {
                border-top-width: 0
            }

            html.vertical section#landing #landing-right-section .columns-container .two-columns > .cell {
                display: block;
                border-top: 1px solid #1e1e1e;
                width: 100%
            }

                html.vertical section#landing #landing-right-section .columns-container .two-columns > .cell#empty-cell {
                    display: none
                }
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    html.vertical section#landing #landing-right-section .columns-container .two-columns > .cell#empty-cell {
        display: none
    }
}

@media (min-width: 1191px) and (max-width: 1258px) {
    section#landing #landing-right-section .columns-container .cell#landing-register-now h1 {
        font-size: 2.875rem
    }
}

section#landing {
    position: relative;
    border-bottom: 1px solid #1e1e1e;
    z-index: 1
}

    section#landing:after {
        display: block;
        clear: both;
        content: ''
    }

    section#landing > .section {
        display: block;
        float: left
    }

    section#landing #landing-left-section-container {
        position: relative;
        width: 50%;
        float: left;
        z-index: 1
    }

    section#landing #landing-left-section {
        width: 100%;
        height: 100vh;
        padding-top: 3.75rem
    }

        section#landing #landing-left-section #landing-left-slider {
            position: relative;
            width: 100%;
            height: 100%
        }

            section#landing #landing-left-section #landing-left-slider .slick-list, section#landing #landing-left-section #landing-left-slider .slick-track {
                height: 100%
            }

            section#landing #landing-left-section #landing-left-slider .slick-track {
                width: 100% !important
            }

            section#landing #landing-left-section #landing-left-slider > .landing-slide {
                display: none
            }

                section#landing #landing-left-section #landing-left-slider > .landing-slide:first-child {
                    display: block
                }

            section#landing #landing-left-section #landing-left-slider .landing-slide {
                background-size: cover;
                background-position: center center;
                background-repeat: no-repeat;
                position: relative;
                width: 100% !important;
                height: 100%
            }

    section#landing #landing-right-section {
        position: relative;
        padding-top: 3.75rem;
        display: block;
        width: 50%;
        float: right;
        z-index: 2
    }

        section#landing #landing-right-section .columns-container {
            padding: 0;
            margin: 0
        }

            section#landing #landing-right-section .columns-container .two-columns {
                display: table;
                width: 100%
            }

                section#landing #landing-right-section .columns-container .two-columns:first-child > .cell {
                    border-top-width: 0
                }

                section#landing #landing-right-section .columns-container .two-columns > .cell {
                    display: table-cell;
                    width: 50%
                }

            section#landing #landing-right-section .columns-container .cell {
                position: relative;
                height: auto;
                border-left: 1px solid #1e1e1e;
                border-top: 1px solid #1e1e1e;
                background-color: #f5f5f5;
                vertical-align: top
            }

                section#landing #landing-right-section .columns-container .cell:after {
                    display: block;
                    clear: both;
                    content: ''
                }

                section#landing #landing-right-section .columns-container .cell:before {
                    position: relative;
                    content: '';
                    display: block;
                    width: 0;
                    height: 0;
                    padding-top: 100%;
                    float: left
                }

                section#landing #landing-right-section .columns-container .cell .block {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    padding: 1.0625rem 1.3125rem
                }

                    section#landing #landing-right-section .columns-container .cell .block h2 {
                        font-size: .875rem;
                        line-height: 1.25rem;
                        letter-spacing: 0;
                        color: #1e1e1e;
                        margin: 0
                    }

html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .cell .block h2 {
    font-size: .875rem
}

section#landing #landing-right-section .columns-container .cell .block h1 {
    font-size: 3.125rem;
    line-height: 3.75rem;
    letter-spacing: -1px;
    color: #1e1e1e;
    font-weight: 300;
    margin: 0
}

html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .cell .block h1 {
    font-size: 2.875rem
}

html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .cell .block h1 {
    line-height: 3.625rem
}

section#landing #landing-right-section .columns-container .cell .block .content {
    margin-top: 1.6875rem
}

section#landing #landing-right-section .columns-container .cell#landing-register-now h1 {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

section#landing #landing-right-section .columns-container .cell#landing-key-dates:hover .block:after {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../img/symbols/arrow-right.svg);
    position: absolute;
    display: block;
    content: '';
    top: 1.25rem;
    right: 1.25rem;
    width: 1.25rem;
    height: .75rem
}

section#landing #landing-right-section .columns-container .cell#landing-key-dates .content .date {
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0;
    color: #1e1e1e;
    display: none
}

html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .cell#landing-key-dates .content .date {
    font-size: 1.1875rem
}

section#landing #landing-right-section .columns-container .cell#landing-key-dates .content .date.show {
    display: block
}

section#landing #landing-right-section .columns-container .cell#landing-judges h2 {
    position: relative;
    z-index: 20
}

section#landing #landing-right-section .columns-container .cell#landing-judges.white h2 {
    color: #fff
}

section#landing #landing-right-section .columns-container .cell#landing-judges .content .judge-list {
    display: inline-block;
    list-style: none;
    margin: 0;
    height: 0;
    vertical-align: top
}

    section#landing #landing-right-section .columns-container .cell#landing-judges .content .judge-list:hover + .more-judge-text {
        opacity: 0
    }

    section#landing #landing-right-section .columns-container .cell#landing-judges .content .judge-list li {
        display: inline-block;
        float: left
    }

section#landing #landing-right-section .columns-container .cell#landing-judges .content:before {
    display: inline-block;
    content: '';
    width: 0;
    height: 5.25rem;
    float: left;
    vertical-align: top
}

section#landing #landing-right-section .columns-container .cell#landing-judges .content li.judge, section#landing #landing-right-section .columns-container .cell#landing-judges .content div.more-judge-text {
    transition: all 200ms;
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0;
    color: #1e1e1e;
    position: relative;
    z-index: 20;
    clear: left
}

html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .cell#landing-judges .content li.judge, html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .cell#landing-judges .content div.more-judge-text {
    font-size: 1.1875rem
}

section#landing #landing-right-section .columns-container .cell#landing-judges .content li.judge a, section#landing #landing-right-section .columns-container .cell#landing-judges .content div.more-judge-text a {
    color: #1e1e1e
}

section#landing #landing-right-section .columns-container .cell#landing-judges .content .judge-list:hover li.judge {
    opacity: 0
}

    section#landing #landing-right-section .columns-container .cell#landing-judges .content .judge-list:hover li.judge:hover {
        opacity: 1
    }

        section#landing #landing-right-section .columns-container .cell#landing-judges .content .judge-list:hover li.judge:hover.white {
            color: #fff
        }

            section#landing #landing-right-section .columns-container .cell#landing-judges .content .judge-list:hover li.judge:hover.white a {
                color: #fff
            }

section#landing #landing-right-section .columns-container .cell#landing-judges div.judge-photo {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transition: opacity 200ms;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10
}

    section#landing #landing-right-section .columns-container .cell#landing-judges div.judge-photo.hovering {
        opacity: 1
    }

section#landing #landing-right-section .columns-container .cell#landing-award-categories .content {
    position: relative;
    line-height: 0;
    height: 0
}

    section#landing #landing-right-section .columns-container .cell#landing-award-categories .content #landing-award-categories-arrow {
        position: absolute;
        display: none;
        right: 0;
        width: 1.25rem;
        height: 1.75rem;
        z-index: 3
    }

        section#landing #landing-right-section .columns-container .cell#landing-award-categories .content #landing-award-categories-arrow:hover {
            display: block
        }

        section#landing #landing-right-section .columns-container .cell#landing-award-categories .content #landing-award-categories-arrow:before {
            display: block;
            position: absolute;
            top: 0;
            right: -1.3125rem;
            width: 3.8125rem;
            height: 100%;
            content: '';
            background: linear-gradient(to right, rgba(245,245,245,0) 0%, #f5f5f5 35%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f5f5f5', endColorstr='#f5f5f5',GradientType=1 )
        }

        section#landing #landing-right-section .columns-container .cell#landing-award-categories .content #landing-award-categories-arrow.show {
            display: block
        }

        section#landing #landing-right-section .columns-container .cell#landing-award-categories .content #landing-award-categories-arrow:after {
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            background-image: url(../img/symbols/arrow-right.svg);
            display: block;
            width: 1.25rem;
            height: .75rem;
            content: '';
            position: absolute;
            top: .5rem;
            left: 0
        }

section#landing #landing-right-section .columns-container .cell#landing-award-categories ul {
    position: relative;
    z-index: 2;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    height: 0
}

    section#landing #landing-right-section .columns-container .cell#landing-award-categories ul li {
        transition: opacity 200ms;
        font-size: 1.25rem;
        line-height: 1.75rem;
        letter-spacing: 0;
        color: #1e1e1e;
        position: relative;
        display: inline-block;
        float: left;
        clear: left;
        cursor: pointer
    }

html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .cell#landing-award-categories ul li {
    font-size: 1.1875rem
}

section#landing #landing-right-section .columns-container .cell#landing-award-categories ul li a {
    position: relative;
    color: #1e1e1e;
    padding-left: 1.75rem;
    z-index: 2
}

section#landing #landing-right-section .columns-container .cell#landing-award-categories ul li:before {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../img/symbols/checkbox.svg);
    display: block;
    content: '';
    width: .9375rem;
    height: .9375rem;
    position: absolute;
    top: .375rem;
    left: 0;
    z-index: 1
}

section#landing #landing-right-section .columns-container .cell#landing-award-categories ul li:after {
    transition: opacity 200ms;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../img/symbols/checkbox-tick.svg);
    position: absolute;
    bottom: .5rem;
    left: 1px;
    display: block;
    content: '';
    width: 1.125rem;
    height: 1rem;
    opacity: 0;
    z-index: 1
}

section#landing #landing-right-section .columns-container .cell#landing-award-categories ul:hover li {
    opacity: 0.3
}

    section#landing #landing-right-section .columns-container .cell#landing-award-categories ul:hover li:hover {
        opacity: 1
    }

        section#landing #landing-right-section .columns-container .cell#landing-award-categories ul:hover li:hover:after {
            opacity: 1
        }

section#landing #landing-right-section .columns-container .cell#landing-register-now {
    transition: background-color 200ms
}

    section#landing #landing-right-section .columns-container .cell#landing-register-now .typed-cursor {
        display: none
    }

    section#landing #landing-right-section .columns-container .cell#landing-register-now h1 {
        display: none;
        letter-spacing: -1px;
        color: #fff;
        font-family: "pop_warnerregular", "Work Sans", "PingFang HK", -apple-system, "微軟正黑體", "Microsoft JhengHei", "蘋果儷中黑", "Apple LiGothic Medium", "儷黑 Pro", "LiHei Pro Medium", sans-serif;
        font-size: 2.5rem;
        line-height: 3rem;
        letter-spacing: .25rem
    }

html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .cell#landing-register-now h1 {
    font-weight: 700
}

section#landing #landing-right-section .columns-container .cell#landing-register-now h1.show {
    display: block
}

section#landing #landing-right-section .columns-container .cell#landing-register-now:after {
    transition: opacity 200ms;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../img/symbols/landing-register-circular.png);
    position: absolute;
    top: 3.125%;
    left: -3.125%;
    width: 71.875%;
    height: 31.25%;
    content: '';
    opacity: 0
}

section#landing #landing-right-section .columns-container .cell#landing-register-now .circular-clear:after {
    display: block;
    clear: both;
    content: ''
}

section#landing #landing-right-section .columns-container .cell#landing-register-now .block[data-activeslide="0"] {
    background-color: #59217C
}

section#landing #landing-right-section .columns-container .cell#landing-register-now .block[data-activeslide="1"] {
    background-color: #EAA4C3
}

section#landing #landing-right-section .columns-container .cell#landing-register-now .block[data-activeslide="2"] {
    background-color: #1F95D4
}

html.desktop section#landing #landing-right-section .columns-container .cell#landing-register-now:hover:after {
    opacity: 1
}

section#landing #landing-right-section .columns-container .cell#landing-about-mdb {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../img/about/background.jpg)
}

    section#landing #landing-right-section .columns-container .cell#landing-about-mdb h2 {
        color: #fff
    }

    section#landing #landing-right-section .columns-container .cell#landing-about-mdb .content {
        transition: color 200ms;
        font-size: 1.25rem;
        line-height: 1.75rem;
        letter-spacing: 0;
        color: #1e1e1e;
        color: #fff;
        position: absolute;
        margin-top: 0;
        top: 4rem;
        bottom: 1.0625rem;
        left: 0;
        width: 100%;
        padding: 0 1.3125rem
    }

html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .cell#landing-about-mdb .content {
    font-size: 1.1875rem
}

section#landing #landing-right-section .columns-container .cell#landing-about-mdb .content#landing-about-mdb-string {
    visibility: hidden
}

section#landing #landing-right-section .columns-container .cell#landing-about-mdb .block {
    transition: background-color 200ms;
    background-color: #1e1e1e
}

    section#landing #landing-right-section .columns-container .cell#landing-about-mdb .block:after {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        background-image: url(../img/symbols/arrow-right-white.svg);
        position: absolute;
        display: block;
        content: '';
        top: 1.25rem;
        right: 1.25rem;
        width: 1.25rem;
        height: .75rem
    }

section#landing #landing-right-section .columns-container .cell#landing-about-mdb:hover .block {
    background-color: transparent
}

    section#landing #landing-right-section .columns-container .cell#landing-about-mdb:hover .block:after {
        display: none
    }

section#landing #landing-right-section .columns-container .cell#landing-about-mdb:hover .content {
    display: none;
    color: transparent
}

section#landing #landing-right-section .columns-container .cell#landing-follow-us:hover h1 {
    color: #A68E63
}

section#landing #landing-right-section .columns-container .cell#landing-follow-us h1 {
    transition: color 200ms
}

section#landing #landing-right-section .columns-container .cell#landing-follow-us .photos {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    list-style: none;
    margin: 0
}

    section#landing #landing-right-section .columns-container .cell#landing-follow-us .photos li {
        position: absolute;
        width: 59.375%;
        height: 59.375%
    }

        section#landing #landing-right-section .columns-container .cell#landing-follow-us .photos li.photo-1 {
            z-index: 5;
            top: 6.25%;
            right: 6.25%
        }

        section#landing #landing-right-section .columns-container .cell#landing-follow-us .photos li.hover-1 {
            z-index: 60;
            top: 0;
            right: 0%;
            width: 16.66667%;
            height: 100%
        }

            section#landing #landing-right-section .columns-container .cell#landing-follow-us .photos li.hover-1:hover + .photo, section#landing #landing-right-section .columns-container .cell#landing-follow-us .photos li.hover-1:active + .photo {
                z-index: 6
            }

        section#landing #landing-right-section .columns-container .cell#landing-follow-us .photos li.photo-2 {
            z-index: 4;
            top: 11.875%;
            right: 11.875%
        }

        section#landing #landing-right-section .columns-container .cell#landing-follow-us .photos li.hover-2 {
            z-index: 60;
            top: 0;
            right: 16.66667%;
            width: 16.66667%;
            height: 100%
        }

            section#landing #landing-right-section .columns-container .cell#landing-follow-us .photos li.hover-2:hover + .photo, section#landing #landing-right-section .columns-container .cell#landing-follow-us .photos li.hover-2:active + .photo {
                z-index: 6
            }

        section#landing #landing-right-section .columns-container .cell#landing-follow-us .photos li.photo-3 {
            z-index: 3;
            top: 17.5%;
            right: 17.5%
        }

        section#landing #landing-right-section .columns-container .cell#landing-follow-us .photos li.hover-3 {
            z-index: 60;
            top: 0;
            right: 33.33333%;
            width: 16.66667%;
            height: 100%
        }

            section#landing #landing-right-section .columns-container .cell#landing-follow-us .photos li.hover-3:hover + .photo, section#landing #landing-right-section .columns-container .cell#landing-follow-us .photos li.hover-3:active + .photo {
                z-index: 6
            }

        section#landing #landing-right-section .columns-container .cell#landing-follow-us .photos li.photo-4 {
            z-index: 2;
            top: 23.125%;
            right: 23.125%
        }

        section#landing #landing-right-section .columns-container .cell#landing-follow-us .photos li.hover-4 {
            z-index: 60;
            top: 0;
            right: 50%;
            width: 16.66667%;
            height: 100%
        }

            section#landing #landing-right-section .columns-container .cell#landing-follow-us .photos li.hover-4:hover + .photo, section#landing #landing-right-section .columns-container .cell#landing-follow-us .photos li.hover-4:active + .photo {
                z-index: 6
            }

        section#landing #landing-right-section .columns-container .cell#landing-follow-us .photos li.photo-5 {
            z-index: 1;
            top: 28.75%;
            right: 28.75%
        }

        section#landing #landing-right-section .columns-container .cell#landing-follow-us .photos li.hover-5 {
            z-index: 60;
            top: 0;
            right: 66.66667%;
            width: 16.66667%;
            height: 100%
        }

            section#landing #landing-right-section .columns-container .cell#landing-follow-us .photos li.hover-5:hover + .photo, section#landing #landing-right-section .columns-container .cell#landing-follow-us .photos li.hover-5:active + .photo {
                z-index: 6
            }

        section#landing #landing-right-section .columns-container .cell#landing-follow-us .photos li.photo-6 {
            z-index: 0;
            top: 34.375%;
            right: 34.375%
        }

        section#landing #landing-right-section .columns-container .cell#landing-follow-us .photos li.hover-6 {
            z-index: 60;
            top: 0;
            right: 83.33333%;
            width: 16.66667%;
            height: 100%
        }

            section#landing #landing-right-section .columns-container .cell#landing-follow-us .photos li.hover-6:hover + .photo, section#landing #landing-right-section .columns-container .cell#landing-follow-us .photos li.hover-6:active + .photo {
                z-index: 6
            }

section#landing #landing-right-section .columns-container .cell#landing-eligibility:hover .block:after {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../img/symbols/arrow-right-gold.svg);
    position: absolute;
    display: block;
    content: '';
    top: 1.25rem;
    right: 1.25rem;
    width: 1.25rem;
    height: .75rem
}

section#landing #landing-right-section .columns-container .cell#landing-eligibility:hover .content {
    color: #A68E63
}

section#landing #landing-right-section .columns-container .cell#landing-eligibility:hover h2 {
    color: #A68E63
}

section#landing #landing-right-section .columns-container .cell#landing-eligibility h2 {
    transition: color 200ms
}

section#landing #landing-right-section .columns-container .cell#landing-eligibility .content {
    transition: color 200ms;
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0;
    color: #1e1e1e;
    position: absolute;
    margin-top: 0;
    top: 4rem;
    bottom: 1.0625rem;
    left: 0;
    width: 100%;
    padding: 0 1.3125rem
}

html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .cell#landing-eligibility .content {
    font-size: 1.1875rem
}

section#landing #landing-right-section .columns-container .cell#landing-exhibition .content .time, section#landing #landing-right-section .columns-container .cell#landing-exhibition .content .venue {
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0;
    color: #1e1e1e
}

html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .cell#landing-exhibition .content .time, html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .cell#landing-exhibition .content .venue {
    font-size: 1.1875rem
}

section#landing #landing-right-section .columns-container .cell#landing-talk .content .time, section#landing #landing-right-section .columns-container .cell#landing-talk .content .venue {
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0;
    color: #1e1e1e
}

html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .cell#landing-talk .content .time, html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .cell#landing-talk .content .venue {
    font-size: 1.1875rem
}

@media (min-width: 769px) and (max-width: 1119px) {
    section#landing #landing-right-section .columns-container .cell .block h2 {
        font-size: .8125rem;
        line-height: 1rem;
        letter-spacing: 0;
        color: #1e1e1e
    }

    html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .cell .block h2 {
        font-size: .8125rem
    }

    section#landing #landing-right-section .columns-container .cell#landing-key-dates .content .date {
        font-size: 1.125rem;
        line-height: 1.625rem
    }

    html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .cell#landing-key-dates .content .date {
        font-size: 1.0625rem
    }

    section#landing #landing-right-section .columns-container .cell#landing-judges .content:before {
        height: 4.875rem
    }

    section#landing #landing-right-section .columns-container .cell#landing-judges .content li.judge, section#landing #landing-right-section .columns-container .cell#landing-judges .content div.more-judge-text {
        font-size: 1.125rem;
        line-height: 1.625rem
    }

    html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .cell#landing-judges .content li.judge, html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .cell#landing-judges .content div.more-judge-text {
        font-size: 1.0625rem
    }

    section#landing #landing-right-section .columns-container .cell#landing-award-categories .content #landing-award-categories-arrow {
        height: 1.625rem
    }

    section#landing #landing-right-section .columns-container .cell#landing-award-categories ul li {
        font-size: 1.125rem;
        line-height: 1.625rem
    }

    html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .cell#landing-award-categories ul li {
        font-size: 1.0625rem
    }

    section#landing #landing-right-section .columns-container .cell#landing-about-mdb .content {
        font-size: 1.125rem;
        line-height: 1.625rem
    }

    html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .cell#landing-about-mdb .content {
        font-size: 1.0625rem
    }

    section#landing #landing-right-section .columns-container .cell#landing-eligibility .content {
        font-size: 1.125rem;
        line-height: 1.625rem
    }

    html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .cell#landing-eligibility .content {
        font-size: 1.0625rem
    }

    section#landing #landing-right-section .columns-container .cell#landing-exhibition .content .time, section#landing #landing-right-section .columns-container .cell#landing-exhibition .content .venue {
        font-size: 1.125rem;
        line-height: 1.625rem
    }

    html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .cell#landing-exhibition .content .time, html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .cell#landing-exhibition .content .venue {
        font-size: 1.0625rem
    }

    section#landing #landing-right-section .columns-container .cell#landing-talk .content .time, section#landing #landing-right-section .columns-container .cell#landing-talk .content .venue {
        font-size: 1.125rem;
        line-height: 1.625rem
    }

    html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .cell#landing-talk .content .time, html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .cell#landing-talk .content .venue {
        font-size: 1.0625rem
    }
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    section#landing #landing-left-section-container {
        width: 66.7% !important
    }

    section#landing #landing-right-section {
        width: 33.3% !important
    }

        section#landing #landing-right-section .columns-container .two-columns {
            display: block;
            width: 100%
        }

            section#landing #landing-right-section .columns-container .two-columns:first-child > .cell {
                border-top-width: 1px
            }

                section#landing #landing-right-section .columns-container .two-columns:first-child > .cell:first-child {
                    border-top-width: 0
                }

            section#landing #landing-right-section .columns-container .two-columns > .cell {
                display: block;
                width: 100%
            }

            section#landing #landing-right-section .columns-container .two-columns .cell .block {
                padding: 1.125rem 1.25rem
            }

                section#landing #landing-right-section .columns-container .two-columns .cell .block h2 {
                    font-size: .8125rem;
                    line-height: 1rem
                }

    html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .two-columns .cell .block h2 {
        font-size: .8125rem
    }

    section#landing #landing-right-section .columns-container .two-columns .cell .block .content {
        margin-top: 1.5625rem
    }

    section#landing #landing-right-section .columns-container .two-columns .cell#landing-key-dates .content .date {
        font-size: 1.125rem;
        line-height: 1.625rem
    }

    html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .two-columns .cell#landing-key-dates .content .date {
        font-size: 1.0625rem
    }

    section#landing #landing-right-section .columns-container .two-columns .cell#landing-judges .content:before {
        height: 4.875rem
    }

    section#landing #landing-right-section .columns-container .two-columns .cell#landing-judges .content li.judge, section#landing #landing-right-section .columns-container .two-columns .cell#landing-judges .content div.more-judge-text {
        font-size: 1.125rem;
        line-height: 1.625rem
    }

    html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .two-columns .cell#landing-judges .content li.judge, html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .two-columns .cell#landing-judges .content div.more-judge-text {
        font-size: 1.0625rem
    }

    section#landing #landing-right-section .columns-container .two-columns .cell#landing-award-categories ul li {
        font-size: 1.125rem;
        line-height: 1.625rem
    }

    html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .two-columns .cell#landing-award-categories ul li {
        font-size: 1.0625rem
    }

    section#landing #landing-right-section .columns-container .two-columns .cell#landing-about-mdb .content {
        font-size: 1.125rem;
        line-height: 1.625rem
    }

    html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .two-columns .cell#landing-about-mdb .content {
        font-size: 1.0625rem
    }

    section#landing #landing-right-section .columns-container .two-columns .cell#landing-eligibility .content {
        font-size: 1.125rem;
        line-height: 1.625rem
    }

    html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .two-columns .cell#landing-eligibility .content {
        font-size: 1.0625rem
    }

    section#landing #landing-right-section .columns-container .two-columns .cell#landing-exhibition .content .time, section#landing #landing-right-section .columns-container .two-columns .cell#landing-exhibition .content .venue {
        font-size: 1.125rem;
        line-height: 1.625rem
    }

    html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .two-columns .cell#landing-exhibition .content .time, html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .two-columns .cell#landing-exhibition .content .venue {
        font-size: 1.0625rem
    }

    section#landing #landing-right-section .columns-container .two-columns .cell#landing-talk .content .time, section#landing #landing-right-section .columns-container .two-columns .cell#landing-talk .content .venue {
        font-size: 1.125rem;
        line-height: 1.625rem
    }

    html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .two-columns .cell#landing-talk .content .time, html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .two-columns .cell#landing-talk .content .venue {
        font-size: 1.0625rem
    }
}

@media (min-width: 768px) and (max-width: 1127px) {
    section#landing #landing-right-section .columns-container .cell#landing-award-categories .block {
        padding-right: 0
    }

        section#landing #landing-right-section .columns-container .cell#landing-award-categories .block .content {
            margin-top: 1.25rem
        }

            section#landing #landing-right-section .columns-container .cell#landing-award-categories .block .content #landing-award-categories-arrow {
                right: 1.3125rem
            }

    section#landing #landing-right-section .columns-container .cell#landing-award-categories ul li a {
        padding-left: 1.5625rem
    }
}

@media (min-width: 640px) and (max-width: 767px) {
    section#landing {
        padding-top: 6.25rem
    }

        section#landing > .section {
            float: none
        }

        section#landing #landing-left-section-container {
            width: 100%;
            float: none
        }

        section#landing #landing-left-section {
            position: relative;
            height: auto;
            padding-top: 0;
            border-bottom: 1px solid #1e1e1e;
            top: 0 !important
        }

            section#landing #landing-left-section:after {
                display: block;
                clear: both;
                content: ''
            }

            section#landing #landing-left-section:before {
                display: block;
                content: '';
                float: left;
                padding-top: 66.66667%
            }

            section#landing #landing-left-section #landing-left-slider {
                position: absolute;
                top: 0;
                left: 0
            }

        section#landing #landing-right-section {
            padding-top: 0;
            width: 100%;
            float: none
        }

            section#landing #landing-right-section .columns-container .two-columns > .cell:first-child {
                border-left-width: 0
            }
}

@media (min-width: 768px) and (max-width: 768px) {
    section#landing #landing-left-section-container {
        width: 66.7%
    }

    section#landing #landing-right-section {
        width: 33.3%
    }

        section#landing #landing-right-section .columns-container .two-columns {
            display: block;
            width: 100%
        }

            section#landing #landing-right-section .columns-container .two-columns > .cell {
                display: block;
                width: 100%
            }

            section#landing #landing-right-section .columns-container .two-columns .cell .block {
                padding: 1.125rem 1.25rem
            }

                section#landing #landing-right-section .columns-container .two-columns .cell .block h2 {
                    font-size: .8125rem;
                    line-height: 1rem
                }

    html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .two-columns .cell .block h2 {
        font-size: .8125rem
    }

    section#landing #landing-right-section .columns-container .two-columns .cell .block .content {
        margin-top: 1.5625rem
    }

    section#landing #landing-right-section .columns-container .two-columns .cell#landing-key-dates .content .date {
        font-size: 1.125rem;
        line-height: 1.625rem
    }

    html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .two-columns .cell#landing-key-dates .content .date {
        font-size: 1.0625rem
    }

    section#landing #landing-right-section .columns-container .two-columns .cell#landing-judges {
        border-top: 1px solid #1e1e1e
    }

        section#landing #landing-right-section .columns-container .two-columns .cell#landing-judges .content:before {
            height: 4.875rem
        }

        section#landing #landing-right-section .columns-container .two-columns .cell#landing-judges .content li.judge, section#landing #landing-right-section .columns-container .two-columns .cell#landing-judges .content div.more-judge-text {
            font-size: 1.125rem;
            line-height: 1.625rem
        }

    html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .two-columns .cell#landing-judges .content li.judge, html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .two-columns .cell#landing-judges .content div.more-judge-text {
        font-size: 1.0625rem
    }

    section#landing #landing-right-section .columns-container .two-columns .cell#landing-award-categories .content #landing-award-categories-arrow {
        height: 1.625rem
    }

    section#landing #landing-right-section .columns-container .two-columns .cell#landing-award-categories ul li {
        font-size: 1.125rem;
        line-height: 1.625rem
    }

    html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .two-columns .cell#landing-award-categories ul li {
        font-size: 1.0625rem
    }

    section#landing #landing-right-section .columns-container .two-columns .cell#landing-about-mdb .content {
        font-size: 1.125rem;
        line-height: 1.625rem
    }

    html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .two-columns .cell#landing-about-mdb .content {
        font-size: 1.0625rem
    }

    section#landing #landing-right-section .columns-container .two-columns .cell#landing-eligibility .content {
        font-size: 1.125rem;
        line-height: 1.625rem
    }

    html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .two-columns .cell#landing-eligibility .content {
        font-size: 1.0625rem
    }

    section#landing #landing-right-section .columns-container .two-columns .cell#landing-exhibition .content .time, section#landing #landing-right-section .columns-container .two-columns .cell#landing-exhibition .content .venue {
        font-size: 1.125rem;
        line-height: 1.625rem
    }

    html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .two-columns .cell#landing-exhibition .content .time, html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .two-columns .cell#landing-exhibition .content .venue {
        font-size: 1.0625rem
    }

    section#landing #landing-right-section .columns-container .two-columns .cell#landing-talk .content .time, section#landing #landing-right-section .columns-container .two-columns .cell#landing-talk .content .venue {
        font-size: 1.125rem;
        line-height: 1.625rem
    }

    html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .two-columns .cell#landing-talk .content .time, html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .two-columns .cell#landing-talk .content .venue {
        font-size: 1.0625rem
    }

    html.vertical section#landing {
        padding-top: 3.75rem
    }

        html.vertical section#landing > .section {
            float: none
        }

        html.vertical section#landing #landing-left-section-container {
            width: 100%;
            float: none
        }

        html.vertical section#landing #landing-left-section {
            position: relative;
            height: auto;
            padding-top: 0;
            top: 0 !important;
            border-bottom: 1px solid #1e1e1e
        }

            html.vertical section#landing #landing-left-section:after {
                display: block;
                clear: both;
                content: ''
            }

            html.vertical section#landing #landing-left-section:before {
                display: block;
                content: '';
                float: left;
                padding-top: 66.66667%
            }

            html.vertical section#landing #landing-left-section #landing-left-slider {
                position: absolute;
                top: 0;
                left: 0
            }

        html.vertical section#landing #landing-right-section {
            position: relative;
            padding-top: 0;
            width: 100%;
            float: none;
            background-color: #f5f5f5
        }

            html.vertical section#landing #landing-right-section:after {
                display: block;
                clear: both;
                content: ''
            }

            html.vertical section#landing #landing-right-section:before {
                display: block;
                float: left;
                width: 0;
                padding-top: 100%;
                content: ''
            }

            html.vertical section#landing #landing-right-section .columns-container {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                overflow: hidden
            }

                html.vertical section#landing #landing-right-section .columns-container:before {
                    display: block;
                    content: '';
                    width: 100%;
                    height: 1px;
                    position: absolute;
                    top: 33.3%;
                    left: 0;
                    background-color: #1e1e1e;
                    z-index: 2
                }

                html.vertical section#landing #landing-right-section .columns-container:after {
                    display: block;
                    content: '';
                    width: 100%;
                    height: 1px;
                    position: absolute;
                    top: 66.6%;
                    left: 0;
                    background-color: #1e1e1e;
                    z-index: 2
                }

                html.vertical section#landing #landing-right-section .columns-container .two-columns > .cell {
                    position: absolute;
                    width: 33.3%
                }

                html.vertical section#landing #landing-right-section .columns-container .dummy-cell {
                    z-index: 2
                }

                    html.vertical section#landing #landing-right-section .columns-container .dummy-cell:before {
                        display: block;
                        content: '';
                        width: 1px;
                        height: 100%;
                        position: absolute;
                        top: 0;
                        left: 33.3%;
                        background-color: #1e1e1e;
                        z-index: 2
                    }

                    html.vertical section#landing #landing-right-section .columns-container .dummy-cell:after {
                        display: block;
                        content: '';
                        width: 1px;
                        height: 100%;
                        position: absolute;
                        top: 0;
                        left: 66.6%;
                        background-color: #1e1e1e;
                        z-index: 2
                    }

                html.vertical section#landing #landing-right-section .columns-container .cell {
                    overflow: hidden;
                    border-top-width: 0 !important;
                    border-left-width: 0 !important
                }

                    html.vertical section#landing #landing-right-section .columns-container .cell#landing-key-dates {
                        top: 0;
                        left: 0
                    }

                    html.vertical section#landing #landing-right-section .columns-container .cell#landing-judges {
                        top: 0;
                        left: 33.3%
                    }

                    html.vertical section#landing #landing-right-section .columns-container .cell#landing-award-categories {
                        top: 0;
                        left: 66.6%
                    }

                    html.vertical section#landing #landing-right-section .columns-container .cell#landing-register-now {
                        top: 33.3%;
                        left: 0
                    }

                    html.vertical section#landing #landing-right-section .columns-container .cell#landing-about-mdb {
                        top: 33.3%;
                        left: 33.3%
                    }

                    html.vertical section#landing #landing-right-section .columns-container .cell#landing-follow-us {
                        top: 33.3%;
                        left: 66.6%
                    }

                    html.vertical section#landing #landing-right-section .columns-container .cell#landing-eligibility {
                        top: 66.6%;
                        left: 0
                    }

                    html.vertical section#landing #landing-right-section .columns-container .cell#landing-exhibition {
                        top: 66.6%;
                        left: 33.3%
                    }

                    html.vertical section#landing #landing-right-section .columns-container .cell#landing-talk {
                        top: 66.6%;
                        left: 33.3%
                    }
}

@media print, screen and (min-width: 40em) {
    section#landing {
        height: auto !important
    }
}

@media screen and (max-width: 48em) {
    section#landing #landing-left-section .slick-dots {
        position: absolute;
        bottom: .9375rem;
        left: 0;
        width: 100%;
        display: block;
        margin: 0;
        padding: 0;
        text-align: center;
        line-height: 0
    }

        section#landing #landing-left-section .slick-dots li {
            display: inline-block;
            width: 1rem;
            height: 1rem;
            border-radius: .5rem;
            border: 1px solid #1e1e1e;
            margin: 0 .25rem;
            vertical-align: top
        }

            section#landing #landing-left-section .slick-dots li.slick-active {
                background-size: contain;
                background-position: center top;
                background-repeat: no-repeat;
                background-image: url(../img/symbols/dot-active.png);
                border-width: 0
            }

            section#landing #landing-left-section .slick-dots li button {
                cursor: pointer
            }

            section#landing #landing-left-section .slick-dots li span {
                display: none
            }
}

@media screen and (max-width: 39.9375em) {
    section#landing {
        padding-top: 6.25rem;
        padding-bottom: 9.25rem
    }

        section#landing > .section {
            float: none
        }

        section#landing #landing-left-section-container {
            width: 100%;
            height: 100% !important;
            float: none
        }

        section#landing #landing-left-section {
            height: 100%;
            padding-top: 0;
            top: 0 !important
        }

            section#landing #landing-left-section:after {
                display: block;
                clear: both;
                content: ''
            }

            section#landing #landing-left-section:before {
                display: block;
                content: '';
                float: left;
                padding-top: 100%
            }

            section#landing #landing-left-section #landing-left-slider {
                position: absolute;
                top: 0;
                left: 0
            }

        section#landing #landing-right-section {
            padding-top: 0;
            width: 100%;
            float: none
        }

            section#landing #landing-right-section .columns-container .two-columns {
                display: block
            }

                section#landing #landing-right-section .columns-container .two-columns > .cell {
                    display: block;
                    width: 100%;
                    border-left-width: 0
                }

            section#landing #landing-right-section .columns-container .cell .block {
                padding: 1.25rem .9375rem
            }

                section#landing #landing-right-section .columns-container .cell .block h1 {
                    font-size: 2.75rem;
                    line-height: 3.375rem;
                    letter-spacing: -1px;
                    color: #1e1e1e
                }

    html[lang="zh-Hant"] section#landing #landing-right-section .columns-container .cell .block h1 {
        font-size: 2.75rem
    }

    section#landing #landing-right-section .columns-container .cell#landing-key-dates {
        display: none
    }

    section#landing #landing-right-section .columns-container .cell#landing-judges {
        display: none
    }

    section#landing #landing-right-section .columns-container .cell#landing-award-categories {
        display: none
    }

    section#landing #landing-right-section .columns-container .cell#landing-register-now {
        height: 9.25rem
    }

        section#landing #landing-right-section .columns-container .cell#landing-register-now:before {
            display: none
        }

        section#landing #landing-right-section .columns-container .cell#landing-register-now:after {
            top: .625rem;
            left: -1.25rem;
            width: 15rem;
            height: 6.875rem
        }

    section#landing #landing-right-section .columns-container .cell#landing-about-mdb {
        display: none
    }

    section#landing #landing-right-section .columns-container .cell#landing-follow-us {
        display: none
    }

    section#landing #landing-right-section .columns-container .cell#landing-eligibility {
        display: none
    }

    section#landing #landing-right-section .columns-container .cell#landing-exhibition {
        display: none
    }

    section#landing #landing-right-section .columns-container .cell#landing-talk {
        display: none
    }

    section#landing #landing-right-section .columns-container .cell#empty-cell {
        display: none
    }
}

@media (max-width: 375px) {
    section#landing {
        padding-top: 5rem
    }
}

section#submission {
    background-color: #dcdcdc
}

    section#submission .content {
        border-bottom: 1px solid #1e1e1e
    }

        section#submission .content #fee-calculator {
            overflow: hidden
        }

            section#submission .content #fee-calculator .two-columns {
                display: table;
                width: 100%
            }

                section#submission .content #fee-calculator .two-columns:after {
                    display: block;
                    clear: both;
                    content: ''
                }

                section#submission .content #fee-calculator .two-columns .left-section, section#submission .content #fee-calculator .two-columns .right-section {
                    display: table-cell;
                    width: 50%;
                    border-bottom: 1px solid #1e1e1e
                }

                    section#submission .content #fee-calculator .two-columns .left-section h2 {
                        font-size: 3.125rem;
                        line-height: 3.75rem;
                        letter-spacing: -1px;
                        color: #1e1e1e;
                        padding: 1.1875rem 1.875rem 1.375rem;
                        margin: 0;
                        font-weight: 300
                    }

html[lang="zh-Hant"] section#submission .content #fee-calculator .two-columns .left-section h2 {
    font-size: 2.875rem
}

html[lang="zh-Hant"] section#submission .content #fee-calculator .two-columns .left-section h2 {
    line-height: 3.625rem
}

section#submission .content #fee-calculator .two-columns .left-section p {
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0;
    color: #1e1e1e;
    padding: 1.1875rem 1.875rem 1.375rem;
    margin-bottom: 0
}

html[lang="zh-Hant"] section#submission .content #fee-calculator .two-columns .left-section p {
    font-size: 1.1875rem
}

section#submission .content #fee-calculator .two-columns #fee-calculator-total-container {
    vertical-align: middle
}

section#submission .content #fee-calculator .two-columns .right-section {
    border-left: 1px solid #1e1e1e;
    vertical-align: top
}

    section#submission .content #fee-calculator .two-columns .right-section p {
        font-size: .9375rem;
        line-height: 1.375rem;
        letter-spacing: 0;
        color: #1e1e1e
    }

html[lang="zh-Hant"] section#submission .content #fee-calculator .two-columns .right-section p {
    font-size: .9375rem
}

section#submission .content #fee-calculator .two-columns .right-section#fee-calculator-total-container {
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0;
    color: #1e1e1e;
    padding-left: 1.8125rem;
    vertical-align: middle
}

html[lang="zh-Hant"] section#submission .content #fee-calculator .two-columns .right-section#fee-calculator-total-container {
    font-size: 1.1875rem
}

section#submission .content #fee-calculator .two-columns .right-section#fee-calculator-total-container #fee-calculator-total.empty {
    font-size: .9375rem;
    line-height: 1.375rem;
    letter-spacing: 0;
    color: #1e1e1e;
    color: #1e1e1e;
    opacity: 0.25;
    padding-right: 1.8125rem
}

html[lang="zh-Hant"] section#submission .content #fee-calculator .two-columns .right-section#fee-calculator-total-container #fee-calculator-total.empty {
    font-size: .9375rem
}

section#submission .content #fee-calculator .two-columns .right-section#fee-calculator-note {
    vertical-align: middle
}

    section#submission .content #fee-calculator .two-columns .right-section#fee-calculator-note #fee-calculator-note-container.empty {
        font-size: .9375rem;
        line-height: 1.375rem;
        letter-spacing: 0;
        color: #1e1e1e;
        color: #1e1e1e;
        opacity: 0.25
    }

html[lang="zh-Hant"] section#submission .content #fee-calculator .two-columns .right-section#fee-calculator-note #fee-calculator-note-container.empty {
    font-size: .9375rem
}

section#submission .content #fee-calculator .two-columns .right-section#fee-calculator-note #fee-calculator-note-container strong {
    font-size: .9375rem;
    line-height: 1.375rem;
    letter-spacing: 0;
    color: #1e1e1e;
    font-weight: 500
}

html[lang="zh-Hant"] section#submission .content #fee-calculator .two-columns .right-section#fee-calculator-note #fee-calculator-note-container strong {
    font-size: .9375rem
}

section#submission .content #fee-calculator .two-columns .right-section#fee-calculator-note, section#submission .content #fee-calculator .two-columns .right-section#submission-detail {
    padding: 1.1875rem 1.8125rem
}

    section#submission .content #fee-calculator .two-columns .right-section#fee-calculator-note p, section#submission .content #fee-calculator .two-columns .right-section#submission-detail p {
        margin-top: 1.375rem;
        margin-bottom: 0
    }

        section#submission .content #fee-calculator .two-columns .right-section#fee-calculator-note p:first-child, section#submission .content #fee-calculator .two-columns .right-section#submission-detail p:first-child {
            margin-top: 0
        }

        section#submission .content #fee-calculator .two-columns .right-section#fee-calculator-note p strong, section#submission .content #fee-calculator .two-columns .right-section#submission-detail p strong {
            font-size: .9375rem;
            line-height: 1.375rem;
            letter-spacing: 0;
            color: #1e1e1e;
            font-weight: 500
        }

html[lang="zh-Hant"] section#submission .content #fee-calculator .two-columns .right-section#fee-calculator-note p strong, html[lang="zh-Hant"] section#submission .content #fee-calculator .two-columns .right-section#submission-detail p strong {
    font-size: .9375rem
}

section#submission .content #fee-calculator .two-columns .right-section#submission-detail address {
    font-size: .9375rem;
    line-height: 1.375rem;
    letter-spacing: 0;
    color: #1e1e1e;
    font-style: normal
}

html[lang="zh-Hant"] section#submission .content #fee-calculator .two-columns .right-section#submission-detail address {
    font-size: .9375rem
}

section#submission .content #fee-calculator .two-columns .right-section#submission-detail .submission-address {
    font-size: .9375rem;
    line-height: 1.375rem;
    letter-spacing: 0;
    color: #1e1e1e;
    font-weight: 500;
    margin-top: 1.375rem
}

html[lang="zh-Hant"] section#submission .content #fee-calculator .two-columns .right-section#submission-detail .submission-address {
    font-size: .9375rem
}

section#submission .content #fee-calculator .two-columns .right-section#submission-detail .submission-address strong {
    font-size: .9375rem;
    line-height: 1.375rem;
    letter-spacing: 0;
    color: #1e1e1e;
    font-weight: 500
}

html[lang="zh-Hant"] section#submission .content #fee-calculator .two-columns .right-section#submission-detail .submission-address strong {
    font-size: .9375rem
}

section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items {
    display: table;
    width: 100%
}

    section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row {
        display: table-row
    }

        section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .desc, section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input {
            display: table-cell;
            padding: 1.1875rem 0 1.375rem 1.8125rem;
            border-bottom: 1px solid #1e1e1e
        }

        section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row.last-fee-row .desc, section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row.last-fee-row .input {
            border-bottom-width: 0
        }

        section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .desc {
            font-size: 1.25rem;
            line-height: 1.75rem;
            letter-spacing: 0;
            color: #1e1e1e;
            padding-right: 1.8125rem;
            width: 20.3125rem
        }

html[lang="zh-Hant"] section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .desc {
    font-size: 1.1875rem
}

section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input {
    padding-left: .875rem;
    padding-right: 1.5625rem
}

    section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input.checkbox-group {
        width: 50%
    }

        section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input.checkbox-group label:first-child {
            margin-bottom: .5625rem
        }

        section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input.checkbox-group input.selection-region, section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input.checkbox-group input.selection-group {
            display: none
        }

        section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input.checkbox-group label > div.selection-group, section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input.checkbox-group label > div.selection-region {
            font-size: .9375rem;
            line-height: 1.375rem;
            letter-spacing: 0;
            color: #1e1e1e;
            position: relative;
            padding-left: 1.75rem
        }

html[lang="zh-Hant"] section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input.checkbox-group label > div.selection-group, html[lang="zh-Hant"] section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input.checkbox-group label > div.selection-region {
    font-size: .9375rem
}

section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input.checkbox-group label > div.selection-group:before, section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input.checkbox-group label > div.selection-region:before {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../img/symbols/checkbox.svg);
    position: absolute;
    top: .125rem;
    left: 0;
    display: inline-block;
    content: '';
    width: 1.125rem;
    height: 1.125rem
}

section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input.checkbox-group input.selection-group:checked + .selection-group:after, section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input.checkbox-group input.selection-region:checked + .selection-region:after {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../img/symbols/checkbox-tick.svg);
    position: absolute;
    top: -.3125rem;
    left: .125rem;
    display: block;
    content: '';
    width: 1.375rem;
    height: 1.25rem
}

section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input.checkbox-group label {
    cursor: pointer
}

html.desktop section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input.checkbox-group label:hover .selection-group:after, html.desktop section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input.checkbox-group label:hover .selection-region:after {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../img/symbols/checkbox-tick.svg);
    position: absolute;
    bottom: .25rem;
    left: .125rem;
    display: block;
    content: '';
    width: 1.375rem;
    height: 1.25rem
}

section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input.number-group {
    vertical-align: top;
    font-size: 0;
    width: 50%
}

    section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input.number-group > button {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        display: inline-block;
        width: 1.25rem;
        height: 1.25rem;
        vertical-align: middle
    }

        section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input.number-group > button span {
            display: none
        }

        section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input.number-group > button.minus {
            background-image: url(../img/symbols/minus-small.svg)
        }

        section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input.number-group > button.plus {
            background-image: url(../img/symbols/plus-small.svg)
        }

    section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input.number-group div {
        font-size: 1.25rem;
        line-height: 1.75rem;
        letter-spacing: 0;
        color: #1e1e1e;
        display: inline-block;
        width: 5.0625rem;
        text-align: center;
        vertical-align: middle
    }

html[lang="zh-Hant"] section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input.number-group div {
    font-size: 1.1875rem
}

section#submission .content .note {
    font-size: .9375rem;
    line-height: 1.375rem;
    letter-spacing: 0;
    color: #1e1e1e;
    padding: 1.5rem .9375rem;
    text-align: center
}

html[lang="zh-Hant"] section#submission .content .note {
    font-size: .9375rem
}

section#submission .content .note strong {
    font-weight: 500
}

@media print, screen and (min-width: 48.0625em) {
    section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input.checkbox-group input.selection-group:checked + .selection-group:after, section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input.checkbox-group input.selection-region:checked + .selection-region:after {
        top: -.1875rem
    }
}

@media (min-width: 769px) and (max-width: 1119px) {
    section#submission .content #fee-calculator .two-columns .left-section p {
        font-size: 1.125rem;
        line-height: 1.625rem;
        letter-spacing: 0;
        color: #1e1e1e
    }

    html[lang="zh-Hant"] section#submission .content #fee-calculator .two-columns .left-section p {
        font-size: 1.0625rem
    }

    section#submission .content #fee-calculator .two-columns .right-section#fee-calculator-total-container {
        font-size: 1.125rem;
        line-height: 1.625rem;
        letter-spacing: 0;
        color: #1e1e1e
    }

    html[lang="zh-Hant"] section#submission .content #fee-calculator .two-columns .right-section#fee-calculator-total-container {
        font-size: 1.0625rem
    }

    section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .desc {
        font-size: 1.125rem;
        line-height: 1.625rem;
        letter-spacing: 0;
        color: #1e1e1e
    }

    html[lang="zh-Hant"] section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .desc {
        font-size: 1.0625rem
    }

    section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input.number-group div {
        font-size: 1.125rem;
        line-height: 1.625rem;
        letter-spacing: 0;
        color: #1e1e1e
    }

    html[lang="zh-Hant"] section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input.number-group div {
        font-size: 1.0625rem
    }
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .desc {
        padding-right: 0;
        width: 50%
    }
}

@media screen and (max-width: 48em) {
    section#submission .content #fee-calculator .two-columns {
        display: block
    }

        section#submission .content #fee-calculator .two-columns .left-section, section#submission .content #fee-calculator .two-columns .right-section {
            display: block;
            width: 100%
        }

            section#submission .content #fee-calculator .two-columns .left-section h2 {
                font-size: 1.875rem;
                line-height: 2.75rem;
                padding: 1.25rem .9375rem 1.25rem;
                margin-bottom: 0
            }

    html[lang="zh-Hant"] section#submission .content #fee-calculator .two-columns .left-section h2 {
        font-size: 1.875rem
    }

    section#submission .content #fee-calculator .two-columns .right-section {
        border-left-width: 0;
        padding: 0 .9375rem
    }

        section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .desc {
            font-size: .875rem;
            line-height: 1.25rem;
            width: 50%;
            padding: 1.25rem .5rem 1.25rem 0
        }

    html[lang="zh-Hant"] section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .desc {
        font-size: .875rem
    }

    section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input.checkbox-group {
        width: 50%;
        padding: 1.25rem 0 1.25rem .875rem
    }

        section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input.checkbox-group label > div.selection-region, section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input.checkbox-group label > div.selection-group {
            font-size: .875rem;
            line-height: 1.125rem
        }

    html[lang="zh-Hant"] section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input.checkbox-group label > div.selection-region, html[lang="zh-Hant"] section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input.checkbox-group label > div.selection-group {
        font-size: .875rem
    }

    section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input.checkbox-group label > div.selection-region:before, section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input.checkbox-group label > div.selection-group:before {
        top: 0
    }

    section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input.number-group {
        padding-left: .875rem;
        padding-right: .5rem
    }

        section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input.number-group > button {
            width: 1.5rem;
            height: 1.5rem
        }

        section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row .input.number-group div {
            font-size: 1.125rem;
            line-height: 1.25rem;
            letter-spacing: 0;
            color: #1e1e1e;
            width: 4.4375rem
        }

    section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row.last-fee-row .desc, section#submission .content #fee-calculator .two-columns .right-section #fee-calculator-items > .fee-row.last-fee-row .input.number-group {
        border-bottom-width: 0
    }

    section#submission .content #fee-calculator .two-columns.last-two-columns .left-section {
        padding: .9375rem .9375rem 0;
        border-bottom-width: 0
    }

        section#submission .content #fee-calculator .two-columns.last-two-columns .left-section p {
            font-size: .875rem;
            line-height: 1.25rem;
            padding: 0;
            font-weight: 500
        }

    html[lang="zh-Hant"] section#submission .content #fee-calculator .two-columns.last-two-columns .left-section p {
        font-size: .875rem
    }

    section#submission .content #fee-calculator .two-columns.last-two-columns #fee-calculator-total-container {
        padding: .8125rem .9375rem
    }

        section#submission .content #fee-calculator .two-columns.last-two-columns #fee-calculator-total-container #fee-calculator-total {
            font-size: 1.625rem;
            line-height: 2.375rem;
            letter-spacing: 0;
            color: #1e1e1e;
            font-weight: 300;
            min-height: 2.375rem
        }

    html[lang="zh-Hant"] section#submission .content #fee-calculator .two-columns.last-two-columns #fee-calculator-total-container #fee-calculator-total {
        font-size: 1.625rem
    }

    section#submission .content #fee-calculator .two-columns#submission-detail-columns .left-section {
        border-bottom-width: 0
    }

        section#submission .content #fee-calculator .two-columns#submission-detail-columns .left-section h2 {
            font-size: 1.875rem;
            line-height: 2.75rem;
            padding-bottom: 0
        }

    html[lang="zh-Hant"] section#submission .content #fee-calculator .two-columns#submission-detail-columns .left-section h2 {
        font-size: 1.875rem
    }

    section#submission .content #fee-calculator .two-columns#submission-detail-columns .left-section h2 br {
        display: none
    }

    section#submission .content #fee-calculator .two-columns#submission-detail-columns #submission-detail.right-section {
        padding: 1.5rem .9375rem 1.875rem
    }

    section#submission .content #fee-calculator .two-columns#fee-calculator-note-columns #fee-calculator-note.right-section {
        padding: .9375rem .9375rem 1.875rem
    }

    section#submission .content #fee-calculator .note {
        font-size: .6875rem;
        line-height: 1rem
    }

    section#submission .content .note {
        font-size: .875rem;
        line-height: 1.25rem;
        padding: 1rem .9375rem;
        text-align: left
    }

    html[lang="zh-Hant"] section#submission .content .note {
        font-size: .875rem
    }
}

section#key-dates {
    background-color: #f5f5f5
}

    section#key-dates .content {
        position: relative;
        border-bottom: 1px solid #1e1e1e
    }

        section#key-dates .content #key-dates-detail {
            display: table;
            width: 100%
        }

            section#key-dates .content #key-dates-detail .date-row {
                display: table-row
            }

                section#key-dates .content #key-dates-detail .date-row.highlight > div {
                    background-color: #dcdcdc
                }

                    section#key-dates .content #key-dates-detail .date-row.highlight > div.date:after {
                        background-size: contain;
                        background-position: center center;
                        background-repeat: no-repeat;
                        display: inline-block;
                        width: 1.25rem;
                        height: .75rem;
                        margin-left: .9375rem;
                        background-image: url(../img/symbols/Arrow-left-key-dates.svg);
                        content: ''
                    }

                section#key-dates .content #key-dates-detail .date-row > div {
                    font-size: 1.25rem;
                    line-height: 1.75rem;
                    letter-spacing: 0;
                    color: #1e1e1e;
                    display: table-cell;
                    padding: 1.25rem 1.875rem;
                    border-bottom: 1px solid #1e1e1e
                }

html[lang="zh-Hant"] section#key-dates .content #key-dates-detail .date-row > div {
    font-size: 1.1875rem
}

section#key-dates .content #key-dates-detail .date-row > div.head {
    width: 22.65625%
}

section#key-dates .content #key-dates-detail .date-row > div.date {
    width: 27.34375%
}

section#key-dates .content #key-dates-detail .date-row > div.detail {
    padding-left: 0;
    width: 50%
}

section#key-dates .content #key-dates-detail .date-row > div a.schedule-link {
    color: inherit;
    text-decoration: underline
}

section#key-dates .content #key-dates-detail .date-row span.arrow-symbol {
    display: none
}

section#key-dates .content .note {
    font-size: .9375rem;
    line-height: 1.375rem;
    letter-spacing: 0;
    color: #1e1e1e;
    padding: 1.5rem .9375rem;
    text-align: center
}

html[lang="zh-Hant"] section#key-dates .content .note {
    font-size: .9375rem
}

section#key-dates .content .note strong {
    font-weight: 500
}

@media (min-width: 769px) and (max-width: 1119px) {
    section#key-dates .content #key-dates-detail .date-row > div {
        font-size: 1.125rem;
        line-height: 1.625rem
    }

    html[lang="zh-Hant"] section#key-dates .content #key-dates-detail .date-row > div {
        font-size: 1.0625rem
    }
}

@media screen and (max-width: 48em) {
    section#key-dates .content #key-dates-detail {
        display: block
    }

        section#key-dates .content #key-dates-detail .date-row {
            display: block;
            border-bottom: 1px solid #1e1e1e;
            padding: .625rem .9375rem 1.125rem
        }

            section#key-dates .content #key-dates-detail .date-row.highlight {
                background-color: #dcdcdc
            }

                section#key-dates .content #key-dates-detail .date-row.highlight > div {
                    background-color: transparent
                }

                section#key-dates .content #key-dates-detail .date-row.highlight span.arrow-symbol {
                    background-size: contain;
                    background-position: center center;
                    background-repeat: no-repeat;
                    display: inline-block;
                    width: 1.25rem;
                    height: .75rem;
                    margin-left: .9375rem;
                    background-image: url(../img/symbols/Arrow-left-key-dates.svg)
                }

            section#key-dates .content #key-dates-detail .date-row:first-child {
                border-top-width: 0
            }

            section#key-dates .content #key-dates-detail .date-row:before {
                font-size: 1.125rem;
                line-height: 1.625rem;
                letter-spacing: 0;
                color: #1e1e1e;
                display: inline-block;
                content: attr(data-date);
                text-transform: capitalize;
                margin-bottom: 1.125rem
            }

    html[lang="zh-Hant"] section#key-dates .content #key-dates-detail .date-row:before {
        font-size: 1.0625rem
    }

    section#key-dates .content #key-dates-detail .date-row > div {
        font-size: .875rem;
        line-height: 1.25rem;
        letter-spacing: 0;
        color: #1e1e1e;
        display: block;
        padding: 0;
        border-bottom-width: 0
    }

    html[lang="zh-Hant"] section#key-dates .content #key-dates-detail .date-row > div {
        font-size: .875rem
    }

    section#key-dates .content #key-dates-detail .date-row > div.head {
        width: 100%;
        font-weight: 500
    }

    section#key-dates .content #key-dates-detail .date-row > div.date {
        display: none;
        width: 100%;
        margin-top: .3125rem
    }

    section#key-dates .content #key-dates-detail .date-row > div.detail {
        width: 100%;
        margin-top: .125rem
    }

    section#key-dates .content .note {
        font-size: .875rem;
        line-height: 1.25rem;
        padding: 1rem .9375rem;
        text-align: left
    }

    html[lang="zh-Hant"] section#key-dates .content .note {
        font-size: .875rem
    }
}

section#judges .content {
    position: relative;
    min-height: 37.5rem;
    border-bottom: 1px solid #1e1e1e
}

    section#judges .content:after {
        display: block;
        clear: both;
        content: ''
    }

    section#judges .content .left-section, section#judges .content .right-section {
        position: relative;
        display: block;
        width: 50%;
        padding: 0 1.875rem;
        z-index: 1
    }

    section#judges .content .image-section {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 0;
        text-align: center;
        z-index: 2
    }

        section#judges .content .image-section ul {
            display: block;
            width: 100%;
            height: 0;
            list-style: none;
            margin: 0
        }

            section#judges .content .image-section ul li {
                display: none;
                width: 46.875%;
                max-width: 25rem;
                height: auto
            }

                section#judges .content .image-section ul li.show {
                    display: inline-block
                }

                section#judges .content .image-section ul li.wide {
                    max-width: 37.5rem
                }

                section#judges .content .image-section ul li img {
                    width: 100%;
                    height: auto
                }

html.mobile section#judges .content .image-section {
    display: none;
    position: relative;
    width: 50%;
    float: left;
    padding: 0 1.875rem;
    margin-top: 1.875rem
}

    html.mobile section#judges .content .image-section ul li {
        width: 100%
    }

section#judges .content .unavailable-message {
    font-size: 3.125rem;
    line-height: 3.75rem;
    letter-spacing: -1px;
    color: #1e1e1e;
    display: block;
    padding: 1.25rem 1.875rem 0;
    margin: 0;
    font-weight: 300;
    margin-bottom: .5rem
}

html[lang="zh-Hant"] section#judges .content .unavailable-message {
    font-size: 2.875rem
}

html[lang="zh-Hant"] section#judges .content .unavailable-message {
    line-height: 3.625rem
}

section#judges .content .left-section {
    float: left
}

    section#judges .content .left-section .judge-list {
        display: block;
        list-style: none;
        padding: 1.25rem 0 0;
        margin: 0;
        height: 0
    }

        section#judges .content .left-section .judge-list li {
            font-size: 3.125rem;
            line-height: 3.75rem;
            letter-spacing: -1px;
            color: #1e1e1e;
            display: inline-block;
            float: left;
            clear: left;
            position: relative;
            font-weight: 300;
            margin-bottom: .5rem;
            cursor: pointer
        }

html[lang="zh-Hant"] section#judges .content .left-section .judge-list li {
    font-size: 2.875rem
}

html[lang="zh-Hant"] section#judges .content .left-section .judge-list li {
    line-height: 3.625rem
}

section#judges .content .left-section .judge-list li.highlight:after, section#judges .content .left-section .judge-list li:hover:after {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    content: '';
    position: absolute;
    background-image: url(../img/judges/circle-01.png);
    top: -.4375rem;
    left: 2.375rem;
    width: 14.375rem;
    height: 4.6875rem
}

html[lang="zh-Hant"] section#judges .content .left-section .judge-list li:nth-child(1).highlight:after, html[lang="zh-Hant"] section#judges .content .left-section .judge-list li:nth-child(1):hover:after {
    background-image: url(../img/judges/circle-01.png);
    top: -.5625rem;
    left: .1875rem;
    width: 11.375rem;
    height: 4.4375rem
}

section#judges .content .left-section .judge-list li:nth-child(2).highlight:after, section#judges .content .left-section .judge-list li:nth-child(2):hover:after {
    background-image: url(../img/judges/circle-02.png);
    top: -1.1875rem;
    left: -1.25rem;
    width: 10rem;
    height: 5.625rem
}

section#judges .content .left-section .judge-list li:nth-child(3).highlight:after, section#judges .content .left-section .judge-list li:nth-child(3):hover:after {
    background-image: url(../img/judges/circle-03.png);
    top: -.5625rem;
    left: -1.25rem;
    width: 18.75rem;
    height: 6.25rem
}

section#judges .content .right-section {
    padding-left: 0;
    padding-top: 1.25rem;
    padding-bottom: 6.4375rem;
    float: right
}

    section#judges .content .right-section ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

        section#judges .content .right-section ul li {
            display: none
        }

            section#judges .content .right-section ul li .name {
                display: none
            }

            section#judges .content .right-section ul li .image {
                display: none
            }

            section#judges .content .right-section ul li .description strong {
                font-weight: 500
            }

            section#judges .content .right-section ul li .description a {
                text-decoration: underline;
                color: #1e1e1e
            }

            section#judges .content .right-section ul li div {
                font-size: 1.25rem;
                line-height: 1.75rem;
                letter-spacing: 0;
                color: #1e1e1e
            }

html[lang="zh-Hant"] section#judges .content .right-section ul li div {
    font-size: 1.1875rem
}

section#judges .content .right-section ul li.show {
    display: block
}

section#judges .content .right-section p {
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0;
    color: #1e1e1e;
    margin: 1.75rem 0
}

html[lang="zh-Hant"] section#judges .content .right-section p {
    font-size: 1.1875rem
}

section#judges .content .right-section p:first-child {
    margin-top: 0
}

html.mobile section#judges .content .right-section ul li.show .image {
    display: block;
    margin-bottom: .9375rem
}

@media (min-width: 769px) and (max-width: 1119px) {
    section#judges .content .right-section ul li div {
        font-size: 1.125rem;
        line-height: 1.625rem;
        letter-spacing: 0;
        color: #1e1e1e
    }

    html[lang="zh-Hant"] section#judges .content .right-section ul li div {
        font-size: 1.0625rem
    }

    section#judges .content .right-section p {
        font-size: 1.125rem;
        line-height: 1.625rem;
        letter-spacing: 0;
        color: #1e1e1e;
        margin: 1.625rem 0
    }

    html[lang="zh-Hant"] section#judges .content .right-section p {
        font-size: 1.0625rem
    }

    section#judges .content .right-section p:first-child {
        margin-top: 0
    }
}

@media screen and (max-width: 48em) {
    section#judges {
        min-height: 0
    }

        section#judges .content {
            border-bottom: 1px solid #1e1e1e;
            min-height: 18.75rem
        }

            section#judges .content:after {
                display: block;
                clear: both;
                content: ''
            }

            section#judges .content:before {
                display: block;
                width: 0;
                padding-top: 0;
                content: '';
                float: left
            }

            section#judges .content .unavailable-message {
                font-size: 1.875rem;
                line-height: 2.75rem;
                letter-spacing: -1px;
                color: #1e1e1e;
                color: #1e1e1e;
                display: block;
                margin-bottom: .5625rem;
                padding: 1.25rem .9375rem
            }

    html[lang="zh-Hant"] section#judges .content .unavailable-message {
        font-size: 1.875rem
    }

    section#judges .content .left-section {
        display: none;
        width: 100%;
        padding: 1.25rem .9375rem
    }

        section#judges .content .left-section .judge-list {
            padding: 0
        }

            section#judges .content .left-section .judge-list li {
                font-size: 1.875rem;
                line-height: 2.5rem;
                letter-spacing: -1px;
                color: #1e1e1e;
                margin-bottom: 0
            }

    html[lang="zh-Hant"] section#judges .content .left-section .judge-list li {
        font-size: 1.875rem
    }

    section#judges .content .right-section {
        display: block;
        width: 100%;
        padding: 1.25rem .9375rem
    }

        section#judges .content .right-section ul li {
            display: block;
            margin-bottom: .5625rem
        }

            section#judges .content .right-section ul li.is-active {
                transition: padding-top 200ms;
                padding-top: 3.8125rem
            }

            section#judges .content .right-section ul li .image {
                margin-bottom: .9375rem
            }

            section#judges .content .right-section ul li .image, section#judges .content .right-section ul li .name {
                display: block
            }

            section#judges .content .right-section ul li .wrapper {
                display: none;
                padding-top: .625rem;
                padding-bottom: 5.0625rem
            }

                section#judges .content .right-section ul li .wrapper p {
                    font-size: .875rem;
                    line-height: 1.25rem;
                    margin-bottom: reM(20px)
                }

    html[lang="zh-Hant"] section#judges .content .right-section ul li .wrapper p {
        font-size: .875rem
    }

    section#judges .content .right-section ul li .name {
        font-size: 1.875rem;
        line-height: 2.75rem;
        letter-spacing: -1px;
        color: #1e1e1e;
        color: #1e1e1e;
        font-weight: 300
    }

    html[lang="zh-Hant"] section#judges .content .right-section ul li .name {
        font-size: 1.875rem
    }

    section#judges .content .right-section ul li .name span {
        vertical-align: middle
    }

    section#judges .content .right-section ul li .name .toggle-button {
        transition: transform 200ms ease;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin-left: .625rem;
        width: 30px;
        height: 30px
    }

        section#judges .content .right-section ul li .name .toggle-button span {
            display: block;
            outline: none;
            border: 1px solid #1e1e1e;
            width: 30px;
            height: 30px;
            border-radius: 15px;
            padding: 0
        }

            section#judges .content .right-section ul li .name .toggle-button span:before, section#judges .content .right-section ul li .name .toggle-button span:after {
                transition: transform 200ms ease 400ms;
                display: block;
                content: '';
                position: absolute
            }

            section#judges .content .right-section ul li .name .toggle-button span:before {
                left: 0;
                width: 100%;
                height: 1px;
                background-color: #1e1e1e
            }

            section#judges .content .right-section ul li .name .toggle-button span:after {
                top: 0;
                width: 1px;
                height: 100%;
                background-color: #1e1e1e
            }

            section#judges .content .right-section ul li .name .toggle-button span:before {
                -ms-transform-origin: 15px 0;
                transform-origin: 15px 0;
                top: 15px
            }

            section#judges .content .right-section ul li .name .toggle-button span:after {
                -ms-transform-origin: 0 15px;
                transform-origin: 0 15px;
                left: 15px
            }

    section#judges .content .right-section ul li.is-active .name .toggle-button {
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

        section#judges .content .right-section ul li.is-active .name .toggle-button .button:before {
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

        section#judges .content .right-section ul li.is-active .name .toggle-button .button:after {
            -ms-transform: rotate(45deg);
            transform: rotate(45deg)
        }

    section#judges .content .right-section ul li.animation-2 .name .toggle-button {
        transition: transform 200ms ease 400ms
    }

        section#judges .content .right-section ul li.animation-2 .name .toggle-button .button:before, section#judges .content .right-section ul li.animation-2 .name .toggle-button .button:after {
            transition: transform 200ms ease
        }
}

section#awards {
    background-color: #fff /*#B6A171 */
}

    section#awards .content {
        border-bottom: 1px solid #1e1e1e;
        padding-bottom: 3.125rem
    }

        section#awards .content .awards-group {
            display: block;
            padding: 0 1.875rem;
            border-bottom: 1px solid #1e1e1e
        }

            section#awards .content .awards-group .two-columns {
                display: table;
                width: 100%
            }

                section#awards .content .awards-group .two-columns .left-section, section#awards .content .awards-group .two-columns .right-section {
                    display: table-cell;
                    width: 50%;
                    vertical-align: top;
                    border-bottom: 1px solid #1e1e1e
                }

                section#awards .content .awards-group .two-columns .left-section {
                    padding: 1.125rem 1.875rem 4.6875rem 0
                }

                    section#awards .content .awards-group .two-columns .left-section h2 {
                        font-size: 3.125rem;
                        line-height: 3.75rem;
                        letter-spacing: -1px;
                        color: #1e1e1e;
                        font-weight: 300;
                        margin: 0
                    }

html[lang="zh-Hant"] section#awards .content .awards-group .two-columns .left-section h2 {
    font-size: 2.875rem
}

html[lang="zh-Hant"] section#awards .content .awards-group .two-columns .left-section h2 {
    line-height: 3.625rem
}

section#awards .content .awards-group .two-columns .right-section {
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0;
    color: #1e1e1e;
    border-left: 1px solid #1e1e1e;
    padding: 1.25rem 0 3.125rem 2.5rem
}

html[lang="zh-Hant"] section#awards .content .awards-group .two-columns .right-section {
    font-size: 1.1875rem
}

section#awards .content .awards-group .two-columns .right-section ul {
    margin: 0;
    padding: 0
}

    section#awards .content .awards-group .two-columns .right-section ul li {
        font-size: 1.25rem;
        line-height: 1.75rem;
        letter-spacing: 0;
        color: #1e1e1e
    }

html[lang="zh-Hant"] section#awards .content .awards-group .two-columns .right-section ul li {
    font-size: 1.1875rem
}

section#awards .content .awards-group .two-columns .right-section div.small-note {
    font-size: .9375rem;
    line-height: 1.375rem;
    letter-spacing: 0;
    color: #1e1e1e;
    margin-top: 1.875rem
}

html[lang="zh-Hant"] section#awards .content .awards-group .two-columns .right-section div.small-note {
    font-size: .9375rem
}

section#awards .content .awards-group .two-columns .right-section p {
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0;
    color: #1e1e1e;
    margin: 1.75rem 0 0
}

html[lang="zh-Hant"] section#awards .content .awards-group .two-columns .right-section p {
    font-size: 1.1875rem
}

section#awards .content .awards-group .two-columns .right-section p:first-child {
    margin-top: 0
}

section#awards .content .awards-group .group-table {
    display: table;
    width: 100%
}

    section#awards .content .awards-group .group-table .toggle-button {
        display: none
    }

    section#awards .content .awards-group .group-table .group-row, section#awards .content .awards-group .group-table .group-head {
        display: table-row
    }

        section#awards .content .awards-group .group-table .group-row label.toggle-button-label, section#awards .content .awards-group .group-table .group-head label.toggle-button-label {
            display: none
        }

        section#awards .content .awards-group .group-table .group-row > div, section#awards .content .awards-group .group-table .group-head > div {
            font-size: .9375rem;
            line-height: 1.375rem;
            letter-spacing: 0;
            color: #1e1e1e;
            display: table-cell;
            color: #1e1e1e;
            background-color: transparent;
            padding: .75rem .625rem .9375rem;
            border-bottom: 1px solid #1e1e1e
        }

html[lang="zh-Hant"] section#awards .content .awards-group .group-table .group-row > div, html[lang="zh-Hant"] section#awards .content .awards-group .group-table .group-head > div {
    font-size: .9375rem
}

section#awards .content .awards-group .group-table .group-row > div span, section#awards .content .awards-group .group-table .group-head > div span {
    font-size: .9375rem;
    line-height: 1.375rem;
    letter-spacing: 0;
    color: #1e1e1e
}

html[lang="zh-Hant"] section#awards .content .awards-group .group-table .group-row > div span, html[lang="zh-Hant"] section#awards .content .awards-group .group-table .group-head > div span {
    font-size: .9375rem
}

section#awards .content .awards-group .group-table .group-row > div span.blocks, section#awards .content .awards-group .group-table .group-head > div span.blocks {
    display: inline-block
}

section#awards .content .awards-group .group-table .group-row.last-row > div, section#awards .content .awards-group .group-table .group-head.last-row > div {
    border-bottom-width: 0
}

section#awards .content .awards-group .group-table .group-row .serial, section#awards .content .awards-group .group-table .group-head .serial {
    width: 9.18033%
}

section#awards .content .awards-group .group-table .group-row .category, section#awards .content .awards-group .group-table .group-head .category {
    width: 20%
}

section#awards .content .awards-group .group-table .group-row .specifications, section#awards .content .awards-group .group-table .group-head .specifications {
    width: 35%
}

html[lang="en"] section#awards .content .awards-group .group-table .group-row .specifications .blocks-container, html[lang="en"] section#awards .content .awards-group .group-table .group-head .specifications .blocks-container {
    padding-right: .3125rem
}

section#awards .content .awards-group .group-table .group-row .framing, section#awards .content .awards-group .group-table .group-head .framing {
    width: 35.81967%
}

section#awards .content .awards-group .group-table .group-row:hover > div {
    background-color: #1e1e1e;
    color: #B6A171
}

    section#awards .content .awards-group .group-table .group-row:hover > div span {
        color: #B6A171
    }

section#awards .content #awards-open-group .two-columns .left-section .stroke {
    width: 8.75rem;
    margin-top: .5625rem
}

section#awards .content #awards-student-group {
    border-top: 1px solid #1e1e1e;
    margin-top: 12.5rem
}

    section#awards .content #awards-student-group .two-columns .left-section .stroke {
        margin-left: -.5625rem;
        margin-top: .3125rem;
        width: 12.75rem
    }

section#awards .content .note {
    font-size: .9375rem;
    line-height: 1.375rem;
    letter-spacing: 0;
    color: #1e1e1e;
    padding: 1.5rem .9375rem;
    text-align: center
}

html[lang="zh-Hant"] section#awards .content .note {
    font-size: .9375rem
}

section#awards .content .note strong {
    font-weight: 500
}

@media (min-width: 769px) and (max-width: 1119px) {
    section#awards .content .awards-group .two-columns .right-section {
        font-size: 1.125rem;
        line-height: 1.625rem;
        letter-spacing: 0;
        color: #1e1e1e
    }

    html[lang="zh-Hant"] section#awards .content .awards-group .two-columns .right-section {
        font-size: 1.0625rem
    }

    section#awards .content .awards-group .two-columns .right-section ul li {
        font-size: 1.125rem;
        line-height: 1.625rem;
        letter-spacing: 0;
        color: #1e1e1e
    }

    html[lang="zh-Hant"] section#awards .content .awards-group .two-columns .right-section ul li {
        font-size: 1.0625rem
    }

    section#awards .content .awards-group .two-columns .right-section p {
        font-size: 1.125rem;
        line-height: 1.625rem;
        letter-spacing: 0;
        color: #1e1e1e;
        margin: 1.625rem 0 0
    }

    html[lang="zh-Hant"] section#awards .content .awards-group .two-columns .right-section p {
        font-size: 1.0625rem
    }

    section#awards .content .awards-group .two-columns .right-section p:first-child {
        margin-top: 0
    }
}

@media screen and (max-width: 48em) {
    section#awards .content {
        padding-bottom: 3.3125rem
    }

        section#awards .content .awards-group {
            padding: 1.25rem 0
        }

            section#awards .content .awards-group .two-columns {
                display: block;
                padding: 0 .9375rem
            }

                section#awards .content .awards-group .two-columns .left-section, section#awards .content .awards-group .two-columns .right-section {
                    display: block;
                    width: 100%;
                    border-left-width: 0
                }

                section#awards .content .awards-group .two-columns .left-section {
                    padding: 0;
                    border-bottom-width: 0
                }

                    section#awards .content .awards-group .two-columns .left-section h2 {
                        font-size: 1.875rem;
                        line-height: 2.75rem
                    }

    html[lang="zh-Hant"] section#awards .content .awards-group .two-columns .left-section h2 {
        font-size: 1.875rem
    }

    section#awards .content .awards-group .two-columns .right-section {
        padding: 1.5rem 0 0 1.25rem;
        margin: 0
    }

        section#awards .content .awards-group .two-columns .right-section .description {
            margin-bottom: 1.875rem
        }

            section#awards .content .awards-group .two-columns .right-section .description ul li {
                font-size: .875rem;
                line-height: 1.25rem
            }

    html[lang="zh-Hant"] section#awards .content .awards-group .two-columns .right-section .description ul li {
        font-size: .875rem
    }

    section#awards .content .awards-group .two-columns .right-section .description div.small-note {
        font-size: .875rem;
        line-height: 1.25rem;
        letter-spacing: 0;
        color: #1e1e1e;
        margin-top: .9375rem
    }

    html[lang="zh-Hant"] section#awards .content .awards-group .two-columns .right-section .description div.small-note {
        font-size: .875rem
    }

    section#awards .content .awards-group .group-table {
        display: block;
        padding: 0 .9375rem
    }

        section#awards .content .awards-group .group-table .group-head {
            display: none
        }

        section#awards .content .awards-group .group-table .toggle-button:checked + .group-row {
            background-color: #1e1e1e;
            border-bottom-color: #B6A171
        }

            section#awards .content .awards-group .group-table .toggle-button:checked + .group-row > div {
                color: #B6A171
            }

                section#awards .content .awards-group .group-table .toggle-button:checked + .group-row > div span {
                    color: #B6A171
                }

            section#awards .content .awards-group .group-table .toggle-button:checked + .group-row label.toggle-button-label {
                background-image: url(../img/symbols/awards-minus-gold.svg)
            }

            section#awards .content .awards-group .group-table .toggle-button:checked + .group-row .serial, section#awards .content .awards-group .group-table .toggle-button:checked + .group-row .category {
                padding-bottom: .625rem
            }

            section#awards .content .awards-group .group-table .toggle-button:checked + .group-row .specifications {
                display: block;
                border-top: 1px solid #3C3C3C;
                padding-bottom: .625rem
            }

            section#awards .content .awards-group .group-table .toggle-button:checked + .group-row .framing {
                display: block;
                border-top: 1px solid #3C3C3C
            }

        section#awards .content .awards-group .group-table .group-row {
            position: relative;
            display: block;
            padding: .625rem 0;
            border-bottom: 1px solid #1e1e1e
        }

            section#awards .content .awards-group .group-table .group-row:after {
                display: block;
                clear: both;
                content: ''
            }

            section#awards .content .awards-group .group-table .group-row:last-child {
                border-bottom-width: 0
            }

            section#awards .content .awards-group .group-table .group-row label.toggle-button-label {
                background-size: 1.25rem 1.25rem;
                background-position: center center;
                background-repeat: no-repeat;
                display: block;
                cursor: pointer;
                background-image: url(../img/symbols/awards-plus.svg);
                position: absolute;
                top: 0;
                right: 0;
                width: 2.5rem;
                height: 2.5rem;
                margin: 0
            }

                section#awards .content .awards-group .group-table .group-row label.toggle-button-label span {
                    display: none
                }

            section#awards .content .awards-group .group-table .group-row > div {
                display: inline-block;
                border-bottom-width: 0;
                padding: 0;
                vertical-align: top;
                font-size: .875rem;
                line-height: 1.25rem
            }

    html[lang="zh-Hant"] section#awards .content .awards-group .group-table .group-row > div {
        font-size: .875rem
    }

    section#awards .content .awards-group .group-table .group-row > div span {
        font-size: .875rem;
        line-height: 1.25rem
    }

    html[lang="zh-Hant"] section#awards .content .awards-group .group-table .group-row > div span {
        font-size: .875rem
    }

    section#awards .content .awards-group .group-table .group-row .serial {
        width: 50%;
        float: left;
        font-weight: 500;
        padding-left: .625rem
    }

        section#awards .content .awards-group .group-table .group-row .serial:before {
            display: inline;
            content: attr(data-title) " ";
            text-transform: capitalize
        }

    section#awards .content .awards-group .group-table .group-row .category {
        width: 50%;
        float: left;
        font-weight: 500;
        padding-right: 2.5rem
    }

    section#awards .content .awards-group .group-table .group-row .specifications {
        display: none;
        width: 100%;
        clear: both;
        padding-top: .625rem
    }

        section#awards .content .awards-group .group-table .group-row .specifications:after {
            display: block;
            clear: both;
            content: ''
        }

        section#awards .content .awards-group .group-table .group-row .specifications span.key {
            display: block;
            width: 50%;
            padding-left: .625rem;
            padding-right: 3.75rem
        }

            section#awards .content .awards-group .group-table .group-row .specifications span.key:before {
                display: inline-block;
                width: auto;
                content: attr(data-before) " ";
                text-transform: capitalize;
                font-weight: 500
            }

            section#awards .content .awards-group .group-table .group-row .specifications span.key:after {
                display: inline-block;
                width: auto;
                content: attr(data-after) " ";
                text-transform: capitalize;
                font-weight: 500
            }

        section#awards .content .awards-group .group-table .group-row .specifications > span, section#awards .content .awards-group .group-table .group-row .specifications .blocks-container {
            display: block;
            width: 50%;
            float: left
        }

        section#awards .content .awards-group .group-table .group-row .specifications .blocks-container {
            padding-right: .625rem
        }

    html[lang="en"] section#awards .content .awards-group .group-table .group-row .specifications .blocks-container {
        padding-right: 0
    }

    section#awards .content .awards-group .group-table .group-row .framing {
        display: none;
        width: 100%;
        clear: both;
        padding-top: .625rem
    }

        section#awards .content .awards-group .group-table .group-row .framing:after {
            display: block;
            clear: both;
            content: ''
        }

        section#awards .content .awards-group .group-table .group-row .framing span.key {
            display: block;
            width: 50%;
            padding-left: .625rem;
            padding-right: 0
        }

            section#awards .content .awards-group .group-table .group-row .framing span.key:before {
                display: block;
                width: 100%;
                content: attr(data-before) " ";
                text-transform: capitalize;
                font-weight: 500
            }

            section#awards .content .awards-group .group-table .group-row .framing span.key:after {
                display: block;
                width: 100%;
                content: attr(data-after) " ";
                text-transform: capitalize;
                font-weight: 500
            }

        section#awards .content .awards-group .group-table .group-row .framing span {
            display: block;
            width: 50%;
            float: left;
            padding-right: .625rem
        }

    section#awards .content .awards-group .group-table .group-row:hover > div {
        color: #1e1e1e;
        background-color: transparent
    }

        section#awards .content .awards-group .group-table .group-row:hover > div span {
            color: #1e1e1e
        }

    section#awards .content #awards-open-group {
        padding-bottom: 0
    }

        section#awards .content #awards-open-group .two-columns .left-section .stroke {
            display: none
        }

    section#awards .content #awards-student-group {
        border-top-width: 0;
        margin-top: 5rem;
        padding-bottom: 0
    }

        section#awards .content #awards-student-group .two-columns .left-section .stroke {
            display: none
        }

        section#awards .content #awards-student-group .two-columns .right-section {
            padding: 1.5rem 0 0 1.25rem
        }

    section#awards .content .note {
        font-size: .875rem;
        line-height: 1.25rem;
        padding: 1rem .9375rem;
        text-align: left
    }

    html[lang="zh-Hant"] section#awards .content .note {
        font-size: .875rem
    }
}

section#contact-us {
    background-color: rgb(220, 220, 220) /* #f5f5f5*/
}

    section#contact-us .content {
        font-size: 1.25rem;
        line-height: 1.75rem;
        letter-spacing: 0;
        color: #1e1e1e;
        position: relative;
        padding: 1.875rem 1.875rem 9rem;
        min-height:350px;
    }

html[lang="zh-Hant"] section#contact-us .content {
    font-size: 1.1875rem
}

section#contact-us .content .social-list {
    display: block;
    padding: 0;
    margin: 1.875rem 0 0;
    list-style: none
}

    section#contact-us .content .social-list:after {
        display: block;
        clear: both;
        content: ''
    }

    section#contact-us .content .social-list li {
        display: block;
        float: left;
        width: auto;
        height: 1.375rem;
        margin-right: 1.25rem;
        line-height: 0
    }

        section#contact-us .content .social-list li a {
            width: auto;
            height: 100%
        }

            section#contact-us .content .social-list li a:hover {
                opacity: 0.6
            }

section#contact-us .content .contact-info {
    margin-top: 1.75rem
}

    section#contact-us .content .contact-info a {
        color: #1e1e1e
    }

        section#contact-us .content .contact-info a:hover {
            opacity: 0.6
        }

section#contact-us .content .contact-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 0 1.875rem 1.875rem
}

    section#contact-us .content .contact-bottom #contact-bottom-container {
        display: table;
        width: 100%;
        height: auto
    }

        section#contact-us .content .contact-bottom #contact-bottom-container > div {
            display: table-cell;
            vertical-align: bottom;
            width: 33.3%
        }

            section#contact-us .content .contact-bottom #contact-bottom-container > div a {
                color: #1e1e1e
            }

            section#contact-us .content .contact-bottom #contact-bottom-container > div.right {
                text-align: right
            }

                section#contact-us .content .contact-bottom #contact-bottom-container > div.right a:hover {
                    opacity: 0.6
                }

            section#contact-us .content .contact-bottom #contact-bottom-container > div.middle {
                text-align: center
            }

                section#contact-us .content .contact-bottom #contact-bottom-container > div.middle a:hover {
                    opacity: 0.6
                }

@media (min-width: 769px) and (max-width: 1119px) {
    section#contact-us .content {
        font-size: 1.125rem;
        line-height: 1.625rem;
        letter-spacing: 0;
        color: #1e1e1e
    }

    html[lang="zh-Hant"] section#contact-us .content {
        font-size: 1.0625rem
    }

    section#contact-us .content .contact-info {
        margin-top: 1.625rem
    }
}

@media screen and (max-width: 48em) {
    section#contact-us .content {
        font-size: .875rem;
        line-height: 1.25rem;
        letter-spacing: 0;
        color: #1e1e1e;
        padding: .9375rem 0 0;
        min-height: 0
    }

    html[lang="zh-Hant"] section#contact-us .content {
        font-size: .875rem
    }

    section#contact-us .content > .name, section#contact-us .content addr {
        padding: 0 .9375rem
    }

    section#contact-us .content .social-list {
        margin: 2rem 0;
        padding: 0 .9375rem
    }

    section#contact-us .content .contact-info {
        padding: 0 .9375rem;
        margin-top: 1.25rem
    }

    section#contact-us .content .contact-bottom {
        position: relative;
        margin-top: 5.125rem;
        padding: 0
    }

        section#contact-us .content .contact-bottom #contact-bottom-container {
            display: block
        }

            section#contact-us .content .contact-bottom #contact-bottom-container:after {
                display: block;
                clear: both;
                content: ''
            }

            section#contact-us .content .contact-bottom #contact-bottom-container > div {
                display: block
            }

                section#contact-us .content .contact-bottom #contact-bottom-container > div.left {
                    padding: 0 .9375rem 1.0625rem;
                    width: 100%;
                    border-bottom: 1px solid #1e1e1e
                }

                section#contact-us .content .contact-bottom #contact-bottom-container > div.middle, section#contact-us .content .contact-bottom #contact-bottom-container > div.right {
                    float: left;
                    width: 50%;
                    padding-top: .75rem;
                    padding-bottom: 1.0625rem
                }

                    section#contact-us .content .contact-bottom #contact-bottom-container > div.middle span, section#contact-us .content .contact-bottom #contact-bottom-container > div.right span {
                        display: block
                    }

                section#contact-us .content .contact-bottom #contact-bottom-container > div.middle {
                    padding-left: .9375rem;
                    text-align: left
                }

                section#contact-us .content .contact-bottom #contact-bottom-container > div.right {
                    padding-right: .9375rem;
                    text-align: right
                }
}

body.account #main-container {
    position: relative;
    display: block;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    padding-top: 3.75rem
}

    body.account #main-container:after {
        display: block;
        clear: both;
        content: ''
    }

    body.account #main-container .left-section, body.account #main-container .right-section {
        display: block;
        height: 100%;
        overflow-y: auto
    }

    body.account #main-container .left-section {
        width: 25%;
        float: left;
        border-right: 1px solid #1e1e1e
    }

    body.account #main-container .right-section {
        width: 75%;
        float: right
    }

    body.account #main-container:after {
        position: absolute;
        top: 0;
        left: 75%;
        display: block;
        width: 1px;
        height: 100%;
        background-color: #1e1e1e
    }

.reveal-overlay .reveal {
    position: relative;
    outline: none;
    max-width: 25rem;
    min-height: 12.5rem;
    padding: 1.375rem 1.875rem 5rem;
    background-color: #fff
}

    .reveal-overlay .reveal strong {
        font-weight: 500
    }

    .reveal-overlay .reveal .controls {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-top: 1px solid #1e1e1e
    }

        .reveal-overlay .reveal .controls:after {
            position: absolute;
            top: 0;
            left: 50%;
            width: 1px;
            height: 100%;
            display: inline-block;
            content: '';
            background-color: #1e1e1e
        }

        .reveal-overlay .reveal .controls button {
            font-size: 1.125rem;
            line-height: 3.625rem;
            letter-spacing: 0;
            color: #1e1e1e;
            display: inline-block;
            padding: 0;
            margin: 0;
            text-align: center;
            background-color: transparent;
            width: 50%;
            float: left
        }

html.desktop .reveal-overlay .reveal .controls button.cancel-button:hover {
    background-color: #d8d8d8
}

.reveal-overlay .reveal .controls button.delete-button {
    color: #f15a22
}

html.desktop .reveal-overlay .reveal .controls button.delete-button:hover {
    background-color: #f15a22;
    color: #fff
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    body.account #main-container {
        height: auto
    }

        body.account #main-container .left-section, body.account #main-container .right-section {
            width: 100%;
            float: none;
            border-right-width: 0
        }

        body.account #main-container .right-section {
            border-bottom: 1px solid #1e1e1e
        }

        body.account #main-container:after {
            display: none
        }
}

@media screen and (max-width: 48em) {
    body.account #main-container {
        height: auto
    }

        body.account #main-container .left-section, body.account #main-container .right-section {
            width: 100%;
            float: none;
            border-right-width: 0
        }

        body.account #main-container .right-section {
            border-bottom: 1px solid #1e1e1e
        }

        body.account #main-container:after {
            display: none
        }

    .reveal-overlay .reveal {
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        height: auto;
        position: absolute;
        left: 50%
    }
}

@media screen and (max-width: 48em) {
    body.account #main-container {
        padding-top: 6.25rem
    }
}

@media (max-width: 374px) {
    body.account #main-container {
        padding-top: 5rem
    }
}

@media (max-width: 440px) {
    .reveal-overlay .reveal {
        -ms-transform: none;
        transform: none;
        left: 0;
        width: 87.5%;
        margin-left: 6.25%;
        margin-right: 6.25%
    }
}

#account-information {
    position: relative
}

    #account-information #information-panel {
        position: relative;
        padding-bottom: 11.25rem;
        min-height: 100%
    }

        #account-information #information-panel h2 {
            font-size: 1.25rem;
            line-height: 1.75rem;
            letter-spacing: 0;
            color: #1e1e1e;
            padding: 1.25rem .625rem 3.4375rem;
            text-align: center;
            margin-bottom: 0
        }

html[lang="zh-Hant"] #account-information #information-panel h2 {
    font-size: 1.1875rem
}

#account-information #information-panel .basic {
    padding: 0 1.875rem
}

    #account-information #information-panel .basic .block {
        font-size: .9375rem;
        line-height: 1.375rem;
        letter-spacing: 0;
        color: #1e1e1e
    }

html[lang="zh-Hant"] #account-information #information-panel .basic .block {
    font-size: .9375rem
}

#account-information #information-panel .contact, #account-information #information-panel .address {
    margin-top: 1.875rem;
    padding: 0 1.875rem
}

    #account-information #information-panel .contact .title, #account-information #information-panel .address .title {
        font-size: .625rem;
        line-height: .75rem;
        letter-spacing: 1px;
        color: #1e1e1e;
        margin-bottom: .625rem
    }

html[lang="zh-Hant"] #account-information #information-panel .contact .title, html[lang="zh-Hant"] #account-information #information-panel .address .title {
    font-size: .75rem;
    line-height: .75rem
}

#account-information #information-panel .contact .block, #account-information #information-panel .address .block {
    font-size: .9375rem;
    line-height: 1.375rem;
    letter-spacing: 0;
    color: #1e1e1e
}

html[lang="zh-Hant"] #account-information #information-panel .contact .block, html[lang="zh-Hant"] #account-information #information-panel .address .block {
    font-size: .9375rem
}

#account-information #information-panel .contact address, #account-information #information-panel .address address {
    font-size: .9375rem;
    line-height: 1.375rem;
    letter-spacing: 0;
    color: #1e1e1e;
    font-style: normal
}

html[lang="zh-Hant"] #account-information #information-panel .contact address, html[lang="zh-Hant"] #account-information #information-panel .address address {
    font-size: .9375rem
}

#account-information.has-payment #information-panel {
    padding-bottom: 21.9375rem
}

#account-information #information-button-box {
    position: absolute;
    bottom: 0;
    left: 1.875rem;
    right: 1.875rem;
    height: auto
}

#account-information .info-button {
    font-size: .9375rem;
    line-height: 2.375rem;
    letter-spacing: 0;
    color: #1e1e1e;
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    border: 1px solid #1e1e1e;
    text-align: center;
    margin-bottom: 1.875rem
}

html[lang="zh-Hant"] #account-information .info-button {
    font-size: .9375rem
}

#account-information .info-button:hover {
    background-color: #1e1e1e;
    color: #f5f5f5
}

#account-information #payment-panel {
    position: absolute;
    width: 100%;
    border-top: 1px solid #1e1e1e;
    border-bottom: 1px solid #1e1e1e;
    bottom: 6.25rem;
    left: 0
}

    #account-information #payment-panel h2 {
        font-size: 1.25rem;
        line-height: 1.75rem;
        letter-spacing: 0;
        color: #1e1e1e;
        padding: 1.25rem .625rem 1.875rem;
        text-align: center;
        margin-bottom: 0
    }

html[lang="zh-Hant"] #account-information #payment-panel h2 {
    font-size: 1.1875rem
}

#account-information #payment-panel .payment-status {
    padding: 0 1.875rem
}

    #account-information #payment-panel .payment-status .title {
        font-size: .625rem;
        line-height: .75rem;
        letter-spacing: 1px;
        color: #1e1e1e;
        margin-bottom: .625rem
    }

html[lang="zh-Hant"] #account-information #payment-panel .payment-status .title {
    font-size: .75rem;
    line-height: .75rem
}

#account-information #payment-panel .payment-status .block {
    font-size: .9375rem;
    line-height: 1.375rem;
    letter-spacing: 0;
    color: #1e1e1e
}

html[lang="zh-Hant"] #account-information #payment-panel .payment-status .block {
    font-size: .9375rem
}

#account-information #payment-panel .button-box {
    padding: 1.6875rem 1.875rem 1.875rem
}

    #account-information #payment-panel .button-box .view, #account-information #payment-panel .button-box .upload {
        font-size: .9375rem;
        line-height: 2.375rem;
        letter-spacing: 0;
        color: #1e1e1e;
        display: inline-block;
        width: 100%;
        height: 2.5rem;
        border: 1px solid #1e1e1e;
        text-align: center;
        cursor: pointer
    }

html[lang="zh-Hant"] #account-information #payment-panel .button-box .view, html[lang="zh-Hant"] #account-information #payment-panel .button-box .upload {
    font-size: .9375rem
}

#account-information #payment-panel .button-box .view:hover, #account-information #payment-panel .button-box .upload:hover {
    background-color: #1e1e1e;
    color: #f5f5f5
}

#account-information #payment-panel .button-box #btn-upload-receipt {
    display: none
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    #account-information #information-panel {
        padding-bottom: 0;
        min-height: 0
    }

        #account-information #information-panel h2 {
            font-size: 1.125rem;
            line-height: 1.625rem;
            padding-top: 1.375rem
        }

    html[lang="zh-Hant"] #account-information #information-panel h2 {
        font-size: 1.0625rem
    }

    #account-information #information-button-box {
        position: absolute;
        width: 16.25rem;
        left: initial
    }
}

@media screen and (max-width: 63.9375em) {
    #account-information #payment-panel {
        position: relative;
        border-top: 0;
        bottom: 0;
        padding-bottom: 1.875rem
    }

        #account-information #payment-panel .button-box {
            position: absolute;
            padding: 0;
            bottom: 1.875rem;
            right: 1.875rem;
            min-width: 16.25rem
        }

    #account-information.has-payment #information-panel {
        padding-bottom: 1.875rem
    }
}

@media screen and (max-width: 48em) {
    #account-information #information-panel {
        padding-bottom: 0;
        min-height: 0
    }

        #account-information #information-panel h2 {
            font-size: 1.125rem;
            line-height: 1.625rem;
            padding-top: 1.875rem;
            padding-bottom: 2.5rem
        }

    html[lang="zh-Hant"] #account-information #information-panel h2 {
        font-size: 1.0625rem
    }

    #account-information #information-button-box {
        position: relative;
        width: 17.1875rem;
        left: initial;
        right: initial;
        margin: 0 auto;
        padding-bottom: 3.125rem;
        padding-top: 1.25rem
    }

    #account-information .info-button {
        margin: 1.25rem 0 0
    }
}

@media (min-width: 480px) and (max-width: 768px) {
    #account-information #information-panel .contact {
        padding: 0 1.25rem
    }

    #account-information #information-panel .basic {
        padding: 0 1.25rem
    }

    #account-information #information-panel .address {
        padding: 0 1.25rem
    }
}

@media (max-width: 479px) {
    #account-information #information-panel .contact {
        padding: 0 .9375rem
    }

    #account-information #information-panel .basic {
        padding: 0 .9375rem
    }

    #account-information #information-panel .address {
        padding: 0 .9375rem
    }

    #account-information #payment-panel .button-box {
        position: relative;
        bottom: 0;
        left: 0;
        padding: 1.625rem 1.875rem 0
    }
}

#account-workspace #workspace-container {
    position: relative;
    min-height: 100%;
    padding-bottom: 11.25rem
}

    #account-workspace #workspace-container .col-set:after {
        display: block;
        clear: both;
        content: ''
    }

    #account-workspace #workspace-container .col-set .left-col {
        display: block;
        width: 66.6%;
        text-align: center;
        float: left
    }

    #account-workspace #workspace-container .col-set .right-col {
        display: block;
        width: 33.3%;
        float: right;
        text-align: center
    }

        #account-workspace #workspace-container .col-set .right-col:after {
            display: block;
            clear: both;
            content: ''
        }

    #account-workspace #workspace-container .col-set.empty#entry-list h3 {
        font-size: 1.25rem;
        line-height: 1.75rem;
        letter-spacing: 0;
        color: #1e1e1e;
        padding: 1.25rem;
        margin: 0
    }

html[lang="zh-Hant"] #account-workspace #workspace-container .col-set.empty#entry-list h3 {
    font-size: 1.1875rem
}

#account-workspace #workspace-container .col-set.entry-header#entry-list h3 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0;
    color: #1e1e1e;
    padding: 1.25rem;
    margin: 0
}

html[lang="zh-Hant"] #account-workspace #workspace-container .col-set.entry-header#entry-list h3 {
    font-size: 1.1875rem
}

#account-workspace #workspace-container .col-set#entry-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-bottom: 1.875rem
}

    #account-workspace #workspace-container .col-set#entry-controls #add-entry, #account-workspace #workspace-container .col-set#entry-controls #create-entry, #account-workspace #workspace-container .col-set#entry-controls #download-details {
        font-size: .9375rem;
        line-height: 2.375rem;
        letter-spacing: 0;
        color: #1e1e1e;
        display: inline-block;
        width: 16.25rem;
        height: 2.5rem;
        border: 1px solid #1e1e1e;
        text-align: center
    }

html[lang="zh-Hant"] #account-workspace #workspace-container .col-set#entry-controls #add-entry, html[lang="zh-Hant"] #account-workspace #workspace-container .col-set#entry-controls #create-entry, html[lang="zh-Hant"] #account-workspace #workspace-container .col-set#entry-controls #download-details {
    font-size: .9375rem
}

#account-workspace #workspace-container .col-set#entry-controls #add-entry:hover, #account-workspace #workspace-container .col-set#entry-controls #create-entry:hover, #account-workspace #workspace-container .col-set#entry-controls #download-details:hover {
    background-color: #1e1e1e;
    color: #f5f5f5
}

#account-workspace #workspace-container .col-set#entry-controls #add-entry.disabled, #account-workspace #workspace-container .col-set#entry-controls #add-entry.disabled:hover, #account-workspace #workspace-container .col-set#entry-controls #create-entry.disabled, #account-workspace #workspace-container .col-set#entry-controls #create-entry.disabled:hover, #account-workspace #workspace-container .col-set#entry-controls #download-details.disabled, #account-workspace #workspace-container .col-set#entry-controls #download-details.disabled:hover {
    opacity: 0.2;
    cursor: default;
    background-color: transparent;
    color: #1e1e1e
}

#account-workspace #workspace-container .col-set#entry-controls .note {
    font-size: .9375rem;
    line-height: 1.375rem;
    letter-spacing: 0;
    color: #1e1e1e;
    margin-top: 3rem
}

html[lang="zh-Hant"] #account-workspace #workspace-container .col-set#entry-controls .note {
    font-size: .9375rem
}

#account-workspace #workspace-container #middle-list {
    padding-top: 2.1875rem
}

    #account-workspace #workspace-container #middle-list #entry-list-content {
        display: table;
        width: 100%;
        height: auto
    }

        #account-workspace #workspace-container #middle-list #entry-list-content .entry-header > div {
            padding-bottom: .625rem
        }

        #account-workspace #workspace-container #middle-list #entry-list-content .entry > div {
            padding: .8125rem 0 .875rem
        }

        #account-workspace #workspace-container #middle-list #entry-list-content .entry-header, #account-workspace #workspace-container #middle-list #entry-list-content .entry {
            display: table-row
        }

            #account-workspace #workspace-container #middle-list #entry-list-content .entry-header > div, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div {
                font-size: .9375rem;
                line-height: 1.375rem;
                letter-spacing: 0;
                color: #1e1e1e;
                display: table-cell;
                border-bottom: 1px solid #1e1e1e
            }

html[lang="zh-Hant"] #account-workspace #workspace-container #middle-list #entry-list-content .entry-header > div, html[lang="zh-Hant"] #account-workspace #workspace-container #middle-list #entry-list-content .entry > div {
    font-size: .9375rem
}

#account-workspace #workspace-container #middle-list #entry-list-content .entry-header > div.category, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.category {
    min-width: 14.0625rem;
    width: 14.0625rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

#account-workspace #workspace-container #middle-list #entry-list-content .entry-header > div.entry-title, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.entry-title {
    width: auto
}

    #account-workspace #workspace-container #middle-list #entry-list-content .entry-header > div.entry-title span, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.entry-title span {
        color: #1e1e1e
    }

#account-workspace #workspace-container #middle-list #entry-list-content .entry-header > div.actions, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.actions {
    min-width: 80px;
    width: 10.41667%;
    text-align: right;
    padding-right: .75rem
}

    #account-workspace #workspace-container #middle-list #entry-list-content .entry-header > div.actions a, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.actions a {
        display: inline-block;
        color: #aaa;
        text-decoration: underline;
        vertical-align: middle
    }

html.desktop #account-workspace #workspace-container #middle-list #entry-list-content .entry-header > div.actions a:hover, html.desktop #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.actions a:hover {
    color: #1e1e1e
}

#account-workspace #workspace-container #middle-list #entry-list-content .entry-header > div.actions a.entry-view, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.actions a.entry-view {
    display: none
}

#account-workspace #workspace-container #middle-list #entry-list-content .entry-header > div.actions a.entry-delete, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.actions a.entry-delete {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-left: .75rem;
    line-height: 0;
    padding: 3px
}

    #account-workspace #workspace-container #middle-list #entry-list-content .entry-header > div.actions a.entry-delete svg, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.actions a.entry-delete svg {
        width: 100%;
        height: 100%
    }

        #account-workspace #workspace-container #middle-list #entry-list-content .entry-header > div.actions a.entry-delete svg .fill, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.actions a.entry-delete svg .fill {
            fill: #aaa
        }

html.desktop #account-workspace #workspace-container #middle-list #entry-list-content .entry-header > div.actions a.entry-delete:hover svg .fill, html.desktop #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.actions a.entry-delete:hover svg .fill {
    fill: #f15a22
}

#account-workspace #workspace-container #middle-list #entry-list-content .entry-header > div.status, #account-workspace #workspace-container #middle-list #entry-list-content .entry-header > div.result, #account-workspace #workspace-container #middle-list #entry-list-content .entry-header > div.submission, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.status, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.result, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.submission {
    width: 33.33333%;
    text-align: center;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media screen and (min-width: 64em) {
    #account-workspace.dual-right-col::before {
        display: block;
        clear: both;
        content: '';
        position: absolute;
        top: 0;
        left: 87.5%;
        width: 1px;
        height: 100%;
        background-color: #1e1e1e
    }
}

#account-workspace.dual-right-col #workspace-container .col-set.entry-header#entry-list .right-col h3 {
    width: 50%;
    float: left
}

#account-workspace.dual-right-col #workspace-container #middle-list #entry-list-content .entry > div.status-group, #account-workspace.dual-right-col #workspace-container #middle-list #entry-list-content .entry-header > div.status-group {
    width: 33.33333%;
    text-align: center;
    padding: 0;
    font-size: 0;
    vertical-align: top
}

    #account-workspace.dual-right-col #workspace-container #middle-list #entry-list-content .entry > div.status-group:after, #account-workspace.dual-right-col #workspace-container #middle-list #entry-list-content .entry-header > div.status-group:after {
        display: block;
        clear: both;
        content: ''
    }

    #account-workspace.dual-right-col #workspace-container #middle-list #entry-list-content .entry > div.status-group:before, #account-workspace.dual-right-col #workspace-container #middle-list #entry-list-content .entry-header > div.status-group:before {
        display: inline-block;
        width: 0;
        height: 3.0625rem;
        vertical-align: middle;
        content: ''
    }

    #account-workspace.dual-right-col #workspace-container #middle-list #entry-list-content .entry > div.status-group > div.result, #account-workspace.dual-right-col #workspace-container #middle-list #entry-list-content .entry > div.status-group > div.submission, #account-workspace.dual-right-col #workspace-container #middle-list #entry-list-content .entry-header > div.status-group > div.result, #account-workspace.dual-right-col #workspace-container #middle-list #entry-list-content .entry-header > div.status-group > div.submission {
        font-size: .9375rem;
        line-height: 1.375rem;
        letter-spacing: 0;
        color: #1e1e1e;
        display: inline-block;
        width: 50%;
        vertical-align: middle
    }

html[lang="zh-Hant"] #account-workspace.dual-right-col #workspace-container #middle-list #entry-list-content .entry > div.status-group > div.result, html[lang="zh-Hant"] #account-workspace.dual-right-col #workspace-container #middle-list #entry-list-content .entry > div.status-group > div.submission, html[lang="zh-Hant"] #account-workspace.dual-right-col #workspace-container #middle-list #entry-list-content .entry-header > div.status-group > div.result, html[lang="zh-Hant"] #account-workspace.dual-right-col #workspace-container #middle-list #entry-list-content .entry-header > div.status-group > div.submission {
    font-size: .9375rem
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    #account-workspace #workspace-container {
        padding-bottom: 0;
        min-height: 0
    }

        #account-workspace #workspace-container .col-set .left-col {
            width: 50%
        }

        #account-workspace #workspace-container .col-set .right-col {
            width: 50%;
            border-left: 1px solid #1e1e1e
        }

        #account-workspace #workspace-container .col-set.empty#entry-list .left-col {
            width: 100%
        }

        #account-workspace #workspace-container .col-set.empty#entry-list .right-col {
            width: 0
        }

        #account-workspace #workspace-container .col-set.empty#entry-list h3 {
            font-size: 1.125rem;
            line-height: 1.625rem;
            padding-top: 1.375rem
        }

    html[lang="zh-Hant"] #account-workspace #workspace-container .col-set.empty#entry-list h3 {
        font-size: 1.0625rem
    }

    #account-workspace #workspace-container .col-set.entry-header#entry-list h3 {
        font-size: 1.125rem;
        line-height: 1.625rem;
        padding-top: 1.375rem
    }

    html[lang="zh-Hant"] #account-workspace #workspace-container .col-set.entry-header#entry-list h3 {
        font-size: 1.0625rem
    }

    #account-workspace #workspace-container .col-set#entry-controls {
        position: relative
    }

        #account-workspace #workspace-container .col-set#entry-controls .left-col {
            padding-top: 6.25rem;
            width: 100%;
            border-right-width: 0
        }

        #account-workspace #workspace-container .col-set#entry-controls .right-col {
            display: none
        }

        #account-workspace #workspace-container .col-set#entry-controls .note {
            margin-top: 1.75rem
        }

    #account-workspace #workspace-container #middle-list {
        padding-top: 0
    }

        #account-workspace #workspace-container #middle-list #entry-list-content {
            position: relative;
            padding-top: 2.1875rem
        }

            #account-workspace #workspace-container #middle-list #entry-list-content:before {
                position: absolute;
                top: 0;
                right: 0;
                width: 50%;
                display: block;
                height: 100%;
                border-left: 1px solid #1e1e1e;
                content: ''
            }

            #account-workspace #workspace-container #middle-list #entry-list-content .entry-header > div, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div {
                font-size: .9375rem;
                line-height: 1.375rem;
                letter-spacing: 0;
                color: #1e1e1e;
                display: table-cell;
                border-bottom: 1px solid #1e1e1e
            }

    html[lang="zh-Hant"] #account-workspace #workspace-container #middle-list #entry-list-content .entry-header > div, html[lang="zh-Hant"] #account-workspace #workspace-container #middle-list #entry-list-content .entry > div {
        font-size: .9375rem
    }

    #account-workspace #workspace-container #middle-list #entry-list-content .entry-header > div.actions, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.actions {
        width: 6.73828%;
        padding-left: 0
    }

    #account-workspace #workspace-container #middle-list #entry-list-content .entry-header > div.status, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.status {
        width: 50%
    }

    #account-workspace.dual-right-col #workspace-container #entry-list, #account-workspace.dual-right-col #workspace-container #middle-list {
        position: relative
    }

        #account-workspace.dual-right-col #workspace-container #entry-list::before, #account-workspace.dual-right-col #workspace-container #middle-list::before {
            display: block;
            clear: both;
            content: '';
            position: absolute;
            top: 0;
            left: 75%;
            width: 1px;
            height: 100%;
            background-color: #1e1e1e
        }

        #account-workspace.dual-right-col #workspace-container #entry-list #entry-list-content .entry-header > div.status-group, #account-workspace.dual-right-col #workspace-container #entry-list #entry-list-content .entry > div.status-group, #account-workspace.dual-right-col #workspace-container #middle-list #entry-list-content .entry-header > div.status-group, #account-workspace.dual-right-col #workspace-container #middle-list #entry-list-content .entry > div.status-group {
            width: 50%
        }
}

@media (max-width: 960px) {
    #account-workspace #workspace-container .col-set .left-col {
        width: 66.6%
    }

    #account-workspace #workspace-container .col-set .right-col {
        width: 33.3%
    }

    #account-workspace #workspace-container #middle-list #entry-list-content:before {
        width: 33.3%
    }

    #account-workspace #workspace-container #middle-list #entry-list-content .entry-header > div.actions, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.actions {
        width: 8.98438%;
        padding-left: 0
    }

    #account-workspace #workspace-container #middle-list #entry-list-content .entry-header > div.status, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.status {
        width: 33.33333%
    }

    #account-workspace.dual-right-col #workspace-container #entry-list::before, #account-workspace.dual-right-col #workspace-container #middle-list::before {
        left: 83.333333%
    }

    #account-workspace.dual-right-col #workspace-container #entry-list #entry-list-content .entry-header > div.status-group, #account-workspace.dual-right-col #workspace-container #entry-list #entry-list-content .entry > div.status-group, #account-workspace.dual-right-col #workspace-container #middle-list #entry-list-content .entry-header > div.status-group, #account-workspace.dual-right-col #workspace-container #middle-list #entry-list-content .entry > div.status-group {
        width: 33.33333%
    }
}

@media screen and (max-width: 48em) {
    #account-workspace #workspace-container {
        padding-bottom: 0;
        min-height: 0
    }

        #account-workspace #workspace-container .col-set .left-col, #account-workspace #workspace-container .col-set .right-col {
            display: block;
            width: 100%;
            float: none;
            border-left-width: 0
        }

        #account-workspace #workspace-container .col-set.empty#entry-list .left-col {
            width: 100%
        }

        #account-workspace #workspace-container .col-set.empty#entry-list .right-col {
            width: 0
        }

        #account-workspace #workspace-container .col-set.empty#entry-list .right-col {
            display: none
        }

        #account-workspace #workspace-container .col-set.empty#entry-list h3 {
            font-size: 1.125rem;
            line-height: 1.625rem;
            padding: 1.875rem 1.875rem 2.125rem
        }

    html[lang="zh-Hant"] #account-workspace #workspace-container .col-set.empty#entry-list h3 {
        font-size: 1.0625rem
    }

    #account-workspace #workspace-container .col-set.entry-header#entry-list {
        border-bottom: 1px solid #1e1e1e
    }

        #account-workspace #workspace-container .col-set.entry-header#entry-list .right-col {
            display: none
        }

        #account-workspace #workspace-container .col-set.entry-header#entry-list h3 {
            font-size: 1.125rem;
            line-height: 1.625rem;
            padding: 1.875rem 1.875rem 2.125rem
        }

    html[lang="zh-Hant"] #account-workspace #workspace-container .col-set.entry-header#entry-list h3 {
        font-size: 1.0625rem
    }

    #account-workspace #workspace-container .col-set#entry-controls {
        position: relative;
        padding-bottom: 3.125rem
    }

        #account-workspace #workspace-container .col-set#entry-controls .left-col {
            padding-top: 3.125rem;
            width: 100%;
            border-right-width: 0
        }

            #account-workspace #workspace-container .col-set#entry-controls .left-col #add-entry, #account-workspace #workspace-container .col-set#entry-controls .left-col #create-entry {
                width: 17.1875rem;
                max-width: 100%
            }

        #account-workspace #workspace-container .col-set#entry-controls .right-col {
            display: none
        }

        #account-workspace #workspace-container .col-set#entry-controls .note {
            font-size: .875rem;
            line-height: 1.25rem;
            margin-top: 1.25rem;
            padding: 0 1.25rem
        }

    html[lang="zh-Hant"] #account-workspace #workspace-container .col-set#entry-controls .note {
        font-size: .875rem
    }

    #account-workspace #workspace-container #middle-list {
        padding-top: 0
    }

        #account-workspace #workspace-container #middle-list #entry-list-content {
            position: relative;
            display: block;
            padding: 0
        }

            #account-workspace #workspace-container #middle-list #entry-list-content .entry-header {
                display: none
            }

            #account-workspace #workspace-container #middle-list #entry-list-content .entry {
                position: relative;
                display: block;
                border-bottom: 1px solid #1e1e1e
            }

                #account-workspace #workspace-container #middle-list #entry-list-content .entry > div {
                    font-size: .9375rem;
                    line-height: 1.375rem;
                    display: block
                }

    html[lang="zh-Hant"] #account-workspace #workspace-container #middle-list #entry-list-content .entry > div {
        font-size: .9375rem
    }

    #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.category, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.entry-title, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.status, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.result, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.submission, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.status-group {
        font-size: .9375rem;
        line-height: 1.375rem;
        text-align: left;
        width: 100%;
        padding: 0;
        border-bottom-width: 0
    }

    html[lang="zh-Hant"] #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.category, html[lang="zh-Hant"] #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.entry-title, html[lang="zh-Hant"] #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.status, html[lang="zh-Hant"] #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.result, html[lang="zh-Hant"] #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.submission, html[lang="zh-Hant"] #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.status-group {
        font-size: .9375rem
    }

    #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.category:before, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.entry-title:before, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.status:before, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.result:before, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.submission:before, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.status-group:before {
        font-size: .625rem;
        line-height: .75rem;
        letter-spacing: 1px;
        color: #1e1e1e;
        content: attr(data-title);
        text-transform: uppercase
    }

    html[lang="zh-Hant"] #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.category:before, html[lang="zh-Hant"] #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.entry-title:before, html[lang="zh-Hant"] #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.status:before, html[lang="zh-Hant"] #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.result:before, html[lang="zh-Hant"] #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.submission:before, html[lang="zh-Hant"] #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.status-group:before {
        font-size: .75rem
    }

    #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.actions {
        position: absolute;
        display: inline-block;
        width: auto;
        border-bottom-width: 0;
        padding: 0
    }

        #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.actions a.entry-view {
            display: inline-block;
            margin-right: .9375rem
        }

    #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.status-group {
        width: 100% !important;
        border-bottom-width: 0
    }

        #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.status-group:before {
            display: none !important
        }

        #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.status-group > div {
            text-align: left;
            width: 100% !important
        }

            #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.status-group > div:before {
                font-size: .625rem;
                line-height: .75rem;
                letter-spacing: 1px;
                color: #1e1e1e;
                content: attr(data-title);
                text-transform: uppercase
            }

    html[lang="zh-Hant"] #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.status-group > div:before {
        font-size: .75rem
    }
}

@media (min-width: 480px) and (max-width: 768px) {
    #account-workspace #workspace-container #middle-list #entry-list-content .entry {
        padding-top: 1.0625rem;
        padding-bottom: .625rem
    }

        #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.category, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.entry-title, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.status, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.result, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.submission {
            position: relative;
            padding-left: 9.6875rem;
            margin-bottom: .3125rem
        }

            #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.category:before, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.entry-title:before, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.status:before, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.result:before, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.submission:before {
                position: absolute;
                top: 0;
                left: 0;
                line-height: 1.25rem;
                display: inline-block;
                width: 9.6875rem;
                padding-left: 1.25rem;
                padding-right: 1.25rem;
                vertical-align: middle
            }

            #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.category span, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.entry-title span, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.status span, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.result span, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.submission span {
                display: inline-block
            }

            #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.entry-title span {
                padding-right: 8.6875rem
            }

        #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.status-group > div {
            position: relative;
            padding-left: 9.6875rem;
            margin-bottom: .3125rem
        }

            #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.status-group > div:before {
                position: absolute;
                top: 0;
                left: 0;
                line-height: 1.25rem;
                display: inline-block;
                width: 9.6875rem;
                padding-left: 1.25rem;
                padding-right: 1.25rem;
                vertical-align: middle
            }

            #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.status-group > div span {
                display: inline-block
            }

        #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.actions {
            top: .9375rem;
            right: 1.0625rem
        }
}

@media (max-width: 479px) {
    #account-workspace #workspace-container #middle-list #entry-list-content .entry {
        padding-top: .875rem;
        padding-bottom: 0
    }

        #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.category, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.entry-title, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.status, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.result, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.submission {
            margin-bottom: 1.0625rem
        }

            #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.category:before, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.entry-title:before, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.status:before, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.result:before, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.submission:before {
                display: block;
                padding: 0 .9375rem;
                margin-bottom: .375rem
            }

            #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.category span, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.entry-title span, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.status span, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.result span, #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.submission span {
                font-size: .9375rem;
                line-height: 1.375rem;
                display: block;
                padding: 0 .9375rem
            }

    html[lang="zh-Hant"] #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.category span, html[lang="zh-Hant"] #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.entry-title span, html[lang="zh-Hant"] #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.status span, html[lang="zh-Hant"] #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.result span, html[lang="zh-Hant"] #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.submission span {
        font-size: .9375rem
    }

    #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.status-group > div {
        margin-bottom: 1.0625rem
    }

        #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.status-group > div:before {
            display: block;
            padding: 0 .9375rem;
            margin-bottom: .375rem
        }

        #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.status-group > div span {
            font-size: .9375rem;
            line-height: 1.375rem;
            display: block;
            padding: 0 .9375rem
        }

    html[lang="zh-Hant"] #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.status-group > div span {
        font-size: .9375rem
    }

    #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.entry-title span {
        padding-right: 5.5625rem
    }

    #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.actions {
        font-size: .875rem;
        line-height: 1.25rem;
        top: .875rem;
        right: .9375rem
    }

    html[lang="zh-Hant"] #account-workspace #workspace-container #middle-list #entry-list-content .entry > div.actions {
        font-size: .875rem
    }
}

@media screen and (max-width: 39.9375em) {
    #account-workspace #workspace-container .col-set#entry-controls .note br {
        display: none
    }
}

body.account form .form-input-group:after {
    display: block;
    clear: both;
    content: ''
}

body.account form .form-input-group .form-input.half:nth-child(2n+1) {
    clear: both;
    float: left
}

body.account form .form-input-group .form-input.half:nth-child(2n) {
    float: right
}

body.account form .warning {
    display: none;
    margin-top: -2.5rem;
    margin-bottom: 1.25rem;
    line-height: 0
}

    body.account form .warning span {
        font-size: .875rem;
        line-height: 1.25rem;
        letter-spacing: 0;
        color: #f15a22;
        display: block
    }

html[lang="zh-Hant"] body.account form .warning span {
    font-size: .875rem
}

body.account form .warning.norm-top {
    margin-top: 0.5rem
}

body.account form .form-input {
    margin-bottom: 1.875rem
}

    body.account form .form-input.half {
        width: 47.41379%
    }

    body.account form .form-input.empty select {
        color: rgba(30,30,30,0.3)
    }

    body.account form .form-input.double .input-wrapper:first-child {
        margin-bottom: .125rem
    }

    body.account form .form-input label {
        font-size: .625rem;
        line-height: .875rem;
        letter-spacing: 1px;
        color: #1e1e1e
    }

html[lang="zh-Hant"] body.account form .form-input label {
    font-size: .75rem;
    line-height: .75rem
}

body.account form .form-input label br.mobile-only {
    display: none
}

body.account form .form-input input, body.account form .form-input select {
    font-size: 1rem;
    line-height: 1.375rem;
    letter-spacing: 0;
    color: #1e1e1e;
    padding: .3125rem 0;
    background-color: transparent;
    box-shadow: none;
    border-width: 0;
    border-bottom: 1px solid #1e1e1e;
    margin-bottom: 0
}

    body.account form .form-input input.touched:invalid, body.account form .form-input select.touched:invalid {
        border-bottom-color: #f15a22 !important
    }

    body.account form .form-input input::-webkit-input-placeholder {
        color: rgba(30,30,30,0.3)
    }

    body.account form .form-input input::-moz-placeholder {
        color: rgba(30,30,30,0.3)
    }

    body.account form .form-input input:-ms-input-placeholder {
        color: rgba(30,30,30,0.3)
    }

    body.account form .form-input input:-moz-placeholder {
        color: rgba(30,30,30,0.3)
    }

body.account form .form-input select {
    padding-right: 1rem
}

    body.account form .form-input select option {
        color: #1e1e1e
    }

        body.account form .form-input select option.grey {
            color: rgba(30,30,30,0.3)
        }

body.account form .form-input .input-wrapper.select {
    position: relative
}

    body.account form .form-input .input-wrapper.select select {
        position: relative;
        z-index: 2
    }

    body.account form .form-input .input-wrapper.select:after {
        position: absolute;
        right: 0;
        top: 50%;
        display: inline-block;
        content: '';
        margin-top: -3px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 4px 0 4px;
        border-color: #1e1e1e transparent transparent transparent;
        z-index: 1
    }

body.account form .form-input.error input, body.account form .form-input.error select {
    border-bottom-color: #f15a22
}

body.account #form-control {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3.75rem;
    background-color: #1e1e1e;
    color: #fff;
    z-index: 500
}

    body.account #form-control #terms-and-conditions-label {
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        position: absolute;
        top: 50%;
        left: 1.875rem;
        display: inline-block;
        padding-left: 1.75rem
    }

        body.account #form-control #terms-and-conditions-label input {
            display: none
        }

        body.account #form-control #terms-and-conditions-label span.symbol {
            background-size: contain;
            background-position: center center;
            background-repeat: no-repeat;
            background-image: url(../img/symbols/checkbox-white.svg);
            display: block;
            content: '';
            width: 1.125rem;
            height: 1.125rem;
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -.5625rem
        }

            body.account #form-control #terms-and-conditions-label span.symbol:after {
                transition: opacity 100ms;
                background-size: contain;
                background-position: center center;
                background-repeat: no-repeat;
                background-image: url(../img/symbols/checkbox-white-tick.svg);
                position: absolute;
                bottom: .125rem;
                left: .125rem;
                display: none;
                content: '';
                width: 1.375rem;
                height: 1.25rem
            }

        body.account #form-control #terms-and-conditions-label span.text {
            font-size: .9375rem;
            line-height: 1.375rem;
            letter-spacing: 0;
            color: #fff
        }

html[lang="zh-Hant"] body.account #form-control #terms-and-conditions-label span.text {
    font-size: .9375rem
}

body.account #form-control #terms-and-conditions-label span.text a {
    color: #fff;
    text-decoration: underline
}

body.account #form-control #terms-and-conditions-label input:checked + span.symbol:after {
    display: block
}

body.account #form-control a.cancel-button, body.account #form-control a.back-button {
    position: absolute;
    display: inline-block;
    left: 1.875rem;
    top: 50%;
    margin-top: -.875rem
}

    body.account #form-control a.cancel-button.disabled, body.account #form-control a.back-button.disabled {
        opacity: 0.3
    }

    body.account #form-control a.cancel-button span.text, body.account #form-control a.back-button span.text {
        font-size: 1.1875rem;
        line-height: 1.75rem;
        letter-spacing: 0;
        color: #1e1e1e;
        display: inline-block;
        vertical-align: middle;
        color: #fff
    }

    body.account #form-control a.cancel-button svg.symbol, body.account #form-control a.back-button svg.symbol {
        display: inline-block;
        vertical-align: middle;
        width: 1.25rem;
        height: 1.25rem;
        margin-right: 1rem
    }

        body.account #form-control a.cancel-button svg.symbol .fill, body.account #form-control a.back-button svg.symbol .fill {
            fill: #fff
        }

body.account #form-control a.go-to-edit, body.account #form-control button.submit-button, body.account #form-control button.continue-button {
    position: absolute;
    display: inline-block;
    right: 1.875rem;
    top: 50%;
    margin-top: -.875rem
}

    body.account #form-control a.go-to-edit:disabled, body.account #form-control button.submit-button:disabled, body.account #form-control button.continue-button:disabled {
        opacity: 0.3
    }

    body.account #form-control a.go-to-edit span.text, body.account #form-control button.submit-button span.text, body.account #form-control button.continue-button span.text {
        font-size: 1.1875rem;
        line-height: 1.75rem;
        letter-spacing: 0;
        color: #1e1e1e;
        display: inline-block;
        vertical-align: middle;
        color: #fff
    }

    body.account #form-control a.go-to-edit svg.symbol, body.account #form-control button.submit-button svg.symbol, body.account #form-control button.continue-button svg.symbol {
        display: inline-block;
        vertical-align: middle;
        width: 1.25rem;
        height: 1.25rem;
        margin-left: 1rem
    }

        body.account #form-control a.go-to-edit svg.symbol .fill, body.account #form-control button.submit-button svg.symbol .fill, body.account #form-control button.continue-button svg.symbol .fill {
            fill: #fff
        }

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    body.account form .form-input.half {
        width: 100%
    }

    body.account #form-control {
        height: 3.125rem
    }

        body.account #form-control a.cancel-button, body.account #form-control a.back-button {
            left: 1.25rem;
            margin-top: -.8125rem
        }

            body.account #form-control a.cancel-button span.text, body.account #form-control a.back-button span.text {
                font-size: 1.125rem;
                line-height: 1.625rem
            }

    html[lang="zh-Hant"] body.account #form-control a.cancel-button span.text, html[lang="zh-Hant"] body.account #form-control a.back-button span.text {
        font-size: 1.0625rem
    }

    body.account #form-control a.cancel-button svg.symbol, body.account #form-control a.back-button svg.symbol {
        margin-right: .875rem
    }

    body.account #form-control a.go-to-edit, body.account #form-control button.submit-button, body.account #form-control button.continue-button {
        right: 1.25rem;
        margin-top: -.8125rem
    }

        body.account #form-control a.go-to-edit span.text, body.account #form-control button.submit-button span.text, body.account #form-control button.continue-button span.text {
            font-size: 1.125rem;
            line-height: 1.625rem
        }

    html[lang="zh-Hant"] body.account #form-control a.go-to-edit span.text, html[lang="zh-Hant"] body.account #form-control button.submit-button span.text, html[lang="zh-Hant"] body.account #form-control button.continue-button span.text {
        font-size: 1.0625rem
    }

    body.account #form-control a.go-to-edit svg.symbol, body.account #form-control button.submit-button svg.symbol, body.account #form-control button.continue-button svg.symbol {
        margin-left: .875rem
    }

    body.account #form-control #terms-and-conditions-label {
        left: 1.25rem
    }

        body.account #form-control #terms-and-conditions-label span.text {
            font-size: .875rem;
            line-height: 1.25rem
        }

    html[lang="zh-Hant"] body.account #form-control #terms-and-conditions-label span.text {
        font-size: .875rem
    }
}

@media screen and (max-width: 48em) {
    body.account form .form-input.half {
        width: 100%
    }

    body.account form .form-input select {
        padding: .25rem 0
    }

    body.account #form-control {
        height: 3.125rem
    }

        body.account #form-control a.back-button, body.account #form-control a.cancel-button {
            left: 1.25rem;
            margin-top: -.8125rem
        }

            body.account #form-control a.back-button span.text, body.account #form-control a.cancel-button span.text {
                font-size: 1.125rem;
                line-height: 1.625rem
            }

    html[lang="zh-Hant"] body.account #form-control a.back-button span.text, html[lang="zh-Hant"] body.account #form-control a.cancel-button span.text {
        font-size: 1.0625rem
    }

    body.account #form-control a.back-button svg.symbol, body.account #form-control a.cancel-button svg.symbol {
        margin-right: .875rem
    }

    body.account #form-control a.go-to-edit, body.account #form-control button.submit-button, body.account #form-control button.continue-button {
        right: 1.25rem;
        margin-top: -.8125rem
    }

        body.account #form-control a.go-to-edit span.text, body.account #form-control button.submit-button span.text, body.account #form-control button.continue-button span.text {
            font-size: 1.125rem;
            line-height: 1.625rem
        }

    html[lang="zh-Hant"] body.account #form-control a.go-to-edit span.text, html[lang="zh-Hant"] body.account #form-control button.submit-button span.text, html[lang="zh-Hant"] body.account #form-control button.continue-button span.text {
        font-size: 1.0625rem
    }

    body.account #form-control a.go-to-edit svg.symbol, body.account #form-control button.submit-button svg.symbol, body.account #form-control button.continue-button svg.symbol {
        margin-left: .875rem
    }

    body.account #form-control #terms-and-conditions-label {
        left: 1.875rem
    }

        body.account #form-control #terms-and-conditions-label span.text {
            font-size: .875rem;
            line-height: 1.25rem
        }

    html[lang="zh-Hant"] body.account #form-control #terms-and-conditions-label span.text {
        font-size: .875rem
    }

    body.account #entry-form.step1.editing #form-control, body.account.account-entry #entry-form.step2 #form-control, body.account.account-entry #entry-form.step3 #form-control {
        height: 3.125rem
    }

    body.account #entry-form.step1.editing a.back-button, body.account #entry-form.step1.editing a.cancel-button, body.account.account-entry #entry-form.step2 a.back-button, body.account.account-entry #entry-form.step2 a.cancel-button, body.account.account-entry #entry-form.step3 a.back-button, body.account.account-entry #entry-form.step3 a.cancel-button {
        padding-left: 1.25rem;
        left: 0;
        margin-top: 0;
        font-size: 0;
        line-height: 0;
        top: 0
    }

        body.account #entry-form.step1.editing a.back-button span, body.account #entry-form.step1.editing a.cancel-button span, body.account.account-entry #entry-form.step2 a.back-button span, body.account.account-entry #entry-form.step2 a.cancel-button span, body.account.account-entry #entry-form.step3 a.back-button span, body.account.account-entry #entry-form.step3 a.cancel-button span {
            line-height: 3.125rem
        }

    body.account #entry-form.step1.editing button.submit-button, body.account #entry-form.step1.editing button.continue-button, body.account.account-entry #entry-form.step2 button.submit-button, body.account.account-entry #entry-form.step2 button.continue-button, body.account.account-entry #entry-form.step3 button.submit-button, body.account.account-entry #entry-form.step3 button.continue-button {
        -ms-transform: none;
        transform: none;
        padding-right: 1.25rem;
        right: 0;
        margin-top: 0;
        font-size: 0;
        line-height: 0;
        top: 0;
        right: 0
    }

        body.account #entry-form.step1.editing button.submit-button span, body.account #entry-form.step1.editing button.continue-button span, body.account.account-entry #entry-form.step2 button.submit-button span, body.account.account-entry #entry-form.step2 button.continue-button span, body.account.account-entry #entry-form.step3 button.submit-button span, body.account.account-entry #entry-form.step3 button.continue-button span {
            line-height: 3.125rem
        }
}

@media (max-width: 479px) {
    body.account form .form-input label br.mobile-only {
        display: inline
    }

    body.account.account-contact #form-control a.cancel-button svg, body.account.account-contact #form-control a.back-button svg, body.account.account-contact #form-control button.submit-button svg, body.account.account-contact #form-control button.continue-button svg {
        display: none
    }

    body.account.account-entry #form-control {
        height: 5rem
    }

        body.account.account-entry #form-control #terms-and-conditions-label {
            -ms-transform: none;
            transform: none;
            position: relative;
            top: .8125rem;
            left: 1.25rem
        }

        body.account.account-entry #form-control a.cancel-button svg, body.account.account-entry #form-control a.back-button svg, body.account.account-entry #form-control button.submit-button svg, body.account.account-entry #form-control button.continue-button svg, body.account.account-entry #form-control a.go-to-edit svg {
            display: none
        }

        body.account.account-entry #form-control button.submit-button, body.account.account-entry #form-control button.continue-button {
            -ms-transform: translate(50%, 0);
            transform: translate(50%, 0);
            top: 2.625rem;
            right: 50%;
            margin: 0
        }

            body.account.account-entry #form-control button.submit-button svg, body.account.account-entry #form-control button.continue-button svg {
                transition: margin 200ms;
                position: absolute;
                top: .1875rem;
                left: 100%;
                margin-left: .5rem
            }

    body.account.account-entry form.viewing #form-control {
        height: 3.125rem
    }
}

@media (max-width: 374px) {
    body.account.account-entry #form-control {
        height: 4.375rem
    }

        body.account.account-entry #form-control #terms-and-conditions-label {
            top: .625rem;
            left: .9375rem;
            right: .625rem;
            padding-left: 1.6875rem
        }

            body.account.account-entry #form-control #terms-and-conditions-label span.text {
                font-size: .75rem
            }

        body.account.account-entry #form-control button.submit-button, body.account.account-entry #form-control button.continue-button {
            top: 2.125rem
        }
}

body.account .breadcrumb {
    position: fixed;
    background-color: #f5f5f5;
    top: 3.75rem;
    left: 0;
    width: 100%;
    height: 1.875rem;
    margin: 0;
    padding: 0 0 0 1.875rem;
    list-style: none;
    border-bottom: 1px solid #1e1e1e;
    z-index: 499
}

    body.account .breadcrumb li {
        display: inline-block;
        float: left;
        margin-right: .625rem;
        height: 1.875rem
    }

        body.account .breadcrumb li span {
            display: inline-block;
            vertical-align: middle;
            line-height: 0
        }

            body.account .breadcrumb li span.path {
                font-size: .875rem;
                line-height: 1.25rem;
                letter-spacing: 0;
                color: #1e1e1e;
                line-height: 1.875rem;
                opacity: 0.3
            }

html[lang="zh-Hant"] body.account .breadcrumb li span.path {
    font-size: .875rem
}

body.account .breadcrumb li span.path a {
    color: #1e1e1e
}

body.account .breadcrumb li span.path.active {
    opacity: 1
}

body.account .breadcrumb li span.path:hover {
    opacity: 1
}

body.account .breadcrumb li span.symbol {
    position: relative;
    opacity: 0.25;
    width: .9375rem;
    height: 1.875rem
}

    body.account .breadcrumb li span.symbol.active {
        opacity: 1
    }

    body.account .breadcrumb li span.symbol svg {
        position: absolute;
        top: 50%;
        margin-top: -.25rem;
        left: 0;
        width: .9375rem;
        height: .5625rem
    }

    body.account .breadcrumb li span.symbol .fill {
        fill: #1e1e1e
    }

@media (max-width: 767px) {
    body.account .breadcrumb {
        top: 6.25rem;
        padding: 0 0 0 1.25rem
    }
}

@media (max-width: 480px) {
    body.account .breadcrumb {
        display: none
    }
}

body.account-contact {
    background-color: #f5f5f5
}

    body.account-contact.has-breadcrumb #main-container {
        padding-top: 5.625rem
    }

        body.account-contact.has-breadcrumb #main-container:before {
            top: 5.625rem
        }

    body.account-contact #main-container {
        display: block;
        min-height: 100vh;
        overflow-y: auto;
        height: auto
    }

        body.account-contact #main-container .left-section {
            border-right-width: 0
        }

        body.account-contact #main-container .right-section {
            border-bottom-width: 0 !important
        }

        body.account-contact #main-container > form {
            min-height: 100%
        }

        body.account-contact #main-container:after {
            display: none
        }

        body.account-contact #main-container:before {
            position: absolute;
            display: block;
            content: '';
            left: 50%;
            top: 3.75rem;
            bottom: 0;
            width: 1px;
            background-color: #1e1e1e
        }

        body.account-contact #main-container > .two-columns {
            display: block;
            width: 100%;
            padding-bottom: 3.75rem
        }

            body.account-contact #main-container > .two-columns:after {
                display: block;
                clear: both;
                content: ''
            }

            body.account-contact #main-container > .two-columns > .left-section, body.account-contact #main-container > .two-columns > .right-section {
                display: block;
                width: 50%;
                float: left;
                padding: 1.1875rem 1.875rem
            }

                body.account-contact #main-container > .two-columns > .left-section header, body.account-contact #main-container > .two-columns > .right-section header {
                    margin-bottom: 3.75rem
                }

                    body.account-contact #main-container > .two-columns > .left-section header h2, body.account-contact #main-container > .two-columns > .right-section header h2 {
                        font-size: 1.25rem;
                        line-height: 1.75rem;
                        letter-spacing: 0;
                        color: #1e1e1e;
                        text-align: center;
                        margin: 0
                    }

html[lang="zh-Hant"] body.account-contact #main-container > .two-columns > .left-section header h2, html[lang="zh-Hant"] body.account-contact #main-container > .two-columns > .right-section header h2 {
    font-size: 1.1875rem
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    body.account-contact #main-container > .two-columns {
        padding-bottom: 3.125rem
    }

        body.account-contact #main-container > .two-columns > .left-section, body.account-contact #main-container > .two-columns > .right-section {
            padding: 1.3125rem 1.25rem
        }

            body.account-contact #main-container > .two-columns > .left-section header h2, body.account-contact #main-container > .two-columns > .right-section header h2 {
                font-size: 1.125rem;
                line-height: 1.625rem
            }

    html[lang="zh-Hant"] body.account-contact #main-container > .two-columns > .left-section header h2, html[lang="zh-Hant"] body.account-contact #main-container > .two-columns > .right-section header h2 {
        font-size: 1.0625rem
    }
}

@media screen and (max-width: 48em) {
    body.account-contact #main-container {
        min-height: 0;
        padding-top: 8.125rem
    }

        body.account-contact #main-container:before {
            display: none
        }

        body.account-contact #main-container > .two-columns {
            padding-bottom: 6.25rem
        }

            body.account-contact #main-container > .two-columns > .left-section, body.account-contact #main-container > .two-columns > .right-section {
                width: 100%;
                float: none;
                padding: 1.3125rem 1.875rem 0
            }

                body.account-contact #main-container > .two-columns > .left-section header h2, body.account-contact #main-container > .two-columns > .right-section header h2 {
                    font-size: 1.125rem;
                    line-height: 1.625rem
                }

    html[lang="zh-Hant"] body.account-contact #main-container > .two-columns > .left-section header h2, html[lang="zh-Hant"] body.account-contact #main-container > .two-columns > .right-section header h2 {
        font-size: 1.0625rem
    }

    body.account-contact #main-container > .two-columns > .right-section {
        padding-top: 0;
        padding-bottom: 0
    }

        body.account-contact #main-container > .two-columns > .right-section header {
            margin-bottom: 2.75rem
        }
}

@media (max-width: 479px) {
    body.account-contact #main-container {
        padding-top: 6.25rem
    }

        body.account-contact #main-container > .two-columns {
            padding-bottom: 6.25rem
        }

            body.account-contact #main-container > .two-columns > .left-section, body.account-contact #main-container > .two-columns > .right-section {
                padding: 1.25rem 1.25rem 0
            }
}

@media (max-width: 374px) {
    body.account-contact #main-container {
        padding-top: 5rem
    }
}

div.upload-with-preview {
    position: relative;
    padding-top: 100%;
    display: inline-block;
    border: 1px solid black;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden
}

    div.upload-with-preview.uploading img.load-anim {
        display: block
    }

    div.upload-with-preview.uploading div.filename {
        display: none
    }

    div.upload-with-preview.choosed div.filename {
        display: none
    }

    div.upload-with-preview.choosed button {
        display: block
    }

    div.upload-with-preview.single {
        width: 100%;
        padding: 0;
        height: 2.5rem
    }

        div.upload-with-preview.single label.message {
            width: 100%;
            height: 100%;
            padding: 0
        }

        div.upload-with-preview.single div.filename {
            height: 2.5rem;
            line-height: 2.5rem;
            background-color: transparent;
            border-top: 0
        }

        div.upload-with-preview.single.choosed {
            height: 15rem
        }

    div.upload-with-preview img.load-anim {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -.625rem;
        margin-left: -.625rem;
        width: 1.25rem;
        height: 1.25rem;
        display: none
    }

    div.upload-with-preview input[type=file] {
        display: none
    }

    div.upload-with-preview label.message {
        font-size: .875rem;
        line-height: 1.25rem;
        letter-spacing: 0;
        color: #1e1e1e;
        color: #f15a22;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        padding: 10% 14%;
        display: inline-block;
        cursor: pointer;
        z-index: 1
    }

html[lang="zh-Hant"] div.upload-with-preview label.message {
    font-size: .875rem
}

div.upload-with-preview div.drop {
    position: absolute;
    bottom: 2.5rem;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0
}

    div.upload-with-preview div.drop span {
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        font-size: .9375rem;
        line-height: 1.375rem;
        letter-spacing: 0;
        color: #1e1e1e;
        color: rgba(30,30,30,0.2);
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        text-align: center
    }

html[lang="zh-Hant"] div.upload-with-preview div.drop span {
    font-size: .9375rem
}

div.upload-with-preview label.message.error + .drop, div.upload-with-preview.choosed .drop, div.upload-with-preview.uploading .drop {
    display: none
}

div.upload-with-preview button {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 0;
    display: none;
    padding: .625rem;
    z-index: 3
}

    div.upload-with-preview button svg {
        width: .625rem;
        height: .625rem
    }

div.upload-with-preview div.filename {
    font-size: .9375rem;
    line-height: 2.5rem;
    letter-spacing: 0;
    color: #1e1e1e;
    position: absolute;
    z-index: -1;
    height: 2.5rem;
    width: 100%;
    bottom: 0;
    left: 0;
    border-top: 1px solid #1e1e1e;
    background-color: #fff;
    text-align: center
}

html[lang="zh-Hant"] div.upload-with-preview div.filename {
    font-size: .9375rem
}

form.viewing div.upload-with-preview button.remove, form.viewing div.upload-with-preview label.message, form.viewing div.upload-with-preview div.filename {
    display: none
}

@media screen and (max-width: 48em) {
    div.upload-with-preview div.drop {
        display: none !important
    }

    div.upload-with-preview div.filename {
        font-size: .875rem
    }
}

body.account-entry {
    background-color: #d8d8d8
}

    body.account-entry ul.breadcrumb {
        background-color: #d8d8d8
    }

    body.account-entry #main-container {
        display: block;
        min-height: 100vh;
        overflow-y: auto;
        padding-top: 5.625rem;
        height: auto
    }

        body.account-entry #main-container .left-section {
            border-right-width: 0
        }

        body.account-entry #main-container .right-section {
            border-bottom-width: 0 !important;
            overflow-y: initial;
            height: auto
        }

        body.account-entry #main-container:before {
            position: absolute;
            display: block;
            content: '';
            left: 50%;
            top: 5.625rem;
            bottom: 0;
            width: 1px;
            background-color: #1e1e1e
        }

        body.account-entry #main-container:after {
            display: none
        }

        body.account-entry #main-container > form {
            min-height: 100%
        }

        body.account-entry #main-container > .two-columns {
            display: block;
            width: 100%;
            padding-bottom: 3.75rem
        }

            body.account-entry #main-container > .two-columns:after {
                display: block;
                clear: both;
                content: ''
            }

            body.account-entry #main-container > .two-columns > .left-section, body.account-entry #main-container > .two-columns > .right-section {
                display: block;
                width: 50%;
                float: left;
                padding: 1.1875rem 1.875rem
            }

                body.account-entry #main-container > .two-columns > .left-section header, body.account-entry #main-container > .two-columns > .right-section header {
                    margin-bottom: 3.75rem
                }

                    body.account-entry #main-container > .two-columns > .left-section header h2, body.account-entry #main-container > .two-columns > .right-section header h2 {
                        font-size: 1.25rem;
                        line-height: 1.75rem;
                        letter-spacing: 0;
                        color: #1e1e1e;
                        margin: 0;
                        text-align: center
                    }

html[lang="zh-Hant"] body.account-entry #main-container > .two-columns > .left-section header h2, html[lang="zh-Hant"] body.account-entry #main-container > .two-columns > .right-section header h2 {
    font-size: 1.1875rem
}

body.account-entry #main-container > .two-columns > .right-section {
    padding: 0
}

body.account-entry #main-container .sid-form {
    display: block;
    border-bottom: 1px solid #1e1e1e;
    padding: 1.1875rem 1.875rem 2.875rem;
    line-height: 0
}

    body.account-entry #main-container .sid-form p {
        font-size: .9375rem;
        line-height: 1.375rem;
        letter-spacing: 0;
        color: #1e1e1e;
        margin-bottom: 1.3125rem
    }

html[lang="zh-Hant"] body.account-entry #main-container .sid-form p {
    font-size: .9375rem
}

body.account-entry #main-container .sid-form label.error {
    line-height: 2.375rem;
    text-align: center
}

    body.account-entry #main-container .sid-form label.error + .filename {
        display: none
    }

body.account-entry #main-container .upload-form {
    display: block;
    padding: 1.25rem 0;
    line-height: 0
}

    body.account-entry #main-container .upload-form header {
        padding: 0 1.875rem
    }

    body.account-entry #main-container .upload-form p {
        font-size: .9375rem;
        line-height: 1.375rem;
        letter-spacing: 0;
        color: #1e1e1e;
        margin-bottom: 0;
        padding: 0 1.875rem
    }

html[lang="zh-Hant"] body.account-entry #main-container .upload-form p {
    font-size: .9375rem
}

body.account-entry #main-container .upload-form div.warning.required, body.account-entry #main-container .upload-form div.form-input, body.account-entry #main-container .upload-form .upload-cells div.cat-dmd-only {
    padding: 0 1.875rem
}

    body.account-entry #main-container .upload-form div.form-input.first {
        margin-top: 1.875rem
    }

body.account-entry #main-container .upload-form div.form-input {
    margin-bottom: 1.6875rem
}

    body.account-entry #main-container .upload-form div.form-input label {
        font-size: .9375rem;
        line-height: 1.375rem;
        letter-spacing: 0;
        color: #1e1e1e;
        margin-bottom: .625rem
    }

html[lang="zh-Hant"] body.account-entry #main-container .upload-form div.form-input label {
    font-size: .9375rem
}

body.account-entry #main-container .upload-form div.form-input input {
    font-size: 1rem;
    line-height: 1.375rem;
    letter-spacing: 0;
    color: #1e1e1e;
    border: 1px solid #1e1e1e;
    padding: .5625rem
}

    body.account-entry #main-container .upload-form div.form-input input.touched:invalid {
        border-color: #f15a22
    }

body.account-entry #main-container .upload-form div.upload-cells div.cat-dmd-only {
    font-size: .9375rem;
    line-height: 1.375rem;
    letter-spacing: 0;
    color: #1e1e1e;
    margin-bottom: -1.375rem
}

html[lang="zh-Hant"] body.account-entry #main-container .upload-form div.upload-cells div.cat-dmd-only {
    font-size: .9375rem
}

body.account-entry #main-container .upload-form > div {
    padding-right: 1.875rem
}

    body.account-entry #main-container .upload-form > div:after {
        display: block;
        clear: both;
        content: ''
    }

body.account-entry #main-container .upload-form .upload-cell {
    float: left;
    width: 33.27869%;
    padding-top: 0;
    padding-left: 1.875rem;
    margin-top: 1.875rem
}

    body.account-entry #main-container .upload-form .upload-cell .upload-with-preview {
        width: 100%
    }

body.account-entry #main-container > .two-columns.viewing > .right-section header {
    margin-bottom: 1.875rem
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    body.account-entry #main-container > .two-columns {
        padding-bottom: 3.125rem
    }

        body.account-entry #main-container > .two-columns > .left-section, body.account-entry #main-container > .two-columns > .right-section {
            padding: 1.3125rem 1.25rem
        }

            body.account-entry #main-container > .two-columns > .left-section header h2, body.account-entry #main-container > .two-columns > .right-section header h2 {
                font-size: 1.125rem;
                line-height: 1.625rem
            }

    html[lang="zh-Hant"] body.account-entry #main-container > .two-columns > .left-section header h2, html[lang="zh-Hant"] body.account-entry #main-container > .two-columns > .right-section header h2 {
        font-size: 1.0625rem
    }

    body.account-entry #main-container > .two-columns > .right-section {
        padding: 0 0 1.3125rem
    }

    body.account-entry #main-container .sid-form {
        padding: 1.3125rem 1.25rem 1.5625rem
    }

        body.account-entry #main-container .sid-form p {
            margin-bottom: 1.25rem
        }

    body.account-entry #main-container .upload-form {
        padding: 1.375rem 0 0
    }

        body.account-entry #main-container .upload-form header {
            padding: 0 1.25rem
        }

        body.account-entry #main-container .upload-form div.warning.required, body.account-entry #main-container .upload-form p, body.account-entry #main-container .upload-form div.form-input, body.account-entry #main-container .upload-form .upload-cells div.cat-dmd-only {
            padding: 0 1.25rem
        }

        body.account-entry #main-container .upload-form > div {
            padding-right: 1.25rem
        }

            body.account-entry #main-container .upload-form > div:after {
                display: block;
                clear: both;
                content: ''
            }

        body.account-entry #main-container .upload-form .upload-cell {
            float: left;
            width: 50%;
            padding-top: 0;
            padding-left: 1.25rem;
            margin-top: 1.25rem
        }

            body.account-entry #main-container .upload-form .upload-cell .upload-with-preview {
                width: 100%
            }

    body.account-entry #main-container > .two-columns.viewing > .right-section header {
        margin-bottom: 2.5rem
    }
}

@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
    body.account-entry #main-container .upload-form div.upload-cells div.cat-dmd-only {
        margin-bottom: -.625rem
    }
}

@media screen and (min-width: 40em) and (max-width: 48em) {
    body.account-entry #main-container .upload-form div.upload-cells div.cat-dmd-only {
        margin-bottom: -1.25rem
    }
}

@media screen and (max-width: 48em) {
    body.account-entry #main-container {
        padding-top: 8.125rem
    }

        body.account-entry #main-container:before {
            display: none
        }

        body.account-entry #main-container > .two-columns {
            padding-bottom: 8.125rem
        }

            body.account-entry #main-container > .two-columns > .left-section, body.account-entry #main-container > .two-columns > .right-section {
                width: 100%;
                float: none;
                padding: 1.25rem 1.875rem 0
            }

                body.account-entry #main-container > .two-columns > .left-section header h2, body.account-entry #main-container > .two-columns > .right-section header h2 {
                    font-size: 1.125rem;
                    line-height: 1.625rem
                }

    html[lang="zh-Hant"] body.account-entry #main-container > .two-columns > .left-section header h2, html[lang="zh-Hant"] body.account-entry #main-container > .two-columns > .right-section header h2 {
        font-size: 1.0625rem
    }

    body.account-entry #main-container > .two-columns > .left-section {
        border-right-width: 0
    }

    body.account-entry #main-container > .two-columns > .right-section {
        padding: 0
    }

    body.account-entry #main-container > .two-columns.step1 {
        padding-bottom: 8.125rem
    }

        body.account-entry #main-container > .two-columns.step1.viewing {
            padding-bottom: 6.25rem
        }

        body.account-entry #main-container > .two-columns.step1.editing {
            padding-bottom: 6.25rem
        }

    body.account-entry #main-container .sid-form {
        border-bottom-width: 0;
        padding: 1.25rem 1.875rem 0
    }

        body.account-entry #main-container .sid-form p {
            font-size: .875rem;
            line-height: 1.25rem
        }

    html[lang="zh-Hant"] body.account-entry #main-container .sid-form p {
        font-size: .875rem
    }

    body.account-entry #main-container .upload-form {
        padding: 1.25rem 0 0
    }

        body.account-entry #main-container .upload-form header {
            padding: 0 1.875rem
        }

        body.account-entry #main-container .upload-form p, body.account-entry #main-container .upload-form div.form-input {
            padding: 0 1.875rem
        }

        body.account-entry #main-container .upload-form > div {
            padding-right: 1.875rem
        }

            body.account-entry #main-container .upload-form > div:after {
                display: block;
                clear: both;
                content: ''
            }

        body.account-entry #main-container .upload-form .upload-cell {
            float: left;
            width: 33.27869%;
            padding-top: 0;
            padding-left: 1.875rem;
            margin-top: 1.875rem
        }

            body.account-entry #main-container .upload-form .upload-cell .upload-with-preview {
                width: 100%
            }

    body.account-entry #main-container > .two-columns.viewing > .right-section header {
        margin-bottom: 1.875rem
    }
}

@media (max-width: 479px) {
    body.account-entry #main-container {
        padding-top: 6.25rem
    }

        body.account-entry #main-container > .two-columns {
            padding-bottom: 8.125rem
        }

            body.account-entry #main-container > .two-columns > .left-section, body.account-entry #main-container > .two-columns > .right-section {
                padding: 1.25rem 1.25rem 0
            }

            body.account-entry #main-container > .two-columns > .right-section {
                padding: 0
            }

        body.account-entry #main-container .sid-form {
            padding: 1.25rem 1.25rem 0
        }

        body.account-entry #main-container .upload-form {
            padding: 1.25rem 0 0
        }

            body.account-entry #main-container .upload-form header {
                padding: 0 1.25rem
            }

            body.account-entry #main-container .upload-form div.warning.required, body.account-entry #main-container .upload-form p, body.account-entry #main-container .upload-form div.form-input, body.account-entry #main-container .upload-form .upload-cells div.cat-dmd-only {
                padding: 0 1.25rem
            }

            body.account-entry #main-container .upload-form div.upload-cells div.cat-dmd-only {
                margin-bottom: -.875rem
            }

            body.account-entry #main-container .upload-form > div {
                padding-right: 1.25rem
            }

                body.account-entry #main-container .upload-form > div:after {
                    display: block;
                    clear: both;
                    content: ''
                }

            body.account-entry #main-container .upload-form .upload-cell {
                float: left;
                width: 50%;
                padding-top: 0;
                padding-left: 1.25rem;
                margin-top: 1.25rem
            }

                body.account-entry #main-container .upload-form .upload-cell .upload-with-preview {
                    width: 100%
                }

            body.account-entry #main-container .upload-form div.upload-cells div.cat-dmd-only {
                margin-bottom: -.625rem
            }

        body.account-entry #main-container > .two-columns.viewing > .right-section header {
            margin-bottom: 2.5rem
        }
}

@media (max-width: 374px) {
    body.account-entry #main-container {
        padding-top: 5rem
    }

        body.account-entry #main-container > .two-columns.viewing > .right-section header {
            margin-bottom: 2.5rem
        }
}

body.account-entry #entry-form.editing #form-control .cancel-button {
    display: block
}

body.account-entry #entry-form.editing #form-control #terms-and-conditions-label {
    display: none
}

body.account-entry #entry-form #form-control .go-to-edit {
    display: none
}

@media screen and (min-width: 48.0625em) {
    body.account-entry #entry-form #form-control .cancel-button, body.account-entry #entry-form #form-control .back-button, body.account-entry #entry-form #form-control .continue-button {
        display: none
    }
}

@media screen and (max-width: 48em) {
    body.account-entry #entry-form.step1 #form-control #terms-and-conditions-label, body.account-entry #entry-form.step1 #form-control .back-button, body.account-entry #entry-form.step1 #form-control .submit-button, body.account-entry #entry-form.editing.step1 #form-control #terms-and-conditions-label, body.account-entry #entry-form.editing.step1 #form-control .back-button, body.account-entry #entry-form.editing.step1 #form-control .submit-button {
        display: none
    }

    body.account-entry #entry-form.step1 .sid-form, body.account-entry #entry-form.step1 .upload-form, body.account-entry #entry-form.editing.step1 .sid-form, body.account-entry #entry-form.editing.step1 .upload-form {
        display: none
    }

    body.account-entry #entry-form.step2 #form-control #terms-and-conditions-label, body.account-entry #entry-form.step2 #form-control .cancel-button, body.account-entry #entry-form.step2 #form-control .submit-button, body.account-entry #entry-form.editing.step2 #form-control #terms-and-conditions-label, body.account-entry #entry-form.editing.step2 #form-control .cancel-button, body.account-entry #entry-form.editing.step2 #form-control .submit-button {
        display: none
    }

    body.account-entry #entry-form.step2 .main-form, body.account-entry #entry-form.step2 .upload-form, body.account-entry #entry-form.editing.step2 .main-form, body.account-entry #entry-form.editing.step2 .upload-form {
        display: none
    }

    body.account-entry #entry-form.step3 #form-control #terms-and-conditions-label, body.account-entry #entry-form.step3 #form-control .cancel-button, body.account-entry #entry-form.step3 #form-control .continue-button, body.account-entry #entry-form.editing.step3 #form-control #terms-and-conditions-label, body.account-entry #entry-form.editing.step3 #form-control .cancel-button, body.account-entry #entry-form.editing.step3 #form-control .continue-button {
        display: none
    }

    body.account-entry #entry-form.step3 .main-form, body.account-entry #entry-form.step3 .sid-form, body.account-entry #entry-form.editing.step3 .main-form, body.account-entry #entry-form.editing.step3 .sid-form {
        display: none
    }

    body.account-entry #entry-form.step1:not(.editing):not(.viewing) #form-control #terms-and-conditions-label {
        display: block
    }

    body.account-entry #entry-form.step1:not(.editing):not(.viewing) #form-control .cancel-button {
        display: none
    }
}

body.account-entry #entry-form.viewing input, body.account-entry #entry-form.viewing select {
    color: #1e1e1e !important;
    cursor: default
}

body.account-entry #entry-form.viewing .r-star, body.account-entry #entry-form.viewing .input-wrapper.select:after, body.account-entry #entry-form.viewing .upload-with-preview:not(.choosed) {
    display: none
}

@media screen and (max-width: 48em) {
    body.account-entry #entry-form.viewing .sid-form {
        padding-bottom: 2rem
    }

    body.account-entry #entry-form.viewing .sid-form, body.account-entry #entry-form.viewing .upload-form {
        display: block
    }
}

body.account-entry #entry-form.viewing #form-control .cancel-button, body.account-entry #entry-form.viewing #form-control .go-to-edit {
    display: block
}

body.account-entry #entry-form.viewing #form-control #terms-and-conditions-label, body.account-entry #entry-form.viewing #form-control .back-button, body.account-entry #entry-form.viewing #form-control .continue-button, body.account-entry #entry-form.viewing #form-control .submit-button {
    display: none
}