/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
button,
hr,
input {
    overflow: visible
}

progress,
sub,
sup {
    vertical-align: baseline
}

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

html {
    line-height             : 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

hr {
    -webkit-box-sizing: content-box;
    box-sizing        : content-box;
    height            : 0
}

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

a {
    background-color: transparent
}

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

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button,
select {
    text-transform: none
}

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

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

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

fieldset {
    padding: .35em .75em .625em
}

legend {
    color      : inherit;
    display    : table;
    max-width  : 100%;
    white-space: normal
}

textarea {
    overflow: auto
}

[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-decoration {
    -webkit-appearance: none
}

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

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

/*!
 * Bootstrap Grid v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
    width: device-width
}

*,
:after,
:before,
html {
    -webkit-box-sizing: border-box;
    box-sizing        : border-box
}

html {
    -ms-overflow-style: scrollbar
}

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

.container {
    width        : 100%;
    padding-right: 15px;
    padding-left : 15px;
    margin-right : auto;
    margin-left  : auto
}

@media (min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1140px
    }
}

.container-fluid {
    width        : 100%;
    padding-right: 15px;
    padding-left : 15px;
    margin-right : auto;
    margin-left  : auto
}

.row {
    display      : -ms-flexbox;
    display      : -webkit-box;
    display      : flex;
    -ms-flex-wrap: wrap;
    flex-wrap    : wrap;
    margin-right : -15px;
    margin-left  : -15px
}

.no-gutters {
    margin-right: 0;
    margin-left : 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left : 0
}

.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-auto {
    position     : relative;
    width        : 100%;
    min-height   : 1px;
    padding-right: 15px;
    padding-left : 15px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis             : 0;
    -ms-flex-positive      : 1;
    -webkit-box-flex       : 1;
    flex-grow              : 1;
    max-width              : 100%
}

.col-auto {
    -ms-flex : 0 0 auto;
    flex     : 0 0 auto;
    width    : auto;
    max-width: none
}

.col-1,
.col-auto {
    -webkit-box-flex: 0
}

.col-1 {
    -ms-flex : 0 0 8.333333%;
    flex     : 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -ms-flex : 0 0 16.666667%;
    flex     : 0 0 16.666667%;
    max-width: 16.666667%
}

.col-2,
.col-3 {
    -webkit-box-flex: 0
}

.col-3 {
    -ms-flex : 0 0 25%;
    flex     : 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex : 0 0 33.333333%;
    flex     : 0 0 33.333333%;
    max-width: 33.333333%
}

.col-4,
.col-5 {
    -webkit-box-flex: 0
}

.col-5 {
    -ms-flex : 0 0 41.666667%;
    flex     : 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    -ms-flex : 0 0 50%;
    flex     : 0 0 50%;
    max-width: 50%
}

.col-6,
.col-7 {
    -webkit-box-flex: 0
}

.col-7 {
    -ms-flex : 0 0 58.333333%;
    flex     : 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -ms-flex : 0 0 66.666667%;
    flex     : 0 0 66.666667%;
    max-width: 66.666667%
}

.col-8,
.col-9 {
    -webkit-box-flex: 0
}

.col-9 {
    -ms-flex : 0 0 75%;
    flex     : 0 0 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex : 0 0 83.333333%;
    flex     : 0 0 83.333333%;
    max-width: 83.333333%
}

.col-10,
.col-11 {
    -webkit-box-flex: 0
}

.col-11 {
    -ms-flex : 0 0 91.666667%;
    flex     : 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    -ms-flex        : 0 0 100%;
    -webkit-box-flex: 0;
    flex            : 0 0 100%;
    max-width       : 100%
}

.order-first {
    -ms-flex-order           : -1;
    -webkit-box-ordinal-group: 0;
    order                    : -1
}

.order-last {
    -ms-flex-order           : 13;
    -webkit-box-ordinal-group: 14;
    order                    : 13
}

.order-0 {
    -ms-flex-order           : 0;
    -webkit-box-ordinal-group: 1;
    order                    : 0
}

.order-1 {
    -ms-flex-order           : 1;
    -webkit-box-ordinal-group: 2;
    order                    : 1
}

.order-2 {
    -ms-flex-order           : 2;
    -webkit-box-ordinal-group: 3;
    order                    : 2
}

.order-3 {
    -ms-flex-order           : 3;
    -webkit-box-ordinal-group: 4;
    order                    : 3
}

.order-4 {
    -ms-flex-order           : 4;
    -webkit-box-ordinal-group: 5;
    order                    : 4
}

.order-5 {
    -ms-flex-order           : 5;
    -webkit-box-ordinal-group: 6;
    order                    : 5
}

.order-6 {
    -ms-flex-order           : 6;
    -webkit-box-ordinal-group: 7;
    order                    : 6
}

.order-7 {
    -ms-flex-order           : 7;
    -webkit-box-ordinal-group: 8;
    order                    : 7
}

.order-8 {
    -ms-flex-order           : 8;
    -webkit-box-ordinal-group: 9;
    order                    : 8
}

.order-9 {
    -ms-flex-order           : 9;
    -webkit-box-ordinal-group: 10;
    order                    : 9
}

.order-10 {
    -ms-flex-order           : 10;
    -webkit-box-ordinal-group: 11;
    order                    : 10
}

.order-11 {
    -ms-flex-order           : 11;
    -webkit-box-ordinal-group: 12;
    order                    : 11
}

.order-12 {
    -ms-flex-order           : 12;
    -webkit-box-ordinal-group: 13;
    order                    : 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

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

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

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

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

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

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width:576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis             : 0;
        -ms-flex-positive      : 1;
        -webkit-box-flex       : 1;
        flex-grow              : 1;
        max-width              : 100%
    }

    .col-sm-auto {
        -ms-flex        : 0 0 auto;
        -webkit-box-flex: 0;
        flex            : 0 0 auto;
        width           : auto;
        max-width       : none
    }

    .col-sm-1 {
        -ms-flex        : 0 0 8.333333%;
        -webkit-box-flex: 0;
        flex            : 0 0 8.333333%;
        max-width       : 8.333333%
    }

    .col-sm-2 {
        -ms-flex        : 0 0 16.666667%;
        -webkit-box-flex: 0;
        flex            : 0 0 16.666667%;
        max-width       : 16.666667%
    }

    .col-sm-3 {
        -ms-flex        : 0 0 25%;
        -webkit-box-flex: 0;
        flex            : 0 0 25%;
        max-width       : 25%
    }

    .col-sm-4 {
        -ms-flex        : 0 0 33.333333%;
        -webkit-box-flex: 0;
        flex            : 0 0 33.333333%;
        max-width       : 33.333333%
    }

    .col-sm-5 {
        -ms-flex        : 0 0 41.666667%;
        -webkit-box-flex: 0;
        flex            : 0 0 41.666667%;
        max-width       : 41.666667%
    }

    .col-sm-6 {
        -ms-flex        : 0 0 50%;
        -webkit-box-flex: 0;
        flex            : 0 0 50%;
        max-width       : 50%
    }

    .col-sm-7 {
        -ms-flex        : 0 0 58.333333%;
        -webkit-box-flex: 0;
        flex            : 0 0 58.333333%;
        max-width       : 58.333333%
    }

    .col-sm-8 {
        -ms-flex        : 0 0 66.666667%;
        -webkit-box-flex: 0;
        flex            : 0 0 66.666667%;
        max-width       : 66.666667%
    }

    .col-sm-9 {
        -ms-flex        : 0 0 75%;
        -webkit-box-flex: 0;
        flex            : 0 0 75%;
        max-width       : 75%
    }

    .col-sm-10 {
        -ms-flex        : 0 0 83.333333%;
        -webkit-box-flex: 0;
        flex            : 0 0 83.333333%;
        max-width       : 83.333333%
    }

    .col-sm-11 {
        -ms-flex        : 0 0 91.666667%;
        -webkit-box-flex: 0;
        flex            : 0 0 91.666667%;
        max-width       : 91.666667%
    }

    .col-sm-12 {
        -ms-flex        : 0 0 100%;
        -webkit-box-flex: 0;
        flex            : 0 0 100%;
        max-width       : 100%
    }

    .order-sm-first {
        -ms-flex-order           : -1;
        -webkit-box-ordinal-group: 0;
        order                    : -1
    }

    .order-sm-last {
        -ms-flex-order           : 13;
        -webkit-box-ordinal-group: 14;
        order                    : 13
    }

    .order-sm-0 {
        -ms-flex-order           : 0;
        -webkit-box-ordinal-group: 1;
        order                    : 0
    }

    .order-sm-1 {
        -ms-flex-order           : 1;
        -webkit-box-ordinal-group: 2;
        order                    : 1
    }

    .order-sm-2 {
        -ms-flex-order           : 2;
        -webkit-box-ordinal-group: 3;
        order                    : 2
    }

    .order-sm-3 {
        -ms-flex-order           : 3;
        -webkit-box-ordinal-group: 4;
        order                    : 3
    }

    .order-sm-4 {
        -ms-flex-order           : 4;
        -webkit-box-ordinal-group: 5;
        order                    : 4
    }

    .order-sm-5 {
        -ms-flex-order           : 5;
        -webkit-box-ordinal-group: 6;
        order                    : 5
    }

    .order-sm-6 {
        -ms-flex-order           : 6;
        -webkit-box-ordinal-group: 7;
        order                    : 6
    }

    .order-sm-7 {
        -ms-flex-order           : 7;
        -webkit-box-ordinal-group: 8;
        order                    : 7
    }

    .order-sm-8 {
        -ms-flex-order           : 8;
        -webkit-box-ordinal-group: 9;
        order                    : 8
    }

    .order-sm-9 {
        -ms-flex-order           : 9;
        -webkit-box-ordinal-group: 10;
        order                    : 9
    }

    .order-sm-10 {
        -ms-flex-order           : 10;
        -webkit-box-ordinal-group: 11;
        order                    : 10
    }

    .order-sm-11 {
        -ms-flex-order           : 11;
        -webkit-box-ordinal-group: 12;
        order                    : 11
    }

    .order-sm-12 {
        -ms-flex-order           : 12;
        -webkit-box-ordinal-group: 13;
        order                    : 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.333333%
    }

    .offset-sm-2 {
        margin-left: 16.666667%
    }

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

    .offset-sm-4 {
        margin-left: 33.333333%
    }

    .offset-sm-5 {
        margin-left: 41.666667%
    }

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

    .offset-sm-7 {
        margin-left: 58.333333%
    }

    .offset-sm-8 {
        margin-left: 66.666667%
    }

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

    .offset-sm-10 {
        margin-left: 83.333333%
    }

    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis             : 0;
        -ms-flex-positive      : 1;
        -webkit-box-flex       : 1;
        flex-grow              : 1;
        max-width              : 100%
    }

    .col-md-auto {
        -ms-flex        : 0 0 auto;
        -webkit-box-flex: 0;
        flex            : 0 0 auto;
        width           : auto;
        max-width       : none
    }

    .col-md-1 {
        -ms-flex        : 0 0 8.333333%;
        -webkit-box-flex: 0;
        flex            : 0 0 8.333333%;
        max-width       : 8.333333%
    }

    .col-md-2 {
        -ms-flex        : 0 0 16.666667%;
        -webkit-box-flex: 0;
        flex            : 0 0 16.666667%;
        max-width       : 16.666667%
    }

    .col-md-3 {
        -ms-flex        : 0 0 25%;
        -webkit-box-flex: 0;
        flex            : 0 0 25%;
        max-width       : 25%
    }

    .col-md-4 {
        -ms-flex        : 0 0 33.333333%;
        -webkit-box-flex: 0;
        flex            : 0 0 33.333333%;
        max-width       : 33.333333%
    }

    .col-md-5 {
        -ms-flex        : 0 0 41.666667%;
        -webkit-box-flex: 0;
        flex            : 0 0 41.666667%;
        max-width       : 41.666667%
    }

    .col-md-6 {
        -ms-flex        : 0 0 50%;
        -webkit-box-flex: 0;
        flex            : 0 0 50%;
        max-width       : 50%
    }

    .col-md-7 {
        -ms-flex        : 0 0 58.333333%;
        -webkit-box-flex: 0;
        flex            : 0 0 58.333333%;
        max-width       : 58.333333%
    }

    .col-md-8 {
        -ms-flex        : 0 0 66.666667%;
        -webkit-box-flex: 0;
        flex            : 0 0 66.666667%;
        max-width       : 66.666667%
    }

    .col-md-9 {
        -ms-flex        : 0 0 75%;
        -webkit-box-flex: 0;
        flex            : 0 0 75%;
        max-width       : 75%
    }

    .col-md-10 {
        -ms-flex        : 0 0 83.333333%;
        -webkit-box-flex: 0;
        flex            : 0 0 83.333333%;
        max-width       : 83.333333%
    }

    .col-md-11 {
        -ms-flex        : 0 0 91.666667%;
        -webkit-box-flex: 0;
        flex            : 0 0 91.666667%;
        max-width       : 91.666667%
    }

    .col-md-12 {
        -ms-flex        : 0 0 100%;
        -webkit-box-flex: 0;
        flex            : 0 0 100%;
        max-width       : 100%
    }

    .order-md-first {
        -ms-flex-order           : -1;
        -webkit-box-ordinal-group: 0;
        order                    : -1
    }

    .order-md-last {
        -ms-flex-order           : 13;
        -webkit-box-ordinal-group: 14;
        order                    : 13
    }

    .order-md-0 {
        -ms-flex-order           : 0;
        -webkit-box-ordinal-group: 1;
        order                    : 0
    }

    .order-md-1 {
        -ms-flex-order           : 1;
        -webkit-box-ordinal-group: 2;
        order                    : 1
    }

    .order-md-2 {
        -ms-flex-order           : 2;
        -webkit-box-ordinal-group: 3;
        order                    : 2
    }

    .order-md-3 {
        -ms-flex-order           : 3;
        -webkit-box-ordinal-group: 4;
        order                    : 3
    }

    .order-md-4 {
        -ms-flex-order           : 4;
        -webkit-box-ordinal-group: 5;
        order                    : 4
    }

    .order-md-5 {
        -ms-flex-order           : 5;
        -webkit-box-ordinal-group: 6;
        order                    : 5
    }

    .order-md-6 {
        -ms-flex-order           : 6;
        -webkit-box-ordinal-group: 7;
        order                    : 6
    }

    .order-md-7 {
        -ms-flex-order           : 7;
        -webkit-box-ordinal-group: 8;
        order                    : 7
    }

    .order-md-8 {
        -ms-flex-order           : 8;
        -webkit-box-ordinal-group: 9;
        order                    : 8
    }

    .order-md-9 {
        -ms-flex-order           : 9;
        -webkit-box-ordinal-group: 10;
        order                    : 9
    }

    .order-md-10 {
        -ms-flex-order           : 10;
        -webkit-box-ordinal-group: 11;
        order                    : 10
    }

    .order-md-11 {
        -ms-flex-order           : 11;
        -webkit-box-ordinal-group: 12;
        order                    : 11
    }

    .order-md-12 {
        -ms-flex-order           : 12;
        -webkit-box-ordinal-group: 13;
        order                    : 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.333333%
    }

    .offset-md-2 {
        margin-left: 16.666667%
    }

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

    .offset-md-4 {
        margin-left: 33.333333%
    }

    .offset-md-5 {
        margin-left: 41.666667%
    }

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

    .offset-md-7 {
        margin-left: 58.333333%
    }

    .offset-md-8 {
        margin-left: 66.666667%
    }

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

    .offset-md-10 {
        margin-left: 83.333333%
    }

    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis             : 0;
        -ms-flex-positive      : 1;
        -webkit-box-flex       : 1;
        flex-grow              : 1;
        max-width              : 100%
    }

    .col-lg-auto {
        -ms-flex        : 0 0 auto;
        -webkit-box-flex: 0;
        flex            : 0 0 auto;
        width           : auto;
        max-width       : none
    }

    .col-lg-1 {
        -ms-flex        : 0 0 8.333333%;
        -webkit-box-flex: 0;
        flex            : 0 0 8.333333%;
        max-width       : 8.333333%
    }

    .col-lg-2 {
        -ms-flex        : 0 0 16.666667%;
        -webkit-box-flex: 0;
        flex            : 0 0 16.666667%;
        max-width       : 16.666667%
    }

    .col-lg-3 {
        -ms-flex        : 0 0 25%;
        -webkit-box-flex: 0;
        flex            : 0 0 25%;
        max-width       : 25%
    }

    .col-lg-4 {
        -ms-flex        : 0 0 33.333333%;
        -webkit-box-flex: 0;
        flex            : 0 0 33.333333%;
        max-width       : 33.333333%
    }

    .col-lg-5 {
        -ms-flex        : 0 0 41.666667%;
        -webkit-box-flex: 0;
        flex            : 0 0 41.666667%;
        max-width       : 41.666667%
    }

    .col-lg-6 {
        -ms-flex        : 0 0 50%;
        -webkit-box-flex: 0;
        flex            : 0 0 50%;
        max-width       : 50%
    }

    .col-lg-7 {
        -ms-flex        : 0 0 58.333333%;
        -webkit-box-flex: 0;
        flex            : 0 0 58.333333%;
        max-width       : 58.333333%
    }

    .col-lg-8 {
        -ms-flex        : 0 0 66.666667%;
        -webkit-box-flex: 0;
        flex            : 0 0 66.666667%;
        max-width       : 66.666667%
    }

    .col-lg-9 {
        -ms-flex        : 0 0 75%;
        -webkit-box-flex: 0;
        flex            : 0 0 75%;
        max-width       : 75%
    }

    .col-lg-10 {
        -ms-flex        : 0 0 83.333333%;
        -webkit-box-flex: 0;
        flex            : 0 0 83.333333%;
        max-width       : 83.333333%
    }

    .col-lg-11 {
        -ms-flex        : 0 0 91.666667%;
        -webkit-box-flex: 0;
        flex            : 0 0 91.666667%;
        max-width       : 91.666667%
    }

    .col-lg-12 {
        -ms-flex        : 0 0 100%;
        -webkit-box-flex: 0;
        flex            : 0 0 100%;
        max-width       : 100%
    }

    .order-lg-first {
        -ms-flex-order           : -1;
        -webkit-box-ordinal-group: 0;
        order                    : -1
    }

    .order-lg-last {
        -ms-flex-order           : 13;
        -webkit-box-ordinal-group: 14;
        order                    : 13
    }

    .order-lg-0 {
        -ms-flex-order           : 0;
        -webkit-box-ordinal-group: 1;
        order                    : 0
    }

    .order-lg-1 {
        -ms-flex-order           : 1;
        -webkit-box-ordinal-group: 2;
        order                    : 1
    }

    .order-lg-2 {
        -ms-flex-order           : 2;
        -webkit-box-ordinal-group: 3;
        order                    : 2
    }

    .order-lg-3 {
        -ms-flex-order           : 3;
        -webkit-box-ordinal-group: 4;
        order                    : 3
    }

    .order-lg-4 {
        -ms-flex-order           : 4;
        -webkit-box-ordinal-group: 5;
        order                    : 4
    }

    .order-lg-5 {
        -ms-flex-order           : 5;
        -webkit-box-ordinal-group: 6;
        order                    : 5
    }

    .order-lg-6 {
        -ms-flex-order           : 6;
        -webkit-box-ordinal-group: 7;
        order                    : 6
    }

    .order-lg-7 {
        -ms-flex-order           : 7;
        -webkit-box-ordinal-group: 8;
        order                    : 7
    }

    .order-lg-8 {
        -ms-flex-order           : 8;
        -webkit-box-ordinal-group: 9;
        order                    : 8
    }

    .order-lg-9 {
        -ms-flex-order           : 9;
        -webkit-box-ordinal-group: 10;
        order                    : 9
    }

    .order-lg-10 {
        -ms-flex-order           : 10;
        -webkit-box-ordinal-group: 11;
        order                    : 10
    }

    .order-lg-11 {
        -ms-flex-order           : 11;
        -webkit-box-ordinal-group: 12;
        order                    : 11
    }

    .order-lg-12 {
        -ms-flex-order           : 12;
        -webkit-box-ordinal-group: 13;
        order                    : 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.333333%
    }

    .offset-lg-2 {
        margin-left: 16.666667%
    }

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

    .offset-lg-4 {
        margin-left: 33.333333%
    }

    .offset-lg-5 {
        margin-left: 41.666667%
    }

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

    .offset-lg-7 {
        margin-left: 58.333333%
    }

    .offset-lg-8 {
        margin-left: 66.666667%
    }

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

    .offset-lg-10 {
        margin-left: 83.333333%
    }

    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis             : 0;
        -ms-flex-positive      : 1;
        -webkit-box-flex       : 1;
        flex-grow              : 1;
        max-width              : 100%
    }

    .col-xl-auto {
        -ms-flex        : 0 0 auto;
        -webkit-box-flex: 0;
        flex            : 0 0 auto;
        width           : auto;
        max-width       : none
    }

    .col-xl-1 {
        -ms-flex        : 0 0 8.333333%;
        -webkit-box-flex: 0;
        flex            : 0 0 8.333333%;
        max-width       : 8.333333%
    }

    .col-xl-2 {
        -ms-flex        : 0 0 16.666667%;
        -webkit-box-flex: 0;
        flex            : 0 0 16.666667%;
        max-width       : 16.666667%
    }

    .col-xl-3 {
        -ms-flex        : 0 0 25%;
        -webkit-box-flex: 0;
        flex            : 0 0 25%;
        max-width       : 25%
    }

    .col-xl-4 {
        -ms-flex        : 0 0 33.333333%;
        -webkit-box-flex: 0;
        flex            : 0 0 33.333333%;
        max-width       : 33.333333%
    }

    .col-xl-5 {
        -ms-flex        : 0 0 41.666667%;
        -webkit-box-flex: 0;
        flex            : 0 0 41.666667%;
        max-width       : 41.666667%
    }

    .col-xl-6 {
        -ms-flex        : 0 0 50%;
        -webkit-box-flex: 0;
        flex            : 0 0 50%;
        max-width       : 50%
    }

    .col-xl-7 {
        -ms-flex        : 0 0 58.333333%;
        -webkit-box-flex: 0;
        flex            : 0 0 58.333333%;
        max-width       : 58.333333%
    }

    .col-xl-8 {
        -ms-flex        : 0 0 66.666667%;
        -webkit-box-flex: 0;
        flex            : 0 0 66.666667%;
        max-width       : 66.666667%
    }

    .col-xl-9 {
        -ms-flex        : 0 0 75%;
        -webkit-box-flex: 0;
        flex            : 0 0 75%;
        max-width       : 75%
    }

    .col-xl-10 {
        -ms-flex        : 0 0 83.333333%;
        -webkit-box-flex: 0;
        flex            : 0 0 83.333333%;
        max-width       : 83.333333%
    }

    .col-xl-11 {
        -ms-flex        : 0 0 91.666667%;
        -webkit-box-flex: 0;
        flex            : 0 0 91.666667%;
        max-width       : 91.666667%
    }

    .col-xl-12 {
        -ms-flex        : 0 0 100%;
        -webkit-box-flex: 0;
        flex            : 0 0 100%;
        max-width       : 100%
    }

    .order-xl-first {
        -ms-flex-order           : -1;
        -webkit-box-ordinal-group: 0;
        order                    : -1
    }

    .order-xl-last {
        -ms-flex-order           : 13;
        -webkit-box-ordinal-group: 14;
        order                    : 13
    }

    .order-xl-0 {
        -ms-flex-order           : 0;
        -webkit-box-ordinal-group: 1;
        order                    : 0
    }

    .order-xl-1 {
        -ms-flex-order           : 1;
        -webkit-box-ordinal-group: 2;
        order                    : 1
    }

    .order-xl-2 {
        -ms-flex-order           : 2;
        -webkit-box-ordinal-group: 3;
        order                    : 2
    }

    .order-xl-3 {
        -ms-flex-order           : 3;
        -webkit-box-ordinal-group: 4;
        order                    : 3
    }

    .order-xl-4 {
        -ms-flex-order           : 4;
        -webkit-box-ordinal-group: 5;
        order                    : 4
    }

    .order-xl-5 {
        -ms-flex-order           : 5;
        -webkit-box-ordinal-group: 6;
        order                    : 5
    }

    .order-xl-6 {
        -ms-flex-order           : 6;
        -webkit-box-ordinal-group: 7;
        order                    : 6
    }

    .order-xl-7 {
        -ms-flex-order           : 7;
        -webkit-box-ordinal-group: 8;
        order                    : 7
    }

    .order-xl-8 {
        -ms-flex-order           : 8;
        -webkit-box-ordinal-group: 9;
        order                    : 8
    }

    .order-xl-9 {
        -ms-flex-order           : 9;
        -webkit-box-ordinal-group: 10;
        order                    : 9
    }

    .order-xl-10 {
        -ms-flex-order           : 10;
        -webkit-box-ordinal-group: 11;
        order                    : 10
    }

    .order-xl-11 {
        -ms-flex-order           : 11;
        -webkit-box-ordinal-group: 12;
        order                    : 11
    }

    .order-xl-12 {
        -ms-flex-order           : 12;
        -webkit-box-ordinal-group: 13;
        order                    : 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.333333%
    }

    .offset-xl-2 {
        margin-left: 16.666667%
    }

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

    .offset-xl-4 {
        margin-left: 33.333333%
    }

    .offset-xl-5 {
        margin-left: 41.666667%
    }

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

    .offset-xl-7 {
        margin-left: 58.333333%
    }

    .offset-xl-8 {
        margin-left: 66.666667%
    }

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

    .offset-xl-10 {
        margin-left: 83.333333%
    }

    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: inline-flex !important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important
    }

    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: -webkit-inline-box !important;
        display: inline-flex !important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important
    }

    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        display: -webkit-inline-box !important;
        display: inline-flex !important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important
    }

    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: -webkit-inline-box !important;
        display: inline-flex !important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important
    }

    .d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: -webkit-inline-box !important;
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important
    }

    .d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        display: -webkit-inline-box !important;
        display: inline-flex !important
    }
}

.flex-row {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    flex-direction    : row !important
}

.flex-column,
.flex-row {
    -webkit-box-direction: normal !important
}

.flex-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    flex-direction    : column !important
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    flex-direction    : row-reverse !important
}

.flex-column-reverse,
.flex-row-reverse {
    -webkit-box-direction: reverse !important
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    flex-direction    : column-reverse !important
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap    : wrap !important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap    : nowrap !important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap    : wrap-reverse !important
}

.flex-fill {
    -ms-flex        : 1 1 auto !important;
    -webkit-box-flex: 1 !important;
    flex            : 1 1 auto !important
}

.flex-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex : 0 !important;
    flex-grow        : 0 !important
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex : 1 !important;
    flex-grow        : 1 !important
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink      : 0 !important
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink      : 1 !important
}

.justify-content-start {
    -ms-flex-pack   : start !important;
    -webkit-box-pack: start !important;
    justify-content : flex-start !important
}

.justify-content-end {
    -ms-flex-pack   : end !important;
    -webkit-box-pack: end !important;
    justify-content : flex-end !important
}

.justify-content-center {
    -ms-flex-pack   : center !important;
    -webkit-box-pack: center !important;
    justify-content : center !important
}

.justify-content-between {
    -ms-flex-pack   : justify !important;
    -webkit-box-pack: justify !important;
    justify-content : space-between !important
}

.justify-content-around {
    -ms-flex-pack  : distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -ms-flex-align   : start !important;
    -webkit-box-align: start !important;
    align-items      : flex-start !important
}

.align-items-end {
    -ms-flex-align   : end !important;
    -webkit-box-align: end !important;
    align-items      : flex-end !important
}

.align-items-center {
    -ms-flex-align   : center !important;
    -webkit-box-align: center !important;
    align-items      : center !important
}

.align-items-baseline {
    -ms-flex-align   : baseline !important;
    -webkit-box-align: baseline !important;
    align-items      : baseline !important
}

.align-items-stretch {
    -ms-flex-align   : stretch !important;
    -webkit-box-align: stretch !important;
    align-items      : stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content     : flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content     : flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content     : center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content     : space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content     : space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content     : stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self         : auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self         : flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self         : flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self         : center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self         : baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self         : stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        -ms-flex-direction: row !important;
        -webkit-box-orient: horizontal !important;
        flex-direction    : row !important
    }

    .flex-sm-column,
    .flex-sm-row {
        -webkit-box-direction: normal !important
    }

    .flex-sm-column {
        -ms-flex-direction: column !important;
        -webkit-box-orient: vertical !important;
        flex-direction    : column !important
    }

    .flex-sm-row-reverse {
        -ms-flex-direction   : row-reverse !important;
        -webkit-box-orient   : horizontal !important;
        -webkit-box-direction: reverse !important;
        flex-direction       : row-reverse !important
    }

    .flex-sm-column-reverse {
        -ms-flex-direction   : column-reverse !important;
        -webkit-box-orient   : vertical !important;
        -webkit-box-direction: reverse !important;
        flex-direction       : column-reverse !important
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap    : wrap !important
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap    : nowrap !important
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap    : wrap-reverse !important
    }

    .flex-sm-fill {
        -ms-flex        : 1 1 auto !important;
        -webkit-box-flex: 1 !important;
        flex            : 1 1 auto !important
    }

    .flex-sm-grow-0 {
        -ms-flex-positive: 0 !important;
        -webkit-box-flex : 0 !important;
        flex-grow        : 0 !important
    }

    .flex-sm-grow-1 {
        -ms-flex-positive: 1 !important;
        -webkit-box-flex : 1 !important;
        flex-grow        : 1 !important
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink      : 0 !important
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink      : 1 !important
    }

    .justify-content-sm-start {
        -ms-flex-pack   : start !important;
        -webkit-box-pack: start !important;
        justify-content : flex-start !important
    }

    .justify-content-sm-end {
        -ms-flex-pack   : end !important;
        -webkit-box-pack: end !important;
        justify-content : flex-end !important
    }

    .justify-content-sm-center {
        -ms-flex-pack   : center !important;
        -webkit-box-pack: center !important;
        justify-content : center !important
    }

    .justify-content-sm-between {
        -ms-flex-pack   : justify !important;
        -webkit-box-pack: justify !important;
        justify-content : space-between !important
    }

    .justify-content-sm-around {
        -ms-flex-pack  : distribute !important;
        justify-content: space-around !important
    }

    .align-items-sm-start {
        -ms-flex-align   : start !important;
        -webkit-box-align: start !important;
        align-items      : flex-start !important
    }

    .align-items-sm-end {
        -ms-flex-align   : end !important;
        -webkit-box-align: end !important;
        align-items      : flex-end !important
    }

    .align-items-sm-center {
        -ms-flex-align   : center !important;
        -webkit-box-align: center !important;
        align-items      : center !important
    }

    .align-items-sm-baseline {
        -ms-flex-align   : baseline !important;
        -webkit-box-align: baseline !important;
        align-items      : baseline !important
    }

    .align-items-sm-stretch {
        -ms-flex-align   : stretch !important;
        -webkit-box-align: stretch !important;
        align-items      : stretch !important
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content     : flex-start !important
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content     : flex-end !important
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content     : center !important
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content     : space-between !important
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content     : space-around !important
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content     : stretch !important
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self         : auto !important
    }

    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self         : flex-start !important
    }

    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self         : flex-end !important
    }

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self         : center !important
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self         : baseline !important
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self         : stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        -ms-flex-direction: row !important;
        -webkit-box-orient: horizontal !important;
        flex-direction    : row !important
    }

    .flex-md-column,
    .flex-md-row {
        -webkit-box-direction: normal !important
    }

    .flex-md-column {
        -ms-flex-direction: column !important;
        -webkit-box-orient: vertical !important;
        flex-direction    : column !important
    }

    .flex-md-row-reverse {
        -ms-flex-direction   : row-reverse !important;
        -webkit-box-orient   : horizontal !important;
        -webkit-box-direction: reverse !important;
        flex-direction       : row-reverse !important
    }

    .flex-md-column-reverse {
        -ms-flex-direction   : column-reverse !important;
        -webkit-box-orient   : vertical !important;
        -webkit-box-direction: reverse !important;
        flex-direction       : column-reverse !important
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap    : wrap !important
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap    : nowrap !important
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap    : wrap-reverse !important
    }

    .flex-md-fill {
        -ms-flex        : 1 1 auto !important;
        -webkit-box-flex: 1 !important;
        flex            : 1 1 auto !important
    }

    .flex-md-grow-0 {
        -ms-flex-positive: 0 !important;
        -webkit-box-flex : 0 !important;
        flex-grow        : 0 !important
    }

    .flex-md-grow-1 {
        -ms-flex-positive: 1 !important;
        -webkit-box-flex : 1 !important;
        flex-grow        : 1 !important
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink      : 0 !important
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink      : 1 !important
    }

    .justify-content-md-start {
        -ms-flex-pack   : start !important;
        -webkit-box-pack: start !important;
        justify-content : flex-start !important
    }

    .justify-content-md-end {
        -ms-flex-pack   : end !important;
        -webkit-box-pack: end !important;
        justify-content : flex-end !important
    }

    .justify-content-md-center {
        -ms-flex-pack   : center !important;
        -webkit-box-pack: center !important;
        justify-content : center !important
    }

    .justify-content-md-between {
        -ms-flex-pack   : justify !important;
        -webkit-box-pack: justify !important;
        justify-content : space-between !important
    }

    .justify-content-md-around {
        -ms-flex-pack  : distribute !important;
        justify-content: space-around !important
    }

    .align-items-md-start {
        -ms-flex-align   : start !important;
        -webkit-box-align: start !important;
        align-items      : flex-start !important
    }

    .align-items-md-end {
        -ms-flex-align   : end !important;
        -webkit-box-align: end !important;
        align-items      : flex-end !important
    }

    .align-items-md-center {
        -ms-flex-align   : center !important;
        -webkit-box-align: center !important;
        align-items      : center !important
    }

    .align-items-md-baseline {
        -ms-flex-align   : baseline !important;
        -webkit-box-align: baseline !important;
        align-items      : baseline !important
    }

    .align-items-md-stretch {
        -ms-flex-align   : stretch !important;
        -webkit-box-align: stretch !important;
        align-items      : stretch !important
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content     : flex-start !important
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content     : flex-end !important
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content     : center !important
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content     : space-between !important
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content     : space-around !important
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content     : stretch !important
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self         : auto !important
    }

    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self         : flex-start !important
    }

    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self         : flex-end !important
    }

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self         : center !important
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self         : baseline !important
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self         : stretch !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        -ms-flex-direction: row !important;
        -webkit-box-orient: horizontal !important;
        flex-direction    : row !important
    }

    .flex-lg-column,
    .flex-lg-row {
        -webkit-box-direction: normal !important
    }

    .flex-lg-column {
        -ms-flex-direction: column !important;
        -webkit-box-orient: vertical !important;
        flex-direction    : column !important
    }

    .flex-lg-row-reverse {
        -ms-flex-direction   : row-reverse !important;
        -webkit-box-orient   : horizontal !important;
        -webkit-box-direction: reverse !important;
        flex-direction       : row-reverse !important
    }

    .flex-lg-column-reverse {
        -ms-flex-direction   : column-reverse !important;
        -webkit-box-orient   : vertical !important;
        -webkit-box-direction: reverse !important;
        flex-direction       : column-reverse !important
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap    : wrap !important
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap    : nowrap !important
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap    : wrap-reverse !important
    }

    .flex-lg-fill {
        -ms-flex        : 1 1 auto !important;
        -webkit-box-flex: 1 !important;
        flex            : 1 1 auto !important
    }

    .flex-lg-grow-0 {
        -ms-flex-positive: 0 !important;
        -webkit-box-flex : 0 !important;
        flex-grow        : 0 !important
    }

    .flex-lg-grow-1 {
        -ms-flex-positive: 1 !important;
        -webkit-box-flex : 1 !important;
        flex-grow        : 1 !important
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink      : 0 !important
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink      : 1 !important
    }

    .justify-content-lg-start {
        -ms-flex-pack   : start !important;
        -webkit-box-pack: start !important;
        justify-content : flex-start !important
    }

    .justify-content-lg-end {
        -ms-flex-pack   : end !important;
        -webkit-box-pack: end !important;
        justify-content : flex-end !important
    }

    .justify-content-lg-center {
        -ms-flex-pack   : center !important;
        -webkit-box-pack: center !important;
        justify-content : center !important
    }

    .justify-content-lg-between {
        -ms-flex-pack   : justify !important;
        -webkit-box-pack: justify !important;
        justify-content : space-between !important
    }

    .justify-content-lg-around {
        -ms-flex-pack  : distribute !important;
        justify-content: space-around !important
    }

    .align-items-lg-start {
        -ms-flex-align   : start !important;
        -webkit-box-align: start !important;
        align-items      : flex-start !important
    }

    .align-items-lg-end {
        -ms-flex-align   : end !important;
        -webkit-box-align: end !important;
        align-items      : flex-end !important
    }

    .align-items-lg-center {
        -ms-flex-align   : center !important;
        -webkit-box-align: center !important;
        align-items      : center !important
    }

    .align-items-lg-baseline {
        -ms-flex-align   : baseline !important;
        -webkit-box-align: baseline !important;
        align-items      : baseline !important
    }

    .align-items-lg-stretch {
        -ms-flex-align   : stretch !important;
        -webkit-box-align: stretch !important;
        align-items      : stretch !important
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content     : flex-start !important
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content     : flex-end !important
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content     : center !important
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content     : space-between !important
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content     : space-around !important
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content     : stretch !important
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self         : auto !important
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self         : flex-start !important
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self         : flex-end !important
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self         : center !important
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self         : baseline !important
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self         : stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        -ms-flex-direction: row !important;
        -webkit-box-orient: horizontal !important;
        flex-direction    : row !important
    }

    .flex-xl-column,
    .flex-xl-row {
        -webkit-box-direction: normal !important
    }

    .flex-xl-column {
        -ms-flex-direction: column !important;
        -webkit-box-orient: vertical !important;
        flex-direction    : column !important
    }

    .flex-xl-row-reverse {
        -ms-flex-direction   : row-reverse !important;
        -webkit-box-orient   : horizontal !important;
        -webkit-box-direction: reverse !important;
        flex-direction       : row-reverse !important
    }

    .flex-xl-column-reverse {
        -ms-flex-direction   : column-reverse !important;
        -webkit-box-orient   : vertical !important;
        -webkit-box-direction: reverse !important;
        flex-direction       : column-reverse !important
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap    : wrap !important
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap    : nowrap !important
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap    : wrap-reverse !important
    }

    .flex-xl-fill {
        -ms-flex        : 1 1 auto !important;
        -webkit-box-flex: 1 !important;
        flex            : 1 1 auto !important
    }

    .flex-xl-grow-0 {
        -ms-flex-positive: 0 !important;
        -webkit-box-flex : 0 !important;
        flex-grow        : 0 !important
    }

    .flex-xl-grow-1 {
        -ms-flex-positive: 1 !important;
        -webkit-box-flex : 1 !important;
        flex-grow        : 1 !important
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink      : 0 !important
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink      : 1 !important
    }

    .justify-content-xl-start {
        -ms-flex-pack   : start !important;
        -webkit-box-pack: start !important;
        justify-content : flex-start !important
    }

    .justify-content-xl-end {
        -ms-flex-pack   : end !important;
        -webkit-box-pack: end !important;
        justify-content : flex-end !important
    }

    .justify-content-xl-center {
        -ms-flex-pack   : center !important;
        -webkit-box-pack: center !important;
        justify-content : center !important
    }

    .justify-content-xl-between {
        -ms-flex-pack   : justify !important;
        -webkit-box-pack: justify !important;
        justify-content : space-between !important
    }

    .justify-content-xl-around {
        -ms-flex-pack  : distribute !important;
        justify-content: space-around !important
    }

    .align-items-xl-start {
        -ms-flex-align   : start !important;
        -webkit-box-align: start !important;
        align-items      : flex-start !important
    }

    .align-items-xl-end {
        -ms-flex-align   : end !important;
        -webkit-box-align: end !important;
        align-items      : flex-end !important
    }

    .align-items-xl-center {
        -ms-flex-align   : center !important;
        -webkit-box-align: center !important;
        align-items      : center !important
    }

    .align-items-xl-baseline {
        -ms-flex-align   : baseline !important;
        -webkit-box-align: baseline !important;
        align-items      : baseline !important
    }

    .align-items-xl-stretch {
        -ms-flex-align   : stretch !important;
        -webkit-box-align: stretch !important;
        align-items      : stretch !important
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content     : flex-start !important
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content     : flex-end !important
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content     : center !important
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content     : space-between !important
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content     : space-around !important
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content     : stretch !important
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self         : auto !important
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self         : flex-start !important
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self         : flex-end !important
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self         : center !important
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self         : baseline !important
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self         : stretch !important
    }
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position                   : relative
}

.owl-carousel {
    display: none;
    width  : 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position                : relative;
    -ms-touch-action        : pan-Y;
    touch-action            : manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content    : ".";
    display    : block;
    clear      : both;
    visibility : hidden;
    line-height: 0;
    height     : 0
}

.owl-carousel .owl-stage-outer {
    position         : relative;
    overflow         : hidden;
    -webkit-transform: translateZ(0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility   : hidden;
    -ms-backface-visibility    : hidden;
    -webkit-transform          : translateZ(0);
    -moz-transform             : translateZ(0);
    -ms-transform              : translateZ(0)
}

.owl-carousel .owl-item {
    min-height                 : 1px;
    float                      : left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout      : none
}

.owl-carousel .owl-item img {
    display: block;
    width  : 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor             : pointer;
    -webkit-user-select: none;
    -moz-user-select   : none;
    -ms-user-select    : none;
    user-select        : none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color     : inherit;
    border    : none;
    padding   : 0 !important;
    font      : inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action   : pan-y;
    touch-action       : pan-y;
    -webkit-user-select: none;
    -moz-user-select   : none;
    -ms-user-select    : none;
    user-select        : none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    -webkit-animation-duration : 1s;
    animation-duration         : 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode        : both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name        : fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height .5s ease-in-out;
    transition        : height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity           : 0;
    -webkit-transition: opacity .4s ease;
    transition        : opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style        : preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position  : relative;
    height    : 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position                   : absolute;
    height                     : 80px;
    width                      : 80px;
    left                       : 50%;
    top                        : 50%;
    margin-left                : -40px;
    margin-top                 : -40px;
    background                 : url() no-repeat;
    cursor                     : pointer;
    z-index                    : 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition         : -webkit-transform .1s ease;
    transition                 : -webkit-transform .1s ease;
    transition                 : transform .1s ease;
    transition                 : transform .1s ease, -webkit-transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3);
    transform        : scale(1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity            : 0;
    height             : 100%;
    background-position: 50%;
    background-repeat  : no-repeat;
    background-size    : contain;
    -webkit-transition : opacity .4s ease;
    transition         : opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index : 1;
    height  : 100%;
    width   : 100%
}

.leaflet-image-layer,
.leaflet-layer,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-pane,
.leaflet-pane>canvas,
.leaflet-pane>svg,
.leaflet-tile,
.leaflet-tile-container,
.leaflet-zoom-box {
    position: absolute;
    left    : 0;
    top     : 0
}

.leaflet-container {
    overflow: hidden
}

.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile {
    -webkit-user-select: none;
    -moz-user-select   : none;
    -ms-user-select    : none;
    user-select        : none;
    -webkit-user-drag  : none
}

.leaflet-safari .leaflet-tile {
    image-rendering: -webkit-optimize-contrast
}

.leaflet-safari .leaflet-tile-container {
    width                   : 1600px;
    height                  : 1600px;
    -webkit-transform-origin: 0 0
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
    display: block
}

.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer {
    max-width : none !important;
    max-height: none !important
}

.leaflet-container.leaflet-touch-zoom {
    -ms-touch-action: pan-x pan-y;
    touch-action    : pan-x pan-y
}

.leaflet-container.leaflet-touch-drag {
    -ms-touch-action: pinch-zoom;
    touch-action    : none;
    touch-action    : pinch-zoom
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
    -ms-touch-action: none;
    touch-action    : none
}

.leaflet-container {
    -webkit-tap-highlight-color: transparent
}

.leaflet-container a {
    -webkit-tap-highlight-color: rgba(51, 181, 229, .4)
}

.leaflet-tile {
    -webkit-filter: inherit;
    filter        : inherit;
    visibility    : hidden
}

.leaflet-tile-loaded {
    visibility: inherit
}

.leaflet-zoom-box {
    width             : 0;
    height            : 0;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    z-index           : 800
}

.leaflet-overlay-pane svg {
    -moz-user-select: none
}

.leaflet-pane {
    z-index: 400
}

.leaflet-tile-pane {
    z-index: 200
}

.leaflet-overlay-pane {
    z-index: 400
}

.leaflet-shadow-pane {
    z-index: 500
}

.leaflet-marker-pane {
    z-index: 600
}

.leaflet-tooltip-pane {
    z-index: 650
}

.leaflet-popup-pane {
    z-index: 700
}

.leaflet-map-pane canvas {
    z-index: 100
}

.leaflet-map-pane svg {
    z-index: 200
}

.leaflet-vml-shape {
    width : 1px;
    height: 1px
}

.lvml {
    behavior: url(#default#VML);
    display : inline-block;
    position: absolute
}

.leaflet-control {
    position      : relative;
    z-index       : 800;
    pointer-events: visiblePainted;
    pointer-events: auto
}

.leaflet-bottom,
.leaflet-top {
    position      : absolute;
    z-index       : 1000;
    pointer-events: none
}

.leaflet-top {
    top: 0
}

.leaflet-right {
    right: 0
}

.leaflet-bottom {
    bottom: 0
}

.leaflet-left {
    left: 0
}

.leaflet-control {
    float: left;
    clear: both
}

.leaflet-right .leaflet-control {
    float: right
}

.leaflet-top .leaflet-control {
    margin-top: 10px
}

.leaflet-bottom .leaflet-control {
    margin-bottom: 10px
}

.leaflet-left .leaflet-control {
    margin-left: 10px
}

.leaflet-right .leaflet-control {
    margin-right: 10px
}

.leaflet-fade-anim .leaflet-tile {
    will-change: opacity
}

.leaflet-fade-anim .leaflet-popup {
    opacity           : 0;
    -webkit-transition: opacity .2s linear;
    transition        : opacity .2s linear
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
    opacity: 1
}

.leaflet-zoom-animated {
    -webkit-transform-origin: 0 0;
    transform-origin        : 0 0
}

.leaflet-zoom-anim .leaflet-zoom-animated {
    will-change       : transform;
    -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1);
    transition        : -webkit-transform .25s cubic-bezier(0, 0, .25, 1);
    transition        : transform .25s cubic-bezier(0, 0, .25, 1);
    transition        : transform .25s cubic-bezier(0, 0, .25, 1), -webkit-transform .25s cubic-bezier(0, 0, .25, 1)
}

.leaflet-pan-anim .leaflet-tile,
.leaflet-zoom-anim .leaflet-tile {
    -webkit-transition: none;
    transition        : none
}

.leaflet-zoom-anim .leaflet-zoom-hide {
    visibility: hidden
}

.leaflet-interactive {
    cursor: pointer
}

.leaflet-grab {
    cursor: -webkit-grab;
    cursor: -moz-grab
}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
    cursor: crosshair
}

.leaflet-control,
.leaflet-popup-pane {
    cursor: auto
}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing
}

.leaflet-image-layer,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-pane>svg path,
.leaflet-tile-container {
    pointer-events: none
}

.leaflet-image-layer.leaflet-interactive,
.leaflet-marker-icon.leaflet-interactive,
.leaflet-pane>svg path.leaflet-interactive {
    pointer-events: visiblePainted;
    pointer-events: auto
}

.leaflet-container {
    background: #ddd;
    outline   : 0
}

.leaflet-container a {
    color: #0078a8
}

.leaflet-container a.leaflet-active {
    outline: 2px solid orange
}

.leaflet-zoom-box {
    border    : 2px dotted #38f;
    background: hsla(0, 0%, 100%, .5)
}

.leaflet-container {
    font: 12px/1.5 Helvetica Neue, Arial, Helvetica, sans-serif
}

.leaflet-bar {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .65);
    box-shadow        : 0 1px 5px rgba(0, 0, 0, .65);
    border-radius     : 4px
}

.leaflet-bar a,
.leaflet-bar a:hover {
    background-color: #fff;
    border-bottom   : 1px solid #ccc;
    width           : 26px;
    height          : 26px;
    line-height     : 26px;
    display         : block;
    text-align      : center;
    text-decoration : none;
    color           : #000
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
    background-position: 50% 50%;
    background-repeat  : no-repeat;
    display            : block
}

.leaflet-bar a:hover {
    background-color: #f4f4f4
}

.leaflet-bar a:first-child {
    border-top-left-radius : 4px;
    border-top-right-radius: 4px
}

.leaflet-bar a:last-child {
    border-bottom-left-radius : 4px;
    border-bottom-right-radius: 4px;
    border-bottom             : none
}

.leaflet-bar a.leaflet-disabled {
    cursor          : default;
    background-color: #f4f4f4;
    color           : #bbb
}

.leaflet-touch .leaflet-bar a {
    width      : 30px;
    height     : 30px;
    line-height: 30px
}

.leaflet-touch .leaflet-bar a:first-child {
    border-top-left-radius : 2px;
    border-top-right-radius: 2px
}

.leaflet-touch .leaflet-bar a:last-child {
    border-bottom-left-radius : 2px;
    border-bottom-right-radius: 2px
}

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
    font       : 700 18px Lucida Console, Monaco, monospace;
    text-indent: 1px
}

.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
    font-size: 22px
}

.leaflet-control-layers {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
    box-shadow        : 0 1px 5px rgba(0, 0, 0, .4);
    background        : #fff;
    border-radius     : 5px
}

.leaflet-control-layers-toggle {
    background-image: url(../img/layers.png);
    width           : 36px;
    height          : 36px
}

.leaflet-retina .leaflet-control-layers-toggle {
    background-image: url(../img/layers-2x.png);
    background-size : 26px 26px
}

.leaflet-touch .leaflet-control-layers-toggle {
    width : 44px;
    height: 44px
}

.leaflet-control-layers-expanded .leaflet-control-layers-toggle,
.leaflet-control-layers .leaflet-control-layers-list {
    display: none
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
    display : block;
    position: relative
}

.leaflet-control-layers-expanded {
    padding   : 6px 10px 6px 6px;
    color     : #333;
    background: #fff
}

.leaflet-control-layers-scrollbar {
    overflow-y   : scroll;
    overflow-x   : hidden;
    padding-right: 5px
}

.leaflet-control-layers-selector {
    margin-top: 2px;
    position  : relative;
    top       : 1px
}

.leaflet-control-layers label {
    display: block
}

.leaflet-control-layers-separator {
    height    : 0;
    border-top: 1px solid #ddd;
    margin    : 5px -10px 5px -6px
}

.leaflet-default-icon-path {
    background-image: url(../img/marker-icon.png)
}

.leaflet-container .leaflet-control-attribution {
    background: #fff;
    background: hsla(0, 0%, 100%, .7);
    margin    : 0
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
    padding: 0 5px;
    color  : #333
}

.leaflet-control-attribution a {
    text-decoration: none
}

.leaflet-control-attribution a:hover {
    text-decoration: underline
}

.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
    font-size: 11px
}

.leaflet-left .leaflet-control-scale {
    margin-left: 5px
}

.leaflet-bottom .leaflet-control-scale {
    margin-bottom: 5px
}

.leaflet-control-scale-line {
    border            : 2px solid #777;
    border-top        : none;
    line-height       : 1.1;
    padding           : 2px 5px 1px;
    font-size         : 11px;
    white-space       : nowrap;
    overflow          : hidden;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    background        : #fff;
    background        : hsla(0, 0%, 100%, .5)
}

.leaflet-control-scale-line:not(:first-child) {
    border-top   : 2px solid #777;
    border-bottom: none;
    margin-top   : -2px
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
    border-bottom: 2px solid #777
}

.leaflet-touch .leaflet-bar,
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers {
    -webkit-box-shadow: none;
    box-shadow        : none
}

.leaflet-touch .leaflet-bar,
.leaflet-touch .leaflet-control-layers {
    border         : 2px solid rgba(0, 0, 0, .2);
    background-clip: padding-box
}

.leaflet-popup {
    position     : absolute;
    text-align   : center;
    margin-bottom: 20px
}

.leaflet-popup-content-wrapper {
    padding      : 1px;
    text-align   : left;
    border-radius: 12px
}

.leaflet-popup-content {
    margin     : 13px 19px;
    line-height: 1.4
}

.leaflet-popup-content p {
    margin: 18px 0
}

.leaflet-popup-tip-container {
    width         : 40px;
    height        : 20px;
    position      : absolute;
    left          : 50%;
    margin-left   : -20px;
    overflow      : hidden;
    pointer-events: none
}

.leaflet-popup-tip {
    width            : 17px;
    height           : 17px;
    padding          : 1px;
    margin           : -10px auto 0;
    -webkit-transform: rotate(45deg);
    transform        : rotate(45deg)
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    background        : #fff;
    color             : #333;
    -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, .4);
    box-shadow        : 0 3px 14px rgba(0, 0, 0, .4)
}

.leaflet-container a.leaflet-popup-close-button {
    position       : absolute;
    top            : 0;
    right          : 0;
    padding        : 4px 4px 0 0;
    border         : none;
    text-align     : center;
    width          : 18px;
    height         : 14px;
    font           : 16px/14px Tahoma, Verdana, sans-serif;
    color          : #c3c3c3;
    text-decoration: none;
    font-weight    : 700;
    background     : transparent
}

.leaflet-container a.leaflet-popup-close-button:hover {
    color: #999
}

.leaflet-popup-scrolled {
    overflow     : auto;
    border-bottom: 1px solid #ddd;
    border-top   : 1px solid #ddd
}

.leaflet-oldie .leaflet-popup-content-wrapper {
    zoom: 1
}

.leaflet-oldie .leaflet-popup-tip {
    width     : 24px;
    margin    : 0 auto;
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
    filter    : progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)
}

.leaflet-oldie .leaflet-popup-tip-container {
    margin-top: -1px
}

.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
    border: 1px solid #999
}

.leaflet-div-icon {
    background: #fff;
    border    : 1px solid #666
}

.leaflet-tooltip {
    position           : absolute;
    padding            : 6px;
    background-color   : #fff;
    border             : 1px solid #fff;
    border-radius      : 3px;
    color              : #222;
    white-space        : nowrap;
    -webkit-user-select: none;
    -moz-user-select   : none;
    -ms-user-select    : none;
    user-select        : none;
    pointer-events     : none;
    -webkit-box-shadow : 0 1px 3px rgba(0, 0, 0, .4);
    box-shadow         : 0 1px 3px rgba(0, 0, 0, .4)
}

.leaflet-tooltip.leaflet-clickable {
    cursor        : pointer;
    pointer-events: auto
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before,
.leaflet-tooltip-top:before {
    position      : absolute;
    pointer-events: none;
    border        : 6px solid transparent;
    background    : transparent;
    content       : ""
}

.leaflet-tooltip-bottom {
    margin-top: 6px
}

.leaflet-tooltip-top {
    margin-top: -6px
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
    left       : 50%;
    margin-left: -6px
}

.leaflet-tooltip-top:before {
    bottom          : 0;
    margin-bottom   : -12px;
    border-top-color: #fff
}

.leaflet-tooltip-bottom:before {
    top                : 0;
    margin-top         : -12px;
    margin-left        : -6px;
    border-bottom-color: #fff
}

.leaflet-tooltip-left {
    margin-left: -6px
}

.leaflet-tooltip-right {
    margin-left: 6px
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
    top       : 50%;
    margin-top: -6px
}

.leaflet-tooltip-left:before {
    right            : 0;
    margin-right     : -12px;
    border-left-color: #fff
}

.leaflet-tooltip-right:before {
    left              : 0;
    margin-left       : -12px;
    border-right-color: #fff
}

.scroll-wrapper {
    overflow: hidden !important;
    padding : 0 !important;
    position: relative
}

.scroll-wrapper>.scroll-content {
    border            : none !important;
    -webkit-box-sizing: content-box !important;
    box-sizing        : content-box !important;
    height            : auto;
    left              : 0;
    margin            : 0;
    max-height        : none;
    max-width         : none !important;
    overflow          : scroll !important;
    padding           : 0;
    position          : relative !important;
    top               : 0;
    width             : auto !important
}

.scroll-wrapper>.scroll-content::-webkit-scrollbar {
    height: 0;
    width : 0
}

.scroll-element {
    display: none
}

.scroll-element,
.scroll-element div {
    -webkit-box-sizing: content-box;
    box-sizing        : content-box
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block
}

.scroll-element .scroll-arrow,
.scroll-element .scroll-bar {
    cursor: default
}

.scroll-textarea {
    border          : 1px solid #ccc;
    border-top-color: #999
}

.scroll-textarea>.scroll-content {
    overflow: hidden !important
}

.scroll-textarea>.scroll-content>textarea {
    border            : none !important;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    height            : 100% !important;
    margin            : 0;
    max-height        : none !important;
    max-width         : none !important;
    overflow          : scroll !important;
    outline           : none;
    padding           : 2px;
    position          : relative !important;
    top               : 0;
    width             : 100% !important
}

.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
    height: 0;
    width : 0
}

.scrollbar-inner>.scroll-element,
.scrollbar-inner>.scroll-element div {
    border  : none;
    margin  : 0;
    padding : 0;
    position: absolute;
    z-index : 10
}

.scrollbar-inner>.scroll-element div {
    display: block;
    height : 100%;
    left   : 0;
    top    : 0;
    width  : 100%
}

.scrollbar-inner>.scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left  : 0;
    width : 100%
}

.scrollbar-inner>.scroll-element.scroll-y {
    height: 100%;
    right : 2px;
    top   : 0;
    width : 8px
}

.scrollbar-inner>.scroll-element .scroll-element_outer {
    overflow: hidden
}

.scrollbar-inner>.scroll-element .scroll-bar,
.scrollbar-inner>.scroll-element .scroll-element_outer,
.scrollbar-inner>.scroll-element .scroll-element_track {
    border-radius: 8px
}

.scrollbar-inner>.scroll-element .scroll-bar,
.scrollbar-inner>.scroll-element .scroll-element_track {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter    : alpha(opacity=40);
    opacity   : .4
}

.scrollbar-inner>.scroll-element .scroll-element_track {
    background-color: #e0e0e0
}

.scrollbar-inner>.scroll-element .scroll-bar {
    background-color: #c2c2c2
}

.scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar,
.scrollbar-inner>.scroll-element:hover .scroll-bar {
    background-color: #919191
}

.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -12px
}

.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -12px
}

.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -12px
}

.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -12px
}

.scrollbar-outer>.scroll-element,
.scrollbar-outer>.scroll-element div {
    border  : none;
    margin  : 0;
    padding : 0;
    position: absolute;
    z-index : 10
}

.scrollbar-outer>.scroll-element {
    background-color: #fff
}

.scrollbar-outer>.scroll-element div {
    display: block;
    height : 100%;
    left   : 0;
    top    : 0;
    width  : 100%
}

.scrollbar-outer>.scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left  : 0;
    width : 100%
}

.scrollbar-outer>.scroll-element.scroll-y {
    height: 100%;
    right : 0;
    top   : 0;
    width : 12px
}

.scrollbar-outer>.scroll-element.scroll-x .scroll-element_outer {
    height: 8px;
    top   : 2px
}

.scrollbar-outer>.scroll-element.scroll-y .scroll-element_outer {
    left : 2px;
    width: 8px
}

.scrollbar-outer>.scroll-element .scroll-element_outer {
    overflow: hidden
}

.scrollbar-outer>.scroll-element .scroll-element_track {
    background-color: #eee
}

.scrollbar-outer>.scroll-element .scroll-bar,
.scrollbar-outer>.scroll-element .scroll-element_outer,
.scrollbar-outer>.scroll-element .scroll-element_track {
    border-radius: 8px
}

.scrollbar-outer>.scroll-element .scroll-bar {
    background-color: #d9d9d9
}

.scrollbar-outer>.scroll-element .scroll-bar:hover {
    background-color: #c2c2c2
}

.scrollbar-outer>.scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191
}

.scrollbar-outer>.scroll-content.scroll-scrolly_visible {
    left       : -12px;
    margin-left: 12px
}

.scrollbar-outer>.scroll-content.scroll-scrollx_visible {
    top       : -12px;
    margin-top: 12px
}

.scrollbar-outer>.scroll-element.scroll-x .scroll-bar {
    min-width: 10px
}

.scrollbar-outer>.scroll-element.scroll-y .scroll-bar {
    min-height: 10px
}

.scrollbar-outer>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -14px
}

.scrollbar-outer>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -14px
}

.scrollbar-outer>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -14px
}

.scrollbar-outer>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -14px
}

.scrollbar-macosx>.scroll-element,
.scrollbar-macosx>.scroll-element div {
    background: none;
    border    : none;
    margin    : 0;
    padding   : 0;
    position  : absolute;
    z-index   : 10
}

.scrollbar-macosx>.scroll-element div {
    display: block;
    height : 100%;
    left   : 0;
    top    : 0;
    width  : 100%
}

.scrollbar-macosx>.scroll-element .scroll-element_track {
    display: none
}

.scrollbar-macosx>.scroll-element .scroll-bar {
    background-color  : #6c6e71;
    display           : block;
    -ms-filter        : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter            : alpha(opacity=0);
    opacity           : 0;
    border-radius     : 7px;
    -webkit-transition: opacity .2s linear;
    transition        : opacity .2s linear
}

.scrollbar-macosx:hover>.scroll-element .scroll-bar,
.scrollbar-macosx>.scroll-element.scroll-draggable .scroll-bar {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter    : alpha(opacity=70);
    opacity   : .7
}

.scrollbar-macosx>.scroll-element.scroll-x {
    bottom   : 0;
    height   : 0;
    left     : 0;
    min-width: 100%;
    overflow : visible;
    width    : 100%
}

.scrollbar-macosx>.scroll-element.scroll-y {
    height    : 100%;
    min-height: 100%;
    right     : 0;
    top       : 0;
    width     : 0
}

.scrollbar-macosx>.scroll-element.scroll-x .scroll-bar {
    height   : 7px;
    min-width: 10px;
    top      : -9px
}

.scrollbar-macosx>.scroll-element.scroll-y .scroll-bar {
    left      : -9px;
    min-height: 10px;
    width     : 7px
}

.scrollbar-macosx>.scroll-element.scroll-x .scroll-element_outer {
    left: 2px
}

.scrollbar-macosx>.scroll-element.scroll-x .scroll-element_size {
    left: -4px
}

.scrollbar-macosx>.scroll-element.scroll-y .scroll-element_outer {
    top: 2px
}

.scrollbar-macosx>.scroll-element.scroll-y .scroll-element_size {
    top: -4px
}

.scrollbar-macosx>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -11px
}

.scrollbar-macosx>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -11px
}

.scrollbar-light>.scroll-element,
.scrollbar-light>.scroll-element div {
    border  : none;
    margin  : 0;
    overflow: hidden;
    padding : 0;
    position: absolute;
    z-index : 10
}

.scrollbar-light>.scroll-element {
    background-color: #fff
}

.scrollbar-light>.scroll-element div {
    display: block;
    height : 100%;
    left   : 0;
    top    : 0;
    width  : 100%
}

.scrollbar-light>.scroll-element .scroll-element_outer {
    border-radius: 10px
}

.scrollbar-light>.scroll-element .scroll-element_size {
    background   : #dbdbdb;
    background   : url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGJkYmRiIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZThlOGU4Ii8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBmaWxsPSJ1cmwoI2EpIiBkPSJNMCAwaDF2MUgweiIvPjwvc3ZnPg==");
    background   : -webkit-gradient(linear, left top, right top, from(#dbdbdb), to(#e8e8e8));
    background   : linear-gradient(90deg, #dbdbdb 0, #e8e8e8);
    border-radius: 10px
}

.scrollbar-light>.scroll-element.scroll-x {
    bottom   : 0;
    height   : 17px;
    left     : 0;
    min-width: 100%;
    width    : 100%
}

.scrollbar-light>.scroll-element.scroll-y {
    height    : 100%;
    min-height: 100%;
    right     : 0;
    top       : 0;
    width     : 17px
}

.scrollbar-light>.scroll-element .scroll-bar {
    background   : #fefefe;
    background   : url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmVmZWZlIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjVmNWY1Ii8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBmaWxsPSJ1cmwoI2EpIiBkPSJNMCAwaDF2MUgweiIvPjwvc3ZnPg==");
    background   : -webkit-gradient(linear, left top, right top, from(#fefefe), to(#f5f5f5));
    background   : linear-gradient(90deg, #fefefe 0, #f5f5f5);
    border       : 1px solid #dbdbdb;
    border-radius: 10px
}

.scrollbar-light>.scroll-content.scroll-scrolly_visible {
    left       : -17px;
    margin-left: 17px
}

.scrollbar-light>.scroll-content.scroll-scrollx_visible {
    top       : -17px;
    margin-top: 17px
}

.scrollbar-light>.scroll-element.scroll-x .scroll-bar {
    height   : 10px;
    min-width: 10px;
    top      : 0
}

.scrollbar-light>.scroll-element.scroll-y .scroll-bar {
    left      : 0;
    min-height: 10px;
    width     : 10px
}

.scrollbar-light>.scroll-element.scroll-x .scroll-element_outer {
    height: 12px;
    left  : 2px;
    top   : 2px
}

.scrollbar-light>.scroll-element.scroll-x .scroll-element_size {
    left: -4px
}

.scrollbar-light>.scroll-element.scroll-y .scroll-element_outer {
    left : 2px;
    top  : 2px;
    width: 12px
}

.scrollbar-light>.scroll-element.scroll-y .scroll-element_size {
    top: -4px
}

.scrollbar-light>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -19px
}

.scrollbar-light>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -19px
}

.scrollbar-light>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -19px
}

.scrollbar-light>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -19px
}

.scrollbar-rail>.scroll-element,
.scrollbar-rail>.scroll-element div {
    border  : none;
    margin  : 0;
    overflow: hidden;
    padding : 0;
    position: absolute;
    z-index : 10
}

.scrollbar-rail>.scroll-element {
    background-color: #fff
}

.scrollbar-rail>.scroll-element div {
    display: block;
    height : 100%;
    left   : 0;
    top    : 0;
    width  : 100%
}

.scrollbar-rail>.scroll-element .scroll-element_size {
    background-color: #999;
    background-color: rgba(0, 0, 0, .3)
}

.scrollbar-rail>.scroll-element .scroll-element_outer:hover .scroll-element_size {
    background-color: #666;
    background-color: rgba(0, 0, 0, .5)
}

.scrollbar-rail>.scroll-element.scroll-x {
    bottom   : 0;
    height   : 12px;
    left     : 0;
    min-width: 100%;
    padding  : 3px 0 2px;
    width    : 100%
}

.scrollbar-rail>.scroll-element.scroll-y {
    height    : 100%;
    min-height: 100%;
    padding   : 0 2px 0 3px;
    right     : 0;
    top       : 0;
    width     : 12px
}

.scrollbar-rail>.scroll-element .scroll-bar {
    background-color  : #d0b9a0;
    border-radius     : 2px;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .5);
    box-shadow        : 1px 1px 3px rgba(0, 0, 0, .5)
}

.scrollbar-rail>.scroll-element .scroll-element_outer:hover .scroll-bar {
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .6);
    box-shadow        : 1px 1px 3px rgba(0, 0, 0, .6)
}

.scrollbar-rail>.scroll-content.scroll-scrolly_visible {
    left       : -17px;
    margin-left: 17px
}

.scrollbar-rail>.scroll-content.scroll-scrollx_visible {
    margin-top: 17px;
    top       : -17px
}

.scrollbar-rail>.scroll-element.scroll-x .scroll-bar {
    height   : 10px;
    min-width: 10px;
    top      : 1px
}

.scrollbar-rail>.scroll-element.scroll-y .scroll-bar {
    left      : 1px;
    min-height: 10px;
    width     : 10px
}

.scrollbar-rail>.scroll-element.scroll-x .scroll-element_outer {
    height: 15px;
    left  : 5px
}

.scrollbar-rail>.scroll-element.scroll-x .scroll-element_size {
    height: 2px;
    left  : -10px;
    top   : 5px
}

.scrollbar-rail>.scroll-element.scroll-y .scroll-element_outer {
    top  : 5px;
    width: 15px
}

.scrollbar-rail>.scroll-element.scroll-y .scroll-element_size {
    left : 5px;
    top  : -10px;
    width: 2px
}

.scrollbar-rail>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -25px
}

.scrollbar-rail>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -25px
}

.scrollbar-rail>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -25px
}

.scrollbar-rail>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -25px
}

.scrollbar-dynamic>.scroll-element,
.scrollbar-dynamic>.scroll-element div {
    background: none;
    border    : none;
    margin    : 0;
    padding   : 0;
    position  : absolute;
    z-index   : 10
}

.scrollbar-dynamic>.scroll-element div {
    display: block;
    height : 100%;
    left   : 0;
    top    : 0;
    width  : 100%
}

.scrollbar-dynamic>.scroll-element.scroll-x {
    bottom   : 2px;
    height   : 7px;
    left     : 0;
    min-width: 100%;
    width    : 100%
}

.scrollbar-dynamic>.scroll-element.scroll-y {
    height    : 100%;
    min-height: 100%;
    right     : 2px;
    top       : 0;
    width     : 7px
}

.scrollbar-dynamic>.scroll-element .scroll-element_outer {
    opacity      : .3;
    border-radius: 12px
}

.scrollbar-dynamic>.scroll-element .scroll-element_size {
    background-color  : #ccc;
    opacity           : 0;
    border-radius     : 12px;
    -webkit-transition: opacity .2s;
    transition        : opacity .2s
}

.scrollbar-dynamic>.scroll-element .scroll-bar {
    background-color: #6c6e71;
    border-radius   : 7px
}

.scrollbar-dynamic>.scroll-element.scroll-x .scroll-bar {
    bottom   : 0;
    height   : 7px;
    min-width: 24px;
    top      : auto
}

.scrollbar-dynamic>.scroll-element.scroll-y .scroll-bar {
    left      : auto;
    min-height: 24px;
    right     : 0;
    width     : 7px
}

.scrollbar-dynamic>.scroll-element.scroll-x .scroll-element_outer {
    bottom            : 0;
    top               : auto;
    left              : 2px;
    -webkit-transition: height .2s;
    transition        : height .2s
}

.scrollbar-dynamic>.scroll-element.scroll-y .scroll-element_outer {
    left              : auto;
    right             : 0;
    top               : 2px;
    -webkit-transition: width .2s;
    transition        : width .2s
}

.scrollbar-dynamic>.scroll-element.scroll-x .scroll-element_size {
    left: -4px
}

.scrollbar-dynamic>.scroll-element.scroll-y .scroll-element_size {
    top: -4px
}

.scrollbar-dynamic>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -11px
}

.scrollbar-dynamic>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -11px
}

.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer,
.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer {
    overflow  : hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter    : alpha(opacity=70);
    opacity   : .7
}

.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer .scroll-element_size {
    opacity: 1
}

.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer .scroll-bar,
.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer .scroll-bar {
    height       : 100%;
    width        : 100%;
    border-radius: 12px
}

.scrollbar-dynamic>.scroll-element.scroll-x.scroll-draggable .scroll-element_outer,
.scrollbar-dynamic>.scroll-element.scroll-x:hover .scroll-element_outer {
    height    : 20px;
    min-height: 7px
}

.scrollbar-dynamic>.scroll-element.scroll-y.scroll-draggable .scroll-element_outer,
.scrollbar-dynamic>.scroll-element.scroll-y:hover .scroll-element_outer {
    min-width: 7px;
    width    : 20px
}

.scrollbar-chrome>.scroll-element,
.scrollbar-chrome>.scroll-element div {
    border  : none;
    margin  : 0;
    overflow: hidden;
    padding : 0;
    position: absolute;
    z-index : 10
}

.scrollbar-chrome>.scroll-element {
    background-color: #fff
}

.scrollbar-chrome>.scroll-element div {
    display: block;
    height : 100%;
    left   : 0;
    top    : 0;
    width  : 100%
}

.scrollbar-chrome>.scroll-element .scroll-element_track {
    background: #f1f1f1;
    border    : 1px solid #dbdbdb
}

.scrollbar-chrome>.scroll-element.scroll-x {
    bottom   : 0;
    height   : 16px;
    left     : 0;
    min-width: 100%;
    width    : 100%
}

.scrollbar-chrome>.scroll-element.scroll-y {
    height    : 100%;
    min-height: 100%;
    right     : 0;
    top       : 0;
    width     : 16px
}

.scrollbar-chrome>.scroll-element .scroll-bar {
    background-color: #d9d9d9;
    border          : 1px solid #bdbdbd;
    cursor          : default;
    border-radius   : 2px
}

.scrollbar-chrome>.scroll-element .scroll-bar:hover {
    background-color: #c2c2c2;
    border-color    : #a9a9a9
}

.scrollbar-chrome>.scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191;
    border-color    : #7e7e7e
}

.scrollbar-chrome>.scroll-content.scroll-scrolly_visible {
    left       : -16px;
    margin-left: 16px
}

.scrollbar-chrome>.scroll-content.scroll-scrollx_visible {
    top       : -16px;
    margin-top: 16px
}

.scrollbar-chrome>.scroll-element.scroll-x .scroll-bar {
    height   : 8px;
    min-width: 10px;
    top      : 3px
}

.scrollbar-chrome>.scroll-element.scroll-y .scroll-bar {
    left      : 3px;
    min-height: 10px;
    width     : 8px
}

.scrollbar-chrome>.scroll-element.scroll-x .scroll-element_outer {
    border-left: 1px solid #dbdbdb
}

.scrollbar-chrome>.scroll-element.scroll-x .scroll-element_track {
    height: 14px;
    left  : -3px
}

.scrollbar-chrome>.scroll-element.scroll-x .scroll-element_size {
    height: 14px;
    left  : -4px
}

.scrollbar-chrome>.scroll-element.scroll-y .scroll-element_outer {
    border-top: 1px solid #dbdbdb
}

.scrollbar-chrome>.scroll-element.scroll-y .scroll-element_track {
    top  : -3px;
    width: 14px
}

.scrollbar-chrome>.scroll-element.scroll-y .scroll-element_size {
    top  : -4px;
    width: 14px
}

.scrollbar-chrome>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -19px
}

.scrollbar-chrome>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -19px
}

.scrollbar-chrome>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -19px
}

.scrollbar-chrome>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -19px
}

body {
    background    : #020515;
    line-height   : 1em;
    letter-spacing: .1em;
    color         : #fff;
    font-size     : 15px;
    font-weight   : 300;
    font-family   : source-han-sans-traditional, sans-serif
}

body.lock {
    overflow: hidden
}

body * {
    -webkit-touch-callout: none
}

body *,
body .focus,
body :active,
body :focus {
    outline: none !important
}

body a {
    color          : inherit;
    text-decoration: none;
    line-height    : 1em;
    letter-spacing : inherit;
    cursor         : pointer;
    font-size      : 1em;
    font-weight    : inherit;
    font-family    : inherit
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    margin     : 0;
    line-height: 1em
}

body ul {
    margin    : 0;
    padding   : 0;
    list-style: none
}

body ul.list-inline li {
    display: inline-block
}

body figure {
    margin: 0
}

body img.img-responsive {
    display  : block;
    max-width: 100%;
    height   : auto
}

body .container {
    width    : 100%;
    max-width: 1340px
}

#app {
    width   : 100%;
    position: relative
}

#app #scene {
    position       : fixed;
    top            : 0;
    left           : 0;
    z-index        : -999;
    background     : url(../img/scene-1.png) 50% no-repeat;
    background-size: cover
}

#app #scene,
#app #scene ul {
    width : 100%;
    height: 100%
}

#app #scene ul .owl-stage-outer,
#app #scene ul .owl-stage-outer .owl-stage,
#app #scene ul .owl-stage-outer .owl-stage .owl-item {
    height: 100%
}

#app #scene ul li {
    width              : 100%;
    height             : 100%;
    background-position: 50%;
    background-size    : cover;
    background-repeat  : no-repeat
}

#app #scene ul li.scene-1 {
    background-image: url(../img/scene-1.png)
}

#app #scene ul li.scene-2 {
    background-image: url(../img/scene-2.png)
}

#app #scene ul li.scene-3 {
    background-image: url(../img/scene-3.png)
}

#app #mask {
    position       : fixed;
    width          : 100%;
    height         : 100%;
    top            : 0;
    left           : 0;
    background     : url(../img/noise.png) 50% repeat rgba(188, 93, 83, .6);
    background-size: 360px;
    z-index        : -998;
    opacity        : 1;
    will-change    : opacity
}

#app .view {
    width   : 90px;
    height  : 90px;
    position: relative;
    margin  : 0 auto
}

#app .view:hover .hexagon svg {
    -webkit-transform: scale(1.3);
    transform        : scale(1.3)
}

#app .view:hover .hexagon svg polygon {
    -webkit-animation: none;
    animation        : none;
    stroke-dashoffset: 0 !important
}

#app .view .hexagon {
    position: absolute;
    width   : 100%;
    height  : 100%;
    z-index : -1
}

#app .view .hexagon svg {
    -webkit-transition-property       : -webkit-transform;
    transition-property               : -webkit-transform;
    transition-property               : transform;
    transition-property               : transform, -webkit-transform;
    transition-duration               : .3s;
    transition-timing-function        : cubic-bezier(.89, .04, .21, .93);
    -webkit-transition-property       : transform;
    -webkit-transition-duration       : .3s;
    -webkit-transition-timing-function: cubic-bezier(.89, .04, .21, .93)
}

#app .view .hexagon svg polygon {
    fill                   : transparent;
    stroke                 : #ff0;
    stroke-width           : 3;
    stroke-dasharray       : 555;
    -webkit-animation      : drawSvg 6s cubic-bezier(.89, .04, .21, .93) infinite;
    animation              : drawSvg 6s cubic-bezier(.89, .04, .21, .93) infinite;
    -webkit-animation-delay: .3s;
    animation-delay        : .3s
}

@-webkit-keyframes drawSvg {
    0% {
        stroke-dashoffset: 0
    }

    40% {
        stroke-dashoffset: 555
    }

    50% {
        stroke-dashoffset: 555
    }

    90% {
        stroke-dashoffset: 1110
    }

    to {
        stroke-dashoffset: 1110
    }
}

@keyframes drawSvg {
    0% {
        stroke-dashoffset: 0
    }

    40% {
        stroke-dashoffset: 555
    }

    50% {
        stroke-dashoffset: 555
    }

    90% {
        stroke-dashoffset: 1110
    }

    to {
        stroke-dashoffset: 1110
    }
}

#app ul.owl-carousel .owl-nav {
    position: relative;
    z-index : 0;
    width   : 350px;
    margin  : 0 auto
}

#app ul.owl-carousel .owl-nav button {
    width     : 35px;
    height    : 50px;
    position  : absolute;
    top       : 1px;
    text-align: center
}

#app ul.owl-carousel .owl-nav button:before {
    content          : "";
    display          : block;
    width            : 100%;
    height           : 2px;
    position         : absolute;
    top              : 23px;
    background       : #fff;
    -webkit-transform: scaleX(.5);
    transform        : scaleX(.5)
}

#app ul.owl-carousel .owl-nav button:before,
#app ul.owl-carousel .owl-nav button span {
    -webkit-transition-property       : -webkit-transform;
    transition-property               : -webkit-transform;
    transition-property               : transform;
    transition-property               : transform, -webkit-transform;
    transition-duration               : .3s;
    transition-timing-function        : cubic-bezier(.89, .04, .21, .93);
    -webkit-transition-property       : transform;
    -webkit-transition-duration       : .3s;
    -webkit-transition-timing-function: cubic-bezier(.89, .04, .21, .93)
}

#app ul.owl-carousel .owl-nav button span {
    display         : inline-block;
    width           : 6.4px;
    height          : 17.06667px;
    background-color: #fff
}

#app ul.owl-carousel .owl-nav button.owl-prev {
    right: 320px
}

#app ul.owl-carousel .owl-nav button.owl-prev:before {
    -webkit-transform-origin: right center;
    transform-origin        : right center;
    right                   : 0
}

#app ul.owl-carousel .owl-nav button.owl-prev span {
    -webkit-mask-image: url(../img/icon-left.svg);
    mask-image        : url(../img/icon-left.svg)
}

#app ul.owl-carousel .owl-nav button.owl-next {
    left: 320px
}

#app ul.owl-carousel .owl-nav button.owl-next:before {
    -webkit-transform-origin: left center;
    transform-origin        : left center;
    left                    : 0
}

#app ul.owl-carousel .owl-nav button.owl-next span {
    -webkit-mask-image: url(../img/icon-right.svg);
    mask-image        : url(../img/icon-right.svg)
}

#app ul.owl-carousel .owl-nav button:hover:before {
    -webkit-transform: scaleX(1);
    transform        : scaleX(1);
    background       : #ff0
}

#app ul.owl-carousel .owl-nav button:hover span {
    background-color: #ff0
}

#app ul.owl-carousel .owl-nav button:hover.owl-prev span {
    -webkit-transform: translateX(-20px);
    transform        : translateX(-20px)
}

#app ul.owl-carousel .owl-nav button:hover.owl-next span {
    -webkit-transform: translateX(20px);
    transform        : translateX(20px)
}

#app ul.owl-carousel .owl-dots {
    position               : relative;
    z-index                : 1;
    width                  : 270px;
    margin                 : 0 auto;
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : flex;
    -ms-flex-wrap          : no-wrap;
    flex-wrap              : no-wrap;
    -webkit-box-align      : initial;
    -ms-flex-align         : initial;
    align-items            : normal;
    -webkit-box-pack       : initial;
    -ms-flex-pack          : initial;
    justify-content        : normal;
    -webkit-box-orient     : horizontal;
    -webkit-box-direction  : normal;
    -ms-flex-direction     : row;
    flex-direction         : row;
    display                : -webkit-flex;
    -webkit-flex-wrap      : no-wrap;
    -webkit-align-items    : initial;
    -webkit-justify-content: initial
}

@media (max-width:767px) {
    #app ul.owl-carousel .owl-dots {
        width: 150px
    }
}

#app ul.owl-carousel .owl-dots button.owl-dot {
    width : 100%;
    height: 50px;
    margin: 0 5px
}

#app ul.owl-carousel .owl-dots button.owl-dot span {
    display      : block;
    width        : 100%;
    height       : 2px;
    position     : relative;
    background   : #fff;
    border-radius: 5px
}

#app ul.owl-carousel .owl-dots button.owl-dot.active span:before {
    content                 : "";
    display                 : block;
    width                   : 100%;
    height                  : 4px;
    position                : absolute;
    top                     : -1px;
    left                    : 0;
    background              : #ff0;
    border-radius           : 5px;
    -webkit-transform       : scaleX(0);
    transform               : scaleX(0);
    -webkit-transform-origin: left center;
    transform-origin        : left center;
    -webkit-animation       : dotsAnm 7s linear forwards;
    animation               : dotsAnm 7s linear forwards
}

@-webkit-keyframes dotsAnm {
    0% {
        -webkit-transform: scaleX(0);
        transform        : scaleX(0)
    }

    to {
        -webkit-transform: scaleX(1);
        transform        : scaleX(1)
    }
}

@keyframes dotsAnm {
    0% {
        -webkit-transform: scaleX(0);
        transform        : scaleX(0)
    }

    to {
        -webkit-transform: scaleX(1);
        transform        : scaleX(1)
    }
}

@-webkit-keyframes light {
    0% {
        -webkit-transform: translateX(0);
        transform        : translateX(0)
    }

    to {
        -webkit-transform: translateX(700%);
        transform        : translateX(700%)
    }
}

@keyframes light {
    0% {
        -webkit-transform: translateX(0);
        transform        : translateX(0)
    }

    to {
        -webkit-transform: translateX(700%);
        transform        : translateX(700%)
    }
}

#app .loading figure {
    width     : 100%;
    background: #ccc;
    position  : relative;
    overflow  : hidden
}

#app .loading figure:before {
    content           : "";
    display           : block;
    width             : 50px;
    height            : 100%;
    background        : hsla(0, 0%, 100%, .3);
    -webkit-box-shadow: 0 0 20px 20px hsla(0, 0%, 100%, .3);
    box-shadow        : 0 0 20px 20px hsla(0, 0%, 100%, .3);
    position          : absolute;
    top               : 0;
    left              : 0;
    -webkit-animation : light 1.5s cubic-bezier(.89, .04, .21, .93) infinite;
    animation         : light 1.5s cubic-bezier(.89, .04, .21, .93) infinite
}

#app .loading span {
    position  : relative;
    overflow  : hidden;
    display   : block;
    height    : 15px;
    margin    : 0 0 15px 0;
    background: #ccc
}

#app .loading span:before {
    content           : "";
    display           : block;
    width             : 50px;
    height            : 100%;
    background        : hsla(0, 0%, 100%, .3);
    -webkit-box-shadow: 0 0 20px 20px hsla(0, 0%, 100%, .3);
    box-shadow        : 0 0 20px 20px hsla(0, 0%, 100%, .3);
    position          : absolute;
    top               : 0;
    left              : 0;
    -webkit-animation : light 1.5s cubic-bezier(.89, .04, .21, .93) infinite;
    animation         : light 1.5s cubic-bezier(.89, .04, .21, .93) infinite
}

#nav {
    position               : fixed;
    z-index                : 9;
    width                  : 100%;
    height                 : 75px;
    top                    : 0;
    left                   : 0;
    padding                : 0 50px;
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : flex;
    -ms-flex-wrap          : wrap;
    flex-wrap              : wrap;
    -webkit-box-align      : end;
    -ms-flex-align         : end;
    align-items            : flex-end;
    -webkit-box-pack       : justify;
    -ms-flex-pack          : justify;
    justify-content        : space-between;
    -webkit-box-orient     : horizontal;
    -webkit-box-direction  : normal;
    -ms-flex-direction     : row;
    flex-direction         : row;
    display                : -webkit-flex;
    -webkit-flex-wrap      : wrap;
    -webkit-align-items    : flex-end;
    -webkit-justify-content: space-between
}

@media (max-width:992px) {
    #nav {
        padding: 0 15px
    }
}

@media (max-width:767px) {
    #nav {
        position: static;
        margin  : 0 0 50px 0
    }
}

#nav .logo {
    width : 115px;
    height: 41.75px
}

#nav .logo a {
    display: block;
    width  : 100%;
    height : 100%
}

#nav .logo a svg path {
    fill: #fff
}

#nav .link ul {
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : flex;
    -ms-flex-wrap          : wrap;
    flex-wrap              : wrap;
    -webkit-box-align      : center;
    -ms-flex-align         : center;
    align-items            : center;
    -webkit-box-pack       : end;
    -ms-flex-pack          : end;
    justify-content        : flex-end;
    -webkit-box-orient     : horizontal;
    -webkit-box-direction  : normal;
    -ms-flex-direction     : row;
    flex-direction         : row;
    display                : -webkit-flex;
    -webkit-flex-wrap      : wrap;
    -webkit-align-items    : center;
    -webkit-justify-content: flex-end
}

#nav .link ul li {
    padding     : 0 20px;
    border-right: 1px solid #fff
}

#nav .link ul li:last-child,
#nav .link ul li:nth-child(5) {
    border: none
}

#nav .link ul li:last-child {
    padding-right: 0
}

@media (max-width:992px) {
    #nav .link ul li {
        padding: 0 10px
    }
}

#nav .link ul li span {
    display          : inline-block;
    -webkit-transform: scale(.7);
    transform        : scale(.7);
    margin           : 0 5px 0 0
}

#nav .link ul li a:hover {
    color: #ff0
}

#nav .link ul li .btn-group {
    background                        : #ff0;
    height                            : 32px;
    width                             : 120px;
    transition-property               : background;
    transition-duration               : .7s;
    transition-timing-function        : cubic-bezier(.89, .04, .21, .93);
    -webkit-transition-property       : background;
    -webkit-transition-duration       : .7s;
    -webkit-transition-timing-function: cubic-bezier(.89, .04, .21, .93)
}

#nav .link ul li .btn-group a.btn {
    display                           : block;
    width                             : 100%;
    height                            : 100%;
    color                             : #020515;
    text-align                        : center;
    padding                           : 9px 0 0 0;
    font-weight                       : 400;
    position                          : relative;
    overflow                          : hidden;
    z-index                           : 1;
    transition-property               : color;
    transition-duration               : .3s;
    transition-timing-function        : cubic-bezier(.89, .04, .21, .93);
    -webkit-transition-property       : color;
    -webkit-transition-duration       : .3s;
    -webkit-transition-timing-function: cubic-bezier(.89, .04, .21, .93)
}

#nav .link ul li .btn-group a.btn:hover {
    color: #ff0
}

#nav .link ul li .btn-group a.btn:hover:after {
    -webkit-transition-property       : -webkit-transform;
    transition-property               : -webkit-transform;
    transition-property               : transform;
    transition-property               : transform, -webkit-transform;
    transition-duration               : .3s;
    transition-timing-function        : cubic-bezier(.89, .04, .21, .93);
    -webkit-transition-property       : transform;
    -webkit-transition-duration       : .3s;
    -webkit-transition-timing-function: cubic-bezier(.89, .04, .21, .93);
    -webkit-transform                 : translateX(0);
    transform                         : translateX(0)
}

#nav .link ul li .btn-group a.btn:after {
    content          : "";
    display          : block;
    background       : #009caf;
    width            : 100%;
    height           : 100%;
    position         : absolute;
    z-index          : -1;
    top              : 0;
    left             : 0;
    -webkit-transform: translateX(-100%);
    transform        : translateX(-100%)
}

#nav .burger {
    padding: 15px 10px
}

#footer {
    position               : fixed;
    width                  : 100%;
    height                 : 50px;
    bottom                 : 0;
    left                   : 0;
    padding                : 0 50px;
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : flex;
    -ms-flex-wrap          : wrap;
    flex-wrap              : wrap;
    -webkit-box-align      : start;
    -ms-flex-align         : start;
    align-items            : flex-start;
    -webkit-box-pack       : justify;
    -ms-flex-pack          : justify;
    justify-content        : space-between;
    -webkit-box-orient     : horizontal;
    -webkit-box-direction  : normal;
    -ms-flex-direction     : row;
    flex-direction         : row;
    display                : -webkit-flex;
    -webkit-flex-wrap      : wrap;
    -webkit-align-items    : flex-start;
    -webkit-justify-content: space-between
}

@media (max-width:992px) {
    #footer {
        bottom                 : 15px;
        display                : -webkit-box;
        display                : -ms-flexbox;
        display                : flex;
        -ms-flex-wrap          : wrap;
        flex-wrap              : wrap;
        -webkit-box-align      : start;
        -ms-flex-align         : start;
        align-items            : flex-start;
        -webkit-box-pack       : center;
        -ms-flex-pack          : center;
        justify-content        : center;
        -webkit-box-orient     : horizontal;
        -webkit-box-direction  : normal;
        -ms-flex-direction     : row;
        flex-direction         : row;
        display                : -webkit-flex;
        -webkit-flex-wrap      : wrap;
        -webkit-align-items    : flex-start;
        -webkit-justify-content: center
    }
}

@media (max-width:767px) {
    #footer {
        position: static;
        margin  : 50px 0 0 0;
        padding : 0 15px
    }
}

#footer .info ul li {
    font-weight   : 400;
    font-size     : 14px;
    letter-spacing: .05em;
    margin        : 0 10px 0 0
}

#footer .info ul li a:hover {
    color: #ff0
}

#footer .info ul li.social a {
    font-size: 18px
}

#footer .info ul li.about a {
    border-bottom: 1px solid #fff
}

#footer .info ul li.about a:hover {
    border-color: #ff0
}

#footer .info ul li.contact b {
    font-weight: 900
}

#footer .info ul li.contact a:hover {
    border-bottom: 1px solid #ff0
}

#footer .copyright p {
    font-size: 12px
}

@media (max-width:767px) {
    #footer .copyright p {
        letter-spacing: .05em
    }
}

#menu {
    margin                            : 0;
    padding                           : 0;
    position                          : fixed;
    top                               : 0;
    right                             : 0;
    width                             : 250px;
    height                            : 100vh;
    z-index                           : 10;
    background                        : rgba(2, 5, 21, .9);
    -webkit-transform                 : translateX(250px);
    transform                         : translateX(250px);
    display                           : -webkit-box;
    display                           : -ms-flexbox;
    display                           : flex;
    -ms-flex-wrap                     : wrap;
    flex-wrap                         : wrap;
    -webkit-box-align                 : center;
    -ms-flex-align                    : center;
    align-items                       : center;
    -webkit-box-pack                  : center;
    -ms-flex-pack                     : center;
    justify-content                   : center;
    -webkit-box-orient                : vertical;
    -webkit-box-direction             : normal;
    -ms-flex-direction                : column;
    flex-direction                    : column;
    display                           : -webkit-flex;
    -webkit-flex-wrap                 : wrap;
    -webkit-align-items               : center;
    -webkit-justify-content           : center;
    -webkit-transition-property       : -webkit-transform;
    transition-property               : -webkit-transform;
    transition-property               : transform;
    transition-property               : transform, -webkit-transform;
    transition-duration               : .5s;
    transition-timing-function        : cubic-bezier(.89, .04, .21, .93);
    -webkit-transition-property       : transform;
    -webkit-transition-duration       : .5s;
    -webkit-transition-timing-function: cubic-bezier(.89, .04, .21, .93)
}

#menu.active {
    -webkit-transform : translateX(0);
    transform         : translateX(0);
    -webkit-box-shadow: 0 0 15px rgba(2, 5, 21, .3);
    box-shadow        : 0 0 15px rgba(2, 5, 21, .3)
}

#menu ul {
    text-align: center
}

#menu ul.link {
    margin: 0 0 90px 0
}

@media (max-width:767px) {
    #menu ul.link {
        margin: 0 0 45px 0
    }
}

#menu ul.link li {
    margin: 0 0 30px 0
}

@media (max-width:767px) {
    #menu ul.link li {
        margin: 0 0 20px 0
    }
}

#menu ul.info {
    font-size: 12px
}

#menu ul.info li {
    margin: 0 0 10px 0
}

#menu ul.info li a {
    letter-spacing: 0
}

#menu ul.social li {
    margin: 0 5px
}

#menu a.close {
    width                  : 33px;
    height                 : 45px;
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : flex;
    -ms-flex-wrap          : wrap;
    flex-wrap              : wrap;
    -webkit-box-align      : center;
    -ms-flex-align         : center;
    align-items            : center;
    -webkit-box-pack       : center;
    -ms-flex-pack          : center;
    justify-content        : center;
    -webkit-box-orient     : horizontal;
    -webkit-box-direction  : normal;
    -ms-flex-direction     : row;
    flex-direction         : row;
    display                : -webkit-flex;
    -webkit-flex-wrap      : wrap;
    -webkit-align-items    : center;
    -webkit-justify-content: center;
    position               : absolute;
    top                    : 30px;
    right                  : 15px
}

.main.index {
    padding: 0 0 20vh 0
}

@media (max-width:992px) {
    .main.index {
        padding: 0 0 12.5vh 0
    }
}

@media (max-width:767px) {
    .main.index {
        padding: 0
    }
}

@media (max-width:767px) {
    .main.index section.intro {
        margin: 0 0 60px 0
    }
}

.main.index section.intro .broadcast,
.main.index section.intro .kv {
    height                 : 100vh;
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : flex;
    -ms-flex-wrap          : wrap;
    flex-wrap              : wrap;
    -webkit-box-align      : center;
    -ms-flex-align         : center;
    align-items            : center;
    -webkit-box-pack       : center;
    -ms-flex-pack          : center;
    justify-content        : center;
    -webkit-box-orient     : horizontal;
    -webkit-box-direction  : normal;
    -ms-flex-direction     : row;
    flex-direction         : row;
    display                : -webkit-flex;
    -webkit-flex-wrap      : wrap;
    -webkit-align-items    : center;
    -webkit-justify-content: center
}

@media (max-width:767px) {
    .main.index section.intro .kv {
        height: calc(100vh - 125px)
    }
}

.main.index section.intro .kv h1 {
    width                  : 500px;
    height                 : 247px;
    position               : relative;
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : flex;
    -ms-flex-wrap          : nowrap;
    flex-wrap              : nowrap;
    -webkit-box-align      : initial;
    -ms-flex-align         : initial;
    align-items            : normal;
    -webkit-box-pack       : initial;
    -ms-flex-pack          : initial;
    justify-content        : normal;
    -webkit-box-orient     : horizontal;
    -webkit-box-direction  : normal;
    -ms-flex-direction     : row;
    flex-direction         : row;
    display                : -webkit-flex;
    -webkit-flex-wrap      : nowrap;
    -webkit-align-items    : initial;
    -webkit-justify-content: initial
}

@media (max-width:992px) {
    .main.index section.intro .kv h1 {
        width : 333.33333px;
        height: 164.66667px
    }
}

@media (max-width:767px) {
    .main.index section.intro .kv h1 {
        width : 250px;
        height: 123.5px
    }
}

.main.index section.intro .kv h1:before {
    content                 : "";
    width                   : 1px;
    height                  : 100%;
    position                : absolute;
    left                    : 50%;
    top                     : 0;
    background              : #fff;
    -webkit-transform-origin: center top;
    transform-origin        : center top;
    -webkit-transform       : scaleY(0);
    transform               : scaleY(0)
}

.main.index section.intro .kv h1.active:before {
    -webkit-animation: mirror 2s cubic-bezier(.89, .04, .21, .93) forwards;
    animation        : mirror 2s cubic-bezier(.89, .04, .21, .93) forwards
}

@-webkit-keyframes mirror {
    0% {
        -webkit-transform-origin: center top;
        transform-origin        : center top;
        -webkit-transform       : scaleY(0);
        transform               : scaleY(0)
    }

    33% {
        -webkit-transform-origin: center top;
        transform-origin        : center top;
        -webkit-transform       : scaleY(1);
        transform               : scaleY(1)
    }

    66% {
        -webkit-transform-origin: center bottom;
        transform-origin        : center bottom;
        -webkit-transform       : scaleY(1);
        transform               : scaleY(1)
    }

    to {
        -webkit-transform-origin: center bottom;
        transform-origin        : center bottom;
        -webkit-transform       : scaleY(0);
        transform               : scaleY(0)
    }
}

@keyframes mirror {
    0% {
        -webkit-transform-origin: center top;
        transform-origin        : center top;
        -webkit-transform       : scaleY(0);
        transform               : scaleY(0)
    }

    33% {
        -webkit-transform-origin: center top;
        transform-origin        : center top;
        -webkit-transform       : scaleY(1);
        transform               : scaleY(1)
    }

    66% {
        -webkit-transform-origin: center bottom;
        transform-origin        : center bottom;
        -webkit-transform       : scaleY(1);
        transform               : scaleY(1)
    }

    to {
        -webkit-transform-origin: center bottom;
        transform-origin        : center bottom;
        -webkit-transform       : scaleY(0);
        transform               : scaleY(0)
    }
}

.main.index section.intro .kv h1.active .left .layer {
    -webkit-animation: sequenceLeft 2s cubic-bezier(.89, .04, .21, .93) forwards;
    animation        : sequenceLeft 2s cubic-bezier(.89, .04, .21, .93) forwards
}

@-webkit-keyframes sequenceLeft {
    0% {
        -webkit-transform: translateX(100%);
        transform        : translateX(100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform        : translateX(0)
    }
}

@keyframes sequenceLeft {
    0% {
        -webkit-transform: translateX(100%);
        transform        : translateX(100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform        : translateX(0)
    }
}

.main.index section.intro .kv h1.active .right .layer {
    -webkit-animation: sequenceRight 2s cubic-bezier(.89, .04, .21, .93) forwards;
    animation        : sequenceRight 2s cubic-bezier(.89, .04, .21, .93) forwards
}

@-webkit-keyframes sequenceRight {
    0% {
        -webkit-transform: translateX(-100%);
        transform        : translateX(-100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform        : translateX(0)
    }
}

@keyframes sequenceRight {
    0% {
        -webkit-transform: translateX(-100%);
        transform        : translateX(-100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform        : translateX(0)
    }
}

.main.index section.intro .kv h1 .left,
.main.index section.intro .kv h1 .right {
    width   : 50%;
    height  : 100%;
    position: relative;
    overflow: hidden
}

.main.index section.intro .kv h1 .left .layer,
.main.index section.intro .kv h1 .right .layer {
    width              : 200%;
    height             : 100%;
    background-image   : url(../img/h1.svg);
    background-size    : 500px;
    background-repeat  : no-repeat;
    background-position: 0 0;
    position           : absolute;
    top                : 0
}

@media (max-width:992px) {

    .main.index section.intro .kv h1 .left .layer,
    .main.index section.intro .kv h1 .right .layer {
        background-size: 333.33333px
    }
}

@media (max-width:767px) {

    .main.index section.intro .kv h1 .left .layer,
    .main.index section.intro .kv h1 .right .layer {
        background-size: 250px
    }
}

.main.index section.intro .kv h1 .left .layer {
    left             : 0;
    -webkit-transform: translateX(100%);
    transform        : translateX(100%)
}

.main.index section.intro .kv h1 .right .layer {
    right            : 0;
    -webkit-transform: translateX(-100%);
    transform        : translateX(-100%)
}

@media (max-width:767px) {
    .main.index section.intro .broadcast {
        height: 330px
    }
}

.main.index section.intro .broadcast hgroup {
    letter-spacing: .3em;
    margin        : 0 0 55px 0;
    text-align    : center
}

.main.index section.intro .broadcast hgroup h3 {
    font-size: 35px;
    margin   : 0 0 20px 0
}

@media (max-width:767px) {
    .main.index section.intro .broadcast hgroup h3 {
        margin   : 0 0 10px 0;
        font-size: 25px
    }
}

.main.index section.intro .broadcast hgroup h2 {
    font-size  : 30px;
    font-family: "Source Han Serif TC"
}

@media (max-width:767px) {
    .main.index section.intro .broadcast hgroup h2 {
        font-size: 20px
    }
}

.main.index section.intro .broadcast .view .text {
    text-align: center;
    padding   : 30px 12px 0 12px
}

.main.index section.intro .broadcast .view .text * {
    display: block
}

.main.index section.intro .broadcast .view .text a {
    font-weight  : 900;
    margin       : 0 0 5px 0;
    padding      : 0 0 5px 0;
    border-bottom: 2px solid #fff
}

.main.index section.intro .broadcast .view .text span {
    display  : block;
    color    : #ff0;
    font-size: 12px
}

.main.index section.intro .broadcast .view .text span i {
    display          : inline-block;
    width            : 5px;
    height           : 5px;
    border-radius    : 50%;
    background       : #ff0;
    margin           : 0 5px 0 0;
    -webkit-transform: translateY(-2px);
    transform        : translateY(-2px);
    -webkit-animation: blink 1s steps(1) infinite;
    animation        : blink 1s steps(1) infinite
}

@-webkit-keyframes blink {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

@keyframes blink {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

.main.index section.video {
    height                 : 100vh;
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : flex;
    -ms-flex-wrap          : wrap;
    flex-wrap              : wrap;
    -webkit-box-align      : center;
    -ms-flex-align         : center;
    align-items            : center;
    -webkit-box-pack       : center;
    -ms-flex-pack          : center;
    justify-content        : center;
    -webkit-box-orient     : horizontal;
    -webkit-box-direction  : normal;
    -ms-flex-direction     : row;
    flex-direction         : row;
    display                : -webkit-flex;
    -webkit-flex-wrap      : wrap;
    -webkit-align-items    : center;
    -webkit-justify-content: center
}

@media (max-width:767px) {
    .main.index section.video {
        height: auto;
        margin: 0 0 100px 0
    }
}

.main.index section.video ul.owl-carousel .owl-stage-outer {
    margin: 0 0 50px 0
}

@media (max-width:767px) {
    .main.index section.video ul.owl-carousel .owl-stage-outer {
        margin: 0 0 15px 0
    }
}

.main.index section.video ul.owl-carousel .owl-stage-outer .owl-stage {
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : flex;
    -ms-flex-wrap          : wrap;
    flex-wrap              : wrap;
    -webkit-box-align      : center;
    -ms-flex-align         : center;
    align-items            : center;
    -webkit-box-pack       : center;
    -ms-flex-pack          : center;
    justify-content        : center;
    -webkit-box-orient     : horizontal;
    -webkit-box-direction  : normal;
    -ms-flex-direction     : row;
    flex-direction         : row;
    display                : -webkit-flex;
    -webkit-flex-wrap      : wrap;
    -webkit-align-items    : center;
    -webkit-justify-content: center
}

.main.index section.video ul.owl-carousel .owl-stage-outer .owl-stage .owl-item.center li.item-video .embed-responsive {
    padding-top: 56.25%
}

@media (max-width:992px) {
    .main.index section.video ul.owl-carousel .owl-stage-outer .owl-stage .owl-item li.item-video {
        padding: 0 5px
    }
}

.main.index section.video ul.owl-carousel .owl-stage-outer .owl-stage .owl-item li.item-video .embed-responsive {
    position   : relative;
    display    : block;
    width      : 100%;
    padding    : 0;
    overflow   : hidden;
    padding-top: 42.857143%;
    margin     : 0 0 20px 0
}

@media (max-width:992px) {
    .main.index section.video ul.owl-carousel .owl-stage-outer .owl-stage .owl-item li.item-video .embed-responsive {
        padding-top: 56.25%
    }
}

.main.index section.video ul.owl-carousel .owl-stage-outer .owl-stage .owl-item li.item-video .embed-responsive:after {
    content : "";
    position: absolute;
    top     : 0;
    left    : 0;
    width   : 100%;
    height  : 100%;
    z-index : 1;
    display : block
}

.main.index section.video ul.owl-carousel .owl-stage-outer .owl-stage .owl-item li.item-video .embed-responsive:hover:after {
    content: none
}

.main.index section.video ul.owl-carousel .owl-stage-outer .owl-stage .owl-item li.item-video .embed-responsive iframe.embed-responsive-item {
    position: absolute;
    top     : 0;
    bottom  : 0;
    left    : 0;
    width   : 100%;
    height  : 100%;
    border  : 0;
    z-index : 0
}

@media (max-width:992px) {
    .main.index section.video ul.owl-carousel .owl-stage-outer .owl-stage .owl-item li.item-video .text {
        padding: 0 15px
    }
}

.main.index section.video ul.owl-carousel .owl-stage-outer .owl-stage .owl-item li.item-video .text h3 {
    font-size  : 20px;
    font-family: "Source Han Serif TC";
    line-height: 1.3em;
    margin     : 0 0 15px 0
}

.main.index section.video ul.owl-carousel .owl-stage-outer .owl-stage .owl-item li.item-video .text span {
    display: block
}

@media (max-width:767px) {
    .main.index section.video ul.owl-carousel .owl-stage-outer .owl-stage .owl-item li.item-video .text span {
        font-size: 12px
    }
}

.main.index section.events {
    padding: 20vh 0
}

@media (max-width:767px) {
    .main.index section.events {
        padding: 0;
        margin : 0 0 100px 0
    }
}

.main.index section.events .container {
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : flex;
    -ms-flex-wrap          : wrap;
    flex-wrap              : wrap;
    -webkit-box-align      : center;
    -ms-flex-align         : center;
    align-items            : center;
    -webkit-box-pack       : initial;
    -ms-flex-pack          : initial;
    justify-content        : normal;
    -webkit-box-orient     : horizontal;
    -webkit-box-direction  : normal;
    -ms-flex-direction     : row;
    flex-direction         : row;
    display                : -webkit-flex;
    -webkit-flex-wrap      : wrap;
    -webkit-align-items    : center;
    -webkit-justify-content: initial;
    margin-bottom          : 45px
}

@media (max-width:767px) {
    .main.index section.events .container {
        display                : -webkit-box;
        display                : -ms-flexbox;
        display                : flex;
        -ms-flex-wrap          : wrap;
        flex-wrap              : wrap;
        -webkit-box-align      : center;
        -ms-flex-align         : center;
        align-items            : center;
        -webkit-box-pack       : center;
        -ms-flex-pack          : center;
        justify-content        : center;
        -webkit-box-orient     : vertical;
        -webkit-box-direction  : normal;
        -ms-flex-direction     : column;
        flex-direction         : column;
        display                : -webkit-flex;
        -webkit-flex-wrap      : wrap;
        -webkit-align-items    : center;
        -webkit-justify-content: center;
        margin-bottom          : 30px
    }
}

.main.index section.events h2 {
    font-size     : 36px;
    font-family   : "Source Han Serif TC";
    line-height   : 1.3em;
    letter-spacing: .5em;
    margin        : 0 100px 0 0
}

@media (max-width:992px) {
    .main.index section.events h2 {
        font-size     : 28px;
        letter-spacing: .3em;
        margin        : 0 50px 0 0
    }
}

@media (max-width:767px) {
    .main.index section.events h2 {
        margin: 0 0 15px 0
    }
}

.main.index section.events ul li {
    margin: 0 20px 0 0
}

.main.index section.events ul li.active {
    color: #ff0
}

.main.index section.events ul li.active a {
    border-bottom: 1px solid #ff0
}

.main.index section.events ul li:before {
    content  : "\25CF";
    margin   : 0 5px 0 0;
    font-size: 12px
}

.main.index section.events ul li a {
    border-bottom: 1px solid #fff
}

@media (max-width:992px) {
    .main.index section.events .tab-container {
        padding: 0 0
    }
}

.main.index section.events .tab-container .tab-content.show .grid-item,
.main.index section.events .tab-container .tab-content.show .grid-sizer {
    width: 20%
}

@media (max-width:1200px) {

    .main.index section.events .tab-container .tab-content.show .grid-item,
    .main.index section.events .tab-container .tab-content.show .grid-sizer {
        width: 25%
    }
}

@media (max-width:992px) {

    .main.index section.events .tab-container .tab-content.show .grid-item,
    .main.index section.events .tab-container .tab-content.show .grid-sizer {
        width: 33%
    }
}

@media (max-width:767px) {

    .main.index section.events .tab-container .tab-content.show .grid-item,
    .main.index section.events .tab-container .tab-content.show .grid-sizer {
        width: 50%
    }
}

.main.index section.events .tab-container .tab-content.show .grid-item:nth-child(3) a .date,
.main.index section.events .tab-container .tab-content.show .grid-item:nth-child(11) a .date,
.main.index section.events .tab-container .tab-content.show .grid-item:nth-child(12) a .date,
.main.index section.events .tab-container .tab-content.show .grid-item:nth-child(13) a .date,
.main.index section.events .tab-container .tab-content.show .grid-item:nth-child(14) a .date,
.main.index section.events .tab-container .tab-content.show .grid-item:nth-child(15) a .date {
    color: #020515
}

.main.index section.events .tab-container .tab-content.forum .grid-item,
.main.index section.events .tab-container .tab-content.forum .grid-sizer {
    width: 25%
}

@media (max-width:1200px) {

    .main.index section.events .tab-container .tab-content.forum .grid-item,
    .main.index section.events .tab-container .tab-content.forum .grid-sizer {
        width: 25%
    }
}

@media (max-width:992px) {

    .main.index section.events .tab-container .tab-content.forum .grid-item,
    .main.index section.events .tab-container .tab-content.forum .grid-sizer {
        width: 33%
    }
}

@media (max-width:767px) {

    .main.index section.events .tab-container .tab-content.forum .grid-item,
    .main.index section.events .tab-container .tab-content.forum .grid-sizer {
        width: 50%
    }
}

.main.index section.events .tab-container .tab-content.forum .grid-item:nth-child(4) a .date,
.main.index section.events .tab-container .tab-content.forum .grid-item:nth-child(6) a .date,
.main.index section.events .tab-container .tab-content.forum .grid-item:nth-child(7) a .date {
    color: #020515
}

.main.index section.events .tab-container .tab-content .gutter-sizer {
    width: 0
}

.main.index section.events .tab-container .tab-content .grid-item {
    padding: 0 10px;
    margin : 0 0 20px 0
}

@media (max-width:767px) {
    .main.index section.events .tab-container .tab-content .grid-item {
        padding: 0 5px;
        margin : 0 0 10px 0
    }
}

.main.index section.events .tab-container .tab-content .grid-item.hx1 {
    height: 24vh
}

.main.index section.events .tab-container .tab-content .grid-item.hx2 {
    height: 36vh
}

.main.index section.events .tab-container .tab-content .grid-item.hx3 {
    height: 55vh
}

.main.index section.events .tab-container .tab-content .grid-item a {
    display   : block;
    position  : relative;
    overflow  : hidden;
    width     : 100%;
    height    : 100%;
    min-height: 24vh
}

.main.index section.events .tab-container .tab-content .grid-item a:before {
    content                           : "";
    display                           : block;
    width                             : 130%;
    height                            : 100%;
    position                          : absolute;
    top                               : 0;
    left                              : -15%;
    background                        : url(../img/light-events.png) top no-repeat;
    background-size                   : cover;
    pointer-events                    : none;
    opacity                           : 0;
    -webkit-transform-origin          : 0 50%;
    transform-origin                  : 0 50%;
    transition-property               : opacity;
    transition-duration               : .5s;
    transition-timing-function        : linear;
    -webkit-transition-property       : opacity;
    -webkit-transition-duration       : .5s;
    -webkit-transition-timing-function: linear
}

@-webkit-keyframes Lights {
    0% {
        -webkit-transform: scaleX(1) skew(10deg, 0deg);
        transform        : scaleX(1) skew(10deg, 0deg)
    }

    to {
        -webkit-transform: scaleX(1.1) skew(-10deg, 0deg);
        transform        : scaleX(1.1) skew(-10deg, 0deg)
    }
}

@keyframes Lights {
    0% {
        -webkit-transform: scaleX(1) skew(10deg, 0deg);
        transform        : scaleX(1) skew(10deg, 0deg)
    }

    to {
        -webkit-transform: scaleX(1.1) skew(-10deg, 0deg);
        transform        : scaleX(1.1) skew(-10deg, 0deg)
    }
}

.main.index section.events .tab-container .tab-content .grid-item a:hover:before {
    -webkit-animation: Lights 3s cubic-bezier(.89, .04, .21, .93) forwards;
    animation        : Lights 3s cubic-bezier(.89, .04, .21, .93) forwards;
    opacity          : 1
}

.main.index section.events .tab-container .tab-content .grid-item a:hover .title {
    -webkit-transform: translateY(0);
    transform        : translateY(0)
}

.main.index section.events .tab-container .tab-content .grid-item a:hover .date {
    -webkit-transform: translateY(-75px);
    transform        : translateY(-75px);
    color            : #ff0
}

@media (max-width:767px) {
    .main.index section.events .tab-container .tab-content .grid-item a:hover .date {
        -webkit-transform: translateY(0);
        transform        : translateY(0)
    }
}

.main.index section.events .tab-container .tab-content .grid-item a .title {
    background                        : rgba(0, 0, 0, .2);
    width                             : 100%;
    height                            : 75px;
    position                          : absolute;
    left                              : 0;
    bottom                            : 0;
    padding                           : 0 15px;
    -webkit-transform                 : translateY(75px);
    transform                         : translateY(75px);
    -webkit-transition-property       : -webkit-transform;
    transition-property               : -webkit-transform;
    transition-property               : transform;
    transition-property               : transform, -webkit-transform;
    transition-duration               : .3s;
    transition-timing-function        : cubic-bezier(.89, .04, .21, .93);
    -webkit-transition-property       : transform;
    -webkit-transition-duration       : .3s;
    -webkit-transition-timing-function: cubic-bezier(.89, .04, .21, .93);
    display                           : -webkit-box;
    display                           : -ms-flexbox;
    display                           : flex;
    -ms-flex-wrap                     : wrap;
    flex-wrap                         : wrap;
    -webkit-box-align                 : center;
    -ms-flex-align                    : center;
    align-items                       : center;
    -webkit-box-pack                  : justify;
    -ms-flex-pack                     : justify;
    justify-content                   : space-between;
    -webkit-box-orient                : horizontal;
    -webkit-box-direction             : normal;
    -ms-flex-direction                : row;
    flex-direction                    : row;
    display                           : -webkit-flex;
    -webkit-flex-wrap                 : wrap;
    -webkit-align-items               : center;
    -webkit-justify-content           : space-between
}

@media (max-width:767px) {
    .main.index section.events .tab-container .tab-content .grid-item a .title {
        display: none
    }
}

.main.index section.events .tab-container .tab-content .grid-item a .title h3 {
    font-size  : 20px;
    font-family: "Source Han Serif TC"
}

.main.index section.events .tab-container .tab-content .grid-item a .title span {
    display       : inline-block;
    font-size     : 12px;
    letter-spacing: .05em;
    border-bottom : 1px solid #fff
}

.main.index section.events .tab-container .tab-content .grid-item a .title span:hover {
    color        : #ff0;
    border-bottom: 1px solid #ff0
}

.main.index section.events .tab-container .tab-content .grid-item a .date {
    width                             : 100%;
    padding                           : 10px 15px;
    position                          : absolute;
    left                              : 0;
    bottom                            : 0;
    -webkit-transform                 : translateY(0);
    transform                         : translateY(0);
    transition-property               : all;
    transition-duration               : .3s;
    transition-timing-function        : cubic-bezier(.89, .04, .21, .93);
    -webkit-transition-property       : all;
    -webkit-transition-duration       : .3s;
    -webkit-transition-timing-function: cubic-bezier(.89, .04, .21, .93)
}

.main.index section.events .tab-container .tab-content .grid-item a .date span {
    display    : block;
    line-height: 1em
}

.main.index section.events .tab-container .tab-content .grid-item a .date span.month {
    font-weight: 900;
    font-size  : 24px
}

@media (max-width:767px) {
    .main.index section.events .tab-container .tab-content .grid-item a .date span.month {
        font-size: 20px
    }
}

.main.index section.events .tab-container .tab-content .grid-item a .date span.day {
    font-weight: 900;
    font-size  : 42px
}

@media (max-width:767px) {
    .main.index section.events .tab-container .tab-content .grid-item a .date span.day {
        font-size: 32px
    }
}

.main.index section.events .tab-container .tab-content .grid-item a .date span.day small {
    font-weight: 300;
    font-size  : 12px
}

.main.index section.designers {
    padding: 20vh 0
}

@media (max-width:767px) {
    .main.index section.designers {
        padding: 0;
        margin : 0 0 100px 0
    }
}

.main.index section.designers h2 {
    font-size     : 36px;
    font-family   : "Source Han Serif TC";
    letter-spacing: .5em
}

@media (max-width:992px) {
    .main.index section.designers h2 {
        font-size     : 28px;
        letter-spacing: .3em;
        margin        : 0 0 45px 0
    }
}

@media (max-width:767px) {
    .main.index section.designers h2 {
        text-align: center;
        margin    : 0 0 30px 0
    }
}

.main.index section.designers .designer-container {
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : flex;
    -ms-flex-wrap          : wrap;
    flex-wrap              : wrap;
    -webkit-box-align      : initial;
    -ms-flex-align         : initial;
    align-items            : normal;
    -webkit-box-pack       : initial;
    -ms-flex-pack          : initial;
    justify-content        : normal;
    -webkit-box-orient     : horizontal;
    -webkit-box-direction  : normal;
    -ms-flex-direction     : row;
    flex-direction         : row;
    display                : -webkit-flex;
    -webkit-flex-wrap      : wrap;
    -webkit-align-items    : initial;
    -webkit-justify-content: initial;
    margin                 : 0 0 50px 0
}

.main.index section.designers .designer-container .designer {
    width : calc(20% - 20px);
    margin: 0 10px 20px 10px;
    height: 440px
}

@media (max-width:767px) {
    .main.index section.designers .designer-container .designer {
        width : calc(50% - 10px);
        margin: 0 5px 10px 5px;
        height: 330px
    }

    .main.index section.designers .designer-container .designer:nth-child(5n-1),
    .main.index section.designers .designer-container .designer:nth-child(5n-3) {
        margin-top: 0
    }

    .main.index section.designers .designer-container .designer:nth-child(2n) {
        -webkit-transform: translateY(75px);
        transform        : translateY(75px)
    }
}

@media (min-width:767px) {

    .main.index section.designers .designer-container .designer:nth-child(5n-1),
    .main.index section.designers .designer-container .designer:nth-child(5n-3) {
        margin-top: 100px
    }
}

.main.index section.designers .designer-container .designer a {
    display : block;
    position: relative;
    overflow: hidden;
    width   : 100%;
    height  : 100%
}

.main.index section.designers .designer-container .designer a:before {
    content                           : "";
    display                           : block;
    width                             : 100%;
    height                            : 100%;
    position                          : absolute;
    top                               : 0;
    left                              : 0;
    background                        : url(../img/light-designer.png) 50% no-repeat;
    background-size                   : cover;
    pointer-events                    : none;
    opacity                           : 0;
    transition-property               : opacity;
    transition-duration               : .5s;
    transition-timing-function        : linear;
    -webkit-transition-property       : opacity;
    -webkit-transition-duration       : .5s;
    -webkit-transition-timing-function: linear
}

.main.index section.designers .designer-container .designer a:hover:before {
    opacity: 1
}

.main.index section.designers .designer-container .designer a:hover .text {
    -webkit-transform: translateY(0);
    transform        : translateY(0);
    opacity          : 1
}

.main.index section.designers .designer-container .designer a .text {
    position                          : absolute;
    bottom                            : 0;
    left                              : 0;
    width                             : 100%;
    text-align                        : center;
    font                              : 300 14px;
    padding                           : 15px 10px;
    opacity                           : 0;
    -webkit-transform                 : translateY(10px);
    transform                         : translateY(10px);
    transition-property               : all;
    transition-duration               : .3s;
    transition-timing-function        : cubic-bezier(.89, .04, .21, .93);
    -webkit-transition-property       : all;
    -webkit-transition-duration       : .3s;
    -webkit-transition-timing-function: cubic-bezier(.89, .04, .21, .93)
}

@media (max-width:767px) {
    .main.index section.designers .designer-container .designer a .text {
        padding          : 30px 10px 15px 10px;
        -webkit-transform: translateY(0);
        transform        : translateY(0);
        opacity          : 1;
        font-size        : 12px;
        background-image : -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
        background-image : linear-gradient(180deg, transparent, #000)
    }
}

.main.index section.designers .designer-container .designer a .text h3 {
    font: 300 14px source-han-sans-traditional, sans-serif
}

@media (max-width:767px) {
    .main.index section.designers .designer-container .designer a .text h3 {
        font-size: 12px
    }
}

@media (max-width:767px) {
    .main.index section.designers .designer-container .designer a .text span.brand {
        display: none
    }
}

.main.index section.designers .view .text {
    text-align: center;
    padding   : 40px 0 0 0
}

.main.index section.designers .view .text * {
    display: block
}

.main.index section.designers .view .text a {
    font-size  : 12px;
    font-weight: 300;
    color      : #ff0
}

.main.index section.partner {
    padding: 20vh 0 0 0
}

@media (max-width:767px) {
    .main.index section.partner {
        padding: 0
    }
}

.main.index section.partner table tr th {
    width     : 205px;
    padding   : 20px 30px 0 0;
    text-align: right
}

@media (max-width:767px) {
    .main.index section.partner table tr th {
        width     : 85px;
        padding   : 14px 0 0 0;
        text-align: left
    }
}

.main.index section.partner table tr th h4 {
    font-size     : 18px;
    font-family   : "Source Han Serif TC";
    line-height   : 1.5em;
    letter-spacing: .1em
}

@media (max-width:992px) {
    .main.index section.partner table tr th h4 {
        font-size: 15px
    }
}

.main.index section.partner table tr td a {
    display: inline-block;
    width  : auto;
    height : 67px
}

@media (max-width:767px) {
    .main.index section.partner table tr td a {
        height: 45px
    }
}

.main.index section.partner table tr td a figure,
.main.index section.partner table tr td a figure img {
    width : auto;
    height: 100%
}

#app.en .main.index section.events h2 {
    letter-spacing: .1em
}

#app.en .main.index section.events h3 {
    letter-spacing: 0
}

#app.en .main.index section.designers h2 {
    letter-spacing: .1em
}

#app.en .main.index section.partner .row h4 {
    letter-spacing: 0
}

.main.news {
    padding: 20vh 0
}

@media (max-width:992px) {
    .main.news {
        padding: 12.5vh 0
    }
}

@media (max-width:767px) {
    .main.news {
        padding: 0
    }
}

.main.news h2 {
    font-size  : 36px;
    font-family: "Source Han Serif TC";
    line-height: 1.3em
}

@media (max-width:992px) {
    .main.news h2 {
        font-size: 28px
    }
}

@media (max-width:767px) {
    .main.news h2 {
        text-align: center
    }
}

.main.news.news-list .title h2 {
    letter-spacing: .5em;
    margin        : 0 0 45px 0
}

@media (max-width:992px) {
    .main.news.news-list .title h2 {
        letter-spacing: .3em
    }
}

.main.news.news-list a {
    display: block;
    margin : 0 0 30px 0
}

.main.news.news-list a figure {
    position: relative;
    overflow: hidden;
    height  : 275px
}

@media (max-width:767px) {
    .main.news.news-list a figure {
        height: 200px
    }
}

.main.news.news-list a figure img {
    width         : 100%;
    height        : 100%;
    -o-object-fit : cover;
    object-fit    : cover;
    -webkit-filter: grayscale(100%);
    filter        : grayscale(100%)
}

.main.news.news-list a:hover figure img {
    transition-property               : all;
    transition-duration               : 3s;
    transition-timing-function        : ease-out;
    -webkit-transition-property       : all;
    -webkit-transition-duration       : 3s;
    -webkit-transition-timing-function: ease-out;
    -webkit-filter                    : grayscale(0);
    filter                            : grayscale(0);
    -webkit-transform                 : scale(1.05);
    transform                         : scale(1.05)
}

.main.news.news-list a .text {
    padding: 20px 10px
}

@media (max-width:767px) {
    .main.news.news-list a .text {
        padding: 15px
    }
}

.main.news.news-list a .text h3 {
    font-size  : 20px;
    font-family: "Source Han Serif TC";
    line-height: 1.5em;
    margin     : 0 0 10px 0
}

@media (max-width:767px) {
    .main.news.news-list a .text h3 {
        font-size: 17px
    }
}

.main.news.news-list a .text p {
    line-height: 1.5em
}

@media (max-width:767px) {
    .main.news.news-list a .text p {
        display: none
    }
}

.main.news.news-list a .text span.date {
    display: block
}

@media (max-width:767px) {
    .main.news.news-list a .text span.date {
        font-size: 12px
    }
}

.main.news.news-list a .text span.more {
    font-size     : 12px;
    letter-spacing: .05em;
    border-bottom : 1px solid #fff
}

.main.news.news-list a .text span.more:hover {
    color        : #ff0;
    border-bottom: 1px solid #ff0
}

@media (max-width:767px) {
    .main.news.news-list a .text span.more {
        display: none
    }
}

.main.news.news-list .view .text {
    text-align: center;
    padding   : 40px 0 0 0
}

.main.news.news-list .view .text * {
    display: block
}

.main.news.news-list .view .text a {
    font-size  : 12px;
    font-weight: 300;
    color      : #ff0
}

.main.news.news-content .banner {
    margin: 0 0 60px 0
}

@media (max-width:767px) {
    .main.news.news-content .banner {
        margin: 0 0 30px 0
    }
}

.main.news.news-content .banner figure {
    height: 370px
}

@media (max-width:767px) {
    .main.news.news-content .banner figure {
        height: 250px
    }
}

.main.news.news-content .banner figure img {
    width        : 100%;
    height       : 100%;
    -o-object-fit: cover;
    object-fit   : cover
}

@media (max-width:767px) {
    .main.news.news-content .title {
        text-align: center;
        margin    : 0 0 30px 0
    }
}

.main.news.news-content .title h2 {
    letter-spacing: .1em;
    margin        : 0 0 20px 0
}

@media (max-width:767px) {
    .main.news.news-content .title h2 {
        font-size: 20px
    }
}

.main.news.news-content .title span {
    display  : block;
    font-size: 12px;
    margin   : 0 0 5px 0
}

.main.news.news-content .title span a {
    color: #ff0
}

.main.news.news-content .title span a:hover {
    border-bottom: 1px solid #ff0
}

.main.news.news-content .title span i {
    display: inline-block;
    width  : 10px;
    height : 10px;
    margin : 0 10px 0 0
}

.main.news.news-content .title span i svg path {
    fill             : none;
    stroke           : #fff;
    stroke-miterlimit: 10
}

.main.news.news-content .title span i svg circle {
    fill  : none;
    stroke: #fff
}

.main.news.news-content .editor p {
    margin     : 40px 0;
    line-height: 1.5em
}

@media (max-width:767px) {
    .main.news.news-content .editor p {
        margin   : 20px 0;
        font-size: 14px
    }
}

.main.news.news-content .editor p img {
    width : 75%;
    margin: 0 auto
}

.main.news.news-content .nav {
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : flex;
    -ms-flex-wrap          : no-wrap;
    flex-wrap              : no-wrap;
    -webkit-box-align      : start;
    -ms-flex-align         : start;
    align-items            : flex-start;
    -webkit-box-pack       : justify;
    -ms-flex-pack          : justify;
    justify-content        : space-between;
    -webkit-box-orient     : horizontal;
    -webkit-box-direction  : normal;
    -ms-flex-direction     : row;
    flex-direction         : row;
    display                : -webkit-flex;
    -webkit-flex-wrap      : no-wrap;
    -webkit-align-items    : flex-start;
    -webkit-justify-content: space-between
}

@media (max-width:767px) {
    .main.news.news-content .nav {
        margin: 60px 0 0 0
    }
}

.main.news.news-content .nav a {
    width     : 35px;
    height    : 50px;
    text-align: center;
    position  : relative
}

.main.news.news-content .nav a:after {
    position : absolute;
    top      : 1px;
    width    : 50px;
    font-size: 12px
}

.main.news.news-content .nav a:before {
    content          : "";
    display          : block;
    width            : 100%;
    height           : 2px;
    position         : absolute;
    top              : 8px;
    background       : #fff;
    -webkit-transform: scaleX(.5);
    transform        : scaleX(.5)
}

.main.news.news-content .nav a:before,
.main.news.news-content .nav a span {
    -webkit-transition-property       : -webkit-transform;
    transition-property               : -webkit-transform;
    transition-property               : transform;
    transition-property               : transform, -webkit-transform;
    transition-duration               : .3s;
    transition-timing-function        : cubic-bezier(.89, .04, .21, .93);
    -webkit-transition-property       : transform;
    -webkit-transition-duration       : .3s;
    -webkit-transition-timing-function: cubic-bezier(.89, .04, .21, .93)
}

.main.news.news-content .nav a span {
    display         : inline-block;
    width           : 6.4px;
    height          : 17.06667px;
    background-color: #fff
}

.main.news.news-content .nav a.prev {
    margin-left: -15px
}

.main.news.news-content .nav a.prev:after {
    content: "\4E0A\4E00\5247";
    left   : 40px
}

.main.news.news-content .nav a.prev:before {
    -webkit-transform-origin: right center;
    transform-origin        : right center;
    right                   : 0
}

.main.news.news-content .nav a.prev span {
    -webkit-mask-image: url(../img/icon-left.svg);
    mask-image        : url(../img/icon-left.svg)
}

.main.news.news-content .nav a.next {
    margin-right: -15px
}

.main.news.news-content .nav a.next:after {
    content: "\4E0B\4E00\5247";
    right  : 40px
}

.main.news.news-content .nav a.next:before {
    -webkit-transform-origin: left center;
    transform-origin        : left center;
    left                    : 0
}

.main.news.news-content .nav a.next span {
    -webkit-mask-image: url(../img/icon-right.svg);
    mask-image        : url(../img/icon-right.svg)
}

.main.news.news-content .nav a:hover:after {
    color: #ff0
}

.main.news.news-content .nav a:hover:before {
    -webkit-transform: scaleX(1);
    transform        : scaleX(1);
    background       : #ff0
}

.main.news.news-content .nav a:hover span {
    background-color: #ff0
}

.main.news.news-content .nav a:hover.prev span {
    -webkit-transform: translateX(-20px);
    transform        : translateX(-20px)
}

.main.news.news-content .nav a:hover.next span {
    -webkit-transform: translateX(20px);
    transform        : translateX(20px)
}

.main.news.news-content .share {
    position: -webkit-sticky;
    position: sticky;
    top     : 125px;
    margin  : 40px 0 0 0
}

@media (max-width:767px) {
    .main.news.news-content .share {
        position  : static;
        text-align: center;
        margin    : 0 0 30px 0
    }
}

.main.news.news-content .share ul li {
    margin: 0 0 10px 0
}

@media (max-width:767px) {
    .main.news.news-content .share ul li {
        display: inline-block;
        margin : 0 7.5px
    }
}

.main.news.news-content .share ul li a {
    font-size: 20px
}

.main.news.news-content .share ul li a:hover {
    color: #ff0
}

#app.en .main.news-list h2 {
    letter-spacing: .1em
}

.main.events,
.main.forums {
    padding: 20vh 0
}

@media (max-width:992px) {

    .main.events,
    .main.forums {
        padding: 12.5vh 0
    }
}

@media (max-width:767px) {

    .main.events,
    .main.forums {
        padding: 0
    }
}

@media (max-width:767px) {

    .main.events figure,
    .main.forums figure {
        margin: 0 0 30px 0
    }
}

.main.events .title h2,
.main.forums .title h2 {
    font-size     : 36px;
    font-family   : "Source Han Serif TC";
    line-height   : 1.3em;
    letter-spacing: .1em;
    margin        : 0 0 20px 0
}

@media (max-width:992px) {

    .main.events .title h2,
    .main.forums .title h2 {
        font-size: 28px
    }
}

@media (max-width:767px) {

    .main.events .title h2,
    .main.forums .title h2 {
        font-size: 20px
    }
}

.main.events .title span,
.main.forums .title span {
    display  : block;
    font-size: 12px;
    margin   : 0 0 5px 0
}

.main.events .title span a,
.main.forums .title span a {
    color: #ff0
}

.main.events .title span a:hover,
.main.forums .title span a:hover {
    border-bottom: 1px solid #ff0
}

.main.events .title span i,
.main.forums .title span i {
    display: inline-block;
    width  : 10px;
    height : 10px;
    margin : 0 10px 0 0
}

.main.events .title span i svg path,
.main.forums .title span i svg path {
    fill             : none;
    stroke           : #fff;
    stroke-miterlimit: 10
}

.main.events .title span i svg circle,
.main.forums .title span i svg circle {
    fill  : none;
    stroke: #fff
}

.main.events .text p,
.main.forums .text p {
    margin     : 40px 0;
    line-height: 1.5em
}

.main.events .text ul,
.main.forums .text ul {
    list-style-type: circle;
    margin         : 40px 0 40px 20px
}

.main.events .text ul li,
.main.forums .text ul li {
    margin: 0 0 10px 0
}

.main.events .share,
.main.forums .share {
    margin-top: 145px
}

@media (max-width:767px) {

    .main.events .share,
    .main.forums .share {
        text-align: center;
        margin    : 30px 0
    }
}

.main.events .share ul li,
.main.forums .share ul li {
    margin: 0 0 10px 0
}

@media (max-width:767px) {

    .main.events .share ul li,
    .main.forums .share ul li {
        display: inline-block;
        margin : 0 7.5px
    }
}

.main.events .share ul li a,
.main.forums .share ul li a {
    font-size: 20px
}

.main.events .share ul li a:hover,
.main.forums .share ul li a:hover {
    color: #ff0
}

.main.events .link .btn-group,
.main.forums .link .btn-group {
    background                        : #ff0;
    height                            : 32px;
    width                             : 120px;
    transition-property               : background;
    transition-duration               : .7s;
    transition-timing-function        : cubic-bezier(.89, .04, .21, .93);
    -webkit-transition-property       : background;
    -webkit-transition-duration       : .7s;
    -webkit-transition-timing-function: cubic-bezier(.89, .04, .21, .93)
}

@media (max-width:767px) {

    .main.events .link .btn-group,
    .main.forums .link .btn-group {
        margin: 0 auto
    }
}

.main.events .link .btn-group a.btn,
.main.forums .link .btn-group a.btn {
    display                           : block;
    width                             : 100%;
    height                            : 100%;
    color                             : #020515;
    text-align                        : center;
    padding                           : 9px 0 0 0;
    font-weight                       : 400;
    position                          : relative;
    overflow                          : hidden;
    z-index                           : 1;
    transition-property               : color;
    transition-duration               : .3s;
    transition-timing-function        : cubic-bezier(.89, .04, .21, .93);
    -webkit-transition-property       : color;
    -webkit-transition-duration       : .3s;
    -webkit-transition-timing-function: cubic-bezier(.89, .04, .21, .93)
}

.main.events .link .btn-group a.btn:hover,
.main.forums .link .btn-group a.btn:hover {
    color: #ff0
}

.main.events .link .btn-group a.btn:hover:after,
.main.forums .link .btn-group a.btn:hover:after {
    -webkit-transition-property       : -webkit-transform;
    transition-property               : -webkit-transform;
    transition-property               : transform;
    transition-property               : transform, -webkit-transform;
    transition-duration               : .3s;
    transition-timing-function        : cubic-bezier(.89, .04, .21, .93);
    -webkit-transition-property       : transform;
    -webkit-transition-duration       : .3s;
    -webkit-transition-timing-function: cubic-bezier(.89, .04, .21, .93);
    -webkit-transform                 : translateX(0);
    transform                         : translateX(0)
}

.main.events .link .btn-group a.btn:after,
.main.forums .link .btn-group a.btn:after {
    content          : "";
    display          : block;
    background       : #009caf;
    width            : 100%;
    height           : 100%;
    position         : absolute;
    z-index          : -1;
    top              : 0;
    left             : 0;
    -webkit-transform: translateX(-100%);
    transform        : translateX(-100%)
}

.main.events .embed-responsive,
.main.forums .embed-responsive {
    position   : relative;
    display    : block;
    width      : 100%;
    padding    : 0;
    overflow   : hidden;
    padding-top: 75%;
    margin     : 0 0 20px 0
}

.main.events .embed-responsive iframe.embed-responsive-item,
.main.forums .embed-responsive iframe.embed-responsive-item {
    position: absolute;
    top     : 0;
    bottom  : 0;
    left    : 0;
    width   : 100%;
    height  : 100%;
    border  : 0;
    z-index : 0
}

.main.designers {
    padding: 20vh 0
}

@media (max-width:992px) {
    .main.designers {
        padding: 12.5vh 0
    }
}

@media (max-width:767px) {
    .main.designers {
        padding: 0
    }
}

.main.designers.designers-list .filter {
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : flex;
    -ms-flex-wrap          : wrap;
    flex-wrap              : wrap;
    -webkit-box-align      : center;
    -ms-flex-align         : center;
    align-items            : center;
    -webkit-box-pack       : initial;
    -ms-flex-pack          : initial;
    justify-content        : normal;
    -webkit-box-orient     : horizontal;
    -webkit-box-direction  : normal;
    -ms-flex-direction     : row;
    flex-direction         : row;
    display                : -webkit-flex;
    -webkit-flex-wrap      : wrap;
    -webkit-align-items    : center;
    -webkit-justify-content: initial;
    margin                 : 0 0 45px 0
}

@media (max-width:767px) {
    .main.designers.designers-list .filter {
        margin: 0 0 30px 0
    }
}

.main.designers.designers-list .filter h2 {
    font-size     : 36px;
    font-family   : "Source Han Serif TC";
    line-height   : 1.3em;
    letter-spacing: .5em;
    margin        : 0 100px 0 0
}

@media (max-width:992px) {
    .main.designers.designers-list .filter h2 {
        font-size     : 28px;
        letter-spacing: .3em;
        margin        : 0 50px 0 0
    }
}

@media (max-width:767px) {
    .main.designers.designers-list .filter h2 {
        width     : 100%;
        margin    : 0 0 15px 0;
        text-align: center
    }
}

@media (max-width:767px) {
    .main.designers.designers-list .filter ul {
        width : 220px;
        margin: 0 auto
    }
}

.main.designers.designers-list .filter ul li {
    margin: 0 20px 0 0
}

@media (max-width:767px) {
    .main.designers.designers-list .filter ul li {
        margin: 0 0 10px 0;
        width : 50%
    }
}

.main.designers.designers-list .filter ul li label {
    cursor: pointer
}

.main.designers.designers-list .filter ul li label:hover {
    color: #ff0
}

.main.designers.designers-list .filter ul li label:hover i {
    border: 1px solid #ff0
}

.main.designers.designers-list .filter ul li label input {
    opacity : 0;
    outline : none;
    position: absolute;
    margin  : 0;
    width   : 0;
    height  : 0;
    z-index : -1
}

.main.designers.designers-list .filter ul li label input:checked+i {
    border    : 1px solid #ff0;
    background: url(../img/icon-check.svg) top no-repeat
}

.main.designers.designers-list .filter ul li label input:checked~span {
    color: #ff0
}

.main.designers.designers-list .filter ul li label i {
    display : inline-block;
    width   : 13px;
    height  : 13px;
    border  : 1px solid #fff;
    margin  : 0 5px 0 0;
    position: relative;
    top     : 1px
}

.main.designers.designers-list .row {
    margin: 0 -10px
}

.main.designers.designers-list .row.loading div[class*=col-]:nth-child(2n) a figure {
    left: 0
}

.main.designers.designers-list .row div[class*=col-] {
    padding: 0 10px;
    margin : 0 0 20px 0
}

@media (min-width:992px) {

    .main.designers.designers-list .row div[class*=col-]:nth-child(4n) a:hover .text,
    .main.designers.designers-list .row div[class*=col-]:nth-child(4n-1) a:hover .text {
        -webkit-transform: translateX(-100%);
        transform        : translateX(-100%)
    }
}

@media (min-width:767px) and (max-width:992px) {
    .main.designers.designers-list .row div[class*=col-]:nth-child(3n) a:hover .text {
        -webkit-transform: translateX(-100%);
        transform        : translateX(-100%)
    }
}

@media (max-width:767px) {
    .main.designers.designers-list .row div[class*=col-] {
        margin: 0 0 10px 0
    }

    .main.designers.designers-list .row div[class*=col-]:nth-child(2n) a figure {
        left: 50%
    }

    .main.designers.designers-list .row div[class*=col-]:nth-child(2n) a .text {
        left: 0
    }
}

.main.designers.designers-list .row div[class*=col-] a {
    display : block;
    position: relative;
    width   : 100%;
    height  : 275px;
    z-index : 0
}

@media (max-width:767px) {
    .main.designers.designers-list .row div[class*=col-] a {
        height: 200px
    }
}

.main.designers.designers-list .row div[class*=col-] a figure {
    position: relative;
    z-index : 1;
    width   : 100%;
    height  : 100%;
    overflow: hidden
}

@media (max-width:767px) {
    .main.designers.designers-list .row div[class*=col-] a figure {
        width: 50%
    }
}

.main.designers.designers-list .row div[class*=col-] a figure img {
    width             : 100%;
    height            : 100%;
    -o-object-fit     : cover;
    object-fit        : cover;
    -o-object-position: 50% 19%;
    object-position   : 50% 19%;
    -webkit-filter    : grayscale(100%);
    filter            : grayscale(100%)
}

.main.designers.designers-list .row div[class*=col-] a .text {
    position  : absolute;
    z-index   : 0;
    width     : 100%;
    height    : 100%;
    top       : 0;
    left      : 0;
    background: #009caf;
    padding   : 20px 15px
}

@media (max-width:767px) {
    .main.designers.designers-list .row div[class*=col-] a .text {
        left : 50%;
        width: 50%
    }
}

.main.designers.designers-list .row div[class*=col-] a .text h3 {
    font-size  : 20px;
    font-family: "Source Han Serif TC";
    line-height: 1.5em;
    margin     : 0 0 5px 0
}

.main.designers.designers-list .row div[class*=col-] a .text p {
    line-height: 1.5em
}

@media (max-width:767px) {
    .main.designers.designers-list .row div[class*=col-] a .text p {
        display: none
    }
}

.main.designers.designers-list .row div[class*=col-] a .text span.brand {
    font-weight: 600;
    display    : block;
    font-size  : 12px
}

@media (max-width:767px) {
    .main.designers.designers-list .row div[class*=col-] a .text span.brand {
        margin: 0 0 20px 0
    }
}

.main.designers.designers-list .row div[class*=col-] a .text span.more {
    font-size     : 12px;
    letter-spacing: .05em;
    border-bottom : 1px solid #fff
}

.main.designers.designers-list .row div[class*=col-] a .text span.more:hover {
    color        : #ff0;
    border-bottom: 1px solid #ff0
}

.main.designers.designers-list .row div[class*=col-] a:hover {
    z-index: 1
}

.main.designers.designers-list .row div[class*=col-] a:hover figure img {
    transition-property               : all;
    transition-duration               : 3s;
    transition-timing-function        : ease-out;
    -webkit-transition-property       : all;
    -webkit-transition-duration       : 3s;
    -webkit-transition-timing-function: ease-out;
    -webkit-filter                    : grayscale(0);
    filter                            : grayscale(0);
    -webkit-transform                 : scale(1.2);
    transform                         : scale(1.2)
}

.main.designers.designers-list .row div[class*=col-] a:hover .text {
    transition-property               : all;
    transition-duration               : .3s;
    transition-timing-function        : cubic-bezier(.89, .04, .21, .93);
    -webkit-transition-property       : all;
    -webkit-transition-duration       : .3s;
    -webkit-transition-timing-function: cubic-bezier(.89, .04, .21, .93);
    width                             : calc(100% + 21px);
    -webkit-transform                 : translateX(calc(100% - 21px));
    transform                         : translateX(calc(100% - 21px))
}

@media (max-width:767px) {
    .main.designers.designers-list .row div[class*=col-] a:hover .text {
        width            : 50%;
        -webkit-transform: translateX(0);
        transform        : translateX(0)
    }
}

.main.designers.designers-content figure img {
    margin: 0 auto
}

.main.designers.designers-content .content {
    position: -webkit-sticky;
    position: sticky;
    top     : 20vh
}

.main.designers.designers-content .content .title {
    margin: 0 0 45px 0
}

@media (max-width:767px) {
    .main.designers.designers-content .content .title {
        margin: 0 0 30px 0
    }
}

.main.designers.designers-content .content .title h2 {
    font-size     : 36px;
    font-family   : "Source Han Serif TC";
    line-height   : 1.3em;
    letter-spacing: .1em
}

@media (max-width:992px) {
    .main.designers.designers-content .content .title h2 {
        font-size: 28px
    }
}

@media (max-width:767px) {
    .main.designers.designers-content .content .title h2 {
        font-size: 20px
    }
}

.main.designers.designers-content .content .text p {
    line-height: 1.5em;
    margin     : 0 0 20px 0
}

@media (max-width:767px) {
    .main.designers.designers-content .content .share {
        text-align: center;
        margin    : 30px 0
    }
}

.main.designers.designers-content .content .share ul li {
    margin: 0 0 10px 0
}

@media (max-width:767px) {
    .main.designers.designers-content .content .share ul li {
        display: inline-block;
        margin : 0 7.5px
    }
}

.main.designers.designers-content .content .share ul li a {
    font-size: 20px
}

.main.designers.designers-content .content .share ul li a:hover {
    color: #ff0
}

#app.en .main.designers-list h2 {
    letter-spacing: .1em
}

.main.about {
    padding: 20vh 0
}

@media (max-width:992px) {
    .main.about {
        padding: 12.5vh 0
    }
}

@media (max-width:767px) {
    .main.about {
        padding: 0
    }
}

.main.about p {
    line-height: 1.7em
}

.main.about h4:before {
    content          : "\25CF";
    display          : inline-block;
    margin           : 0 5px 0 0;
    font-size        : 12px;
    -webkit-transform: translateY(-1px) scale(.5);
    transform        : translateY(-1px) scale(.5)
}

.main.about .about-head {
    margin: 0 0 40px 0
}

@media (max-width:992px) {
    .main.about .about-head {
        margin: 0 0 20px 0
    }
}

.main.about .about-head h2 {
    font-size     : 36px;
    font-family   : "Source Han Serif TC";
    line-height   : 1.3em;
    letter-spacing: .3em;
    margin        : 0 0 40px 0
}

@media (max-width:992px) {
    .main.about .about-head h2 {
        font-size     : 28px;
        letter-spacing: .1em;
        margin        : 0 0 20px 0
    }
}

.main.about .about-head h3 {
    font-size     : 28px;
    line-height   : 1.3em;
    letter-spacing: .1em
}

@media (max-width:992px) {
    .main.about .about-head h3 {
        font-size: 20px
    }
}

.main.about .about-head h3 b {
    font-family: "Source Han Serif TC";
    margin     : 0 0 0 20px
}

.main.about .about-body {
    margin: 0 0 40px 0
}

.main.about .about-body .text {
    margin: 0 0 80px 0
}

.main.about .about-body .text p {
    margin: 40px 0
}

.main.about .about-body .row {
    margin: 0 -7.5px 40px -7.5px
}

.main.about .about-body .row .col-md-6 {
    padding: 0 7.5px;
    margin : 0 0 15px 0
}

.main.about .about-body .card {
    background: #009caf;
    height    : 100%;
    padding   : 20px
}

.main.about .about-body .card h4 {
    font-size  : 20px;
    font-family: "Source Han Serif TC"
}

.main.about .about-foot h3 {
    font-size     : 38px;
    font-family   : "Source Han Serif TC";
    line-height   : 1.3em;
    letter-spacing: .3em
}

@media (max-width:992px) {
    .main.about .about-foot h3 {
        font-size     : 28px;
        letter-spacing: .1em
    }
}

.main.about .about-foot h4 {
    font-size     : 18px;
    font-family   : "Source Han Serif TC";
    line-height   : 1.3em;
    letter-spacing: .1em
}

@media (max-width:992px) {
    .main.about .about-foot h4 {
        font-size: 15px
    }
}

.main.about .about-foot .info,
.main.about .about-foot .info .text {
    margin: 0 0 40px 0
}

.main.about .about-foot .info .text a {
    word-break: break-all;
    color     : #ff0
}

.main.about .about-foot .info .text a:hover {
    border-bottom: 1px solid #ff0
}

.main.about .about-foot .info .text span {
    display  : block;
    font-size: 12px;
    margin   : 0 0 5px 0
}

.main.about .about-foot .info .text span i {
    display: inline-block;
    width  : 10px;
    height : 10px;
    margin : 0 10px 0 0
}

.main.about .about-foot .info .text span i svg {
    stroke: #fff
}

.main.about .about-foot .info .text span i svg path {
    fill             : none;
    stroke           : #fff;
    stroke-miterlimit: 10
}

.main.about .about-foot .info .text span i svg circle {
    fill: none
}

.main.about .about-foot .partner h3 {
    margin: 0 0 20px 0
}

.main.about .about-foot .partner table tr th {
    width     : 205px;
    padding   : 20px 30px 0 0;
    text-align: right
}

@media (max-width:767px) {
    .main.about .about-foot .partner table tr th {
        width     : 85px;
        padding   : 14px 0 0 0;
        text-align: left
    }
}

.main.about .about-foot .partner table tr th h4 {
    font-size     : 18px;
    font-family   : "Source Han Serif TC";
    line-height   : 1.5em;
    letter-spacing: .1em
}

@media (max-width:992px) {
    .main.about .about-foot .partner table tr th h4 {
        font-size: 15px
    }
}

.main.about .about-foot .partner table tr td a {
    display: inline-block;
    width  : auto;
    height : 67px
}

@media (max-width:767px) {
    .main.about .about-foot .partner table tr td a {
        height: 45px
    }
}

.main.about .about-foot .partner table tr td a figure,
.main.about .about-foot .partner table tr td a figure img {
    width : auto;
    height: 100%
}

#app.en .main.about h2,
#app.en .main.about h3,
#app.en .main.about h4 {
    letter-spacing: 0
}

.main.maps {
    padding : 100px 0 0 0;
    position: relative
}

@media (max-width:767px) {
    .main.maps {
        padding: 0
    }
}

.main.maps .sidebar {
    position                          : absolute;
    top                               : 140px;
    left                              : 55px;
    width                             : 300px;
    height                            : calc(100% - 175px);
    background                        : #009caf;
    z-index                           : 1;
    padding                           : 15px 30px;
    -webkit-transition-property       : -webkit-transform;
    transition-property               : -webkit-transform;
    transition-property               : transform;
    transition-property               : transform, -webkit-transform;
    transition-duration               : .5s;
    transition-timing-function        : cubic-bezier(.89, .04, .21, .93);
    -webkit-transition-property       : transform;
    -webkit-transition-duration       : .5s;
    -webkit-transition-timing-function: cubic-bezier(.89, .04, .21, .93)
}

@media (max-width:992px) {
    .main.maps .sidebar {
        height: calc(100% - 100px);
        top   : 100px;
        left  : 0
    }
}

@media (max-width:767px) {
    .main.maps .sidebar {
        position         : fixed;
        top              : 0;
        left             : 0;
        width            : 100%;
        height           : 100%;
        -webkit-transform: translateX(-100%);
        transform        : translateX(-100%)
    }
}

.main.maps .sidebar.active {
    -webkit-transform: translateX(0);
    transform        : translateX(0)
}

.main.maps .sidebar .sidebar-head {
    margin: 0 0 15px 0
}

.main.maps .sidebar .sidebar-head h2 {
    font      : 300 18px;
    text-align: center
}

.main.maps .sidebar .sidebar-body .type {
    position: relative;
    margin  : 0 0 15px 0
}

.main.maps .sidebar .sidebar-body .type h3 {
    display       : inline-block;
    color         : #ff0;
    font-weight   : 300;
    font-size     : 16px;
    letter-spacing: .3em;
    background    : #009caf;
    position      : relative;
    z-index       : 1;
    padding       : 0 10px 0 0
}

.main.maps .sidebar .sidebar-body .type:before {
    content   : "";
    display   : block;
    width     : 100%;
    height    : 1px;
    background: #fff;
    position  : absolute;
    top       : 10px;
    left      : 0;
    z-index   : 0
}

.main.maps .sidebar .sidebar-body .list.scrollbar-inner {
    letter-spacing: .05em;
    margin        : 0 0 15px 0;
    overflow      : auto
}

.main.maps .sidebar .sidebar-body .list.scrollbar-inner>.scroll-element .scroll-bar {
    background-color: #ff0;
    opacity         : 1
}

.main.maps .sidebar .sidebar-body .list.scrollbar-inner>.scroll-element.scroll-y {
    width: 3px
}

.main.maps .sidebar .sidebar-body .brand .list {
    max-height: 190px
}

.main.maps .sidebar .sidebar-body .brand .list li {
    margin: 0 0 5px 0
}

.main.maps .sidebar .sidebar-body .brand .list li label {
    cursor: pointer
}

.main.maps .sidebar .sidebar-body .brand .list li label:hover {
    color: #ff0
}

.main.maps .sidebar .sidebar-body .brand .list li label:hover i {
    border: 1px solid #ff0
}

.main.maps .sidebar .sidebar-body .brand .list li label input {
    opacity : 0;
    outline : none;
    position: absolute;
    margin  : 0;
    width   : 0;
    height  : 0;
    z-index : -1
}

.main.maps .sidebar .sidebar-body .brand .list li label input:checked+i {
    border    : 1px solid #ff0;
    background: url(../img/icon-check.svg) top no-repeat
}

.main.maps .sidebar .sidebar-body .brand .list li label input:checked~span {
    color: #ff0
}

.main.maps .sidebar .sidebar-body .brand .list li label i {
    display : inline-block;
    width   : 13px;
    height  : 13px;
    border  : 1px solid #fff;
    margin  : 0 5px 0 0;
    position: relative;
    top     : 1px
}

.main.maps .sidebar .sidebar-body .brand .list li label span {
    font-size: 12px
}

.main.maps .sidebar .sidebar-body .brand .list li label span b {
    font-weight: 900
}

.main.maps .sidebar .sidebar-body .store .list {
    height: calc(100vh - 600px)
}

@media (max-width:992px) {
    .main.maps .sidebar .sidebar-body .store .list {
        height: calc(100vh - 520px)
    }
}

@media (max-width:767px) {
    .main.maps .sidebar .sidebar-body .store .list {
        height: calc(100vh - 350px)
    }
}

.main.maps .sidebar .sidebar-body .store .list a {
    font-size      : 12px;
    display        : block;
    padding        : 0 0 0 15px;
    background     : url(../img/icon-location.png) left 3px no-repeat;
    background-size: 10px;
    margin         : 0 0 20px 0
}

.main.maps .sidebar .sidebar-body .store .list a span {
    display    : block;
    margin     : 0 0 5px 0;
    line-height: 1.3em
}

.main.maps .sidebar .sidebar-body .store .list a span.title {
    font-size: 14px
}

.main.maps .sidebar .sidebar-body .store .list a:hover {
    color: #ff0
}

.main.maps .vue2leaflet-map {
    width   : 100%;
    height  : calc(100vh - 175px);
    z-index : 0;
    position: relative
}

.main.maps .vue2leaflet-map .leaflet-pane .leaflet-popup .leaflet-popup-content-wrapper {
    background   : #009caf;
    color        : #fff;
    border-radius: 3px
}

.main.maps .vue2leaflet-map .leaflet-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content {
    margin : 0 19px;
    padding: 10px 0
}

.main.maps .vue2leaflet-map .leaflet-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content span {
    display       : block;
    letter-spacing: .05em
}

.main.maps .vue2leaflet-map .leaflet-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content span.title {
    font-size  : 14px;
    font-weight: 900;
    margin     : 0 0 10px 0
}

.main.maps .vue2leaflet-map .leaflet-pane .leaflet-popup .leaflet-popup-tip-container .leaflet-popup-tip {
    background: #009caf
}

.main.maps .vue2leaflet-map .leaflet-pane .leaflet-popup .leaflet-popup-close-button {
    display          : block;
    -webkit-transform: scale(.7);
    transform        : scale(.7)
}

.main.maps a.btn {
    display           : none;
    background        : #009caf;
    text-align        : center;
    width             : 150px;
    height            : 35px;
    padding           : 10px 0 0 0;
    margin            : 0 auto;
    position          : absolute;
    z-index           : 1;
    top               : 15px;
    left              : 0;
    right             : 0;
    border-radius     : 3px;
    -webkit-box-shadow: 0 0 15px rgba(2, 5, 21, .3);
    box-shadow        : 0 0 15px rgba(2, 5, 21, .3)
}

@media (max-width:767px) {
    .main.maps a.btn {
        display: block
    }
}

.main.tablet .container {
    max-width: 960px
}

.main.tablet .mask {
    position               : fixed;
    width                  : 100%;
    height                 : 100%;
    top                    : 0;
    left                   : 0;
    background             : url(../img/noise.png) 50% repeat rgba(188, 93, 83, .6);
    background-size        : 360px;
    z-index                : 1;
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : flex;
    -ms-flex-wrap          : wrap;
    flex-wrap              : wrap;
    -webkit-box-align      : center;
    -ms-flex-align         : center;
    align-items            : center;
    -webkit-box-pack       : center;
    -ms-flex-pack          : center;
    justify-content        : center;
    -webkit-box-orient     : horizontal;
    -webkit-box-direction  : normal;
    -ms-flex-direction     : row;
    flex-direction         : row;
    display                : -webkit-flex;
    -webkit-flex-wrap      : wrap;
    -webkit-align-items    : center;
    -webkit-justify-content: center
}

.main.tablet .mask .tablet-tabs {
    position: relative
}

.main.tablet .mask .tablet-tabs a.close {
    width                  : 65px;
    height                 : 65px;
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : flex;
    -ms-flex-wrap          : wrap;
    flex-wrap              : wrap;
    -webkit-box-align      : center;
    -ms-flex-align         : center;
    align-items            : center;
    -webkit-box-pack       : center;
    -ms-flex-pack          : center;
    justify-content        : center;
    -webkit-box-orient     : horizontal;
    -webkit-box-direction  : normal;
    -ms-flex-direction     : row;
    flex-direction         : row;
    display                : -webkit-flex;
    -webkit-flex-wrap      : wrap;
    -webkit-align-items    : center;
    -webkit-justify-content: center;
    position               : absolute;
    top                    : -65px;
    right                  : 0;
    color                  : #ff0;
    font-size              : 40px;
    z-index                : 2
}

.main.tablet .mask .tablet-tabs figure {
    position : relative;
    max-width: 918px
}

.main.tablet .mask .tablet-tabs figure ul {
    position: absolute;
    right   : 50px;
    top     : 75px;
    z-index : 1
}

.main.tablet .mask .tablet-tabs figure ul li {
    margin: 0 0 0 35px
}

.main.tablet .mask .tablet-tabs figure ul li a {
    display    : block;
    width      : 50px;
    height     : 30px;
    font-size  : 0;
    text-indent: -7777px
}

.main.tablet .tablet-head {
    height : 240px;
    padding: 90px 0 0 0
}

.main.tablet .tablet-head h1 {
    width              : 540px;
    height             : 80px;
    background-image   : url(../img/h1-tablet.svg);
    background-repeat  : no-repeat;
    background-position: 50%;
    background-size    : contain;
    margin             : 0 auto
}

.main.tablet .tablet-body {
    height: calc(100vh - 375px)
}

.main.tablet .tablet-foot {
    height                 : 135px;
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : flex;
    -ms-flex-wrap          : wrap;
    flex-wrap              : wrap;
    -webkit-box-align      : center;
    -ms-flex-align         : center;
    align-items            : center;
    -webkit-box-pack       : justify;
    -ms-flex-pack          : justify;
    justify-content        : space-between;
    -webkit-box-orient     : horizontal;
    -webkit-box-direction  : normal;
    -ms-flex-direction     : row;
    flex-direction         : row;
    display                : -webkit-flex;
    -webkit-flex-wrap      : wrap;
    -webkit-align-items    : center;
    -webkit-justify-content: space-between
}

.main.tablet .tablet-foot a {
    font-size: 20px
}

.main.tablet .tablet-foot .event a {
    border-bottom: 1px solid #fff
}

.main.tablet.tablet-list .tablet-body .filter {
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : flex;
    -ms-flex-wrap          : wrap;
    flex-wrap              : wrap;
    -webkit-box-align      : center;
    -ms-flex-align         : center;
    align-items            : center;
    -webkit-box-pack       : initial;
    -ms-flex-pack          : initial;
    justify-content        : normal;
    -webkit-box-orient     : horizontal;
    -webkit-box-direction  : normal;
    -ms-flex-direction     : row;
    flex-direction         : row;
    display                : -webkit-flex;
    -webkit-flex-wrap      : wrap;
    -webkit-align-items    : center;
    -webkit-justify-content: initial;
    height                 : 90px
}

.main.tablet.tablet-list .tablet-body .filter h2 {
    font-size     : 36px;
    font-family   : "Source Han Serif TC";
    line-height   : 1.3em;
    letter-spacing: .5em;
    margin        : 0 100px 0 0
}

.main.tablet.tablet-list .tablet-body .filter ul li {
    margin: 0 20px 0 0
}

.main.tablet.tablet-list .tablet-body .filter ul li label {
    cursor: pointer
}

.main.tablet.tablet-list .tablet-body .filter ul li label input {
    opacity : 0;
    outline : none;
    position: absolute;
    margin  : 0;
    width   : 0;
    height  : 0;
    z-index : -1
}

.main.tablet.tablet-list .tablet-body .filter ul li label input:checked+i {
    border    : 1px solid #ff0;
    background: url(../img/icon-check.svg) top no-repeat
}

.main.tablet.tablet-list .tablet-body .filter ul li label input:checked~span {
    color: #ff0
}

.main.tablet.tablet-list .tablet-body .filter ul li label i {
    display : inline-block;
    width   : 13px;
    height  : 13px;
    border  : 1px solid #fff;
    margin  : 0 5px 0 0;
    position: relative;
    top     : 1px
}

.main.tablet.tablet-list .tablet-body .list {
    position  : relative;
    height    : calc(100% - 90px);
    overflow-y: auto;
    overflow-x: hidden
}

.main.tablet.tablet-list .tablet-body .list .row {
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : flex;
    -ms-flex-wrap          : wrap;
    flex-wrap              : wrap;
    -webkit-box-align      : start;
    -ms-flex-align         : start;
    align-items            : flex-start;
    -webkit-box-pack       : start;
    -ms-flex-pack          : start;
    justify-content        : flex-start;
    -webkit-box-orient     : horizontal;
    -webkit-box-direction  : normal;
    -ms-flex-direction     : row;
    flex-direction         : row;
    display                : -webkit-flex;
    -webkit-flex-wrap      : wrap;
    -webkit-align-items    : flex-start;
    -webkit-justify-content: flex-start
}

.main.tablet.tablet-list .tablet-body .list .row div[class*=col-] {
    margin: 0 0 30px 0
}

.main.tablet.tablet-list .tablet-body .list .row a {
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : flex;
    -ms-flex-wrap          : nowrap;
    flex-wrap              : nowrap;
    -webkit-box-align      : inherit;
    -ms-flex-align         : inherit;
    align-items            : inherit;
    -webkit-box-pack       : justify;
    -ms-flex-pack          : justify;
    justify-content        : space-between;
    -webkit-box-orient     : horizontal;
    -webkit-box-direction  : normal;
    -ms-flex-direction     : row;
    flex-direction         : row;
    display                : -webkit-flex;
    -webkit-flex-wrap      : nowrap;
    -webkit-align-items    : inherit;
    -webkit-justify-content: space-between;
    height                 : 280px
}

.main.tablet.tablet-list .tablet-body .list .row a figure {
    width              : 215px;
    background-repeat  : no-repeat;
    background-position: 50%;
    background-size    : cover
}

.main.tablet.tablet-list .tablet-body .list .row a .text {
    width     : calc(100% - 215px);
    background: #009caf;
    position  : relative;
    padding   : 15px
}

.main.tablet.tablet-list .tablet-body .list .row a .text h3 {
    font-size  : 20px;
    font-family: "Source Han Serif TC";
    line-height: 1.5em;
    margin     : 0 0 5px 0
}

.main.tablet.tablet-list .tablet-body .list .row a .text p {
    font-size  : 14px;
    line-height: 1.5em
}

.main.tablet.tablet-list .tablet-body .list .row a .text span.brand {
    font-weight: 600;
    display    : block;
    font-size  : 12px
}

.main.tablet.tablet-list .tablet-body .list .row a .text span.more {
    font-size     : 12px;
    letter-spacing: .05em;
    border-bottom : 1px solid #fff;
    background    : #009caf;
    position      : absolute;
    bottom        : 15px;
    left          : 15px
}

.main.tablet.tablet-content .tablet-head {
    position: relative
}

.main.tablet.tablet-content .tablet-head a.close {
    width                  : 65px;
    height                 : 65px;
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : flex;
    -ms-flex-wrap          : wrap;
    flex-wrap              : wrap;
    -webkit-box-align      : center;
    -ms-flex-align         : center;
    align-items            : center;
    -webkit-box-pack       : center;
    -ms-flex-pack          : center;
    justify-content        : center;
    -webkit-box-orient     : horizontal;
    -webkit-box-direction  : normal;
    -ms-flex-direction     : row;
    flex-direction         : row;
    display                : -webkit-flex;
    -webkit-flex-wrap      : wrap;
    -webkit-align-items    : center;
    -webkit-justify-content: center;
    position               : absolute;
    bottom                 : -55px;
    right                  : 0;
    color                  : #ff0;
    font-size              : 40px;
    z-index                : 1
}

.main.tablet.tablet-content .tablet-body .content {
    height    : calc(100% - 50px);
    position  : relative;
    overflow-y: auto;
    overflow-x: hidden
}

.main.tablet.tablet-content .tablet-body .content h2 {
    font-size     : 36px;
    font-family   : "Source Han Serif TC";
    line-height   : 1.3em;
    letter-spacing: .1em;
    margin        : 0 0 20px 0;
    padding       : 0 85px 0 0
}

.main.tablet.tablet-content .tablet-body .content .text {
    line-height: 1.5em
}

.main.tablet.tablet-content .tablet-body .content .text p {
    line-height: 1.5em;
    margin     : 0 0 20px 0
}

.main.tablet.tablet-content .tablet-body .nav {
    height                 : 50px;
    padding                : 30px 0 0 0;
    display                : -webkit-box;
    display                : -ms-flexbox;
    display                : flex;
    -ms-flex-wrap          : no-wrap;
    flex-wrap              : no-wrap;
    -webkit-box-align      : start;
    -ms-flex-align         : start;
    align-items            : flex-start;
    -webkit-box-pack       : justify;
    -ms-flex-pack          : justify;
    justify-content        : space-between;
    -webkit-box-orient     : horizontal;
    -webkit-box-direction  : normal;
    -ms-flex-direction     : row;
    flex-direction         : row;
    display                : -webkit-flex;
    -webkit-flex-wrap      : no-wrap;
    -webkit-align-items    : flex-start;
    -webkit-justify-content: space-between
}

.main.tablet.tablet-content .tablet-body .nav a {
    position: relative;
    display : block
}

.main.tablet.tablet-content .tablet-body .nav a:before {
    content   : "";
    display   : block;
    position  : absolute;
    top       : 7px;
    height    : 3px;
    width     : 30px;
    background: #fff;
    z-index   : 999
}

.main.tablet.tablet-content .tablet-body .nav a * {
    line-height: 0
}

.main.tablet.tablet-content .tablet-body .nav a i {
    display            : inline-block;
    width              : 50px;
    height             : 20px;
    background-color   : #fff;
    -webkit-mask-repeat: no-repeat;
    mask-repeat        : no-repeat;
    -webkit-mask-size  : 7px;
    mask-size          : 7px;
    vertical-align     : middle
}

.main.tablet.tablet-content .tablet-body .nav .prev a:before {
    left: 5px
}

.main.tablet.tablet-content .tablet-body .nav .prev a i {
    -webkit-mask-image   : url(../img/icon-left.svg);
    mask-image           : url(../img/icon-left.svg);
    -webkit-mask-position: left top;
    mask-position        : left top
}

.main.tablet.tablet-content .tablet-body .nav .next a:before {
    right: 5px
}

.main.tablet.tablet-content .tablet-body .nav .next a i {
    -webkit-mask-image   : url(../img/icon-right.svg);
    mask-image           : url(../img/icon-right.svg);
    -webkit-mask-position: right top;
    mask-position        : right top
}

#app.en .main.tablet-list .filter h2 {
    letter-spacing: .1em
}

#app.en .main.tablet-list .filter ul li {
    letter-spacing: .05em
}

#app.en .main.tablet-list .text,
#app.en .main.tablet-list .text p {
    line-height   : 1.3em;
    letter-spacing: .05em
}