@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
html {
    font-family: 'Roboto', sans-serif;
}

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 none;
}

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 none repeat scroll 0 0;
    color: #000;
}

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 none;
}

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"] {
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: not-allowed;
}

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="search"] {
    box-sizing: content-box;
}

legend {
    border: 0 none;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

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

td,
th {
    padding: 0;
}

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

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

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

body {
    background: #fefefe none repeat scroll 0 0;
    color: #0a0a0a;
    /* font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;  */
    /* font-family: '繝｡繧､繝ｪ繧ｪ', 'Meiryo', verdana, '繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, '・ｭ・ｳ ・ｰ繧ｴ繧ｷ繝・け', 'MS PGothic', Sans-Serif; */
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 1.8em;
    margin: 0;
    padding: 0;
}

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

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

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

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
    max-width: none i;
}

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

[data-whatinput="mouse"] button {
    outline: 0 none;
}

.is-visible {
    display: block;
}

.is-hidden {
    display: none;
}

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

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

.row::after {
    clear: both;
}

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

.row .row {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
    max-width: none;
}

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

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

.row.expanded {
    max-width: none;
}

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

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

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

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

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

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

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

.small-1 {
    width: 8.33333%;
}

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

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

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

.small-2 {
    width: 16.6667%;
}

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

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

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

.small-3 {
    width: 25%;
}

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

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

.small-offset-2 {
    margin-left: 16.6667%;
}

.small-4 {
    width: 33.3333%;
}

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

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

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

.small-5 {
    width: 41.6667%;
}

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

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

.small-offset-4 {
    margin-left: 33.3333%;
}

.small-6 {
    width: 50%;
}

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

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

.small-offset-5 {
    margin-left: 41.6667%;
}

.small-7 {
    width: 58.3333%;
}

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

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

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

.small-8 {
    width: 66.6667%;
}

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

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

.small-offset-7 {
    margin-left: 58.3333%;
}

.small-9 {
    width: 75%;
}

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

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

.small-offset-8 {
    margin-left: 66.6667%;
}

.small-10 {
    width: 83.3333%;
}

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

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

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

.small-11 {
    width: 91.6667%;
}

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

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

.small-offset-10 {
    margin-left: 83.3333%;
}

.small-12 {
    width: 100%;
}

.small-offset-11 {
    margin-left: 91.6667%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 40em) {
    .medium-1 {
        width: 8.33333%;
    }
    .medium-push-1 {
        left: 8.33333%;
        position: relative;
    }
    .medium-pull-1 {
        left: -8.33333%;
        position: relative;
    }
    .medium-offset-0 {
        margin-left: 0;
    }
    .medium-2 {
        width: 16.6667%;
    }
    .medium-push-2 {
        left: 16.6667%;
        position: relative;
    }
    .medium-pull-2 {
        left: -16.6667%;
        position: relative;
    }
    .medium-offset-1 {
        margin-left: 8.33333%;
    }
    .medium-3 {
        width: 25%;
    }
    .medium-push-3 {
        left: 25%;
        position: relative;
    }
    .medium-pull-3 {
        left: -25%;
        position: relative;
    }
    .medium-offset-2 {
        margin-left: 16.6667%;
    }
    .medium-4 {
        width: 33.3333%;
    }
    .medium-push-4 {
        left: 33.3333%;
        position: relative;
    }
    .medium-pull-4 {
        left: -33.3333%;
        position: relative;
    }
    .medium-offset-3 {
        margin-left: 25%;
    }
    .medium-5 {
        width: 41.6667%;
    }
    .medium-push-5 {
        left: 41.6667%;
        position: relative;
    }
    .medium-pull-5 {
        left: -41.6667%;
        position: relative;
    }
    .medium-offset-4 {
        margin-left: 33.3333%;
    }
    .medium-6 {
        width: 50%;
    }
    .medium-push-6 {
        left: 50%;
        position: relative;
    }
    .medium-pull-6 {
        left: -50%;
        position: relative;
    }
    .medium-offset-5 {
        margin-left: 41.6667%;
    }
    .medium-7 {
        width: 58.3333%;
    }
    .medium-push-7 {
        left: 58.3333%;
        position: relative;
    }
    .medium-pull-7 {
        left: -58.3333%;
        position: relative;
    }
    .medium-offset-6 {
        margin-left: 50%;
    }
    .medium-8 {
        width: 66.6667%;
    }
    .medium-push-8 {
        left: 66.6667%;
        position: relative;
    }
    .medium-pull-8 {
        left: -66.6667%;
        position: relative;
    }
    .medium-offset-7 {
        margin-left: 58.3333%;
    }
    .medium-9 {
        width: 75%;
    }
    .medium-push-9 {
        left: 75%;
        position: relative;
    }
    .medium-pull-9 {
        left: -75%;
        position: relative;
    }
    .medium-offset-8 {
        margin-left: 66.6667%;
    }
    .medium-10 {
        width: 83.3333%;
    }
    .medium-push-10 {
        left: 83.3333%;
        position: relative;
    }
    .medium-pull-10 {
        left: -83.3333%;
        position: relative;
    }
    .medium-offset-9 {
        margin-left: 75%;
    }
    .medium-11 {
        width: 91.6667%;
    }
    .medium-push-11 {
        left: 91.6667%;
        position: relative;
    }
    .medium-pull-11 {
        left: -91.6667%;
        position: relative;
    }
    .medium-offset-10 {
        margin-left: 83.3333%;
    }
    .medium-12 {
        width: 100%;
    }
    .medium-offset-11 {
        margin-left: 91.6667%;
    }
    .medium-up-1>.column,
    .medium-up-1>.columns {
        float: left;
        width: 100%;
    }
    .medium-up-1>.column:nth-of-type(n),
    .medium-up-1>.columns:nth-of-type(n) {
        clear: none;
    }
    .medium-up-1>.column:nth-of-type(n+1),
    .medium-up-1>.columns:nth-of-type(n+1) {
        clear: both;
    }
    .medium-up-1>.column:last-child,
    .medium-up-1>.columns:last-child {
        float: left;
    }
    .medium-up-2>.column,
    .medium-up-2>.columns {
        float: left;
        width: 50%;
    }
    .medium-up-2>.column:nth-of-type(n),
    .medium-up-2>.columns:nth-of-type(n) {
        clear: none;
    }
    .medium-up-2>.column:nth-of-type(2n+1),
    .medium-up-2>.columns:nth-of-type(2n+1) {
        clear: both;
    }
    .medium-up-2>.column:last-child,
    .medium-up-2>.columns:last-child {
        float: left;
    }
    .medium-up-3>.column,
    .medium-up-3>.columns {
        float: left;
        width: 33.3333%;
    }
    .medium-up-3>.column:nth-of-type(n),
    .medium-up-3>.columns:nth-of-type(n) {
        clear: none;
    }
    .medium-up-3>.column:nth-of-type(3n+1),
    .medium-up-3>.columns:nth-of-type(3n+1) {
        clear: both;
    }
    .medium-up-3>.column:last-child,
    .medium-up-3>.columns:last-child {
        float: left;
    }
    .medium-up-4>.column,
    .medium-up-4>.columns {
        float: left;
        width: 25%;
    }
    .medium-up-4>.column:nth-of-type(n),
    .medium-up-4>.columns:nth-of-type(n) {
        clear: none;
    }
    .medium-up-4>.column:nth-of-type(4n+1),
    .medium-up-4>.columns:nth-of-type(4n+1) {
        clear: both;
    }
    .medium-up-4>.column:last-child,
    .medium-up-4>.columns:last-child {
        float: left;
    }
    .medium-up-5>.column,
    .medium-up-5>.columns {
        float: left;
        width: 20%;
    }
    .medium-up-5>.column:nth-of-type(n),
    .medium-up-5>.columns:nth-of-type(n) {
        clear: none;
    }
    .medium-up-5>.column:nth-of-type(5n+1),
    .medium-up-5>.columns:nth-of-type(5n+1) {
        clear: both;
    }
    .medium-up-5>.column:last-child,
    .medium-up-5>.columns:last-child {
        float: left;
    }
    .medium-up-6>.column,
    .medium-up-6>.columns {
        float: left;
        width: 16.6667%;
    }
    .medium-up-6>.column:nth-of-type(n),
    .medium-up-6>.columns:nth-of-type(n) {
        clear: none;
    }
    .medium-up-6>.column:nth-of-type(6n+1),
    .medium-up-6>.columns:nth-of-type(6n+1) {
        clear: both;
    }
    .medium-up-6>.column:last-child,
    .medium-up-6>.columns:last-child {
        float: left;
    }
    .medium-up-7>.column,
    .medium-up-7>.columns {
        float: left;
        width: 14.2857%;
    }
    .medium-up-7>.column:nth-of-type(n),
    .medium-up-7>.columns:nth-of-type(n) {
        clear: none;
    }
    .medium-up-7>.column:nth-of-type(7n+1),
    .medium-up-7>.columns:nth-of-type(7n+1) {
        clear: both;
    }
    .medium-up-7>.column:last-child,
    .medium-up-7>.columns:last-child {
        float: left;
    }
    .medium-up-8>.column,
    .medium-up-8>.columns {
        float: left;
        width: 12.5%;
    }
    .medium-up-8>.column:nth-of-type(n),
    .medium-up-8>.columns:nth-of-type(n) {
        clear: none;
    }
    .medium-up-8>.column:nth-of-type(8n+1),
    .medium-up-8>.columns:nth-of-type(8n+1) {
        clear: both;
    }
    .medium-up-8>.column:last-child,
    .medium-up-8>.columns:last-child {
        float: left;
    }
    .medium-collapse>.column,
    .medium-collapse>.columns {
        padding-left: 0;
        padding-right: 0;
    }
    .medium-collapse .row,
    .expanded.row .medium-collapse.row {
        margin-left: 0;
        margin-right: 0;
    }
    .medium-uncollapse>.column,
    .medium-uncollapse>.columns {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
    .medium-centered {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .medium-uncentered,
    .medium-push-0,
    .medium-pull-0 {
        float: left;
        margin-left: 0;
        margin-right: 0;
        position: static;
    }
}

@media screen and (min-width: 64em) {
    .large-1 {
        width: 8.33333%;
    }
    .large-push-1 {
        left: 8.33333%;
        position: relative;
    }
    .large-pull-1 {
        left: -8.33333%;
        position: relative;
    }
    .large-offset-0 {
        margin-left: 0;
    }
    .large-2 {
        width: 16.6667%;
    }
    .large-push-2 {
        left: 16.6667%;
        position: relative;
    }
    .large-pull-2 {
        left: -16.6667%;
        position: relative;
    }
    .large-offset-1 {
        margin-left: 8.33333%;
    }
    .large-3 {
        width: 25%;
    }
    .large-push-3 {
        left: 25%;
        position: relative;
    }
    .large-pull-3 {
        left: -25%;
        position: relative;
    }
    .large-offset-2 {
        margin-left: 16.6667%;
    }
    .large-4 {
        width: 33.3333%;
    }
    .large-push-4 {
        left: 33.3333%;
        position: relative;
    }
    .large-pull-4 {
        left: -33.3333%;
        position: relative;
    }
    .large-offset-3 {
        margin-left: 25%;
    }
    .large-5 {
        width: 41.6667%;
    }
    .large-push-5 {
        left: 41.6667%;
        position: relative;
    }
    .large-pull-5 {
        left: -41.6667%;
        position: relative;
    }
    .large-offset-4 {
        margin-left: 33.3333%;
    }
    .large-6 {
        width: 50%;
    }
    .large-push-6 {
        left: 50%;
        position: relative;
    }
    .large-pull-6 {
        left: -50%;
        position: relative;
    }
    .large-offset-5 {
        margin-left: 41.6667%;
    }
    .large-7 {
        width: 58.3333%;
    }
    .large-push-7 {
        left: 58.3333%;
        position: relative;
    }
    .large-pull-7 {
        left: -58.3333%;
        position: relative;
    }
    .large-offset-6 {
        margin-left: 50%;
    }
    .large-8 {
        width: 66.6667%;
    }
    .large-push-8 {
        left: 66.6667%;
        position: relative;
    }
    .large-pull-8 {
        left: -66.6667%;
        position: relative;
    }
    .large-offset-7 {
        margin-left: 58.3333%;
    }
    .large-9 {
        width: 75%;
    }
    .large-push-9 {
        left: 75%;
        position: relative;
    }
    .large-pull-9 {
        left: -75%;
        position: relative;
    }
    .large-offset-8 {
        margin-left: 66.6667%;
    }
    .large-10 {
        width: 83.3333%;
    }
    .large-push-10 {
        left: 83.3333%;
        position: relative;
    }
    .large-pull-10 {
        left: -83.3333%;
        position: relative;
    }
    .large-offset-9 {
        margin-left: 75%;
    }
    .large-11 {
        width: 91.6667%;
    }
    .large-push-11 {
        left: 91.6667%;
        position: relative;
    }
    .large-pull-11 {
        left: -91.6667%;
        position: relative;
    }
    .large-offset-10 {
        margin-left: 83.3333%;
    }
    .large-12 {
        width: 100%;
    }
    .large-offset-11 {
        margin-left: 91.6667%;
    }
    .large-up-1>.column,
    .large-up-1>.columns {
        float: left;
        width: 100%;
    }
    .large-up-1>.column:nth-of-type(n),
    .large-up-1>.columns:nth-of-type(n) {
        clear: none;
    }
    .large-up-1>.column:nth-of-type(n+1),
    .large-up-1>.columns:nth-of-type(n+1) {
        clear: both;
    }
    .large-up-1>.column:last-child,
    .large-up-1>.columns:last-child {
        float: left;
    }
    .large-up-2>.column,
    .large-up-2>.columns {
        float: left;
        width: 50%;
    }
    .large-up-2>.column:nth-of-type(n),
    .large-up-2>.columns:nth-of-type(n) {
        clear: none;
    }
    .large-up-2>.column:nth-of-type(2n+1),
    .large-up-2>.columns:nth-of-type(2n+1) {
        clear: both;
    }
    .large-up-2>.column:last-child,
    .large-up-2>.columns:last-child {
        float: left;
    }
    .large-up-3>.column,
    .large-up-3>.columns {
        float: left;
        width: 33.3333%;
    }
    .large-up-3>.column:nth-of-type(n),
    .large-up-3>.columns:nth-of-type(n) {
        clear: none;
    }
    .large-up-3>.column:nth-of-type(3n+1),
    .large-up-3>.columns:nth-of-type(3n+1) {
        clear: both;
    }
    .large-up-3>.column:last-child,
    .large-up-3>.columns:last-child {
        float: left;
    }
    .large-up-4>.column,
    .large-up-4>.columns {
        float: left;
        width: 25%;
    }
    .large-up-4>.column:nth-of-type(n),
    .large-up-4>.columns:nth-of-type(n) {
        clear: none;
    }
    .large-up-4>.column:nth-of-type(4n+1),
    .large-up-4>.columns:nth-of-type(4n+1) {
        clear: both;
    }
    .large-up-4>.column:last-child,
    .large-up-4>.columns:last-child {
        float: left;
    }
    .large-up-5>.column,
    .large-up-5>.columns {
        float: left;
        width: 20%;
    }
    .large-up-5>.column:nth-of-type(n),
    .large-up-5>.columns:nth-of-type(n) {
        clear: none;
    }
    .large-up-5>.column:nth-of-type(5n+1),
    .large-up-5>.columns:nth-of-type(5n+1) {
        clear: both;
    }
    .large-up-5>.column:last-child,
    .large-up-5>.columns:last-child {
        float: left;
    }
    .large-up-6>.column,
    .large-up-6>.columns {
        float: left;
        width: 16.6667%;
    }
    .large-up-6>.column:nth-of-type(n),
    .large-up-6>.columns:nth-of-type(n) {
        clear: none;
    }
    .large-up-6>.column:nth-of-type(6n+1),
    .large-up-6>.columns:nth-of-type(6n+1) {
        clear: both;
    }
    .large-up-6>.column:last-child,
    .large-up-6>.columns:last-child {
        float: left;
    }
    .large-up-7>.column,
    .large-up-7>.columns {
        float: left;
        width: 14.2857%;
    }
    .large-up-7>.column:nth-of-type(n),
    .large-up-7>.columns:nth-of-type(n) {
        clear: none;
    }
    .large-up-7>.column:nth-of-type(7n+1),
    .large-up-7>.columns:nth-of-type(7n+1) {
        clear: both;
    }
    .large-up-7>.column:last-child,
    .large-up-7>.columns:last-child {
        float: left;
    }
    .large-up-8>.column,
    .large-up-8>.columns {
        float: left;
        width: 12.5%;
    }
    .large-up-8>.column:nth-of-type(n),
    .large-up-8>.columns:nth-of-type(n) {
        clear: none;
    }
    .large-up-8>.column:nth-of-type(8n+1),
    .large-up-8>.columns:nth-of-type(8n+1) {
        clear: both;
    }
    .large-up-8>.column:last-child,
    .large-up-8>.columns:last-child {
        float: left;
    }
    .large-collapse>.column,
    .large-collapse>.columns {
        padding-left: 0;
        padding-right: 0;
    }
    .large-collapse .row,
    .expanded.row .large-collapse.row {
        margin-left: 0;
        margin-right: 0;
    }
    .large-uncollapse>.column,
    .large-uncollapse>.columns {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
    .large-centered {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .large-uncentered,
    .large-push-0,
    .large-pull-0 {
        float: left;
        margin-left: 0;
        margin-right: 0;
        position: static;
    }
}

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

p {
    font-size: inherit;
    line-height: 1.8em;
    margin-bottom: 1rem;
    text-rendering: optimizelegibility;
}

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

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

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

h1,
h2,
h3,
h4,
h5,
h6 {
    color: inherit;
    font-family: '繝｡繧､繝ｪ繧ｪ', 'Meiryo', verdana, '繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, '・ｭ・ｳ ・ｰ繧ｴ繧ｷ繝・け', 'MS PGothic', Sans-Serif;
    font-style: normal;
    /* font-weight: 500; */
    line-height: 1.4;
    margin-bottom: 0.5rem;
    margin-top: 0;
    text-rendering: optimizelegibility;
}

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

h1 {
    font-size: 1.5rem;
}

h2 {
    font-size: 1.25rem;
}

h3 {
    font-size: 1.1875rem;
}

h4 {
    font-size: 1.125rem;
}

h5 {
    font-size: 1.0625rem;
}

h6 {
    font-size: 1rem;
}

@media screen and (min-width: 40em) {
    h1 {
        font-size: 1.7rem;
    }
    h2 {
        font-size: 2rem;
    }
    h3 {
        font-size: 1.3rem;
    }
    h4 {
        font-size: 1.5625rem;
    }
    h5 {
        font-size: 1.25rem;
    }
    h6 {
        font-size: 1rem;
    }
}

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

a:hover {
    color: #1585cf;
    text-decoration: underline;
}

a:focus {
    color: #002561;
    text-decoration: none;
}

a img {
    border: 0 none;
}

hr {
    border-color: currentcolor currentcolor #cacaca;
    border-style: none none solid;
    border-width: 0 0 1px;
    clear: both;
    height: 0;
    margin: 1.25rem auto;
    max-width: 75rem;
}

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

li {
    font-size: inherit;
}

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

ol {
    margin-left: 1.25rem;
}

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

dl {
    margin-bottom: 1rem;
}

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

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

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

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

cite::before {
    content: "— ";
}

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

code {
    background-color: #f6f6f6;
    border: 1px solid #cacaca;
    color: #0a0a0a;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: normal;
    padding: 0.125rem 0.3125rem 0.0625rem;
}

kbd {
    background-color: #f6f6f6;
    color: #0a0a0a;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    margin: 0;
    padding: 0.125rem 0.25rem 0;
}

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 40em) {
    .medium-text-left {
        text-align: left;
    }
    .medium-text-right {
        text-align: right;
    }
    .medium-text-center {
        text-align: center;
    }
    .medium-text-justify {
        text-align: justify;
    }
}

@media screen and (min-width: 64em) {
    .large-text-left {
        text-align: left;
    }
    .large-text-right {
        text-align: right;
    }
    .large-text-center {
        text-align: center;
    }
    .large-text-justify {
        text-align: justify;
    }
}

.show-for-print {
    display: none;
}

@media print {
    * {
        background: transparent none repeat scroll 0 0;
        box-shadow: none;
        color: #000;
        text-shadow: none;
    }
    .show-for-print {
        display: block;
    }
    .hide-for-print {
        display: none;
    }
    table.show-for-print {
        display: table;
    }
    thead.show-for-print {
        display: table-header-group;
    }
    tbody.show-for-print {
        display: table-row-group;
    }
    tr.show-for-print {
        display: table-row;
    }
    td.show-for-print {
        display: table-cell;
    }
    th.show-for-print {
        display: table-cell;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]::after {
        content: " (" attr(href) ")";
    }
    .ir a::after,
    a[href^="javascript:"]::after,
    a[href^="#"]::after {
        content: "";
    }
    abbr[title]::after {
        content: " (" attr(title) ")";
    }
    pre,
    blockquote {
        border: 1px solid #8a8a8a;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100%;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3,
    h2,
    h3 {
        page-break-after: avoid;
    }
}

.button,
.btn-read-more {
    background-color: #002561;
    border: 1px solid transparent;
    border-radius: 0;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    color: #fefefe;
    cursor: pointer;
    display: inline-block;
    font-size: 0.8125rem;
    letter-spacing: 2px;
    line-height: 1;
    margin: 0 0 1rem;
    padding: 0.85em 1em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.25s ease-out 0s, color 0.25s ease-out 0s;
    vertical-align: middle;
}

[data-whatinput="mouse"] .button,
.btn-read-more {
    outline: 0 none;
}

.button:hover,
.button:focus,
.btn-read-more:hover,
.btn-read-more:focus {
    background-color: #1585cf;
    color: #fefefe;
    text-decoration: none;
}

.button.tiny {
    font-size: 0.6rem;
}

.button.small {
    font-size: 0.75rem;
}

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

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

.button.primary {
    background-color: #2199e8;
    color: #fefefe;
}

.button.primary:hover,
.button.primary:focus {
    background-color: #147cc0;
    color: #fefefe;
}

.button.secondary {
    background-color: #777;
    color: #fefefe;
}

.button.secondary:hover,
.button.secondary:focus {
    background-color: #5f5f5f;
    color: #fefefe;
}

.button.outline {
    background-color: rgba(0, 0, 0, 0.1);
    border: 1px solid #fefefe;
    color: #fefefe;
}

.button.outline:hover,
.button.secondary.outline:focus {
    background-color: rgba(0, 0, 0, 0.3);
    border: 1px solid #fefefe;
    color: #fefefe;
}

.button.success {
    background-color: #5cb85c;
    color: #fefefe;
}

.button.success:hover,
.button.success:focus {
    background-color: #22bb5b;
    color: #fefefe;
}

.button.warning {
    background-color: #f0ad4e;
    color: #fefefe;
}

.button.warning:hover,
.button.warning:focus {
    background-color: #cc8b00;
    color: #fefefe;
}

.button.alert {
    background-color: #d9534f;
    color: #fefefe;
}

.button.alert:hover,
.button.alert:focus {
    background-color: #da3116;
    color: #fefefe;
}

.button.hollow {
    border: 1px solid #2199e8;
    color: #2199e8;
}

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

.button.hollow:hover,
.button.hollow:focus {
    border-color: #0c4d78;
    color: #0c4d78;
}

.button.hollow.primary {
    border: 1px solid #2199e8;
    color: #2199e8;
}

.button.hollow.primary:hover,
.button.hollow.primary:focus {
    border-color: #0c4d78;
    color: #0c4d78;
}

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

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

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

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

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

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

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

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

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

.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus {
    background-color: #2199e8;
    color: #fefefe;
}

.button.dropdown::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #fefefe transparent transparent;
    border-image: none;
    border-style: solid inset inset;
    border-width: 0.4em 0.4em 0;
    content: "";
    display: inline-block;
    float: right;
    height: 0;
    margin-left: 1em;
    position: relative;
    top: 0.4em;
    width: 0;
}

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

[type="text"],
[type="password"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="month"],
[type="week"],
[type="email"],
[type="number"],
[type="search"],
[type="tel"],
[type="time"],
[type="url"],
[type="color"],
textarea {
    -moz-appearance: none;
    background-color: #fefefe;
    border-color: currentcolor currentcolor #cacaca;
    border-radius: 0;
    border-style: none none solid;
    border-width: medium medium 1px;
    box-sizing: border-box;
    color: #0a0a0a;
    display: block;
    font-family: inherit;
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: 0.5rem 0;
    transition: box-shadow 0.5s ease 0s, border-color 0.25s ease-in-out 0s;
    width: 100%;
}

[type="text"]:focus,
[type="password"]:focus,
[type="date"]:focus,
[type="datetime"]:focus,
[type="datetime-local"]:focus,
[type="month"]:focus,
[type="week"]:focus,
[type="email"]:focus,
[type="number"]:focus,
[type="search"]:focus,
[type="tel"]:focus,
[type="time"]:focus,
[type="url"]:focus,
[type="color"]:focus,
textarea:focus {
    background-color: #fefefe;
    border-color: currentcolor currentcolor #022662;
    border-style: none none solid;
    border-width: medium medium 1px;
    outline: medium none;
    transition: box-shadow 0.5s ease 0s, border-color 0.25s ease-in-out 0s;
}

textarea {
    max-width: 100%;
}

textarea[rows] {
    height: auto;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #999;
}

input::placeholder,
textarea::placeholder {
    color: #999;
}

input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly] {
    background-color: #f6f6f6;
    cursor: default;
}

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

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

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

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

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

label>[type="checkbox"],
label>[type="radio"] {
    margin-right: 0.5rem;
}

[type="file"] {
    width: 100%;
}

label {
    color: #0a0a0a;
    display: block;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.8;
    margin: 0;
}

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

.help-text {
    color: #0a0a0a;
    font-size: 0.8125rem;
    font-style: italic;
    margin-top: -0.5rem;
}

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

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

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

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

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

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

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

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

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

.input-group-button a,
.input-group-button input,
.input-group-button button {
    margin: 0;
}

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

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

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

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

.fieldset legend {
    background: #fefefe none repeat scroll 0 0;
    margin: 0 0 0 -0.1875rem;
    padding: 0 0.1875rem;
}

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

@media not all {
    select {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
    }
}

select:disabled {
    background-color: #f6f6f6;
    cursor: default;
}

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

.is-invalid-input:not(:focus) {
    background-color: rgba(236, 88, 64, 0.1);
    border-color: #ec5840;
}

.is-invalid-label {
    color: #ec5840;
}

.form-error {
    color: #ec5840;
    display: none;
    font-size: 0.75rem;
    font-weight: bold;
    margin-bottom: 1rem;
    margin-top: -0.5rem;
}

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

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

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

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

.accordion-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #f6f6f6 #f6f6f6 currentcolor;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    color: #2199e8;
    display: block;
    font-size: 0.75rem;
    line-height: 1;
    padding: 1.25rem 1rem;
    position: relative;
}

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

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

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

.is-active>.accordion-title::before {
    content: "โ€“";
}

.accordion-content {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fefefe;
    border-color: #f6f6f6 #f6f6f6 currentcolor;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    color: #2199e8;
    display: none;
    padding: 1rem;
}

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

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

.is-accordion-submenu-parent>a::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #2199e8 transparent transparent;
    border-image: none;
    border-style: solid inset inset;
    border-width: 6px 6px 0;
    content: "";
    display: block;
    height: 0;
    margin-top: -4px;
    position: absolute;
    right: 1rem;
    top: 50%;
    width: 0;
}

.is-accordion-submenu-parent[aria-expanded="true"]>a::after {
    transform: scaleY(-1);
    transform-origin: 50% 50% 0;
}

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

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

.breadcrumbs::after {
    clear: both;
}

.breadcrumbs li {
    color: #0a0a0a;
    cursor: default;
    float: left;
    font-size: 0.6875rem;
    text-transform: uppercase;
}

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

.breadcrumbs a {
    color: #2199e8;
}

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

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

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

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

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

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

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

.button-group.tiny .button {
    font-size: 0.6rem;
}

.button-group.small .button {
    font-size: 0.75rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.button-group.primary .button {
    background-color: #2199e8;
    color: #fefefe;
}

.button-group.primary .button:hover,
.button-group.primary .button:focus {
    background-color: #147cc0;
    color: #fefefe;
}

.button-group.secondary .button {
    background-color: #777;
    color: #fefefe;
}

.button-group.secondary .button:hover,
.button-group.secondary .button:focus {
    background-color: #5f5f5f;
    color: #fefefe;
}

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

.button-group.success .button:hover,
.button-group.success .button:focus {
    background-color: #22bb5b;
    color: #fefefe;
}

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

.button-group.warning .button:hover,
.button-group.warning .button:focus {
    background-color: #cc8b00;
    color: #fefefe;
}

.button-group.alert .button {
    background-color: #ec5840;
    color: #fefefe;
}

.button-group.alert .button:hover,
.button-group.alert .button:focus {
    background-color: #da3116;
    color: #fefefe;
}

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

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

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

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

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

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

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

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

.callout.primary {
    background-color: #def0fc;
}

.callout.secondary {
    background-color: #ebebeb;
}

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

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

.callout.alert {
    background-color: #fce6e2;
}

.callout.small {
    padding: 0.5rem;
}

.callout.large {
    padding: 3rem;
}

.close-button {
    color: #8a8a8a;
    cursor: pointer;
    font-size: 2em;
    line-height: 1;
    position: absolute;
    right: 1rem;
    top: 0.5rem;
}

[data-whatinput="mouse"] .close-button {
    outline: 0 none;
}

.close-button:hover,
.close-button:focus {
    color: #fafafa;
}

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

.menu>li {
    display: table-cell;
    vertical-align: middle;
}

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

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

.menu.font-weight-bold>li>a {
    font-weight: bold;
}

.menu.font-uppercase>li>a {
    text-transform: uppercase;
}

.menu>li>a:hover,
.menu>li>a:active,
.menu>li>a:visited {}

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

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

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

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

.menu>li {
    display: table-cell;
}

.menu.vertical>li {
    display: block;
}

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

@media screen and (min-width: 64em) {
    .menu.large-horizontal>li {
        display: table-cell;
    }
    .menu.large-vertical>li {
        display: block;
    }
}

.menu.simple li {
    display: inline-block;
    line-height: 1;
    margin-right: 1rem;
}

.menu.simple a {
    padding: 0;
}

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

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

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

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

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

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

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

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

.menu .active>a {
    background: #2199e8 none repeat scroll 0 0;
    color: #fefefe;
}

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

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

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

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

.menu-icon {
    border: 1px solid #666;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    height: 32px;
    margin-top: 10px;
    position: relative;
    vertical-align: middle;
    width: 40px;
}

.menu-icon::after {
    background: #666 none repeat scroll 0 0;
    box-shadow: 0 7px 0 #666, 0 14px 0 #666;
    content: "";
    display: block;
    height: 2px;
    left: 20%;
    position: absolute;
    top: 20%;
    width: 60%;
}

.menu-icon:hover {
    border-color: #cacaca;
}

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

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

.menu-icon.dark::after {
    background: #0a0a0a none repeat scroll 0 0;
    box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

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

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

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

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

.dropdown-pane.small {
    width: 250px;
}

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

.dropdown-pane.full {
    width: 100%;
}

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

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

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

.dropdown.menu>li.is-dropdown-submenu-parent>a::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #2199e8 transparent transparent;
    border-image: none;
    border-style: solid inset inset;
    border-width: 5px 5px 0;
    content: "";
    display: block;
    height: 0;
    margin-top: -2px;
    right: 5px;
    width: 0;
}

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

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

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

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

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

.dropdown.menu.vertical>li>a::after {
    margin-top: -3px;
    right: 14px;
}

.dropdown.menu.vertical>li.opens-left>a::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent #2199e8 transparent transparent;
    border-image: none;
    border-style: inset solid inset inset;
    border-width: 5px 5px 5px 0;
    content: "";
    display: block;
    height: 0;
    width: 0;
}

.dropdown.menu.vertical>li.opens-right>a::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent transparent #2199e8;
    border-image: none;
    border-style: inset inset inset solid;
    border-width: 5px 0 5px 5px;
    content: "";
    display: block;
    height: 0;
    width: 0;
}

@media screen and (min-width: 40em) {
    .dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu {
        left: auto;
        right: 0;
        top: 100%;
    }
    .dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu {
        left: 0;
        right: auto;
        top: 100%;
    }
    .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a {
        padding-right: 1.5rem;
        position: relative;
    }
    .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: #2199e8 transparent transparent;
        border-image: none;
        border-style: solid inset inset;
        border-width: 5px 5px 0;
        content: "";
        display: block;
        height: 0;
        margin-top: -2px;
        right: 5px;
        width: 0;
    }
    .dropdown.menu.medium-vertical>li .is-dropdown-submenu {
        top: 0;
    }
    .dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu {
        left: auto;
        right: 100%;
    }
    .dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu {
        left: 100%;
        right: auto;
    }
    .dropdown.menu.medium-vertical>li>a::after {
        margin-top: -3px;
        right: 14px;
    }
    .dropdown.menu.medium-vertical>li.opens-left>a::after {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: transparent #2199e8 transparent transparent;
        border-image: none;
        border-style: inset solid inset inset;
        border-width: 5px 5px 5px 0;
        content: "";
        display: block;
        height: 0;
        width: 0;
    }
    .dropdown.menu.medium-vertical>li.opens-right>a::after {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: transparent transparent transparent #2199e8;
        border-image: none;
        border-style: inset inset inset solid;
        border-width: 5px 0 5px 5px;
        content: "";
        display: block;
        height: 0;
        width: 0;
    }
}

@media screen and (min-width: 64em) {
    .dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu {
        left: auto;
        right: 0;
        top: 100%;
    }
    .dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu {
        left: 0;
        right: auto;
        top: 100%;
    }
    .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a {
        padding-right: 1.5rem;
        position: relative;
    }
    .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a::after {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: #2199e8 transparent transparent;
        border-image: none;
        border-style: solid inset inset;
        border-width: 5px 5px 0;
        content: "";
        display: block;
        height: 0;
        margin-top: -2px;
        right: 5px;
        width: 0;
    }
    .dropdown.menu.large-vertical>li .is-dropdown-submenu {
        top: 0;
    }
    .dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu {
        left: auto;
        right: 100%;
    }
    .dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu {
        left: 100%;
        right: auto;
    }
    .dropdown.menu.large-vertical>li>a::after {
        margin-top: -3px;
        right: 14px;
    }
    .dropdown.menu.large-vertical>li.opens-left>a::after {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: transparent #2199e8 transparent transparent;
        border-image: none;
        border-style: inset solid inset inset;
        border-width: 5px 5px 5px 0;
        content: "";
        display: block;
        height: 0;
        width: 0;
    }
    .dropdown.menu.large-vertical>li.opens-right>a::after {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: transparent transparent transparent #2199e8;
        border-image: none;
        border-style: inset inset inset solid;
        border-width: 5px 0 5px 5px;
        content: "";
        display: block;
        height: 0;
        width: 0;
    }
}

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

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

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

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

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

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

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

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

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

.is-dropdown-submenu .is-dropdown-submenu-parent>a::after {
    margin-top: -3px;
    right: 14px;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent #2199e8 transparent transparent;
    border-image: none;
    border-style: inset solid inset inset;
    border-width: 5px 5px 5px 0;
    content: "";
    display: block;
    height: 0;
    width: 0;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent transparent #2199e8;
    border-image: none;
    border-style: inset inset inset solid;
    border-width: 5px 0 5px 5px;
    content: "";
    display: block;
    height: 0;
    width: 0;
}

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

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

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

.label {
    background: #2199e8 none repeat scroll 0 0;
    border-radius: 0;
    color: #fefefe;
    cursor: default;
    display: inline-block;
    font-size: 0.8rem;
    line-height: 1;
    padding: 0.33333rem 0.5rem;
    white-space: nowrap;
}

.label.secondary {
    background: #777 none repeat scroll 0 0;
    color: #fefefe;
}

.label.success {
    background: #3adb76 none repeat scroll 0 0;
    color: #fefefe;
}

.label.warning {
    background: #ffae00 none repeat scroll 0 0;
    color: #fefefe;
}

.label.alert {
    background: #ec5840 none repeat scroll 0 0;
    color: #fefefe;
}

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

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

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

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

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

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

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

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

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

html,
body {
    height: 100%;
}

.off-canvas-wrapper {
    backface-visibility: hidden;
    overflow-x: hidden;
    position: relative;
    width: 100%;
}

.off-canvas-wrapper-inner {
    position: relative;
    transition: transform 0.5s ease 0s;
    width: 100%;
}

.off-canvas-wrapper-inner::before,
.off-canvas-wrapper-inner::after {
    content: " ";
    display: table;
}

.off-canvas-wrapper-inner::after {
    clear: both;
}

.off-canvas-content,
.off-canvas-content {
    /*    backface-visibility: hidden;
    background: #fefefe none repeat scroll 0 0;
    min-height: 100%;
    padding-bottom: 0.1px;
    transition: transform 0.5s ease 0s;
    z-index: 1; */
    min-height: 100%;
    background: #fefefe;
    transition: transform .5s ease;
    backface-visibility: hidden;
    z-index: 1;
    padding-bottom: .1px;
}

.js-off-canvas-exit {
    background: rgba(254, 254, 254, 0.25) none repeat scroll 0 0;
    cursor: pointer;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: background 0.5s ease 0s;
    width: 100%;
}

.off-canvas {
    background: #f6f6f6 none repeat scroll 0 0;
    max-height: 100%;
    overflow-y: auto;
    position: absolute;
    transform: translateX(0px);
    z-index: -1;
}

[data-whatinput="mouse"] .off-canvas {
    outline: 0 none;
}

.off-canvas.position-left {
    left: -250px;
    top: 0;
    width: 250px;
}

.is-open-left {
    transform: translateX(250px);
}

.off-canvas.position-right {
    right: -250px;
    top: 0;
    width: 250px;
}

.is-open-right {
    transform: translateX(-250px);
}

@media screen and (min-width: 40em) {
    .position-left.reveal-for-medium {
        left: 0;
        position: fixed;
        z-index: auto;
    }
    .position-left.reveal-for-medium~.off-canvas-content {
        margin-left: 250px;
    }
    .position-right.reveal-for-medium {
        position: fixed;
        right: 0;
        z-index: auto;
    }
    .position-right.reveal-for-medium~.off-canvas-content {
        margin-right: 250px;
    }
}

@media screen and (min-width: 64em) {
    .position-left.reveal-for-large {
        left: 0;
        position: fixed;
        z-index: auto;
    }
    .position-left.reveal-for-large~.off-canvas-content {
        margin-left: 250px;
    }
    .position-right.reveal-for-large {
        position: fixed;
        right: 0;
        z-index: auto;
    }
    .position-right.reveal-for-large~.off-canvas-content {
        margin-right: 250px;
    }
}

.orbit {
    position: relative;
}

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

.orbit-slide {
    max-height: 100%;
    width: 100%;
}

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

.orbit-figure {
    margin: 0;
}

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

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

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

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

.orbit-previous:hover,
.orbit-next:hover,
.orbit-previous:active,
.orbit-next:active,
.orbit-previous:focus,
.orbit-next:focus {
    background-color: rgba(10, 10, 10, 0.1);
}

#modal-gallery-viewer .orbit-previous,
#modal-gallery-viewer .orbit-next {
    background-color: rgba(10, 10, 10, 0.1);
    color: #fefefe;
    padding: 1rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

[data-whatinput="mouse"] #modal-gallery-viewer .orbit-previous,
[data-whatinput="mouse"] #modal-gallery-viewer .orbit-next {
    outline: 0 none;
}

#modal-gallery-viewer .orbit-previous:hover,
#modal-gallery-viewer .orbit-next:hover,
#modal-gallery-viewer .orbit-previous:active,
#modal-gallery-viewer .orbit-next:active,
#modal-gallery-viewer .orbit-previous:focus,
#modal-gallery-viewer .orbit-next:focus {
    background-color: rgba(10, 10, 10, 0.2);
    color: #f0f0f0;
}

.orbit-previous {
    left: 0;
}

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

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

[data-whatinput="mouse"] .orbit-bullets {
    outline: 0 none;
}

.orbit-bullets button {}

.orbit-bullets button:hover {}

.orbit-bullets button.is-active {}

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

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

.pagination::after {
    clear: both;
}

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

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

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

.pagination a,
.pagination button {
    border-radius: 0;
    color: #0a0a0a;
    display: block;
    padding: 0.1875rem 0.625rem;
}

.pagination a:hover,
.pagination button:hover {
    background: #f6f6f6 none repeat scroll 0 0;
}

.pagination .current {
    background: #2199e8 none repeat scroll 0 0;
    color: #fefefe;
    cursor: default;
    padding: 0.1875rem 0.625rem;
}

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

.pagination .disabled:hover {
    background: transparent none repeat scroll 0 0;
}

.pagination .ellipsis::after {
    color: #0a0a0a;
    content: "…";
    padding: 0.1875rem 0.625rem;
}

.pagination-previous a::before,
.pagination-previous.disabled::before {
    content: "«";
    display: inline-block;
    margin-right: 0.5rem;
}

.pagination-next a::after,
.pagination-next.disabled::after {
    content: "»";
    display: inline-block;
    margin-left: 0.5rem;
}

.slider {
    background-color: #f6f6f6;
    cursor: pointer;
    height: 0.5rem;
    margin-bottom: 2.25rem;
    margin-top: 1.25rem;
    position: relative;
    touch-action: none;
}

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

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

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

[data-whatinput="mouse"] .slider-handle {
    outline: 0 none;
}

.slider-handle:hover {
    background-color: #1583cc;
}

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

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

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

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

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

.sticky-container {
    position: relative;
}

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

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

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

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

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

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

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

html.is-reveal-open,
html.is-reveal-open body {
    height: 100%;
    overflow: hidden;
}

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

.reveal {
    background-color: #fefefe;
    border: 1px solid #cacaca;
    border-radius: 0;
    display: none;
    margin-left: auto;
    margin-right: auto;
    overflow-y: auto;
    padding: 1rem;
    position: relative;
    top: 100px;
    z-index: 1006;
}

[data-whatinput="mouse"] .reveal {
    outline: 0 none;
}

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

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

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

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

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

.reveal.collapse {
    padding: 0;
}

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

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

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

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

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

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

.reveal.without-overlay {
    position: fixed;
}

.switch {
    color: #fefefe;
    font-size: 0.875rem;
    font-weight: bold;
    margin-bottom: 1rem;
    outline: 0 none;
    position: relative;
}

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

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

input+.switch-paddle {
    margin: 0;
}

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

input:checked~.switch-paddle {
    background: #2199e8 none repeat scroll 0 0;
}

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

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

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

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

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

.switch-inactive {
    right: 15%;
}

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

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

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

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

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

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

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

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

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

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

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

thead,
tbody,
tfoot {
    background-color: #fefefe;
    border: 1px solid #f1f1f1;
}

caption {
    font-weight: bold;
    padding: 0.5rem 0.625rem 0.625rem;
}

thead,
tfoot {
    background: #f8f8f8 none repeat scroll 0 0;
    color: #0a0a0a;
}

thead tr,
tfoot tr {
    background: transparent none repeat scroll 0 0;
}

thead th,
thead td,
tfoot th,
tfoot td {
    font-weight: bold;
    padding: 0.5rem 0.625rem 0.625rem;
    text-align: left;
}

tbody tr:nth-child(2n) {
    background-color: #f1f1f1;
}

tbody th,
tbody td {
    padding: 0.5rem 0.625rem 0.625rem;
}

@media screen and (max-width: 63.9375em) {
    table.stack thead {
        display: none;
    }
    table.stack tfoot {
        display: none;
    }
    table.stack tr,
    table.stack th,
    table.stack td {
        display: block;
    }
    table.stack td {
        border-top: 0 none;
    }
}

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

table.hover tr:hover {
    background-color: #f9f9f9;
}

table.hover tr:nth-of-type(2n):hover {
    background-color: #ececec;
}

.table-scroll {
    overflow-x: auto;
}

.table-scroll table {
    width: auto;
}

.tabs {
    background: #fefefe none repeat scroll 0 0;
    border: 1px solid #f6f6f6;
    list-style-type: none;
    margin: 0;
}

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

.tabs::after {
    clear: both;
}

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

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

.tabs.simple>li>a:hover {
    background: transparent none repeat scroll 0 0;
}

.tabs.primary {
    background: #2199e8 none repeat scroll 0 0;
}

.tabs.primary>li>a {
    color: #fefefe;
}

.tabs.primary>li>a:hover,
.tabs.primary>li>a:focus {
    background: #1893e4 none repeat scroll 0 0;
}

.tabs-title {
    float: left;
}

.tabs-title>a {
    display: block;
    font-size: 0.75rem;
    line-height: 1;
    padding: 1.25rem 1.5rem;
}

.tabs-title>a:hover {
    background: #fefefe none repeat scroll 0 0;
}

.tabs-title>a:focus,
.tabs-title>a[aria-selected="true"] {
    background: #f6f6f6 none repeat scroll 0 0;
}

.tabs-content {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fefefe none repeat scroll 0 0;
    border-color: currentcolor #f6f6f6 #f6f6f6;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    transition: all 0.5s ease 0s;
}

.tabs-content.vertical {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #f6f6f6 #f6f6f6 #f6f6f6 currentcolor;
    border-image: none;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
}

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

.tabs-panel.is-active {
    display: block;
}

.thumbnail {
    border-radius: 0;
    display: inline-block;
    line-height: 0;
    margin-bottom: 1rem;
    max-width: 100%;
    transition: box-shadow 200ms ease-out 0s;
}

.thumbnail:hover,
.thumbnail:focus {
    box-shadow: 0 0 6px 1px rgba(33, 153, 232, 0.5);
}

.title-bar {
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    color: #0a0a0a;
}

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

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

.title-bar .menu-icon {
    margin-left: 0.5rem;
    margin-right: 0.25rem;
}

.title-bar-left {
    float: left;
}

.title-bar-right {
    float: right;
    text-align: right;
}

.title-bar-title {
    display: inline-block;
    font-weight: bold;
    margin-top: 10px;
    vertical-align: middle;
}

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

.menu-icon.dark::after {
    background: #0a0a0a none repeat scroll 0 0;
    box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

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

.has-tip {
    border-bottom: 1px dotted #8a8a8a;
    cursor: help;
    display: inline-block;
    position: relative;
}

.tooltip {
    background-color: #0a0a0a;
    border-radius: 0;
    color: #fefefe;
    font-size: 80%;
    max-width: 10rem;
    padding: 0.75rem;
    position: absolute;
    top: calc(100% + 0.6495rem);
    z-index: 10;
}

.tooltip::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent #0a0a0a;
    border-image: none;
    border-style: inset inset solid;
    border-width: 0 0.75rem 0.75rem;
    bottom: 100%;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
}

.tooltip.top::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #0a0a0a transparent transparent;
    border-image: none;
    border-style: solid inset inset;
    border-width: 0.75rem 0.75rem 0;
    bottom: auto;
    content: "";
    display: block;
    height: 0;
    top: 100%;
    width: 0;
}

.tooltip.left::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent transparent #0a0a0a;
    border-image: none;
    border-style: inset inset inset solid;
    border-width: 0.75rem 0 0.75rem 0.75rem;
    bottom: auto;
    content: "";
    display: block;
    height: 0;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
}

.tooltip.right::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent #0a0a0a transparent transparent;
    border-image: none;
    border-style: inset solid inset inset;
    border-width: 0.75rem 0.75rem 0.75rem 0;
    bottom: auto;
    content: "";
    display: block;
    height: 0;
    left: auto;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
}

.top-bar {
    padding: 0.5rem;
}

.top-bar::before,
.top-bar::after {
    content: " ";
    display: table;
}

.top-bar::after {
    clear: both;
}

.top-bar,
.top-bar ul {
    background-color: #f6f6f6;
}

.top-bar input {
    margin-right: 1rem;
    max-width: 200px;
}

.top-bar .input-group-field {
    margin-right: 0;
    width: 100%;
}

.top-bar input.button {
    width: auto;
}

.top-bar .top-bar-left,
.top-bar .top-bar-right {
    width: 100%;
}

@media screen and (min-width: 40em) {
    .top-bar .top-bar-left,
    .top-bar .top-bar-right {
        width: auto;
    }
}

@media screen and (max-width: 63.9375em) {
    .top-bar.stacked-for-medium .top-bar-left,
    .top-bar.stacked-for-medium .top-bar-right {
        width: 100%;
    }
}

@media screen and (max-width: 74.9375em) {
    .top-bar.stacked-for-large .top-bar-left,
    .top-bar.stacked-for-large .top-bar-right {
        width: 100%;
    }
}

.top-bar-title {
    float: left;
    margin-right: 1rem;
}

.top-bar-left {
    float: left;
}

.top-bar-left .menu .menu-header {
    padding-left: 1rem;
    color: #fff;
    text-decoration: underline;
}

.top-bar-right {
    float: right;
}

.hide {
    display: none;
}

.invisible {
    visibility: hidden;
}

@media screen and (max-width: 39.9375em) {
    .hide-for-small-only {
        display: none;
    }
}

@media screen and (max-width: 0px),
screen and (min-width: 40em) {
    .show-for-small-only {
        display: none;
    }
}

@media screen and (min-width: 40em) {
    .hide-for-medium {
        display: none;
    }
}

@media screen and (max-width: 39.9375em) {
    .show-for-medium {
        display: none;
    }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .hide-for-medium-only {
        display: none;
    }
}

@media screen and (max-width: 39.9375em),
screen and (min-width: 64em) {
    .show-for-medium-only {
        display: none;
    }
}

@media screen and (min-width: 64em) {
    .hide-for-large {
        display: none;
    }
}

@media screen and (max-width: 63.9375em) {
    .show-for-large {
        display: none;
    }
}

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
    .hide-for-large-only {
        display: none;
    }
}

@media screen and (max-width: 63.9375em),
screen and (min-width: 75em) {
    .show-for-large-only {
        display: none;
    }
}

.show-for-sr,
.show-on-focus {
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

.show-on-focus:active,
.show-on-focus:focus {
    clip: auto;
    height: auto;
    overflow: visible;
    position: static;
    width: auto;
}

.show-for-landscape,
.hide-for-portrait {
    display: block;
}

@media screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
        display: block;
    }
}

@media screen and (orientation: portrait) {
    .show-for-landscape,
    .hide-for-portrait {
        display: none;
    }
}

.hide-for-landscape,
.show-for-portrait {
    display: none;
}

@media screen and (orientation: landscape) {
    .hide-for-landscape,
    .show-for-portrait {
        display: none;
    }
}

@media screen and (orientation: portrait) {
    .hide-for-landscape,
    .show-for-portrait {
        display: block;
    }
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.clearfix::before,
.clearfix::after {
    content: " ";
    display: table;
}

.clearfix::after {
    clear: both;
}

.slide-in-down.mui-enter {
    backface-visibility: hidden;
    transform: translateY(-100%);
    transition-duration: 500ms;
    transition-property: transform, opacity;
    transition-timing-function: linear;
}

.slide-in-down.mui-enter.mui-enter-active {
    transform: translateY(0px);
}

.slide-in-left.mui-enter {
    backface-visibility: hidden;
    transform: translateX(-100%);
    transition-duration: 500ms;
    transition-property: transform, opacity;
    transition-timing-function: linear;
}

.slide-in-left.mui-enter.mui-enter-active {
    transform: translateX(0px);
}

.slide-in-up.mui-enter {
    backface-visibility: hidden;
    transform: translateY(100%);
    transition-duration: 500ms;
    transition-property: transform, opacity;
    transition-timing-function: linear;
}

.slide-in-up.mui-enter.mui-enter-active {
    transform: translateY(0px);
}

.slide-in-right.mui-enter {
    backface-visibility: hidden;
    transform: translateX(100%);
    transition-duration: 500ms;
    transition-property: transform, opacity;
    transition-timing-function: linear;
}

.slide-in-right.mui-enter.mui-enter-active {
    transform: translateX(0px);
}

.slide-out-down.mui-leave {
    backface-visibility: hidden;
    transform: translateY(0px);
    transition-duration: 500ms;
    transition-property: transform, opacity;
    transition-timing-function: linear;
}

.slide-out-down.mui-leave.mui-leave-active {
    transform: translateY(100%);
}

.slide-out-right.mui-leave {
    backface-visibility: hidden;
    transform: translateX(0px);
    transition-duration: 500ms;
    transition-property: transform, opacity;
    transition-timing-function: linear;
}

.slide-out-right.mui-leave.mui-leave-active {
    transform: translateX(100%);
}

.slide-out-up.mui-leave {
    backface-visibility: hidden;
    transform: translateY(0px);
    transition-duration: 500ms;
    transition-property: transform, opacity;
    transition-timing-function: linear;
}

.slide-out-up.mui-leave.mui-leave-active {
    transform: translateY(-100%);
}

.slide-out-left.mui-leave {
    backface-visibility: hidden;
    transform: translateX(0px);
    transition-duration: 500ms;
    transition-property: transform, opacity;
    transition-timing-function: linear;
}

.slide-out-left.mui-leave.mui-leave-active {
    transform: translateX(-100%);
}

.fade-in.mui-enter {
    opacity: 0;
    transition-duration: 500ms;
    transition-property: opacity;
    transition-timing-function: linear;
}

.fade-in.mui-enter.mui-enter-active {
    opacity: 1;
}

.fade-out.mui-leave {
    opacity: 1;
    transition-duration: 500ms;
    transition-property: opacity;
    transition-timing-function: linear;
}

.fade-out.mui-leave.mui-leave-active {
    opacity: 0;
}

.hinge-in-from-top.mui-enter {
    opacity: 0;
    transform: perspective(2000px) rotateX(-90deg);
    transform-origin: center top 0;
    transition-duration: 500ms;
    transition-property: transform, opacity;
    transition-timing-function: linear;
}

.hinge-in-from-top.mui-enter.mui-enter-active {
    opacity: 1;
    transform: perspective(2000px) rotate(0deg);
}

.hinge-in-from-right.mui-enter {
    opacity: 0;
    transform: perspective(2000px) rotateY(-90deg);
    transform-origin: right center 0;
    transition-duration: 500ms;
    transition-property: transform, opacity;
    transition-timing-function: linear;
}

.hinge-in-from-right.mui-enter.mui-enter-active {
    opacity: 1;
    transform: perspective(2000px) rotate(0deg);
}

.hinge-in-from-bottom.mui-enter {
    opacity: 0;
    transform: perspective(2000px) rotateX(90deg);
    transform-origin: center bottom 0;
    transition-duration: 500ms;
    transition-property: transform, opacity;
    transition-timing-function: linear;
}

.hinge-in-from-bottom.mui-enter.mui-enter-active {
    opacity: 1;
    transform: perspective(2000px) rotate(0deg);
}

.hinge-in-from-left.mui-enter {
    opacity: 0;
    transform: perspective(2000px) rotateY(90deg);
    transform-origin: left center 0;
    transition-duration: 500ms;
    transition-property: transform, opacity;
    transition-timing-function: linear;
}

.hinge-in-from-left.mui-enter.mui-enter-active {
    opacity: 1;
    transform: perspective(2000px) rotate(0deg);
}

.hinge-in-from-middle-x.mui-enter {
    opacity: 0;
    transform: perspective(2000px) rotateX(-90deg);
    transform-origin: center center 0;
    transition-duration: 500ms;
    transition-property: transform, opacity;
    transition-timing-function: linear;
}

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
    opacity: 1;
    transform: perspective(2000px) rotate(0deg);
}

.hinge-in-from-middle-y.mui-enter {
    opacity: 0;
    transform: perspective(2000px) rotateY(-90deg);
    transform-origin: center center 0;
    transition-duration: 500ms;
    transition-property: transform, opacity;
    transition-timing-function: linear;
}

.hinge-in-from-middle-y.mui-enter.mui-enter-active {
    opacity: 1;
    transform: perspective(2000px) rotate(0deg);
}

.hinge-out-from-top.mui-leave {
    opacity: 1;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: center top 0;
    transition-duration: 500ms;
    transition-property: transform, opacity;
    transition-timing-function: linear;
}

.hinge-out-from-top.mui-leave.mui-leave-active {
    opacity: 0;
    transform: perspective(2000px) rotateX(-90deg);
}

.hinge-out-from-right.mui-leave {
    opacity: 1;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: right center 0;
    transition-duration: 500ms;
    transition-property: transform, opacity;
    transition-timing-function: linear;
}

.hinge-out-from-right.mui-leave.mui-leave-active {
    opacity: 0;
    transform: perspective(2000px) rotateY(-90deg);
}

.hinge-out-from-bottom.mui-leave {
    opacity: 1;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: center bottom 0;
    transition-duration: 500ms;
    transition-property: transform, opacity;
    transition-timing-function: linear;
}

.hinge-out-from-bottom.mui-leave.mui-leave-active {
    opacity: 0;
    transform: perspective(2000px) rotateX(90deg);
}

.hinge-out-from-left.mui-leave {
    opacity: 1;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: left center 0;
    transition-duration: 500ms;
    transition-property: transform, opacity;
    transition-timing-function: linear;
}

.hinge-out-from-left.mui-leave.mui-leave-active {
    opacity: 0;
    transform: perspective(2000px) rotateY(90deg);
}

.hinge-out-from-middle-x.mui-leave {
    opacity: 1;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: center center 0;
    transition-duration: 500ms;
    transition-property: transform, opacity;
    transition-timing-function: linear;
}

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
    opacity: 0;
    transform: perspective(2000px) rotateX(-90deg);
}

.hinge-out-from-middle-y.mui-leave {
    opacity: 1;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: center center 0;
    transition-duration: 500ms;
    transition-property: transform, opacity;
    transition-timing-function: linear;
}

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
    opacity: 0;
    transform: perspective(2000px) rotateY(-90deg);
}

.scale-in-up.mui-enter {
    opacity: 0;
    transform: scale(0.5);
    transition-duration: 500ms;
    transition-property: transform, opacity;
    transition-timing-function: linear;
}

.scale-in-up.mui-enter.mui-enter-active {
    opacity: 1;
    transform: scale(1);
}

.scale-in-down.mui-enter {
    opacity: 0;
    transform: scale(1.5);
    transition-duration: 500ms;
    transition-property: transform, opacity;
    transition-timing-function: linear;
}

.scale-in-down.mui-enter.mui-enter-active {
    opacity: 1;
    transform: scale(1);
}

.scale-out-up.mui-leave {
    opacity: 1;
    transform: scale(1);
    transition-duration: 500ms;
    transition-property: transform, opacity;
    transition-timing-function: linear;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.scale-out-up.mui-leave.mui-leave-active {
    opacity: 0;
    transform: scale(1.5);
}

.scale-out-down.mui-leave {
    opacity: 1;
    transform: scale(1);
    transition-duration: 500ms;
    transition-property: transform, opacity;
    transition-timing-function: linear;
}

.scale-out-down.mui-leave.mui-leave-active {
    opacity: 0;
    transform: scale(0.5);
}

.spin-in.mui-enter {
    opacity: 0;
    transform: rotate(-0.75turn);
    transition-duration: 500ms;
    transition-property: transform, opacity;
    transition-timing-function: linear;
}

.spin-in.mui-enter.mui-enter-active {
    opacity: 1;
    transform: rotate(0deg);
}

.spin-out.mui-leave {
    opacity: 1;
    transform: rotate(0deg);
    transition-duration: 500ms;
    transition-property: transform, opacity;
    transition-timing-function: linear;
}

.spin-out.mui-leave.mui-leave-active {
    opacity: 0;
    transform: rotate(0.75turn);
}

.spin-in-ccw.mui-enter {
    opacity: 0;
    transform: rotate(0.75turn);
    transition-duration: 500ms;
    transition-property: transform, opacity;
    transition-timing-function: linear;
}

.spin-in-ccw.mui-enter.mui-enter-active {
    opacity: 1;
    transform: rotate(0deg);
}

.spin-out-ccw.mui-leave {
    opacity: 1;
    transform: rotate(0deg);
    transition-duration: 500ms;
    transition-property: transform, opacity;
    transition-timing-function: linear;
}

.spin-out-ccw.mui-leave.mui-leave-active {
    opacity: 0;
    transform: rotate(-0.75turn);
}

.slow {
    transition-duration: 750ms;
}

.fast {
    transition-duration: 250ms;
}

.linear {
    transition-timing-function: linear;
}

.ease {
    transition-timing-function: ease;
}

.ease-in {
    transition-timing-function: ease-in;
}

.ease-out {
    transition-timing-function: ease-out;
}

.ease-in-out {
    transition-timing-function: ease-in-out;
}

.bounce-in {
    transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245);
}

.bounce-out {
    transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845);
}

.bounce-in-out {
    transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245);
}

.short-delay {
    transition-delay: 300ms;
}

.long-delay {
    transition-delay: 700ms;
}

.shake {
    animation-name: shake-7;
}

@keyframes shake-7 {
    0%,
    10%,
    20%,
    30%,
    40%,
    50%,
    60%,
    70%,
    80%,
    90% {
        transform: translateX(7%);
    }
    5%,
    15%,
    25%,
    35%,
    45%,
    55%,
    65%,
    75%,
    85%,
    95% {
        transform: translateX(-7%);
    }
}

.spin-cw {
    animation-name: spin-cw-1turn;
}

@keyframes spin-cw-1turn {
    0% {
        transform: rotate(-1turn);
    }
    100% {
        transform: rotate(0deg);
    }
}

.spin-ccw {
    animation-name: spin-cw-1turn;
}

@keyframes spin-cw-1turn {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(1turn);
    }
}

.wiggle {
    animation-name: wiggle-7deg;
}

@keyframes wiggle-7deg {
    40%,
    50%,
    60% {
        transform: rotate(7deg);
    }
    35%,
    45%,
    55%,
    65% {
        transform: rotate(-7deg);
    }
    0%,
    30%,
    70%,
    100% {
        transform: rotate(0deg);
    }
}

.shake,
.spin-cw,
.spin-ccw,
.wiggle {
    animation-duration: 500ms;
}

.infinite {
    animation-iteration-count: infinite;
}

.slow {
    animation-duration: 750ms;
}

.fast {
    animation-duration: 250ms;
}

.linear {
    animation-timing-function: linear;
}

.ease {
    animation-timing-function: ease;
}

.ease-in {
    animation-timing-function: ease-in;
}

.ease-out {
    animation-timing-function: ease-out;
}

.ease-in-out {
    animation-timing-function: ease-in-out;
}

.bounce-in {
    animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245);
}

.bounce-out {
    animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845);
}

.bounce-in-out {
    animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245);
}

.short-delay {
    animation-delay: 300ms;
}

.long-delay {
    animation-delay: 700ms;
}

.alpha {
    padding-left: 0;
}

.omega {
    padding-right: 0;
}

@media screen and (max-width: 39.9375em) {
    .small-alpha {
        padding-left: 0;
    }
    .small-omega {
        padding-right: 0;
    }
    .small-unalpha {
        padding-left: 0.625rem;
    }
    .small-unomega {
        padding-right: 0.625rem;
    }
    .unalpha {
        padding-left: 0.625rem;
    }
    .unomega {
        padding-right: 0.625rem;
    }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .medium-alpha {
        padding-left: 0;
    }
    .medium-omega {
        padding-right: 0;
    }
    .medium-unalpha {
        padding-left: 0.9375rem;
    }
    .medium-unomega {
        padding-right: 0.9375rem;
    }
    .unalpha {
        padding-left: 0.9375rem;
    }
    .unomega {
        padding-right: 0.9375rem;
    }
}

@media screen and (min-width: 40em) {
    .large-alpha {
        padding-left: 0;
    }
    .large-omega {
        padding-right: 0;
    }
    .large-unalpha {
        padding-left: 0.9375rem;
    }
    .large-unomega {
        padding-right: 0.9375rem;
    }
    .unalpha {
        padding-left: 0.9375rem;
    }
    .unomega {
        padding-right: 0.9375rem;
    }
}

@font-face {
    font-family: "Material Icons";
    font-style: normal;
    font-weight: 400;
    src: local("Material Icons"), local("MaterialIcons-Regular"), url("../fonts/MaterialIcons-Regular.woff2") format("woff2"), url("../fonts/MaterialIcons-Regular.woff") format("woff"), url("../fonts/MaterialIcons-Regular.ttf") format("truetype");
}

.material-icons {
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1;
    overflow-wrap: normal;
    text-rendering: optimizelegibility;
    text-transform: none;
    vertical-align: middle;
    white-space: nowrap;
}

.material-icons::before {
    content: attr(mt-icon);
}

@font-face {
    font-family: "Trajan Pro Bold";
    font-style: normal;
    font-weight: normal;
    src: local("☺"), url("../fonts/TrajanPro-Bold.woff2") format("woff2"), url("../fonts/TrajanPro-Bold.woff") format("woff"), url("../fonts/TrajanPro-Bold.ttf") format("truetype"), url("../fonts/TrajanPro-Bold.svg") format("svg");
}

@font-face {
    font-family: "Trajan Pro Regular";
    font-style: normal;
    font-weight: normal;
    src: local("☺"), url("../fonts/TrajanPro-Regular.woff2") format("woff2"), url("../fonts/TrajanPro-Regular.woff") format("woff"), url("../fonts/TrajanPro-Regular.ttf") format("truetype"), url("../fonts/TrajanPro-Regular.svg") format("svg");
}

.trajanpro-bold {
    font-family: "Trajan Pro Bold";
    font-style: normal;
    font-weight: normal;
}

.trajanpro-regular {
    font-family: "Trajan Pro Regular";
    font-style: normal;
    font-weight: normal;
}

.datepicker {
    direction: ltr;
    display: none;
    margin-top: 1px;
    padding: 4px;
    position: absolute;
}

.datepicker.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    color: #333;
    display: none;
    float: left;
    font-size: 13px;
    left: 0;
    line-height: 18px;
    list-style: outside none none;
    min-width: 160px;
    position: absolute;
    top: 100%;
    z-index: 1000;
}

.datepicker.dropdown-menu th {
    padding: 4px 5px;
}

.datepicker.dropdown-menu td {
    padding: 4px 5px;
}

.datepicker table {
    border: 0 none;
    margin: 0;
    width: auto;
}

.datepicker table tr td span {
    cursor: pointer;
    display: block;
    float: left;
    height: 54px;
    line-height: 54px;
    margin: 1%;
    width: 23%;
}

.datepicker td {
    background: #fff none repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    font-size: 12px;
    height: 20px;
    padding: 4px 8px;
    text-align: center;
    width: 20px;
}

.datepicker td.active.day,
.datepicker td.active.year {
    background: #002561 none repeat scroll 0 0;
    color: #fff;
}

.datepicker td.old,
.datepicker td.new {
    color: #999;
}

.datepicker td span.active {
    background: #002561 none repeat scroll 0 0;
}

.datepicker td.day.disabled {
    color: #eee;
}

.datepicker td span.month.disabled,
.datepicker td span.year.disabled {
    color: #eee;
}

.datepicker th {
    background: #fff none repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    font-size: 12px;
    height: 20px;
    padding: 4px 8px;
    text-align: center;
    width: 20px;
}

.datepicker th.active.day,
.datepicker th.active.year {
    background: #002561 none repeat scroll 0 0;
}

.datepicker th.date-switch {
    width: 145px;
}

.datepicker th span.active {
    background: #002561 none repeat scroll 0 0;
}

.datepicker .cw {
    font-size: 10px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
    width: 12px;
}

.datepicker.days div.datepicker-days {
    display: block;
}

.datepicker.months div.datepicker-months {
    display: block;
}

.datepicker.years div.datepicker-years {
    display: block;
}

.datepicker thead tr:first-child th {
    cursor: pointer;
}

.datepicker thead tr:first-child th.cw {
    background-color: transparent;
    cursor: default;
}

.datepicker tfoot tr:first-child th {
    cursor: pointer;
}

.datepicker-inline {
    width: 220px;
}

.datepicker-rtl {
    direction: rtl;
}

.datepicker-rtl table tr td span {
    float: right;
}

.datepicker-dropdown {
    left: 0;
    top: 0;
}

.datepicker-dropdown::before {
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    left: 6px;
    position: absolute;
    top: -7px;
}

.datepicker-dropdown::after {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    left: 7px;
    position: absolute;
    top: -6px;
}

.datepicker>div,
.datepicker-dropdown::before,
.datepicker-dropdown::after {
    display: none;
}

.datepicker-close {
    display: none;
    height: 30px;
    padding: 0;
    position: absolute;
    right: 0;
    top: -30px;
    width: 15px;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent;
}

.video-js .vjs-big-play-button::before,
.video-js .vjs-control::before,
.video-js .vjs-modal-dialog,
.vjs-modal-dialog .vjs-modal-dialog-content {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.video-js .vjs-big-play-button::before,
.video-js .vjs-control::before {
    text-align: center;
}

@font-face {
    font-family: "VideoJS";
    src: url("font/VideoJSd41d.html?#iefix") format("eot");
}

@font-face {
    font-family: "VideoJS";
    font-style: normal;
    font-weight: normal;
    src: url("data:application/font-woff;charset=utf-8;base64,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") format("woff"), url("data:application/x-font-ttf;charset=utf-8;base64,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FjY3PgE3LgEnIwYfAR4BFw4BBTM/ARUzESMGAyUVJwMchM2UWwgNq4JHrQgBAapUaAoJcWMBfiIhDiMrAQJLMB0BBAokNAIBPmMiIQ4iLAECSzAeAQUKJDQBP2MiIQ4iLAECSzAeAQUKJDQBAT75g+5B4arNLNIBJ44ByQL9BQ9mvYCKwA8FBQMDwwJVTGdzBf6VB8IHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvVJkAWUDDEf+tYP5AQAAAAEAAAAABiAGtgAbAAABBAADER4BFzMRITU2ADcWABcVIREzPgE3EQIAA4D+4v6FBwJ/X+D+1QYBJ97eAScG/tXgX38CB/6FBrUH/oX+4v32X38CAlWV3gEnBgb+2d6V/asCf18CCgEeAXsAAAAAEADGAAEAAAAAAAEABwAAAAEAAAAAAAIABwAHAAEAAAAAAAMABwAOAAEAAAAAAAQABwAVAAEAAAAAAAUACwAcAAEAAAAAAAYABwAnAAEAAAAAAAoAKwAuAAEAAAAAAAsAEwBZAAMAAQQJAAEADgBsAAMAAQQJAAIADgB6AAMAAQQJAAMADgCIAAMAAQQJAAQADgCWAAMAAQQJAAUAFgCkAAMAAQQJAAYADgC6AAMAAQQJAAoAVgDIAAMAAQQJAAsAJgEeVmlkZW9KU1JlZ3VsYXJWaWRlb0pTVmlkZW9KU1ZlcnNpb24gMS4wVmlkZW9KU0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAFYAaQBkAGUAbwBKAFMAUgBlAGcAdQBsAGEAcgBWAGkAZABlAG8ASgBTAFYAaQBkAGUAbwBKAFMAVgBlAHIAcwBpAG8AbgAgADEALgAwAFYAaQBkAGUAbwBKAFMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfAAABAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwAAAAAA") format("truetype");
}

.vjs-icon-play,
.video-js .vjs-big-play-button,
.video-js .vjs-play-control {
    font-family: VideoJS;
    font-style: normal;
    font-weight: normal;
}

.vjs-icon-play::before,
.video-js .vjs-play-control::before {
    content: "";
}

.video-js .vjs-big-play-button::before {
    content: "";
}

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-style: normal;
    font-weight: normal;
}

.vjs-icon-play-circle::before {
    content: "";
}

.vjs-icon-pause,
.video-js .vjs-play-control.vjs-playing {
    font-family: VideoJS;
    font-style: normal;
    font-weight: normal;
}

.vjs-icon-pause::before,
.video-js .vjs-play-control.vjs-playing::before {
    content: "";
}

.vjs-icon-volume-mute,
.video-js .vjs-mute-control.vjs-vol-0,
.video-js .vjs-volume-menu-button.vjs-vol-0 {
    font-family: VideoJS;
    font-style: normal;
    font-weight: normal;
}

.vjs-icon-volume-mute::before,
.video-js .vjs-mute-control.vjs-vol-0::before,
.video-js .vjs-volume-menu-button.vjs-vol-0::before {
    content: "";
}

.vjs-icon-volume-low,
.video-js .vjs-mute-control.vjs-vol-1,
.video-js .vjs-volume-menu-button.vjs-vol-1 {
    font-family: VideoJS;
    font-style: normal;
    font-weight: normal;
}

.vjs-icon-volume-low::before,
.video-js .vjs-mute-control.vjs-vol-1::before,
.video-js .vjs-volume-menu-button.vjs-vol-1::before {
    content: "";
}

.vjs-icon-volume-mid,
.video-js .vjs-mute-control.vjs-vol-2,
.video-js .vjs-volume-menu-button.vjs-vol-2 {
    font-family: VideoJS;
    font-style: normal;
    font-weight: normal;
}

.vjs-icon-volume-mid::before,
.video-js .vjs-mute-control.vjs-vol-2::before,
.video-js .vjs-volume-menu-button.vjs-vol-2::before {
    content: "";
}

.vjs-icon-volume-high,
.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
    font-family: VideoJS;
    font-style: normal;
    font-weight: normal;
}

.vjs-icon-volume-high::before,
.video-js .vjs-mute-control::before,
.video-js .vjs-volume-menu-button::before {
    content: "";
}

.vjs-icon-fullscreen-enter,
.video-js .vjs-fullscreen-control {
    font-family: VideoJS;
    font-style: normal;
    font-weight: normal;
}

.vjs-icon-fullscreen-enter::before,
.video-js .vjs-fullscreen-control::before {
    content: "";
}

.vjs-icon-fullscreen-exit,
.video-js.vjs-fullscreen .vjs-fullscreen-control {
    font-family: VideoJS;
    font-style: normal;
    font-weight: normal;
}

.vjs-icon-fullscreen-exit::before,
.video-js.vjs-fullscreen .vjs-fullscreen-control::before {
    content: "";
}

.vjs-icon-square {
    font-family: VideoJS;
    font-style: normal;
    font-weight: normal;
}

.vjs-icon-square::before {
    content: "";
}

.vjs-icon-spinner {
    font-family: VideoJS;
    font-style: normal;
    font-weight: normal;
}

.vjs-icon-spinner::before {
    content: "";
}

.vjs-icon-subtitles,
.video-js .vjs-subtitles-button {
    font-family: VideoJS;
    font-style: normal;
    font-weight: normal;
}

.vjs-icon-subtitles::before,
.video-js .vjs-subtitles-button::before {
    content: "";
}

.vjs-icon-captions,
.video-js .vjs-captions-button {
    font-family: VideoJS;
    font-style: normal;
    font-weight: normal;
}

.vjs-icon-captions::before,
.video-js .vjs-captions-button::before {
    content: "";
}

.vjs-icon-chapters,
.video-js .vjs-chapters-button {
    font-family: VideoJS;
    font-style: normal;
    font-weight: normal;
}

.vjs-icon-chapters::before,
.video-js .vjs-chapters-button::before {
    content: "";
}

.vjs-icon-share {
    font-family: VideoJS;
    font-style: normal;
    font-weight: normal;
}

.vjs-icon-share::before {
    content: "";
}

.vjs-icon-cog {
    font-family: VideoJS;
    font-style: normal;
    font-weight: normal;
}

.vjs-icon-cog::before {
    content: "";
}

.vjs-icon-circle,
.video-js .vjs-mouse-display,
.video-js .vjs-play-progress,
.video-js .vjs-volume-level {
    font-family: VideoJS;
    font-style: normal;
    font-weight: normal;
}

.vjs-icon-circle::before,
.video-js .vjs-mouse-display::before,
.video-js .vjs-play-progress::before,
.video-js .vjs-volume-level::before {
    content: "";
}

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-style: normal;
    font-weight: normal;
}

.vjs-icon-circle-outline::before {
    content: "";
}

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-style: normal;
    font-weight: normal;
}

.vjs-icon-circle-inner-circle::before {
    content: "";
}

.vjs-icon-hd {
    font-family: VideoJS;
    font-style: normal;
    font-weight: normal;
}

.vjs-icon-hd::before {
    content: "";
}

.vjs-icon-cancel,
.video-js .vjs-control.vjs-close-button {
    font-family: VideoJS;
    font-style: normal;
    font-weight: normal;
}

.vjs-icon-cancel::before,
.video-js .vjs-control.vjs-close-button::before {
    content: "";
}

.vjs-icon-replay {
    font-family: VideoJS;
    font-style: normal;
    font-weight: normal;
}

.vjs-icon-replay::before {
    content: "";
}

.vjs-icon-facebook {
    font-family: VideoJS;
    font-style: normal;
    font-weight: normal;
}

.vjs-icon-facebook::before {
    content: "";
}

.vjs-icon-gplus {
    font-family: VideoJS;
    font-style: normal;
    font-weight: normal;
}

.vjs-icon-gplus::before {
    content: "";
}

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-style: normal;
    font-weight: normal;
}

.vjs-icon-linkedin::before {
    content: "";
}

.vjs-icon-twitter {
    font-family: VideoJS;
    font-style: normal;
    font-weight: normal;
}

.vjs-icon-twitter::before {
    content: "";
}

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-style: normal;
    font-weight: normal;
}

.vjs-icon-tumblr::before {
    content: "";
}

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-style: normal;
    font-weight: normal;
}

.vjs-icon-pinterest::before {
    content: "";
}

.vjs-icon-audio-description,
.video-js .vjs-descriptions-button {
    font-family: VideoJS;
    font-style: normal;
    font-weight: normal;
}

.vjs-icon-audio-description::before,
.video-js .vjs-descriptions-button::before {
    content: "";
}

.vjs-icon-audio,
.video-js .vjs-audio-button {
    font-family: VideoJS;
    font-style: normal;
    font-weight: normal;
}

.vjs-icon-audio::before,
.video-js .vjs-audio-button::before {
    content: "";
}

.video-js {
    -moz-user-select: none;
    background-color: #000;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding: 0;
    position: relative;
    vertical-align: top;
}

.video-js:-moz-full-screen {
    position: absolute;
}

.video-js *,
.video-js *::before,
.video-js *::after {
    box-sizing: inherit;
}

.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
    height: 0;
    max-width: 100%;
    width: 100%;
}

.video-js.vjs-16-9 {
    padding-top: 56.25%;
}

.video-js.vjs-4-3 {
    padding-top: 75%;
}

.video-js.vjs-fill {
    height: 100%;
    width: 100%;
}

.video-js .vjs-tech {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

body.vjs-full-window {
    height: 100%;
    margin: 0;
    overflow-y: auto;
    padding: 0;
}

.vjs-full-window .video-js.vjs-fullscreen {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
}

.video-js.vjs-fullscreen {
    height: 100%;
    padding-top: 0;
    width: 100%;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none;
}

.vjs-hidden {
    display: none;
}

.vjs-disabled {
    cursor: default;
    opacity: 0.5;
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px;
}

.vjs-lock-showing {
    display: block;
    opacity: 1;
    visibility: visible;
}

.vjs-no-js {
    background-color: #000;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    height: 150px;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    width: 300px;
}

.vjs-no-js a,
.vjs-no-js a:visited {
    color: #66a8cc;
}

.video-js .vjs-big-play-button {
    cursor: pointer;
    display: block;
    font-family: "Material Icons";
    font-size: 8em;
    height: 1em;
    left: 10px;
    line-height: 1em;
    opacity: 0.6;
    padding: 0;
    position: absolute;
    top: 10px;
    transition: all 0.4s ease 0s;
    width: 1em;
}

.vjs-big-play-centered .vjs-big-play-button {
    left: 50%;
    margin-left: -0.5em;
    margin-top: -0.5em;
    top: 60%;
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
    font-size: 7em;
    outline: 0 none;
    transition: all 0.4s ease 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
    display: none;
}

.video-js button {
    -moz-appearance: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    overflow: visible;
    text-decoration: none;
    text-transform: none;
    transition: none 0s ease 0s;
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: 0.5em;
    z-index: 2;
}

.vjs-menu-button {
    cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
    cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none;
}

.vjs-menu .vjs-menu-content {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    overflow: auto;
    padding: 0;
}

.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
    display: none;
}

.vjs-menu li {
    font-size: 1.2em;
    line-height: 1.4em;
    list-style: outside none none;
    margin: 0;
    padding: 0.2em 0;
    text-align: center;
    text-transform: lowercase;
}

.vjs-menu li:focus,
.vjs-menu li:hover {
    background-color: rgba(115, 133, 159, 0.5);
    outline: 0 none;
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2b333f;
}

.vjs-menu li.vjs-menu-title {
    cursor: default;
    font-size: 1em;
    font-weight: bold;
    line-height: 2em;
    margin: 0 0 0.3em;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}

.vjs-menu-button-popup .vjs-menu {
    border-top-color: rgba(43, 51, 63, 0.7);
    bottom: 0;
    display: none;
    height: 0;
    left: -3em;
    margin-bottom: 1.5em;
    position: absolute;
    width: 10em;
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: rgba(43, 51, 63, 0.7);
    bottom: 1.5em;
    max-height: 15em;
    position: absolute;
    width: 100%;
}

.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
    display: block;
}

.video-js .vjs-menu-button-inline {
    overflow: hidden;
    transition: all 0.4s ease 0s;
}

.video-js .vjs-menu-button-inline::before {
    width: 2.22222em;
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em;
}

.video-js .vjs-menu-button-inline.vjs-slider-active {
    transition: none 0s ease 0s;
}

.vjs-menu-button-inline .vjs-menu {
    height: 100%;
    left: 4em;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 0;
    transition: all 0.4s ease 0s;
    width: auto;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    display: block;
    opacity: 1;
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto;
}

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    width: auto;
}

.vjs-menu-button-inline .vjs-menu-content {
    height: 100%;
    margin: 0;
    overflow: hidden;
    width: auto;
}

.video-js .vjs-control-bar {
    background-color: rgba(43, 51, 63, 0.7);
    bottom: 0;
    display: none;
    height: 3em;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
}

.vjs-has-started .vjs-control-bar {
    display: flex;
    opacity: 1;
    transition: visibility 0.1s ease 0s, opacity 0.1s ease 0s;
    visibility: visible;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 0;
    transition: visibility 1s ease 0s, opacity 1s ease 0s;
    visibility: visible;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
    display: none;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible;
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table;
}

.video-js .vjs-control {
    flex: 0 0 auto;
    height: 100%;
    margin: 0;
    outline: medium none;
    padding: 0;
    position: relative;
    text-align: center;
    width: 4em;
}

.video-js .vjs-control::before {
    font-size: 1.8em;
    line-height: 1.67;
}

.video-js .vjs-control:focus::before,
.video-js .vjs-control:hover::before,
.video-js .vjs-control:focus {
    text-shadow: 0 0 1em white;
}

.video-js .vjs-control-text {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle;
}

.video-js .vjs-custom-control-spacer {
    display: none;
}

.video-js .vjs-progress-control {
    -moz-box-align: center;
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    min-width: 4em;
}

.vjs-live .vjs-progress-control {
    display: none;
}

.video-js .vjs-progress-holder {
    flex: 1 1 auto;
    height: 0.3em;
    transition: all 0.2s ease 0s;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.66667em;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-mouse-display::after,
.video-js .vjs-progress-control:hover .vjs-play-progress::after {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.6em;
    visibility: visible;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-tooltip-progress-bar,
.video-js .vjs-progress-holder .vjs-load-progress div {
    display: block;
    height: 0.3em;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 0;
}

.video-js .vjs-mouse-display::before {
    display: none;
}

.video-js .vjs-play-progress {
    background-color: #fff;
}

.video-js .vjs-play-progress::before {
    font-size: 0.9em;
    position: absolute;
    right: -0.5em;
    top: -0.333333em;
}

.video-js .vjs-time-tooltip,
.video-js .vjs-mouse-display::after,
.video-js .vjs-play-progress::after {
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0.3em;
    color: #000;
    content: attr(data-current-time);
    font-size: 0.9em;
    padding: 6px 8px 8px;
    pointer-events: none;
    position: absolute;
    right: -1.9em;
    top: -3.4em;
    visibility: hidden;
}

.video-js .vjs-time-tooltip,
.video-js .vjs-play-progress::before,
.video-js .vjs-play-progress::after {
    z-index: 1;
}

.video-js .vjs-progress-control .vjs-keep-tooltips-inside::after {
    display: none;
}

.video-js .vjs-load-progress {
    background: rgba(115, 133, 159, 0.5) none repeat scroll 0 0;
}

.video-js .vjs-load-progress div {
    background: rgba(115, 133, 159, 0.75) none repeat scroll 0 0;
}

.video-js.vjs-no-flex .vjs-progress-control {
    width: auto;
}

.video-js .vjs-time-tooltip {
    display: inline-block;
    float: right;
    height: 2.4em;
    position: relative;
    right: -1.9em;
}

.vjs-tooltip-progress-bar {
    visibility: hidden;
}

.video-js .vjs-progress-control .vjs-mouse-display {
    background-color: #000;
    display: none;
    height: 100%;
    position: absolute;
    width: 1px;
    z-index: 1;
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display::after {
    opacity: 0;
    transition: visibility 1s ease 0s, opacity 1s ease 0s;
    visibility: hidden;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display::after {
    display: none;
}

.vjs-mouse-display .vjs-time-tooltip,
.video-js .vjs-progress-control .vjs-mouse-display::after {
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
}

.video-js .vjs-slider {
    background-color: rgba(115, 133, 159, 0.5);
    cursor: pointer;
    margin: 0 0.45em;
    outline: 0 none;
    padding: 0;
    position: relative;
}

.video-js .vjs-slider:focus {
    box-shadow: 0 0 1em #fff;
    text-shadow: 0 0 1em white;
}

.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
    cursor: pointer;
    flex: 0 0 auto;
}

.video-js .vjs-volume-control {
    -moz-box-align: center;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    width: 5em;
}

.video-js .vjs-volume-bar {
    margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
    height: 0.3em;
    width: 5em;
}

.vjs-volume-bar.vjs-slider-vertical {
    height: 5em;
    margin: 1.35em auto;
    width: 0.3em;
}

.video-js .vjs-volume-level {
    background-color: #fff;
    bottom: 0;
    left: 0;
    position: absolute;
}

.video-js .vjs-volume-level::before {
    font-size: 0.9em;
    position: absolute;
}

.vjs-slider-vertical .vjs-volume-level {
    width: 0.3em;
}

.vjs-slider-vertical .vjs-volume-level::before {
    left: -0.3em;
    top: -0.5em;
}

.vjs-slider-horizontal .vjs-volume-level {
    height: 0.3em;
}

.vjs-slider-horizontal .vjs-volume-level::before {
    right: -0.5em;
    top: -0.3em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%;
}

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu {
    border-top-color: transparent;
    display: block;
    height: 0;
    width: 0;
}

.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
    height: 8em;
    left: 0.5em;
}

.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu {
    left: -2em;
}

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content {
    height: 0;
    overflow: hidden;
    width: 0;
}

.vjs-volume-menu-button-vertical:hover .vjs-menu-content,
.vjs-volume-menu-button-vertical:focus .vjs-menu-content,
.vjs-volume-menu-button-vertical.vjs-slider-active .vjs-menu-content,
.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content {
    height: 8em;
    width: 2.9em;
}

.vjs-volume-menu-button-horizontal:hover .vjs-menu-content,
.vjs-volume-menu-button-horizontal:focus .vjs-menu-content,
.vjs-volume-menu-button-horizontal .vjs-slider-active .vjs-menu-content,
.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content {
    height: 2.9em;
    width: 8em;
}

.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content {
    background-color: transparent;
}

.vjs-poster {
    background-color: #000;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    cursor: pointer;
    display: inline-block;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle;
}

.vjs-poster img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    padding: 0;
    vertical-align: middle;
    width: 100%;
}

.vjs-has-started .vjs-poster {
    display: none;
}

.vjs-audio.vjs-has-started .vjs-poster {
    display: block;
}

.vjs-controls-disabled .vjs-poster {
    display: none;
}

.vjs-using-native-controls .vjs-poster {
    display: none;
}

.video-js .vjs-live-control {
    align-items: flex-start;
    display: flex;
    flex: 1 1 auto;
    font-size: 1em;
    line-height: 3em;
}

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    text-align: left;
    width: auto;
}

.video-js .vjs-time-control {
    flex: 0 0 auto;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    padding-left: 1em;
    padding-right: 1em;
    width: auto;
}

.vjs-live .vjs-time-control {
    display: none;
}

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
    display: none;
}

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
    display: none;
}

.vjs-time-divider {
    display: none;
    line-height: 3em;
}

.vjs-live .vjs-time-divider {
    display: none;
}

.video-js .vjs-play-control {
    cursor: pointer;
    flex: 0 0 auto;
}

.vjs-text-track-display {
    bottom: 3em;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em;
}

.video-js .vjs-text-track {
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 1.4em;
    margin-bottom: 0.1em;
    text-align: center;
}

.vjs-subtitles {
    color: #fff;
}

.vjs-captions {
    color: #fc6;
}

.vjs-tt-cue {
    display: block;
}

.video-js .vjs-fullscreen-control {
    cursor: pointer;
    flex: 0 0 auto;
}

.vjs-playback-rate .vjs-playback-rate-value {
    font-size: 1.5em;
    height: 100%;
    left: 0;
    line-height: 2;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}

.vjs-playback-rate .vjs-menu {
    left: 0;
    width: 4em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center;
}

.vjs-error .vjs-error-display::before {
    color: #fff;
    content: "X";
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -0.5em;
    position: absolute;
    text-align: center;
    text-shadow: 0.05em 0.05em 0.1em #000;
    top: 50%;
    vertical-align: middle;
    width: 100%;
}

.vjs-loading-spinner {
    background-clip: padding-box;
    border: 6px solid rgba(43, 51, 63, 0.7);
    border-radius: 25px;
    box-sizing: border-box;
    display: none;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: 0.85;
    position: absolute;
    text-align: left;
    top: 50%;
    width: 50px;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
    display: block;
}

.vjs-loading-spinner::before,
.vjs-loading-spinner::after {
    -moz-border-bottom-colors: inherit;
    -moz-border-left-colors: inherit;
    -moz-border-right-colors: inherit;
    -moz-border-top-colors: inherit;
    border-color: #fff transparent transparent;
    border-image: inherit;
    border-radius: inherit;
    border-style: inherit;
    border-width: inherit;
    box-sizing: inherit;
    content: "";
    height: inherit;
    margin: -6px;
    opacity: 1;
    position: absolute;
    width: inherit;
}

.vjs-seeking .vjs-loading-spinner::before,
.vjs-seeking .vjs-loading-spinner::after,
.vjs-waiting .vjs-loading-spinner::before,
.vjs-waiting .vjs-loading-spinner::after {
    animation: 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) 0s normal none infinite running vjs-spinner-spin, 1.1s linear 0s normal none infinite running vjs-spinner-fade;
}

.vjs-seeking .vjs-loading-spinner::before,
.vjs-waiting .vjs-loading-spinner::before {
    border-top-color: #fff;
}

.vjs-seeking .vjs-loading-spinner::after,
.vjs-waiting .vjs-loading-spinner::after {
    animation-delay: 0.44s;
    border-top-color: #fff;
}

@keyframes vjs-spinner-spin {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes vjs-spinner-spin {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f;
    }
    20% {
        border-top-color: #73859f;
    }
    35% {
        border-top-color: #fff;
    }
    60% {
        border-top-color: #73859f;
    }
    100% {
        border-top-color: #73859f;
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f;
    }
    20% {
        border-top-color: #73859f;
    }
    35% {
        border-top-color: #fff;
    }
    60% {
        border-top-color: #73859f;
    }
    100% {
        border-top-color: #73859f;
    }
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em;
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
    flex: 1 1 auto;
}

.video-js.vjs-layout-tiny.vjs-no-flex:not(.vjs-fullscreen) .vjs-custom-control-spacer {
    width: auto;
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button {
    display: none;
}

.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-menu-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button {
    display: none;
}

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button {
    display: none;
}

.vjs-caption-settings {
    background-color: rgba(43, 51, 63, 0.75);
    color: #fff;
    font-size: 12px;
    height: 16em;
    margin: 0 auto;
    padding: 0.5em;
    position: relative;
    top: 1em;
    width: 40em;
}

.vjs-caption-settings .vjs-tracksettings {
    bottom: 1em;
    left: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 0;
}

.vjs-caption-settings .vjs-tracksettings-colors,
.vjs-caption-settings .vjs-tracksettings-font {
    float: left;
}

.vjs-caption-settings .vjs-tracksettings-colors::after,
.vjs-caption-settings .vjs-tracksettings-font::after,
.vjs-caption-settings .vjs-tracksettings-controls::after {
    clear: both;
}

.vjs-caption-settings .vjs-tracksettings-controls {
    bottom: 1em;
    position: absolute;
    right: 1em;
}

.vjs-caption-settings .vjs-tracksetting {
    border: medium none;
    margin: 5px;
    min-height: 40px;
    padding: 3px;
}

.vjs-caption-settings .vjs-tracksetting label,
.vjs-caption-settings .vjs-tracksetting legend {
    display: block;
    margin-bottom: 5px;
    width: 100px;
}

.vjs-caption-settings .vjs-tracksetting span {
    display: inline;
    float: right;
    margin-left: 5px;
    vertical-align: top;
}

.vjs-caption-settings .vjs-tracksetting>div {
    margin-bottom: 5px;
    min-height: 20px;
}

.vjs-caption-settings .vjs-tracksetting>div:last-child {
    margin-bottom: 0;
    min-height: 0;
    padding-bottom: 0;
}

.vjs-caption-settings label>input {
    margin-right: 10px;
}

.vjs-caption-settings fieldset {
    margin-left: 0.5em;
    margin-top: 1em;
}

.vjs-caption-settings fieldset .vjs-label {
    border: 0 none;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.vjs-caption-settings input[type="button"] {
    height: 40px;
    width: 40px;
}

.video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)) repeat scroll 0 0;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1;
}

@media print {
    .video-js>*:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden;
    }
}

@media �screen {
    .vjs-user-inactive.vjs-playing .vjs-control-bar *::before {
        content: "";
    }
}

@media �screen {
    .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
        visibility: hidden;
    }
}

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

#weather .wether-img {
    line-height: 1;
    margin-top: -38px;
    padding: 0;
    margin-left: -25px;
}

#weather {
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
}

#weather i {
    color: #fff;
    font-family: weather;
    font-size: 80px;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    margin-top: -19px;
    text-transform: none;
}

.icon-0::before {
    content: ":";
}

.icon-1::before {
    content: "p";
}

.icon-2::before {
    content: "S";
}

.icon-3::before {
    content: "Q";
}

.icon-4::before {
    content: "S";
}

.icon-5::before {
    content: "W";
}

.icon-6::before {
    content: "W";
}

.icon-7::before {
    content: "W";
}

.icon-8::before {
    content: "W";
}

.icon-9::before {
    content: "I";
}

.icon-10::before {
    content: "W";
}

.icon-11::before {
    content: "I";
}

.icon-12::before {
    content: "I";
}

.icon-13::before {
    content: "I";
}

.icon-14::before {
    content: "I";
}

.icon-15::before {
    content: "W";
}

.icon-16::before {
    content: "I";
}

.icon-17::before {
    content: "W";
}

.icon-18::before {
    content: "U";
}

.icon-19::before {
    content: "Z";
}

.icon-20::before {
    content: "Z";
}

.icon-21::before {
    content: "Z";
}

.icon-22::before {
    content: "Z";
}

.icon-23::before {
    content: "Z";
}

.icon-24::before {
    content: "E";
}

.icon-25::before {
    content: "E";
}

.icon-26::before {
    content: "3";
}

.icon-27::before {
    content: "a";
}

.icon-28::before {
    content: "A";
}

.icon-29::before {
    content: "a";
}

.icon-30::before {
    content: "A";
}

.icon-31::before {
    content: "6";
}

.icon-32::before {
    content: "1";
}

.icon-33::before {
    content: "6";
}

.icon-34::before {
    content: "1";
}

.icon-35::before {
    content: "W";
}

.icon-36::before {
    content: "1";
}

.icon-37::before {
    content: "S";
}

.icon-38::before {
    content: "S";
}

.icon-39::before {
    content: "S";
}

.icon-40::before {
    content: "M";
}

.icon-41::before {
    content: "W";
}

.icon-42::before {
    content: "I";
}

.icon-43::before {
    content: "W";
}

.icon-44::before {
    content: "a";
}

.icon-45::before {
    content: "S";
}

.icon-46::before {
    content: "U";
}

.icon-47::before {
    content: "S";
}

#weather h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    margin: 0 0 8px;
    text-align: center;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

#weather ul {
    margin: 0;
    padding: 0;
}

#weather li {
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    border-radius: 5px;
    display: inline-block;
    padding: 20px;
}

#weather .currently {
    margin: 0 20px;
}

.jssocials-shares {
    margin: 0 1rem;
}

.jssocials-shares * {
    box-sizing: border-box;
}

.jssocials-share {
    display: inline-block;
    margin: 0 1.5em 0 0;
    vertical-align: top;
}

.jssocials-share:last-child {
    margin-right: 0;
}

.jssocials-share-logo {
    font-size: 1.5em;
    vertical-align: middle;
    width: 1em;
}

img.jssocials-share-logo {
    height: 1em;
    width: auto;
}

.jssocials-share-link {
    display: inline-block;
    line-height: 1;
    text-align: center;
    text-decoration: none;
}

.jssocials-share-link.jssocials-share-link-count {
    padding-top: 0.2em;
}

.jssocials-share-link.jssocials-share-link-count .jssocials-share-count {
    display: block;
    font-size: 0.6em;
    margin: 0 -0.5em -0.8em;
}

.jssocials-share-link.jssocials-share-no-count {
    padding-top: 0.5em;
}

.jssocials-share-link.jssocials-share-no-count .jssocials-share-count {
    height: 1em;
}

.jssocials-share-label {
    padding-left: 0.3em;
    vertical-align: middle;
}

.jssocials-share-count-box {
    cursor: default;
    display: inline-block;
    height: 1.5em;
    line-height: 1;
    padding: 0 0.3em;
    vertical-align: middle;
}

.jssocials-share-count-box.jssocials-share-no-count {
    display: none;
}

.jssocials-share-count {
    line-height: 1.5em;
    vertical-align: middle;
}

.jssocials-share-twitter .jssocials-share-link {
    color: #00aced;
}

.jssocials-share-twitter .jssocials-share-link .jssocials-share-label {
    color: #00aced;
}

.jssocials-share-twitter .jssocials-share-link:hover,
.jssocials-share-twitter .jssocials-share-link:focus,
.jssocials-share-twitter .jssocials-share-link:active {
    color: #0087ba;
}

.jssocials-share-twitter .jssocials-share-link:hover .jssocials-share-label,
.jssocials-share-twitter .jssocials-share-link:focus .jssocials-share-label,
.jssocials-share-twitter .jssocials-share-link:active .jssocials-share-label {
    color: #0087ba;
}

.jssocials-share-facebook .jssocials-share-link {
    color: #3b5998;
}

.jssocials-share-facebook .jssocials-share-link .jssocials-share-label {
    color: #3b5998;
}

.jssocials-share-facebook .jssocials-share-link:hover,
.jssocials-share-facebook .jssocials-share-link:focus,
.jssocials-share-facebook .jssocials-share-link:active {
    color: #2d4373;
}

.jssocials-share-facebook .jssocials-share-link:hover .jssocials-share-label,
.jssocials-share-facebook .jssocials-share-link:focus .jssocials-share-label,
.jssocials-share-facebook .jssocials-share-link:active .jssocials-share-label {
    color: #2d4373;
}

.jssocials-share-googleplus .jssocials-share-link {
    color: #dd4b39;
}

.jssocials-share-googleplus .jssocials-share-link .jssocials-share-label {
    color: #dd4b39;
}

.jssocials-share-googleplus .jssocials-share-link:hover,
.jssocials-share-googleplus .jssocials-share-link:focus,
.jssocials-share-googleplus .jssocials-share-link:active {
    color: #c23321;
}

.jssocials-share-googleplus .jssocials-share-link:hover .jssocials-share-label,
.jssocials-share-googleplus .jssocials-share-link:focus .jssocials-share-label,
.jssocials-share-googleplus .jssocials-share-link:active .jssocials-share-label {
    color: #c23321;
}

.jssocials-share-linkedin .jssocials-share-link {
    color: #007bb6;
}

.jssocials-share-linkedin .jssocials-share-link .jssocials-share-label {
    color: #007bb6;
}

.jssocials-share-linkedin .jssocials-share-link:hover,
.jssocials-share-linkedin .jssocials-share-link:focus,
.jssocials-share-linkedin .jssocials-share-link:active {
    color: #005983;
}

.jssocials-share-linkedin .jssocials-share-link:hover .jssocials-share-label,
.jssocials-share-linkedin .jssocials-share-link:focus .jssocials-share-label,
.jssocials-share-linkedin .jssocials-share-link:active .jssocials-share-label {
    color: #005983;
}

.jssocials-share-pinterest .jssocials-share-link {
    color: #cb2027;
}

.jssocials-share-pinterest .jssocials-share-link .jssocials-share-label {
    color: #cb2027;
}

.jssocials-share-pinterest .jssocials-share-link:hover,
.jssocials-share-pinterest .jssocials-share-link:focus,
.jssocials-share-pinterest .jssocials-share-link:active {
    color: #9f191f;
}

.jssocials-share-pinterest .jssocials-share-link:hover .jssocials-share-label,
.jssocials-share-pinterest .jssocials-share-link:focus .jssocials-share-label,
.jssocials-share-pinterest .jssocials-share-link:active .jssocials-share-label {
    color: #9f191f;
}

.jssocials-share-email .jssocials-share-link {
    color: #3490f3;
}

.jssocials-share-email .jssocials-share-link .jssocials-share-label {
    color: #3490f3;
}

.jssocials-share-email .jssocials-share-link:hover,
.jssocials-share-email .jssocials-share-link:focus,
.jssocials-share-email .jssocials-share-link:active {
    color: #0e76e6;
}

.jssocials-share-email .jssocials-share-link:hover .jssocials-share-label,
.jssocials-share-email .jssocials-share-link:focus .jssocials-share-label,
.jssocials-share-email .jssocials-share-link:active .jssocials-share-label {
    color: #0e76e6;
}

.jssocials-share-stumbleupon .jssocials-share-link {
    color: #eb4823;
}

.jssocials-share-stumbleupon .jssocials-share-link .jssocials-share-label {
    color: #eb4823;
}

.jssocials-share-stumbleupon .jssocials-share-link:hover,
.jssocials-share-stumbleupon .jssocials-share-link:focus,
.jssocials-share-stumbleupon .jssocials-share-link:active {
    color: #c93412;
}

.jssocials-share-stumbleupon .jssocials-share-link:hover .jssocials-share-label,
.jssocials-share-stumbleupon .jssocials-share-link:focus .jssocials-share-label,
.jssocials-share-stumbleupon .jssocials-share-link:active .jssocials-share-label {
    color: #c93412;
}

.jssocials-share-whatsapp .jssocials-share-link {
    color: #29a628;
}

.jssocials-share-whatsapp .jssocials-share-link .jssocials-share-label {
    color: #29a628;
}

.jssocials-share-whatsapp .jssocials-share-link:hover,
.jssocials-share-whatsapp .jssocials-share-link:focus,
.jssocials-share-whatsapp .jssocials-share-link:active {
    color: #1f7d1e;
}

.jssocials-share-whatsapp .jssocials-share-link:hover .jssocials-share-label,
.jssocials-share-whatsapp .jssocials-share-link:focus .jssocials-share-label,
.jssocials-share-whatsapp .jssocials-share-link:active .jssocials-share-label {
    color: #1f7d1e;
}

.jssocials-share-telegram .jssocials-share-link {
    color: #2ca5e0;
}

.jssocials-share-telegram .jssocials-share-link .jssocials-share-label {
    color: #2ca5e0;
}

.jssocials-share-telegram .jssocials-share-link:hover,
.jssocials-share-telegram .jssocials-share-link:focus,
.jssocials-share-telegram .jssocials-share-link:active {
    color: #1c88bd;
}

.jssocials-share-telegram .jssocials-share-link:hover .jssocials-share-label,
.jssocials-share-telegram .jssocials-share-link:focus .jssocials-share-label,
.jssocials-share-telegram .jssocials-share-link:active .jssocials-share-label {
    color: #1c88bd;
}

.jssocials-share-line .jssocials-share-link {
    color: #25af00;
}

.jssocials-share-line .jssocials-share-link .jssocials-share-label {
    color: #25af00;
}

.jssocials-share-line .jssocials-share-link:hover,
.jssocials-share-line .jssocials-share-link:focus,
.jssocials-share-line .jssocials-share-link:active {
    color: #1a7c00;
}

.jssocials-share-line .jssocials-share-link:hover .jssocials-share-label,
.jssocials-share-line .jssocials-share-link:focus .jssocials-share-label,
.jssocials-share-line .jssocials-share-link:active .jssocials-share-label {
    color: #1a7c00;
}

.jssocials-share-viber .jssocials-share-link {
    color: #7b519d;
}

.jssocials-share-viber .jssocials-share-link .jssocials-share-label {
    color: #7b519d;
}

.jssocials-share-viber .jssocials-share-link:hover,
.jssocials-share-viber .jssocials-share-link:focus,
.jssocials-share-viber .jssocials-share-link:active {
    color: #61407b;
}

.jssocials-share-viber .jssocials-share-link:hover .jssocials-share-label,
.jssocials-share-viber .jssocials-share-link:focus .jssocials-share-label,
.jssocials-share-viber .jssocials-share-link:active .jssocials-share-label {
    color: #61407b;
}

.jssocials-share-pocket .jssocials-share-link {
    color: #ef4056;
}

.jssocials-share-pocket .jssocials-share-link .jssocials-share-label {
    color: #ef4056;
}

.jssocials-share-pocket .jssocials-share-link:hover,
.jssocials-share-pocket .jssocials-share-link:focus,
.jssocials-share-pocket .jssocials-share-link:active {
    color: #e9132e;
}

.jssocials-share-pocket .jssocials-share-link:hover .jssocials-share-label,
.jssocials-share-pocket .jssocials-share-link:focus .jssocials-share-label,
.jssocials-share-pocket .jssocials-share-link:active .jssocials-share-label {
    color: #e9132e;
}

.jssocials-share-messenger .jssocials-share-link {
    color: #0084ff;
}

.jssocials-share-messenger .jssocials-share-link .jssocials-share-label {
    color: #0084ff;
}

.jssocials-share-messenger .jssocials-share-link:hover,
.jssocials-share-messenger .jssocials-share-link:focus,
.jssocials-share-messenger .jssocials-share-link:active {
    color: #006acc;
}

.jssocials-share-messenger .jssocials-share-link:hover .jssocials-share-label,
.jssocials-share-messenger .jssocials-share-link:focus .jssocials-share-label,
.jssocials-share-messenger .jssocials-share-link:active .jssocials-share-label {
    color: #006acc;
}

.jssocials-share-vkontakte .jssocials-share-link {
    color: #45668e;
}

.jssocials-share-vkontakte .jssocials-share-link .jssocials-share-label {
    color: #45668e;
}

.jssocials-share-vkontakte .jssocials-share-link:hover,
.jssocials-share-vkontakte .jssocials-share-link:focus,
.jssocials-share-vkontakte .jssocials-share-link:active {
    color: #344d6c;
}

.jssocials-share-vkontakte .jssocials-share-link:hover .jssocials-share-label,
.jssocials-share-vkontakte .jssocials-share-link:focus .jssocials-share-label,
.jssocials-share-vkontakte .jssocials-share-link:active .jssocials-share-label {
    color: #344d6c;
}

.jssocials-share-link {
    transition: color 200ms ease-in-out 0s;
}

.jssocials-share-link.jssocials-share-link-count .jssocials-share-count {
    font-size: 0.5em;
}

.jssocials-share-label {
    color: #444;
    font-size: 0.8em;
    transition: color 200ms ease-in-out 0s;
}

.jssocials-share-count-box {
    border: 1px solid #efefef;
    border-radius: 0.3em;
    margin-left: 0.3em;
}

.jssocials-share-count-box .jssocials-share-count {
    color: #444;
    font-size: 0.8em;
    line-height: 1.8em;
}

.awesomplete [hidden] {
    display: none;
}

.awesomplete .visually-hidden {
    clip: rect(0px, 0px, 0px, 0px);
    position: absolute;
}

.awesomplete {
    position: relative;
}

.awesomplete>input {
    display: block;
}

.awesomplete>ul {
    background: #fff none repeat scroll 0 0;
    box-sizing: border-box;
    left: 0;
    list-style: outside none none;
    margin: 0;
    min-width: 100%;
    padding: 0;
    position: absolute;
    z-index: 1;
}

.awesomplete>ul.comboplete-top {
    background: #fff none repeat scroll 0 0;
    bottom: 2.7rem;
    box-sizing: border-box;
    left: 0;
    list-style: outside none none;
    margin: 0;
    min-width: 100%;
    padding: 0;
    position: absolute;
    z-index: 1;
}

.awesomplete>ul:empty {
    display: none;
}

.awesomplete>ul {
    background: rgba(0, 0, 0, 0) linear-gradient(to right bottom, #fff, hsla(0, 0%, 100%, 0.8)) repeat scroll 0 0;
    border: 1px solid #000;
    box-shadow: 0.05em 0.2em 0.6em rgba(0, 0, 0, 0.2);
    margin: 0;
    text-shadow: none;
}

@supports (transform:scale(0)) {
    .awesomplete>ul {
        transform-origin: left top 0;
        transition: all 0.3s cubic-bezier(0.4, 0.2, 0.5, 1.4) 0s;
    }
    .awesomplete>ul.comboplete-top {
        transform-origin: left bottom 0;
        transition: all 0.3s cubic-bezier(0.4, 0.2, 0.5, 1.4) 0s;
    }
    .awesomplete>ul[hidden],
    .awesomplete>ul:empty {
        display: block;
        opacity: 0;
        transform: scale(0);
        transition-timing-function: ease;
    }
}

.awesomplete>ul::before {
    -moz-border-bottom-colors: inherit;
    -moz-border-left-colors: inherit;
    -moz-border-right-colors: inherit;
    -moz-border-top-colors: inherit;
    background: #fff none repeat scroll 0 0;
    border-bottom: 0 none;
    border-image: inherit;
    border-left: inherit;
    border-right: 0 none;
    border-top: inherit;
    content: "";
    height: 0;
    left: 1em;
    padding: 0.3em;
    position: absolute;
    top: -0.35em;
    transform: rotate(45deg);
    width: 0;
}

.awesomplete>ul.comboplete-top::before {
    -moz-border-bottom-colors: inherit;
    -moz-border-left-colors: inherit;
    -moz-border-right-colors: inherit;
    -moz-border-top-colors: inherit;
    background: #fff none repeat scroll 0 0;
    border-bottom: 0 none;
    border-image: inherit;
    border-left: inherit;
    border-right: 0 none;
    border-top: inherit;
    bottom: -0.35em;
    content: "";
    height: 0;
    left: 1em;
    padding: 0.3em;
    position: absolute;
    top: auto;
    transform: rotate(225deg);
    width: 0;
}

.awesomplete>ul>li {
    border-bottom: 1px solid #ccc;
    color: #333;
    cursor: pointer;
    font-size: 0.8rem;
    padding: 0.5em;
    position: relative;
    text-align: left;
}

.awesomplete>ul.comboplete-top>li:last-child {
    border-bottom: medium none;
}

.awesomplete>ul>li:hover {
    background-color: #002561;
    color: #fff;
}

.awesomplete>ul>li[aria-selected="true"] {
    background: #002561 none repeat scroll 0 0;
    color: #fff;
}

.awesomplete mark {
    background: hsl(65, 100%, 50%) none repeat scroll 0 0;
}

.awesomplete li:hover mark {
    background: hsl(68, 100%, 41%) none repeat scroll 0 0;
}

.awesomplete li[aria-selected="true"] mark {
    background: hsl(86, 100%, 21%) none repeat scroll 0 0;
    color: inherit;
}

@font-face {
    font-family: "ytpregular";
    src: url("../fonts/ytp-regular.eot");
}

@font-face {
    font-family: "ytpregular";
    font-style: normal;
    font-weight: normal;
    src: url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"), url("font/ytp-regular.ttf") format("truetype");
}

.mb_YTPlayer:focus {
    outline: 0 none;
}

.mbYTP_wrapper {
    backface-visibility: hidden;
    box-sizing: border-box;
    display: block;
    transform: translateZ(0px) translate3d(0px, 0px, 0px);
    transform-style: preserve-3d;
}

.mb_YTPlayer .loading {
    animation: 0.1s ease 0s alternate none infinite running fade;
    background: rgba(0, 0, 0, 0.51) none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    font-family: "Droid Sans", sans-serif;
    font-size: 12px;
    padding: 2px 4px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 10px;
}

@keyframes fade {
    0% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade {
    0% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

.YTPFullscreen {
    background-color: #000;
    border: medium none;
    display: block;
    height: 100%;
    left: 0;
    margin: 0;
    opacity: 1;
    position: fixed;
    top: 0;
    width: 100%;
}

.mbYTP_wrapper iframe {
    max-width: 4000px;
}

.inline_YTPlayer {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
    left: 0;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    vertical-align: top;
}

.inline_YTPlayer img {
    border: medium none;
    margin: 0;
    padding: 0;
    transform: none;
}

.mb_YTPBar .ytpicon {
    font-family: "ytpregular";
    font-size: 20px;
}

.mb_YTPBar .mb_YTPUrl.ytpicon {
    font-size: 30px;
}

.mb_YTPBar {
    background: #333 none repeat scroll 0 0;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font: 14px/16px sans-serif;
    height: 10px;
    left: 0;
    opacity: 0.1;
    padding: 5px;
    position: fixed;
    text-align: left;
    transition: opacity 0.5s ease 0s;
    width: 100%;
    z-index: 1000;
}

.mb_YTPBar.visible,
.mb_YTPBar:hover {
    opacity: 1;
}

.mb_YTPBar .buttonBar {
    background: transparent none repeat scroll 0 0;
    box-sizing: border-box;
    font: 12px/14px Calibri;
    height: 40px;
    left: 0;
    padding: 5px;
    position: absolute;
    top: -30px;
    transition: all 0.5s ease 0s;
    width: 100%;
}

.mb_YTPBar:hover .buttonBar {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
}

.mb_YTPBar span {
    display: inline-block;
    font: 16px/20px Calibri, sans-serif;
    height: 25px;
    position: relative;
    vertical-align: middle;
    width: 30px;
}

.mb_YTPBar span.mb_YTPTime {
    width: 130px;
}

.mb_YTPBar span.mb_YTPUrl,
.mb_YTPBar span.mb_OnlyYT {
    cursor: pointer;
    display: block;
    position: absolute;
    right: 10px;
    top: 6px;
    width: auto;
}

.mb_YTPBar span.mb_YTPUrl img {
    width: 60px;
}

.mb_YTPBar span.mb_OnlyYT {
    left: 300px;
    right: auto;
}

.mb_YTPBar span.mb_OnlyYT img {
    width: 25px;
}

.mb_YTPBar span.mb_YTPUrl a {
    color: #fff;
}

.mb_YTPBar .mb_YTPPlaypause,
.mb_YTPlayer .mb_YTPBar .mb_YTPPlaypause img {
    cursor: pointer;
}

.mb_YTPBar .mb_YTPMuteUnmute {
    cursor: pointer;
}

.mb_YTPBar .mb_YTPProgress {
    background: #222 none repeat scroll 0 0;
    bottom: 0;
    height: 10px;
    left: 0;
    width: 100%;
}

.mb_YTPBar .mb_YTPLoaded {
    background: #444 none repeat scroll 0 0;
    height: 10px;
    left: 0;
    width: 0;
}

.mb_YTPBar .mb_YTPseekbar {
    background: #bb110e none repeat scroll 0 0;
    bottom: 0;
    box-shadow: 1px 1px 3px rgba(82, 82, 82, 0.47);
    height: 10px;
    left: 0;
    width: 0;
}

.mb_YTPBar .YTPOverlay {
    backface-visibility: hidden;
    box-sizing: border-box;
}

.YTPOverlay.raster {
    background: rgba(0, 0, 0, 0) url("../images/raster.png") repeat scroll 0 0;
}

.YTPOverlay.raster.retina {
    background: rgba(0, 0, 0, 0) url("../images/raster@2x.png") repeat scroll 0 0;
}

.YTPOverlay.raster-dot {
    background: rgba(0, 0, 0, 0) url("../images/raster_dot.png") repeat scroll 0 0;
}

.YTPOverlay.raster-dot.retina {
    background: rgba(0, 0, 0, 0) url("../images/raster_dot@2x.png") repeat scroll 0 0;
}

.mb_YTPBar .simpleSlider {
    border: 1px solid #fff;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    height: 10px;
    margin-right: 10px;
    overflow: hidden;
    position: relative;
    width: 100px;
}

.mb_YTPBar.compact .simpleSlider {
    width: 40px;
}

.mb_YTPBar .simpleSlider.muted {
    opacity: 0.3;
}

.mb_YTPBar .level {
    background-color: #fff;
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    position: absolute;
}

.mb_YTPBar .level.horizontal {
    height: 100%;
    width: 0;
}

.mb_YTPBar .level.vertical {
    height: auto;
    width: 100%;
}

.free-wall {
    margin: 15px;
}

.free-wall-logo {
    height: 420px;
    margin: auto;
}

.size2-2 {
    height: 80px;
    width: 80px;
}

.size11 {
    height: 160px;
    width: 160px;
}

.size12 {
    height: 320px;
    width: 160px;
}

.size21 {
    height: 160px;
    width: 320px;
}

.size22 {
    height: 320px;
    width: 320px;
}

.size13 {
    height: 480px;
    width: 160px;
}

.size31 {
    height: 160px;
    width: 480px;
}

.size23 {
    height: 480px;
    width: 320px;
}

.size24 {
    height: 640px;
    width: 320px;
}

.size32 {
    height: 320px;
    width: 480px;
}

.size33 {
    height: 480px;
    width: 480px;
}

.size34 {
    height: 640px;
    width: 480px;
}

.size43 {
    height: 480px;
    width: 640px;
}

.size35 {
    height: 800px;
    width: 480px;
}

.size53 {
    height: 480px;
    width: 800px;
}

.size36 {
    height: 960px;
    width: 480px;
}

.donate form {
    background: #2c3e50 none repeat scroll 0 0;
    height: 100%;
    width: 100%;
}

.donate form .paypal {
    display: block;
    margin: auto;
    outline: 0 none;
    padding: 20px 0 0;
}

.img-demo {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}

.img-demo li {
    float: left;
    text-align: center;
    width: 25%;
}

.img-demo li img {
    border: 2px solid #fff;
    height: 98px;
    width: 98px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clearfix::before,
.clearfix::after {
    content: "";
    display: table;
}

.clearfix::after {
    clear: both;
}

.clearfix {}

.rest-left {
    margin-left: 244px;
}

.desc h1,
.desc h2,
.desc h3,
.desc h4,
.desc h5,
.desc h6 {
    font-weight: bold;
}

.desc h2 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 50px;
}

.desc h2 span {
    display: block;
    float: left;
    line-height: 50px;
}

.brick {
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: default;
    float: left;
    overflow: hidden;
}

.brick .cover {
    margin: 20px;
    overflow: hidden;
}

.brick .read-more {
    background: rgba(0, 0, 0, 0.45) none repeat scroll 0 0;
    bottom: 0;
    display: none;
    left: 0;
    padding: 12px;
    position: absolute;
    right: 0;
}

.brick:hover .read-more {
    cursor: pointer;
    display: block;
}

.brick .desc {
    display: none;
}

.full-width .float-left {
    display: none;
}

.full-width .desc {
    display: block;
}

.full-width.brick {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    overflow: visible;
}

.full-width.brick .cover {
    color: #333;
    margin: 0 20px;
}

.full-width.brick .cover * {
    text-shadow: none;
}

.full-width.brick .cover code {
    color: #666;
}

.open .float-left {
    display: none;
}

.open .desc {
    display: block;
}

.example {
    height: 0;
    overflow: visible;
    width: 0;
}

.example-draggable {
    cursor: move;
}

.example-draggable * {
    cursor: move;
}

.example-draggable a {
    cursor: pointer;
}

.cell {
    background-color: #222;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
}

.brick img {
    display: block;
    margin: 0;
}

#freewall {
    margin: 0;
}

.slick-loading .slick-list {
    background: #fff url("../images/ajax-loader.gif") no-repeat scroll center center;
}

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

.slick-prev,
.slick-next {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    outline: medium none;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    width: 20px;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    background: transparent none repeat scroll 0 0;
    color: transparent;
    outline: medium none;
}

.slick-prev:hover::before,
.slick-prev:focus::before,
.slick-next:hover::before,
.slick-next:focus::before {
    opacity: 1;
}

.slick-prev.slick-disabled::before,
.slick-next.slick-disabled::before {
    opacity: 0.25;
}

.slick-prev::before,
.slick-next::before {
    color: #fff;
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    opacity: 0.75;
}

.slick-prev {
    left: -25px;
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px;
}

.slick-prev::before {
    content: "←";
}

[dir="rtl"] .slick-prev::before {
    content: "→";
}

.slick-next {
    right: -25px;
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto;
}

.slick-next::before {
    content: "→";
}

[dir="rtl"] .slick-next::before {
    content: "←";
}

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    bottom: -25px;
    display: block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.slick-dots li {
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    position: relative;
    width: 20px;
}

.slick-dots li button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    outline: medium none;
    padding: 5px;
    width: 20px;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: medium none;
}

.slick-dots li button:hover::before,
.slick-dots li button:focus::before {
    opacity: 1;
}

.slick-dots li button::before {
    color: #000;
    content: "•";
    font-family: "slick";
    font-size: 6px;
    height: 20px;
    left: 0;
    line-height: 20px;
    opacity: 0.25;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20px;
}

.slick-dots li.slick-active button::before {
    color: #000;
    opacity: 0.75;
}

.slick-slider {
    -moz-user-select: none;
    box-sizing: border-box;
    display: block;
    position: relative;
    touch-action: pan-y;
}

.slick-list {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.slick-list:focus {
    outline: medium none;
}

.slick-list.dragging {
    cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate3d(0px, 0px, 0px);
}

.slick-track {
    display: block;
    left: 0;
    position: relative;
    top: 0;
}

.slick-track::before,
.slick-track::after {
    content: "";
    display: table;
}

.slick-track::after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto;
}

.slick-arrow.slick-hidden {
    display: none;
}

.display-block {
    display: block;
}

.display-inline-block {
    display: inline-block;
}

.display-inline {
    display: inline;
}

.display-table {
    display: table;
}

.display-table-cell {
    display: table-cell;
}

.position-absolute {
    position: absolute;
}

.position-relative {
    position: relative;
}

.position-static {
    position: static;
}

.pin-top {
    top: 0;
}

.pin-bottom {
    bottom: 0;
}

.pin-left {
    left: 0;
}

.pin-right {
    right: 0;
}

.auto-margin {
    margin: 0 auto;
}

.no-margin {
    margin: 0;
}

.no-padding {
    padding: 0;
}

.no-padleft {
    padding-left: 0;
}

.no-padright {
    padding-right: 0;
}

.full-height {
    height: 100%;
}

.full-width {
    width: 100%;
}

.half-width {
    width: 50%;
}

.auto-width {
    width: auto;
}

.text-nounderline {
    text-decoration: none;
}

.text-underline {
    text-decoration: underline;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-darkgray {
    color: #242424;
}

.text-gray {
    color: #666;
}

.text-red {
    color: red;
}

.text-primary {
    color: #002561;
}

.text-default {
    color: #fff;
}

.text-highlight {
    color: #ed7f00;
}

.checkbox,
.radio {
    margin-bottom: 5px;
}

input[type="checkbox"],
input[type="radio"] {
    position: absolute;
    visibility: hidden;
}

input:focus,
textarea:focus,
a:focus,
img:focus,
ul:focus,
li:focus {
    outline: medium none;
}

.checkbox input[type="checkbox"]+span::before,
.radio input[type="radio"]+span::before,
.box-booking-items .btn-room-info::before,
.btn-show-hide::before,
.blog-post .pagination-previous a::before,
.blog-post .pagination-next a::after,
.booking .btn-with-text i::after,
i.double_arrow_right::after,
.rooms-list .accordion-title::before,
.rooms-list .accordion-item::after,
.item-list .accordion-title::before,
.item-list .accordion-item::after {
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    overflow-wrap: normal;
    text-rendering: optimizelegibility;
    text-transform: none;
    vertical-align: middle;
    white-space: nowrap;
}

.checkbox.display-inline-block+.checkbox.display-inline-block,
.radio.display-inline-block+.radio.display-inline-block {
    margin-left: 10px;
}

.checkbox label,
.radio label {
    font-size: 1em;
}

.checkbox input[type="checkbox"]+span::before,
.radio input[type="radio"]+span::before {
    letter-spacing: 5px;
}

.not-ie .checkbox input[type="checkbox"]+span::before {
    content: "check_box_outline_blank";
}

.not-ie .checkbox input[type="checkbox"]:checked+span::before {
    content: "check_box";
}

.not-ie .radio input[type="radio"]+span::before {
    content: "radio_button_unchecked";
}

.not-ie .radio input[type="radio"]:checked+span::before {
    content: "radio_button_checked";
}

.fix-header {
    position: fixed;
    width: 100%;
    z-index: 12;
}

#widemenu .title-bar,
#widemenu .title-bar>li {
    height: 70px;
}

.title-bar {
    border-bottom: 1px solid #ccc;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
}

.title-bar .btn-rewards {
    padding: 0.5rem 1rem;
    position: absolute;
    right: 0;
    top: 12rem;
}

.title-bar .btn-rewards .become-reward {
    background-image: url("../images/become-rewards-logo-white.png");
    background-position: 0 -6px;
    background-repeat: no-repeat;
    display: block;
    height: 50px;
    margin: 0 1em 0 0;
    width: 93px;
}

.title-bar .btn-rewards .input-text {
    border-left: 1px solid #999;
    line-height: 1.2rem;
    margin-top: 0.5em;
    padding: 0 0 0 1em;
    text-align: center;
    vertical-align: middle;
}

.title-bar .logo img {
    margin: 0;
    transition: all 0.4s ease 0s;
}

.title-bar.is-stuck {
    background: rgba(255, 255, 255, 0.95) none repeat scroll 0 0;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

.title-bar.is-at-top .logo,
.booking .logo,
.rewards .logo {
    height: 70px;
    overflow: hidden;
}

.title-bar.is-at-top .logo img,
.booking .logo img,
.rewards .logo img {
    margin-top: -12px;
    transition: all 0.4s ease 0s;
}

.booking .title-bar .btn-rewards,
.title-bar.is-at-top .btn-rewards {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: none;
    height: 70px;
    margin: 0 0.8rem;
    padding: 1rem 0;
    position: relative;
    top: 0;
}

.booking .btn-rewards .become-reward,
.title-bar.is-at-top .btn-rewards .become-reward {
    background-image: url("../images/become-rewards-logo-blue.png");
    background-position: 0 -6px;
    background-repeat: no-repeat;
    display: block;
    height: 39px;
    margin: 0;
    width: 83px;
}

.booking .btn-rewards .input-text,
.title-bar.is-at-top .btn-rewards .input-text {
    display: none;
}

#topnav-small {
    margin-top: 10px;
}

#topnav-small>li {
    padding: 10px;
    text-align: center;
}

.vdo-box {
    position: relative;
}

.time-temp-indicator {
    bottom: 1rem;
    left: auto;
    position: absolute;
    right: 1rem;
}

.time-temp-indicator li {
    float: left;
    padding: 0 1rem;
}

.time-temp-indicator li i {
    float: left;
}

.time-temp-indicator li:first-child {
    border-right: 2px solid #eee;
}

.time-temp-indicator li span {
    color: #fff;
    float: left;
    font-size: 1.3rem;
    padding-right: 1rem;
    text-shadow: 1px 1px 3px #000;
}

.time-temp-indicator li span:nth-child(2) {
    padding-right: 0;
}

.bgbox-container {
    background-color: #f7f7f7;
}

.bgbox-darkgray {
    background-color: #242424;
}

.bgbox-primary {
    background-color: #002561;
}

.bgbox-default {
    background-color: #fff;
}

.bgbox-lightblue {
    background-color: #c7d0e1;
}

.bgbox-highlight {
    background-color: #ed7f00;
}

.properties-logo img {
    height: auto;
    width: 110px;
}

footer .properties-logo img {
    width: 78px;
}

.image-wrapper {
    height: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.image-overlay-content {
    background-color: rgba(0, 0, 0, 0.8);
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 1px;
    transition: all 0.4s ease-in-out 0s;
    width: 100%;
}

.overlay-fade-in img {
    transition: all 0.2s linear 0s;
}

.overlay-fade-in .image-overlay-content {
    opacity: 0;
}

.overlay-fade-in:hover img {
    transform: scale(1.2);
}

.overlay-fade-in:hover .image-overlay-content {
    opacity: 1;
}

.overlay-slide-in-left img {
    transition: all 0.3s ease-in-out 0s;
}

.overlay-slide-in-left .image-overlay-content {
    background-color: rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 7px #ccc;
    opacity: 1;
    transform: translateX(-110%);
    transition: all 0.4s ease-in-out 0s;
}

.overlay-slide-in-left:hover .image-overlay-content {
    transform: translateX(0px);
}

.overlay-slide-in-left:hover img {
    transform: translateX(80%);
    transition-delay: 0.1s;
}

.overlay-slide-in-up .image-overlay-content {
    height: 0;
    top: 100%;
}

.overlay-slide-in-up .image-overlay-content.show-header {
    height: 40px;
    top: calc(100% - 40px);
}

.overlay-slide-in-up:hover .image-overlay-content {
    height: 100%;
    top: 0;
    transition-delay: 0.1s;
}

#bonus-points .overlay-slide-in-up:hover .image-overlay-content.show-header {
    height: 40%;
    top: 60%;
}

.logo {
    position: relative;
    z-index: 999;
}

.menu>li>a>i {
    font-size: 1rem;
}

.top-bar-left .menu>li>a {
    padding: 1.8rem 0.5rem;
}

.top-bar-left .menu li:first-child a {
    padding-left: 1rem;
}

.top-bar-right .menu {
    font-weight: 400;
    text-transform: capitalize;
    font-size: 0.7rem;
}

.top-bar-right .menu>li.book-now {
    padding: 0 1em;
}

.book-border {
    border: 2px solid #002561;
    padding: 3px;
}

.book-border:hover {
    border: 2px solid #002561;
}

#bookPanel .book-border,
#bookPanel .book-border:hover {
    border: 2px solid #fff;
    padding: 2px;
    position: absolute;
    right: 0.9rem;
    text-align: center;
    top: 0.7rem;
    width: 125px;
}

#bookPanel .book-border .button {
    background-color: #000;
    color: #fff;
    margin-bottom: 0;
}

.book-logo {
    left: 1.8rem;
    position: absolute;
    top: 0.78rem;
}

.book-logo img {
    height: auto;
    width: 144px;
}

.top-bar-right .menu>li.book-now button:hover,
.top-bar-right .menu>li.book-now button:focus {
    background-color: #002561;
}

.top-bar-right .menu>li {
    border-right: 0.2px solid #ccc;
}

.is-at-top .top-bar-right .menu>li:first-child,
.rewards .top-bar-right .menu>li:first-child {
    border-left: 0.2px solid #ccc;
}

.top-bar-right .menu>li:last-child {
    border-right: 0 none;
}

.flag-english {
    background-image: url("../images/flag-british.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 16px;
    margin: 0 0.7rem 0 0;
    width: 22px;
}

.flag-japan {
    background-image: url("../images/flag-japan.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 16px;
    margin: 0 0.7rem 0 0;
    width: 22px;
}

.flag-china {
    background-image: url("../images/flag-china.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 16px;
    margin: 0 0.7rem 0 0;
    width: 22px;
}

.flag-korea {
    background-image: url("../images/flag-korea.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 16px;
    margin: 0 0.7rem 0 0;
    width: 22px;
}

.flag-arab {
    background-image: url("../images/flag-arab.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 16px;
    margin: 0 0.7rem 0 0;
    width: 22px;
}

.flag-thai {
    background-image: url("../images/flag-thai.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 16px;
    margin: 0 0.7rem 0 0;
    width: 22px;
}

.flag-russia {
    background-image: url("../images/flag-russia.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 16px;
    margin: 0 0.7rem 0 0;
    width: 22px;
}

.instagram-icon {
    background-image: url("../images/icon-ig.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 41px;
    margin: 0;
    width: 32px;
}

#lang-dropdown li,
#myaccount-dropdown li {
    padding: 0.3rem 0;
}

#lang-dropdown a,
#myaccount-dropdown a {
    color: #fff;
    font-size: 0.9rem;
}

#lang-dropdown a:hover,
#lang-dropdown a:focus {
    color: #1585cf;
    text-decoration: underline;
}

#lang-dropdown a i {
    margin-top: 6px;
}

#myaccount-dropdown a i {
    color: #fff;
    margin-top: -5px;
    padding-right: 5px;
}

i.face-icon {
    font-size: 1rem;
    margin-top: -0.2rem;
}

#instafeed2 {
    height: 244px;
}

.menu .find-hotel-menu,
.menu .experience-menu,
.menu .lang-menu,
.menu .myaccount-menu {
    position: relative;
}

.hover.find-hotel-menu::after,
.hover.find-hotel-menu::before {
    border: medium solid transparent;
    content: " ";
    height: 0;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 56px;
    width: 0;
}

.hover.find-hotel-menu::before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #000;
    border-width: 8px;
    margin-left: -8px;
}

.hover.experience-menu::after,
.hover.experience-menu::before {
    border: medium solid transparent;
    content: " ";
    height: 0;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 56px;
    width: 0;
}

.hover.experience-menu::before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #000;
    border-width: 8px;
    margin-left: -8px;
}

.hover.lang-menu::after,
.hover.lang-menu::before {
    border: medium solid transparent;
    content: " ";
    height: 0;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 56px;
    width: 0;
}

.hover.lang-menu::before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #000;
    border-width: 8px;
    margin-left: -8px;
}

.hover.myaccount-menu::after,
.hover.myaccount-menu::before {
    border: medium solid transparent;
    content: " ";
    height: 0;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 56px;
    width: 0;
}

.hover.myaccount-menu::before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #000;
    border-width: 8px;
    margin-left: -8px;
}

.properties-logo {
    margin: 3rem auto 0;
    text-align: center;
    width: 80%;
}

.properties-logo li {
    padding: 0 0.3rem;
}

.index .bgbox-container h1 span {
    display: block;
    font-size: 1.5rem;
}

.index .bgbox-container p {
    margin: auto;
    width: 60%;
}

.withBar {
    background-image: url("../images/bar.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    margin: 2rem 0;
    padding-bottom: 20px;
}

.bgbox-container .withBar {
    margin: 0 0 1rem;
}

.menu.footer-content a {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.menu.footer-sitemap a {
    color: #333;
    font-size: 0.75rem;
    height: 20px;
    letter-spacing: 1px;
    padding: 0 1rem;
}

.menu.footer-sitemap a:hover {
    color: #1585cf;
    text-decoration: underline;
}

.menu.footer-sitemap li:first-child a,
.menu.footer-content li:first-child a {
    padding-left: 0;
}

.menu.footer-sitemap {
    margin-bottom: 1rem;
}

.menu.footer-resident li {
    padding: 1rem 0.5rem 0;
}

.menu.footer-resident img {
    height: 32px;
}

.menu.footer-resident a {
    display: inline-block;
    height: 50px;
    margin: 0;
    padding: 0;
    /* width: 120px; */
}

footer .copy {
    font-size: 0.75rem;
    margin-bottom: 1rem;
}

.orbit-previous i,
.orbit-next i {
    color: #ccc;
    font-size: 2rem;
}

.orbit-previous:hover i,
.orbit-next:hover i,
.orbit-previous:active i,
.orbit-next:active i,
.orbit-previous:focus i,
.orbit-next:focus i {
    color: #333;
}

.orbit-slider-node {
    clear: both;
    display: block;
    overflow: hidden;
}

.bgbox-container p.insta-tag {
    height: 35px;
    margin: auto auto 1rem;
}

.bgbox-container p.insta-tag span {
    color: #002561;
    display: inline-block;
    font-size: 1.6rem;
    font-style: italic;
    margin-left: 5px;
    vertical-align: 12px;
}

.content-feed>div {
    margin-bottom: 1rem;
}

.content-feed>div:first-child img {
    width: 100%;
}

.content-feed .details {
    background-color: #fff;
    padding: 0.9375rem 0.9375rem 0;
}

.content-feed .details h3 {
    font-size: 0.9rem;
    text-transform: uppercase;
}

.content-feed .details p.name {
    font-size: 1.25em;
    line-height: 1.4rem;
    text-transform: capitalize;
}

.datestamp {
    color: #777;
    font-size: 0.75rem;
    padding: 0.5rem 0 0;
}

.content-feed .details p.date-stamp {
    font-size: 0.7rem;
    text-transform: uppercase;
}

.content-feed .details .heading {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1rem;
}

.content-feed .details .description p strong {
    font-size: 1em;
}

.content-feed .details .description p span {
    display: block;
    font-size: 1.2em;
}

.content-feed .image-overlay-content li {
    padding: 0.5rem 0;
}

.content-feed .image-overlay-content h3 {
    color: #fff;
    margin-bottom: 0;
}

.content-feed .image-overlay-content p {
    color: #fff;
    font-size: 1.1rem;
    text-transform: uppercase;
}

.content-feed .image-overlay-content a {
    color: #fff;
    font-size: 0.9rem;
    text-transform: uppercase;
}

.content-feed .image-overlay-content a:hover {
    color: #1585cf;
    text-decoration: underline;
}

.promotion-feed {
    margin-bottom: 2rem;
}

.promotion-feed .promotion-name {
    font-weight: 400;
    padding: 1rem 3rem 0.5rem;
}

.promotion-feed .promotion-description p,
.promotion-feed .promotion-description div {
    padding: 0.7rem 3rem;
}

.promotion-feed .promotion-description p span {
    display: block;
}

.promotion-feed img {
    width: 100%;
}

.promotion .image-wrapper {
    width: 100%;
}

.text-bold {
    font-weight: 600;
}

.text-normal {
    font-size: 0.875rem;
    font-weight: 400;
}

.text-big {
    font-size: 1.125rem;
}

.text-small {
    font-size: 0.688rem;
}

.text-italic {
    font-style: italic;
}

.text-color-gold {
    color: #ebbf28;
}

.text-color-white {
    color: #fff;
}

.clear-both {
    clear: both;
}

.margin-top-1rem {
    margin-top: 1rem;
}

.margin-top-2rem {
    margin-top: 2rem;
}

.margin-bottom-1rem {
    margin-bottom: 1rem;
}

.margin-bottom-2rem {
    margin-bottom: 2rem;
}

.margin-bottom-3rem {
    margin-bottom: 3rem;
}

.margin-bottom-4rem {
    margin-bottom: 4rem;
}

.margin-right-1rem {
    margin-right: 1rem;
}

.margin-right-2rem {
    margin-right: 2rem;
}

.margin-right-3rem {
    margin-right: 3rem;
}

.margin-right-4rem {
    margin-right: 4rem;
}

.margin-left-1rem {
    margin-left: 1rem;
}

.margin-left-2rem {
    margin-left: 2rem;
}

.margin-left-3rem {
    margin-left: 3rem;
}

.margin-left-4rem {
    margin-left: 4rem;
}

.overlay-detail {
    padding-top: 4rem;
}

h2.moment {
    margin-bottom: 1rem;
}

.reveal form {
    margin: 2rem auto 1rem;
    width: 85%;
}

.reveal form .row {
    margin: 0.7rem 0;
}

.reveal.form-modal img {
    margin-top: 1rem;
}

.find-hotel-pane,
.experience-pane {
    clear: both;
    margin-left: 167px;
    overflow: hidden;
}

.experience-pane li {
    padding-bottom: 1rem;
    padding-left: 1rem;
}

.experience-pane li:first-child {
    padding-left: 2rem;
}

.experience-pane li:last-child {
    border-right: medium none;
}

.experience-pane a p {
    color: #ccc;
    float: left;
    font-size: 0.9rem;
    font-weight: 400;
}

.experience-pane a img {
    clear: both;
    display: block;
    float: left;
}

.find-hotel-pane li {
    margin: 0.8rem 0;
}

.find-hotel-pane a {
    color: #fafafa;
    font-size: 0.9rem;
    font-weight: 400;
}

.find-hotel-pane a:hover,
.find-hotel-pane a:active {
    color: #1585cf;
    text-decoration: underline;
}

#find-hotel-cover {
    background-image: url("../images/find-hotel-sprite.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 200px;
    margin: 0 0 0 1rem;
    width: 460px;
}

.border-left {
    border-left: 1px solid #777;
}

#book-now-button {
    width: 120px;
}

#bookPanel {
    background-color: rgba(0, 0, 0, 0.9);
    bottom: 0;
    color: #ccc;
    display: none;
    font-size: 1.5rem;
    left: 0;
    padding: 2rem;
    position: fixed;
    top: 70px;
    width: 100%;
    z-index: 10;
}

#bookPanel .bookContainer {
    margin-top: 5rem;
    position: relative;
}

.booking .bookContainer i,
#bookPanel i {
    color: #fff;
    font-size: 1.75rem;
    margin-top: 0.5rem;
}

#bookPanel select,
#bookPanel [type="text"],
#bookPanel [type="password"],
#bookPanel [type="date"],
#bookPanel [type="datetime"],
#bookPanel [type="datetime-local"],
#bookPanel [type="month"],
#bookPanel [type="week"],
#bookPanel [type="email"],
#bookPanel [type="number"],
#bookPanel [type="search"],
#bookPanel [type="tel"],
#bookPanel [type="time"],
#bookPanel [type="url"],
#bookPanel [type="color"],
#bookPanel textarea {
    background-color: rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #999;
    color: #fff;
    font-size: 1.5rem;
}

#bookPanel select {
    cursor: pointer;
    height: 3rem;
}

#bookPanel select option {
    background-color: rgb(255, 255, 255);
    border-color: currentcolor currentcolor #ccc;
    border-style: none none solid;
    border-width: medium medium 1px;
    color: #333;
    font-size: 1rem;
    padding: 0.5rem 1rem;
}

.booking .box-qty .qty,
.booking .person .personamount,
#bookPanel .person .personamount {
    border-bottom: medium none;
    text-align: center;
    width: 3rem;
}

.booking .person .desc,
#bookPanel .person .desc {
    margin-right: 0.5rem;
    margin-top: 0.375rem;
}

.booking .person .desc small,
#bookPanel .person .desc small {
    clear: both;
    display: block;
    font-size: 0.875rem;
    margin-bottom: 0.375rem;
    white-space: nowrap;
}

#bookPanel .person input[type="text"] {
    margin: 0.25rem 0 0;
}

#bookPanel .bookContainer div div {
    padding: 0.2rem 0;
}

#bookPanel .button.hollow {
    border: 1px solid #fff;
    color: #fff;
    margin-top: 20px;
}

#bookPanel .adultremove,
#bookPanel .adultadd,
#bookPanel .childremove,
#bookPanel .childadd {
    cursor: pointer;
}

#joinNowModal p {
    font-size: 1.188rem;
}

#joinNowModal .modalDesctiption {
    font-size: 1.5rem;
    margin: 1rem 0 0;
}

#joinNowModal .modalDesctiption img {
    margin: 0 2rem -8px 0;
    vertical-align: bottom;
}

#joinNowModal .labelDesctiption {
    color: #777;
    font-size: 0.875rem;
}

#joinNowModal .sectionDesctiption {
    background-color: #eee;
    margin-left: -10%;
    padding: 10px 8%;
}

#joinNowModal .infoForm {
    border-left: 1px solid #eee;
}

#joinNowModal .infoForm .sectionDesctiption {
    margin-left: 0;
    margin-right: -10%;
}

#joinNowModal .createAccForm>.row,
#joinNowModal .infoForm>.row {
    width: 90%;
}

#joinNowModal .infoForm>.row {
    margin-left: 10%;
}

.modal-header {
    font-size: 1.5rem;
}

modal-header-2 {
    font-size: 1.125rem;
}

.index h1 {
    line-height: 2.8rem;
    margin-bottom: 2rem;
}

.find-a-hotel {
    color: #777;
}

.find-a-hotel i {
    font-size: 1rem;
    font-weight: 700;
}

.offcanvas .bookbutton {
    margin: 0.5rem;
    width: 120px;
}

.mobile-ofc.menu {
    background: #ccc none repeat scroll 0 0;
    font-size: 0.8125rem;
    font-weight: 400;
}

.mobile-ofc.menu a {
    border-bottom: 1px solid #bbb;
    color: #000;
    height: auto;
    padding: 1rem 0.5rem;
}

.mobile-ofc.menu>li>a {
    background-color: #aaa;
    border-top: 1px solid #aaa;
    font-weight: bold;
}

.mobile-ofc.menu .submenu i {
    color: #000;
    float: left;
    font-size: 1rem;
}

.content-container section {
    float: left;
    padding: 2rem 0;
    width: 100%;
}

.content-container section.vdo-box,
.content-container section.branch-slider,
.content-container section.nav,
.content-container section.gallery-header-nav,
.content-container section.promotion-header-nav,
.content-container section.accommodation-header-nav,
.content-container section.gallery-detail,
.content-container section.branch-contact-header-nav,
.content-container section.branch-meeting,
.content-container section.branch-review,
.content-container section.contact-us {
    padding: 0;
}

.content-container section.gallery-detail-section,
.content-container section.contact-detail-section,
.content-container section.branch-promotion,
.content-container section.meeting-list-room,
.content-container section.meeting-extra,
.content-container section.meeting-reservation {
    padding: 2rem 0 0;
}

.content-container section.iframe-review,
.content-container section.privacy-policy-head,
.content-container section.term-and-condition-head,
.content-container section.site-map-head,
.content-container section.faq-head {
    padding: 0 0 2rem;
}

.content-container section.promotions-detail-section,
.content-container section.meeting-list-room,
.content-container section.meeting-extra,
.content-container section.meeting-reservation {
    padding: 2rem 0;
}

.content-container section.meeting-list-room h2,
.content-container section.meeting-extra h2,
.content-container section.meeting-reservation h2 {
    padding-bottom: 1rem;
}

.content-container section h2 {
    margin-top: 0;
    font-size: 1.5rem
}

.feed-box h3 {
    color: #002561;
}

#btnMorePost {
    border: 1px solid #002561;
    color: #002561;
    margin-bottom: 2rem;
    padding: 0.5rem 3rem;
}

#welcometitle {
    color: #000;
    font-size: 40px;
    line-height: 80px;
    margin-top: 0;
    position: absolute;
    text-align: center;
    top: 40%;
    width: 100%;
}

.slogan-message {
    background-image: url("../images/always-good-time.png");
    background-repeat: no-repeat;
    background-size: 550px auto;
    display: block;
    height: 100px;
    margin: 0 auto;
    width: 550px;
}

.start-arrow i {
    color: #fff;
    cursor: pointer;
    font-size: 3rem;
}

#videoSection {
    background-position: center -150px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 667px;
}

#rewardsVideoSection {
    background-image: url("../images/Main-menu_main_rewards.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 558px;
    margin-top: 70px;
}

#secondnav {
    background-color: #000;
    clear: both;
    overflow: hidden;
}

#secondnav a {
    color: #fff;
}

#secondnav a:hover {
    color: #fff;
    text-decoration: none;
}

#secondnav .menu>li>a {
    display: block;
    height: 60px;
    line-height: 1;
    padding: 1.4rem;
}

#secondnav i {
    color: #fff;
}

.branch-detail h1 small {
    color: #002561;
    display: block;
    font-size: 1rem;
    line-height: 1rem;
    padding-bottom: 0.5rem;
    text-transform: uppercase;
}

.branch-detail h1 {
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.branch-address i {
    float: left;
}

.branch-address span {
    display: block;
    padding-left: 2.5rem;
}

.branch-address img {
    border: 1px solid #ddd;
}

.chidlom-logo,
.pratunam-logo,
.silom-logo,
.sukhumvit-logo,
.thonglo-logo {
    left: 40%;
    position: absolute;
    top: 210px;
    z-index: 1;
}

.page-logo {
    left: 32%;
    position: absolute;
    top: 150px;
    z-index: 1;
}

.room-slider,
.facilities-slider {
    background-color: #fff;
}

#branchslider .orbit-previous,
#branchslider .orbit-next {
    top: 60%;
}

.room-slider-detail h3,
.facilities-slider-detail h3 {
    padding: 2rem 4rem;
    text-transform: uppercase;
}

.room-slider-detail p,
.facilities-slider-detail p {
    padding: 0 4rem 2rem;
}

.room-slider-detail ul,
.facilities-slider-detail ul {
    padding: 0 1rem 1rem 4rem;
}

.taste-detail {
    background-color: #fff;
    padding: 0.5rem;
}

.taste-detail h3 {
    font-size: 1.5rem;
    padding: 2rem 4rem 1rem;
}

.taste-detail p {
    padding: 0 4rem 1rem;
}

.taste-detail p a {
    display: block;
    padding: 0.2rem 0;
}

.taste-detail i {
    font-size: 1rem;
    padding: 0 0.5rem 0 0;
}

.chidlom-promotion-cover {
    background: rgba(0, 0, 0, 0) url("../images/Centre_Point-Chidlom-Best_Offer.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.chidlom-promotion-cover .logo {
    left: -20%;
    margin-top: -55px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.pratunam-promotion-cover {
    background: rgba(0, 0, 0, 0) url("../images/Centre_Point-Pratunam-Best_Offer.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.pratunam-promotion-cover .logo {
    left: 16%;
    margin-top: -155px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.silom-promotion-cover {
    background: rgba(0, 0, 0, 0) url("../images/Centre_Point-Silom-Best_Offer.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.silom-promotion-cover .logo {
    left: 0;
    margin-top: -35px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.sukhumwit-promotion-cover {
    background: rgba(0, 0, 0, 0) url("../images/Centre_Point-Sukhumvit-Best_Offer.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.sukhumwit-promotion-cover .logo {
    left: -35%;
    margin-top: -35px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.thonglo-promotion-cover {
    background: rgba(0, 0, 0, 0) url("../images/Centre_Point-Thong_Lo-Best_Offer.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.thonglo-promotion-cover .logo {
    left: 25%;
    margin-top: -85px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.chidlom-accommodation-cover {
    background: rgba(0, 0, 0, 0) url("../images/Centre_Point-Chidlom-Rooms_and_Suites.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.chidlom-accommodation-cover .logo {
    left: 0;
    margin-top: -35px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.pratunam-accommodation-cover {
    background: rgba(0, 0, 0, 0) url("../images/Centre_Point-Pratunam-Room.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.pratunam-accommodation-cover .logo {
    left: 15%;
    margin-top: -15px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.silom-accommodation-cover {
    background: rgba(0, 0, 0, 0) url("../images/Centre_Point-Silom-Room.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.silom-accommodation-cover .logo {
    left: 30%;
    margin-top: -125px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.sukhumwit-accommodation-cover {
    background: rgba(0, 0, 0, 0) url("../images/Centre_Point-Sukhumvit-Room.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.sukhumwit-accommodation-cover .logo {
    left: 25%;
    margin-top: -85px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.thonglo-accommodation-cover {
    background: rgba(0, 0, 0, 0) url("../images/Centre_Point-Thong_Lo-Room.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.thonglo-accommodation-cover .logo {
    left: 0;
    margin-top: -35px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.chidlom-facilities-cover {
    background: rgba(0, 0, 0, 0) url("../images/Centre_Point-Chidlom-Facility.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.chidlom-facilities-cover .logo {
    left: 25%;
    margin-top: -35px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.pratunam-facilities-cover {
    background: rgba(0, 0, 0, 0) url("../images/Centre_Point-Pratunam-Facility.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.pratunam-facilities-cover .logo {
    left: -25%;
    margin-top: -35px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.silom-facilities-cover {
    background: rgba(0, 0, 0, 0) url("../images/Centre_Point-Silom-Facility.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.silom-facilities-cover .logo {
    left: 0;
    margin-top: -35px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.sukhumwit-facilities-cover {
    background: rgba(0, 0, 0, 0) url("../images/Centre_Point-Sukhumvit-Facility.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.sukhumwit-facilities-cover .logo {
    left: 25%;
    margin-top: -35px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.thonglo-facilities-cover {
    background: rgba(0, 0, 0, 0) url("../images/Centre_Point-Thong_Lo-Facility.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.thonglo-facilities-cover .logo {
    left: 25%;
    margin-top: -35px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.promotion-node {
    list-style: outside none none;
    margin-bottom: 2rem;
    padding-left: 0;
}

.promotion-description p {
    margin-bottom: 0;
}

.promotion-description p a {
    margin: 1rem 0;
}

.promotion-detail {
    background-color: #fff;
    padding: 1rem;
}

.promotion-type {
    font-size: 1.25em;
    padding: 1rem 0;
}

.promotion-name {
    font-weight: 700;
    padding: 1rem 0;
}

.promotion-node .promotion-thumbnail a img {
    width: 100%;
}

.facilities-link .orbit-link {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    float: right;
    margin-top: 0;
}

.facilities-link .orbit-link button {
    margin: 0.5rem 0 0 2rem;
    padding-bottom: 0.5rem;
}

.facilities-link button {
    color: gray;
}

.facilities-link button.is-active {
    color: #000;
}

.facilities-detail {
    padding: 1rem;
}

.chidlom h2 {
    margin-bottom: 1rem;
}

.branch-logo-nav {
    margin: 7px 1rem;
    /* width: 40%; */
    height: 46px;
}

#home-booking-form {
    background-color: #000;
    bottom: 0;
    color: #fff;
    float: left;
    font-size: 1.2rem;
    padding: 1rem 0;
    position: absolute;
    width: 100%;
    display: block;
}

#home-booking-form i {
    color: #fff;
    font-size: 1.75rem;
    margin-top: 1.5rem;
}

#home-booking-form select,
#home-booking-form [type="text"],
#home-booking-form [type="password"],
#home-booking-form [type="date"],
#home-booking-form [type="datetime"],
#home-booking-form [type="datetime-local"],
#home-booking-form [type="month"],
#home-booking-form [type="week"],
#home-booking-form [type="email"],
#home-booking-form [type="number"],
#home-booking-form [type="search"],
#home-booking-form [type="tel"],
#home-booking-form [type="time"],
#home-booking-form [type="url"],
#home-booking-form [type="color"],
#home-booking-form textarea {
    background-color: rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #999;
    color: #fff;
    font-size: 1.2rem;
    margin-bottom: 0;
    margin-top: 1rem;
}

#home-booking-form .box-qty .qty,
#home-booking-form .person .personamount,
#home-booking-form .person .personamount {
    border-bottom: medium none;
    text-align: center;
    width: 3rem;
}

#home-booking-form .button.hollow {
    border: 1px solid #fff;
    color: #fff;
    margin-top: 0;
}

#home-booking-form .person .desc {
    margin-right: 0.5rem;
    margin-top: 1.375rem;
}

#home-booking-form .person .desc small,
#home-booking-form .person .desc small {
    clear: both;
    display: block;
    font-size: 0.875rem;
    margin-bottom: 0.375rem;
    white-space: nowrap;
}

#chidlom-color .button {
    background-color: #c07b9a;
}

#pratunam-color .button {
    background-color: #f58481;
}

#silom-color .button {
    background-color: #a68a54;
}

#sukhumvit-color .button {
    background-color: #9ed18a;
}

#thonglo-color .button {
    background-color: #69a7b5;
}

#pattaya-color .button {
    /*patttaya*/
    background-color: #0abab5;
}

.chidlom-branch-color.button {
    background-color: #c07b9a;
}

.pratunam-branch-color.button {
    background-color: #f58481;
}

.silom-branch-color.button {
    background-color: #a68a54;
}

.sukhumvit-branch-color.button {
    background-color: #9ed18a;
}

.thonglo-branch-color.button {
    background-color: #69a7b5;
}

.pattaya-branch-color.button {
    /*pattaya*/
    background-color: #0abab5;
}

#chidlom-color .facilities-link button.is-active,
#chidlom-color .gallery-link button.is-active {
    border-bottom: 3px solid #c07b9a;
}

#pratunam-color .facilities-link button.is-active,
#pratunam-color .gallery-link button.is-active {
    border-bottom: 3px solid #f58481;
}

#silom-color .facilities-link button.is-active,
#silom-color .gallery-link button.is-active {
    border-bottom: 3px solid #a68a54;
}

#sukhumvit-color .facilities-link button.is-active,
#sukhumvit-color .gallery-link button.is-active {
    border-bottom: 3px solid #9ed18a;
}

#thonglo-color .facilities-link button.is-active,
#thonglo-color .gallery-link button.is-active {
    border-bottom: 3px solid #69a7b5;
}

#pattaya-color .facilities-link button.is-active,
#pattaya-color .gallery-link button.is-active {
    /*pattaya*/
    border-bottom: 3px solid #0abab5;
}

#chidlom-color #secondnav {
    background-color: #000;
}

#chidlom-color #secondnav .top-bar-right a:hover,
#chidlom-color #secondnav .top-bar-right a:active,
#chidlom-color #secondnav .top-bar-right a.is-active {
    background-color: #c07b9a;
    color: #000;
}

#pratunam-color #secondnav {
    background-color: #000;
}

#pratunam-color #secondnav .top-bar-right a:hover,
#pratunam-color #secondnav .top-bar-right a:active,
#pratunam-color #secondnav .top-bar-right a.is-active {
    background-color: #f58481;
    color: #000;
}

#silom-color #secondnav {
    background-color: #000;
}

#silom-color #secondnav .top-bar-right a:hover,
#silom-color #secondnav .top-bar-right a:active,
#silom-color #secondnav .top-bar-right a.is-active {
    background-color: #a68a54;
    color: #000;
}

#sukhumvit-color #secondnav {
    background-color: #000;
}

#sukhumvit-color #secondnav .top-bar-right a:hover,
#sukhumvit-color #secondnav .top-bar-right a:active,
#sukhumvit-color #secondnav .top-bar-right a.is-active {
    background-color: #9ed18a;
    color: #000;
}

#thonglo-color #secondnav {
    background-color: #000;
}

#thonglo-color #secondnav .top-bar-right a:hover,
#thonglo-color #secondnav .top-bar-right a:active,
#thonglo-color #secondnav .top-bar-right a.is-active {
    background-color: #69a7b5;
    color: #000;
}

#pattaya-color #secondnav {
    background-color: #000;
}

#pattaya-color #secondnav .top-bar-right a:hover,
#pattaya-color #secondnav .top-bar-right a:active,
#pattaya-color #secondnav .top-bar-right a.is-active {
    background-color: #0abab5;
    color: #000;
}

#chidlom-color .address-contact {
    border: 1px dotted #c07b9a;
    border-radius: 2px;
    padding: 1rem;
}

#pratunam-color .address-contact {
    border: 1px dotted #f58481;
    border-radius: 2px;
    padding: 1rem;
}

#silom-color .address-contact {
    border: 1px dotted #a68a54;
    border-radius: 2px;
    padding: 1rem;
}

#sukhumvit-color .address-contact {
    border: 1px dotted #9ed18a;
    border-radius: 2px;
    padding: 1rem;
}

#thonglo-color .address-contact {
    border: 1px dotted #69a7b5;
    border-radius: 2px;
    padding: 1rem;
}

#pattaya-color .address-contact {
    border: 1px dotted #0abab5;
    border-radius: 2px;
    padding: 1rem;
}

.chidlom-map,
.silom-map,
.pratunam-map,
.sukhumvit-map,
.thonglo-map,
.pattaya-map {
    background-color: rgba(0, 0, 0, 0.14);
    position: relative;
}

.chidlom-map h3,
.silom-map h3,
.pratunam-map h3,
.sukhumvit-map h3,
.thonglo-map h3,
.pattaya-map h3 {
    font-size: 1.25rem;
    margin-bottom: 1.5rem;
}

#chidlom-color .room-detail-price {
    background-color: #c07b9a;
}

#pratunam-color .room-detail-price {
    background-color: #f58481;
}

#silom-color .room-detail-price {
    background-color: #a68a54;
}

#sukhumvit-color .room-detail-price {
    background-color: #9ed18a;
}

#thonglo-color .room-detail-price {
    background-color: #69a7b5;
}

#pattaya-color .room-detail-price {
    background-color: #0abab5;
}

#chidlom-color thead th,
#chidlom-color thead td,
#chidlom-color tfoot th,
#chidlom-color tfoot td {
    background-color: #c07b9a;
    border-right: 2px solid #fff;
    color: #fff;
    font-weight: 400;
}

#pratunam-color thead th,
#pratunam-color thead td,
#pratunam-color tfoot th,
#pratunam-color tfoot td {
    background-color: #f58481;
    border-right: 2px solid #fff;
    color: #fff;
    font-weight: 400;
}

#silom-color thead th,
#silom-color thead td,
#silom-color tfoot th,
#silom-color tfoot td {
    background-color: #a68a54;
    border-right: 2px solid #fff;
    color: #fff;
    font-weight: 400;
}

#sukhumvit-color thead th,
#sukhumvit-color thead td,
#sukhumvit-color tfoot th,
#sukhumvit-color tfoot td {
    background-color: #9ed18a;
    border-right: 2px solid #fff;
    color: #fff;
    font-weight: 400;
}

#thonglo-color thead th,
#thonglo-color thead td,
#thonglo-color tfoot th,
#thonglo-color tfoot td {
    background-color: #69a7b5;
    border-right: 2px solid #fff;
    color: #fff;
    font-weight: 400;
}

#pattaya-color thead th,
#pattaya-color thead td,
#pattaya-color tfoot th,
#pattaya-color tfoot td {
    background-color: #0abab5;
    border-right: 2px solid #fff;
    color: #fff;
    font-weight: 400;
}

#secondnav .top-bar-right .menu>li {
    border-left: medium none;
    border-right: medium none;
}

#secondnav .top-bar-right .menu>li:last-child {
    padding-left: 0;
    padding-right: 0;
}

.promotion-corporate-detail p {
    margin-bottom: 0;
}

.promotion-corporate-detail p a {
    margin: 1rem 0;
}

.nearby-place {
    background-color: #002561;
    border-radius: 2px;
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.5);
    color: #fff;
    left: 0.6rem;
    opacity: 0.9;
    padding: 1rem;
    position: absolute;
    top: 145px;
    width: 355px;
}

.nearby-place.pratunam-place {
    top: 159px;
}

.nearby-place.silom-place {
    top: 175px;
}

.nearby-place.sukhumvit-place {
    top: 159px;
}

.nearby-place.thonglo-place {
    top: 175px;
}

.nearby-place p {
    font-size: 0.875rem;
}

.nearby-place p.place {
    margin-bottom: 0.2rem;
}

.nearby-place p.place.margin-bottom-1rem {
    margin-bottom: 1rem;
}

.nearby-place i {
    font-size: 0.9rem;
}

.print-button i {
    font-size: 3rem;
}

#acceptCookie {
    background-color: #000;
    color: #fff;
    display: block;
    padding: 0.5rem 1rem;
    width: 100%;
}

#acceptCookie #btnConfirmCookie {
    color: #fff;
    margin-bottom: 0;
    margin-left: 0;
    text-decoration: underline;
}

#acceptCookie #btnConfirmCookie:hover {
    color: #ccc;
}

#acceptCookie .close-button {
    font-size: 1.2rem;
}

#noScript {
    background-color: #000;
    color: #fff;
    display: block;
    padding: 1rem;
    width: 100%;
}

.blog-banner {
    background: rgba(0, 0, 0, 0) url("../images/blog-cover.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.blog-banner .logo {
    left: -15%;
    margin-top: -35px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.index .time-temp-indicator {
    /* bottom:1rem;
    left: 1.5rem; */
    bottom: 6.5rem;
    left: 0rem;
    transition: bottom 1s ease-in-out 0s;
}

.rewards .time-temp-indicator {
    bottom: 6rem;
    right: 1.5rem;
    transition: bottom 1s ease-in-out 0s;
}

.blog .latest-blog div,
.blog .last-blog {
    background-color: #fff;
}

.opaque {
    opacity: 0.5;
}

.popular-post>div {
    padding-bottom: 1rem;
}

.list-element {
    padding-bottom: 2rem;
    padding-left: 0;
}

.list-element .name {
    font-weight: 700;
}

.list-element .element-content {
    background-color: #fff;
}

.ImagesContainer {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
}

#share-icon {
    float: right;
    font-weight: 700;
    margin-top: 1rem;
}

#share-icon-viewer {
    float: right;
    font-weight: 700;
    margin-top: 1rem;
}

.fa-twitter {
    background: rgba(0, 0, 0, 0) url("../images/twitter.png") no-repeat scroll left top / 24px auto;
    display: block;
    height: 24px;
    width: 24px;
}

.fa-google {
    background: rgba(0, 0, 0, 0) url("../images/google-plus.png") no-repeat scroll left top / 24px auto;
    display: block;
    height: 24px;
    width: 24px;
}

.fa-facebook {
    background: rgba(0, 0, 0, 0) url("../images/facebook.png") no-repeat scroll left top / 24px auto;
    display: block;
    height: 24px;
    width: 24px;
}

.content-feed {
    padding-bottom: 0;
}

.contact-banner {
    background: rgba(0, 0, 0, 0) url("../images/contact-cover.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.contact-banner .logo {
    left: -15%;
    margin-top: -35px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.brand-banner {
    background: rgba(0, 0, 0, 0) url("../images/brand-cover.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.brand-banner .logo {
    margin-top: -35px;
    position: relative;
    right: -15%;
    top: 40%;
    z-index: 1;
}

.brand-hotel-banner {
    background: rgba(0, 0, 0, 0) url("../images/brand-hotel-cover.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.brand-apartment-banner {
    background: rgba(0, 0, 0, 0) url("../images/Centre_Point-Serviced_Apartment.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.brand-residence-banner {
    background: rgba(0, 0, 0, 0) url("../images/brand-residences-cover.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.centrepoint-brand-hotel .time-temp-indicator {
    right: 1rem;
}

.brand-hotel-banner .logo {
    left: -20rem;
    position: relative;
    top: 40%;
    z-index: 1;
}

.brand-apartment-banner .logo {
    left: 30%;
    position: relative;
    top: 40%;
    z-index: 1;
}

.brand-residence-banner .logo {
    left: 0;
    position: relative;
    top: 40%;
    z-index: 1;
}

.centrepoint-brand h1,
.centrepoint-brand-hotel h1,
.centrepoint-brand-apartment h1,
.centrepoint-brand-residence h1 {
    margin-bottom: 3rem;
    margin-top: 1rem;
}

.centrepoint-brand h2,
.centrepoint-brand-hotel h2,
.centrepoint-brand-residence h2 {
    font-size: 1.25rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.brand-detail .highlight {
    padding-left: 2rem;
    padding-right: 2rem;
}

.brand-detail .highlight p {
    line-height: 1.3rem;
}

.business-logo {
    margin-bottom: 3rem;
    margin-top: 3rem;
}

.our-business h2 {
    margin-bottom: 3rem;
    margin-top: 2rem;
}

.our-business h3 {
    font-size: 1.0rem;
    margin-bottom: 1rem;
}

.business-title {
    border-bottom: 1px dotted #777;
    color: #777;
    font-weight: 600;
    margin: 2rem 0;
    padding: 0.5rem 0;
}

.commitments {
    background: rgba(0, 0, 0, 0) url("../images/brand-core-value-cover.jpg") no-repeat scroll left center / cover;
    height: 492px;
    position: relative;
}

.commitments .commitments-title {
    margin-left: 20%;
    margin-top: 120px;
}

.commitments h3 {
    font-size: 1.313rem;
    margin: 4.5rem 0 2rem;
    width: 70%;
}

.commitments p {
    line-height: 1.3rem;
    width: 70%;
}

.brand-hotel-branch h3,
.brand-apartment-branch h3,
.brand-residence-branch h3 {
    font-size: 1.25rem;
    text-transform: uppercase;
}

.brand-hotel-branch i,
.brand-apartment-branch i,
.brand-residence-branch i {
    margin-right: 0.5rem;
}

.brand-hotel-branch .brand-hotel-branch-detail,
.brand-apartment-branch .brand-apartment-branch-detail,
.brand-residence-branch .brand-residence-branch-detail {
    padding: 2rem 3rem 0;
}

.centrepoint-brand-hotel-branch,
.centrepoint-brand-apartment-branch,
.centrepoint-brand-residence-branch {
    margin-bottom: 4rem;
}

.centrepoint-brand-residence-branch h2 {
    margin: 3rem 0;
}

.news-banner {
    background: rgba(0, 0, 0, 0) url("../images/news-events-cover.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.news-banner .logo {
    left: 20%;
    margin-top: -35px;
    position: relative;
    top: 40%;
    z-index: 1;
}

.latest-news-element {
    background-color: #fff;
}

.latest-news-detail div {
    padding: 1rem;
}

.latest-news-detail .name {
    font-size: 1.75rem;
}

.element-news-content {
    background-color: #fff;
    padding: 1rem;
}

.element-news-content .name {
    font-size: 1.25rem;
}

.news-awards-list h2 {
    font-size: 1.5rem;
    margin-bottom: 2rem;
}

.awards-list {
    background-color: #002561;
    color: #fff;
    padding-bottom: 2rem;
}

.awards-list h2 {
    padding: 1rem 1rem 0;
}

.awards-list p {
    padding: 0 1rem 0.5rem;
}

.awards-list p.year {
    font-size: 1rem;
    padding: 1rem 1rem 0.5rem;
}

.stories-banner {
    background: rgba(0, 0, 0, 0) url("../images/stories-cover.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.stories-banner .logo {
    left: 15%;
    margin-top: -35px;
    position: relative;
    top: 40%;
    z-index: 1;
}

.stories-content-main .name {
    font-size: 1.2rem;
    padding: 1rem 0;
}

.stories-content .name {
    font-size: 1.2rem;
    font-weight: 400;
    padding: 1rem 0;
}

.arrow_box_right {
    background: #fff none repeat scroll 0 0;
    position: relative;
}

.arrow_box_right::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    border-image: none;
    border-style: solid;
    border-width: 15px;
    content: " ";
    height: 0;
    margin-top: -15px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 25%;
    width: 0;
}

.arrow_box_left {
    background: #fff none repeat scroll 0 0;
    position: relative;
}

.arrow_box_left::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #fff;
    border-image: none;
    border-style: solid;
    border-width: 15px;
    content: " ";
    height: 0;
    left: 0;
    margin-top: -15px;
    pointer-events: none;
    position: absolute;
    top: 25%;
    width: 0;
}

.booking-banner {
    background: rgba(0, 0, 0, 0) url("../images/booking-banner.jpeg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.booking-banner .logo {
    left: -20%;
    margin-top: -35px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.booking .time-temp-indicator {
    bottom: 50px;
    left: auto;
    right: 0;
}

.step-indicator {
    color: #fff;
    font-size: 1em;
    margin-top: -49px;
    position: relative;
    z-index: 1;
}

.step-indicator li {
    display: none;
    float: none;
}

.step-indicator a {
    color: #fff;
}

.step-indicator span {
    background-color: rgba(0, 0, 0, 0.8);
    display: block;
    height: 49px;
    line-height: 49px;
}

.step-indicator li.is-active {
    display: table-cell;
}

.step-indicator li.is-active span {
    background-color: #002561;
    font-weight: 700;
    position: relative;
}

.tabs-content[data-tabs-content="aware-tabs"] {
    border: 0 none;
}

.tabs-content[data-tabs-content="aware-tabs"]>.tabs-panel {
    padding: 0;
}

.refine-box {
    padding-top: 30px;
}

.refine-box h1 {
    font-size: 1.714em;
    font-weight: 400;
}

.refine-box .ghost,
.buttons.button-bottom .ghost {
    color: #242424;
}

.refine-box .dropdown-pane {
    color: #fff;
    text-align: left;
    width: 250px;
}

.refine-box .dropdown-pane a {
    color: #fff;
}

.booking-tabs {
    background-color: transparent;
    border: 0 none;
    margin-top: 4px;
}

.booking-tabs li {
    background-color: #fefefe;
    border: 1px solid #f0f0f2;
    float: none;
    text-align: center;
}

.booking-tabs li:not(:last-child) {
    border-right: 0 none;
}

.booking-tabs .tabs-title>a {
    color: #242424;
    font-size: 0.929em;
    padding: 1rem 1.5rem;
}

.booking-tabs .tabs-title.is-active {
    border-bottom: 1px solid #f7f7f7;
}

.booking-tabs .tabs-title.is-active a {
    color: #002561;
    font-weight: 700;
    text-decoration: underline;
}

.booking-tabs+.buttons button {
    margin: 0;
}

.branch-info {
    color: #818181;
    padding-bottom: 25px;
    padding-top: 30px;
}

.branch-info h2 {
    font-size: 0.875rem;
    font-weight: 700;
    padding: 0 1rem 1rem;
}

.branch-info p {
    font-size: 0.75rem;
    margin: 0;
    padding: 0 1rem;
}

.booking .tabs-panel .is-stuck {
    background-color: #fff;
    border-bottom: 1px solid #f0f0f2;
}

.is-stuck #booking-tabs .tabs-title {
    border-bottom: 0 none;
}

.is-stuck .branch-info {
    padding-bottom: 24px;
}

.box-booking-content {
    border-top: 1px solid #f0f0f2;
    margin-top: -1px;
    padding-top: 30px;
}

.box-booking-content p {
    width: auto;
}

.box-booking-content .tabs-content {
    border: 0 none;
}

.box-booking-items {
    color: #242424;
    margin-bottom: 30px;
    padding: 18px;
}

.box-booking-items h2 {
    color: #002561;
    font-size: 1.375rem;
    font-weight: 400;
}

.box-booking-items h2 em {
    font-size: 1rem;
}

.box-booking-items a {
    color: #002561;
}

.box-booking-items .btn-rate-info,
.box-booking-items .btn-room-info,
.box-booking-items .btn-show-hide {
    font-size: 0.75rem;
    margin: 10px 0;
}

.box-booking-items .btn-book-now,
.checkbox.add-item {
    display: block;
    padding: 0.85em 3em;
    width: 100%;
}

.box-booking-items .btn-room-info {
    white-space: nowrap;
}

.box-booking-items .btn-room-info::before,
.btn-show-hide::before {
    content: "add_circle_outline";
    letter-spacing: 5px;
}

.box-booking-items .btn-room-info.icon-hide::before,
.btn-show-hide.icon-hide::before {
    content: "remove_circle_outline";
    letter-spacing: 5px;
}

.box-booking-items .bookContainer {
    padding: 4rem 0;
}

.items-list {
    margin-top: 15px;
}

.items-list>li {
    border-width: 1px 0 0;
    margin: 0 -18px;
    padding: 28px 18px;
}

.booking-price-box .was-price {
    color: #666;
    margin: 0;
    text-decoration: line-through;
}

.booking-price-box .save-price {
    color: red;
    font-weight: 700;
    margin: 5px 0 0;
}

.item-price>span {
    font-size: 0.714em;
    line-height: 1.4em;
    position: absolute;
    text-align: left;
    top: 12px;
    width: 32px;
}

.item-price .item-total {
    left: 0;
}

.item-price .item-currency {
    right: 0;
}

.item-price .price {
    display: block;
    font-size: 2.143em;
    padding: 0 32px;
    position: static;
    text-align: center;
    width: auto;
}

.item-price,
.item-image {
    position: relative;
}

.item-image {
    position: relative;
}

.item-image .zoom-icon {
    color: #fff;
    font-size: 1.429em;
    padding: 0 10px;
    position: absolute;
    right: 0;
    top: 0;
}

.item-details .period-desc {
    margin: 25px 0 0;
}

.item-details select {
    font-size: 0.857em;
}

.item-price .box-qty {
    margin: 25px 0 15px;
}

.item-price .box-qty .qty {
    background-color: transparent;
    margin: 0 10px;
}

.booking .bookContainer .material-icons,
.item-price .box-qty .material-icons {
    color: #002561;
    font-size: 1.75rem;
}

.checkbox.add-item label {
    color: #002561;
    font-size: 0.929em;
    font-weight: 700;
    line-height: 1;
}

.checkbox.add-item input[type="checkbox"]+span::before {
    color: #242424;
    letter-spacing: 20px;
}

.facility-list {
    font-size: 0.857em;
}

.facility-list ul {
    margin-bottom: 10px;
}

.promo-box,
.promo-box select {
    background-color: #ebeff6;
}

.box-rewards {
    margin-bottom: 17px;
    padding: 13px;
}

.box-justify {
    margin-bottom: -1em;
    text-align: justify;
}

.box-justify::after {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 0;
    line-height: 0;
    width: 100%;
}

.box-sum {
    color: #242424;
    margin-bottom: 17px;
    padding: 25px 18px;
}

.box-sum h2 {
    font-size: 0.875rem;
    font-weight: 700;
    margin-bottom: 0;
    text-align: justify;
}

.box-sum h2>a {
    color: #242424;
    font-size: 0.5625rem;
    font-weight: 400;
    line-height: 2.222em;
}

.box-sum h4,
.item-details h4 {
    font-size: 0.875rem;
    line-height: 1.6;
    margin-bottom: 0;
}

.info-set:not(:last-child) {
    margin-bottom: 15px;
}

.box-sum label {
    color: #242424;
}

.box-sum h4+.checkbox {
    margin-top: 10px;
}

.box-sum .total-rate {
    margin: 7px 0;
}

.box-sum .tax-info {
    font-size: 0.6875rem;
    margin-top: 7px;
}

.dot-line {
    border-style: dotted;
}

.dot-line.white {
    border-color: #fff;
}

.dot-line.gray {
    border-color: #919191;
}

.dot-line.black {
    border-color: #242424;
}

.box-rewards div.buttons {
    margin-top: 30px;
}

.booking .buttons button {
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 1rem;
    padding-right: 1rem;
}

.booking .buttons button:first-child {
    margin-left: 0;
}

.booking .buttons button:last-child {
    margin-right: 0;
}

.booking .buttons button.btn-with-text {
    min-height: 51px;
    padding-bottom: 0;
    padding-top: 0;
}

.booking .btn-with-text i {
    position: relative;
}

i.double_arrow_right {
    position: relative;
}

.booking .btn-with-text i::after,
i.double_arrow_right::after {
    content: "keyboard_arrow_right";
    font-size: 1em;
    left: 25%;
    position: absolute;
    top: 0;
}

.booking button small {
    margin-top: 5px;
    text-transform: none;
}

.button.ghost {
    background-color: transparent;
    border-style: solid;
    border-width: 1px;
    box-shadow: none;
    padding: 0.6154rem 0.7692rem;
}

.button.ghost.white {
    border-color: #fff;
}

.button.ghost.blue,
.button.hollow.blue {
    border-color: #002561;
}

.buttons.button-bottom {
    margin-bottom: 30px;
}

.buttons.button-bottom .btn-rewards {
    padding-bottom: 0;
    padding-top: 0;
}

#guest-info .panel-box {
    padding-bottom: 2rem;
}

#guest-info .field-group {
    padding-bottom: 1rem;
}

#guest-info select,
#guest-info input[type="text"] {
    font-size: 0.875rem;
}

#guest-info .dot-line {
    margin-left: -18px;
    margin-right: -18px;
}

#guest-info h4 {
    font-size: 0.875rem;
    line-height: 1.6;
}

#guest-info h2+.info-set {
    padding-top: 1rem;
}

.booking .payment h1>span {
    font-size: 0.875rem;
    padding-left: 10px;
}

.booking .payment .radio {
    padding: 20px 0 30px;
}

.booking .payment .radio input[type="radio"]+span::before {
    font-size: 0.75rem;
}

.booking .confirm h1 {
    margin-top: 2rem;
}

.booking .confirm h1 .material-icons {
    font-size: 4.375rem;
    margin-right: 20px;
}

.booking .confirm h1 span.header {
    display: inline-block;
    font-size: 1.875rem;
    padding-top: 5px;
    vertical-align: top;
}

.booking .confirm .booking-info {
    color: #242424;
    font-size: 1.125rem;
}

.booking .confirm .confirm-info {
    clear: both;
    font-size: 1.125rem;
}

.booking .confirm .buttons {
    clear: both;
    margin-top: 30px;
}

.booking .confirm .buttons button {
    margin-left: 0;
    margin-right: 0;
}

.booking .confirm .box-sum h2 {
    margin-top: 20px;
}

.booking .confirm .info-set h4 {
    vertical-align: top;
    width: 40%;
}

.booking .confirm .info-set.grand-total p {
    font-size: 0.75rem;
}

.booking .confirm h1.text-error+.booking-info {
    margin-bottom: 80px;
}

.booking .confirm .error-info {
    font-size: 0.875rem;
    margin-bottom: 30px;
}

.booking .confirm .buttons .btn-tryagain {
    width: 221px;
}

.promo-cardbox .cardbox-img img {
    width: 100%;
}

.promo-cardbox .cardbox-details {
    margin-bottom: 70px;
    padding: 30px 15px 20px;
}

.cardbox-details h2 {
    color: #242424;
    font-size: 0.875rem;
    font-weight: 700;
    margin-bottom: 20px;
}

.text-success {
    color: #9fd18b;
}

.text-error {
    color: #edaf36;
}

.booking .title-bar #booking-tabs,
.booking .title-bar li.book-now,
.booking .title-bar li.continue {
    display: none;
}

.title-bar .booking-tabs .tabs-title {
    border-color: #ccc;
    border-width: 1px;
}

.title-bar .booking-tabs .tabs-title a {
    padding: 22px 20px 23px;
}

.reveal {
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.7);
}

.reveal h1,
#activateModal h1 {
    color: #002561;
    font-size: 1.875rem;
}

.reveal .close-button {
    color: #242424;
}

.reveal .close-button.gallery-close-button {
    background-color: #fff;
    color: #242424;
    margin-right: -1rem;
    margin-top: -1rem;
    padding: 1rem;
}

.reveal h4 {
    font-size: 1.125rem;
}

.reveal .promotion-description {
    padding-bottom: 20px;
}

.text-modal {
    padding: 40px;
}

.text-modal h1 {
    color: #242424;
    font-size: 1.5rem;
    margin-bottom: 40px;
}

.text-modal h2 {
    font-size: 1.125rem;
}

.text-modal h2,
.text-modal ul,
.text-modal p {
    margin-bottom: 20px;
}

.vdo-modal .close-button {
    color: #fff;
    font-size: 5rem;
}

#welcomeModal {
    border: 0 none;
    max-width: 770px;
}

#welcomeModal h1 {
    padding: 10px 0 0 20px;
}

.rewards .reveal {
    padding: 0;
}

.rewards .reveal.alert-modal {
    padding: 1rem;
}

.rewards .modal-body {
    padding: 10px 25px;
}

.rewards .alert-modal .modal-body {
    padding: 0;
}

.rewards .reveal h1,
#activateModal h1 {
    text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
}

.rewards .reveal h2,
#activateModal h2 {
    font-size: 1.5rem;
    font-weight: 400;
}

.rewards .reveal h3 {
    font-size: 1.125rem;
}

.rewards .reveal h5 {
    font-size: 0.875rem;
}

.rewards h1 img {
    display: inline-block;
    margin-right: 10px;
}

.rewards .reveal h1 img {
    width: 117px;
}

#activateModal {
    background-image: url("../images/bg-activate-modal.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

#activateModal .modal-body {
    padding: 10px;
}

#activateModal .details-box {
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.7);
    padding: 30px;
}

#activateModal .details-box p:last-child {
    padding-top: 30px;
}

#activateModal .promo-info {
    font-size: 1.125rem;
}

#activateModal .promo-info strong {
    font-size: 1.5rem;
}

#activateModal .login-form {
    background-color: rgba(255, 255, 255, 0.6);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.7);
    padding: 30px;
}

#activateModal .login-form input {
    border-color: #002561;
    padding-left: 5px;
}

#activateModal .login-form input[type="password"] {
    background-color: transparent;
    color: #999;
}

#activateModal .login-form input[type="text"]:disabled {
    background: #eee none repeat scroll 0 0;
}

#activateModal .login-form .buttons {
    padding-top: 30px;
}

a.anchor {
    display: block;
    position: relative;
    visibility: hidden;
}

.rewards-bar {
    background-color: rgba(0, 0, 0, 0.64);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.5);
    clear: both;
    font-weight: 400;
    text-transform: none;
}

.rewards-bar>.menu>li:first-child {
    padding: 0 12px 0 100px;
}

.rewards-bar .menu a {
    color: #fff;
}

.rewards-bar .menu>li>a {
    height: auto;
    padding: 8px;
}

.rewards-bar .menu>li>a>span {
    display: inline-block;
    padding: 9px 20px;
}

.rewards-bar .menu>li>a:hover>span,
.rewards-bar .dropdown-pane li:hover {
    background-color: #002561;
    box-shadow: 0 0 5px 1px rgb(255, 255, 255);
}

.rewards-bar .dropdown-pane {
    background-color: rgba(0, 0, 0, 0.64);
    border: 0 none;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.5);
    font-size: 0.875rem;
    padding-left: 0;
    padding-right: 0;
}

.rewards-bar .dropdown-pane li {
    line-height: 30px;
    padding: 0 1rem;
}

.rewards .top-bar-right>li:first-child {
    border-left: 0.2px solid #ccc;
}

.rewards-vdotitle {
    color: #fff;
    font-size: 2rem;
    left: 5%;
    position: absolute;
    top: 15%;
}

.rewards-vdotitle .h1 {
    font-size: 2rem;
}

.rewards-vdotitle .h1 img {
    display: block;
}

.rewards h1 {
    font-size: 1.5rem;
}

.rewards-highlight .image-wrapper {
    margin-bottom: 30px;
}

.rewards-highlight .details {
    padding: 15px;
}

.rewards-highlight h2,
.rewards-highlight p {
    font-size: 1.125rem;
    position: relative;
}

.rewards-highlight .image-overlay-content,
.rewards-highlight .image-overlay-content a {
    color: #fff;
    font-size: 1.125rem;
}

.rewards-highlight .image-overlay-content h2 {
    margin-top: 2rem;
}

.rewards-highlight .overlay-detail {
    padding-top: 1rem;
}

.rewards-highlight .overlay-detail li {
    line-height: 2.125rem;
}

.rewards-highlight .overlay-detail li:hover {
    background-color: #002561;
}

.rewards-highlight .image-overlay-content .buttons {
    padding-top: 2rem;
}

.rewards-highlight .image-overlay-content button {
    background-color: transparent;
    border-radius: 4px;
    border-style: solid;
    border-width: 2px;
    transition: all 0.4s ease-in-out 0s;
}

.rewards-highlight button.orange {
    border-color: #e6ba6e;
}

.rewards-highlight button.orange:hover {
    background-color: #e6ba6e;
}

.rewards-highlight button.red {
    border-color: #f48580;
}

.rewards-highlight button.red:hover {
    background-color: #f48580;
}

.rewards-highlight button.green {
    border-color: #9fd18b;
}

.rewards-highlight button.green:hover {
    background-color: #9fd18b;
}

.box-memcard {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #002561 #002561 currentcolor;
    border-image: none;
    border-radius: 10px 10px 0 0;
    border-style: solid solid none;
    border-width: 2px 2px 0;
    height: auto;
    padding: 6px;
    position: fixed;
    right: 71px;
    text-align: center;
    top: 5rem;
    transform: rotate(270deg);
    transition: all 0.6s ease-in-out 0s;
    width: 200px;
    z-index: 3;
}

.box-memcard .img-memcard {
    transform: rotate(180deg);
}

.member-info {
    color: #fff;
    font-style: italic;
    position: fixed;
    right: 15px;
    text-transform: none;
    top: 17rem;
    transition: all 0.6s ease-in-out 0s;
    width: 270px;
    z-index: 3;
}

.member-info p {
    margin: 0;
}

.box-memcard.collapsed+.member-info {
    right: -270px;
}

.img-memcard {
    max-width: 100%;
}

.btn-member-info {
    color: #002561;
    height: 40px;
    padding: 0 0 10px;
    position: relative;
    text-transform: uppercase;
}

.btn-member-info img {
    height: auto;
    margin-right: 10px;
    vertical-align: bottom;
    width: 18px;
}

.btn-member-info i {
    font-size: 0.875rem;
}

.btn-member-info i::before {
    content: "keyboard_arrow_down";
    position: absolute;
    top: 0.625rem;
}

.box-memcard.collapsed {
    right: -227px;
    transition: all 0.6s ease-in-out 0s;
}

.box-memcard.collapsed .btn-member-info i::before {
    content: "keyboard_arrow_up";
}

.header-w-line {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.header-w-line::before,
.header-w-line::after,
.use-points a.accordion-title::after,
.myacc a.accordion-title::after {
    border-style: solid;
    content: "";
    font-size: 0;
    left: 50%;
    line-height: 0;
    position: absolute;
    top: 100%;
}

.header-w-line::before {
    border-color: #242424;
    border-width: 0 0 1px;
    height: 0;
    margin-left: -25%;
    width: 50%;
}

.header-w-line::after,
.use-points a.accordion-title::after,
.myacc a.accordion-title::after {
    border-color: #242424;
    border-width: 3px;
    display: inline-block;
    height: 1px;
    margin-left: -3px;
    margin-top: -3px;
    transform: rotate(45deg);
    width: 1px;
}

.header-w-line.white {
    color: #fff;
}

.header-w-line.white::before,
.header-w-line.white::after {
    border-color: #fff;
}

.ribbon-wrap {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.corner-ribbon {
    background: #002561 none repeat scroll 0 0;
    color: #fff;
    font-weight: 700;
    left: -50px;
    letter-spacing: 1px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    top: 50px;
    transform: rotate(-45deg);
    width: 240px;
}

.corner-ribbon::before {
    border: 3px solid #002561;
    content: "";
    display: block;
    font-weight: 700;
    position: absolute;
    transform: rotate(-45deg);
    z-index: -1;
}

.corner-ribbon.shadow {
    box-shadow: 0 -2px 0 rgb(255, 255, 255), 0 2px 0 rgb(255, 255, 255), 0 5px 10px rgba(0, 0, 0, 0.1);
}

.corner-ribbon.top-left {
    left: -50px;
    top: 50px;
    transform: rotate(-45deg);
}

.corner-ribbon.top-right {
    left: auto;
    right: -50px;
    top: 50px;
    transform: rotate(45deg);
}

.corner-ribbon.bottom-left {
    bottom: 50px;
    left: -50px;
    top: auto;
    transform: rotate(45deg);
}

.corner-ribbon.bottom-right {
    bottom: 50px;
    left: auto;
    right: -50px;
    top: auto;
    transform: rotate(-45deg);
}

.corner-ribbon.highlight {
    background: #ed7f00 none repeat scroll 0 0;
}

.corner-ribbon.highlight::before {
    border-color: #ed7f00;
}

.corner-ribbon.top-right::before {
    border-right-color: transparent;
    border-top-color: transparent;
    left: 0;
    top: 39px;
}

.corner-ribbon.stick-ribbon {
    position: fixed;
}

.corner-ribbon img.logo-goodtime {
    max-width: 70%;
}

.rewards .sm-vdo-img img {
    margin-top: 5px;
    width: 100%;
}

.sitemap {
    padding: 30px 0;
}

.sitemap .large-4:first-child>div {
    width: 33.3333%;
}

.sitemap .link-set {
    width: 8%;
}

.sitemap .link-set:first-child,
.sitemap .link-set:last-child {
    width: 5%;
}

.sitemap .link-set:nth-child(4) {
    width: 10%;
}

.sitemap .link-set:nth-child(5) {
    width: 11%;
}

.sitemap h4 {
    color: #002561;
    font-size: 0.875rem;
}

.sitemap li {
    /* font-size: 0.75rem;
    padding-bottom: 5px; */
    font-size: 0.55rem;
    padding-bottom: 10px;
}

.sitemap ul a {
    color: #333;
}

.csr-banner {
    background: rgba(0, 0, 0, 0) url("../images/Centre_Point-CSR.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.csr-banner .logo {
    left: -30%;
    margin-top: -35px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.csr-type-about .csr-detail-main {
    padding: 2rem 0 2rem 4rem;
}

.csr-type-about .csr-detail-main p {
    border-right: 1px solid #ccc;
    margin-bottom: 0;
    padding-bottom: 2rem;
    padding-right: 4rem;
}

.csr-type-about .csr-detail-main p:last-child {
    padding-bottom: 0;
}

.csr-type-about .csr-detail div {
    padding: 2rem 4rem;
}

.latest-csr,
.humanity-csr,
.environment-csr {
    background-color: #fff;
}

.latest-csr .name,
.humanity-csr .name,
.environment-csr .name {
    font-size: 1.25rem;
}

.humanity-csr .csr-logo,
.environment-csr .csr-logo {
    margin-top: 40%;
}

.csr-logo {
    margin: 1rem;
}

.taste-banner {
    background: rgba(0, 0, 0, 0) url("../images/taste-cover.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.taste-banner .logo {
    left: 0;
    position: relative;
    top: 40%;
    z-index: 1;
}

.taste-list>div>div {
    clear: both;
    overflow: hidden;
}

.rewards .box-content {
    color: #666;
    padding-top: 30px;
}

.rewards .sticky-container {
    z-index: 2;
}

#rewards-content nav {
    margin-top: 40px;
}

#rewards-content nav ul {
    margin: 50px 0 0;
    padding-bottom: 50px;
}

#rewards-content nav li {
    margin-bottom: 10px;
}

#rewards-content nav i {
    font-size: 2.25rem;
}

#rewards-content nav>ul a {
    background-color: #f7f7f7;
    height: auto;
    padding: 2px 0;
    transition: all 0.4s ease-in-out 0s;
    width: 85%;
}

#rewards-content nav>ul a.active {
    background-color: #002561;
    color: #fff;
    font-weight: 700;
    width: 100%;
}

.rewards .box-content h1 {
    color: #242424;
    font-size: 2.25rem;
    margin: 50px 0;
    text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.15);
}

.rewards .box-content h3 {
    color: #242424;
    font-size: 0.875rem;
    font-weight: 700;
    padding-top: 20px;
}

.terms-faqs .box-content ul {
    margin: 0 0 30px 50px;
}

.rewards .box-content a {
    color: #666;
}

.rewards .box-content .answer a {
    color: #337ab7;
    text-decoration: underline;
}

.rewards .box-content .sub-header {
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.24);
    color: #fff;
    font-size: 1.875rem;
    font-weight: 700;
    margin-bottom: 48px;
    padding: 10px 18px;
    position: relative;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.24);
}

.rewards .box-content .sub-header::before {
    border: 1px dashed #fff;
    content: "";
    height: calc(100% - 10px);
    left: 5px;
    position: absolute;
    top: 5px;
    width: calc(100% - 10px);
}

.rewards .box-content div[data-magellan-target],
.step-graph:last-of-type {
    margin-bottom: 50px;
    padding-bottom: 100px;
}

.sub-header i {
    font-size: 3rem;
}

.btn-to-top {
    bottom: 20px;
    color: #fff;
    margin: 0;
    position: fixed;
    right: 20px;
    z-index: 3;
}

.terms-faqs .sub-header {
    background-color: #c07b9a;
}

.loading {
    background-image: url("../images/stopwatch-gif-preloader.gif");
    background-repeat: no-repeat;
    display: block;
    height: 50px;
    margin: 20px auto 10px;
    width: 40px;
}

.loading-mini {
    background-image: url("../images/stopwatch-gif-preloader-mini.gif");
    background-repeat: no-repeat;
    display: block;
    height: 38px;
    margin: 20px auto 10px;
    width: 30px;
}

#blockUI .loading-message {
    color: #002561;
}

.blockOverlay {
    background-color: #fff;
    opacity: 0.95;
}

.alert-modal {
    border-radius: 10px;
}

.alert-modal .heading {
    color: #000;
    font-size: 1rem;
    letter-spacing: 0.2rem;
    text-align: center;
    text-transform: uppercase;
}

.alert-modal .modal-head {
    background: rgba(0, 0, 0, 0) url("../images/modal-head-1.png") no-repeat scroll center top / 350px auto;
    height: 160px;
}

.alert-modal.warning-modal .modal-head,
.alert-modal.error-modal .modal-head {
    background: rgba(0, 0, 0, 0) url("../images/modal-head-2.png") no-repeat scroll center top / 350px auto;
    height: 160px;
}

.alert-modal .message {
    color: #777;
    padding: 1rem;
    text-align: center;
}

.alert-modal .modal-body p:last-child,
.alert-modal .modal-body button {
    margin-bottom: 0;
}

.alert-modal .modal-body button {
    border-radius: 10px;
}

.our-program .sub-header {
    background-color: #8088b0;
}

.mlevels-graph {
    height: 678px;
    margin: 0 auto;
    max-width: 671px;
}

.earn-points .sub-header {
    background-color: #f48580;
}

#earn-points-box h3.trajanpro-regular {
    color: #002561;
    font-size: 1.125rem;
    font-weight: 400;
    margin-left: auto;
    margin-right: auto;
}

.step-graph {
    margin: 0 auto;
    max-width: 600px;
    position: relative;
}

#how-to-earn .step-graph ul {
    margin-top: 50px;
}

#how-to-redeem h4 {
    color: #242424;
    font-size: 1.5rem;
    font-weight: 700;
    padding: 40px 0 0;
}

.earn-points .ribbon-wrap {
    margin-bottom: 5px;
}

.earn-points .ribbon+img,
.corner-ribbon+img {
    margin-top: 5px;
}

.image-overlay-content.show-header {
    color: #fff;
    padding: 0 15px;
}

.image-overlay-content.show-header a {
    color: #fff;
}

.image-overlay-content.show-header h2 {
    font-size: 1.125rem;
    line-height: 2.5rem;
    margin-bottom: 0;
}

.redemption-cancel {
    text-align: center;
    text-decoration: underline;
}

.redemption-cancel:hover,
.redemption-cancel:active,
.redemption-cancel:visited {
    font-weight: 700;
}

.use-points .sub-header {
    background-color: #ffce7b;
}

.hotel-logos img {
    margin: 0 45px 20px 0;
    width: 150px;
}

.rooms-list .accordion-item::after,
.rooms-list .accordion-title::before,
.item-list .accordion-item::after,
.item-list .accordion-title::before {
    content: "keyboard_arrow_down";
    right: 0;
}

.rooms-list .accordion-item::after,
.item-list .accordion-item::after {
    color: #002561;
    font-size: 1.125rem;
    position: absolute;
    top: 25px;
}

.rooms-list .accordion-item.is-active::after,
.rooms-list .accordion-item.is-active>.accordion-title::before,
.item-list .accordion-item.is-active::after,
.item-list .accordion-item.is-active>.accordion-title::before {
    content: "keyboard_arrow_up";
}

.rooms-list .accordion-item.is-active .accordion-title .branch-name {
    font-size: 0;
    height: 0;
}

.rooms-list {
    color: #666;
}

.rooms-list .branch-name {
    float: right;
    padding-right: 20px;
    transition: all 0.4s ease 0s;
}

#rewards-content .accordion-content {
    border: 0 none;
    color: #666;
    padding: 30px 0;
}

.rooms-list .accordion-content h3 {
    font-weight: 400;
    margin-bottom: 40px;
    padding: 0;
}

.rooms-list button {
    background-color: #ffce7b;
    font-weight: 700;
    padding-left: 2rem;
    padding-right: 2rem;
}

.rooms-list .accordion-item,
.item-list .accordion-item {
    position: relative;
}

#rewards-content a.accordion-title {
    background-color: transparent;
    border-color: #002561;
    border-style: solid;
    border-width: 0 0 1px;
    color: #002561;
    font-size: 1.125rem;
    padding: 1.25rem 0;
    position: relative;
}

.benefits .sub-header {
    background-color: #82bf69;
}

.table-shadow {
    border-radius: 10px;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

.benefits-summary td img {
    margin: 20px 0;
}

.benefits-summary td h4 {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 400;
    margin: 0;
    padding: 5px 0;
}

.benefits-summary tr:nth-of-type(2) th {
    padding-bottom: 0;
    padding-top: 0;
}

.benefits-summary tr:nth-of-type(2) td {
    border-bottom: 1px solid #fff;
    padding: 0;
    vertical-align: bottom;
}

.benefits-summary tr th {
    background-color: #fff;
    border-bottom: 1px dotted #ccc;
    color: #002561;
    text-align: left;
}

.benefits-summary tr td {
    border-right: 1px solid #fff;
}

.benefits-summary tr td:nth-of-type(1) {
    background-color: rgba(0, 37, 97, 0.1);
    color: #002561;
}

.benefits-summary tr td:nth-of-type(1) h4 {
    background-color: #002561;
}

.benefits-summary tr td:nth-of-type(2) {
    background-color: rgba(177, 177, 177, 0.1);
    color: #b1b1b1;
}

.benefits-summary tr td:nth-of-type(2) h4 {
    background-color: #b1b1b1;
}

.benefits-summary tr td:nth-of-type(3) {
    background-color: rgba(190, 135, 61, 0.1);
    color: #be873d;
}

.benefits-summary tr td:nth-of-type(3) h4 {
    background-color: #be873d;
}

.benefits-summary tr:last-of-type th,
.benefits-summary tr:last-of-type td {
    border-bottom: 0 none;
}

.benefits-summary tr td:last-of-type {
    border-right: 0 none;
}

#benefits-box .table-shadow+small {
    font-size: 0.75rem;
}

#benefits-box .image-wrapper img {
    width: 100%;
}

#exclusive-discounts>ul,
#exclusive-discounts .accordion-content>ul {
    margin: 0 0 30px 50px;
}

#exclusive-discounts ul.tabs,
.myacc #mypoints-tabs {
    border: 0 none;
    margin: 0;
    position: relative;
    z-index: 1;
}

#exclusive-tabs .tabs-title,
#mypoints-tabs .tabs-title {
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    margin: 0 10px 10px 0;
}

#exclusive-tabs .tabs-title>a,
#mypoints-tabs .tabs-title>a {
    background-color: transparent;
    color: #fff;
    font-size: 0.875rem;
    text-align: center;
}

#exclusive-tabs .tabs-title>a>i,
#mypoints-tabs .tabs-title>a>i {
    font-size: 2.25rem;
}

#exclusive-tabs .tabs-title i+span,
#mypoints-tabs .tabs-title i+span {
    display: block;
}

#exclusive-tabs .tabs-title.is-active,
#mypoints-tabs .tabs-title.is-active {
    background-color: #002561;
    position: relative;
}

#exclusive-tabs .tabs-title.is-active::after,
#mypoints-tabs .tabs-title.is-active::after {
    border-color: transparent transparent #002561;
    border-style: solid;
    border-width: 7px;
    bottom: -10px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -7px;
    position: absolute;
    width: 0;
}

#exclusive-discounts .tabs-content,
#mypoints-tabs+.tabs-content {
    border-top: 3px solid #002561;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1;
}

#exclusive-discounts .tabs-panel {
    padding: 0;
}

.partner-logo {
    border-bottom: 2px solid #002561;
    margin: 0 1% 2rem;
    padding: 2rem 0;
    text-align: center;
    vertical-align: middle;
}

.partner-logo img {
    display: inline-block;
    margin: 0 10px;
}

#exclusive-discounts .item-list {
    padding: 0.5rem 0 1rem;
}

#exclusive-discounts .item-list h3 {
    color: #242424;
    font-size: 1.5rem;
    font-weight: 400;
}

#exclusive-discounts .item-image img {
    border-radius: 60px 0;
}

#exclusive-discounts .item-logo img {
    max-width: 100%;
}

#exclusive-discounts .accordion {
    margin: 0;
}

#exclusive-discounts .accordion-item::after {
    right: 1%;
    top: 1px;
}

#exclusive-discounts a.accordion-title {
    margin: 0 auto;
    padding: 0 0 0.5rem;
    width: 98%;
}

#exclusive-discounts .accordion-title span {
    font-size: 0.875rem;
    padding-right: 20px;
}

#exclusive-discounts .accordion-content {
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 10px;
    color: #fff;
    margin: 20px;
    padding: 20px;
    position: relative;
}

#exclusive-discounts .accordion-content::after {
    border-bottom: 1px solid #002561;
    bottom: -20px;
    content: "";
    left: 0;
    position: absolute;
    width: 100%;
}

#exclusive-discounts .accordion-content h4 {
    font-size: 1.125rem;
}

#exclusive-discounts .accordion-content a {
    color: #f5ee31;
}

.myacc .sub-header {
    background-color: rgba(0, 0, 0, 0.6);
}

#my-points .remark-info {
    margin-bottom: 4rem;
}

#mypoints-tabs+.tabs-content .tabs-panel {
    overflow: auto;
    width: 100%;
}

.myacc .header-w-line {
    color: #002561;
    display: inline-block;
    font-size: 1.125rem;
    position: relative;
}

.myacc .header-w-line::before {
    margin-left: -50%;
    width: 100%;
}

.myacc .tabs-panel table {
    margin: 0;
}

#my-benefits table {
    margin: 60px 0;
}

.myacc thead {
    background: rgba(0, 0, 0, 0) linear-gradient(#757575, #212121) repeat scroll 0 0;
}

.myacc tr>th {
    border-right: 1px solid #fff;
    color: #fff;
}

.myacc .datepicker-days tr>th {
    color: #000;
}

.myacc tr>td {
    border-right: 1px solid #ccc;
}

.myacc tr>th:last-child,
.myacc tr>td:last-child {
    border-right: 0 none;
}

.myacc tr:last-child td {
    border-bottom: 0 none;
}

.my-card-box {
    display: inline-block;
    left: 50%;
    margin-left: -122px;
    position: relative;
}

.my-card-info {
    bottom: 41%;
    color: #fff;
    font-style: italic;
    left: 7%;
    position: absolute;
    width: 360px;
}

.my-card-info p {
    margin: 0;
}

.signin h1 span {
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: bottom;
}

.signin .required-desc {
    bottom: 17px;
    color: #666;
    font-size: 0.875rem;
    position: absolute;
    right: 0;
}

.signin .field-group {
    padding-bottom: 1rem;
}

.signin .box-content a {
    color: #002561;
}

.register h1 small {
    color: #242424;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 0.875rem;
    padding-top: 4px;
    text-shadow: none;
}

.register .radio.display-inline-block {
    margin-right: 2rem;
}

.blog-post h1 {
    font-size: 2.0rem;
}

.blog-post h2 {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 30px 0 20px;
}

.blog-post h2.trajanpro-regular {
    font-weight: 400;
}

.blog-post .details h2:first-child {
    color: #686868;
}

.blog-post .details h2:first-child+p {
    color: #686868;
    font-size: 1.125rem;
}

.blog-post h3 {
    font-size: 1.25rem;
    margin-bottom: 20px;
    padding-top: 20px;
}

.blog-post .details p {
    margin-bottom: 20px;
}

.blog-post .datestamp {
    color: #999;
    margin-bottom: 30px;
}

.blog-post .ImagesContainer {
    border: 0 none;
}

.blog-post .bgbox-default {
    padding: 20px 30px;
}

.blog-post .pagination li {
    font-size: 0.8125rem;
    margin: 10px 0 0;
    text-transform: uppercase;
}

.blog-post .pagination p {
    font-size: 0.75rem;
    margin: 0;
}

.blog-post .pagination a {
    padding: 0;
}

.blog-post .pagination-previous p {
    padding-left: 32px;
}

.blog-post .pagination-next p {
    padding-right: 32px;
}

.blog-post .pagination-previous a::before {
    content: "keyboard_arrow_left";
    font-size: 1.5rem;
    vertical-align: top;
}

.blog-post .pagination-next a::after {
    content: "keyboard_arrow_right";
    font-size: 1.5rem;
    vertical-align: top;
}

.gallery-cover {
    background: rgba(0, 0, 0, 0) url("../images/gallery-cover.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.gallery-cover .logo {
    left: 0;
    margin-top: -35px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.chidlom-gallery-cover {
    background: rgba(0, 0, 0, 0) url("../images/Centre_Point-Chidlom-Gallery.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.chidlom-gallery-cover .logo {
    left: 0;
    margin-top: -115px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.pratunam-gallery-cover {
    background: rgba(0, 0, 0, 0) url("../images/Centre_Point-Pratunam-Gallery.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.pratunam-gallery-cover .logo {
    left: 0;
    margin-top: -145px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.silom-gallery-cover {
    background: rgba(0, 0, 0, 0) url("../images/Centre_Point-Silom-Gallery.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.silom-gallery-cover .logo {
    left: 20%;
    margin-top: -85px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.sukhumwit-gallery-cover {
    background: rgba(0, 0, 0, 0) url("../images/Centre_Point-Sukhumvit-Gallery.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.sukhumwit-gallery-cover .logo {
    left: 0;
    margin-top: -145px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.thonglo-gallery-cover {
    background: rgba(0, 0, 0, 0) url("../images/Centre_Point-Thong_Lo-Gallery.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.thonglo-gallery-cover .logo {
    left: -20%;
    margin-top: -35px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.pattaya-gallery-cover {
    background: rgba(0, 0, 0, 0) url("../images/centre_point-pattaya-gallery.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.pattaya-gallery-cover .logo {
    left: 0;
    margin-top: -85px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.gallery-link {
    clear: both;
    margin: 0 0 1rem;
    overflow: hidden;
}

.gallery-link .orbit-link {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    clear: both;
    float: right;
    margin-top: 0;
    overflow: hidden;
}

.gallery-link .orbit-link button {
    float: left;
    margin: 0.5rem 0 0 2rem;
    padding-bottom: 0.5rem;
}

.gallery-link button {
    color: gray;
}

.gallery-link button.is-active {
    color: #000;
}

.gallery-slider {
    padding: 1rem 0 3rem;
}

.gallery-name {
    margin-bottom: 0;
    padding: 1rem 0;
}

.privacy-banner {
    background: rgba(0, 0, 0, 0) url("../images/Centre-Point-Chidlom-Room2.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.term-banner {
    background: rgba(0, 0, 0, 0) url("../images/Centre-Point-Pratunam-Relax.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.site-map-banner {
    background: rgba(0, 0, 0, 0) url("../images/Centre-Point-Pratunam-Swimming-Pool.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.faq-banner {
    background: rgba(0, 0, 0, 0) url("../images/Centre-Point-Silom-One-Bedroom-Chaophraya-Grand-Suite_9.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

section ul {
    clear: both;
}

.content-container section.privacy-policy-detail,
.content-container section.term-and-condition-detail,
.content-container section.site-map-detail,
.content-container section.faq-detail {
    padding-top: 0;
}

section.privacy-policy-detail h1,
section.term-and-condition-detail h1,
section.site-map-detail h1,
section.faq-detail h1 {
    margin-bottom: 2rem;
    padding-left: 0;
}

section.privacy-policy-detail h2,
section.term-and-condition-detail h2,
section.site-map-detail h2,
section.faq-detail h2 {
    color: #002561;
    font-size: 1.25rem;
    margin-top: 1rem;
}

section.site-map-detail h4 {
    color: #002561;
    font-size: 0.95rem;
    margin-top: 1rem;
    font-weight: bold;
}

section.privacy-policy-detail ul,
section.term-and-condition-detail ul,
section.site-map-detail ul,
section.faq-detail ul {
    /* margin-left: 2rem; */
    margin-left: 0;
}

section.privacy-policy-detail ul li,
section.term-and-condition-detail ul li,
section.site-map-detail ul li,
section.faq-detail ul li {
    /* padding-left: 0.5rem; */
    padding-left: 0;
    font-size: 0.75rem;
}

section.site-map-detail ul li a {
    color: #000000;
}

.contact-detail .contact-node {
    margin: 2rem 0;
}

.contact-detail p {
    font-size: 1.0rem;
    font-weight: 700;
}

.contact-detail ul li {
    display: block;
    float: left;
    padding: 0.25rem 0;
    width: 100%;
}

.contact-detail ul li i {
    float: left;
}

.contact-detail ul li span {
    display: block;
    padding-left: 2.5rem;
}

.contact-detail .contact-node p {
    cursor: pointer;
}

.chidlom-contact-cover {
    background: rgba(0, 0, 0, 0) url("../images/Centre_Point-Chidlom-Contact_Us.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.chidlom-contact-cover .logo {
    left: 0;
    margin-top: -35px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.pratunam-contact-cover {
    background: rgba(0, 0, 0, 0) url("../images/Centre_Point-Pratunam-Contact.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.pratunam-contact-cover .logo {
    left: -30%;
    margin-top: -35px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.silom-contact-cover {
    background: rgba(0, 0, 0, 0) url("../images/Centre_Point-Silom-Contact.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.silom-contact-cover .logo {
    left: -20%;
    margin-top: -55px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.sukhumwit-contact-cover {
    background: rgba(0, 0, 0, 0) url("../images/Centre_Point-Sukhumvit-Contact.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.sukhumwit-contact-cover .logo {
    left: -15%;
    margin-top: -105px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.pattaya-contact-cover {
    background: rgba(0, 0, 0, 0) url("../images/centre_point-pattaya-contact.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.pattaya-contact-cover .logo {
    left: -15%;
    margin-top: -105px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.thonglo-contact-cover {
    background: rgba(0, 0, 0, 0) url("../images/Centre_Point-Thong_Lo-Contact.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.thonglo-contact-cover .logo {
    left: -32%;
    margin-top: -35px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.chidlom-review-cover {
    background: rgba(0, 0, 0, 0) url("../images/Centre_Point-Chidlom-Review.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.chidlom-review-cover .logo {
    left: 5%;
    margin-top: -85px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.pratunam-review-cover {
    background: rgba(0, 0, 0, 0) url("../images/Centre_Point-Pratunam-Review.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.pratunam-review-cover .logo {
    left: -20%;
    margin-top: -35px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.silom-review-cover {
    background: rgba(0, 0, 0, 0) url("../images/Centre_Point-Silom-Review.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.silom-review-cover .logo {
    left: 20%;
    margin-top: -85px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.sukhumwit-review-cover {
    background: rgba(0, 0, 0, 0) url("../images/Centre_Point-Sukhumvit-Review.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.sukhumwit-review-cover .logo {
    left: -25%;
    margin-top: -145px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.thonglo-review-cover {
    background: rgba(0, 0, 0, 0) url("../images/Centre_Point-Thong_Lo-Review.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.thonglo-review-cover .logo {
    left: 0;
    margin-top: -155px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.chidlom-meeting-cover {
    background: rgba(0, 0, 0, 0) url("../images/Centre_Point-Chidlom-Meeting.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.chidlom-meeting-cover .logo {
    left: -30%;
    margin-top: -55px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.pratunam-meeting-cover {
    background: rgba(0, 0, 0, 0) url("../images/Centre_Point-Pratunam-Meeting.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.pratunam-meeting-cover .logo {
    left: 0;
    margin-top: -100px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.silom-meeting-cover {
    background: rgba(0, 0, 0, 0) url("../images/Centre_Point-Silom-Meeting.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.silom-meeting-cover .logo {
    left: 0;
    margin-top: -105px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.sukhumwit-meeting-cover {
    background: rgba(0, 0, 0, 0) url("../images/Centre_Point-Sukhumvit-Meeting.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.sukhumwit-meeting-cover .logo {
    left: 25%;
    margin-top: -145px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.thonglo-meeting-cover {
    background: rgba(0, 0, 0, 0) url("../images/Centre_Point-Thong_Lo-Meeting.jpg") no-repeat scroll center center / cover;
    height: 426px;
    position: relative;
}

.thonglo-meeting-cover .logo {
    left: 0;
    margin-top: -145px;
    position: relative;
    top: 50%;
    z-index: 1;
}

.meeting-feed .meeting-detail {
    padding: 1rem 2rem;
}

.meeting-feed .meeting-detail h3 {
    font-size: 1.7rem;
}

.room-node h3 {
    float: left;
    font-size: 1.5rem;
}

.room-node .view-floor-plan {
    float: right;
    padding-top: 0.3rem;
    text-decoration: underline;
}

.room-node .meeting-room-detail,
.room-node .meeting-room-title {
    clear: both;
    display: block;
    overflow: hidden;
    padding-bottom: 1rem;
}

.room-node .meeting-room-detail i {
    font-size: 1rem;
}

.room-detail-price {
    border-right: 2px solid #fff;
    color: #fff;
}

.room-detail-price p:first-child {
    margin-bottom: 0;
    padding: 1rem 0 0;
}

.room-detail-price p:last-child {
    margin-bottom: 0;
    padding: 0 0 1rem;
}

tbody tr td {
    border-bottom: 1px dotted #ccc;
}

thead,
tbody,
tfoot {
    border: medium none;
}

#bookingBarHome .error,
#bookingBottom .error {
    color: #fff;
    text-align: left;
}

#formLoginModal .error,
#formRegister .error,
#formContact .error,
#formForgetPassword .error {
    color: #fb5450;
    text-align: left;
}

.error {
    color: #242424;
}

.error h1 {
    color: #002561;
    font-size: 3rem;
    margin: 2rem 0 1rem;
}

.error h1 img {
    display: inline-block;
    margin-right: 1rem;
}

.error h1 span {
    font-size: 4rem;
    font-weight: 700;
}

.error h2 {
    margin: 2rem 0 1rem;
}

.error404 .site-map {
    margin-top: 2rem;
}

.gender-null {
    background: rgba(0, 0, 0, 0) url("../images/gender-2x.png") no-repeat scroll 0 0 / 18px 18px;
    display: block;
    height: 18px;
    width: 18px;
}

.gender-F {
    background: rgba(0, 0, 0, 0) url("../images/female-2x.png") no-repeat scroll 0 0 / 18px 18px;
    display: block;
    height: 18px;
    width: 18px;
}

.gender-M {
    background: rgba(0, 0, 0, 0) url("../images/male-2x.png") no-repeat scroll 0 0 / 18px 18px;
    display: block;
    height: 18px;
    width: 18px;
}

#stories-video {
    height: 550px;
}

.rewards-header {
    position: relative;
}

.rewards-header img {
    height: auto;
    margin-top: 38px;
    width: 100%;
}

.rewards-header .time-temp-indicator {
    bottom: 0;
}

section.rewards-header {
    padding-bottom: 0;
}


/*Mobile*/

@media screen and (max-width: 39.9375em) {
    .time-temp-indicator {
        background-color: #242424;
        bottom: 0;
        left: 0;
        overflow: hidden;
        position: static;
        width: 100%;
    }
    .time-temp-indicator.menu li {
        border: 0 none;
    }
    .time-temp-indicator li span {
        font-size: 1rem;
        line-height: 3.125rem;
    }
    #weather {
        float: right;
    }
    #weather i {
        font-size: 3.125rem;
        margin-top: 0;
    }
    #widemenu {
        display: none;
    }
    #bookPanel {
        height: auto;
        padding: 1rem;
        top: 55px;
        display: none;
    }
    #bookPanel .bookContainer {
        margin-top: 0;
    }
    #bookPanel .bookContainer div div {
        margin: 0 0 0.5rem;
        padding: 0;
    }
    .booking .bookContainer .desc,
    #bookPanel .bookContainer .desc {
        text-align: right;
        width: 100px;
    }
    #bookPanel .bookContainer>div:nth-child(2) {
        height: 170px;
    }
    #bookPanel .bookContainer>div:nth-child(2) .button {
        margin-top: 0.5rem;
        width: 85%;
    }
    h1 {
        font-size: 1.8rem;
    }
    .index .bgbox-container p {
        margin: auto;
        width: 90%;
    }
    .properties-logo {
        margin: 2rem auto;
        text-align: center;
        width: 100%;
    }
    .content-container section {
        padding: 2rem 0;
    }
    .bgbox-container p.insta-tag {
        margin: auto auto 1rem;
    }
    .content-feed .details .heading {
        font-size: 1.5rem;
        line-height: 1.5rem;
    }
    #share-icon {
        margin-top: 0;
    }
    .jssocials-share {
        margin: 0 0.5em 0 0;
    }
    .jssocials-shares {
        margin: 0 0.5rem;
    }
    h2 {
        font-size: 2rem;
    }
    .list-element {
        padding-bottom: 1rem;
        padding-left: 0.625rem;
    }
    .blog-banner .logo {
        left: -10%;
        width: 60%;
    }
    .chidlom-logo,
    .pratunam-logo,
    .silom-logo,
    .sukhumvit-logo,
    .thonglo-logo {
        left: 10%;
        position: absolute;
        top: 100px;
    }
    .chidlom-logo img,
    .pratunam-logo img,
    .silom-logo img,
    .sukhumvit-logo img,
    .thonglo-logo img {
        height: 50%;
        width: 50%;
    }
    .branch-detail h1 {
        margin-bottom: 1rem;
    }
    .branch-link p {
        float: left;
        margin-right: 0.2rem;
        width: 49%;
    }
    .orbit-container .room-slider,
    .orbit-container .facilities-slider {
        margin-left: 0;
        margin-right: 0;
    }
    .orbit-container .room-slider .room-slider-image {
        padding-left: 0;
        padding-right: 0;
    }
    .orbit-container .facilities-slider .facilities-slider-image {
        padding-right: 0;
    }
    .orbit-container .facilities-slider .facilities-slider-detail {
        padding-right: 0;
    }
    .facilities-link .orbit-link button {
        margin-bottom: 0.5rem;
        margin-right: 1rem;
    }
    .branch-logo-nav {
        display: none;
    }
    .facilities-link button {
        font-size: 0.75rem;
        margin: 0.5rem 0.9rem;
    }
    .promotion-node {
        padding-left: 10px;
    }
    .box-memcard {
        right: 66px;
        width: 180px;
    }
    .member-info {
        top: 15rem;
        width: 244px;
    }
    .box-memcard.collapsed {
        right: -200px;
    }
    .box-memcard.collapsed+.member-info {
        right: -244px;
    }
    #secondnav .menu>li>a {
        padding: 1.4rem 1.05rem;
    }
    #secondnav .menu>li:last-child {
        padding: 0;
    }
    .rewards .ribbon {
        display: none;
    }
    .slogan-message {
        background-size: 320px auto;
        height: 60px;
        width: 320px;
    }
    #videoSection {
        position: relative;
        z-index: 2;
    }
    #rewardsVideoSection {
        background-size: auto 100%;
        position: relative;
        z-index: 2;
    }
    .content-container section.privacy-policy-detail,
    .content-container section.term-and-condition-detail,
    .content-container section.site-map-detail,
    .content-container section.faq-detail {
        padding-top: 2rem;
    }
    section.privacy-policy-detail h1,
    section.term-and-condition-detail h1,
    section.site-map-detail h1,
    section.faq-detail h1 {
        margin-bottom: 1rem;
        padding-left: 0;
    }
    .contact-detail .contact-node {
        margin: 1rem 0;
    }
    .contact-banner .logo {
        left: 0;
    }
    .brand-banner .logo {
        right: 0;
        width: 80%;
    }
    .commitments p {
        width: 100%;
    }
    .commitments h3 {
        margin: 2rem 0;
        width: 100%;
    }
    .centrepoint-brand h1,
    .centrepoint-brand-hotel h1,
    .centrepoint-brand-apartment h1,
    .centrepoint-brand-residence h1 {
        margin-bottom: 1rem;
    }
    .brand-hotel-branch .brand-hotel-branch-detail,
    .brand-apartment-branch .brand-apartment-branch-detail,
    .brand-residence-branch .brand-residence-branch-detail {
        padding: 1rem;
    }
    .centrepoint-brand-residence-branch h2 {
        margin: 1rem 0;
    }
    .csr-banner .logo {
        left: 0;
        width: 60%;
    }
    .csr-type-about .csr-detail-main {
        padding: 0 0 1rem 1rem;
    }
    .csr-type-about .csr-detail-main p {
        border-right: medium none;
        margin-bottom: 0;
        padding-bottom: 1rem;
        padding-right: 0;
    }
    .csr-type-about .csr-detail-main p:first-child,
    .csr-detail p:first-child {
        text-align: center;
    }
    .csr-type-about .csr-detail div {
        padding: 0.5rem;
    }
    .csr-detail img {
        width: 60%;
    }
    .latest-csr .name,
    .humanity-csr .name,
    .environment-csr .name,
    .latest-csr .description,
    .humanity-csr .description,
    .environment-csr .description {
        line-height: 1.5rem;
    }
    .small-no-margin-top-1rem {
        margin-top: 0;
    }
    .small-no-margin-bottom-1rem {
        margin-bottom: 0;
    }
    .small-no-margin-bottom-2rem {
        margin-bottom: 0;
    }
    .small-no-margin-bottom-3rem {
        margin-bottom: 0;
    }
    .small-no-margin-bottom-4rem {
        margin-bottom: 0;
    }
    .small-no-margin-right-1rem {
        margin-right: 0;
    }
    .small-no-margin-right-2rem {
        margin-right: 0;
    }
    .small-no-margin-right-3rem {
        margin-right: 0;
    }
    .small-no-margin-right-4rem {
        margin-right: 0;
    }
    .small-no-margin-left-1rem {
        margin-left: 0;
    }
    .small-no-margin-left-2rem {
        margin-left: 0;
    }
    .small-no-margin-left-3rem {
        margin-left: 0;
    }
    .small-no-margin-left-4rem {
        margin-left: 0;
    }
    .news-banner .logo {
        left: 0;
        width: 60%;
    }
    .stories-banner .logo {
        left: 0;
        top: 40%;
        width: 60%;
    }
    #stories-video {
        height: 320px;
    }
    .taste-detail h3 {
        padding: 0.5rem 1rem;
    }
    .taste-detail p {
        padding: 0 1rem;
    }
    #mypoints-tabs>.tabs-title {
        width: 33.3333%;
    }
    #exclusive-tabs .tabs-title>a,
    #mypoints-tabs .tabs-title>a {
        background-color: transparent;
        font-size: 0.875rem;
        padding: 0.5rem 0.375rem;
    }
    .my-card-info {
        transform: rotate(-90deg);
    }
    .content-container section.promotions-detail-section {
        padding: 1rem 0;
    }
    .content-container section.meeting-list-room,
    .content-container section.meeting-extra,
    .content-container section.meeting-reservation {
        padding: 1rem 0;
    }
    .signin .required-desc {
        position: relative;
    }
    .menu.footer-resident li {
        padding: 1rem 0.2rem 0;
    }
    .menu.footer-resident a {
        display: inline-block;
        height: 50px;
        margin: 0;
        padding: 0;
        width: 100px;
    }
    .menu.footer-resident img {
        width: 80%;
    }
    .item-logo {
        padding-top: 20px;
    }
    #home-booking-form {
        display: none;
        padding: 0;
    }
    #home-booking-form .button.hollow {
        margin: 1rem auto;
        width: 100%;
    }
    .facilities-link .orbit-link button {
        float: left;
        margin: 0.5rem;
    }
    .facilities-link {
        display: none;
    }
    .chidlom-promotion-cover,
    .chidlom-accommodation-cover,
    .chidlom-meeting-cover,
    .chidlom-review-cover,
    .chidlom-gallery-cover,
    .chidlom-contact-cover,
    .chidlom-facilities-cover,
    .pratunam-promotion-cover,
    .pratunam-accommodation-cover,
    .pratunam-meeting-cover,
    .pratunam-review-cover,
    .pratunam-gallery-cover,
    .pratunam-contact-cover,
    .pratunam-facilities-cover,
    .silom-promotion-cover,
    .silom-accommodation-cover,
    .silom-meeting-cover,
    .silom-review-cover,
    .silom-gallery-cover,
    .silom-contact-cover,
    .silom-facilities-cover,
    .sukhumwit-promotion-cover,
    .sukhumwit-accommodation-cover,
    .sukhumwit-meeting-cover,
    .sukhumwit-review-cover,
    .sukhumwit-gallery-cover,
    .sukhumwit-contact-cover,
    .sukhumwit-facilities-cover,
    .thonglo-promotion-cover,
    .thonglo-accommodation-cover,
    .thonglo-meeting-cover,
    .thonglo-review-cover,
    .thonglo-gallery-cover,
    .thonglo-contact-cover,
    .thonglo-facilities-cover,
    .pattaya-promotion-cover,
    .pattaya-accommodation-cover,
    .pattaya-meeting-cover,
    .pattaya-review-cover,
    .pattaya-gallery-cover,
    .pattaya-contact-cover,
    .pattaya-facilities-cover,
    .stories-banner,
    .taste-banner,
    .blog-banner,
    .brand-banner,
    .csr-banner,
    .news-banner,
    .privacy-banner,
    .term-banner,
    .site-map-banner,
    .faq-banner,
    .contact-banner,
    .brand-hotel-banner,
    .brand-apartment-banner,
    .brand-residence-banner,
    .booking-banner {
        height: 125px;
    }
    .chidlom-promotion-cover .logo,
    .chidlom-accommodation-cover .logo,
    .chidlom-meeting-cover .logo,
    .chidlom-review-cover .logo,
    .chidlom-gallery-cover .logo,
    .chidlom-contact-cover .logo,
    .chidlom-facilities-cover .logo,
    .pratunam-promotion-cover .logo,
    .pratunam-accommodation-cover .logo,
    .pratunam-meeting-cover .logo,
    .pratunam-review-cover .logo,
    .pratunam-gallery-cover .logo,
    .pratunam-contact-cover .logo,
    .pratunam-facilities-cover .logo,
    .silom-promotion-cover .logo,
    .silom-accommodation-cover .logo,
    .silom-meeting-cover .logo,
    .silom-review-cover .logo,
    .silom-gallery-cover .logo,
    .silom-contact-cover .logo,
    .silom-facilities-cover .logo,
    .sukhumwit-promotion-cover .logo,
    .sukhumwit-accommodation-cover .logo,
    .sukhumwit-meeting-cover .logo,
    .sukhumwit-review-cover .logo,
    .sukhumwit-gallery-cover .logo,
    .sukhumwit-contact-cover .logo,
    .sukhumwit-facilities-cover .logo,
    .thonglo-promotion-cover .logo,
    .thonglo-accommodation-cover .logo,
    .thonglo-meeting-cover .logo,
    .thonglo-review-cover .logo,
    .thonglo-gallery-cover .logo,
    .thonglo-contact-cover .logo,
    .thonglo-facilities-cover .logo,
    .pattaya-promotion-cover .logo,
    .pattaya-accommodation-cover .logo,
    .pattaya-meeting-cover .logo,
    .pattaya-review-cover .logo,
    .pattaya-gallery-cover .logo,
    .pattaya-contact-cover .logo,
    .pattaya-facilities-cover .logo,
    .blog-banner .logo,
    .brand-banner .logo,
    .csr-banner .logo,
    .news-banner .logo,
    .contact-banner .logo,
    .booking-banner .logo {
        height: auto;
        width: 40%;
    }
    .stories-banner .logo {
        top: 25%;
        width: 25%;
    }
    .taste-banner .logo {
        top: 25%;
        width: 20%;
    }
    .brand-hotel-banner .logo,
    .brand-apartment-banner .logo,
    .brand-residence-banner .logo {
        left: 0;
        top: 30%;
        width: 40%;
    }
    .chidlom-gallery-cover .logo,
    .chidlom-gallery-cover .logo,
    .chidlom-gallery-cover .logo,
    .chidlom-gallery-cover .logo,
    .chidlom-gallery-cover .logo {
        margin-top: -45px;
    }
    .gallery-link .orbit-link button {
        float: left;
        margin: 0.5rem 0.5rem 0;
        padding-bottom: 0.5rem;
    }
    section.gallery-random {
        padding: 0.5rem 0;
    }
    .nearby-place {
        display: none;
    }
    #share-icon .share-desc {
        display: none;
    }
    .jssocials-share i {
        background-size: 20px auto;
        opacity: 0.8;
        width: 20px;
    }
    .breadcrumbs {
        display: none;
    }
    #joinNowModal .infoForm {
        border-left: medium none;
    }
    #formRegister {
        margin: 2rem 1rem;
        width: 100%;
    }
    #joinNowModal .infoForm {
        border-left: medium none;
        float: left;
        margin-left: -30px;
    }
    .page-logo {
        left: 0;
        position: absolute;
        top: 2.5%;
        z-index: 1;
    }
    .page-logo img {
        width: 60%;
    }
    .meeting-feed .meeting-detail {
        padding: 0.5rem 1rem;
    }
    .meeting-feed .meeting-detail h3 {
        font-size: 1.3rem;
    }
    #rewardsVideoSection,
    #earnpoints-rewards,
    #ourprogram-rewards,
    #usepoints-rewards,
    #benefitsdiscoumts-rewards {
        background-position-y: 50px;
        background-size: auto 125px;
        height: 175px;
        margin: 0;
        padding: 0;
    }
    .rewards-header img {
        margin-top: 0;
    }
}

@media only screen and (max-width: 63.9375em) and (orientation: portrait) {
    #videoSection {
        background-position: center bottom;
        background-size: auto 100%;
    }
}

@media only screen and (max-width: 63.9375em) and (orientation: landscape) {
    .menu>li>a {
        padding: 1.8rem 0.2rem;
    }
    #videoSection {
        background-position-y: -50px;
        background-size: 100% auto;
    }
    #home-booking-form {
        display: none;
    }
    .index .time-temp-indicator {
        display: none;
    }
    .slogan-message {
        background-size: 320px auto;
        width: 320px;
    }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    #widemenu {
        display: none;
    }
    .content-container section {
        padding: 2rem 0;
    }
    .index .bgbox-container p {
        margin: auto;
        width: 90%;
    }
    .bgbox-container p.insta-tag {
        margin: auto auto 1rem;
    }
    .content-feed .details .heading {
        font-size: 1.5rem;
        line-height: 1.5rem;
    }
    .content-feed .details p.description {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .latest-news {
        margin-bottom: 0.9375rem;
    }
    .list-element {
        padding-left: 0.9375rem;
        padding-right: 0;
    }
    h2 {
        font-size: 1.8rem;
    }
    .popular-post .popular-name {
        padding-right: 0;
    }
    .chidlom-logo,
    .pratunam-logo,
    .silom-logo,
    .sukhumvit-logo,
    .thonglo-logo {
        left: 30%;
        position: absolute;
        top: 135px;
    }
    .branch-link p {
        float: left;
        margin-right: 0.5rem;
        width: 48%;
    }
    .room-slider-detail h3,
    .facilities-slider-detail h3 {
        font-size: 1.5rem;
        padding: 0.5rem 0;
        text-transform: uppercase;
    }
    .room-slider-detail p,
    .facilities-slider-detail p {
        padding: 0 0.25rem 0.5rem;
    }
    .room-slider-detail ul,
    .facilities-slider-detail ul {
        padding: 0 0.25rem 0.5rem;
    }
    .promotion-node {
        padding-left: 0.9375rem;
    }
    .promotion-node:last-child {
        display: none;
    }
    .chidlom h2 {
        margin-bottom: 0;
    }
    .orbit-container .room-slider,
    .orbit-container .facilities-slider {
        margin-left: 0;
        margin-right: 0;
    }
    .orbit-container .room-slider .room-slider-image {
        padding-left: 0;
    }
    .orbit-container .facilities-slider .facilities-slider-image {
        padding-right: 0;
    }
    .orbit-container .facilities-slider .facilities-slider-detail {
        padding-right: 0;
    }
    .facilities-link .orbit-link button {
        margin-bottom: 0.5rem;
        margin-right: 1rem;
    }
    .branch-logo-nav {
        display: none;
    }
    #rewardsVideoSection {
        background-size: auto 100%;
    }
    .content-container section.privacy-policy-detail,
    .content-container section.term-and-condition-detail,
    .content-container section.site-map-detail,
    .content-container section.faq-detail {
        padding-top: 2rem;
    }
    section.privacy-policy-detail h1,
    section.term-and-condition-detail h1,
    section.site-map-detail h1,
    section.faq-detail h1 {
        margin-bottom: 1rem;
        padding-left: 0;
    }
    .commitments h3 {
        margin: 2rem 0;
        width: 100%;
    }
    .commitments p {
        width: 100%;
    }
    .commitments .commitments-title {
        margin-left: 40px;
    }
    .brand-hotel-branch .brand-hotel-branch-detail,
    .brand-apartment-branch .brand-apartment-branch-detail,
    .brand-residence-branch .brand-residence-branch-detail {
        padding: 1rem;
    }
    .brand-hotel-branch .brand-hotel-branch-detail img,
    .brand-apartment-branch .brand-apartment-branch-detail img,
    .brand-residence-branch .brand-residence-branch-detail img {
        width: 40%;
    }
    .csr-type-about .csr-detail-main {
        padding: 1rem 0 1rem 2rem;
    }
    .csr-type-about .csr-detail-main p {
        border-right: 1px solid #ccc;
        margin-bottom: 0;
        padding-bottom: 2rem;
        padding-right: 2rem;
    }
    .csr-type-about .csr-detail div {
        padding: 1rem 2rem;
    }
    .latest-csr .name,
    .humanity-csr .name,
    .environment-csr .name {
        font-size: 1.1rem;
        line-height: 1.3rem;
    }
    .latest-csr .description,
    .humanity-csr .description,
    .environment-csr .description {
        line-height: 1.2rem;
    }
    .csr-logo {
        margin: 0;
    }
    .awards-list {
        margin-right: 1rem;
    }
    .news-awards-list h2 {
        font-size: 1.2rem;
    }
    .taste-detail h3 {
        padding: 0 0.5rem 0 0;
    }
    .taste-detail p {
        padding: 0 0.5rem 0 0;
    }
    .meeting-room-detail .row div:last-child {
        width: 30%;
    }
    .experience-pane li {
        padding-bottom: 1rem;
        padding-left: 1rem;
    }
    .experience-pane li:first-child {
        padding-left: 2rem;
    }
    .item-logo {
        padding-top: 20px;
    }
    #home-booking-form {
        padding: 1rem 0 0;
    }
    #bookPanel#bookPanel {
        top: 55px;
    }
    #weather i {
        height: 50px;
    }
    .chidlom-promotion-cover,
    .chidlom-accommodation-cover,
    .chidlom-meeting-cover,
    .chidlom-review-cover,
    .chidlom-gallery-cover,
    .chidlom-contact-cover,
    .chidlom-facilities-cover,
    .pratunam-promotion-cover,
    .pratunam-accommodation-cover,
    .pratunam-meeting-cover,
    .pratunam-review-cover,
    .pratunam-gallery-cover,
    .pratunam-contact-cover,
    .pratunam-facilities-cover,
    .silom-promotion-cover,
    .silom-accommodation-cover,
    .silom-meeting-cover,
    .silom-review-cover,
    .silom-gallery-cover,
    .silom-contact-cover,
    .silom-facilities-cover,
    .sukhumwit-promotion-cover,
    .sukhumwit-accommodation-cover,
    .sukhumwit-meeting-cover,
    .sukhumwit-review-cover,
    .sukhumwit-gallery-cover,
    .sukhumwit-contact-cover,
    .sukhumwit-facilities-cover,
    .thonglo-promotion-cover,
    .thonglo-accommodation-cover,
    .thonglo-meeting-cover,
    .thonglo-review-cover,
    .thonglo-gallery-cover,
    .thonglo-contact-cover,
    .thonglo-facilities-cover,
    .stories-banner,
    .taste-banner,
    .blog-banner,
    .brand-banner,
    .csr-banner,
    .news-banner,
    .privacy-banner,
    .term-banner,
    .site-map-banner,
    .faq-banner,
    .contact-banner,
    .brand-hotel-banner,
    .brand-apartment-banner,
    .brand-residence-banner,
    .booking-banner {
        height: 250px;
    }
    .chidlom-promotion-cover .logo,
    .chidlom-accommodation-cover .logo,
    .chidlom-meeting-cover .logo,
    .chidlom-review-cover .logo,
    .chidlom-gallery-cover .logo,
    .chidlom-contact-cover .logo,
    .chidlom-facilities-cover .logo,
    .pratunam-promotion-cover .logo,
    .pratunam-accommodation-cover .logo,
    .pratunam-meeting-cover .logo,
    .pratunam-review-cover .logo,
    .pratunam-gallery-cover .logo,
    .pratunam-contact-cover .logo,
    .pratunam-facilities-cover .logo,
    .silom-promotion-cover .logo,
    .silom-accommodation-cover .logo,
    .silom-meeting-cover .logo,
    .silom-review-cover .logo,
    .silom-gallery-cover .logo,
    .silom-contact-cover .logo,
    .silom-facilities-cover .logo,
    .sukhumwit-promotion-cover .logo,
    .sukhumwit-accommodation-cover .logo,
    .sukhumwit-meeting-cover .logo,
    .sukhumwit-review-cover .logo,
    .sukhumwit-gallery-cover .logo,
    .sukhumwit-contact-cover .logo,
    .sukhumwit-facilities-cover .logo,
    .thonglo-promotion-cover .logo,
    .thonglo-accommodation-cover .logo,
    .thonglo-meeting-cover .logo,
    .thonglo-review-cover .logo,
    .thonglo-gallery-cover .logo,
    .thonglo-contact-cover .logo,
    .thonglo-facilities-cover .logo,
    .blog-banner .logo,
    .brand-banner .logo,
    .csr-banner .logo,
    .news-banner .logo,
    .contact-banner .logo,
    .brand-hotel-banner .logo,
    .brand-apartment-banner .logo,
    .brand-residence-banner .logo,
    .booking-banner .logo {
        height: auto;
        width: 30%;
    }
    .stories-banner .logo {
        top: 25%;
        width: 25%;
    }
    .taste-banner .logo {
        top: 25%;
        width: 20%;
    }
    #secondnav .menu>li>a {
        padding: 1.4rem 1.357rem;
    }
    .chidlom-accommodation .brand-hotel-branch h3,
    .silom-accommodation .brand-hotel-branch h3,
    .sukhumvit-accommodation .brand-hotel-branch h3,
    .thonglo-accommodation .brand-hotel-branch h3,
    .pratunam-accommodation .brand-hotel-branch h3 {
        font-size: 1.5rem;
    }
    .brand-hotel-banner .logo {
        left: 0;
        top: 30%;
        width: 30%;
    }
    .datestamp {
        margin-bottom: 0.5rem;
        padding: 0;
    }
    .content-feed .details p.name {
        font-size: 1rem;
    }
    .content-feed .details .heading {
        font-size: 1.2rem;
    }
    #stories-video {
        height: 300px;
    }
    .stories-content-main .name,
    .stories-content .name {
        font-size: 1.3rem;
        padding: 0.5rem 0 0;
    }
    #formRegister {
        margin: 1rem auto;
        width: 100%;
    }
    #joinNowModal .modalDesctiption {
        display: block;
        float: left;
        font-size: 1rem;
        margin-bottom: 2rem;
        width: 100%;
    }
    #joinNowModal .modalDesctiption img {
        margin: 0 1rem -8px 0;
    }
    #joinNowModal .sectionDesctiption {
        font-size: 1rem;
        padding: 5px;
    }
    .nearby-place {
        display: none;
    }
    .page-logo {
        left: 17%;
        position: absolute;
        top: 5%;
        z-index: 1;
    }
    .page-logo img {
        width: 60%;
    }
    .meeting-feed .meeting-detail {
        padding: 0.5rem 1rem;
    }
    .meeting-feed .meeting-detail h3 {
        font-size: 1.2rem;
    }
    #rewardsVideoSection,
    #earnpoints-rewards,
    #ourprogram-rewards,
    #usepoints-rewards,
    #benefitsdiscoumts-rewards {
        background-size: 100% auto;
        height: 250px;
        margin: 0;
        padding: 0;
    }
    .rewards-header img {
        margin-top: 0;
    }
    .rewards .time-temp-indicator {
        bottom: 1rem;
    }
}

@media screen and (min-width: 40em) and (max-width: 69em) and (orientation: landscape) {
    .top-bar-left .menu>li>a {
        padding: 1.8rem 0.2rem;
    }
    .booking .title-bar .btn-rewards,
    .title-bar.is-at-top .btn-rewards {
        margin: 0 0.2rem;
    }
    .menu>li>a {
        padding: 1.8rem 0.5rem;
    }
    .top-bar-right .menu>li.book-now {
        padding: 0 0.5em;
    }
    #videoSection {
        background-position: center bottom;
    }
}

@media screen and (min-width: 40em) {
    footer .copy,
    .refine-box .buttons {
        text-align: right;
    }
    .text-right-medium {
        text-align: right;
    }
    .box-rewards div.buttons button {
        margin: 0 0 10px;
    }
    .buttons.button-bottom {
        position: relative;
    }
    .buttons.button-bottom .btn-group-rt {
        bottom: 0;
        position: absolute;
        right: 0;
    }
    .booking .payment .box-booking-items {
        padding: 2rem 2.375rem;
    }
    .booking .payment .radio input[type="radio"]+span::before {
        letter-spacing: 2rem;
    }
    .booking .confirm .booking-info {
        margin-top: -25px;
        padding-left: 100px;
    }
    .booking .confirm .buttons button {
        margin-left: 10px;
        margin-right: 10px;
    }
    #bonus-points .row.collapse .image-wrapper {
        width: calc(100% - 5px);
    }
    #bonus-points .row.collapse .medium-6:last-child .image-wrapper {
        margin-left: auto;
    }
    #exclusive-tabs .tabs-title>a,
    #mypoints-tabs .tabs-title>a {
        padding: 1rem 0.625rem;
    }
    .myacc .header-w-line+.trajanpro-regular {
        bottom: 0;
        position: absolute;
    }
    .img-memcard {
        transform: rotate(90deg);
    }
    .my-card-info {
        bottom: 80px;
        left: -59px;
    }
    .rewards-vdotitle .h1 {
        font-size: 3.5rem;
    }
    .rewards-vdotitle .h1 img {
        display: inline-block;
    }
}

@media screen and (min-width: 65em) {
    .title-bar[data-hide-for="large"] {
        display: none;
    }
    .no-padding-large {
        padding: 0;
    }
    .no-padleft-large {
        padding-left: 0;
    }
    .no-padright-large {
        padding-right: 0;
    }
    .text-right-large {
        text-align: right;
    }
    .step-indicator li {
        display: table-cell;
        vertical-align: top;
    }
    .step-indicator span {
        margin-right: 15px;
    }
    .step-indicator li:not(:last-child),
    .step-indicator li.is-active,
    .step-indicator li.is-active:not(:first-child) span::before {
        background-image: url("../images/step-indicator-arrow.png");
        background-repeat: no-repeat;
    }
    .step-indicator li:not(:last-child) {
        background-position: right top;
    }
    .step-indicator li.is-active:not(:last-child) {
        background-position: right -50px;
    }
    .step-indicator li.is-active:not(:first-child) span::before {
        background-position: 0 -100px;
        content: "";
        height: 49px;
        left: -15px;
        position: absolute;
        top: 0;
        width: 15px;
    }
    .step-indicator li:last-child span {
        background-image: none;
        margin-right: 0;
        padding: 0 10px;
    }
    .box-booking-items .item-price {
        margin-left: auto;
        max-width: 180px;
    }
    .refine-box .btn-book-now {
        margin: 20px 0 0;
    }
    .checkbox.add-item {
        float: right;
        width: auto;
    }
    .box-booking-content .tabs {
        background-color: transparent;
    }
    #bookPanel {
        padding: 4rem 2rem;
    }
    #bookPanel .button.hollow {
        bottom: 0;
        position: absolute;
        right: 5rem;
    }
    #videoSection {
        background-position-y: -150px;
        background-size: 100% auto;
    }
    #rewardsVideoSection {
        background-size: 100% auto;
    }
    .latest-news .details {
        min-height: 100%;
    }
    .booking .tabs-panel .sticky.is-stuck {
        margin-top: 70px;
    }
    .refine-box .buttons .button.btn-currency {
        margin-left: 10px;
        margin-right: 0;
    }
    #activateModal {
        background-position: center 9.063rem;
    }
    #activateModal .details-box {
        margin-top: 82px;
    }
    #rewards-content nav {
        margin-top: 0;
    }
    #rewards-content div.sticky {
        position: static;
    }
    .step-graph span {
        position: absolute;
    }
    .step-graph .step1 {
        display: inline-block;
        right: 100%;
        top: 50px;
        width: 200px;
    }
    .step-graph .step2 {
        bottom: 45%;
        right: 101%;
        width: 200px;
    }
    .step-graph .step3 {
        bottom: 15%;
        left: 54%;
        margin-left: -150px;
        width: 300px;
    }
    .step-graph .step4 {
        bottom: 93%;
        left: 83%;
        width: 260px;
    }
    #how-to-earn h3.trajanpro-regular {
        bottom: 75%;
        left: 59%;
        position: absolute;
        text-align: left;
        width: 460px;
    }
    #exclusive-tabs .tabs-title i+span,
    #mypoints-tabs .tabs-title i+span {
        display: inline-block;
    }
    a.anchor {
        top: -9em;
    }
    .rewards-vdotitle {
        top: 28%;
    }
}

.slick-initialized.slick-slider {
    margin: 0 auto;
    padding: 50px;
    width: 100%;
}

.slick-slide {
    margin: 0 5px;
}

.slick-slide img {
    width: 100%;
}

.slick-prev::before,
.slick-next::before {
    color: #000;
}

.slick-next {
    right: 0;
}

.slick-prev {
    left: 0;
}

#instafeed,
.slick-dots>li {
    display: none;
}

.is-ie .checkbox input[type="checkbox"],
.is-ie .radio input[type="radio"] {
    position: relative;
    visibility: visible;
}


/*20170706*/

.btn-read-more span {
    cursor: pointer;
}

.readmore-content {
    overflow: hidden;
}


/*20170717/*/

.block-sitemap {
    width: 25%;
    min-height: 235px;
    float: left;
    display: block;
}


/*20190627*/

.not-show {
    display: none;
}