@charset "UTF-8";
/*!
 * Book styled
 * 
 * @version 1.0.0 2017/01/01 00:00
 * @author JOE <joe@youweb.tw>
 * @copyright (c) youweb.tw
 * @link http://youweb.tw/
 */

/*!
 * Helper
 * 
 * @version 1.0.0 2017/01/01 00:00
 * @author JOE <joe@youweb.tw>
 * @copyright (c) youweb.tw
 * @link http://youweb.tw/
 */

/*!
 * Library
 * 
 * @version 1.0.0 2017/01/01 00:00
 * @author JOE <joe@youweb.tw>
 * @copyright (c) youweb.tw
 * @link http://youweb.tw/
 */

/*!
 * Config
 * 
 * @version 1.0.0 2017/01/01 00:00
 * @author JOE <joe@youweb.tw>
 * @copyright (c) youweb.tw
 * @link http:///youweb.tw/
 */

/*!
 * Functions
 * 
 * @version 1.0.0 2017/01/01 00:00
 * @author JOE <joe@youweb.tw>
 * @copyright (c) youweb.tw
 * @link http:///youweb.tw/
 */

/*!
 * Variables
 * 
 * @version 1.0.0 2017/01/01 00:00
 * @author JOE <joe@youweb.tw>
 * @copyright (c) youweb.tw
 * @link http:///youweb.tw/
 */

/*!
 * Strings
 * 
 * @version 1.0.0 2017/01/01 00:00
 * @author JOE <joe@youweb.tw>
 * @copyright (c) youweb.tw
 * @link http:///youweb.tw/
 */

/*!
 * Numbers
 * 
 * @version 1.0.0 2017/01/01 00:00
 * @author JOE <joe@youweb.tw>
 * @copyright (c) youweb.tw
 * @link http:///youweb.tw/
 */

/*!
 * Lists
 * 
 * @version 1.0.0 2017/01/01 00:00
 * @author JOE <joe@youweb.tw>
 * @copyright (c) youweb.tw
 * @link http:///youweb.tw/
 */

/*!
 * Maps
 * 
 * @version 1.0.0 2017/01/01 00:00
 * @author JOE <joe@youweb.tw>
 * @copyright (c) youweb.tw
 * @link http:///youweb.tw/
 */

/*!
 * Animations
 * 
 * @version 1.0.0 2017/01/01 00:00
 * @author JOE <joe@youweb.tw>
 * @copyright (c) youweb.tw
 * @link http:///youweb.tw/
 */

/*!
 * Mixins
 * 
 * @version 1.0.0 2017/01/01 00:00
 * @author JOE <joe@youweb.tw>
 * @copyright (c) youweb.tw
 * @link http:///youweb.tw/
 */

/*!
 * Viewports
 * 
 * @version 1.0.0 2017/01/01 00:00
 * @author JOE <joe@youweb.tw>
 * @copyright (c) youweb.tw
 * @link http:///youweb.tw/
 */

/*!
 * Texts
 * 
 * @version 1.0.0 2017/01/01 00:00
 * @author JOE <joe@youweb.tw>
 * @copyright (c) youweb.tw
 * @link http:///youweb.tw/
 */

/*!
 * Utilities
 * 
 * @version 1.0.0 2017/01/01 00:00
 * @author JOE <joe@youweb.tw>
 * @copyright (c) youweb.tw
 * @link http:///youweb.tw/
 */

/*!
 * Layouts
 * 
 * @version 1.0.0 2017/01/01 00:00
 * @author JOE <joe@youweb.tw>
 * @copyright (c) youweb.tw
 * @link http:///youweb.tw/
 */

/*!
 * Backgrounds
 * 
 * @version 1.0.0 2017/01/01 00:00
 * @author JOE <joe@youweb.tw>
 * @copyright (c) youweb.tw
 * @link http:///youweb.tw/
 */

/*!
 * Images
 * 
 * @version 1.0.0 2017/01/01 00:00
 * @author JOE <joe@youweb.tw>
 * @copyright (c) youweb.tw
 * @link http:///youweb.tw/
 */

/*!
 * Forms
 * 
 * @version 1.0.0 2017/01/01 00:00
 * @author JOE <joe@youweb.tw>
 * @copyright (c) youweb.tw
 * @link http:///youweb.tw/
 */

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

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

body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

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

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

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

mark {
    background: #ff0;
    color: #111820;
}

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

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

figure {
    margin: 1em 40px;
}

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

pre {
    overflow: auto;
}

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

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

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

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

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

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

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

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

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

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/*!
 * Required
 * 
 * @version 1.0.0 2017/01/01 00:00
 * @author JOE <joe@youweb.tw>
 * @copyright (c) youweb.tw
 * @link http://youweb.tw/
 */

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

.hidden {
    display: none !important;
}

.shown {
    display: block !important;
}

.shown.inline {
    display: inline-block !important;
}

table.shown {
    display: table !important;
}

tr.shown {
    display: table-row !important;
}

th.shown,
td.shown {
    display: table-cell !important;
}

@media (max-width: 1920px) {
    .visible-full {
        visibility: visible !important;
    }
    .invisible-full {
        visibility: hidden !important;
    }
    .hidden-full {
        display: none !important;
    }
    .shown-full {
        display: block !important;
    }
    .shown-full.inline {
        display: inline-block !important;
    }
    table.shown-full {
        display: table !important;
    }
    tr.shown-full {
        display: table-row !important;
    }
    th.shown-full,
    td.shown-full {
        display: table-cell !important;
    }
}

@media (max-width: 1660px) {
    .visible-long {
        visibility: visible !important;
    }
    .invisible-long {
        visibility: hidden !important;
    }
    .hidden-long {
        display: none !important;
    }
    .shown-long {
        display: block !important;
    }
    .shown-long.inline {
        display: inline-block !important;
    }
    table.shown-long {
        display: table !important;
    }
    tr.shown-long {
        display: table-row !important;
    }
    th.shown-long,
    td.shown-long {
        display: table-cell !important;
    }
}

@media (max-width: 1440px) {
    .visible-large {
        visibility: visible !important;
    }
    .invisible-large {
        visibility: hidden !important;
    }
    .hidden-large {
        display: none !important;
    }
    .shown-large {
        display: block !important;
    }
    .shown-large.inline {
        display: inline-block !important;
    }
    table.shown-large {
        display: table !important;
    }
    tr.shown-large {
        display: table-row !important;
    }
    th.shown-large,
    td.shown-large {
        display: table-cell !important;
    }
}

@media (max-width: 1366px) {
    .visible-medium {
        visibility: visible !important;
    }
    .invisible-medium {
        visibility: hidden !important;
    }
    .hidden-medium {
        display: none !important;
    }
    .shown-medium {
        display: block !important;
    }
    .shown-medium.inline {
        display: inline-block !important;
    }
    table.shown-medium {
        display: table !important;
    }
    tr.shown-medium {
        display: table-row !important;
    }
    th.shown-medium,
    td.shown-medium {
        display: table-cell !important;
    }
}

@media (max-width: 1280px) {
    .visible-small {
        visibility: visible !important;
    }
    .invisible-small {
        visibility: hidden !important;
    }
    .hidden-small {
        display: none !important;
    }
    .shown-small {
        display: block !important;
    }
    .shown-small.inline {
        display: inline-block !important;
    }
    table.shown-small {
        display: table !important;
    }
    tr.shown-small {
        display: table-row !important;
    }
    th.shown-small,
    td.shown-small {
        display: table-cell !important;
    }
}

@media (max-width: 1024px) {
    .visible-mini {
        visibility: visible !important;
    }
    .invisible-mini {
        visibility: hidden !important;
    }
    .hidden-mini {
        display: none !important;
    }
    .shown-mini {
        display: block !important;
    }
    .shown-mini.inline {
        display: inline-block !important;
    }
    table.shown-mini {
        display: table !important;
    }
    tr.shown-mini {
        display: table-row !important;
    }
    th.shown-mini,
    td.shown-mini {
        display: table-cell !important;
    }
}

@media (max-width: 800px) {
    .visible-tiny {
        visibility: visible !important;
    }
    .invisible-tiny {
        visibility: hidden !important;
    }
    .hidden-tiny {
        display: none !important;
    }
    .shown-tiny {
        display: block !important;
    }
    .shown-tiny.inline {
        display: inline-block !important;
    }
    table.shown-tiny {
        display: table !important;
    }
    tr.shown-tiny {
        display: table-row !important;
    }
    th.shown-tiny,
    td.shown-tiny {
        display: table-cell !important;
    }
}

@media (max-width: 600px) {
    .visible-micro {
        visibility: visible !important;
    }
    .invisible-micro {
        visibility: hidden !important;
    }
    .hidden-micro {
        display: none !important;
    }
    .shown-micro {
        display: block !important;
    }
    .shown-micro.inline {
        display: inline-block !important;
    }
    table.shown-micro {
        display: table !important;
    }
    tr.shown-micro {
        display: table-row !important;
    }
    th.shown-micro,
    td.shown-micro {
        display: table-cell !important;
    }
}

@media (max-width: 480px) {
    .visible-nano {
        visibility: visible !important;
    }
    .invisible-nano {
        visibility: hidden !important;
    }
    .hidden-nano {
        display: none !important;
    }
    .shown-nano {
        display: block !important;
    }
    .shown-nano.inline {
        display: inline-block !important;
    }
    table.shown-nano {
        display: table !important;
    }
    tr.shown-nano {
        display: table-row !important;
    }
    th.shown-nano,
    td.shown-nano {
        display: table-cell !important;
    }
}

@media (max-width: 360px) {
    .visible-least {
        visibility: visible !important;
    }
    .invisible-least {
        visibility: hidden !important;
    }
    .hidden-least {
        display: none !important;
    }
    .shown-least {
        display: block !important;
    }
    .shown-least.inline {
        display: inline-block !important;
    }
    table.shown-least {
        display: table !important;
    }
    tr.shown-least {
        display: table-row !important;
    }
    th.shown-least,
    td.shown-least {
        display: table-cell !important;
    }
}

@media print {
    .visible-print {
        visibility: visible !important;
    }
    .invisible-print {
        visibility: hidden !important;
    }
    .hidden-print {
        display: none !important;
    }
    .shown-print {
        display: block !important;
    }
    .shown-print.inline {
        display: inline-block !important;
    }
    table.shown-print {
        display: table !important;
    }
    tr.shown-print {
        display: table-row !important;
    }
    th.shown-print,
    td.shown-print {
        display: table-cell !important;
    }
}

.clearfix::after {
    display: block;
    content: "";
    clear: both;
}

@media (max-width: 1920px) {
    .clearfix-full::after {
        display: block;
        content: "";
        clear: both;
    }
}

@media (max-width: 1660px) {
    .clearfix-long::after {
        display: block;
        content: "";
        clear: both;
    }
}

@media (max-width: 1440px) {
    .clearfix-large::after {
        display: block;
        content: "";
        clear: both;
    }
}

@media (max-width: 1366px) {
    .clearfix-medium::after {
        display: block;
        content: "";
        clear: both;
    }
}

@media (max-width: 1280px) {
    .clearfix-small::after {
        display: block;
        content: "";
        clear: both;
    }
}

@media (max-width: 1024px) {
    .clearfix-mini::after {
        display: block;
        content: "";
        clear: both;
    }
}

@media (max-width: 800px) {
    .clearfix-tiny::after {
        display: block;
        content: "";
        clear: both;
    }
}

@media (max-width: 600px) {
    .clearfix-micro::after {
        display: block;
        content: "";
        clear: both;
    }
}

@media (max-width: 480px) {
    .clearfix-nano::after {
        display: block;
        content: "";
        clear: both;
    }
}

@media (max-width: 360px) {
    .clearfix-least::after {
        display: block;
        content: "";
        clear: both;
    }
}

.viewport-detection::before {
    content: "types: full, long, large, medium, small, mini, tiny, micro, nano, least; simulate: 1024px; mode: down";
}

.viewport-detection-full {
    display: block;
    width: 1920px;
}

.viewport-detection-long {
    display: block;
    width: 1660px;
}

.viewport-detection-large {
    display: block;
    width: 1440px;
}

.viewport-detection-medium {
    display: block;
    width: 1366px;
}

.viewport-detection-small {
    display: block;
    width: 1280px;
}

.viewport-detection-mini {
    display: block;
    width: 1024px;
}

.viewport-detection-tiny {
    display: block;
    width: 800px;
}

.viewport-detection-micro {
    display: block;
    width: 600px;
}

.viewport-detection-nano {
    display: block;
    width: 480px;
}

.viewport-detection-least {
    display: block;
    width: 360px;
}

/*!
 * Layouts
 * 
 * @version 1.0.0 2017/01/01 00:00
 * @author JOE <joe@youweb.tw>
 * @copyright (c) youweb.tw
 * @link http://youweb.tw/
 */

.reset-box-sizing,
.reset-box-sizing *,
.reset-box-sizing *::before,
.reset-box-sizing *::after {
    box-sizing: content-box;
}

.fit-to-parent {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: auto;
    height: auto;
}

.inline-ungapped {
    letter-spacing: -0.31em;
}

.inline-ungapped>* {
    letter-spacing: normal;
}

.inline-make {
    letter-spacing: -0.31em;
}

.inline-make>* {
    letter-spacing: normal;
}

.inline-make>* {
    display: inline-block;
    vertical-align: top;
    float: none;
}

.middle-inline {
    text-align: center;
}

.middle-inline::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.middle-inline>* {
    display: inline-block;
    vertical-align: middle;
}

.middle-height {
    text-align: center;
    line-height: normal;
}

.middle-height>* {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

.middle-abs {
    position: relative;
}

.middle-abs>* {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    margin-left: -0 / 2;
    margin-top: -0 / 2;
}

.middle-fit {
    position: relative;
}

.middle-fit>* {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: auto;
    height: auto;
    width: 0;
    height: 0;
}

.middle-calc {
    position: relative;
}

.middle-calc>* {
    position: absolute;
    left: calc(50% - 0);
    top: calc(50% - 0);
    width: 0;
    height: 0;
}

.middle-transform>* {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.middle-flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

.middle-table {
    display: table;
}

.middle-table>* {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.waterfall {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    -webkit-column-fill: auto;
    -moz-column-fill: auto;
    column-fill: auto;
    -moz-column-fill: balance;
}

.waterfall>* {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
}

.grid {
    list-style: none;
    padding: 0;
    margin: 0;
}

.grid,
.grid *,
.grid *::before,
.grid *::after {
    box-sizing: border-box;
}

.grid>* {
    padding: 0;
    margin: 0;
}

.grid::after {
    display: block;
    content: "";
    clear: both;
}

.grid>* {
    display: block;
    padding: 10px 15px;
    position: relative;
    min-height: 1px;
    float: left;
}

.grid>*>.columns,
.grid>*>.rows,
.grid>*>.grid {
    margin: -10px -15px;
}

.grid.gutterless>* {
    padding: 0;
}

.grid.gutterless>*>.columns,
.grid.gutterless>*>.rows,
.grid.gutterless>*>.grid {
    margin: -0;
}

.grid.inline {
    letter-spacing: -0.31em;
}

.grid.inline>* {
    letter-spacing: normal;
}

.grid.inline>* {
    display: inline-block;
    vertical-align: top;
    float: none;
}

.grid [class^="clearfix"],
.grid [class*=" clearfix"] {
    position: static;
    padding: 0;
    margin: 0;
    min-height: 0;
    float: none;
}

.grid .cell-0 {
    display: none;
    width: 0%;
}

.grid.inline .cell-0 {
    display: none;
}

.grid .cell-push-0 {
    left: auto;
}

.grid .cell-pull-0 {
    right: auto;
}

.grid .cell-move-0 {
    margin-left: 0%;
}

.grid .cell-back-0 {
    margin-left: -0%;
}

.grid .cell-1 {
    display: block;
    width: 8.33333%;
}

.grid.inline .cell-1 {
    display: inline-block;
}

.grid .cell-push-1 {
    left: 8.33333%;
}

.grid .cell-pull-1 {
    right: 8.33333%;
}

.grid .cell-move-1 {
    margin-left: 8.33333%;
}

.grid .cell-back-1 {
    margin-left: -8.33333%;
}

.grid .cell-2 {
    display: block;
    width: 16.66667%;
}

.grid.inline .cell-2 {
    display: inline-block;
}

.grid .cell-push-2 {
    left: 16.66667%;
}

.grid .cell-pull-2 {
    right: 16.66667%;
}

.grid .cell-move-2 {
    margin-left: 16.66667%;
}

.grid .cell-back-2 {
    margin-left: -16.66667%;
}

.grid .cell-3 {
    display: block;
    width: 25%;
}

.grid.inline .cell-3 {
    display: inline-block;
}

.grid .cell-push-3 {
    left: 25%;
}

.grid .cell-pull-3 {
    right: 25%;
}

.grid .cell-move-3 {
    margin-left: 25%;
}

.grid .cell-back-3 {
    margin-left: -25%;
}

.grid .cell-4 {
    display: block;
    width: 33.33333%;
}

.grid.inline .cell-4 {
    display: inline-block;
}

.grid .cell-push-4 {
    left: 33.33333%;
}

.grid .cell-pull-4 {
    right: 33.33333%;
}

.grid .cell-move-4 {
    margin-left: 33.33333%;
}

.grid .cell-back-4 {
    margin-left: -33.33333%;
}

.grid .cell-5 {
    display: block;
    width: 41.66667%;
}

.grid.inline .cell-5 {
    display: inline-block;
}

.grid .cell-push-5 {
    left: 41.66667%;
}

.grid .cell-pull-5 {
    right: 41.66667%;
}

.grid .cell-move-5 {
    margin-left: 41.66667%;
}

.grid .cell-back-5 {
    margin-left: -41.66667%;
}

.grid .cell-6 {
    display: block;
    width: 50%;
}

.grid.inline .cell-6 {
    display: inline-block;
}

.grid .cell-push-6 {
    left: 50%;
}

.grid .cell-pull-6 {
    right: 50%;
}

.grid .cell-move-6 {
    margin-left: 50%;
}

.grid .cell-back-6 {
    margin-left: -50%;
}

.grid .cell-7 {
    display: block;
    width: 58.33333%;
}

.grid.inline .cell-7 {
    display: inline-block;
}

.grid .cell-push-7 {
    left: 58.33333%;
}

.grid .cell-pull-7 {
    right: 58.33333%;
}

.grid .cell-move-7 {
    margin-left: 58.33333%;
}

.grid .cell-back-7 {
    margin-left: -58.33333%;
}

.grid .cell-8 {
    display: block;
    width: 66.66667%;
}

.grid.inline .cell-8 {
    display: inline-block;
}

.grid .cell-push-8 {
    left: 66.66667%;
}

.grid .cell-pull-8 {
    right: 66.66667%;
}

.grid .cell-move-8 {
    margin-left: 66.66667%;
}

.grid .cell-back-8 {
    margin-left: -66.66667%;
}

.grid .cell-9 {
    display: block;
    width: 75%;
}

.grid.inline .cell-9 {
    display: inline-block;
}

.grid .cell-push-9 {
    left: 75%;
}

.grid .cell-pull-9 {
    right: 75%;
}

.grid .cell-move-9 {
    margin-left: 75%;
}

.grid .cell-back-9 {
    margin-left: -75%;
}

.grid .cell-10 {
    display: block;
    width: 83.33333%;
}

.grid.inline .cell-10 {
    display: inline-block;
}

.grid .cell-push-10 {
    left: 83.33333%;
}

.grid .cell-pull-10 {
    right: 83.33333%;
}

.grid .cell-move-10 {
    margin-left: 83.33333%;
}

.grid .cell-back-10 {
    margin-left: -83.33333%;
}

.grid .cell-11 {
    display: block;
    width: 91.66667%;
}

.grid.inline .cell-11 {
    display: inline-block;
}

.grid .cell-push-11 {
    left: 91.66667%;
}

.grid .cell-pull-11 {
    right: 91.66667%;
}

.grid .cell-move-11 {
    margin-left: 91.66667%;
}

.grid .cell-back-11 {
    margin-left: -91.66667%;
}

.grid .cell-12 {
    display: block;
    width: 100%;
}

.grid.inline .cell-12 {
    display: inline-block;
}

.grid .cell-push-12 {
    left: 100%;
}

.grid .cell-pull-12 {
    right: 100%;
}

.grid .cell-move-12 {
    margin-left: 100%;
}

.grid .cell-back-12 {
    margin-left: -100%;
}

@media (max-width: 1920px) {
    .grid .full-0 {
        display: none;
        width: 0%;
    }
    .grid.inline .full-0 {
        display: none;
    }
    .grid .full-push-0 {
        left: auto;
    }
    .grid .full-pull-0 {
        right: auto;
    }
    .grid .full-move-0 {
        margin-left: 0%;
    }
    .grid .full-back-0 {
        margin-left: -0%;
    }
    .grid .full-1 {
        display: block;
        width: 8.33333%;
    }
    .grid.inline .full-1 {
        display: inline-block;
    }
    .grid .full-push-1 {
        left: 8.33333%;
    }
    .grid .full-pull-1 {
        right: 8.33333%;
    }
    .grid .full-move-1 {
        margin-left: 8.33333%;
    }
    .grid .full-back-1 {
        margin-left: -8.33333%;
    }
    .grid .full-2 {
        display: block;
        width: 16.66667%;
    }
    .grid.inline .full-2 {
        display: inline-block;
    }
    .grid .full-push-2 {
        left: 16.66667%;
    }
    .grid .full-pull-2 {
        right: 16.66667%;
    }
    .grid .full-move-2 {
        margin-left: 16.66667%;
    }
    .grid .full-back-2 {
        margin-left: -16.66667%;
    }
    .grid .full-3 {
        display: block;
        width: 25%;
    }
    .grid.inline .full-3 {
        display: inline-block;
    }
    .grid .full-push-3 {
        left: 25%;
    }
    .grid .full-pull-3 {
        right: 25%;
    }
    .grid .full-move-3 {
        margin-left: 25%;
    }
    .grid .full-back-3 {
        margin-left: -25%;
    }
    .grid .full-4 {
        display: block;
        width: 33.33333%;
    }
    .grid.inline .full-4 {
        display: inline-block;
    }
    .grid .full-push-4 {
        left: 33.33333%;
    }
    .grid .full-pull-4 {
        right: 33.33333%;
    }
    .grid .full-move-4 {
        margin-left: 33.33333%;
    }
    .grid .full-back-4 {
        margin-left: -33.33333%;
    }
    .grid .full-5 {
        display: block;
        width: 41.66667%;
    }
    .grid.inline .full-5 {
        display: inline-block;
    }
    .grid .full-push-5 {
        left: 41.66667%;
    }
    .grid .full-pull-5 {
        right: 41.66667%;
    }
    .grid .full-move-5 {
        margin-left: 41.66667%;
    }
    .grid .full-back-5 {
        margin-left: -41.66667%;
    }
    .grid .full-6 {
        display: block;
        width: 50%;
    }
    .grid.inline .full-6 {
        display: inline-block;
    }
    .grid .full-push-6 {
        left: 50%;
    }
    .grid .full-pull-6 {
        right: 50%;
    }
    .grid .full-move-6 {
        margin-left: 50%;
    }
    .grid .full-back-6 {
        margin-left: -50%;
    }
    .grid .full-7 {
        display: block;
        width: 58.33333%;
    }
    .grid.inline .full-7 {
        display: inline-block;
    }
    .grid .full-push-7 {
        left: 58.33333%;
    }
    .grid .full-pull-7 {
        right: 58.33333%;
    }
    .grid .full-move-7 {
        margin-left: 58.33333%;
    }
    .grid .full-back-7 {
        margin-left: -58.33333%;
    }
    .grid .full-8 {
        display: block;
        width: 66.66667%;
    }
    .grid.inline .full-8 {
        display: inline-block;
    }
    .grid .full-push-8 {
        left: 66.66667%;
    }
    .grid .full-pull-8 {
        right: 66.66667%;
    }
    .grid .full-move-8 {
        margin-left: 66.66667%;
    }
    .grid .full-back-8 {
        margin-left: -66.66667%;
    }
    .grid .full-9 {
        display: block;
        width: 75%;
    }
    .grid.inline .full-9 {
        display: inline-block;
    }
    .grid .full-push-9 {
        left: 75%;
    }
    .grid .full-pull-9 {
        right: 75%;
    }
    .grid .full-move-9 {
        margin-left: 75%;
    }
    .grid .full-back-9 {
        margin-left: -75%;
    }
    .grid .full-10 {
        display: block;
        width: 83.33333%;
    }
    .grid.inline .full-10 {
        display: inline-block;
    }
    .grid .full-push-10 {
        left: 83.33333%;
    }
    .grid .full-pull-10 {
        right: 83.33333%;
    }
    .grid .full-move-10 {
        margin-left: 83.33333%;
    }
    .grid .full-back-10 {
        margin-left: -83.33333%;
    }
    .grid .full-11 {
        display: block;
        width: 91.66667%;
    }
    .grid.inline .full-11 {
        display: inline-block;
    }
    .grid .full-push-11 {
        left: 91.66667%;
    }
    .grid .full-pull-11 {
        right: 91.66667%;
    }
    .grid .full-move-11 {
        margin-left: 91.66667%;
    }
    .grid .full-back-11 {
        margin-left: -91.66667%;
    }
    .grid .full-12 {
        display: block;
        width: 100%;
    }
    .grid.inline .full-12 {
        display: inline-block;
    }
    .grid .full-push-12 {
        left: 100%;
    }
    .grid .full-pull-12 {
        right: 100%;
    }
    .grid .full-move-12 {
        margin-left: 100%;
    }
    .grid .full-back-12 {
        margin-left: -100%;
    }
}

@media (max-width: 1660px) {
    .grid .long-0 {
        display: none;
        width: 0%;
    }
    .grid.inline .long-0 {
        display: none;
    }
    .grid .long-push-0 {
        left: auto;
    }
    .grid .long-pull-0 {
        right: auto;
    }
    .grid .long-move-0 {
        margin-left: 0%;
    }
    .grid .long-back-0 {
        margin-left: -0%;
    }
    .grid .long-1 {
        display: block;
        width: 8.33333%;
    }
    .grid.inline .long-1 {
        display: inline-block;
    }
    .grid .long-push-1 {
        left: 8.33333%;
    }
    .grid .long-pull-1 {
        right: 8.33333%;
    }
    .grid .long-move-1 {
        margin-left: 8.33333%;
    }
    .grid .long-back-1 {
        margin-left: -8.33333%;
    }
    .grid .long-2 {
        display: block;
        width: 16.66667%;
    }
    .grid.inline .long-2 {
        display: inline-block;
    }
    .grid .long-push-2 {
        left: 16.66667%;
    }
    .grid .long-pull-2 {
        right: 16.66667%;
    }
    .grid .long-move-2 {
        margin-left: 16.66667%;
    }
    .grid .long-back-2 {
        margin-left: -16.66667%;
    }
    .grid .long-3 {
        display: block;
        width: 25%;
    }
    .grid.inline .long-3 {
        display: inline-block;
    }
    .grid .long-push-3 {
        left: 25%;
    }
    .grid .long-pull-3 {
        right: 25%;
    }
    .grid .long-move-3 {
        margin-left: 25%;
    }
    .grid .long-back-3 {
        margin-left: -25%;
    }
    .grid .long-4 {
        display: block;
        width: 33.33333%;
    }
    .grid.inline .long-4 {
        display: inline-block;
    }
    .grid .long-push-4 {
        left: 33.33333%;
    }
    .grid .long-pull-4 {
        right: 33.33333%;
    }
    .grid .long-move-4 {
        margin-left: 33.33333%;
    }
    .grid .long-back-4 {
        margin-left: -33.33333%;
    }
    .grid .long-5 {
        display: block;
        width: 41.66667%;
    }
    .grid.inline .long-5 {
        display: inline-block;
    }
    .grid .long-push-5 {
        left: 41.66667%;
    }
    .grid .long-pull-5 {
        right: 41.66667%;
    }
    .grid .long-move-5 {
        margin-left: 41.66667%;
    }
    .grid .long-back-5 {
        margin-left: -41.66667%;
    }
    .grid .long-6 {
        display: block;
        width: 50%;
    }
    .grid.inline .long-6 {
        display: inline-block;
    }
    .grid .long-push-6 {
        left: 50%;
    }
    .grid .long-pull-6 {
        right: 50%;
    }
    .grid .long-move-6 {
        margin-left: 50%;
    }
    .grid .long-back-6 {
        margin-left: -50%;
    }
    .grid .long-7 {
        display: block;
        width: 58.33333%;
    }
    .grid.inline .long-7 {
        display: inline-block;
    }
    .grid .long-push-7 {
        left: 58.33333%;
    }
    .grid .long-pull-7 {
        right: 58.33333%;
    }
    .grid .long-move-7 {
        margin-left: 58.33333%;
    }
    .grid .long-back-7 {
        margin-left: -58.33333%;
    }
    .grid .long-8 {
        display: block;
        width: 66.66667%;
    }
    .grid.inline .long-8 {
        display: inline-block;
    }
    .grid .long-push-8 {
        left: 66.66667%;
    }
    .grid .long-pull-8 {
        right: 66.66667%;
    }
    .grid .long-move-8 {
        margin-left: 66.66667%;
    }
    .grid .long-back-8 {
        margin-left: -66.66667%;
    }
    .grid .long-9 {
        display: block;
        width: 75%;
    }
    .grid.inline .long-9 {
        display: inline-block;
    }
    .grid .long-push-9 {
        left: 75%;
    }
    .grid .long-pull-9 {
        right: 75%;
    }
    .grid .long-move-9 {
        margin-left: 75%;
    }
    .grid .long-back-9 {
        margin-left: -75%;
    }
    .grid .long-10 {
        display: block;
        width: 83.33333%;
    }
    .grid.inline .long-10 {
        display: inline-block;
    }
    .grid .long-push-10 {
        left: 83.33333%;
    }
    .grid .long-pull-10 {
        right: 83.33333%;
    }
    .grid .long-move-10 {
        margin-left: 83.33333%;
    }
    .grid .long-back-10 {
        margin-left: -83.33333%;
    }
    .grid .long-11 {
        display: block;
        width: 91.66667%;
    }
    .grid.inline .long-11 {
        display: inline-block;
    }
    .grid .long-push-11 {
        left: 91.66667%;
    }
    .grid .long-pull-11 {
        right: 91.66667%;
    }
    .grid .long-move-11 {
        margin-left: 91.66667%;
    }
    .grid .long-back-11 {
        margin-left: -91.66667%;
    }
    .grid .long-12 {
        display: block;
        width: 100%;
    }
    .grid.inline .long-12 {
        display: inline-block;
    }
    .grid .long-push-12 {
        left: 100%;
    }
    .grid .long-pull-12 {
        right: 100%;
    }
    .grid .long-move-12 {
        margin-left: 100%;
    }
    .grid .long-back-12 {
        margin-left: -100%;
    }
}

@media (max-width: 1440px) {
    .grid .large-0 {
        display: none;
        width: 0%;
    }
    .grid.inline .large-0 {
        display: none;
    }
    .grid .large-push-0 {
        left: auto;
    }
    .grid .large-pull-0 {
        right: auto;
    }
    .grid .large-move-0 {
        margin-left: 0%;
    }
    .grid .large-back-0 {
        margin-left: -0%;
    }
    .grid .large-1 {
        display: block;
        width: 8.33333%;
    }
    .grid.inline .large-1 {
        display: inline-block;
    }
    .grid .large-push-1 {
        left: 8.33333%;
    }
    .grid .large-pull-1 {
        right: 8.33333%;
    }
    .grid .large-move-1 {
        margin-left: 8.33333%;
    }
    .grid .large-back-1 {
        margin-left: -8.33333%;
    }
    .grid .large-2 {
        display: block;
        width: 16.66667%;
    }
    .grid.inline .large-2 {
        display: inline-block;
    }
    .grid .large-push-2 {
        left: 16.66667%;
    }
    .grid .large-pull-2 {
        right: 16.66667%;
    }
    .grid .large-move-2 {
        margin-left: 16.66667%;
    }
    .grid .large-back-2 {
        margin-left: -16.66667%;
    }
    .grid .large-3 {
        display: block;
        width: 25%;
    }
    .grid.inline .large-3 {
        display: inline-block;
    }
    .grid .large-push-3 {
        left: 25%;
    }
    .grid .large-pull-3 {
        right: 25%;
    }
    .grid .large-move-3 {
        margin-left: 25%;
    }
    .grid .large-back-3 {
        margin-left: -25%;
    }
    .grid .large-4 {
        display: block;
        width: 33.33333%;
    }
    .grid.inline .large-4 {
        display: inline-block;
    }
    .grid .large-push-4 {
        left: 33.33333%;
    }
    .grid .large-pull-4 {
        right: 33.33333%;
    }
    .grid .large-move-4 {
        margin-left: 33.33333%;
    }
    .grid .large-back-4 {
        margin-left: -33.33333%;
    }
    .grid .large-5 {
        display: block;
        width: 41.66667%;
    }
    .grid.inline .large-5 {
        display: inline-block;
    }
    .grid .large-push-5 {
        left: 41.66667%;
    }
    .grid .large-pull-5 {
        right: 41.66667%;
    }
    .grid .large-move-5 {
        margin-left: 41.66667%;
    }
    .grid .large-back-5 {
        margin-left: -41.66667%;
    }
    .grid .large-6 {
        display: block;
        width: 50%;
    }
    .grid.inline .large-6 {
        display: inline-block;
    }
    .grid .large-push-6 {
        left: 50%;
    }
    .grid .large-pull-6 {
        right: 50%;
    }
    .grid .large-move-6 {
        margin-left: 50%;
    }
    .grid .large-back-6 {
        margin-left: -50%;
    }
    .grid .large-7 {
        display: block;
        width: 58.33333%;
    }
    .grid.inline .large-7 {
        display: inline-block;
    }
    .grid .large-push-7 {
        left: 58.33333%;
    }
    .grid .large-pull-7 {
        right: 58.33333%;
    }
    .grid .large-move-7 {
        margin-left: 58.33333%;
    }
    .grid .large-back-7 {
        margin-left: -58.33333%;
    }
    .grid .large-8 {
        display: block;
        width: 66.66667%;
    }
    .grid.inline .large-8 {
        display: inline-block;
    }
    .grid .large-push-8 {
        left: 66.66667%;
    }
    .grid .large-pull-8 {
        right: 66.66667%;
    }
    .grid .large-move-8 {
        margin-left: 66.66667%;
    }
    .grid .large-back-8 {
        margin-left: -66.66667%;
    }
    .grid .large-9 {
        display: block;
        width: 75%;
    }
    .grid.inline .large-9 {
        display: inline-block;
    }
    .grid .large-push-9 {
        left: 75%;
    }
    .grid .large-pull-9 {
        right: 75%;
    }
    .grid .large-move-9 {
        margin-left: 75%;
    }
    .grid .large-back-9 {
        margin-left: -75%;
    }
    .grid .large-10 {
        display: block;
        width: 83.33333%;
    }
    .grid.inline .large-10 {
        display: inline-block;
    }
    .grid .large-push-10 {
        left: 83.33333%;
    }
    .grid .large-pull-10 {
        right: 83.33333%;
    }
    .grid .large-move-10 {
        margin-left: 83.33333%;
    }
    .grid .large-back-10 {
        margin-left: -83.33333%;
    }
    .grid .large-11 {
        display: block;
        width: 91.66667%;
    }
    .grid.inline .large-11 {
        display: inline-block;
    }
    .grid .large-push-11 {
        left: 91.66667%;
    }
    .grid .large-pull-11 {
        right: 91.66667%;
    }
    .grid .large-move-11 {
        margin-left: 91.66667%;
    }
    .grid .large-back-11 {
        margin-left: -91.66667%;
    }
    .grid .large-12 {
        display: block;
        width: 100%;
    }
    .grid.inline .large-12 {
        display: inline-block;
    }
    .grid .large-push-12 {
        left: 100%;
    }
    .grid .large-pull-12 {
        right: 100%;
    }
    .grid .large-move-12 {
        margin-left: 100%;
    }
    .grid .large-back-12 {
        margin-left: -100%;
    }
}

@media (max-width: 1366px) {
    .grid .medium-0 {
        display: none;
        width: 0%;
    }
    .grid.inline .medium-0 {
        display: none;
    }
    .grid .medium-push-0 {
        left: auto;
    }
    .grid .medium-pull-0 {
        right: auto;
    }
    .grid .medium-move-0 {
        margin-left: 0%;
    }
    .grid .medium-back-0 {
        margin-left: -0%;
    }
    .grid .medium-1 {
        display: block;
        width: 8.33333%;
    }
    .grid.inline .medium-1 {
        display: inline-block;
    }
    .grid .medium-push-1 {
        left: 8.33333%;
    }
    .grid .medium-pull-1 {
        right: 8.33333%;
    }
    .grid .medium-move-1 {
        margin-left: 8.33333%;
    }
    .grid .medium-back-1 {
        margin-left: -8.33333%;
    }
    .grid .medium-2 {
        display: block;
        width: 16.66667%;
    }
    .grid.inline .medium-2 {
        display: inline-block;
    }
    .grid .medium-push-2 {
        left: 16.66667%;
    }
    .grid .medium-pull-2 {
        right: 16.66667%;
    }
    .grid .medium-move-2 {
        margin-left: 16.66667%;
    }
    .grid .medium-back-2 {
        margin-left: -16.66667%;
    }
    .grid .medium-3 {
        display: block;
        width: 25%;
    }
    .grid.inline .medium-3 {
        display: inline-block;
    }
    .grid .medium-push-3 {
        left: 25%;
    }
    .grid .medium-pull-3 {
        right: 25%;
    }
    .grid .medium-move-3 {
        margin-left: 25%;
    }
    .grid .medium-back-3 {
        margin-left: -25%;
    }
    .grid .medium-4 {
        display: block;
        width: 33.33333%;
    }
    .grid.inline .medium-4 {
        display: inline-block;
    }
    .grid .medium-push-4 {
        left: 33.33333%;
    }
    .grid .medium-pull-4 {
        right: 33.33333%;
    }
    .grid .medium-move-4 {
        margin-left: 33.33333%;
    }
    .grid .medium-back-4 {
        margin-left: -33.33333%;
    }
    .grid .medium-5 {
        display: block;
        width: 41.66667%;
    }
    .grid.inline .medium-5 {
        display: inline-block;
    }
    .grid .medium-push-5 {
        left: 41.66667%;
    }
    .grid .medium-pull-5 {
        right: 41.66667%;
    }
    .grid .medium-move-5 {
        margin-left: 41.66667%;
    }
    .grid .medium-back-5 {
        margin-left: -41.66667%;
    }
    .grid .medium-6 {
        display: block;
        width: 50%;
    }
    .grid.inline .medium-6 {
        display: inline-block;
    }
    .grid .medium-push-6 {
        left: 50%;
    }
    .grid .medium-pull-6 {
        right: 50%;
    }
    .grid .medium-move-6 {
        margin-left: 50%;
    }
    .grid .medium-back-6 {
        margin-left: -50%;
    }
    .grid .medium-7 {
        display: block;
        width: 58.33333%;
    }
    .grid.inline .medium-7 {
        display: inline-block;
    }
    .grid .medium-push-7 {
        left: 58.33333%;
    }
    .grid .medium-pull-7 {
        right: 58.33333%;
    }
    .grid .medium-move-7 {
        margin-left: 58.33333%;
    }
    .grid .medium-back-7 {
        margin-left: -58.33333%;
    }
    .grid .medium-8 {
        display: block;
        width: 66.66667%;
    }
    .grid.inline .medium-8 {
        display: inline-block;
    }
    .grid .medium-push-8 {
        left: 66.66667%;
    }
    .grid .medium-pull-8 {
        right: 66.66667%;
    }
    .grid .medium-move-8 {
        margin-left: 66.66667%;
    }
    .grid .medium-back-8 {
        margin-left: -66.66667%;
    }
    .grid .medium-9 {
        display: block;
        width: 75%;
    }
    .grid.inline .medium-9 {
        display: inline-block;
    }
    .grid .medium-push-9 {
        left: 75%;
    }
    .grid .medium-pull-9 {
        right: 75%;
    }
    .grid .medium-move-9 {
        margin-left: 75%;
    }
    .grid .medium-back-9 {
        margin-left: -75%;
    }
    .grid .medium-10 {
        display: block;
        width: 83.33333%;
    }
    .grid.inline .medium-10 {
        display: inline-block;
    }
    .grid .medium-push-10 {
        left: 83.33333%;
    }
    .grid .medium-pull-10 {
        right: 83.33333%;
    }
    .grid .medium-move-10 {
        margin-left: 83.33333%;
    }
    .grid .medium-back-10 {
        margin-left: -83.33333%;
    }
    .grid .medium-11 {
        display: block;
        width: 91.66667%;
    }
    .grid.inline .medium-11 {
        display: inline-block;
    }
    .grid .medium-push-11 {
        left: 91.66667%;
    }
    .grid .medium-pull-11 {
        right: 91.66667%;
    }
    .grid .medium-move-11 {
        margin-left: 91.66667%;
    }
    .grid .medium-back-11 {
        margin-left: -91.66667%;
    }
    .grid .medium-12 {
        display: block;
        width: 100%;
    }
    .grid.inline .medium-12 {
        display: inline-block;
    }
    .grid .medium-push-12 {
        left: 100%;
    }
    .grid .medium-pull-12 {
        right: 100%;
    }
    .grid .medium-move-12 {
        margin-left: 100%;
    }
    .grid .medium-back-12 {
        margin-left: -100%;
    }
}

@media (max-width: 1280px) {
    .grid .small-0 {
        display: none;
        width: 0%;
    }
    .grid.inline .small-0 {
        display: none;
    }
    .grid .small-push-0 {
        left: auto;
    }
    .grid .small-pull-0 {
        right: auto;
    }
    .grid .small-move-0 {
        margin-left: 0%;
    }
    .grid .small-back-0 {
        margin-left: -0%;
    }
    .grid .small-1 {
        display: block;
        width: 8.33333%;
    }
    .grid.inline .small-1 {
        display: inline-block;
    }
    .grid .small-push-1 {
        left: 8.33333%;
    }
    .grid .small-pull-1 {
        right: 8.33333%;
    }
    .grid .small-move-1 {
        margin-left: 8.33333%;
    }
    .grid .small-back-1 {
        margin-left: -8.33333%;
    }
    .grid .small-2 {
        display: block;
        width: 16.66667%;
    }
    .grid.inline .small-2 {
        display: inline-block;
    }
    .grid .small-push-2 {
        left: 16.66667%;
    }
    .grid .small-pull-2 {
        right: 16.66667%;
    }
    .grid .small-move-2 {
        margin-left: 16.66667%;
    }
    .grid .small-back-2 {
        margin-left: -16.66667%;
    }
    .grid .small-3 {
        display: block;
        width: 25%;
    }
    .grid.inline .small-3 {
        display: inline-block;
    }
    .grid .small-push-3 {
        left: 25%;
    }
    .grid .small-pull-3 {
        right: 25%;
    }
    .grid .small-move-3 {
        margin-left: 25%;
    }
    .grid .small-back-3 {
        margin-left: -25%;
    }
    .grid .small-4 {
        display: block;
        width: 33.33333%;
    }
    .grid.inline .small-4 {
        display: inline-block;
    }
    .grid .small-push-4 {
        left: 33.33333%;
    }
    .grid .small-pull-4 {
        right: 33.33333%;
    }
    .grid .small-move-4 {
        margin-left: 33.33333%;
    }
    .grid .small-back-4 {
        margin-left: -33.33333%;
    }
    .grid .small-5 {
        display: block;
        width: 41.66667%;
    }
    .grid.inline .small-5 {
        display: inline-block;
    }
    .grid .small-push-5 {
        left: 41.66667%;
    }
    .grid .small-pull-5 {
        right: 41.66667%;
    }
    .grid .small-move-5 {
        margin-left: 41.66667%;
    }
    .grid .small-back-5 {
        margin-left: -41.66667%;
    }
    .grid .small-6 {
        display: block;
        width: 50%;
    }
    .grid.inline .small-6 {
        display: inline-block;
    }
    .grid .small-push-6 {
        left: 50%;
    }
    .grid .small-pull-6 {
        right: 50%;
    }
    .grid .small-move-6 {
        margin-left: 50%;
    }
    .grid .small-back-6 {
        margin-left: -50%;
    }
    .grid .small-7 {
        display: block;
        width: 58.33333%;
    }
    .grid.inline .small-7 {
        display: inline-block;
    }
    .grid .small-push-7 {
        left: 58.33333%;
    }
    .grid .small-pull-7 {
        right: 58.33333%;
    }
    .grid .small-move-7 {
        margin-left: 58.33333%;
    }
    .grid .small-back-7 {
        margin-left: -58.33333%;
    }
    .grid .small-8 {
        display: block;
        width: 66.66667%;
    }
    .grid.inline .small-8 {
        display: inline-block;
    }
    .grid .small-push-8 {
        left: 66.66667%;
    }
    .grid .small-pull-8 {
        right: 66.66667%;
    }
    .grid .small-move-8 {
        margin-left: 66.66667%;
    }
    .grid .small-back-8 {
        margin-left: -66.66667%;
    }
    .grid .small-9 {
        display: block;
        width: 75%;
    }
    .grid.inline .small-9 {
        display: inline-block;
    }
    .grid .small-push-9 {
        left: 75%;
    }
    .grid .small-pull-9 {
        right: 75%;
    }
    .grid .small-move-9 {
        margin-left: 75%;
    }
    .grid .small-back-9 {
        margin-left: -75%;
    }
    .grid .small-10 {
        display: block;
        width: 83.33333%;
    }
    .grid.inline .small-10 {
        display: inline-block;
    }
    .grid .small-push-10 {
        left: 83.33333%;
    }
    .grid .small-pull-10 {
        right: 83.33333%;
    }
    .grid .small-move-10 {
        margin-left: 83.33333%;
    }
    .grid .small-back-10 {
        margin-left: -83.33333%;
    }
    .grid .small-11 {
        display: block;
        width: 91.66667%;
    }
    .grid.inline .small-11 {
        display: inline-block;
    }
    .grid .small-push-11 {
        left: 91.66667%;
    }
    .grid .small-pull-11 {
        right: 91.66667%;
    }
    .grid .small-move-11 {
        margin-left: 91.66667%;
    }
    .grid .small-back-11 {
        margin-left: -91.66667%;
    }
    .grid .small-12 {
        display: block;
        width: 100%;
    }
    .grid.inline .small-12 {
        display: inline-block;
    }
    .grid .small-push-12 {
        left: 100%;
    }
    .grid .small-pull-12 {
        right: 100%;
    }
    .grid .small-move-12 {
        margin-left: 100%;
    }
    .grid .small-back-12 {
        margin-left: -100%;
    }
}

@media (max-width: 1024px) {
    .grid .mini-0 {
        display: none;
        width: 0%;
    }
    .grid.inline .mini-0 {
        display: none;
    }
    .grid .mini-push-0 {
        left: auto;
    }
    .grid .mini-pull-0 {
        right: auto;
    }
    .grid .mini-move-0 {
        margin-left: 0%;
    }
    .grid .mini-back-0 {
        margin-left: -0%;
    }
    .grid .mini-1 {
        display: block;
        width: 8.33333%;
    }
    .grid.inline .mini-1 {
        display: inline-block;
    }
    .grid .mini-push-1 {
        left: 8.33333%;
    }
    .grid .mini-pull-1 {
        right: 8.33333%;
    }
    .grid .mini-move-1 {
        margin-left: 8.33333%;
    }
    .grid .mini-back-1 {
        margin-left: -8.33333%;
    }
    .grid .mini-2 {
        display: block;
        width: 16.66667%;
    }
    .grid.inline .mini-2 {
        display: inline-block;
    }
    .grid .mini-push-2 {
        left: 16.66667%;
    }
    .grid .mini-pull-2 {
        right: 16.66667%;
    }
    .grid .mini-move-2 {
        margin-left: 16.66667%;
    }
    .grid .mini-back-2 {
        margin-left: -16.66667%;
    }
    .grid .mini-3 {
        display: block;
        width: 25%;
    }
    .grid.inline .mini-3 {
        display: inline-block;
    }
    .grid .mini-push-3 {
        left: 25%;
    }
    .grid .mini-pull-3 {
        right: 25%;
    }
    .grid .mini-move-3 {
        margin-left: 25%;
    }
    .grid .mini-back-3 {
        margin-left: -25%;
    }
    .grid .mini-4 {
        display: block;
        width: 33.33333%;
    }
    .grid.inline .mini-4 {
        display: inline-block;
    }
    .grid .mini-push-4 {
        left: 33.33333%;
    }
    .grid .mini-pull-4 {
        right: 33.33333%;
    }
    .grid .mini-move-4 {
        margin-left: 33.33333%;
    }
    .grid .mini-back-4 {
        margin-left: -33.33333%;
    }
    .grid .mini-5 {
        display: block;
        width: 41.66667%;
    }
    .grid.inline .mini-5 {
        display: inline-block;
    }
    .grid .mini-push-5 {
        left: 41.66667%;
    }
    .grid .mini-pull-5 {
        right: 41.66667%;
    }
    .grid .mini-move-5 {
        margin-left: 41.66667%;
    }
    .grid .mini-back-5 {
        margin-left: -41.66667%;
    }
    .grid .mini-6 {
        display: block;
        width: 50%;
    }
    .grid.inline .mini-6 {
        display: inline-block;
    }
    .grid .mini-push-6 {
        left: 50%;
    }
    .grid .mini-pull-6 {
        right: 50%;
    }
    .grid .mini-move-6 {
        margin-left: 50%;
    }
    .grid .mini-back-6 {
        margin-left: -50%;
    }
    .grid .mini-7 {
        display: block;
        width: 58.33333%;
    }
    .grid.inline .mini-7 {
        display: inline-block;
    }
    .grid .mini-push-7 {
        left: 58.33333%;
    }
    .grid .mini-pull-7 {
        right: 58.33333%;
    }
    .grid .mini-move-7 {
        margin-left: 58.33333%;
    }
    .grid .mini-back-7 {
        margin-left: -58.33333%;
    }
    .grid .mini-8 {
        display: block;
        width: 66.66667%;
    }
    .grid.inline .mini-8 {
        display: inline-block;
    }
    .grid .mini-push-8 {
        left: 66.66667%;
    }
    .grid .mini-pull-8 {
        right: 66.66667%;
    }
    .grid .mini-move-8 {
        margin-left: 66.66667%;
    }
    .grid .mini-back-8 {
        margin-left: -66.66667%;
    }
    .grid .mini-9 {
        display: block;
        width: 75%;
    }
    .grid.inline .mini-9 {
        display: inline-block;
    }
    .grid .mini-push-9 {
        left: 75%;
    }
    .grid .mini-pull-9 {
        right: 75%;
    }
    .grid .mini-move-9 {
        margin-left: 75%;
    }
    .grid .mini-back-9 {
        margin-left: -75%;
    }
    .grid .mini-10 {
        display: block;
        width: 83.33333%;
    }
    .grid.inline .mini-10 {
        display: inline-block;
    }
    .grid .mini-push-10 {
        left: 83.33333%;
    }
    .grid .mini-pull-10 {
        right: 83.33333%;
    }
    .grid .mini-move-10 {
        margin-left: 83.33333%;
    }
    .grid .mini-back-10 {
        margin-left: -83.33333%;
    }
    .grid .mini-11 {
        display: block;
        width: 91.66667%;
    }
    .grid.inline .mini-11 {
        display: inline-block;
    }
    .grid .mini-push-11 {
        left: 91.66667%;
    }
    .grid .mini-pull-11 {
        right: 91.66667%;
    }
    .grid .mini-move-11 {
        margin-left: 91.66667%;
    }
    .grid .mini-back-11 {
        margin-left: -91.66667%;
    }
    .grid .mini-12 {
        display: block;
        width: 100%;
    }
    .grid.inline .mini-12 {
        display: inline-block;
    }
    .grid .mini-push-12 {
        left: 100%;
    }
    .grid .mini-pull-12 {
        right: 100%;
    }
    .grid .mini-move-12 {
        margin-left: 100%;
    }
    .grid .mini-back-12 {
        margin-left: -100%;
    }
}

@media (max-width: 800px) {
    .grid .tiny-0 {
        display: none;
        width: 0%;
    }
    .grid.inline .tiny-0 {
        display: none;
    }
    .grid .tiny-push-0 {
        left: auto;
    }
    .grid .tiny-pull-0 {
        right: auto;
    }
    .grid .tiny-move-0 {
        margin-left: 0%;
    }
    .grid .tiny-back-0 {
        margin-left: -0%;
    }
    .grid .tiny-1 {
        display: block;
        width: 8.33333%;
    }
    .grid.inline .tiny-1 {
        display: inline-block;
    }
    .grid .tiny-push-1 {
        left: 8.33333%;
    }
    .grid .tiny-pull-1 {
        right: 8.33333%;
    }
    .grid .tiny-move-1 {
        margin-left: 8.33333%;
    }
    .grid .tiny-back-1 {
        margin-left: -8.33333%;
    }
    .grid .tiny-2 {
        display: block;
        width: 16.66667%;
    }
    .grid.inline .tiny-2 {
        display: inline-block;
    }
    .grid .tiny-push-2 {
        left: 16.66667%;
    }
    .grid .tiny-pull-2 {
        right: 16.66667%;
    }
    .grid .tiny-move-2 {
        margin-left: 16.66667%;
    }
    .grid .tiny-back-2 {
        margin-left: -16.66667%;
    }
    .grid .tiny-3 {
        display: block;
        width: 25%;
    }
    .grid.inline .tiny-3 {
        display: inline-block;
    }
    .grid .tiny-push-3 {
        left: 25%;
    }
    .grid .tiny-pull-3 {
        right: 25%;
    }
    .grid .tiny-move-3 {
        margin-left: 25%;
    }
    .grid .tiny-back-3 {
        margin-left: -25%;
    }
    .grid .tiny-4 {
        display: block;
        width: 33.33333%;
    }
    .grid.inline .tiny-4 {
        display: inline-block;
    }
    .grid .tiny-push-4 {
        left: 33.33333%;
    }
    .grid .tiny-pull-4 {
        right: 33.33333%;
    }
    .grid .tiny-move-4 {
        margin-left: 33.33333%;
    }
    .grid .tiny-back-4 {
        margin-left: -33.33333%;
    }
    .grid .tiny-5 {
        display: block;
        width: 41.66667%;
    }
    .grid.inline .tiny-5 {
        display: inline-block;
    }
    .grid .tiny-push-5 {
        left: 41.66667%;
    }
    .grid .tiny-pull-5 {
        right: 41.66667%;
    }
    .grid .tiny-move-5 {
        margin-left: 41.66667%;
    }
    .grid .tiny-back-5 {
        margin-left: -41.66667%;
    }
    .grid .tiny-6 {
        display: block;
        width: 50%;
    }
    .grid.inline .tiny-6 {
        display: inline-block;
    }
    .grid .tiny-push-6 {
        left: 50%;
    }
    .grid .tiny-pull-6 {
        right: 50%;
    }
    .grid .tiny-move-6 {
        margin-left: 50%;
    }
    .grid .tiny-back-6 {
        margin-left: -50%;
    }
    .grid .tiny-7 {
        display: block;
        width: 58.33333%;
    }
    .grid.inline .tiny-7 {
        display: inline-block;
    }
    .grid .tiny-push-7 {
        left: 58.33333%;
    }
    .grid .tiny-pull-7 {
        right: 58.33333%;
    }
    .grid .tiny-move-7 {
        margin-left: 58.33333%;
    }
    .grid .tiny-back-7 {
        margin-left: -58.33333%;
    }
    .grid .tiny-8 {
        display: block;
        width: 66.66667%;
    }
    .grid.inline .tiny-8 {
        display: inline-block;
    }
    .grid .tiny-push-8 {
        left: 66.66667%;
    }
    .grid .tiny-pull-8 {
        right: 66.66667%;
    }
    .grid .tiny-move-8 {
        margin-left: 66.66667%;
    }
    .grid .tiny-back-8 {
        margin-left: -66.66667%;
    }
    .grid .tiny-9 {
        display: block;
        width: 75%;
    }
    .grid.inline .tiny-9 {
        display: inline-block;
    }
    .grid .tiny-push-9 {
        left: 75%;
    }
    .grid .tiny-pull-9 {
        right: 75%;
    }
    .grid .tiny-move-9 {
        margin-left: 75%;
    }
    .grid .tiny-back-9 {
        margin-left: -75%;
    }
    .grid .tiny-10 {
        display: block;
        width: 83.33333%;
    }
    .grid.inline .tiny-10 {
        display: inline-block;
    }
    .grid .tiny-push-10 {
        left: 83.33333%;
    }
    .grid .tiny-pull-10 {
        right: 83.33333%;
    }
    .grid .tiny-move-10 {
        margin-left: 83.33333%;
    }
    .grid .tiny-back-10 {
        margin-left: -83.33333%;
    }
    .grid .tiny-11 {
        display: block;
        width: 91.66667%;
    }
    .grid.inline .tiny-11 {
        display: inline-block;
    }
    .grid .tiny-push-11 {
        left: 91.66667%;
    }
    .grid .tiny-pull-11 {
        right: 91.66667%;
    }
    .grid .tiny-move-11 {
        margin-left: 91.66667%;
    }
    .grid .tiny-back-11 {
        margin-left: -91.66667%;
    }
    .grid .tiny-12 {
        display: block;
        width: 100%;
    }
    .grid.inline .tiny-12 {
        display: inline-block;
    }
    .grid .tiny-push-12 {
        left: 100%;
    }
    .grid .tiny-pull-12 {
        right: 100%;
    }
    .grid .tiny-move-12 {
        margin-left: 100%;
    }
    .grid .tiny-back-12 {
        margin-left: -100%;
    }
}

@media (max-width: 600px) {
    .grid .micro-0 {
        display: none;
        width: 0%;
    }
    .grid.inline .micro-0 {
        display: none;
    }
    .grid .micro-push-0 {
        left: auto;
    }
    .grid .micro-pull-0 {
        right: auto;
    }
    .grid .micro-move-0 {
        margin-left: 0%;
    }
    .grid .micro-back-0 {
        margin-left: -0%;
    }
    .grid .micro-1 {
        display: block;
        width: 8.33333%;
    }
    .grid.inline .micro-1 {
        display: inline-block;
    }
    .grid .micro-push-1 {
        left: 8.33333%;
    }
    .grid .micro-pull-1 {
        right: 8.33333%;
    }
    .grid .micro-move-1 {
        margin-left: 8.33333%;
    }
    .grid .micro-back-1 {
        margin-left: -8.33333%;
    }
    .grid .micro-2 {
        display: block;
        width: 16.66667%;
    }
    .grid.inline .micro-2 {
        display: inline-block;
    }
    .grid .micro-push-2 {
        left: 16.66667%;
    }
    .grid .micro-pull-2 {
        right: 16.66667%;
    }
    .grid .micro-move-2 {
        margin-left: 16.66667%;
    }
    .grid .micro-back-2 {
        margin-left: -16.66667%;
    }
    .grid .micro-3 {
        display: block;
        width: 25%;
    }
    .grid.inline .micro-3 {
        display: inline-block;
    }
    .grid .micro-push-3 {
        left: 25%;
    }
    .grid .micro-pull-3 {
        right: 25%;
    }
    .grid .micro-move-3 {
        margin-left: 25%;
    }
    .grid .micro-back-3 {
        margin-left: -25%;
    }
    .grid .micro-4 {
        display: block;
        width: 33.33333%;
    }
    .grid.inline .micro-4 {
        display: inline-block;
    }
    .grid .micro-push-4 {
        left: 33.33333%;
    }
    .grid .micro-pull-4 {
        right: 33.33333%;
    }
    .grid .micro-move-4 {
        margin-left: 33.33333%;
    }
    .grid .micro-back-4 {
        margin-left: -33.33333%;
    }
    .grid .micro-5 {
        display: block;
        width: 41.66667%;
    }
    .grid.inline .micro-5 {
        display: inline-block;
    }
    .grid .micro-push-5 {
        left: 41.66667%;
    }
    .grid .micro-pull-5 {
        right: 41.66667%;
    }
    .grid .micro-move-5 {
        margin-left: 41.66667%;
    }
    .grid .micro-back-5 {
        margin-left: -41.66667%;
    }
    .grid .micro-6 {
        display: block;
        width: 50%;
    }
    .grid.inline .micro-6 {
        display: inline-block;
    }
    .grid .micro-push-6 {
        left: 50%;
    }
    .grid .micro-pull-6 {
        right: 50%;
    }
    .grid .micro-move-6 {
        margin-left: 50%;
    }
    .grid .micro-back-6 {
        margin-left: -50%;
    }
    .grid .micro-7 {
        display: block;
        width: 58.33333%;
    }
    .grid.inline .micro-7 {
        display: inline-block;
    }
    .grid .micro-push-7 {
        left: 58.33333%;
    }
    .grid .micro-pull-7 {
        right: 58.33333%;
    }
    .grid .micro-move-7 {
        margin-left: 58.33333%;
    }
    .grid .micro-back-7 {
        margin-left: -58.33333%;
    }
    .grid .micro-8 {
        display: block;
        width: 66.66667%;
    }
    .grid.inline .micro-8 {
        display: inline-block;
    }
    .grid .micro-push-8 {
        left: 66.66667%;
    }
    .grid .micro-pull-8 {
        right: 66.66667%;
    }
    .grid .micro-move-8 {
        margin-left: 66.66667%;
    }
    .grid .micro-back-8 {
        margin-left: -66.66667%;
    }
    .grid .micro-9 {
        display: block;
        width: 75%;
    }
    .grid.inline .micro-9 {
        display: inline-block;
    }
    .grid .micro-push-9 {
        left: 75%;
    }
    .grid .micro-pull-9 {
        right: 75%;
    }
    .grid .micro-move-9 {
        margin-left: 75%;
    }
    .grid .micro-back-9 {
        margin-left: -75%;
    }
    .grid .micro-10 {
        display: block;
        width: 83.33333%;
    }
    .grid.inline .micro-10 {
        display: inline-block;
    }
    .grid .micro-push-10 {
        left: 83.33333%;
    }
    .grid .micro-pull-10 {
        right: 83.33333%;
    }
    .grid .micro-move-10 {
        margin-left: 83.33333%;
    }
    .grid .micro-back-10 {
        margin-left: -83.33333%;
    }
    .grid .micro-11 {
        display: block;
        width: 91.66667%;
    }
    .grid.inline .micro-11 {
        display: inline-block;
    }
    .grid .micro-push-11 {
        left: 91.66667%;
    }
    .grid .micro-pull-11 {
        right: 91.66667%;
    }
    .grid .micro-move-11 {
        margin-left: 91.66667%;
    }
    .grid .micro-back-11 {
        margin-left: -91.66667%;
    }
    .grid .micro-12 {
        display: block;
        width: 100%;
    }
    .grid.inline .micro-12 {
        display: inline-block;
    }
    .grid .micro-push-12 {
        left: 100%;
    }
    .grid .micro-pull-12 {
        right: 100%;
    }
    .grid .micro-move-12 {
        margin-left: 100%;
    }
    .grid .micro-back-12 {
        margin-left: -100%;
    }
}

@media (max-width: 480px) {
    .grid .nano-0 {
        display: none;
        width: 0%;
    }
    .grid.inline .nano-0 {
        display: none;
    }
    .grid .nano-push-0 {
        left: auto;
    }
    .grid .nano-pull-0 {
        right: auto;
    }
    .grid .nano-move-0 {
        margin-left: 0%;
    }
    .grid .nano-back-0 {
        margin-left: -0%;
    }
    .grid .nano-1 {
        display: block;
        width: 8.33333%;
    }
    .grid.inline .nano-1 {
        display: inline-block;
    }
    .grid .nano-push-1 {
        left: 8.33333%;
    }
    .grid .nano-pull-1 {
        right: 8.33333%;
    }
    .grid .nano-move-1 {
        margin-left: 8.33333%;
    }
    .grid .nano-back-1 {
        margin-left: -8.33333%;
    }
    .grid .nano-2 {
        display: block;
        width: 16.66667%;
    }
    .grid.inline .nano-2 {
        display: inline-block;
    }
    .grid .nano-push-2 {
        left: 16.66667%;
    }
    .grid .nano-pull-2 {
        right: 16.66667%;
    }
    .grid .nano-move-2 {
        margin-left: 16.66667%;
    }
    .grid .nano-back-2 {
        margin-left: -16.66667%;
    }
    .grid .nano-3 {
        display: block;
        width: 25%;
    }
    .grid.inline .nano-3 {
        display: inline-block;
    }
    .grid .nano-push-3 {
        left: 25%;
    }
    .grid .nano-pull-3 {
        right: 25%;
    }
    .grid .nano-move-3 {
        margin-left: 25%;
    }
    .grid .nano-back-3 {
        margin-left: -25%;
    }
    .grid .nano-4 {
        display: block;
        width: 33.33333%;
    }
    .grid.inline .nano-4 {
        display: inline-block;
    }
    .grid .nano-push-4 {
        left: 33.33333%;
    }
    .grid .nano-pull-4 {
        right: 33.33333%;
    }
    .grid .nano-move-4 {
        margin-left: 33.33333%;
    }
    .grid .nano-back-4 {
        margin-left: -33.33333%;
    }
    .grid .nano-5 {
        display: block;
        width: 41.66667%;
    }
    .grid.inline .nano-5 {
        display: inline-block;
    }
    .grid .nano-push-5 {
        left: 41.66667%;
    }
    .grid .nano-pull-5 {
        right: 41.66667%;
    }
    .grid .nano-move-5 {
        margin-left: 41.66667%;
    }
    .grid .nano-back-5 {
        margin-left: -41.66667%;
    }
    .grid .nano-6 {
        display: block;
        width: 50%;
    }
    .grid.inline .nano-6 {
        display: inline-block;
    }
    .grid .nano-push-6 {
        left: 50%;
    }
    .grid .nano-pull-6 {
        right: 50%;
    }
    .grid .nano-move-6 {
        margin-left: 50%;
    }
    .grid .nano-back-6 {
        margin-left: -50%;
    }
    .grid .nano-7 {
        display: block;
        width: 58.33333%;
    }
    .grid.inline .nano-7 {
        display: inline-block;
    }
    .grid .nano-push-7 {
        left: 58.33333%;
    }
    .grid .nano-pull-7 {
        right: 58.33333%;
    }
    .grid .nano-move-7 {
        margin-left: 58.33333%;
    }
    .grid .nano-back-7 {
        margin-left: -58.33333%;
    }
    .grid .nano-8 {
        display: block;
        width: 66.66667%;
    }
    .grid.inline .nano-8 {
        display: inline-block;
    }
    .grid .nano-push-8 {
        left: 66.66667%;
    }
    .grid .nano-pull-8 {
        right: 66.66667%;
    }
    .grid .nano-move-8 {
        margin-left: 66.66667%;
    }
    .grid .nano-back-8 {
        margin-left: -66.66667%;
    }
    .grid .nano-9 {
        display: block;
        width: 75%;
    }
    .grid.inline .nano-9 {
        display: inline-block;
    }
    .grid .nano-push-9 {
        left: 75%;
    }
    .grid .nano-pull-9 {
        right: 75%;
    }
    .grid .nano-move-9 {
        margin-left: 75%;
    }
    .grid .nano-back-9 {
        margin-left: -75%;
    }
    .grid .nano-10 {
        display: block;
        width: 83.33333%;
    }
    .grid.inline .nano-10 {
        display: inline-block;
    }
    .grid .nano-push-10 {
        left: 83.33333%;
    }
    .grid .nano-pull-10 {
        right: 83.33333%;
    }
    .grid .nano-move-10 {
        margin-left: 83.33333%;
    }
    .grid .nano-back-10 {
        margin-left: -83.33333%;
    }
    .grid .nano-11 {
        display: block;
        width: 91.66667%;
    }
    .grid.inline .nano-11 {
        display: inline-block;
    }
    .grid .nano-push-11 {
        left: 91.66667%;
    }
    .grid .nano-pull-11 {
        right: 91.66667%;
    }
    .grid .nano-move-11 {
        margin-left: 91.66667%;
    }
    .grid .nano-back-11 {
        margin-left: -91.66667%;
    }
    .grid .nano-12 {
        display: block;
        width: 100%;
    }
    .grid.inline .nano-12 {
        display: inline-block;
    }
    .grid .nano-push-12 {
        left: 100%;
    }
    .grid .nano-pull-12 {
        right: 100%;
    }
    .grid .nano-move-12 {
        margin-left: 100%;
    }
    .grid .nano-back-12 {
        margin-left: -100%;
    }
}

@media (max-width: 360px) {
    .grid .least-0 {
        display: none;
        width: 0%;
    }
    .grid.inline .least-0 {
        display: none;
    }
    .grid .least-push-0 {
        left: auto;
    }
    .grid .least-pull-0 {
        right: auto;
    }
    .grid .least-move-0 {
        margin-left: 0%;
    }
    .grid .least-back-0 {
        margin-left: -0%;
    }
    .grid .least-1 {
        display: block;
        width: 8.33333%;
    }
    .grid.inline .least-1 {
        display: inline-block;
    }
    .grid .least-push-1 {
        left: 8.33333%;
    }
    .grid .least-pull-1 {
        right: 8.33333%;
    }
    .grid .least-move-1 {
        margin-left: 8.33333%;
    }
    .grid .least-back-1 {
        margin-left: -8.33333%;
    }
    .grid .least-2 {
        display: block;
        width: 16.66667%;
    }
    .grid.inline .least-2 {
        display: inline-block;
    }
    .grid .least-push-2 {
        left: 16.66667%;
    }
    .grid .least-pull-2 {
        right: 16.66667%;
    }
    .grid .least-move-2 {
        margin-left: 16.66667%;
    }
    .grid .least-back-2 {
        margin-left: -16.66667%;
    }
    .grid .least-3 {
        display: block;
        width: 25%;
    }
    .grid.inline .least-3 {
        display: inline-block;
    }
    .grid .least-push-3 {
        left: 25%;
    }
    .grid .least-pull-3 {
        right: 25%;
    }
    .grid .least-move-3 {
        margin-left: 25%;
    }
    .grid .least-back-3 {
        margin-left: -25%;
    }
    .grid .least-4 {
        display: block;
        width: 33.33333%;
    }
    .grid.inline .least-4 {
        display: inline-block;
    }
    .grid .least-push-4 {
        left: 33.33333%;
    }
    .grid .least-pull-4 {
        right: 33.33333%;
    }
    .grid .least-move-4 {
        margin-left: 33.33333%;
    }
    .grid .least-back-4 {
        margin-left: -33.33333%;
    }
    .grid .least-5 {
        display: block;
        width: 41.66667%;
    }
    .grid.inline .least-5 {
        display: inline-block;
    }
    .grid .least-push-5 {
        left: 41.66667%;
    }
    .grid .least-pull-5 {
        right: 41.66667%;
    }
    .grid .least-move-5 {
        margin-left: 41.66667%;
    }
    .grid .least-back-5 {
        margin-left: -41.66667%;
    }
    .grid .least-6 {
        display: block;
        width: 50%;
    }
    .grid.inline .least-6 {
        display: inline-block;
    }
    .grid .least-push-6 {
        left: 50%;
    }
    .grid .least-pull-6 {
        right: 50%;
    }
    .grid .least-move-6 {
        margin-left: 50%;
    }
    .grid .least-back-6 {
        margin-left: -50%;
    }
    .grid .least-7 {
        display: block;
        width: 58.33333%;
    }
    .grid.inline .least-7 {
        display: inline-block;
    }
    .grid .least-push-7 {
        left: 58.33333%;
    }
    .grid .least-pull-7 {
        right: 58.33333%;
    }
    .grid .least-move-7 {
        margin-left: 58.33333%;
    }
    .grid .least-back-7 {
        margin-left: -58.33333%;
    }
    .grid .least-8 {
        display: block;
        width: 66.66667%;
    }
    .grid.inline .least-8 {
        display: inline-block;
    }
    .grid .least-push-8 {
        left: 66.66667%;
    }
    .grid .least-pull-8 {
        right: 66.66667%;
    }
    .grid .least-move-8 {
        margin-left: 66.66667%;
    }
    .grid .least-back-8 {
        margin-left: -66.66667%;
    }
    .grid .least-9 {
        display: block;
        width: 75%;
    }
    .grid.inline .least-9 {
        display: inline-block;
    }
    .grid .least-push-9 {
        left: 75%;
    }
    .grid .least-pull-9 {
        right: 75%;
    }
    .grid .least-move-9 {
        margin-left: 75%;
    }
    .grid .least-back-9 {
        margin-left: -75%;
    }
    .grid .least-10 {
        display: block;
        width: 83.33333%;
    }
    .grid.inline .least-10 {
        display: inline-block;
    }
    .grid .least-push-10 {
        left: 83.33333%;
    }
    .grid .least-pull-10 {
        right: 83.33333%;
    }
    .grid .least-move-10 {
        margin-left: 83.33333%;
    }
    .grid .least-back-10 {
        margin-left: -83.33333%;
    }
    .grid .least-11 {
        display: block;
        width: 91.66667%;
    }
    .grid.inline .least-11 {
        display: inline-block;
    }
    .grid .least-push-11 {
        left: 91.66667%;
    }
    .grid .least-pull-11 {
        right: 91.66667%;
    }
    .grid .least-move-11 {
        margin-left: 91.66667%;
    }
    .grid .least-back-11 {
        margin-left: -91.66667%;
    }
    .grid .least-12 {
        display: block;
        width: 100%;
    }
    .grid.inline .least-12 {
        display: inline-block;
    }
    .grid .least-push-12 {
        left: 100%;
    }
    .grid .least-pull-12 {
        right: 100%;
    }
    .grid .least-move-12 {
        margin-left: 100%;
    }
    .grid .least-back-12 {
        margin-left: -100%;
    }
}

.rows {
    list-style: none;
    padding: 0;
    margin: 0;
}

.rows,
.rows *,
.rows *::before,
.rows *::after {
    box-sizing: border-box;
}

.rows>* {
    padding: 0;
    margin: 0;
}

.rows>* {
    padding: 10px 15px;
    display: block;
    width: auto;
}

.rows>*>.columns,
.rows>*>.rows,
.rows>*>.grid {
    margin: -10px -15px;
}

.rows.gutterless>* {
    padding: 0;
}

.rows.gutterless>*>.columns,
.rows.gutterless>*>.rows,
.rows.gutterless>*>.grid {
    margin: -0;
}

.columns {
    list-style: none;
    padding: 0;
    margin: 0;
}

.columns,
.columns *,
.columns *::before,
.columns *::after {
    box-sizing: border-box;
}

.columns>* {
    padding: 0;
    margin: 0;
}

.columns::after {
    display: block;
    content: "";
    clear: both;
}

.columns>* {
    padding: 10px 15px;
    display: block;
    width: auto;
    float: left;
}

.columns>*>.columns,
.columns>*>.rows,
.columns>*>.grid {
    margin: -10px -15px;
}

.columns.gutterless>* {
    padding: 0;
}

.columns.gutterless>*>.columns,
.columns.gutterless>*>.rows,
.columns.gutterless>*>.grid {
    margin: -0;
}

.columns.inline {
    letter-spacing: -0.31em;
}

.columns.inline>* {
    letter-spacing: normal;
}

.columns.inline>* {
    display: inline-block;
    vertical-align: top;
    float: none;
}

/*!
 * Float
 * 
 * @version 1.0.0 2017/01/01 00:00
 * @author JOE <joe@youweb.tw>
 * @copyright (c) youweb.tw
 * @link http://youweb.tw/
 */

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.float-none {
    float: none;
}

.float-clear {
    clear: both;
}

/*!
 * Align
 * 
 * @version 1.0.0 2017/01/01 00:00
 * @author JOE <joe@youweb.tw>
 * @copyright (c) youweb.tw
 * @link http://youweb.tw/
 */

.align-left {
    text-align: left;
}

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

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

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

.align-baseline {
    vertical-align: baseline;
}

.align-top {
    vertical-align: top;
}

.align-middle {
    vertical-align: middle;
}

.align-bottom {
    vertical-align: bottom;
}

.align-text-bottom {
    vertical-align: text-bottom;
}

.align-text-top {
    vertical-align: text-top;
}

/*!
 * Msics
 * 
 * @version 1.0.0 2017/01/01 00:00
 * @author JOE <joe@youweb.tw>
 * @copyright (c) youweb.tw
 * @link http://youweb.tw/
 */

.masked::before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: auto;
    height: auto;
    display: block;
    content: "";
    background: transparent;
    pointer-events: none;
}

.fluid {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
}

/*!
 * IcoMoon
 *
 * @version 1.0.0 2017/01/01 00:00
 * @author JOE <joe@youweb.tw>
 * @copyright (c) icomoon.io
 * @link http://icomoon.io/
 */

/*!
 * Font
 * 
 * @version 1.0.0 2017/01/01 00:00
 * @author JOE <joe@youweb.tw>
 * @copyright (c) youweb.tw
 * @link http://youweb.tw/
 */

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

[class^="icon-"]::before,
[class*=" icon-"]::before,
[class^="icon-im"]::before,
[class*=" icon-im"]::before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    display: inline-block;
    position: relative;
    margin: 0 .3em;
}

[class^="icon-"]>i,
[class^="icon-"]>em,
[class*=" icon-"]>i,
[class*=" icon-"]>em,
[class^="icon-im"]>i,
[class^="icon-im"]>em,
[class*=" icon-im"]>i,
[class*=" icon-im"]>em {
    display: inline-block;
    position: relative;
    margin-right: .3em;
    font-style: normal;
}

[class^="icon-"]>i,
[class*=" icon-"]>i,
[class^="icon-im"]>i,
[class*=" icon-im"]>i {
    display: none;
}

[class^="icon-"]::before,
[class*=" icon-"]::before,
[class^="icon-im"]::before,
[class*=" icon-im"]::before {
    font-family: 'icomoon';
}

.icon-home:before,
.icon-im-home:before {
    content: "\e000";
}

.icon-home-2:before,
.icon-im-home-2:before {
    content: "\e001";
}

.icon-home-3:before,
.icon-im-home-3:before {
    content: "\e002";
}

.icon-home-4:before,
.icon-im-home-4:before {
    content: "\e003";
}

.icon-home-5:before,
.icon-im-home-5:before {
    content: "\e004";
}

.icon-home-6:before,
.icon-im-home-6:before {
    content: "\e005";
}

.icon-home-7:before,
.icon-im-home-7:before {
    content: "\e006";
}

.icon-office:before,
.icon-im-office:before {
    content: "\e007";
}

.icon-newspaper:before,
.icon-im-newspaper:before {
    content: "\e008";
}

.icon-pencil:before,
.icon-im-pencil:before {
    content: "\e009";
}

.icon-pencil-2:before,
.icon-im-pencil-2:before {
    content: "\e00a";
}

.icon-pencil-3:before,
.icon-im-pencil-3:before {
    content: "\e00b";
}

.icon-pencil-4:before,
.icon-im-pencil-4:before {
    content: "\e00c";
}

.icon-quill:before,
.icon-im-quill:before {
    content: "\e00d";
}

.icon-quill-2:before,
.icon-im-quill-2:before {
    content: "\e00e";
}

.icon-pen:before,
.icon-im-pen:before {
    content: "\e00f";
}

.icon-pen-2:before,
.icon-im-pen-2:before {
    content: "\e010";
}

.icon-pen-3:before,
.icon-im-pen-3:before {
    content: "\e011";
}

.icon-marker:before,
.icon-im-marker:before {
    content: "\e012";
}

.icon-blog:before,
.icon-im-blog:before {
    content: "\e013";
}

.icon-eyedropper:before,
.icon-im-eyedropper:before {
    content: "\e014";
}

.icon-droplet:before,
.icon-im-droplet:before {
    content: "\e015";
}

.icon-droplet-2:before,
.icon-im-droplet-2:before {
    content: "\e016";
}

.icon-paint-format:before,
.icon-im-paint-format:before {
    content: "\e017";
}

.icon-image:before,
.icon-im-image:before {
    content: "\e018";
}

.icon-image-2:before,
.icon-im-image-2:before {
    content: "\e019";
}

.icon-images:before,
.icon-im-images:before {
    content: "\e01a";
}

.icon-image-3:before,
.icon-im-image-3:before {
    content: "\e01b";
}

.icon-image-4:before,
.icon-im-image-4:before {
    content: "\e01c";
}

.icon-image-5:before,
.icon-im-image-5:before {
    content: "\e01d";
}

.icon-camera:before,
.icon-im-camera:before {
    content: "\e01e";
}

.icon-camera-2:before,
.icon-im-camera-2:before {
    content: "\e01f";
}

.icon-camera-3:before,
.icon-im-camera-3:before {
    content: "\e020";
}

.icon-camera-4:before,
.icon-im-camera-4:before {
    content: "\e021";
}

.icon-music:before,
.icon-im-music:before {
    content: "\e022";
}

.icon-music-2:before,
.icon-im-music-2:before {
    content: "\e023";
}

.icon-music-3:before,
.icon-im-music-3:before {
    content: "\e024";
}

.icon-piano:before,
.icon-im-piano:before {
    content: "\e025";
}

.icon-headphones:before,
.icon-im-headphones:before {
    content: "\e026";
}

.icon-headphones-2:before,
.icon-im-headphones-2:before {
    content: "\e027";
}

.icon-play:before,
.icon-im-play:before {
    content: "\e028";
}

.icon-movie:before,
.icon-im-movie:before {
    content: "\e029";
}

.icon-movie-2:before,
.icon-im-movie-2:before {
    content: "\e02a";
}

.icon-film:before,
.icon-im-film:before {
    content: "\e02b";
}

.icon-film-2:before,
.icon-im-film-2:before {
    content: "\e02c";
}

.icon-film-3:before,
.icon-im-film-3:before {
    content: "\e02d";
}

.icon-camera-5:before,
.icon-im-camera-5:before {
    content: "\e02e";
}

.icon-camera-6:before,
.icon-im-camera-6:before {
    content: "\e02f";
}

.icon-camera-7:before,
.icon-im-camera-7:before {
    content: "\e030";
}

.icon-dice:before,
.icon-im-dice:before {
    content: "\e031";
}

.icon-pacman:before,
.icon-im-pacman:before {
    content: "\e032";
}

.icon-spades:before,
.icon-im-spades:before {
    content: "\e033";
}

.icon-clubs:before,
.icon-im-clubs:before {
    content: "\e034";
}

.icon-diamonds:before,
.icon-im-diamonds:before {
    content: "\e035";
}

.icon-king:before,
.icon-im-king:before {
    content: "\e036";
}

.icon-queen:before,
.icon-im-queen:before {
    content: "\e037";
}

.icon-rock:before,
.icon-im-rock:before {
    content: "\e038";
}

.icon-bishop:before,
.icon-im-bishop:before {
    content: "\e039";
}

.icon-knight:before,
.icon-im-knight:before {
    content: "\e03a";
}

.icon-pawn:before,
.icon-im-pawn:before {
    content: "\e03b";
}

.icon-bullhorn:before,
.icon-im-bullhorn:before {
    content: "\e03c";
}

.icon-megaphone:before,
.icon-im-megaphone:before {
    content: "\e03d";
}

.icon-new:before,
.icon-im-new:before {
    content: "\e03e";
}

.icon-connection:before,
.icon-im-connection:before {
    content: "\e03f";
}

.icon-connection-2:before,
.icon-im-connection-2:before {
    content: "\e040";
}

.icon-podcast:before,
.icon-im-podcast:before {
    content: "\e041";
}

.icon-radio:before,
.icon-im-radio:before {
    content: "\e042";
}

.icon-feed:before,
.icon-im-feed:before {
    content: "\e043";
}

.icon-mic:before,
.icon-im-mic:before {
    content: "\e044";
}

.icon-mic-2:before,
.icon-im-mic-2:before {
    content: "\e045";
}

.icon-mic-3:before,
.icon-im-mic-3:before {
    content: "\e046";
}

.icon-mic-4:before,
.icon-im-mic-4:before {
    content: "\e047";
}

.icon-book:before,
.icon-im-book:before {
    content: "\e048";
}

.icon-book-2:before,
.icon-im-book-2:before {
    content: "\e049";
}

.icon-books:before,
.icon-im-books:before {
    content: "\e04a";
}

.icon-library:before,
.icon-im-library:before {
    content: "\e04b";
}

.icon-file:before,
.icon-im-file:before {
    content: "\e04c";
}

.icon-profile:before,
.icon-im-profile:before {
    content: "\e04d";
}

.icon-file-2:before,
.icon-im-file-2:before {
    content: "\e04e";
}

.icon-file-3:before,
.icon-im-file-3:before {
    content: "\e04f";
}

.icon-file-4:before,
.icon-im-file-4:before {
    content: "\e050";
}

.icon-file-5:before,
.icon-im-file-5:before {
    content: "\e051";
}

.icon-file-6:before,
.icon-im-file-6:before {
    content: "\e052";
}

.icon-file-plus:before,
.icon-im-file-plus:before {
    content: "\e053";
}

.icon-file-minus:before,
.icon-im-file-minus:before {
    content: "\e054";
}

.icon-file-download:before,
.icon-im-file-download:before {
    content: "\e055";
}

.icon-file-upload:before,
.icon-im-file-upload:before {
    content: "\e056";
}

.icon-file-check:before,
.icon-im-file-check:before {
    content: "\e057";
}

.icon-file-remove:before,
.icon-im-file-remove:before {
    content: "\e058";
}

.icon-file-7:before,
.icon-im-file-7:before {
    content: "\e059";
}

.icon-copy:before,
.icon-im-copy:before {
    content: "\e05a";
}

.icon-copy-2:before,
.icon-im-copy-2:before {
    content: "\e05b";
}

.icon-copy-3:before,
.icon-im-copy-3:before {
    content: "\e05c";
}

.icon-copy-4:before,
.icon-im-copy-4:before {
    content: "\e05d";
}

.icon-paste:before,
.icon-im-paste:before {
    content: "\e05e";
}

.icon-paste-2:before,
.icon-im-paste-2:before {
    content: "\e05f";
}

.icon-paste-3:before,
.icon-im-paste-3:before {
    content: "\e060";
}

.icon-stack:before,
.icon-im-stack:before {
    content: "\e061";
}

.icon-folder:before,
.icon-im-folder:before {
    content: "\e062";
}

.icon-folder-download:before,
.icon-im-folder-download:before {
    content: "\e063";
}

.icon-folder-upload:before,
.icon-im-folder-upload:before {
    content: "\e064";
}

.icon-folder-plus:before,
.icon-im-folder-plus:before {
    content: "\e065";
}

.icon-folder-plus-2:before,
.icon-im-folder-plus-2:before {
    content: "\e066";
}

.icon-folder-minus:before,
.icon-im-folder-minus:before {
    content: "\e067";
}

.icon-folder-minus-2:before,
.icon-im-folder-minus-2:before {
    content: "\e068";
}

.icon-folder8:before,
.icon-im-folder8:before {
    content: "\e069";
}

.icon-folder-remove:before,
.icon-im-folder-remove:before {
    content: "\e06a";
}

.icon-folder-2:before,
.icon-im-folder-2:before {
    content: "\e06b";
}

.icon-folder-open:before,
.icon-im-folder-open:before {
    content: "\e06c";
}

.icon-folder-plus-3:before,
.icon-im-folder-plus-3:before {
    content: "\e06d";
}

.icon-folder-minus-3:before,
.icon-im-folder-minus-3:before {
    content: "\e06e";
}

.icon-folder-download-2:before,
.icon-im-folder-download-2:before {
    content: "\e06f";
}

.icon-folder-upload-2:before,
.icon-im-folder-upload-2:before {
    content: "\e070";
}

.icon-folder-3:before,
.icon-im-folder-3:before {
    content: "\e071";
}

.icon-folder-open-2:before,
.icon-im-folder-open-2:before {
    content: "\e072";
}

.icon-certificate:before,
.icon-im-certificate:before {
    content: "\e073";
}

.icon-cc:before,
.icon-im-cc:before {
    content: "\e074";
}

.icon-tag:before,
.icon-im-tag:before {
    content: "\e075";
}

.icon-tag-2:before,
.icon-im-tag-2:before {
    content: "\e076";
}

.icon-tag-3:before,
.icon-im-tag-3:before {
    content: "\e077";
}

.icon-tag-4:before,
.icon-im-tag-4:before {
    content: "\e078";
}

.icon-tags:before,
.icon-im-tags:before {
    content: "\e079";
}

.icon-tags-2:before,
.icon-im-tags-2:before {
    content: "\e07a";
}

.icon-tag-5:before,
.icon-im-tag-5:before {
    content: "\e07b";
}

.icon-barcode:before,
.icon-im-barcode:before {
    content: "\e07c";
}

.icon-barcode-2:before,
.icon-im-barcode-2:before {
    content: "\e07d";
}

.icon-qrcode:before,
.icon-im-qrcode:before {
    content: "\e07e";
}

.icon-ticket:before,
.icon-im-ticket:before {
    content: "\e07f";
}

.icon-cart:before,
.icon-im-cart:before {
    content: "\e080";
}

.icon-cart-2:before,
.icon-im-cart-2:before {
    content: "\e081";
}

.icon-cart-3:before,
.icon-im-cart-3:before {
    content: "\e082";
}

.icon-cart-4:before,
.icon-im-cart-4:before {
    content: "\e083";
}

.icon-cart-5:before,
.icon-im-cart-5:before {
    content: "\e084";
}

.icon-cart-plus:before,
.icon-im-cart-plus:before {
    content: "\e085";
}

.icon-cart-minus:before,
.icon-im-cart-minus:before {
    content: "\e086";
}

.icon-cart-add:before,
.icon-im-cart-add:before {
    content: "\e087";
}

.icon-cart-remove:before,
.icon-im-cart-remove:before {
    content: "\e088";
}

.icon-cart-checkout:before,
.icon-im-cart-checkout:before {
    content: "\e089";
}

.icon-cart-remove-2:before,
.icon-im-cart-remove-2:before {
    content: "\e08a";
}

.icon-basket:before,
.icon-im-basket:before {
    content: "\e08b";
}

.icon-basket-2:before,
.icon-im-basket-2:before {
    content: "\e08c";
}

.icon-coin:before,
.icon-im-coin:before {
    content: "\e08d";
}

.icon-credit:before,
.icon-im-credit:before {
    content: "\e08e";
}

.icon-calculate:before,
.icon-im-calculate:before {
    content: "\e08f";
}

.icon-calculate-2:before,
.icon-im-calculate-2:before {
    content: "\e090";
}

.icon-support:before,
.icon-im-support:before {
    content: "\e091";
}

.icon-phone:before,
.icon-im-phone:before {
    content: "\e092";
}

.icon-phone-2:before,
.icon-im-phone-2:before {
    content: "\e093";
}

.icon-phone-3:before,
.icon-im-phone-3:before {
    content: "\e094";
}

.icon-contact-add:before,
.icon-im-contact-add:before {
    content: "\e095";
}

.icon-contact-remove:before,
.icon-im-contact-remove:before {
    content: "\e096";
}

.icon-contact-add-2:before,
.icon-im-contact-add-2:before {
    content: "\e097";
}

.icon-contact-remove-2:before,
.icon-im-contact-remove-2:before {
    content: "\e098";
}

.icon-call-incoming:before,
.icon-im-call-incoming:before {
    content: "\e099";
}

.icon-call-outgoing:before,
.icon-im-call-outgoing:before {
    content: "\e09a";
}

.icon-phone-4:before,
.icon-im-phone-4:before {
    content: "\e09b";
}

.icon-phone-5:before,
.icon-im-phone-5:before {
    content: "\e09c";
}

.icon-phone-hang-up:before,
.icon-im-phone-hang-up:before {
    content: "\e09d";
}

.icon-phone-hang-up-2:before,
.icon-im-phone-hang-up-2:before {
    content: "\e09e";
}

.icon-address-book:before,
.icon-im-address-book:before {
    content: "\e09f";
}

.icon-notebook:before,
.icon-im-notebook:before {
    content: "\e0a0";
}

.icon-envelop:before,
.icon-im-envelop:before {
    content: "\e0a1";
}

.icon-mail-send:before,
.icon-im-mail-send:before {
    content: "\e0a2";
}

.icon-envelop-2:before,
.icon-im-envelop-2:before {
    content: "\e0a3";
}

.icon-pushpin:before,
.icon-im-pushpin:before {
    content: "\e0a4";
}

.icon-location:before,
.icon-im-location:before {
    content: "\e0a5";
}

.icon-location-2:before,
.icon-im-location-2:before {
    content: "\e0a6";
}

.icon-location-3:before,
.icon-im-location-3:before {
    content: "\e0a7";
}

.icon-location-4:before,
.icon-im-location-4:before {
    content: "\e0a8";
}

.icon-compass:before,
.icon-im-compass:before {
    content: "\e0a9";
}

.icon-compass-2:before,
.icon-im-compass-2:before {
    content: "\e0aa";
}

.icon-map:before,
.icon-im-map:before {
    content: "\e0ab";
}

.icon-map-2:before,
.icon-im-map-2:before {
    content: "\e0ac";
}

.icon-map-3:before,
.icon-im-map-3:before {
    content: "\e0ad";
}

.icon-direction:before,
.icon-im-direction:before {
    content: "\e0ae";
}

.icon-history:before,
.icon-im-history:before {
    content: "\e0af";
}

.icon-clock:before,
.icon-im-clock:before {
    content: "\e0b0";
}

.icon-clock-2:before,
.icon-im-clock-2:before {
    content: "\e0b1";
}

.icon-clock-3:before,
.icon-im-clock-3:before {
    content: "\e0b2";
}

.icon-clock-4:before,
.icon-im-clock-4:before {
    content: "\e0b3";
}

.icon-watch:before,
.icon-im-watch:before {
    content: "\e0b4";
}

.icon-alarm:before,
.icon-im-alarm:before {
    content: "\e0b5";
}

.icon-alarm-2:before,
.icon-im-alarm-2:before {
    content: "\e0b6";
}

.icon-bell:before,
.icon-im-bell:before {
    content: "\e0b7";
}

.icon-stopwatch:before,
.icon-im-stopwatch:before {
    content: "\e0b8";
}

.icon-calendar:before,
.icon-im-calendar:before {
    content: "\e0b9";
}

.icon-calendar-2:before,
.icon-im-calendar-2:before {
    content: "\e0ba";
}

.icon-calendar-3:before,
.icon-im-calendar-3:before {
    content: "\e0bb";
}

.icon-calendar-4:before,
.icon-im-calendar-4:before {
    content: "\e0bc";
}

.icon-print:before,
.icon-im-print:before {
    content: "\e0bd";
}

.icon-print-2:before,
.icon-im-print-2:before {
    content: "\e0be";
}

.icon-mouse:before,
.icon-im-mouse:before {
    content: "\e0bf";
}

.icon-mouse-2:before,
.icon-im-mouse-2:before {
    content: "\e0c0";
}

.icon-keyboard:before,
.icon-im-keyboard:before {
    content: "\e0c1";
}

.icon-screen:before,
.icon-im-screen:before {
    content: "\e0c2";
}

.icon-screen-2:before,
.icon-im-screen-2:before {
    content: "\e0c3";
}

.icon-laptop:before,
.icon-im-laptop:before {
    content: "\e0c4";
}

.icon-mobile:before,
.icon-im-mobile:before {
    content: "\e0c5";
}

.icon-mobile-2:before,
.icon-im-mobile-2:before {
    content: "\e0c6";
}

.icon-tablet:before,
.icon-im-tablet:before {
    content: "\e0c7";
}

.icon-tv:before,
.icon-im-tv:before {
    content: "\e0c8";
}

.icon-cabinet:before,
.icon-im-cabinet:before {
    content: "\e0c9";
}

.icon-archive:before,
.icon-im-archive:before {
    content: "\e0ca";
}

.icon-drawer:before,
.icon-im-drawer:before {
    content: "\e0cb";
}

.icon-drawer-2:before,
.icon-im-drawer-2:before {
    content: "\e0cc";
}

.icon-drawer-3:before,
.icon-im-drawer-3:before {
    content: "\e0cd";
}

.icon-panel-add:before,
.icon-im-panel-add:before {
    content: "\e0ce";
}

.icon-panel-remove:before,
.icon-im-panel-remove:before {
    content: "\e0cf";
}

.icon-download:before,
.icon-im-download:before {
    content: "\e0d0";
}

.icon-upload:before,
.icon-im-upload:before {
    content: "\e0d1";
}

.icon-disk:before,
.icon-im-disk:before {
    content: "\e0d2";
}

.icon-storage:before,
.icon-im-storage:before {
    content: "\e0d3";
}

.icon-storage-2:before,
.icon-im-storage-2:before {
    content: "\e0d4";
}

.icon-database:before,
.icon-im-database:before {
    content: "\e0d5";
}

.icon-database-2:before,
.icon-im-database-2:before {
    content: "\e0d6";
}

.icon-undo:before,
.icon-im-undo:before {
    content: "\e0d7";
}

.icon-redo:before,
.icon-im-redo:before {
    content: "\e0d8";
}

.icon-rotate:before,
.icon-im-rotate:before {
    content: "\e0d9";
}

.icon-rotate-2:before,
.icon-im-rotate-2:before {
    content: "\e0da";
}

.icon-flip:before,
.icon-im-flip:before {
    content: "\e0db";
}

.icon-flip-2:before,
.icon-im-flip-2:before {
    content: "\e0dc";
}

.icon-undo-2:before,
.icon-im-undo-2:before {
    content: "\e0dd";
}

.icon-redo-2:before,
.icon-im-redo-2:before {
    content: "\e0de";
}

.icon-forward:before,
.icon-im-forward:before {
    content: "\e0df";
}

.icon-reply:before,
.icon-im-reply:before {
    content: "\e0e0";
}

.icon-reply-2:before,
.icon-im-reply-2:before {
    content: "\e0e1";
}

.icon-bubble:before,
.icon-im-bubble:before {
    content: "\e0e2";
}

.icon-bubbles:before,
.icon-im-bubbles:before {
    content: "\e0e3";
}

.icon-bubbles-2:before,
.icon-im-bubbles-2:before {
    content: "\e0e4";
}

.icon-bubble-2:before,
.icon-im-bubble-2:before {
    content: "\e0e5";
}

.icon-bubbles-3:before,
.icon-im-bubbles-3:before {
    content: "\e0e6";
}

.icon-bubbles-4:before,
.icon-im-bubbles-4:before {
    content: "\e0e7";
}

.icon-bubble-notification:before,
.icon-im-bubble-notification:before {
    content: "\e0e8";
}

.icon-bubble-3:before,
.icon-im-bubble-3:before {
    content: "\e0e9";
}

.icon-bubble-dots:before,
.icon-im-bubble-dots:before {
    content: "\e0ea";
}

.icon-bubble-4:before,
.icon-im-bubble-4:before {
    content: "\e0eb";
}

.icon-bubble-5:before,
.icon-im-bubble-5:before {
    content: "\e0ec";
}

.icon-bubble-dots-2:before,
.icon-im-bubble-dots-2:before {
    content: "\e0ed";
}

.icon-bubble-6:before,
.icon-im-bubble-6:before {
    content: "\e0ee";
}

.icon-bubbles-5:before,
.icon-im-bubbles-5:before {
    content: "\e0ef";
}

.icon-bubbles-6:before,
.icon-im-bubbles-6:before {
    content: "\e0f0";
}

.icon-bubble-blocked:before,
.icon-im-bubble-blocked:before {
    content: "\e0f1";
}

.icon-bubble-quote:before,
.icon-im-bubble-quote:before {
    content: "\e0f2";
}

.icon-bubble-user:before,
.icon-im-bubble-user:before {
    content: "\e0f3";
}

.icon-bubble-check:before,
.icon-im-bubble-check:before {
    content: "\e0f4";
}

.icon-bubble-video-chat:before,
.icon-im-bubble-video-chat:before {
    content: "\e0f5";
}

.icon-bubble-link:before,
.icon-im-bubble-link:before {
    content: "\e0f6";
}

.icon-bubble-locked:before,
.icon-im-bubble-locked:before {
    content: "\e0f7";
}

.icon-bubble-star:before,
.icon-im-bubble-star:before {
    content: "\e0f8";
}

.icon-bubble-heart:before,
.icon-im-bubble-heart:before {
    content: "\e0f9";
}

.icon-bubble-paperclip:before,
.icon-im-bubble-paperclip:before {
    content: "\e0fa";
}

.icon-bubble-cancel:before,
.icon-im-bubble-cancel:before {
    content: "\e0fb";
}

.icon-bubble-plus:before,
.icon-im-bubble-plus:before {
    content: "\e0fc";
}

.icon-bubble-minus:before,
.icon-im-bubble-minus:before {
    content: "\e0fd";
}

.icon-bubble-notification-2:before,
.icon-im-bubble-notification-2:before {
    content: "\e0fe";
}

.icon-bubble-trash:before,
.icon-im-bubble-trash:before {
    content: "\e0ff";
}

.icon-bubble-left:before,
.icon-im-bubble-left:before {
    content: "\e100";
}

.icon-bubble-right:before,
.icon-im-bubble-right:before {
    content: "\e101";
}

.icon-bubble-up:before,
.icon-im-bubble-up:before {
    content: "\e102";
}

.icon-bubble-down:before,
.icon-im-bubble-down:before {
    content: "\e103";
}

.icon-bubble-first:before,
.icon-im-bubble-first:before {
    content: "\e104";
}

.icon-bubble-last:before,
.icon-im-bubble-last:before {
    content: "\e105";
}

.icon-bubble-replu:before,
.icon-im-bubble-replu:before {
    content: "\e106";
}

.icon-bubble-forward:before,
.icon-im-bubble-forward:before {
    content: "\e107";
}

.icon-bubble-reply:before,
.icon-im-bubble-reply:before {
    content: "\e108";
}

.icon-bubble-forward-2:before,
.icon-im-bubble-forward-2:before {
    content: "\e109";
}

.icon-user:before,
.icon-im-user:before {
    content: "\e10a";
}

.icon-users:before,
.icon-im-users:before {
    content: "\e10b";
}

.icon-user-plus:before,
.icon-im-user-plus:before {
    content: "\e10c";
}

.icon-user-plus-2:before,
.icon-im-user-plus-2:before {
    content: "\e10d";
}

.icon-user-minus:before,
.icon-im-user-minus:before {
    content: "\e10e";
}

.icon-user-minus-2:before,
.icon-im-user-minus-2:before {
    content: "\e10f";
}

.icon-user-cancel:before,
.icon-im-user-cancel:before {
    content: "\e110";
}

.icon-user-block:before,
.icon-im-user-block:before {
    content: "\e111";
}

.icon-user-2:before,
.icon-im-user-2:before {
    content: "\e112";
}

.icon-users-2:before,
.icon-im-users-2:before {
    content: "\e113";
}

.icon-user-plus-3:before,
.icon-im-user-plus-3:before {
    content: "\e114";
}

.icon-user-minus-3:before,
.icon-im-user-minus-3:before {
    content: "\e115";
}

.icon-user-cancel-2:before,
.icon-im-user-cancel-2:before {
    content: "\e116";
}

.icon-user-block-2:before,
.icon-im-user-block-2:before {
    content: "\e117";
}

.icon-user-3:before,
.icon-im-user-3:before {
    content: "\e118";
}

.icon-user-4:before,
.icon-im-user-4:before {
    content: "\e119";
}

.icon-vcard:before,
.icon-im-vcard:before {
    content: "\e11a";
}

.icon-hanger:before,
.icon-im-hanger:before {
    content: "\e11b";
}

.icon-quotes-left:before,
.icon-im-quotes-left:before {
    content: "\e11c";
}

.icon-quotes-right:before,
.icon-im-quotes-right:before {
    content: "\e11d";
}

.icon-quotes-right-2:before,
.icon-im-quotes-right-2:before {
    content: "\e11e";
}

.icon-quotes-right-3:before,
.icon-im-quotes-right-3:before {
    content: "\e11f";
}

.icon-busy:before,
.icon-im-busy:before {
    content: "\e120";
}

.icon-busy-2:before,
.icon-im-busy-2:before {
    content: "\e121";
}

.icon-busy-3:before,
.icon-im-busy-3:before {
    content: "\e122";
}

.icon-spinner:before,
.icon-im-spinner:before {
    content: "\e123";
}

.icon-spinner-2:before,
.icon-im-spinner-2:before {
    content: "\e124";
}

.icon-spinner-3:before,
.icon-im-spinner-3:before {
    content: "\e125";
}

.icon-spinner-4:before,
.icon-im-spinner-4:before {
    content: "\e126";
}

.icon-spinner-5:before,
.icon-im-spinner-5:before {
    content: "\e127";
}

.icon-spinner-6:before,
.icon-im-spinner-6:before {
    content: "\e128";
}

.icon-spinner-7:before,
.icon-im-spinner-7:before {
    content: "\e129";
}

.icon-spinner-8:before,
.icon-im-spinner-8:before {
    content: "\e12a";
}

.icon-binoculars:before,
.icon-im-binoculars:before {
    content: "\e12b";
}

.icon-search:before,
.icon-im-search:before {
    content: "\e12c";
}

.icon-search-2:before,
.icon-im-search-2:before {
    content: "\e12d";
}

.icon-zoom-in:before,
.icon-im-zoom-in:before {
    content: "\e12e";
}

.icon-zoom-out:before,
.icon-im-zoom-out:before {
    content: "\e12f";
}

.icon-search-3:before,
.icon-im-search-3:before {
    content: "\e130";
}

.icon-zoom-in-2:before,
.icon-im-zoom-in-2:before {
    content: "\e131";
}

.icon-zoom-out-2:before,
.icon-im-zoom-out-2:before {
    content: "\e132";
}

.icon-expand:before,
.icon-im-expand:before {
    content: "\e133";
}

.icon-contract:before,
.icon-im-contract:before {
    content: "\e134";
}

.icon-expand-2:before,
.icon-im-expand-2:before {
    content: "\e135";
}

.icon-contract-2:before,
.icon-im-contract-2:before {
    content: "\e136";
}

.icon-key:before,
.icon-im-key:before {
    content: "\e137";
}

.icon-key-2:before,
.icon-im-key-2:before {
    content: "\e138";
}

.icon-lock:before,
.icon-im-lock:before {
    content: "\e139";
}

.icon-lock-2:before,
.icon-im-lock-2:before {
    content: "\e13a";
}

.icon-unlocked:before,
.icon-im-unlocked:before {
    content: "\e13b";
}

.icon-lock-3:before,
.icon-im-lock-3:before {
    content: "\e13c";
}

.icon-unlocked-2:before,
.icon-im-unlocked-2:before {
    content: "\e13d";
}

.icon-wrench:before,
.icon-im-wrench:before {
    content: "\e13e";
}

.icon-wrench-2:before,
.icon-im-wrench-2:before {
    content: "\e13f";
}

.icon-settings:before,
.icon-im-settings:before {
    content: "\e140";
}

.icon-equalizer:before,
.icon-im-equalizer:before {
    content: "\e141";
}

.icon-equalizer-2:before,
.icon-im-equalizer-2:before {
    content: "\e142";
}

.icon-equalizer-3:before,
.icon-im-equalizer-3:before {
    content: "\e143";
}

.icon-cog:before,
.icon-im-cog:before {
    content: "\e144";
}

.icon-cogs:before,
.icon-im-cogs:before {
    content: "\e145";
}

.icon-cog-2:before,
.icon-im-cog-2:before {
    content: "\e146";
}

.icon-cog-3:before,
.icon-im-cog-3:before {
    content: "\e147";
}

.icon-cog-4:before,
.icon-im-cog-4:before {
    content: "\e148";
}

.icon-factory:before,
.icon-im-factory:before {
    content: "\e149";
}

.icon-hammer:before,
.icon-im-hammer:before {
    content: "\e14a";
}

.icon-tools:before,
.icon-im-tools:before {
    content: "\e14b";
}

.icon-wand:before,
.icon-im-wand:before {
    content: "\e14c";
}

.icon-wand-2:before,
.icon-im-wand-2:before {
    content: "\e14d";
}

.icon-aid:before,
.icon-im-aid:before {
    content: "\e14e";
}

.icon-patch:before,
.icon-im-patch:before {
    content: "\e14f";
}

.icon-bug:before,
.icon-im-bug:before {
    content: "\e150";
}

.icon-bug-2:before,
.icon-im-bug-2:before {
    content: "\e151";
}

.icon-inject:before,
.icon-im-inject:before {
    content: "\e152";
}

.icon-construction:before,
.icon-im-construction:before {
    content: "\e153";
}

.icon-cone:before,
.icon-im-cone:before {
    content: "\e154";
}

.icon-pie:before,
.icon-im-pie:before {
    content: "\e155";
}

.icon-pie-2:before,
.icon-im-pie-2:before {
    content: "\e156";
}

.icon-pie-3:before,
.icon-im-pie-3:before {
    content: "\e157";
}

.icon-pie-4:before,
.icon-im-pie-4:before {
    content: "\e158";
}

.icon-stats:before,
.icon-im-stats:before {
    content: "\e159";
}

.icon-stats-2:before,
.icon-im-stats-2:before {
    content: "\e15a";
}

.icon-stats-3:before,
.icon-im-stats-3:before {
    content: "\e15b";
}

.icon-bars:before,
.icon-im-bars:before {
    content: "\e15c";
}

.icon-bars-2:before,
.icon-im-bars-2:before {
    content: "\e15d";
}

.icon-bars-3:before,
.icon-im-bars-3:before {
    content: "\e15e";
}

.icon-stats-up:before,
.icon-im-stats-up:before {
    content: "\e15f";
}

.icon-stats-down:before,
.icon-im-stats-down:before {
    content: "\e160";
}

.icon-ladder:before,
.icon-im-ladder:before {
    content: "\e161";
}

.icon-cake:before,
.icon-im-cake:before {
    content: "\e162";
}

.icon-gift:before,
.icon-im-gift:before {
    content: "\e163";
}

.icon-balloon:before,
.icon-im-balloon:before {
    content: "\e164";
}

.icon-rating:before,
.icon-im-rating:before {
    content: "\e165";
}

.icon-rating-2:before,
.icon-im-rating-2:before {
    content: "\e166";
}

.icon-rating-3:before,
.icon-im-rating-3:before {
    content: "\e167";
}

.icon-podium:before,
.icon-im-podium:before {
    content: "\e168";
}

.icon-medal:before,
.icon-im-medal:before {
    content: "\e169";
}

.icon-medal-2:before,
.icon-im-medal-2:before {
    content: "\e16a";
}

.icon-medal-3:before,
.icon-im-medal-3:before {
    content: "\e16b";
}

.icon-medal-4:before,
.icon-im-medal-4:before {
    content: "\e16c";
}

.icon-medal-5:before,
.icon-im-medal-5:before {
    content: "\e16d";
}

.icon-crown:before,
.icon-im-crown:before {
    content: "\e16e";
}

.icon-trophy:before,
.icon-im-trophy:before {
    content: "\e16f";
}

.icon-trophy-2:before,
.icon-im-trophy-2:before {
    content: "\e170";
}

.icon-trophy-star:before,
.icon-im-trophy-star:before {
    content: "\e171";
}

.icon-diamond:before,
.icon-im-diamond:before {
    content: "\e172";
}

.icon-glass:before,
.icon-im-glass:before {
    content: "\e173";
}

.icon-glass-2:before,
.icon-im-glass-2:before {
    content: "\e174";
}

.icon-bottle:before,
.icon-im-bottle:before {
    content: "\e175";
}

.icon-bottle-2:before,
.icon-im-bottle-2:before {
    content: "\e176";
}

.icon-mug:before,
.icon-im-mug:before {
    content: "\e177";
}

.icon-food:before,
.icon-im-food:before {
    content: "\e178";
}

.icon-food-2:before,
.icon-im-food-2:before {
    content: "\e179";
}

.icon-leaf:before,
.icon-im-leaf:before {
    content: "\e17a";
}

.icon-apple-fruit:before,
.icon-im-apple-fruit:before {
    content: "\e17b";
}

.icon-paw:before,
.icon-im-paw:before {
    content: "\e17c";
}

.icon-steps:before,
.icon-im-steps:before {
    content: "\e17d";
}

.icon-flower:before,
.icon-im-flower:before {
    content: "\e17e";
}

.icon-rocket:before,
.icon-im-rocket:before {
    content: "\e17f";
}

.icon-meter:before,
.icon-im-meter:before {
    content: "\e180";
}

.icon-meter2:before,
.icon-im-meter2:before {
    content: "\e181";
}

.icon-meter-slow:before,
.icon-im-meter-slow:before {
    content: "\e182";
}

.icon-meter-medium:before,
.icon-im-meter-medium:before {
    content: "\e183";
}

.icon-meter-fast:before,
.icon-im-meter-fast:before {
    content: "\e184";
}

.icon-dashboard:before,
.icon-im-dashboard:before {
    content: "\e185";
}

.icon-hammer-2:before,
.icon-im-hammer-2:before {
    content: "\e186";
}

.icon-balance:before,
.icon-im-balance:before {
    content: "\e187";
}

.icon-fire:before,
.icon-im-fire:before {
    content: "\e188";
}

.icon-lab:before,
.icon-im-lab:before {
    content: "\e189";
}

.icon-magnet:before,
.icon-im-magnet:before {
    content: "\e18a";
}

.icon-dumbbell:before,
.icon-im-dumbbell:before {
    content: "\e18b";
}

.icon-skull:before,
.icon-im-skull:before {
    content: "\e18c";
}

.icon-skull-2:before,
.icon-im-skull-2:before {
    content: "\e18d";
}

.icon-lamp:before,
.icon-im-lamp:before {
    content: "\e18e";
}

.icon-lamp-2:before,
.icon-im-lamp-2:before {
    content: "\e18f";
}

.icon-lamp-3:before,
.icon-im-lamp-3:before {
    content: "\e190";
}

.icon-remove:before,
.icon-im-remove:before {
    content: "\e191";
}

.icon-remove-2:before,
.icon-im-remove-2:before {
    content: "\e192";
}

.icon-remove-3:before,
.icon-im-remove-3:before {
    content: "\e193";
}

.icon-remove-4:before,
.icon-im-remove-4:before {
    content: "\e194";
}

.icon-remove-5:before,
.icon-im-remove-5:before {
    content: "\e195";
}

.icon-briefcase:before,
.icon-im-briefcase:before {
    content: "\e196";
}

.icon-briefcase-2:before,
.icon-im-briefcase-2:before {
    content: "\e197";
}

.icon-briefcase-3:before,
.icon-im-briefcase-3:before {
    content: "\e198";
}

.icon-airplane:before,
.icon-im-airplane:before {
    content: "\e199";
}

.icon-airplane-2:before,
.icon-im-airplane-2:before {
    content: "\e19a";
}

.icon-paper-plane:before,
.icon-im-paper-plane:before {
    content: "\e19b";
}

.icon-car:before,
.icon-im-car:before {
    content: "\e19c";
}

.icon-gas-pump:before,
.icon-im-gas-pump:before {
    content: "\e19d";
}

.icon-bus:before,
.icon-im-bus:before {
    content: "\e19e";
}

.icon-truck:before,
.icon-im-truck:before {
    content: "\e19f";
}

.icon-road:before,
.icon-im-road:before {
    content: "\e1a0";
}

.icon-boat:before,
.icon-im-boat:before {
    content: "\e1a1";
}

.icon-cube:before,
.icon-im-cube:before {
    content: "\e1a2";
}

.icon-cube-2:before,
.icon-im-cube-2:before {
    content: "\e1a3";
}

.icon-pyramid:before,
.icon-im-pyramid:before {
    content: "\e1a4";
}

.icon-puzzle:before,
.icon-im-puzzle:before {
    content: "\e1a5";
}

.icon-puzzle-2:before,
.icon-im-puzzle-2:before {
    content: "\e1a6";
}

.icon-puzzle-3:before,
.icon-im-puzzle-3:before {
    content: "\e1a7";
}

.icon-puzzle-4:before,
.icon-im-puzzle-4:before {
    content: "\e1a8";
}

.icon-glasses:before,
.icon-im-glasses:before {
    content: "\e1a9";
}

.icon-glasses-2:before,
.icon-im-glasses-2:before {
    content: "\e1aa";
}

.icon-glasses-3:before,
.icon-im-glasses-3:before {
    content: "\e1ab";
}

.icon-sun-glasses:before,
.icon-im-sun-glasses:before {
    content: "\e1ac";
}

.icon-accessibility:before,
.icon-im-accessibility:before {
    content: "\e1ad";
}

.icon-accessibility-2:before,
.icon-im-accessibility-2:before {
    content: "\e1ae";
}

.icon-target:before,
.icon-im-target:before {
    content: "\e1af";
}

.icon-target-2:before,
.icon-im-target-2:before {
    content: "\e1b0";
}

.icon-target-3:before,
.icon-im-target-3:before {
    content: "\e1b1";
}

.icon-gun:before,
.icon-im-gun:before {
    content: "\e1b2";
}

.icon-gun-ban:before,
.icon-im-gun-ban:before {
    content: "\e1b3";
}

.icon-shield:before,
.icon-im-shield:before {
    content: "\e1b4";
}

.icon-shield-2:before,
.icon-im-shield-2:before {
    content: "\e1b5";
}

.icon-lightning:before,
.icon-im-lightning:before {
    content: "\e1b6";
}

.icon-power:before,
.icon-im-power:before {
    content: "\e1b7";
}

.icon-power-2:before,
.icon-im-power-2:before {
    content: "\e1b8";
}

.icon-switch:before,
.icon-im-switch:before {
    content: "\e1b9";
}

.icon-power-cord:before,
.icon-im-power-cord:before {
    content: "\e1ba";
}

.icon-clipboard:before,
.icon-im-clipboard:before {
    content: "\e1bb";
}

.icon-signup:before,
.icon-im-signup:before {
    content: "\e1bc";
}

.icon-list:before,
.icon-im-list:before {
    content: "\e1bd";
}

.icon-list-2:before,
.icon-im-list-2:before {
    content: "\e1be";
}

.icon-numbered-list:before,
.icon-im-numbered-list:before {
    content: "\e1bf";
}

.icon-playlist:before,
.icon-im-playlist:before {
    content: "\e1c0";
}

.icon-grid:before,
.icon-im-grid:before {
    content: "\e1c1";
}

.icon-grid-2:before,
.icon-im-grid-2:before {
    content: "\e1c2";
}

.icon-grid-3:before,
.icon-im-grid-3:before {
    content: "\e1c3";
}

.icon-grid-4:before,
.icon-im-grid-4:before {
    content: "\e1c4";
}

.icon-tree:before,
.icon-im-tree:before {
    content: "\e1c5";
}

.icon-tree-2:before,
.icon-im-tree-2:before {
    content: "\e1c6";
}

.icon-tree-3:before,
.icon-im-tree-3:before {
    content: "\e1c7";
}

.icon-menu:before,
.icon-im-menu:before {
    content: "\e1c8";
}

.icon-menu-2:before,
.icon-im-menu-2:before {
    content: "\e1c9";
}

.icon-menu-3:before,
.icon-im-menu-3:before {
    content: "\e1ca";
}

.icon-menu-4:before,
.icon-im-menu-4:before {
    content: "\e1cb";
}

.icon-menu-5:before,
.icon-im-menu-5:before {
    content: "\e1cc";
}

.icon-cloud:before,
.icon-im-cloud:before {
    content: "\e1cd";
}

.icon-cloud-download:before,
.icon-im-cloud-download:before {
    content: "\e1ce";
}

.icon-cloud-upload:before,
.icon-im-cloud-upload:before {
    content: "\e1cf";
}

.icon-download-2:before,
.icon-im-download-2:before {
    content: "\e1d0";
}

.icon-upload-2:before,
.icon-im-upload-2:before {
    content: "\e1d1";
}

.icon-download-3:before,
.icon-im-download-3:before {
    content: "\e1d2";
}

.icon-upload-3:before,
.icon-im-upload-3:before {
    content: "\e1d3";
}

.icon-download-4:before,
.icon-im-download-4:before {
    content: "\e1d4";
}

.icon-upload-4:before,
.icon-im-upload-4:before {
    content: "\e1d5";
}

.icon-download-5:before,
.icon-im-download-5:before {
    content: "\e1d6";
}

.icon-upload-5:before,
.icon-im-upload-5:before {
    content: "\e1d7";
}

.icon-globe:before,
.icon-im-globe:before {
    content: "\e1d8";
}

.icon-globe-2:before,
.icon-im-globe-2:before {
    content: "\e1d9";
}

.icon-earth:before,
.icon-im-earth:before {
    content: "\e1da";
}

.icon-link:before,
.icon-im-link:before {
    content: "\e1db";
}

.icon-link-2:before,
.icon-im-link-2:before {
    content: "\e1dc";
}

.icon-link-3:before,
.icon-im-link-3:before {
    content: "\e1dd";
}

.icon-link2:before,
.icon-im-link2:before {
    content: "\e1de";
}

.icon-link-4:before,
.icon-im-link-4:before {
    content: "\e1df";
}

.icon-link-5:before,
.icon-im-link-5:before {
    content: "\e1e0";
}

.icon-link-6:before,
.icon-im-link-6:before {
    content: "\e1e1";
}

.icon-anchor:before,
.icon-im-anchor:before {
    content: "\e1e2";
}

.icon-flag:before,
.icon-im-flag:before {
    content: "\e1e3";
}

.icon-flag-2:before,
.icon-im-flag-2:before {
    content: "\e1e4";
}

.icon-flag-3:before,
.icon-im-flag-3:before {
    content: "\e1e5";
}

.icon-flag-4:before,
.icon-im-flag-4:before {
    content: "\e1e6";
}

.icon-attachment:before,
.icon-im-attachment:before {
    content: "\e1e7";
}

.icon-attachment-2:before,
.icon-im-attachment-2:before {
    content: "\e1e8";
}

.icon-eye:before,
.icon-im-eye:before {
    content: "\e1e9";
}

.icon-eye-blocked:before,
.icon-im-eye-blocked:before {
    content: "\e1ea";
}

.icon-eye-2:before,
.icon-im-eye-2:before {
    content: "\e1eb";
}

.icon-eye-3:before,
.icon-im-eye-3:before {
    content: "\e1ec";
}

.icon-eye-blocked-2:before,
.icon-im-eye-blocked-2:before {
    content: "\e1ed";
}

.icon-eye-4:before,
.icon-im-eye-4:before {
    content: "\e1ee";
}

.icon-eye-5:before,
.icon-im-eye-5:before {
    content: "\e1ef";
}

.icon-eye-6:before,
.icon-im-eye-6:before {
    content: "\e1f0";
}

.icon-eye-7:before,
.icon-im-eye-7:before {
    content: "\e1f1";
}

.icon-bookmark:before,
.icon-im-bookmark:before {
    content: "\e1f2";
}

.icon-bookmark-2:before,
.icon-im-bookmark-2:before {
    content: "\e1f3";
}

.icon-bookmarks:before,
.icon-im-bookmarks:before {
    content: "\e1f4";
}

.icon-bookmark-3:before,
.icon-im-bookmark-3:before {
    content: "\e1f5";
}

.icon-weather-lightning:before,
.icon-im-weather-lightning:before {
    content: "\e1f6";
}

.icon-weather-rain:before,
.icon-im-weather-rain:before {
    content: "\e1f7";
}

.icon-weather-snow:before,
.icon-im-weather-snow:before {
    content: "\e1f8";
}

.icon-windy:before,
.icon-im-windy:before {
    content: "\e1f9";
}

.icon-fan:before,
.icon-im-fan:before {
    content: "\e1fa";
}

.icon-umbrella:before,
.icon-im-umbrella:before {
    content: "\e1fb";
}

.icon-sun:before,
.icon-im-sun:before {
    content: "\e1fc";
}

.icon-sun-2:before,
.icon-im-sun-2:before {
    content: "\e1fd";
}

.icon-brightness-high:before,
.icon-im-brightness-high:before {
    content: "\e1fe";
}

.icon-brightness-medium:before,
.icon-im-brightness-medium:before {
    content: "\e1ff";
}

.icon-brightness-low:before,
.icon-im-brightness-low:before {
    content: "\e200";
}

.icon-brightness-contrast:before,
.icon-im-brightness-contrast:before {
    content: "\e201";
}

.icon-contrast:before,
.icon-im-contrast:before {
    content: "\e202";
}

.icon-moon:before,
.icon-im-moon:before {
    content: "\e203";
}

.icon-bed:before,
.icon-im-bed:before {
    content: "\e204";
}

.icon-bed-2:before,
.icon-im-bed-2:before {
    content: "\e205";
}

.icon-star:before,
.icon-im-star:before {
    content: "\e206";
}

.icon-star-2:before,
.icon-im-star-2:before {
    content: "\e207";
}

.icon-star-3:before,
.icon-im-star-3:before {
    content: "\e208";
}

.icon-star-4:before,
.icon-im-star-4:before {
    content: "\e209";
}

.icon-star-5:before,
.icon-im-star-5:before {
    content: "\e20a";
}

.icon-star-6:before,
.icon-im-star-6:before {
    content: "\e20b";
}

.icon-heart:before,
.icon-im-heart:before {
    content: "\e20c";
}

.icon-heart-2:before,
.icon-im-heart-2:before {
    content: "\e20d";
}

.icon-heart-broken:before,
.icon-im-heart-broken:before {
    content: "\e20e";
}

.icon-heart-3:before,
.icon-im-heart-3:before {
    content: "\e20f";
}

.icon-heart-4:before,
.icon-im-heart-4:before {
    content: "\e210";
}

.icon-heart-broken-2:before,
.icon-im-heart-broken-2:before {
    content: "\e211";
}

.icon-heart-5:before,
.icon-im-heart-5:before {
    content: "\e212";
}

.icon-heart-6:before,
.icon-im-heart-6:before {
    content: "\e213";
}

.icon-heart-broken-3:before,
.icon-im-heart-broken-3:before {
    content: "\e214";
}

.icon-thumbs-up:before,
.icon-im-thumbs-up:before {
    content: "\e215";
}

.icon-thumbs-up-2:before,
.icon-im-thumbs-up-2:before {
    content: "\e216";
}

.icon-thumbs-down:before,
.icon-im-thumbs-down:before {
    content: "\e217";
}

.icon-thumbs-down-2:before,
.icon-im-thumbs-down-2:before {
    content: "\e218";
}

.icon-thumbs-up-3:before,
.icon-im-thumbs-up-3:before {
    content: "\e219";
}

.icon-thumbs-up-4:before,
.icon-im-thumbs-up-4:before {
    content: "\e21a";
}

.icon-people:before,
.icon-im-people:before {
    content: "\e21b";
}

.icon-man:before,
.icon-im-man:before {
    content: "\e21c";
}

.icon-male:before,
.icon-im-male:before {
    content: "\e21d";
}

.icon-woman:before,
.icon-im-woman:before {
    content: "\e21e";
}

.icon-female:before,
.icon-im-female:before {
    content: "\e21f";
}

.icon-peace:before,
.icon-im-peace:before {
    content: "\e220";
}

.icon-yin-yang:before,
.icon-im-yin-yang:before {
    content: "\e221";
}

.icon-happy:before,
.icon-im-happy:before {
    content: "\e222";
}

.icon-happy-2:before,
.icon-im-happy-2:before {
    content: "\e223";
}

.icon-smiley:before,
.icon-im-smiley:before {
    content: "\e224";
}

.icon-smiley-2:before,
.icon-im-smiley-2:before {
    content: "\e225";
}

.icon-tongue:before,
.icon-im-tongue:before {
    content: "\e226";
}

.icon-tongue-2:before,
.icon-im-tongue-2:before {
    content: "\e227";
}

.icon-sad:before,
.icon-im-sad:before {
    content: "\e228";
}

.icon-sad-2:before,
.icon-im-sad-2:before {
    content: "\e229";
}

.icon-wink:before,
.icon-im-wink:before {
    content: "\e22a";
}

.icon-wink-2:before,
.icon-im-wink-2:before {
    content: "\e22b";
}

.icon-grin:before,
.icon-im-grin:before {
    content: "\e22c";
}

.icon-grin-2:before,
.icon-im-grin-2:before {
    content: "\e22d";
}

.icon-cool:before,
.icon-im-cool:before {
    content: "\e22e";
}

.icon-cool-2:before,
.icon-im-cool-2:before {
    content: "\e22f";
}

.icon-angry:before,
.icon-im-angry:before {
    content: "\e230";
}

.icon-angry-2:before,
.icon-im-angry-2:before {
    content: "\e231";
}

.icon-evil:before,
.icon-im-evil:before {
    content: "\e232";
}

.icon-evil-2:before,
.icon-im-evil-2:before {
    content: "\e233";
}

.icon-shocked:before,
.icon-im-shocked:before {
    content: "\e234";
}

.icon-shocked-2:before,
.icon-im-shocked-2:before {
    content: "\e235";
}

.icon-confused:before,
.icon-im-confused:before {
    content: "\e236";
}

.icon-confused-2:before,
.icon-im-confused-2:before {
    content: "\e237";
}

.icon-neutral:before,
.icon-im-neutral:before {
    content: "\e238";
}

.icon-neutral-2:before,
.icon-im-neutral-2:before {
    content: "\e239";
}

.icon-wondering:before,
.icon-im-wondering:before {
    content: "\e23a";
}

.icon-wondering-2:before,
.icon-im-wondering-2:before {
    content: "\e23b";
}

.icon-cursor:before,
.icon-im-cursor:before {
    content: "\e23c";
}

.icon-cursor-2:before,
.icon-im-cursor-2:before {
    content: "\e23d";
}

.icon-point-up:before,
.icon-im-point-up:before {
    content: "\e23e";
}

.icon-point-right:before,
.icon-im-point-right:before {
    content: "\e23f";
}

.icon-point-down:before,
.icon-im-point-down:before {
    content: "\e240";
}

.icon-point-left:before,
.icon-im-point-left:before {
    content: "\e241";
}

.icon-move:before,
.icon-im-move:before {
    content: "\e242";
}

.icon-warning:before,
.icon-im-warning:before {
    content: "\e243";
}

.icon-notification:before,
.icon-im-notification:before {
    content: "\e244";
}

.icon-question:before,
.icon-im-question:before {
    content: "\e245";
}

.icon-question-2:before,
.icon-im-question-2:before {
    content: "\e246";
}

.icon-question-3:before,
.icon-im-question-3:before {
    content: "\e247";
}

.icon-question-4:before,
.icon-im-question-4:before {
    content: "\e248";
}

.icon-question-5:before,
.icon-im-question-5:before {
    content: "\e249";
}

.icon-plus-circle:before,
.icon-im-plus-circle:before {
    content: "\e24a";
}

.icon-plus-circle-2:before,
.icon-im-plus-circle-2:before {
    content: "\e24b";
}

.icon-minus-circle:before,
.icon-im-minus-circle:before {
    content: "\e24c";
}

.icon-minus-circle-2:before,
.icon-im-minus-circle-2:before {
    content: "\e24d";
}

.icon-info:before,
.icon-im-info:before {
    content: "\e24e";
}

.icon-info-2:before,
.icon-im-info-2:before {
    content: "\e24f";
}

.icon-blocked:before,
.icon-im-blocked:before {
    content: "\e250";
}

.icon-cancel-circle:before,
.icon-im-cancel-circle:before {
    content: "\e251";
}

.icon-cancel-circle-2:before,
.icon-im-cancel-circle-2:before {
    content: "\e252";
}

.icon-checkmark-circle:before,
.icon-im-checkmark-circle:before {
    content: "\e253";
}

.icon-checkmark-circle-2:before,
.icon-im-checkmark-circle-2:before {
    content: "\e254";
}

.icon-cancel:before,
.icon-im-cancel:before {
    content: "\e255";
}

.icon-spam:before,
.icon-im-spam:before {
    content: "\e256";
}

.icon-close:before,
.icon-im-close:before {
    content: "\e257";
}

.icon-checkmark:before,
.icon-im-checkmark:before {
    content: "\e258";
}

.icon-checkmark-2:before,
.icon-im-checkmark-2:before {
    content: "\e259";
}

.icon-checkmark-3:before,
.icon-im-checkmark-3:before {
    content: "\e25a";
}

.icon-checkmark-4:before,
.icon-im-checkmark-4:before {
    content: "\e25b";
}

.icon-spell-check:before,
.icon-im-spell-check:before {
    content: "\e25c";
}

.icon-minus:before,
.icon-im-minus:before {
    content: "\e25d";
}

.icon-plus:before,
.icon-im-plus:before {
    content: "\e25e";
}

.icon-enter:before,
.icon-im-enter:before {
    content: "\e25f";
}

.icon-exit:before,
.icon-im-exit:before {
    content: "\e260";
}

.icon-enter-2:before,
.icon-im-enter-2:before {
    content: "\e261";
}

.icon-exit-2:before,
.icon-im-exit-2:before {
    content: "\e262";
}

.icon-enter-3:before,
.icon-im-enter-3:before {
    content: "\e263";
}

.icon-exit-3:before,
.icon-im-exit-3:before {
    content: "\e264";
}

.icon-exit-4:before,
.icon-im-exit-4:before {
    content: "\e265";
}

.icon-play-2:before,
.icon-im-play-2:before {
    content: "\e266";
}

.icon-pause:before,
.icon-im-pause:before {
    content: "\e267";
}

.icon-stop:before,
.icon-im-stop:before {
    content: "\e268";
}

.icon-backward:before,
.icon-im-backward:before {
    content: "\e269";
}

.icon-forward-2:before,
.icon-im-forward-2:before {
    content: "\e26a";
}

.icon-play-3:before,
.icon-im-play-3:before {
    content: "\e26b";
}

.icon-pause-2:before,
.icon-im-pause-2:before {
    content: "\e26c";
}

.icon-stop-2:before,
.icon-im-stop-2:before {
    content: "\e26d";
}

.icon-backward-2:before,
.icon-im-backward-2:before {
    content: "\e26e";
}

.icon-forward-3:before,
.icon-im-forward-3:before {
    content: "\e26f";
}

.icon-first:before,
.icon-im-first:before {
    content: "\e270";
}

.icon-last:before,
.icon-im-last:before {
    content: "\e271";
}

.icon-previous:before,
.icon-im-previous:before {
    content: "\e272";
}

.icon-next:before,
.icon-im-next:before {
    content: "\e273";
}

.icon-eject:before,
.icon-im-eject:before {
    content: "\e274";
}

.icon-volume-high:before,
.icon-im-volume-high:before {
    content: "\e275";
}

.icon-volume-medium:before,
.icon-im-volume-medium:before {
    content: "\e276";
}

.icon-volume-low:before,
.icon-im-volume-low:before {
    content: "\e277";
}

.icon-volume-mute:before,
.icon-im-volume-mute:before {
    content: "\e278";
}

.icon-volume-mute-2:before,
.icon-im-volume-mute-2:before {
    content: "\e279";
}

.icon-volume-increase:before,
.icon-im-volume-increase:before {
    content: "\e27a";
}

.icon-volume-decrease:before,
.icon-im-volume-decrease:before {
    content: "\e27b";
}

.icon-volume-high-2:before,
.icon-im-volume-high-2:before {
    content: "\e27c";
}

.icon-volume-medium-2:before,
.icon-im-volume-medium-2:before {
    content: "\e27d";
}

.icon-volume-low-2:before,
.icon-im-volume-low-2:before {
    content: "\e27e";
}

.icon-volume-mute-3:before,
.icon-im-volume-mute-3:before {
    content: "\e27f";
}

.icon-volume-mute-4:before,
.icon-im-volume-mute-4:before {
    content: "\e280";
}

.icon-volume-increase-2:before,
.icon-im-volume-increase-2:before {
    content: "\e281";
}

.icon-volume-decrease-2:before,
.icon-im-volume-decrease-2:before {
    content: "\e282";
}

.icon-volume5:before,
.icon-im-volume5:before {
    content: "\e283";
}

.icon-volume4:before,
.icon-im-volume4:before {
    content: "\e284";
}

.icon-volume3:before,
.icon-im-volume3:before {
    content: "\e285";
}

.icon-volume2:before,
.icon-im-volume2:before {
    content: "\e286";
}

.icon-volume1:before,
.icon-im-volume1:before {
    content: "\e287";
}

.icon-volume0:before,
.icon-im-volume0:before {
    content: "\e288";
}

.icon-volume-mute-5:before,
.icon-im-volume-mute-5:before {
    content: "\e289";
}

.icon-volume-mute-6:before,
.icon-im-volume-mute-6:before {
    content: "\e28a";
}

.icon-loop:before,
.icon-im-loop:before {
    content: "\e28b";
}

.icon-loop-2:before,
.icon-im-loop-2:before {
    content: "\e28c";
}

.icon-loop-3:before,
.icon-im-loop-3:before {
    content: "\e28d";
}

.icon-loop-4:before,
.icon-im-loop-4:before {
    content: "\e28e";
}

.icon-loop-5:before,
.icon-im-loop-5:before {
    content: "\e28f";
}

.icon-shuffle:before,
.icon-im-shuffle:before {
    content: "\e290";
}

.icon-shuffle-2:before,
.icon-im-shuffle-2:before {
    content: "\e291";
}

.icon-wave:before,
.icon-im-wave:before {
    content: "\e292";
}

.icon-wave-2:before,
.icon-im-wave-2:before {
    content: "\e293";
}

.icon-arrow-first:before,
.icon-im-arrow-first:before {
    content: "\e294";
}

.icon-arrow-right:before,
.icon-im-arrow-right:before {
    content: "\e295";
}

.icon-arrow-up:before,
.icon-im-arrow-up:before {
    content: "\e296";
}

.icon-arrow-right-2:before,
.icon-im-arrow-right-2:before {
    content: "\e297";
}

.icon-arrow-down:before,
.icon-im-arrow-down:before {
    content: "\e298";
}

.icon-arrow-left:before,
.icon-im-arrow-left:before {
    content: "\e299";
}

.icon-arrow-up-2:before,
.icon-im-arrow-up-2:before {
    content: "\e29a";
}

.icon-arrow-right-3:before,
.icon-im-arrow-right-3:before {
    content: "\e29b";
}

.icon-arrow-down-2:before,
.icon-im-arrow-down-2:before {
    content: "\e29c";
}

.icon-arrow-left-2:before,
.icon-im-arrow-left-2:before {
    content: "\e29d";
}

.icon-arrow-up-left:before,
.icon-im-arrow-up-left:before {
    content: "\e29e";
}

.icon-arrow-up-3:before,
.icon-im-arrow-up-3:before {
    content: "\e29f";
}

.icon-arrow-up-right:before,
.icon-im-arrow-up-right:before {
    content: "\e2a0";
}

.icon-arrow-right-4:before,
.icon-im-arrow-right-4:before {
    content: "\e2a1";
}

.icon-arrow-down-right:before,
.icon-im-arrow-down-right:before {
    content: "\e2a2";
}

.icon-arrow-down-3:before,
.icon-im-arrow-down-3:before {
    content: "\e2a3";
}

.icon-arrow-down-left:before,
.icon-im-arrow-down-left:before {
    content: "\e2a4";
}

.icon-arrow-left-3:before,
.icon-im-arrow-left-3:before {
    content: "\e2a5";
}

.icon-arrow-up-left-2:before,
.icon-im-arrow-up-left-2:before {
    content: "\e2a6";
}

.icon-arrow-up-4:before,
.icon-im-arrow-up-4:before {
    content: "\e2a7";
}

.icon-arrow-up-right-2:before,
.icon-im-arrow-up-right-2:before {
    content: "\e2a8";
}

.icon-arrow-right-5:before,
.icon-im-arrow-right-5:before {
    content: "\e2a9";
}

.icon-arrow-down-right-2:before,
.icon-im-arrow-down-right-2:before {
    content: "\e2aa";
}

.icon-arrow-down-4:before,
.icon-im-arrow-down-4:before {
    content: "\e2ab";
}

.icon-arrow-down-left-2:before,
.icon-im-arrow-down-left-2:before {
    content: "\e2ac";
}

.icon-arrow-left-4:before,
.icon-im-arrow-left-4:before {
    content: "\e2ad";
}

.icon-arrow-up-left-3:before,
.icon-im-arrow-up-left-3:before {
    content: "\e2ae";
}

.icon-arrow-up-5:before,
.icon-im-arrow-up-5:before {
    content: "\e2af";
}

.icon-arrow-up-right-3:before,
.icon-im-arrow-up-right-3:before {
    content: "\e2b0";
}

.icon-arrow-right-6:before,
.icon-im-arrow-right-6:before {
    content: "\e2b1";
}

.icon-arrow-down-right-3:before,
.icon-im-arrow-down-right-3:before {
    content: "\e2b2";
}

.icon-arrow-down-5:before,
.icon-im-arrow-down-5:before {
    content: "\e2b3";
}

.icon-arrow-down-left-3:before,
.icon-im-arrow-down-left-3:before {
    content: "\e2b4";
}

.icon-arrow-left-5:before,
.icon-im-arrow-left-5:before {
    content: "\e2b5";
}

.icon-arrow:before,
.icon-im-arrow:before {
    content: "\e2b6";
}

.icon-arrow-2:before,
.icon-im-arrow-2:before {
    content: "\e2b7";
}

.icon-arrow-3:before,
.icon-im-arrow-3:before {
    content: "\e2b8";
}

.icon-arrow-4:before,
.icon-im-arrow-4:before {
    content: "\e2b9";
}

.icon-arrow-up-left-4:before,
.icon-im-arrow-up-left-4:before {
    content: "\e2ba";
}

.icon-arrow-up-6:before,
.icon-im-arrow-up-6:before {
    content: "\e2bb";
}

.icon-arrow-up-right-4:before,
.icon-im-arrow-up-right-4:before {
    content: "\e2bc";
}

.icon-arrow-right-7:before,
.icon-im-arrow-right-7:before {
    content: "\e2bd";
}

.icon-arrow-down-right-4:before,
.icon-im-arrow-down-right-4:before {
    content: "\e2be";
}

.icon-arrow-down-6:before,
.icon-im-arrow-down-6:before {
    content: "\e2bf";
}

.icon-arrow-down-left-4:before,
.icon-im-arrow-down-left-4:before {
    content: "\e2c0";
}

.icon-arrow-left-6:before,
.icon-im-arrow-left-6:before {
    content: "\e2c1";
}

.icon-arrow-up-left-5:before,
.icon-im-arrow-up-left-5:before {
    content: "\e2c2";
}

.icon-arrow-up-7:before,
.icon-im-arrow-up-7:before {
    content: "\e2c3";
}

.icon-arrow-up-right-5:before,
.icon-im-arrow-up-right-5:before {
    content: "\e2c4";
}

.icon-arrow-right-8:before,
.icon-im-arrow-right-8:before {
    content: "\e2c5";
}

.icon-arrow-down-right-5:before,
.icon-im-arrow-down-right-5:before {
    content: "\e2c6";
}

.icon-arrow-down-7:before,
.icon-im-arrow-down-7:before {
    content: "\e2c7";
}

.icon-arrow-down-left-5:before,
.icon-im-arrow-down-left-5:before {
    content: "\e2c8";
}

.icon-arrow-left-7:before,
.icon-im-arrow-left-7:before {
    content: "\e2c9";
}

.icon-arrow-up-8:before,
.icon-im-arrow-up-8:before {
    content: "\e2ca";
}

.icon-arrow-right-9:before,
.icon-im-arrow-right-9:before {
    content: "\e2cb";
}

.icon-arrow-down-8:before,
.icon-im-arrow-down-8:before {
    content: "\e2cc";
}

.icon-arrow-left-8:before,
.icon-im-arrow-left-8:before {
    content: "\e2cd";
}

.icon-arrow-up-9:before,
.icon-im-arrow-up-9:before {
    content: "\e2ce";
}

.icon-arrow-right-10:before,
.icon-im-arrow-right-10:before {
    content: "\e2cf";
}

.icon-arrow-down-9:before,
.icon-im-arrow-down-9:before {
    content: "\e2d0";
}

.icon-arrow-left-9:before,
.icon-im-arrow-left-9:before {
    content: "\e2d1";
}

.icon-arrow-up-10:before,
.icon-im-arrow-up-10:before {
    content: "\e2d2";
}

.icon-arrow-right-11:before,
.icon-im-arrow-right-11:before {
    content: "\e2d3";
}

.icon-arrow-down-10:before,
.icon-im-arrow-down-10:before {
    content: "\e2d4";
}

.icon-arrow-left-10:before,
.icon-im-arrow-left-10:before {
    content: "\e2d5";
}

.icon-arrow-up-11:before,
.icon-im-arrow-up-11:before {
    content: "\e2d6";
}

.icon-arrow-right-12:before,
.icon-im-arrow-right-12:before {
    content: "\e2d7";
}

.icon-arrow-down-11:before,
.icon-im-arrow-down-11:before {
    content: "\e2d8";
}

.icon-arrow-left-11:before,
.icon-im-arrow-left-11:before {
    content: "\e2d9";
}

.icon-enter-4:before,
.icon-im-enter-4:before {
    content: "\e2da";
}

.icon-enter-5:before,
.icon-im-enter-5:before {
    content: "\e2db";
}

.icon-esc:before,
.icon-im-esc:before {
    content: "\e2dc";
}

.icon-backspace:before,
.icon-im-backspace:before {
    content: "\e2dd";
}

.icon-backspace-2:before,
.icon-im-backspace-2:before {
    content: "\e2de";
}

.icon-backspace-3:before,
.icon-im-backspace-3:before {
    content: "\e2df";
}

.icon-tab:before,
.icon-im-tab:before {
    content: "\e2e0";
}

.icon-transmission:before,
.icon-im-transmission:before {
    content: "\e2e1";
}

.icon-transmission-2:before,
.icon-im-transmission-2:before {
    content: "\e2e2";
}

.icon-sort:before,
.icon-im-sort:before {
    content: "\e2e3";
}

.icon-sort-2:before,
.icon-im-sort-2:before {
    content: "\e2e4";
}

.icon-command:before,
.icon-im-command:before {
    content: "\e2e5";
}

.icon-checkbox-checked:before,
.icon-im-checkbox-checked:before {
    content: "\e2e6";
}

.icon-checkbox-unchecked:before,
.icon-im-checkbox-unchecked:before {
    content: "\e2e7";
}

.icon-checkbox-partial:before,
.icon-im-checkbox-partial:before {
    content: "\e2e8";
}

.icon-radio-checked:before,
.icon-im-radio-checked:before {
    content: "\e2e9";
}

.icon-radio-unchecked:before,
.icon-im-radio-unchecked:before {
    content: "\e2ea";
}

.icon-crop:before,
.icon-im-crop:before {
    content: "\e2eb";
}

.icon-vector:before,
.icon-im-vector:before {
    content: "\e2ec";
}

.icon-rulers:before,
.icon-im-rulers:before {
    content: "\e2ed";
}

.icon-scissors:before,
.icon-im-scissors:before {
    content: "\e2ee";
}

.icon-scissors-2:before,
.icon-im-scissors-2:before {
    content: "\e2ef";
}

.icon-filter:before,
.icon-im-filter:before {
    content: "\e2f0";
}

.icon-filter-2:before,
.icon-im-filter-2:before {
    content: "\e2f1";
}

.icon-filter-3:before,
.icon-im-filter-3:before {
    content: "\e2f2";
}

.icon-filter-4:before,
.icon-im-filter-4:before {
    content: "\e2f3";
}

.icon-font:before,
.icon-im-font:before {
    content: "\e2f4";
}

.icon-text-height:before,
.icon-im-text-height:before {
    content: "\e2f5";
}

.icon-text-width:before,
.icon-im-text-width:before {
    content: "\e2f6";
}

.icon-font-size:before,
.icon-im-font-size:before {
    content: "\e2f7";
}

.icon-bold:before,
.icon-im-bold:before {
    content: "\e2f8";
}

.icon-underline:before,
.icon-im-underline:before {
    content: "\e2f9";
}

.icon-italic:before,
.icon-im-italic:before {
    content: "\e2fa";
}

.icon-strikethrough:before,
.icon-im-strikethrough:before {
    content: "\e2fb";
}

.icon-omega:before,
.icon-im-omega:before {
    content: "\e2fc";
}

.icon-sigma:before,
.icon-im-sigma:before {
    content: "\e2fd";
}

.icon-nbsp:before,
.icon-im-nbsp:before {
    content: "\e2fe";
}

.icon-page-break:before,
.icon-im-page-break:before {
    content: "\e2ff";
}

.icon-page-break-2:before,
.icon-im-page-break-2:before {
    content: "\e300";
}

.icon-superscript:before,
.icon-im-superscript:before {
    content: "\e301";
}

.icon-subscript:before,
.icon-im-subscript:before {
    content: "\e302";
}

.icon-superscript-2:before,
.icon-im-superscript-2:before {
    content: "\e303";
}

.icon-subscript-2:before,
.icon-im-subscript-2:before {
    content: "\e304";
}

.icon-text-color:before,
.icon-im-text-color:before {
    content: "\e305";
}

.icon-pagebreak:before,
.icon-im-pagebreak:before {
    content: "\e306";
}

.icon-clear-formatting:before,
.icon-im-clear-formatting:before {
    content: "\e307";
}

.icon-table:before,
.icon-im-table:before {
    content: "\e308";
}

.icon-table-2:before,
.icon-im-table-2:before {
    content: "\e309";
}

.icon-insert-template:before,
.icon-im-insert-template:before {
    content: "\e30a";
}

.icon-pilcrow:before,
.icon-im-pilcrow:before {
    content: "\e30b";
}

.icon-left-to-right:before,
.icon-im-left-to-right:before {
    content: "\e30c";
}

.icon-right-to-left:before,
.icon-im-right-to-left:before {
    content: "\e30d";
}

.icon-paragraph-left:before,
.icon-im-paragraph-left:before {
    content: "\e30e";
}

.icon-paragraph-center:before,
.icon-im-paragraph-center:before {
    content: "\e30f";
}

.icon-paragraph-right:before,
.icon-im-paragraph-right:before {
    content: "\e310";
}

.icon-paragraph-justify:before,
.icon-im-paragraph-justify:before {
    content: "\e311";
}

.icon-paragraph-left-2:before,
.icon-im-paragraph-left-2:before {
    content: "\e312";
}

.icon-paragraph-center-2:before,
.icon-im-paragraph-center-2:before {
    content: "\e313";
}

.icon-paragraph-right-2:before,
.icon-im-paragraph-right-2:before {
    content: "\e314";
}

.icon-paragraph-justify-2:before,
.icon-im-paragraph-justify-2:before {
    content: "\e315";
}

.icon-indent-increase:before,
.icon-im-indent-increase:before {
    content: "\e316";
}

.icon-indent-decrease:before,
.icon-im-indent-decrease:before {
    content: "\e317";
}

.icon-share:before,
.icon-im-share:before {
    content: "\e318";
}

.icon-new-tab:before,
.icon-im-new-tab:before {
    content: "\e319";
}

.icon-new-tab-2:before,
.icon-im-new-tab-2:before {
    content: "\e31a";
}

.icon-popout:before,
.icon-im-popout:before {
    content: "\e31b";
}

.icon-embed:before,
.icon-im-embed:before {
    content: "\e31c";
}

.icon-code:before,
.icon-im-code:before {
    content: "\e31d";
}

.icon-console:before,
.icon-im-console:before {
    content: "\e31e";
}

.icon-share-2:before,
.icon-im-share-2:before {
    content: "\e31f";
}

.icon-share-3:before,
.icon-im-share-3:before {
    content: "\e320";
}

.icon-mail:before,
.icon-im-mail:before {
    content: "\e321";
}

.icon-mail-2:before,
.icon-im-mail-2:before {
    content: "\e322";
}

.icon-mail-3:before,
.icon-im-mail-3:before {
    content: "\e323";
}

.icon-mail-4:before,
.icon-im-mail-4:before {
    content: "\e324";
}

.icon-google:before,
.icon-im-google:before {
    content: "\e325";
}

.icon-google-plus:before,
.icon-im-google-plus:before {
    content: "\e326";
}

.icon-google-plus-2:before,
.icon-im-google-plus-2:before {
    content: "\e327";
}

.icon-google-plus-3:before,
.icon-im-google-plus-3:before {
    content: "\e328";
}

.icon-google-plus-4:before,
.icon-im-google-plus-4:before {
    content: "\e329";
}

.icon-google-drive:before,
.icon-im-google-drive:before {
    content: "\e32a";
}

.icon-facebook:before,
.icon-im-facebook:before {
    content: "\e32b";
}

.icon-facebook-2:before,
.icon-im-facebook-2:before {
    content: "\e32c";
}

.icon-facebook-3:before,
.icon-im-facebook-3:before {
    content: "\e32d";
}

.icon-instagram:before,
.icon-im-instagram:before {
    content: "\e32e";
}

.icon-twitter:before,
.icon-im-twitter:before {
    content: "\e32f";
}

.icon-twitter-2:before,
.icon-im-twitter-2:before {
    content: "\e330";
}

.icon-twitter-3:before,
.icon-im-twitter-3:before {
    content: "\e331";
}

.icon-feed-2:before,
.icon-im-feed-2:before {
    content: "\e332";
}

.icon-feed-3:before,
.icon-im-feed-3:before {
    content: "\e333";
}

.icon-feed-4:before,
.icon-im-feed-4:before {
    content: "\e334";
}

.icon-youtube:before,
.icon-im-youtube:before {
    content: "\e335";
}

.icon-youtube-2:before,
.icon-im-youtube-2:before {
    content: "\e336";
}

.icon-vimeo:before,
.icon-im-vimeo:before {
    content: "\e337";
}

.icon-vimeo2:before,
.icon-im-vimeo2:before {
    content: "\e338";
}

.icon-vimeo-2:before,
.icon-im-vimeo-2:before {
    content: "\e339";
}

.icon-lanyrd:before,
.icon-im-lanyrd:before {
    content: "\e33a";
}

.icon-flickr:before,
.icon-im-flickr:before {
    content: "\e33b";
}

.icon-flickr-2:before,
.icon-im-flickr-2:before {
    content: "\e33c";
}

.icon-flickr-3:before,
.icon-im-flickr-3:before {
    content: "\e33d";
}

.icon-flickr-4:before,
.icon-im-flickr-4:before {
    content: "\e33e";
}

.icon-picassa:before,
.icon-im-picassa:before {
    content: "\e33f";
}

.icon-picassa-2:before,
.icon-im-picassa-2:before {
    content: "\e340";
}

.icon-dribbble:before,
.icon-im-dribbble:before {
    content: "\e341";
}

.icon-dribbble-2:before,
.icon-im-dribbble-2:before {
    content: "\e342";
}

.icon-dribbble-3:before,
.icon-im-dribbble-3:before {
    content: "\e343";
}

.icon-forrst:before,
.icon-im-forrst:before {
    content: "\e344";
}

.icon-forrst-2:before,
.icon-im-forrst-2:before {
    content: "\e345";
}

.icon-deviantart:before,
.icon-im-deviantart:before {
    content: "\e346";
}

.icon-deviantart-2:before,
.icon-im-deviantart-2:before {
    content: "\e347";
}

.icon-steam:before,
.icon-im-steam:before {
    content: "\e348";
}

.icon-steam-2:before,
.icon-im-steam-2:before {
    content: "\e349";
}

.icon-github:before,
.icon-im-github:before {
    content: "\e34a";
}

.icon-github-2:before,
.icon-im-github-2:before {
    content: "\e34b";
}

.icon-github-3:before,
.icon-im-github-3:before {
    content: "\e34c";
}

.icon-github-4:before,
.icon-im-github-4:before {
    content: "\e34d";
}

.icon-github-5:before,
.icon-im-github-5:before {
    content: "\e34e";
}

.icon-wordpress:before,
.icon-im-wordpress:before {
    content: "\e34f";
}

.icon-wordpress-2:before,
.icon-im-wordpress-2:before {
    content: "\e350";
}

.icon-joomla:before,
.icon-im-joomla:before {
    content: "\e351";
}

.icon-blogger:before,
.icon-im-blogger:before {
    content: "\e352";
}

.icon-blogger-2:before,
.icon-im-blogger-2:before {
    content: "\e353";
}

.icon-tumblr:before,
.icon-im-tumblr:before {
    content: "\e354";
}

.icon-tumblr-2:before,
.icon-im-tumblr-2:before {
    content: "\e355";
}

.icon-yahoo:before,
.icon-im-yahoo:before {
    content: "\e356";
}

.icon-tux:before,
.icon-im-tux:before {
    content: "\e357";
}

.icon-apple:before,
.icon-im-apple:before {
    content: "\e358";
}

.icon-finder:before,
.icon-im-finder:before {
    content: "\e359";
}

.icon-android:before,
.icon-im-android:before {
    content: "\e35a";
}

.icon-windows:before,
.icon-im-windows:before {
    content: "\e35b";
}

.icon-windows8:before,
.icon-im-windows8:before {
    content: "\e35c";
}

.icon-soundcloud:before,
.icon-im-soundcloud:before {
    content: "\e35d";
}

.icon-soundcloud-2:before,
.icon-im-soundcloud-2:before {
    content: "\e35e";
}

.icon-skype:before,
.icon-im-skype:before {
    content: "\e35f";
}

.icon-reddit:before,
.icon-im-reddit:before {
    content: "\e360";
}

.icon-linkedin:before,
.icon-im-linkedin:before {
    content: "\e361";
}

.icon-lastfm:before,
.icon-im-lastfm:before {
    content: "\e362";
}

.icon-lastfm-2:before,
.icon-im-lastfm-2:before {
    content: "\e363";
}

.icon-delicious:before,
.icon-im-delicious:before {
    content: "\e364";
}

.icon-stumbleupon:before,
.icon-im-stumbleupon:before {
    content: "\e365";
}

.icon-stumbleupon-2:before,
.icon-im-stumbleupon-2:before {
    content: "\e366";
}

.icon-stackoverflow:before,
.icon-im-stackoverflow:before {
    content: "\e367";
}

.icon-pinterest:before,
.icon-im-pinterest:before {
    content: "\e368";
}

.icon-pinterest-2:before,
.icon-im-pinterest-2:before {
    content: "\e369";
}

.icon-xing:before,
.icon-im-xing:before {
    content: "\e36a";
}

.icon-xing-2:before,
.icon-im-xing-2:before {
    content: "\e36b";
}

.icon-flattr:before,
.icon-im-flattr:before {
    content: "\e36c";
}

.icon-foursquare:before,
.icon-im-foursquare:before {
    content: "\e36d";
}

.icon-foursquare-2:before,
.icon-im-foursquare-2:before {
    content: "\e36e";
}

.icon-paypal:before,
.icon-im-paypal:before {
    content: "\e36f";
}

.icon-paypal-2:before,
.icon-im-paypal-2:before {
    content: "\e370";
}

.icon-paypal-3:before,
.icon-im-paypal-3:before {
    content: "\e371";
}

.icon-yelp:before,
.icon-im-yelp:before {
    content: "\e372";
}

.icon-libreoffice:before,
.icon-im-libreoffice:before {
    content: "\e373";
}

.icon-file-pdf:before,
.icon-im-file-pdf:before {
    content: "\e374";
}

.icon-file-openoffice:before,
.icon-im-file-openoffice:before {
    content: "\e375";
}

.icon-file-word:before,
.icon-im-file-word:before {
    content: "\e376";
}

.icon-file-excel:before,
.icon-im-file-excel:before {
    content: "\e377";
}

.icon-file-zip:before,
.icon-im-file-zip:before {
    content: "\e378";
}

.icon-file-powerpoint:before,
.icon-im-file-powerpoint:before {
    content: "\e379";
}

.icon-file-xml:before,
.icon-im-file-xml:before {
    content: "\e37a";
}

.icon-file-css:before,
.icon-im-file-css:before {
    content: "\e37b";
}

.icon-html5:before,
.icon-im-html5:before {
    content: "\e37c";
}

.icon-html5-2:before,
.icon-im-html5-2:before {
    content: "\e37d";
}

.icon-css3:before,
.icon-im-css3:before {
    content: "\e37e";
}

.icon-chrome:before,
.icon-im-chrome:before {
    content: "\e37f";
}

.icon-firefox:before,
.icon-im-firefox:before {
    content: "\e380";
}

.icon-IE:before,
.icon-im-IE:before {
    content: "\e381";
}

.icon-opera:before,
.icon-im-opera:before {
    content: "\e382";
}

.icon-safari:before,
.icon-im-safari:before {
    content: "\e383";
}

.icon-IcoMoon:before,
.icon-im-IcoMoon:before {
    content: "\e384";
}

@-ms-viewport {
    width: auto;
}

html,
body {
    width: 100%\0;
    height: 100%;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

@media print {
    html,
    body {
        height: auto;
    }
}

body {
    font: 14px/1.3 Arial, Tahoma, "微軟正黑體";
    color: #eee;
}

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

.initial * {
    transition-duration: 0s !important;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    outline: none;
}

a {
    text-decoration: none;
    color: #eee;
}

.ui-tooltip,
.ui-message {
    border-radius: 6px !important;
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1) !important;
    background: rgba(0, 0, 0, 0.7) !important;
    border: none !important;
    color: #fff !important;
    padding: 8px 16px !important;
    font-size: 13px !important;
}

.ui-tooltip,
.ui-tooltip *,
.ui-message,
.ui-message * {
    font-family: "微軟正黑體" !important;
}

.ui-tooltip.category,
.ui-message.category {
    /* background: rgba(167, 3, 3, 0.8) !important;
    background: rgba(0, 90, 129, 0.8) !important; */
    background: rgba(201, 155, 83, 0.8) !important;
    padding: 3px 8px !important;
}

.ui-tooltip.link,
.ui-message.link {
    /* background: rgba(167, 3, 3, 0.8) !important;
    background: rgba(0, 90, 129, 0.8) !important; */
    background: rgba(201, 155, 83, 0.8) !important;
    padding: 6px 12px !important;
}

.ui-tooltip.ui-message,
.ui-message.ui-message {
    display: none;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 15px !important;
    font-style: normal;
}

.ui-message {
    position: absolute;
    z-index: 10000;
}

#layout {
    position: relative;
    height: 100%;
    min-width: 320px;
    background-color: #EDEDED;
    overflow: hidden;
}

@media print {
    #layout {
        height: auto;
    }
}

#layout>.wrapper {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #000;
    /* background-image: url('images/background.jpg'); */
}

@media print {
    #layout>.wrapper {
        display: none;
    }
}

#layout>.wrapper:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: auto;
    height: auto;
    content: "";
    transition: .6s;
}

#layout>.wrapper.transformed:after {
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

#header {
    position: absolute;
    z-index: 2;
    width: 100%;
}

#header .logo {
    position: absolute;
    left: 20px;
    top: 20px;
    margin: 0;
    padding: 0;
    width: 230px;
    height: 70px;
    background: url(images/logo.svg) no-repeat;
    background-size: contain;
    text-indent: -2000em;
    overflow: hidden;
    transform-origin: 0 0;
}

@media (max-width: 600px) {
    #header .logo {
        transform: scale(0.8);
        left: 10px;
        top: 15px;
    }
}

@media (max-width: 480px) {
    #header .logo {
        transform: scale(0.7);
    }
}

#header .current {
    position: absolute;
    right: 25px;
    top: 25px;
    font-size: 18px;
    /* color: #111820; */
}

@media (max-width: 600px) {
    #header .current {
        right: 10px;
        top: 20px;
    }
}

#header .current input[type="text"] {
    position: relative;
    left: -5px;
    top: -5px;
    background-color: #FFFFFF;
    border: none;
    border-radius: 20px 0;
    padding: 3px;
    width: 80px;
    text-align: center;
    font-size: 12px;
    color: #000;
    transition: box-shadow .2s;
}

#header .current input[type="text"]::-webkit-input-placeholder {
    color: #000;
    opacity: 1;
}

#header .current input[type="text"]::-moz-placeholder {
    color: #000;
    opacity: 1;
}

#header .current input[type="text"]:-ms-input-placeholder {
    color: #000;
    opacity: 1;
}

#header .current input[type="text"]:focus {
    box-shadow: 1px 1px 25px 25px rgba(0, 0, 0, 0.15);
}

#main {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
}

#main #book {
    position: absolute !important;
    z-index: 1;
    left: 50px;
    top: 90px;
    right: 50px;
    bottom: 130px;
    overflow: visible !important;
    transform: translate3d(0, 0, 0);
}

@media (max-width: 600px) {
    #main #book {
        left: 40px;
        right: 40px;
        top: 70px;
        bottom: 115px;
    }
}

#main #book .pages {
    position: absolute !important;
}

#main #book .pages.ready {
    transition: margin-left 0.5s ease-in-out;
}

#main #book .pages.zoomed,
.layout-resizing #main #book .pages {
    transition: none;
}

#main #book .pages.shadow .depth {
    opacity: 0;
}

#main #book .pages.grab>* {
    cursor: url(images/common/cursors/grab.png), url(images/common/cursors/grab.cur), move !important;
}

#main #book .pages.grabbing>* {
    cursor: url(images/common/cursors/grabbing.png), url(images/common/cursors/grabbing.cur), move !important;
}

#main #book .page {
    background: url(images/loader.gif) #fff no-repeat center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

#main #book .page:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#main #book .page.even:after {
    background: -webkit-gradient(linear, left top, right top, color-stop(0.95, transparent), color-stop(1, rgba(0, 0, 0, 0.2)));
    background-image: -webkit-linear-gradient(left, transparent 95%, rgba(0, 0, 0, 0.2) 100%);
    background-image: -moz-linear-gradient(left, transparent 95%, rgba(0, 0, 0, 0.2) 100%);
    background-image: -ms-linear-gradient(left, transparent 95%, rgba(0, 0, 0, 0.2) 100%);
    background-image: -o-linear-gradient(left, transparent 95%, rgba(0, 0, 0, 0.2) 100%);
    background-image: linear-gradient(left, transparent 95%, rgba(0, 0, 0, 0.2) 100%);
}

#main #book .page.odd:after {
    background: -webkit-gradient(linear, right top, left top, color-stop(0.95, transparent), color-stop(1, rgba(0, 0, 0, 0.15)));
    background-image: -webkit-linear-gradient(right, transparent 95%, rgba(0, 0, 0, 0.15) 100%);
    background-image: -moz-linear-gradient(right, transparent 95%, rgba(0, 0, 0, 0.15) 100%);
    background-image: -ms-linear-gradient(right, transparent 95%, rgba(0, 0, 0, 0.15) 100%);
    background-image: -o-linear-gradient(right, transparent 95%, rgba(0, 0, 0, 0.15) 100%);
    background-image: linear-gradient(right, transparent 95%, rgba(0, 0, 0, 0.15) 100%);
}

#main #book .page .shadow {
    box-shadow: 0 0 20px #666;
    transition: box-shadow 0.5s;
}

#main #book .page>img {
    display: block !important;
    width: 100%;
    height: 100%;
    margin: 0;
    pointer-events: none;
    user-select: none;
    -webkit-touch-callout: none;
}

#main #book .page>a {
    display: block;
    position: absolute;
    z-index: 100;
    cursor: pointer;
}

#main #book .page>a:before {
    visibility: hidden;
}

#main #book .page>a.icon {
    color: red;
    opacity: .75;
    animation: linking .6s infinite alternate;
}

#main #book .page>a.icon:before {
    font-size: 24px;
    margin-left: -12px;
    margin-top: -12px;
    position: absolute;
    left: 50%;
    top: 50%;
    line-height: 1;
    transform-origin: center bottom;
    transition: transform .1s ease-out;
    visibility: visible;
    text-shadow: 0 2px rgba(0, 0, 0, 0.1), 2px 0 white, -2px 0 white, 0 -2px white, 1px 1px 10px rgba(0, 0, 0, 0.6);
}

@media (max-width: 1280px) {
    #main #book .page>a.icon:before {
        font-size: 15.6px;
        margin-left: -7.8px;
        margin-top: -7.8px;
    }
}

@media (max-width: 600px) {
    #main #book .page>a.icon:before {
        font-size: 12px;
        margin-left: -6px;
        margin-top: -6px;
    }
}

#main #book .page>a.icon:hover:before {
    color: #008165;
    transform: scale(1.2);
}

@keyframes linking {
    to {
        transform: translateY(-2px);
        color: #a80808;
    }
}

#main #book .depth {
    position: absolute;
    z-index: 100;
    top: -1px;
    width: 16px;
    height: 100%;
    overflow: hidden;
    opacity: 1;
    transition: opacity .4s;
}

#main #book .depth:before,
#main #book .depth:after {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 12px;
    background-image: url(images/depth-edge.png);
}

#main #book .depth:before {
    top: 0;
}

#main #book .depth:after {
    bottom: 0;
}

#main #book .depth>i {
    display: block;
    position: absolute;
    width: 100%;
    top: 12px;
    bottom: 12px;
}

#main #book .depth.left {
    left: -16px;
    background-position: left 0;
}

#main #book .depth.left:before {
    background-position: left 0;
}

#main #book .depth.left:after {
    background-position: left bottom;
}

#main #book .depth.left>i {
    background-image: url(images/depth-left.png);
}

#main #book .depth.right {
    right: -16px;
    background-position: right 0;
}

#main #book .depth.right:before {
    background-position: right 0;
}

#main #book .depth.right:after {
    background-position: right bottom;
}

#main #book .depth.right>i {
    background-image: url(images/depth-right.png);
}

#main #controls {
    position: absolute;
    z-index: 2;
    left: 6px;
    right: 6px;
    top: 50%;
}

@media (max-width: 600px) {
    #main #controls {
        left: 0;
        right: 0;
    }
}

#main #controls button {
    position: absolute;
    top: -50%;
    background: none;
    border: none;
    padding: 0;
    font-size: 32px;
    /* color: #111820; */
    transition: .2s;
}

#main #controls button[name="prev"] {
    left: 0;
}

#main #controls button[name="next"] {
    right: 0;
}

#main #controls button:hover {
    transform: scale(1.5);
}

@media (max-width: 600px) {
    #main #controls button {
        font-size: 28px;
    }
    #main #controls button:hover {
        transform: scale(1.3);
    }
}

.sidebar {
    display: table;
    position: absolute;
    max-width: 420px;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background-color: #1e1e1e;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
    color: #ccc;
}

@media print {
    .sidebar {
        display: none;
    }
}

.sidebar>.header {
    display: table-row;
}

.sidebar>.header>.inner {
    display: table-cell;
    height: 1px;
    border-bottom: 1px solid #222;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
}

.sidebar>.header>.inner>.wrap {
    margin: 15px;
}

.sidebar>.header>.inner .heading {
    margin: 0;
    font-size: 22px;
    letter-spacing: 2px;
}

.sidebar>.header>.inner .heading:before {
    font-size: 18px;
    top: -1px;
}

.sidebar>.header>.inner .description {
    display: block;
    margin: 3px 0 0;
    font-style: normal;
    font-size: 13px;
    color: #666;
}

.sidebar>.body {
    display: table-row;
}

.sidebar>.body>.inner {
    display: table-cell;
}

.sidebar>.body>.inner>.scrollable {
    position: absolute;
    width: 100%;
    height: 0;
    overflow: hidden;
}

.mobile .sidebar>.body>.inner>.scrollable {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.sidebar>.body>.inner>.scrollable>.wrap {
    margin: 30px;
}

.sidebar>.body>.inner>.scrollable .form input[type="text"],
.sidebar>.body>.inner>.scrollable .form textarea,
.sidebar>.body>.inner>.scrollable .form select {
    width: 100%;
    border: 1px solid #3f3f3f;
    background-color: rgba(116, 116, 116, 0.3);
    transition: background-color, border-color, color;
    transition-duration: .1s;
    padding: 12px 8px;
    border-radius: 8px;
    color: #aaa;
    resize: none;
    transition-property: background-color, border-color;
    transition-duration: .1s;
}

.sidebar>.body>.inner>.scrollable .form input[type="text"]::-webkit-input-placeholder,
.sidebar>.body>.inner>.scrollable .form textarea::-webkit-input-placeholder,
.sidebar>.body>.inner>.scrollable .form select::-webkit-input-placeholder {
    color: #888;
}

.sidebar>.body>.inner>.scrollable .form input[type="text"]::-moz-placeholder,
.sidebar>.body>.inner>.scrollable .form textarea::-moz-placeholder,
.sidebar>.body>.inner>.scrollable .form select::-moz-placeholder {
    color: #888;
}

.sidebar>.body>.inner>.scrollable .form input[type="text"]:-ms-input-placeholder,
.sidebar>.body>.inner>.scrollable .form textarea:-ms-input-placeholder,
.sidebar>.body>.inner>.scrollable .form select:-ms-input-placeholder {
    color: #888;
}

.sidebar>.body>.inner>.scrollable .form input[type="text"]:focus,
.sidebar>.body>.inner>.scrollable .form textarea:focus,
.sidebar>.body>.inner>.scrollable .form select:focus {
    background-color: rgba(211, 211, 211, 0.4);
    color: #eee;
}

.sidebar>.body>.inner>.scrollable .form input[type="text"]:focus::-webkit-input-placeholder,
.sidebar>.body>.inner>.scrollable .form textarea:focus::-webkit-input-placeholder,
.sidebar>.body>.inner>.scrollable .form select:focus::-webkit-input-placeholder {
    color: #bbb;
}

.sidebar>.body>.inner>.scrollable .form input[type="text"]:focus::-moz-placeholder,
.sidebar>.body>.inner>.scrollable .form textarea:focus::-moz-placeholder,
.sidebar>.body>.inner>.scrollable .form select:focus::-moz-placeholder {
    color: #bbb;
}

.sidebar>.body>.inner>.scrollable .form input[type="text"]:focus:-ms-input-placeholder,
.sidebar>.body>.inner>.scrollable .form textarea:focus:-ms-input-placeholder,
.sidebar>.body>.inner>.scrollable .form select:focus:-ms-input-placeholder {
    color: #bbb;
}

.sidebar>.body>.inner>.scrollable .form input[type="text"].error,
.sidebar>.body>.inner>.scrollable .form textarea.error,
.sidebar>.body>.inner>.scrollable .form select.error {
    background-color: rgba(202, 0, 13, 0.51);
}

.sidebar>.body>.inner>.scrollable .form input[type="text"].error::-webkit-input-placeholder,
.sidebar>.body>.inner>.scrollable .form textarea.error::-webkit-input-placeholder,
.sidebar>.body>.inner>.scrollable .form select.error::-webkit-input-placeholder {
    color: #ea7b81;
}

.sidebar>.body>.inner>.scrollable .form input[type="text"].error::-moz-placeholder,
.sidebar>.body>.inner>.scrollable .form textarea.error::-moz-placeholder,
.sidebar>.body>.inner>.scrollable .form select.error::-moz-placeholder {
    color: #ea7b81;
}

.sidebar>.body>.inner>.scrollable .form input[type="text"].error:-ms-input-placeholder,
.sidebar>.body>.inner>.scrollable .form textarea.error:-ms-input-placeholder,
.sidebar>.body>.inner>.scrollable .form select.error:-ms-input-placeholder {
    color: #ea7b81;
}

.sidebar>.body>.inner>.scrollable .form label.error {
    display: none !important;
}

.sidebar>.footer {
    display: table-row;
}

.sidebar>.footer>.inner {
    display: table-cell;
    height: 1px;
    border-top: 1px solid #222;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
}

.sidebar>.footer>.inner>.wrap {
    margin: 15px;
}

.sidebar>.footer>.inner button {
    background-color: rgba(0, 0, 0, 0.8);
    border: 1px solid #222;
    padding: 8px 25px 8px 20px;
    border-radius: 10px;
    font-size: 16px;
    transition: background-color .1s;
}

.sidebar>.footer>.inner button:before {
    font-size: 13px;
    margin-right: 5px;
}

.sidebar>.footer>.inner button:hover {
    background-color: #a7000b;
}

.sidebar>.footer>.inner button~button {
    margin: 0 10px;
}

.sidebar#category .form {
    display: block;
    position: relative;
    overflow: hidden;
}

.sidebar#category .form:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: auto;
    height: auto;
    display: block;
    content: "";
    background-color: transparent;
}

.sidebar#category .form button[name="clear"],
.sidebar#category .form button[name="submit"] {
    position: absolute;
    right: 8px;
    top: 20%;
    border: none;
    background: none;
    padding: 0;
    font-size: 20px;
    transition: .4s;
    transition-property: transform, opacity;
}

.sidebar#category .form button[name="clear"] {
    opacity: 0;
    transform: scale(0);
}

.sidebar#category.loaded .form:after {
    display: none;
}

.sidebar#category.applied .form button[name="submit"] {
    opacity: 0;
    transform: scale(0);
}

.sidebar#category.applied .form button[name="clear"] {
    opacity: 1;
    transform: scale(1);
}

.sidebar#category .pages {
    display: none;
    margin: 10px -5px;
    text-align: left;
}

.sidebar#category .pages li {
    position: relative;
    width: 25%;
    padding: 10px 10px;
    overflow: hidden;
    border-radius: 10px;
    text-align: center;
}

@media (max-width: 480px) {
    .sidebar#category .pages li {
        width: 33.33%;
    }
}

@media (max-width: 360px) {
    .sidebar#category .pages li {
        width: 50%;
    }
}

.sidebar#category .pages li.active a {
    border-color: #C99B54;
    cursor: default;
}

.sidebar#category .pages li.active a .border:before {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.sidebar#category .pages li.active a .border:after {
    background-color: transparent;
}

.sidebar#category .pages li.active a .border:before {
    display: none;
}

.sidebar#category .pages li.active a .subject {
    background-color: #C99B54;
    color: #eee;
}

.sidebar#category .pages li a {
    display: block;
    position: relative;
    border: 2px solid #111820;
    border-radius: 3px;
    overflow: hidden;
    cursor: pointer;
}

.sidebar#category .pages li a:hover .border:before {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.sidebar#category .pages li a:hover .border:after {
    background-color: transparent;
}

.sidebar#category .pages li a .border {
    position: relative;
    background: url(images/loader.gif) #fff no-repeat center;
    overflow: hidden;
}

.sidebar#category .pages li a .border:before {
    display: block;
    content: attr(data-active);
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    padding: 8px;
    background-color: #C99B54;
    opacity: 0;
    font-size: 12px;
    transform: translate(-50%, -50%) scale(0);
    transition: .2s ease-out;
}

.sidebar#category .pages li a .border:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: auto;
    height: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0.3);
    transition: .1s;
}

.sidebar#category .pages li a .border .thumb {
    display: block;
    width: 100%;
    height: auto;
}

.sidebar#category .pages li a .subject {
    display: block;
    background-color: rgba(0, 0, 0, 0.9);
    padding: 4px 0 2px;
    line-height: 1;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: #ccc;
}

.sidebar#category .loading,
.sidebar#category .match,
.sidebar#category .empty {
    display: none;
    position: absolute;
    left: 0;
    top: 40%;
    width: 100%;
    text-align: center;
    color: #666;
}

.sidebar#category .loading {
    display: block;
}

.sidebar#category .loading [class*="icon-"]:before {
    animation: icon-loading .6s infinite linear;
}

@keyframes icon-loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.sidebar#shareable .notice {
    display: block;
    line-height: 1.5;
    text-align: left;
}

.sidebar#shareable .form {
    display: block;
    margin-top: 30px;
}

.sidebar#shareable .form .message {
    display: none;
    position: relative;
    top: -5px;
    padding: 15px 10px;
    margin: 0 0 20px;
    border-radius: 10px;
    border: 1px solid;
    background-color: #111820;
    border-color: #333;
    font-size: 14px;
    text-align: center;
}

.sidebar#shareable .form .rows {
    text-align: left;
}

.sidebar#shareable .form .rows~.rows {
    margin-top: 20px;
}

.sidebar#shareable .form .rows dt,
.sidebar#shareable .form .rows dd {
    padding: 3px 0;
}

.sidebar#shareable .form .rows dt {
    font-size: 15px;
}

.sidebar#shareable .form .rows dt:before {
    content: "★";
    padding-right: 5px;
    position: relative;
    color: #666;
}

.sidebar#shareable .form .rows.required dt:before {
    color: #C99B54;
}

.sidebar#printable .form {
    display: block;
}

.sidebar#printable .form .rows {
    text-align: left;
}

.sidebar#printable .form .rows~.rows {
    margin-top: 20px;
}

.sidebar#printable .form .rows dt,
.sidebar#printable .form .rows dd {
    padding: 5px 0;
}

.sidebar#printable .form .rows dt {
    font-size: 15px;
}

.sidebar#printable .form .rows dd .options {
    padding-top: 5px;
}

.sidebar#printable .form .rows.preview {
    display: none;
}

.sidebar#printable .form .rows.preview .wrap {
    position: relative;
}

.sidebar#printable .form .rows.preview .wrap .border {
    background: url(images/loader.gif) #fff no-repeat center;
    border: 5px solid #aaa;
}

.sidebar#printable .form .rows.preview .wrap .border .thumb {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.sidebar#printable .form .rows.preview .wrap .navigation {
    margin: 5px 0 0;
    text-align: center;
    white-space: nowrap;
}

.sidebar#printable .form .rows.preview .wrap .navigation li {
    padding: 5px;
}

.sidebar#printable .form .rows.preview .wrap .navigation button {
    border: none;
    background: none;
    padding: 0;
}

#printing {
    display: none;
    position: relative;
    background-color: #fff;
}

@media print {
    #printing {
        display: block;
    }
}

#printing .pages {
    height: 100%;
}

#printing .pages .page {
    page-break-after: always;
}

#printing .pages .page .medium {
    display: block;
    width: 100%;
}

.sidebar#downloadable .notice {
    display: block;
    padding: 15px;
    line-height: 1.5;
    text-align: center;
}

.sidebar#downloadable .files {
    margin-top: 50px;
}

@media (max-width: 600px) {
    .sidebar#downloadable .files {
        margin-top: 30px;
    }
}

.sidebar#downloadable .files .file {
    display: block;
    padding: 30px;
    margin: 0 15px;
    border: 3px dotted #555;
    border-radius: 20px;
    background-color: #2a2a2a;
    font-size: 72px;
    text-align: center;
    transition-property: border-color, background-color;
    transition-duration: .1s;
}

.sidebar#downloadable .files .file~.file {
    margin-top: 50px;
}

.sidebar#downloadable .files .file:before {
    margin: 0;
}

.sidebar#downloadable .files .file:hover {
    border-color: #888;
    background-color: rgba(15, 77, 154, 0.8);
}

@media (max-width: 600px) {
    .sidebar#downloadable .files .file {
        font-size: 52px;
    }
    .sidebar#downloadable .files .file~.file {
        margin-top: 40px;
    }
}

.sidebar#downloadable .files .file .subject {
    font-size: 24px;
}

@media (max-width: 600px) {
    .sidebar#downloadable .files .file .subject {
        font-size: 16px;
    }
}

#footer {
    position: absolute;
    z-index: 3;
    left: 0;
    bottom: 15px;
    width: 100%;
}

#footer #toolbar {
    position: relative;
    z-index: 10;
    width: 95%;
    height: 40px;
    margin: 0 auto;
    transform: translate3d(0, 0, 0);
}

#footer #toolbar .bar {
    display: none;
    border-bottom: 40px solid rgba(20, 20, 20, 0.85);
    border-left: 130px solid transparent;
    border-right: 130px solid transparent;
    height: 0px;
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
}

#footer #toolbar .bar:after {
    content: "";
    display: block;
    position: absolute;
    left: -130px;
    top: 40px;
    right: -130px;
    border-bottom: 20px solid rgba(1, 1, 1, 0.85);
}

#footer #toolbar .items {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 60px;
    right: 60px;
    bottom: 20px;
    white-space: nowrap;
    text-align: center;
    visibility: hidden;
    transform-origin: left bottom;
}

#footer #toolbar .items,
#footer #toolbar .items *,
#footer #toolbar .items *::before,
#footer #toolbar .items *::after {
    box-sizing: border-box;
}

#footer #toolbar .items>* {
    padding: 0;
    margin: 0;
}

#footer #toolbar .items::after {
    display: block;
    content: "";
    clear: both;
}

#footer #toolbar .items>* {
    padding: 0;
    display: block;
    width: auto;
    float: left;
}

#footer #toolbar .items>*>.columns,
#footer #toolbar .items>*>.rows,
#footer #toolbar .items>*>.grid {
    margin: -0;
}

#footer #toolbar .items.gutterless>* {
    padding: 0;
}

#footer #toolbar .items.gutterless>*>.columns,
#footer #toolbar .items.gutterless>*>.rows,
#footer #toolbar .items.gutterless>*>.grid {
    margin: -0;
}

#footer #toolbar .items.inline {
    letter-spacing: -0.31em;
}

#footer #toolbar .items.inline>* {
    letter-spacing: normal;
}

#footer #toolbar .items.inline>* {
    display: inline-block;
    vertical-align: top;
    float: none;
}

#footer #toolbar .items {
    letter-spacing: -0.31em;
}

#footer #toolbar .items>* {
    letter-spacing: normal;
}

#footer #toolbar .items>* {
    display: inline-block;
    vertical-align: top;
    float: none;
}

#footer #toolbar .items {
    font-size: 0;
}

#footer #toolbar .items>* {
    font-size: 24px;
}

#footer #toolbar .items>li {
    position: relative;
    text-align: left;
}

#footer #toolbar .items>li~li {
    padding-left: 10px;
}

#footer #toolbar .items>li:hover {
    z-index: 1;
}

#footer #toolbar .items>li:hover>button {
    background-image: radial-gradient(circle, white, #878787);
    background-repeat: no-repeat;
    border-color: #e2e2e2;
    transition-duration: .1s;
}

.desktop #footer #toolbar .items>li:hover>button {
    margin-left: 12px;
    margin-right: 12px;
    transform: scale(1.55);
}

.mobile #footer #toolbar .items>li:hover>button {
    transform: scale(1.1);
}

.desktop #footer #toolbar .items>li.nearby>button {
    margin-left: 6px;
    margin-right: 6px;
    transform: scale(1.1);
}

#footer #toolbar .items>li>button {
    display: block;
    position: relative;
    padding: 10px 10px 8px 10px;
    text-align: center;
    font-size: 24px;
    color: #3f3f3f;
    border: 5px solid white;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.7);
    background-image: radial-gradient(circle, rgba(200, 200, 200, 0.5), rgba(170, 170, 170, 0.5));
    background-repeat: no-repeat;
    -webkit-box-reflect: below 2px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(rgba(255, 255, 255, 0.25)));
    box-shadow: inset 0 -5px 15px rgba(255, 255, 255, 0.4), inset -2px -1px 40px rgba(0, 0, 0, 0.4), 0 0 1px #111820;
    transform-origin: center bottom;
    transition-property: transform, margin;
    transition-duration: .2s;
}

.firefox #footer #toolbar .items>li>button {
    transition-property: transform;
}

#footer #toolbar .items>li>button:before {
    position: relative;
    z-index: 1;
}

#footer #toolbar .items>li>button:after {
    content: "";
    height: 40%;
    position: absolute;
    z-index: 0;
    left: 10px;
    right: 10px;
    top: 0px;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 50%;
}

#footer #toolbar .items>li>button.active {
    background-image: radial-gradient(circle, white, #878787);
    background-repeat: no-repeat;
    border-color: #e2e2e2;
}

#footer #toolbar .items>li:last-child .dropmenu {
    display: none;
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 80px;
    background-color: rgba(10, 10, 10, 0.9);
    box-shadow: -1px -1px 3px 3px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 20px;
}

#footer #toolbar .items>li:last-child .dropmenu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 300px;
    overflow: hidden;
}

#footer #toolbar .items>li:last-child .dropmenu ul,
#footer #toolbar .items>li:last-child .dropmenu ul *,
#footer #toolbar .items>li:last-child .dropmenu ul *::before,
#footer #toolbar .items>li:last-child .dropmenu ul *::after {
    box-sizing: border-box;
}

#footer #toolbar .items>li:last-child .dropmenu ul>* {
    padding: 0;
    margin: 0;
}

#footer #toolbar .items>li:last-child .dropmenu ul>* {
    padding: 0;
    display: block;
    width: auto;
}

#footer #toolbar .items>li:last-child .dropmenu ul>*>.columns,
#footer #toolbar .items>li:last-child .dropmenu ul>*>.rows,
#footer #toolbar .items>li:last-child .dropmenu ul>*>.grid {
    margin: -0;
}

#footer #toolbar .items>li:last-child .dropmenu ul.gutterless>* {
    padding: 0;
}

#footer #toolbar .items>li:last-child .dropmenu ul.gutterless>*>.columns,
#footer #toolbar .items>li:last-child .dropmenu ul.gutterless>*>.rows,
#footer #toolbar .items>li:last-child .dropmenu ul.gutterless>*>.grid {
    margin: -0;
}

.mobile #footer #toolbar .items>li:last-child .dropmenu ul {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}

#footer #toolbar .items>li:last-child .dropmenu ul li {
    border-bottom: 1px solid #3f3f3f;
}

#footer #toolbar .items>li:last-child .dropmenu ul li:last-child {
    border-bottom: none;
}

#footer #toolbar .items>li:last-child .dropmenu ul li button {
    display: block;
    background-color: transparent;
    border: none;
    padding: 15px 15px;
    width: 150px;
    white-space: nowrap;
    font-size: 15px;
    color: #ccc;
    text-align: left;
    transition: .8s;
}

#footer #toolbar .items>li:last-child .dropmenu ul li button:hover {
    background: #2356a7;
    transition: 0s;
}

#footer #toolbar .items>li:last-child .dropmenu ul li button i {
    display: inline-block;
}

#loading {
    display: none;
    position: fixed;
    z-index: 10000000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #C99B54;
}

#loading .logo {
    position: absolute;
    z-index: 10;
    left: calc(50% - 175.5px);
    top: calc(50% - 27.5px);
    width: 351px;
    height: 55px;
    text-indent: -2000em;
    white-space: nowrap;
    text-align: left;
    width: 351px;
    height: 55px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAV8AAAA3CAMAAACcu7kwAAADAFBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+/LkhhAAAA/3RSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCkqKywtLi8wMTIzNDU2Nzg5Ojs8PT4/QEFCQ0RFRkdISUpLTE1O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) no-repeat;
    background-size: 100% 100%;
}

#loading .current {
    position: absolute;
    z-index: 10;
    left: calc(50% - 175.5px);
    top: calc(50% + 27.5px);
    width: 351px;
    height: 55px;
    text-transform: uppercase;
    text-align: right;
    font-size: 11px;
    color: #fff;
    animation: loading-current .4s infinite alternate;
}

@keyframes loading-current {
    0% {
        opacity: .1;
    }
    100% {
        opacity: 1;
    }
}

#loading .current .progress {
    padding-left: 5px;
}

#loading:before,
#loading:after {
    content: "";
    display: block;
    position: absolute;
    left: -20%;
    top: -50%;
    width: 80%;
    height: 80%;
    border-radius: 50%;
    background-color: #C99B54;
    transform: rotate(-25deg);
    animation: loading-aside 2s infinite ease alternate-reverse;
}

@keyframes loading-aside {
    0% {
        width: 75%;
        height: 75%;
        border-radius: 100%;
        transform: rotate(-50deg);
    }
    100% {
        width: 85%;
        height: 85%;
        border-radius: 40%;
        transform: rotate(-25deg);
    }
}

#loading:after {
    transform: rotate(-25deg);
    left: auto;
    top: auto;
    right: -20%;
    bottom: -50%;
}

@media (max-width: 1280px) {
    #loading .logo {
        left: calc(50% - 130px);
        top: calc(50% - 20.5px);
        width: 260px;
        height: 41px;
    }
    #loading .current {
        left: calc(50% - 130px);
        top: calc(50% + 20.5px);
        width: 260px;
        height: 41px;
        font-size: 10px;
    }
}

@media (max-width: 600px) {
    #loading .logo {
        left: calc(50% - 90px);
        top: calc(50% - 14px);
        width: 180px;
        height: 28px;
    }
    #loading .current {
        left: calc(50% - 90px);
        top: calc(50% + 14px);
        width: 180px;
        height: 28px;
    }
}

@media (max-width: 800px) {
    @keyframes loading-aside {
        0% {
            width: 75%;
            height: 75%;
            border-radius: 100%;
            transform: rotate(60deg);
        }
        100% {
            width: 85%;
            height: 85%;
            border-radius: 50%;
            transform: rotate(60deg);
        }
    }
}