/* Minification failed. Returning unminified contents.
(18272,23): run-time error CSS1046: Expect comma, found '38'
(18272,29): run-time error CSS1046: Expect comma, found '/'
(19314,5): run-time error CSS1035: Expected colon, found 'right'
 */
@charset "UTF-8";
/**
 * Foundation for Sites by ZURB
 * Version 6.2.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: not-allowed; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 * [NOTE] We don't enable this ruleset in Foundation, because we want the <fieldset> element to have plain styling.
 */
/* fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
} */
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
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 {
  font-size: 100%;
  box-sizing: border-box; }

*,
*::before,
*::after {
  box-sizing: inherit; }

body {
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.5px;  line-height: 1.5;
  color: #0a0a0a;
  background: #fefefe;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0; }

select {
  width: 100%;
  border-radius: 0; }

#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 !important; }

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  line-height: 1; }
  [data-whatinput='mouse'] button {
    outline: 0; }

.is-visible {
  display: block !important; }

.is-hidden {
  display: none !important; }

.row {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto; }
  .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 {
    max-width: none;
    margin-left: -0.625rem;
    margin-right: -0.625rem; }
    @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 {
  width: 100%;
  float: left;
  padding-left: 0.625rem;
  padding-right: 0.625rem; }
  @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 {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0; }

.small-1 {
  width: 8.33333%; }

.small-push-1 {
  position: relative;
  left: 8.33333%; }

.small-pull-1 {
  position: relative;
  left: -8.33333%; }

.small-offset-0 {
  margin-left: 0%; }

.small-2 {
  width: 16.66667%; }

.small-push-2 {
  position: relative;
  left: 16.66667%; }

.small-pull-2 {
  position: relative;
  left: -16.66667%; }

.small-offset-1 {
  margin-left: 8.33333%; }

.small-3 {
  width: 25%; }

.small-push-3 {
  position: relative;
  left: 25%; }

.small-pull-3 {
  position: relative;
  left: -25%; }

.small-offset-2 {
  margin-left: 16.66667%; }

.small-4 {
  width: 33.33333%; }

.small-push-4 {
  position: relative;
  left: 33.33333%; }

.small-pull-4 {
  position: relative;
  left: -33.33333%; }

.small-offset-3 {
  margin-left: 25%; }

.small-5 {
  width: 41.66667%; }

.small-push-5 {
  position: relative;
  left: 41.66667%; }

.small-pull-5 {
  position: relative;
  left: -41.66667%; }

.small-offset-4 {
  margin-left: 33.33333%; }

.small-6 {
  width: 50%; }

.small-push-6 {
  position: relative;
  left: 50%; }

.small-pull-6 {
  position: relative;
  left: -50%; }

.small-offset-5 {
  margin-left: 41.66667%; }

.small-7 {
  width: 58.33333%; }

.small-push-7 {
  position: relative;
  left: 58.33333%; }

.small-pull-7 {
  position: relative;
  left: -58.33333%; }

.small-offset-6 {
  margin-left: 50%; }

.small-8 {
  width: 66.66667%; }

.small-push-8 {
  position: relative;
  left: 66.66667%; }

.small-pull-8 {
  position: relative;
  left: -66.66667%; }

.small-offset-7 {
  margin-left: 58.33333%; }

.small-9 {
  width: 75%; }

.small-push-9 {
  position: relative;
  left: 75%; }

.small-pull-9 {
  position: relative;
  left: -75%; }

.small-offset-8 {
  margin-left: 66.66667%; }

.small-10 {
  width: 83.33333%; }

.small-push-10 {
  position: relative;
  left: 83.33333%; }

.small-pull-10 {
  position: relative;
  left: -83.33333%; }

.small-offset-9 {
  margin-left: 75%; }

.small-11 {
  width: 91.66667%; }

.small-push-11 {
  position: relative;
  left: 91.66667%; }

.small-pull-11 {
  position: relative;
  left: -91.66667%; }

.small-offset-10 {
  margin-left: 83.33333%; }

.small-12 {
  width: 100%; }

.small-offset-11 {
  margin-left: 91.66667%; }

.small-up-1 > .column, .small-up-1 > .columns {
  width: 100%;
  float: left; }
  .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
    clear: both; }
  .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
    float: left; }

.small-up-2 > .column, .small-up-2 > .columns {
  width: 50%;
  float: left; }
  .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
    clear: both; }
  .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
    float: left; }

.small-up-3 > .column, .small-up-3 > .columns {
  width: 33.33333%;
  float: left; }
  .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
    clear: both; }
  .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
    float: left; }

.small-up-4 > .column, .small-up-4 > .columns {
  width: 25%;
  float: left; }
  .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
    clear: both; }
  .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
    float: left; }

.small-up-5 > .column, .small-up-5 > .columns {
  width: 20%;
  float: left; }
  .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
    clear: both; }
  .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
    float: left; }

.small-up-6 > .column, .small-up-6 > .columns {
  width: 16.66667%;
  float: left; }
  .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
    clear: both; }
  .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
    float: left; }

.small-up-7 > .column, .small-up-7 > .columns {
  width: 14.28571%;
  float: left; }
  .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
    clear: both; }
  .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
    float: left; }

.small-up-8 > .column, .small-up-8 > .columns {
  width: 12.5%;
  float: left; }
  .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
    clear: both; }
  .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
    float: left; }

.small-collapse > .column, .small-collapse > .columns {
  padding-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 {
  position: static;
  margin-left: 0;
  margin-right: 0;
  float: left; }

@media screen and (min-width: 40em) {
  .medium-1 {
    width: 8.33333%; }

  .medium-push-1 {
    position: relative;
    left: 8.33333%; }

  .medium-pull-1 {
    position: relative;
    left: -8.33333%; }

  .medium-offset-0 {
    margin-left: 0%; }

  .medium-2 {
    width: 16.66667%; }

  .medium-push-2 {
    position: relative;
    left: 16.66667%; }

  .medium-pull-2 {
    position: relative;
    left: -16.66667%; }

  .medium-offset-1 {
    margin-left: 8.33333%; }

  .medium-3 {
    width: 25%; }

  .medium-push-3 {
    position: relative;
    left: 25%; }

  .medium-pull-3 {
    position: relative;
    left: -25%; }

  .medium-offset-2 {
    margin-left: 16.66667%; }

  .medium-4 {
    width: 33.33333%; }

  .medium-push-4 {
    position: relative;
    left: 33.33333%; }

  .medium-pull-4 {
    position: relative;
    left: -33.33333%; }

  .medium-offset-3 {
    margin-left: 25%; }

  .medium-5 {
    width: 41.66667%; }

  .medium-push-5 {
    position: relative;
    left: 41.66667%; }

  .medium-pull-5 {
    position: relative;
    left: -41.66667%; }

  .medium-offset-4 {
    margin-left: 33.33333%; }

  .medium-6 {
    width: 50%; }

  .medium-push-6 {
    position: relative;
    left: 50%; }

  .medium-pull-6 {
    position: relative;
    left: -50%; }

  .medium-offset-5 {
    margin-left: 41.66667%; }

  .medium-7 {
    width: 58.33333%; }

  .medium-push-7 {
    position: relative;
    left: 58.33333%; }

  .medium-pull-7 {
    position: relative;
    left: -58.33333%; }

  .medium-offset-6 {
    margin-left: 50%; }

  .medium-8 {
    width: 66.66667%; }

  .medium-push-8 {
    position: relative;
    left: 66.66667%; }

  .medium-pull-8 {
    position: relative;
    left: -66.66667%; }

  .medium-offset-7 {
    margin-left: 58.33333%; }

  .medium-9 {
    width: 75%; }

  .medium-push-9 {
    position: relative;
    left: 75%; }

  .medium-pull-9 {
    position: relative;
    left: -75%; }

  .medium-offset-8 {
    margin-left: 66.66667%; }

  .medium-10 {
    width: 83.33333%; }

  .medium-push-10 {
    position: relative;
    left: 83.33333%; }

  .medium-pull-10 {
    position: relative;
    left: -83.33333%; }

  .medium-offset-9 {
    margin-left: 75%; }

  .medium-11 {
    width: 91.66667%; }

  .medium-push-11 {
    position: relative;
    left: 91.66667%; }

  .medium-pull-11 {
    position: relative;
    left: -91.66667%; }

  .medium-offset-10 {
    margin-left: 83.33333%; }

  .medium-12 {
    width: 100%; }

  .medium-offset-11 {
    margin-left: 91.66667%; }

  .medium-up-1 > .column, .medium-up-1 > .columns {
    width: 100%;
    float: left; }
    .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
      float: left; }

  .medium-up-2 > .column, .medium-up-2 > .columns {
    width: 50%;
    float: left; }
    .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
      float: left; }

  .medium-up-3 > .column, .medium-up-3 > .columns {
    width: 33.33333%;
    float: left; }
    .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
      float: left; }

  .medium-up-4 > .column, .medium-up-4 > .columns {
    width: 25%;
    float: left; }
    .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
      float: left; }

  .medium-up-5 > .column, .medium-up-5 > .columns {
    width: 20%;
    float: left; }
    .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
      float: left; }

  .medium-up-6 > .column, .medium-up-6 > .columns {
    width: 16.66667%;
    float: left; }
    .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
      float: left; }

  .medium-up-7 > .column, .medium-up-7 > .columns {
    width: 14.28571%;
    float: left; }
    .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
      float: left; }

  .medium-up-8 > .column, .medium-up-8 > .columns {
    width: 12.5%;
    float: left; }
    .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
      float: left; }
  


  .medium-collapse > .column, .medium-collapse > .columns {
    padding-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 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left; } }
@media screen and (min-width: 64em) {
  .large-1 {
    width: 8.33333%; }

  .large-push-1 {
    position: relative;
    left: 8.33333%; }

  .large-pull-1 {
    position: relative;
    left: -8.33333%; }

  .large-offset-0 {
    margin-left: 0%; }

  .large-2 {
    width: 16.66667%; }

  .large-push-2 {
    position: relative;
    left: 16.66667%; }

  .large-pull-2 {
    position: relative;
    left: -16.66667%; }

  .large-offset-1 {
    margin-left: 8.33333%; }

  .large-3 {
    width: 25%; }

  .large-push-3 {
    position: relative;
    left: 25%; }

  .large-pull-3 {
    position: relative;
    left: -25%; }

  .large-offset-2 {
    margin-left: 16.66667%; }

  .large-4 {
    width: 33.33333%; }

  .large-push-4 {
    position: relative;
    left: 33.33333%; }

  .large-pull-4 {
    position: relative;
    left: -33.33333%; }

  .large-offset-3 {
    margin-left: 25%; }

  .large-5 {
    width: 41.66667%; }

  .large-push-5 {
    position: relative;
    left: 41.66667%; }

  .large-pull-5 {
    position: relative;
    left: -41.66667%; }

  .large-offset-4 {
    margin-left: 33.33333%; }

  .large-6 {
    width: 50%; }

  .large-push-6 {
    position: relative;
    left: 50%; }

  .large-pull-6 {
    position: relative;
    left: -50%; }

  .large-offset-5 {
    margin-left: 41.66667%; }

  .large-7 {
    width: 58.33333%; }

  .large-push-7 {
    position: relative;
    left: 58.33333%; }

  .large-pull-7 {
    position: relative;
    left: -58.33333%; }

  .large-offset-6 {
    margin-left: 50%; }

  .large-8 {
    width: 66.66667%; }

  .large-push-8 {
    position: relative;
    left: 66.66667%; }

  .large-pull-8 {
    position: relative;
    left: -66.66667%; }

  .large-offset-7 {
    margin-left: 58.33333%; }

  .large-9 {
    width: 75%; }

  .large-push-9 {
    position: relative;
    left: 75%; }

  .large-pull-9 {
    position: relative;
    left: -75%; }

  .large-offset-8 {
    margin-left: 66.66667%; }

  .large-10 {
    width: 83.33333%; }

  .large-push-10 {
    position: relative;
    left: 83.33333%; }

  .large-pull-10 {
    position: relative;
    left: -83.33333%; }

  .large-offset-9 {
    margin-left: 75%; }

  .large-11 {
    width: 91.66667%; }

  .large-push-11 {
    position: relative;
    left: 91.66667%; }

  .large-pull-11 {
    position: relative;
    left: -91.66667%; }

  .large-offset-10 {
    margin-left: 83.33333%; }

  .large-12 {
    width: 100%; }

  .large-offset-11 {
    margin-left: 91.66667%; }

  .large-up-1 > .column, .large-up-1 > .columns {
    width: 100%;
    float: left; }
    .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
      float: left; }

  .large-up-2 > .column, .large-up-2 > .columns {
    width: 50%;
    float: left; }
    .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
      float: left; }

  .large-up-3 > .column, .large-up-3 > .columns {
    width: 33.33333%;
    float: left; }
    .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
      float: left; }

  .large-up-4 > .column, .large-up-4 > .columns {
    width: 25%;
    float: left; }
    .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
      float: left; }

  .large-up-5 > .column, .large-up-5 > .columns {
    width: 20%;
    float: left; }
    .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
      float: left; }

  .large-up-6 > .column, .large-up-6 > .columns {
    width: 16.66667%;
    float: left; }
    .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
      float: left; }

  .large-up-7 > .column, .large-up-7 > .columns {
    width: 14.28571%;
    float: left; }
    .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
      float: left; }

  .large-up-8 > .column, .large-up-8 > .columns {
    width: 12.5%;
    float: left; }
    .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
      float: left; }

  .large-collapse > .column, .large-collapse > .columns {
    padding-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 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left; } }
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.6;
  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 {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: inherit;
  text-rendering: optimizeLegibility;
  margin-top: 0;
  font-weight: 500;
  margin-bottom: 0.5rem;
  line-height: 1.4; }
  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: 2.5rem; }

  h2 {
    font-size: 2rem; }

  h3 {
    font-size: 1.9375rem; }

  h4 {
    font-size: 1.5625rem; }

  h5 {
    font-size: 1.25rem; }

  h6 {
    font-size: 1rem; } }
a {
  color: #002561;
  text-decoration: none;
  line-height: inherit;
  cursor: pointer; }
  a:hover {
    color: #1585cf; 
    text-decoration: underline;
  }
  a:focus {
    color: #002561; 
    text-decoration: none;
  }
  a img {
    border: 0; }

hr {
  max-width: 75rem;
  height: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0;
  margin: 1.25rem auto;
  clear: both; }

ul,
ol,
dl {
  line-height: 1.6;
  margin-bottom: 1rem;
  list-style-position: outside; }

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-left: 1.25rem;
  margin-bottom: 0; }

dl {
  margin-bottom: 1rem; }
  dl dt {
    margin-bottom: 0.3rem;
    font-weight: bold; }

blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #cacaca; }
  blockquote, blockquote p {
    line-height: 1.6;
    color: #8a8a8a; }

cite {
  display: block;
  font-size: 0.8125rem;
  color: #8a8a8a; }
  cite:before {
    content: '\2014 \0020'; }

abbr {
  color: #0a0a0a;
  cursor: help;
  border-bottom: 1px dotted #0a0a0a; }

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a;
  background-color: #f6f6f6;
  border: 1px solid #cacaca;
  padding: 0.125rem 0.3125rem 0.0625rem; }

kbd {
  padding: 0.125rem 0.25rem 0;
  margin: 0;
  background-color: #f6f6f6;
  color: #0a0a0a;
  font-family: Consolas, "Liberation Mono", Courier, monospace; }

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #8a8a8a; }

.lead {
  font-size: 125%;
  line-height: 1.6; }

.stat {
  font-size: 2.5rem;
  line-height: 1; }
  p + .stat {
    margin-top: -1rem; }

.no-bullet {
  margin-left: 0;
  list-style: none; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

@media 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 !important; }

@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important; }

  .show-for-print {
    display: block !important; }

  .hide-for-print {
    display: none !important; }

  table.show-for-print {
    display: table !important; }

  thead.show-for-print {
    display: table-header-group !important; }

  tbody.show-for-print {
    display: table-row-group !important; }

  tr.show-for-print {
    display: table-row !important; }

  td.show-for-print {
    display: table-cell !important; }

  th.show-for-print {
    display: table-cell !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  .ir a:after,
  a[href^='javascript:']:after,
  a[href^='#']:after {
    content: ''; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  pre,
  blockquote {
    border: 1px solid #8a8a8a;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; } }
.button {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 0 1rem 0;
  font-size: 0.8125rem;
  background-color: #002561;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-decoration: none;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,05);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  color: #fefefe;
}

  [data-whatinput='mouse'] .button {
    outline: 0; }
  .button:hover, .button:focus {
    text-decoration: none;
    background-color: #1585cf;
    color: #fefefe; }
  .button.tiny {
    font-size: 0.6rem; }
  .button.small {
    font-size: 0.75rem; }
  .button.large {
    font-size: 1.25rem; }
  .button.expanded {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0; }
  .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] {
    opacity: 0.25;
    cursor: not-allowed; }
    .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: #2199e8;
      color: #fefefe; }
  .button.dropdown::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 0.4em;
    border-color: #fefefe transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    position: relative;
    top: 0.4em;
    float: right;
    margin-left: 1em;
    display: inline-block; }
  .button.arrow-only::after {
    margin-left: 0;
    float: none;
    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 {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  padding: 0.5rem 0;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #cacaca;
  margin: 0 0 1rem;
  font-family: inherit;
  color: #0a0a0a;
  background-color: #fefefe;
  border-radius: 0;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none; }
  [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
  textarea:focus {
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #022662;
    background-color: #fefefe;
    outline: none;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }

textarea {
  max-width: 100%; }
  textarea[rows] {
    height: auto; }

input::-webkit-input-placeholder, 
textarea::-webkit-input-placeholder { color: #999; } 
 
input::-moz-placeholder, 
textarea::-moz-placeholder { color: #999; } 
 
input:-ms-input-placeholder, 
textarea:-ms-input-placeholder { color: #999; } 
 
input::placeholder, 
textarea::placeholder { color: #999; }

/*** CPWEB V.11 ***/
input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #f6f6f6;
  cursor: default; }
/*** END ***/

[type='submit'],
[type='button'] {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none; }

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-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  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 {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: #0a0a0a; }
  label.middle {
    margin: 0 0 1rem;
    padding: 0.5625rem 0; }

.help-text {
  margin-top: -0.5rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #0a0a0a; }

.input-group {
  display: table;
  width: 100%;
  margin-bottom: 1rem; }
  .input-group > :first-child {
    border-radius: 0 0 0 0; }
  .input-group > :last-child > * {
    border-radius: 0 0 0 0; }

.input-group-label, .input-group-field, .input-group-button {
  margin: 0;
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle; }

.input-group-label {
  text-align: center;
  padding: 0 1rem;
  background: #f6f6f6;
  color: #0a0a0a;
  border: 1px solid #cacaca;
  white-space: nowrap;
  width: 1%;
  height: 100%; }
  .input-group-label:first-child {
    border-right: 0; }
  .input-group-label:last-child {
    border-left: 0; }

.input-group-field {
  border-radius: 0;
  height: 2.5rem; }

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  height: 100%;
  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;
  padding: 0;
  margin: 0; }

legend {
  margin-bottom: 0.5rem;
  max-width: 100%; }

.fieldset {
  border: 1px solid #cacaca;
  padding: 1.25rem;
  margin: 1.125rem 0; }
  .fieldset legend {
    background: #fefefe;
    padding: 0 0.1875rem;
    margin: 0;
    margin-left: -0.1875rem; }

select {
  height: 2.4375rem;
  padding: 0.5rem;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #cacaca;
  margin: 0 0 1rem;
  font-family: inherit;
  line-height: normal;
  color: #0a0a0a;
  background-color: #fefefe;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  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-size: 9px 6px;
  background-position: right -1rem center;
  background-origin: content-box;
  background-repeat: no-repeat;
  padding-right: 1.5rem; 
  padding-left: 0;
}
  @media screen and (min-width: 0\0) {
    select {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
  select:disabled {
    background-color: #f6f6f6;
    cursor: default; }
  select::-ms-expand {
    display: none; }
  select[multiple] {
    height: auto;
    background-image: none; }

.is-invalid-input:not(:focus) {
  background-color: rgba(236, 88, 64, 0.1);
  border-color: #ec5840; }

.is-invalid-label {
  color: #ec5840; }

.form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #ec5840; }
  .form-error.is-visible {
    display: block; }

.accordion {
  list-style-type: none;
  background: #fefefe;
  margin-left: 0; }

.accordion-item:first-child > :first-child {
  border-radius: 0 0 0 0; }
.accordion-item:last-child > :last-child {
  border-radius: 0 0 0 0; }

.accordion-title {
  display: block;
  padding: 1.25rem 1rem;
  line-height: 1;
  font-size: 0.75rem;
  color: #2199e8;
  position: relative;
  border: 1px solid #f6f6f6;
  border-bottom: 0; }
  :last-child:not(.is-active) > .accordion-title {
    border-radius: 0 0 0 0;
    border-bottom: 1px solid #f6f6f6; }
  .accordion-title:hover, .accordion-title:focus {
    background-color: #f6f6f6; }
  .accordion-title::before {
    content: '+';
    position: absolute;
    right: 1rem;
    top: 50%;
    margin-top: -0.5rem; }
  .is-active > .accordion-title::before {
    content: 'โ€“'; }

.accordion-content {
  padding: 1rem;
  display: none;
  border: 1px solid #f6f6f6;
  border-bottom: 0;
  background-color: #fefefe;
  color: #2199e8; }
  :last-child > .accordion-content:last-child {
    border-bottom: 1px solid #f6f6f6; }

.is-accordion-submenu-parent > a {
  position: relative; }
  .is-accordion-submenu-parent > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: #2199e8 transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 1rem; }

.is-accordion-submenu-parent[aria-expanded='true'] > a::after {
  transform-origin: 50% 50%;
  transform: scaleY(-1); }

.breadcrumbs {
  list-style: none;
  margin: 1rem 0; }
  .breadcrumbs::before, .breadcrumbs::after {
    content: ' ';
    display: table; }
  .breadcrumbs::after {
    clear: both; }
  .breadcrumbs li {
    float: left;
    color: #0a0a0a;
    font-size: 0.6875rem;
    cursor: default;
    text-transform: uppercase; }
    .breadcrumbs li:not(:last-child)::after {
      color: #cacaca;
      content: "/";
      margin: 0 0.75rem;
      position: relative;
      top: 1px;
      opacity: 1; }
  .breadcrumbs a {
    color: #2199e8; }
    .breadcrumbs a:hover {
      text-decoration: underline; }
  .breadcrumbs .disabled {
    color: #cacaca;
    cursor: not-allowed; }

.button-group {
  margin-bottom: 1rem;
  font-size: 0; }
  .button-group::before, .button-group::after {
    content: ' ';
    display: table; }
  .button-group::after {
    clear: both; }
  .button-group .button {
    margin: 0;
    margin-right: 1px;
    margin-bottom: 1px;
    font-size: 0.9rem; }
    .button-group .button:last-child {
      margin-right: 0; }
  .button-group.tiny .button {
    font-size: 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;
      width: calc(50% - 1px);
      margin-right: 1px; }
      .button-group.expanded .button:first-child:nth-last-child(2):last-child, .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child {
        margin-right: -6px; }
    .button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button {
      display: inline-block;
      width: calc(33.33333% - 1px);
      margin-right: 1px; }
      .button-group.expanded .button:first-child:nth-last-child(3):last-child, .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child {
        margin-right: -6px; }
    .button-group.expanded .button:first-child:nth-last-child(4), .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button {
      display: inline-block;
      width: calc(25% - 1px);
      margin-right: 1px; }
      .button-group.expanded .button:first-child:nth-last-child(4):last-child, .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child {
        margin-right: -6px; }
    .button-group.expanded .button:first-child:nth-last-child(5), .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button {
      display: inline-block;
      width: calc(20% - 1px);
      margin-right: 1px; }
      .button-group.expanded .button:first-child:nth-last-child(5):last-child, .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child {
        margin-right: -6px; }
    .button-group.expanded .button:first-child:nth-last-child(6), .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button {
      display: inline-block;
      width: calc(16.66667% - 1px);
      margin-right: 1px; }
      .button-group.expanded .button:first-child:nth-last-child(6):last-child, .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child {
        margin-right: -6px; }
  .button-group.primary .button {
    background-color: #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 {
      width: auto;
      margin-bottom: 0; } }
  @media screen and (min-width: 64em) {
    .button-group.stacked-for-medium .button {
      width: auto;
      margin-bottom: 0; } }
  @media screen and (max-width: 39.9375em) {
    .button-group.stacked-for-small.expanded {
      display: block; }
      .button-group.stacked-for-small.expanded .button {
        display: block;
        margin-right: 0; } }

.callout {
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(10, 10, 10, 0.25);
  border-radius: 0;
  position: relative;
  color: #0a0a0a;
  background-color: white; }
  .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-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem; }
  .callout.large {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem; }

.close-button {
  position: absolute;
  color: #8a8a8a;
  right: 1rem;
  top: 0.5rem;
  font-size: 2em;
  line-height: 1;
  cursor: pointer; }
  [data-whatinput='mouse'] .close-button {
    outline: 0; }
  .close-button:hover, .close-button:focus {
    color: #fafafa; }

.menu {
  margin: 0;
  list-style-type: none; }
  .menu > li {
    display: table-cell;
    vertical-align: middle; }
    [data-whatinput='mouse'] .menu > li {
      outline: 0; }
  .menu > li > a {
    display: block;
    padding: 1.8rem 1rem;
    height: 70px;
    line-height: 1; }
  .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  {
    /*background-color: rgba(0, 0, 0, 0.1);*/}
  .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 {
    margin-right: 0.25rem;
    display: inline-block; }
  .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 {
    line-height: 1;
    display: inline-block;
    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 {
    width: 100%;
    display: table;
    table-layout: fixed; }
    .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 {
    color: #fefefe;
    background: #2199e8; }

.menu-text {
  font-weight: bold;
  color: inherit;
  line-height: 1;
  padding-top: 0;
  padding-bottom: 0;
  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 {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 40px;
  height: 32px;
  border: 1px solid #666;
  border-radius: 4px;
  margin-top: 10px;
}
.menu-icon::after {
  content: '';
  position: absolute;
  display: block;
  width: 60%;
  height: 2px;
  background: #666;
  top: 20%;
  left: 20%;
  box-shadow: 0 7px 0 #666, 0 14px 0 #666;
}
.menu-icon:hover {
  border-color: #cacaca;
}
.menu-icon:hover::after {
  background: #cacaca;
  box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
}

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 20px;
  height: 16px; }
  .menu-icon.dark::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #0a0a0a;
    top: 0;
    left: 0;
    box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; }
  .menu-icon.dark:hover::after {
    background: #8a8a8a;
    box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; }

.dropdown-pane {
  border: 1px solid #000000;
  background-color: rgba(0, 0, 0, 0.8);
  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 {
  right: auto;
  left: 0;
  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 {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: #2199e8 transparent transparent;
  border-top-style: solid;
  border-bottom-width: 0;
  right: 5px;
  margin-top: -2px; }
[data-whatinput='mouse'] .dropdown.menu a {
  outline: 0; }
.no-js .dropdown.menu ul {
  display: none; }
.dropdown.menu.vertical > li .is-dropdown-submenu {
  top: 0; }
.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
  left: auto;
  right: 100%; }
.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%; }
.dropdown.menu.vertical > li > a::after {
  right: 14px;
  margin-top: -3px; }
.dropdown.menu.vertical > li.opens-left > a::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: transparent #2199e8 transparent transparent;
  border-right-style: solid;
  border-left-width: 0; }
.dropdown.menu.vertical > li.opens-right > a::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: transparent transparent transparent #2199e8;
  border-left-style: solid;
  border-right-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 {
    right: auto;
    left: 0;
    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 {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: #2199e8 transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    right: 5px;
    margin-top: -2px; }
  .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 {
    right: auto;
    left: 100%; }
  .dropdown.menu.medium-vertical > li > a::after {
    right: 14px;
    margin-top: -3px; }
  .dropdown.menu.medium-vertical > li.opens-left > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent #2199e8 transparent transparent;
    border-right-style: solid;
    border-left-width: 0; }
  .dropdown.menu.medium-vertical > li.opens-right > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent transparent transparent #2199e8;
    border-left-style: solid;
    border-right-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 {
    right: auto;
    left: 0;
    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 {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: #2199e8 transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    right: 5px;
    margin-top: -2px; }
  .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 {
    right: auto;
    left: 100%; }
  .dropdown.menu.large-vertical > li > a::after {
    right: 14px;
    margin-top: -3px; }
  .dropdown.menu.large-vertical > li.opens-left > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent #2199e8 transparent transparent;
    border-right-style: solid;
    border-left-width: 0; }
  .dropdown.menu.large-vertical > li.opens-right > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent transparent transparent #2199e8;
    border-left-style: solid;
    border-right-width: 0; } }
.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  top: 100%;
  left: auto;
  right: 0; }

.is-dropdown-menu.vertical {
  width: 100px; }
  .is-dropdown-menu.vertical.align-right {
    float: right; }

.is-dropdown-submenu-parent {
  position: relative; }
  .is-dropdown-submenu-parent a::after {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -2px; }
  .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
    top: 100%;
    left: auto; }
  .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
    left: auto;
    right: 100%; }
  .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; }

.is-dropdown-submenu {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 200px;
  z-index: 1;
  background: #fefefe;
  border: 1px solid #cacaca; }
  .is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
    right: 14px;
    margin-top: -3px; }
  .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent #2199e8 transparent transparent;
    border-right-style: solid;
    border-left-width: 0; }
  .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent transparent transparent #2199e8;
    border-left-style: solid;
    border-right-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 {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  border-radius: 0;
  background: #2199e8;
  color: #fefefe; }
  .label.secondary {
    background: #777;
    color: #fefefe; }
  .label.success {
    background: #3adb76;
    color: #fefefe; }
  .label.warning {
    background: #ffae00;
    color: #fefefe; }
  .label.alert {
    background: #ec5840;
    color: #fefefe; }

.media-object {
  margin-bottom: 1rem;
  display: block; }
  .media-object img {
    max-width: none; }
  @media screen and (max-width: 39.9375em) {
    .media-object.stack-for-small .media-object-section {
      padding: 0;
      padding-bottom: 1rem;
      display: block; }
      .media-object.stack-for-small .media-object-section img {
        width: 100%; } }

.media-object-section {
  display: table-cell;
  vertical-align: top; }
  .media-object-section:first-child {
    padding-right: 1rem; }
  .media-object-section:last-child:not(:nth-child(2)) {
    padding-left: 1rem; }
  .media-object-section > :last-child {
    margin-bottom: 0; }
  .media-object-section.middle {
    vertical-align: middle; }
  .media-object-section.bottom {
    vertical-align: bottom; }

html,
body {
  height: 100%; }

.off-canvas-wrapper {
  width: 100%;
  overflow-x: hidden;
  position: relative;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: auto; }

.off-canvas-wrapper-inner {
  position: relative;
  width: 100%;
  transition: transform 0.5s ease; }
  .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 {
  min-height: 100%;
  background: #fefefe;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  z-index: 1;
  padding-bottom: 0.1px;}

.js-off-canvas-exit {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(254, 254, 254, 0.25);
  cursor: pointer;
  transition: background 0.5s ease; }

.off-canvas {
  position: absolute;
  background: #f6f6f6;
  z-index: -1;
  max-height: 100%;
  overflow-y: auto;
  transform: translateX(0); }
  [data-whatinput='mouse'] .off-canvas {
    outline: 0; }
  .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;
    z-index: auto;
    position: fixed; }
    .position-left.reveal-for-medium ~ .off-canvas-content {
      margin-left: 250px; }

  .position-right.reveal-for-medium {
    right: 0;
    z-index: auto;
    position: fixed; }
    .position-right.reveal-for-medium ~ .off-canvas-content {
      margin-right: 250px; } }
@media screen and (min-width: 64em) {
  .position-left.reveal-for-large {
    left: 0;
    z-index: auto;
    position: fixed; }
    .position-left.reveal-for-large ~ .off-canvas-content {
      margin-left: 250px; }

  .position-right.reveal-for-large {
    right: 0;
    z-index: auto;
    position: fixed; }
    .position-right.reveal-for-large ~ .off-canvas-content {
      margin-right: 250px; } }
.orbit {
  position: relative; }

.orbit-container {
  position: relative;
  margin: 0;
  overflow: hidden;
  list-style: none; }

.orbit-slide {
  width: 100%;
  max-height: 100%; }
  .orbit-slide.no-motionui.is-active {
    top: 0;
    left: 0; }

.orbit-figure {
  margin: 0; }

.orbit-image {
  margin: 0;
  width: 100%;
  max-width: 100%; }

.orbit-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 1rem;
  margin-bottom: 0;
  color: #fefefe;
  background-color: rgba(10, 10, 10, 0.5); }

.orbit-previous, .orbit-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  padding: 1rem;
  color: #fefefe; }
  [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next {
    outline: 0; }
  .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {
    background-color: rgba(10, 10, 10, 0.1); }

  #modal-gallery-viewer .orbit-previous,#modal-gallery-viewer  .orbit-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  padding: 1rem;
  background-color: rgba(10, 10, 10, 0.1);
  color: #fefefe; }
  [data-whatinput='mouse'] #modal-gallery-viewer  .orbit-previous, [data-whatinput='mouse'] #modal-gallery-viewer .orbit-next {
    outline: 0; }
  #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 {
  position: relative;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  text-align: center; }
  [data-whatinput='mouse'] .orbit-bullets {
    outline: 0; }
  .orbit-bullets button {
     }
    .orbit-bullets button:hover {
       }
    .orbit-bullets button.is-active {
       }

.pagination {
  margin-left: 0;
  margin-bottom: 1rem; }
  .pagination::before, .pagination::after {
    content: ' ';
    display: table; }
  .pagination::after {
    clear: both; }
  .pagination li {
    font-size: 0.875rem;
    margin-right: 0.0625rem;
    border-radius: 0;
    display: none; }
    .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 {
    color: #0a0a0a;
    display: block;
    padding: 0.1875rem 0.625rem;
    border-radius: 0; }
    .pagination a:hover,
    .pagination button:hover {
      background: #f6f6f6; }
  .pagination .current {
    padding: 0.1875rem 0.625rem;
    background: #2199e8;
    color: #fefefe;
    cursor: default; }
  .pagination .disabled {
    padding: 0.1875rem 0.625rem;
    color: #cacaca;
    cursor: not-allowed; }
    .pagination .disabled:hover {
      background: transparent; }
  .pagination .ellipsis::after {
    content: '\2026';
    padding: 0.1875rem 0.625rem;
    color: #0a0a0a; }

.pagination-previous a::before,
.pagination-previous.disabled::before {
  content: '\00ab';
  display: inline-block;
  margin-right: 0.5rem; }

.pagination-next a::after,
.pagination-next.disabled::after {
  content: '\00bb';
  display: inline-block;
  margin-left: 0.5rem; }

.slider {
  position: relative;
  height: 0.5rem;
  margin-top: 1.25rem;
  margin-bottom: 2.25rem;
  background-color: #f6f6f6;
  cursor: pointer;
  user-select: none;
  touch-action: none; }

.slider-fill {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  max-width: 100%;
  height: 0.5rem;
  background-color: #cacaca;
  transition: all 0.2s ease-in-out; }
  .slider-fill.is-dragging {
    transition: all 0s linear; }

.slider-handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 0;
  z-index: 1;
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  background-color: #2199e8;
  transition: all 0.2s ease-in-out;
  touch-action: manipulation;
  border-radius: 0; }
  [data-whatinput='mouse'] .slider-handle {
    outline: 0; }
  .slider-handle:hover {
    background-color: #1583cc; }
  .slider-handle.is-dragging {
    transition: all 0s linear; }

.slider.disabled,
.slider[disabled] {
  opacity: 0.25;
  cursor: not-allowed; }

.slider.vertical {
  display: inline-block;
  width: 0.5rem;
  height: 12.5rem;
  margin: 0 1.25rem;
  transform: scale(1, -1); }
  .slider.vertical .slider-fill {
    top: 0;
    width: 0.5rem;
    max-height: 100%; }
  .slider.vertical .slider-handle {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1.4rem;
    height: 1.4rem;
    transform: translateX(-50%); }

.sticky-container {
  position: relative; }

.sticky {
  position: absolute;
  z-index: 0;
  transform: translate3d(0, 0, 0); }

.sticky.is-stuck {
  position: fixed;
  z-index: 5; }
  .sticky.is-stuck.is-at-top {
    top: 0; }
  .sticky.is-stuck.is-at-bottom {
    bottom: 0; }

.sticky.is-anchored {
  position: absolute;
  left: auto;
  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;
  user-select: none; }

.reveal-overlay {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1005;
  background-color: rgba(10, 10, 10, 0.45);
  overflow-y: scroll; }

.reveal {
  display: none;
  z-index: 1006;
  padding: 1rem;
  border: 1px solid #cacaca;
  background-color: #fefefe;
  border-radius: 0;
  position: relative;
  top: 100px;
  margin-left: auto;
  margin-right: auto;
  overflow-y: auto; }
  [data-whatinput='mouse'] .reveal {
    outline: 0; }
  @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 {
      width: 600px;
      max-width: 75rem; } }
  @media screen and (min-width: 40em) {
    .reveal .reveal {
      left: auto;
      right: auto;
      margin: 0 auto; } }
  .reveal.collapse {
    padding: 0; }
  @media screen and (min-width: 40em) {
    .reveal.tiny {
      width: 30%;
      max-width: 75rem; } }
  @media screen and (min-width: 40em) {
    .reveal.small {
      width: 50%;
      max-width: 75rem; } }
  @media screen and (min-width: 40em) {
    .reveal.large {
      width: 60%;
      max-width: 75rem; } }
  @media screen and (min-width: 40em) {
    .reveal.verylarge {
      width: 90%;
      max-width: 75rem; } }
  .reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    max-width: none;
    margin-left: 0;
    border: 0;
    border-radius: 0; }
  @media screen and (max-width: 39.9375em) {
    .reveal {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      height: 100vh;
      min-height: 100vh;
      max-width: none;
      margin-left: 0;
      border: 0;
      border-radius: 0; } }
  .reveal.without-overlay {
    position: fixed; }

.switch {
  margin-bottom: 1rem;
  outline: 0;
  position: relative;
  user-select: none;
  color: #fefefe;
  font-weight: bold;
  font-size: 0.875rem; }

.switch-input {
  opacity: 0;
  position: absolute; }

.switch-paddle {
  background: #cacaca;
  cursor: pointer;
  display: block;
  position: relative;
  width: 4rem;
  height: 2rem;
  transition: all 0.25s ease-out;
  border-radius: 0;
  color: inherit;
  font-weight: inherit; }
  input + .switch-paddle {
    margin: 0; }
  .switch-paddle::after {
    background: #fefefe;
    content: '';
    display: block;
    position: absolute;
    height: 1.5rem;
    left: 0.25rem;
    top: 0.25rem;
    width: 1.5rem;
    transition: all 0.25s ease-out;
    transform: translate3d(0, 0, 0);
    border-radius: 0; }
  input:checked ~ .switch-paddle {
    background: #2199e8; }
    input:checked ~ .switch-paddle::after {
      left: 2.25rem; }
  [data-whatinput='mouse'] input:focus ~ .switch-paddle {
    outline: 0; }

.switch-active, .switch-inactive {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

.switch-active {
  left: 8%;
  display: none; }
  input:checked + label > .switch-active {
    display: block; }

.switch-inactive {
  right: 15%; }
  input:checked + label > .switch-inactive {
    display: none; }

.switch.tiny .switch-paddle {
  width: 3rem;
  height: 1.5rem;
  font-size: 0.625rem; }
.switch.tiny .switch-paddle::after {
  width: 1rem;
  height: 1rem; }
.switch.tiny input:checked ~ .switch-paddle::after {
  left: 1.75rem; }

.switch.small .switch-paddle {
  width: 3.5rem;
  height: 1.75rem;
  font-size: 0.75rem; }
.switch.small .switch-paddle::after {
  width: 1.25rem;
  height: 1.25rem; }
.switch.small input:checked ~ .switch-paddle::after {
  left: 2rem; }

.switch.large .switch-paddle {
  width: 5rem;
  height: 2.5rem;
  font-size: 1rem; }
.switch.large .switch-paddle::after {
  width: 2rem;
  height: 2rem; }
.switch.large input:checked ~ .switch-paddle::after {
  left: 2.75rem; }

table {
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0; }
  thead,
  tbody,
  tfoot {
    border: 1px solid #f1f1f1;
    background-color: #fefefe; }

  caption {
    font-weight: bold;
    padding: 0.5rem 0.625rem 0.625rem; }

  thead,
  tfoot {
    background: #f8f8f8;
    color: #0a0a0a; }
    thead tr,
    tfoot tr {
      background: transparent; }
    thead th,
    thead td,
    tfoot th,
    tfoot td {
      padding: 0.5rem 0.625rem 0.625rem;
      font-weight: bold;
      text-align: left; }

  tbody tr:nth-child(even) {
    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; } }

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto; }

table.hover tr:hover {
  background-color: #f9f9f9; }
table.hover tr:nth-of-type(even):hover {
  background-color: #ececec; }

.table-scroll {
  overflow-x: auto; }
  .table-scroll table {
    width: auto; }

.tabs {
  margin: 0;
  list-style-type: none;
  background: #fefefe;
  border: 1px solid #f6f6f6; }
  .tabs::before, .tabs::after {
    content: ' ';
    display: table; }
  .tabs::after {
    clear: both; }

.tabs.vertical > li {
  width: auto;
  float: none;
  display: block; }

.tabs.simple > li > a {
  padding: 0; }
  .tabs.simple > li > a:hover {
    background: transparent; }

.tabs.primary {
  background: #2199e8; }
  .tabs.primary > li > a {
    color: #fefefe; }
    .tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
      background: #1893e4; }

.tabs-title {
  float: left; }
  .tabs-title > a {
    display: block;
    padding: 1.25rem 1.5rem;
    line-height: 1;
    font-size: 0.75rem; }
    .tabs-title > a:hover {
      background: #fefefe; }
    .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
      background: #f6f6f6; }

.tabs-content {
  background: #fefefe;
  transition: all 0.5s ease;
  border: 1px solid #f6f6f6;
  border-top: 0; }

.tabs-content.vertical {
  border: 1px solid #f6f6f6;
  border-left: 0; }

.tabs-panel {
  display: none;
  padding: 1rem; }
  .tabs-panel.is-active {
    display: block; }

.thumbnail {
  /*border: solid 4px #fefefe;
  box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);*/
  display: inline-block;
  line-height: 0;
  max-width: 100%;
  transition: box-shadow 200ms ease-out;
  border-radius: 0;
  margin-bottom: 1rem; }
  .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);
  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 {
  font-weight: bold;
  vertical-align: middle;
  display: inline-block;
  margin-top: 10px;
}

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 20px;
  height: 16px; }
  .menu-icon.dark::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #0a0a0a;
    top: 0;
    left: 0;
    box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; }
  .menu-icon.dark:hover::after {
    background: #8a8a8a;
    box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; }

.has-tip {
  border-bottom: dotted 1px #8a8a8a;
  position: relative;
  display: inline-block;
  cursor: help; }

.tooltip {
  background-color: #0a0a0a;
  color: #fefefe;
  font-size: 80%;
  padding: 0.75rem;
  position: absolute;
  z-index: 10;
  top: calc(100% + 0.6495rem);
  max-width: 10rem !important;
  border-radius: 0; }
  .tooltip::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    border-color: transparent transparent #0a0a0a;
    border-bottom-style: solid;
    border-top-width: 0;
    bottom: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
  .tooltip.top::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    border-color: #0a0a0a transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    top: 100%;
    bottom: auto; }
  .tooltip.left::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    border-color: transparent transparent transparent #0a0a0a;
    border-left-style: solid;
    border-right-width: 0;
    bottom: auto;
    left: 100%;
    top: 50%;
    transform: translateY(-50%); }
  .tooltip.right::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    border-color: transparent #0a0a0a transparent transparent;
    border-right-style: solid;
    border-left-width: 0;
    bottom: auto;
    left: auto;
    right: 100%;
    top: 50%;
    transform: translateY(-50%); }

.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 {
    max-width: 200px;
    margin-right: 1rem; }
  .top-bar .input-group-field {
    width: 100%;
    margin-right: 0; }
  .top-bar input.button {
    width: auto; }
  .top-bar .top-bar-left,
  .top-bar .top-bar-right {
    width: 100%; }
  @media 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-right {
  float: right; }

.hide {
  display: none !important; }

.invisible {
  visibility: hidden; }

@media screen and (max-width: 39.9375em) {
  .hide-for-small-only {
    display: none !important; } }

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important; } }

@media screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important; } }

@media screen and (max-width: 39.9375em) {
  .show-for-medium {
    display: none !important; } }

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .hide-for-medium-only {
    display: none !important; } }

@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important; } }

@media screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important; } }

@media screen and (max-width: 63.9375em) {
  .show-for-large {
    display: none !important; } }

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .hide-for-large-only {
    display: none !important; } }

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important; } }

@media screen and (min-width: 64em) {
  .hide-for-large-up {
    display: none !important; } }

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0); }

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto; }

.show-for-landscape,
.hide-for-portrait {
  display: block !important; }
  @media screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
      display: block !important; } }
  @media screen and (orientation: portrait) {
    .show-for-landscape,
    .hide-for-portrait {
      display: none !important; } }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }
  @media screen and (orientation: landscape) {
    .hide-for-landscape,
    .show-for-portrait {
      display: none !important; } }
  @media screen and (orientation: portrait) {
    .hide-for-landscape,
    .show-for-portrait {
      display: block !important; } }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-center {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.clearfix::before, .clearfix::after {
  content: ' ';
  display: table; }
.clearfix::after {
  clear: both; }

.slide-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(-100%);
  transition-property: transform, opacity;
  backface-visibility: hidden; }
.slide-in-down.mui-enter.mui-enter-active {
  transform: translateY(0); }

.slide-in-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(-100%);
  transition-property: transform, opacity;
  backface-visibility: hidden; }
.slide-in-left.mui-enter.mui-enter-active {
  transform: translateX(0); }

.slide-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(100%);
  transition-property: transform, opacity;
  backface-visibility: hidden; }
.slide-in-up.mui-enter.mui-enter-active {
  transform: translateY(0); }

.slide-in-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(100%);
  transition-property: transform, opacity;
  backface-visibility: hidden; }
.slide-in-right.mui-enter.mui-enter-active {
  transform: translateX(0); }

.slide-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(0);
  transition-property: transform, opacity;
  backface-visibility: hidden; }
.slide-out-down.mui-leave.mui-leave-active {
  transform: translateY(100%); }

.slide-out-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(0);
  transition-property: transform, opacity;
  backface-visibility: hidden; }
.slide-out-right.mui-leave.mui-leave-active {
  transform: translateX(100%); }

.slide-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(0);
  transition-property: transform, opacity;
  backface-visibility: hidden; }
.slide-out-up.mui-leave.mui-leave-active {
  transform: translateY(-100%); }

.slide-out-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(0);
  transition-property: transform, opacity;
  backface-visibility: hidden; }
.slide-out-left.mui-leave.mui-leave-active {
  transform: translateX(-100%); }

.fade-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 0;
  transition-property: opacity; }
.fade-in.mui-enter.mui-enter-active {
  opacity: 1; }

.fade-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 1;
  transition-property: opacity; }
.fade-out.mui-leave.mui-leave-active {
  opacity: 0; }

.hinge-in-from-top.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(-90deg);
  transform-origin: top;
  transition-property: transform, opacity;
  opacity: 0; }
.hinge-in-from-top.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(-90deg);
  transform-origin: right;
  transition-property: transform, opacity;
  opacity: 0; }
.hinge-in-from-right.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-bottom.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(90deg);
  transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 0; }
.hinge-in-from-bottom.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(90deg);
  transform-origin: left;
  transition-property: transform, opacity;
  opacity: 0; }
.hinge-in-from-left.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-middle-x.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(-90deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0; }
.hinge-in-from-middle-x.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-middle-y.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(-90deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0; }
.hinge-in-from-middle-y.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-out-from-top.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: top;
  transition-property: transform, opacity;
  opacity: 1; }
.hinge-out-from-top.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0; }

.hinge-out-from-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: right;
  transition-property: transform, opacity;
  opacity: 1; }
.hinge-out-from-right.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0; }

.hinge-out-from-bottom.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 1; }
.hinge-out-from-bottom.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(90deg);
  opacity: 0; }

.hinge-out-from-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: left;
  transition-property: transform, opacity;
  opacity: 1; }
.hinge-out-from-left.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(90deg);
  opacity: 0; }

.hinge-out-from-middle-x.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1; }
.hinge-out-from-middle-x.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0; }

.hinge-out-from-middle-y.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1; }
.hinge-out-from-middle-y.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0; }

.scale-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(0.5);
  transition-property: transform, opacity;
  opacity: 0; }
.scale-in-up.mui-enter.mui-enter-active {
  transform: scale(1);
  opacity: 1; }

.scale-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1.5);
  transition-property: transform, opacity;
  opacity: 0; }
.scale-in-down.mui-enter.mui-enter-active {
  transform: scale(1);
  opacity: 1; }

.scale-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1; }
.scale-out-up.mui-leave.mui-leave-active {
  transform: scale(1.5);
  opacity: 0; }

.scale-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1; }
.scale-out-down.mui-leave.mui-leave-active {
  transform: scale(0.5);
  opacity: 0; }

.spin-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(-0.75turn);
  transition-property: transform, opacity;
  opacity: 0; }
.spin-in.mui-enter.mui-enter-active {
  transform: rotate(0);
  opacity: 1; }

.spin-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1; }
.spin-out.mui-leave.mui-leave-active {
  transform: rotate(0.75turn);
  opacity: 0; }

.spin-in-ccw.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0.75turn);
  transition-property: transform, opacity;
  opacity: 0; }
.spin-in-ccw.mui-enter.mui-enter-active {
  transform: rotate(0);
  opacity: 1; }

.spin-out-ccw.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1; }
.spin-out-ccw.mui-leave.mui-leave-active {
  transform: rotate(-0.75turn);
  opacity: 0; }

.slow {
  transition-duration: 750ms !important; }

.fast {
  transition-duration: 250ms !important; }

.linear {
  transition-timing-function: linear !important; }

.ease {
  transition-timing-function: ease !important; }

.ease-in {
  transition-timing-function: ease-in !important; }

.ease-out {
  transition-timing-function: ease-out !important; }

.ease-in-out {
  transition-timing-function: ease-in-out !important; }

.bounce-in {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }

.bounce-out {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }

.bounce-in-out {
  transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }

.short-delay {
  transition-delay: 300ms !important; }

.long-delay {
  transition-delay: 700ms !important; }

.shake {
  animation-name: shake-7; }
@keyframes shake-7 {
  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    transform: translateX(7%); }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    transform: translateX(-7%); } }
.spin-cw {
  animation-name: spin-cw-1turn; }
@keyframes spin-cw-1turn {
  0% {
    transform: rotate(-1turn); }
  100% {
    transform: rotate(0); } }
.spin-ccw {
  animation-name: spin-cw-1turn; }
@keyframes spin-cw-1turn {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(1turn); } }
.wiggle {
  animation-name: wiggle-7deg; }
@keyframes wiggle-7deg {
  40%, 50%, 60% {
    transform: rotate(7deg); }
  35%, 45%, 55%, 65% {
    transform: rotate(-7deg); }
  0%, 30%, 70%, 100% {
    transform: rotate(0); } }
.shake,
.spin-cw,
.spin-ccw,
.wiggle {
  animation-duration: 500ms; }

.infinite {
  animation-iteration-count: infinite; }

.slow {
  animation-duration: 750ms !important; }

.fast {
  animation-duration: 250ms !important; }

.linear {
  animation-timing-function: linear !important; }

.ease {
  animation-timing-function: ease !important; }

.ease-in {
  animation-timing-function: ease-in !important; }

.ease-out {
  animation-timing-function: ease-out !important; }

.ease-in-out {
  animation-timing-function: ease-in-out !important; }

.bounce-in {
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }

.bounce-out {
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }

.bounce-in-out {
  animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }

.short-delay {
  animation-delay: 300ms !important; }

.long-delay {
  animation-delay: 700ms !important; }

/* Alpha Omega */

.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;
    }
}
.off-canvas.is-open {
    left:0;
    z-index: 1000;
     transition: all 0.2s;
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/MaterialIcons-Regular.eot'); /* For IE6-8 */
  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 {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  vertical-align: middle;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

    .material-icons:before {
        content: attr(mt-icon);
    }

.datepicker {
  display: none;
  position: absolute;
  padding: 4px;
  margin-top: 1px;
  direction: ltr; }
  .datepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    list-style: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border-right-width: 2px;
    border-bottom-width: 2px;
    color: #333;
    font-size: 13px;
    line-height: 18px; }
    .datepicker.dropdown-menu th {
      padding: 4px 5px; }
    .datepicker.dropdown-menu td {
      padding: 4px 5px; }
  .datepicker table {
    border: 0;
    margin: 0;
    width: auto; }
    .datepicker table tr td span {
      display: block;
      width: 23%;
      height: 54px;
      line-height: 54px;
      float: left;
      margin: 1%;
      cursor: pointer; }
  .datepicker td {
    text-align: center;
    width: 20px;
    height: 20px;
    border: 0;
    font-size: 12px;
    padding: 4px 8px;
    background: #fff;
    cursor: pointer; }
    .datepicker td.active.day, .datepicker td.active.year {
      background: #002561;
      color: #ffffff;
    }
    .datepicker td.old, .datepicker td.new {
      color: #999; }
    .datepicker td span.active {
      background: #002561; }
    .datepicker td.day.disabled {
      color: #eee; }
    .datepicker td span.month.disabled, .datepicker td span.year.disabled {
      color: #eee; }
  .datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border: 0;
    font-size: 12px;
    padding: 4px 8px;
    background: #fff;
    cursor: pointer; }
    .datepicker th.active.day, .datepicker th.active.year {
      background: #002561; }
    .datepicker th.date-switch {
      width: 145px; }
    .datepicker th span.active {
      background: #002561; }
  .datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle; }
  .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 {
      cursor: default;
      background-color: transparent; }
  .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 {
  top: 0;
  left: 0; }
  .datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: 1px solid rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 6px; }
  .datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -6px;
    left: 7px; }

.datepicker > div,
.datepicker-dropdown::before,
.datepicker-dropdown::after {
  display: none; }

.datepicker-close {
  position: absolute;
  top: -30px;
  right: 0;
  width: 15px;
  height: 30px;
  padding: 0;
  display: none; }

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent; }

/*# sourceMappingURL=foundation-datepicker.css.map */

.video-js .vjs-big-play-button:before, .video-js .vjs-control:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video-js .vjs-big-play-button:before, .video-js .vjs-control:before {
  text-align: center; }

@font-face {
  font-family: VideoJS;
  src: url("font/VideoJS.eot?#iefix") format("eot"); }

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAA54AAoAAAAAFmgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD4AAABWUZFeBWNtYXAAAAE0AAAAOgAAAUriMBC2Z2x5ZgAAAXAAAAouAAAPUFvx6AdoZWFkAAALoAAAACsAAAA2DIPpX2hoZWEAAAvMAAAAGAAAACQOogcgaG10eAAAC+QAAAAPAAAAfNkAAABsb2NhAAAL9AAAAEAAAABAMMg06m1heHAAAAw0AAAAHwAAACABMAB5bmFtZQAADFQAAAElAAACCtXH9aBwb3N0AAANfAAAAPwAAAGBZkSN43icY2BkZ2CcwMDKwMFSyPKMgYHhF4RmjmEIZzzHwMDEwMrMgBUEpLmmMDh8ZPwoxw7iLmSHCDOCCADvEAo+AAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGD7K/f8PUvCREUTzM0DVAwEjG8OIBwCPdwbVAAB4nI1Xe1CU1xX/zv1eLItLln0JwrIfC7sJGET2hRJ2N1GUoBJE8AESQEEhmBHjaB7UuBMTO4GMaSu7aY3RNlOdRPNqO2pqRmuTaSZtR6JJILUZk00a/4imjpmiecB303O/XUgMJOPufvd+99xzzz33nN855y4HHH7EfrGfIxwHRiANvF/sH71I9BzHszmpW+rGOQOXxXE6YhI4PoMT8zkT4cDFuf1cwMrZJI5cglM0HKVv0MaUFDgIFfg9mJJCG+kbKn1JkqBOVaFOkuhLpARq8fu0Nnc9/zdvfY9PxXW4PdH0C6N+PCejhorxFjAqRjgFRXSINEARbBGsoxcFK7IJmr4OycFJnInL59zIXwxui80fkGRbEHyosMWaATJKUfCskmwJQsAWANkmnIGOhlf514h7U8HNIv3owoHB0WMt0Eb3sx0guLi5pq/8Ny1q6969fKR9X9GBV6dPv6dp04K99SOwtmyPl47ApRa6n4ZpP1yjr5fn7MmYP/vXLUJs715UguklHBaHOZHZmG1N9FAIW2mf0MqWCIdo/8RZ1yGfxKUldDcGIbFA7ICO+vqOMSPTh/ZrSqgHi/bB/O8E8Mnzp+M+acxfpsTShBwej26TiGxBn7m4eEIO+Rueu6Hj+IFBnh88cAEUEQ//nVLx5C7kf+yIR47QEe+eMlhz9SqsGbe3hh2R03NGzoY6O42Kz8l7fB6fAk6LYnTyFo/FYyT6GGyNx2Jx2sdH4rA1Fo/HyCXaFyOp8dhYBCfJb2NIn1ImE6CYNGmgSTb52DawJR6jfXEmDU4xyTEmpgHHOIStoxfjSGdkbsK2w2jbdMQG4sgAstEONgURYCwGHhEhhscioQaAhhCf7McifEQc0l6+mxj9nI+gmSdiQ0Zbm7gZnIO7GSMEXG6UDAVocxAV8GcEXCKg1a02RcTtwANWRGIAyElor6n/+ZU2yOB3+T77Hb1MLqhn4KHVnQBjJnqe9QZSon6Kc5DxAD2vMdPL/BXSmQGwspa67z9wLUjdi9TN7QC7lyyBr9rpt7uXVC1CMpyjKRoXnGPHTuiaPLsNdc2dbAFQLAooPkXEh33FodHl4XpC6sPCIa0ftUIhHSYXVSu5iME+DIXsbZJ51BeidCgajcai43jU9nVzoSn2dPqcFvSoxSzJzgRKAx47WMRxOrIj3Wf0+hndxhJTiOkSEqxar3b3RKM9hY64oxBA64ieURLvCfpkDb8siBdUJ1bgT+urJ5PGfewQrmm5R5+0HmfyIPySD7OYkT0WxRePah8oEiyjlxIP74thVoRTURpmL6QhGuWS+QDjdANXjIM8SQa/1w128ODx0Qp4aLMNg9+JL3joUn8AMxW+aLNiuKjarn4uyyTdXjOzZTsh21uwldUvJoYza+zELALfu3p1L8/3krtyZ0Ag058J3hxHghvbGZn0dHZy6Mim/7Blre4lpHd1c28yVqRViO153F2oIWoXCIKbL4Z0cM1iaQn9mI5KuV2SzEvWXJDMNtkANpMdQoDDhIdD4A/YrP6Aye9ysxyE+uOEAcTDorgvVZJjcua043PnZ/PmdDqcbibZlXOOT8uSo7Kof0YUn9GL+Jo17ficymxiTofC6znUso0DhAxs1Fo+kF+d36vLmgZ8mk5cdGv2mwYj5k3Dm9m3LhJ1aVRNm6HrTbLgYAoWXDhDd/u4PGy5CT+xGMdiaBovewUCF/1BiWNljI9MLn7jeScpg+WyH6mfU62eVDql7hsrmvx1ezp/YldE2LhjbkiDnAn8tGy/MW3IXRMYJduvq9HpmIcKuFt+JCtgdGEGKAcF6UacVwIYbVPGfw/+YuNBS4cx/CUHcnyfc+wRDMtTr72mMSBjT/yn/GKSdeDWQUCH6Xoqq5R10RE60gV6erUL0iCti16d0hZjxut4QI/rEpgSh6WjnJXdBXRg1GKCucGJPtFqM27aD1tOqqKonsQ2KsFSSmEpmvRlsR+TcD9OFwrqXxIclL4sJTnGMSuG8KpkZvKdeVIOKDyWSyPLV16/p1QMPbP8NihwUzr47bdnXtwtjdCvqqpO0H+pOvIl3Pzv46e5CT/tQjklXCXXym1AaWY7bzHLkuDMc7ldKCvgxzLn8wYkJLBhEDyK7MT8bTbwbkxbfp+3mKAGsmTBpabSIEECzMIcQlzOPAMKsxMs7uhsnxPLuofPDTc1hkuq6MX9j16YU7CqegcYHbmWYuvAP6tCS97tgWf7dlQvnl25YPavXLVZvrzQPeHCpZmzzEUVq/xzu5sChnSTPTW7oOYmh69z4zL/gk3b+O6hoa733uviP82vnFcbqWlc9tDmZa23LVzaV1yXURi+JX+28NeBuj3+O8IrQ080Vm1eWB4OKjPmrJu7c1udWynvKF6/vs479lSW9+5gZkn+dKfellNGDPllzeULustz+A0bPvhgw7lkvEUwn/N4Ty7U7nhGsEpFkOfy+kutbOh1JQxhVDJumoW11hnkPThznh6FFlhfT+ra1x9sF56kx5YuDzVY9PQYAYA7iblw4frQ4TPCk2MK/xGU3rlmze62trHz6lsko+v+So/do74PT8KVkpJfOErKcv8znrMGsHTNxoEkWy1mYgDB6XBbPaWsuiS6CryGaL6zCjaXBgvtkuyXBua1wOKnh+k7L9AvPnYWffxK18FcJbuosGf3/Jo7amY+CE1vppzY+UTrva0FXc1i55pKQ/YjVL187N5fCn1kW5uot/1hi+DiZ+5atnJR9E+prvydJ9ZZ5mwOpU5gM4KYysMBQ71UzPuMTl9QQOyUo5nwioeYCPjFklrbK6s6X+ypUZ6rum9+CZYzWRiBJfSP0xzzSmrg7f86g0DKVj/wwFzieD9rRfPGFbeKMl05pn5j9/rsQJJ2iEgRrpohlyBo3f4QK7Kl+EcAYZgAoNVmZWXK704YAa3FwBxgSGUOs5htvGRz4Sgj3yFkSJFBuv/sxu5yk998T8WDJzvv/2RX19HtTUW1S+wpKRKRjJ6zzz/1/OPdFdWGlAKbvzS4PHOtURikg9AGz0LbIB85S/cPOpoXvuue8/iV2H1vPTy3ddvOeZ37HGmO3OmSzVzR+NS53+84dHlFhXPLqtzSO+5ruHM2vXtBdxP87LOzKAD359j/INYIbyPabIi3Cq6Wa+SaGe78diIzu7qcblcAa6/fJRvNopXFJnO+U9KKM5bqH5LM0iQSVmpPCPDu7ZT4Aoubz3709EBTyrTDjyx8MQXgUH1nqm7TWng4TzE4i4AsKskBITXfSyC4Fkl5MxnJDiKSIDSJAsGvd1y+/eNDp2e+A+5d8HeiiunrTkT6TqWLIs+/QRoWr98s0qj8uuzLuS22Ytufg3rdTaHn1m46sfgGKHXt0MGnLaRHdnwN37tvHcWKo2V6lnPxL4UvUQcRdOzmZSQs8X5CH5OxXMXpkATuDz8Et0SH4uyCRR+TjmBDP1GvsVrWEGVzEj33YVQ9jAtIKpqsl/s/0xrocwAAeJxjYGRgYADig3cEzsTz23xl4GZnAIHLRucNkWl2BrA4BwMTiAIAF4IITwB4nGNgZGBgZwCChWASxGZkQAXyABOUANh4nGNnYGBgHyAMADa8ANoAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IHqHicY2BkYGCQZ8hlYGcAASYg5gJCBob/YD4DABbVAaoAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2P2XLCMAxFfYFspGUp3Te+IB9lHJF4cOzUS2n/voaEGR6qB+lKo+WITdhga/a/bRnDBFPMkCBFhhwF5ihxg1sssMQKa9xhg3s84BFPeMYLXvGGd3zgE9tZr/hveXKVkFYoSnoeHJXfRoWOqi54mo9ameNFdrK+dLSyaVf7oJQTlkhXpD3Z5XXhR/rUfQVuKXO91Jps4cLOS6/I5YL3XhodRRsVWZe4NnZOhWnSAWgxhMoEr6SmzZieF43Mk7ZOBdeCVGrp9Eu+54J2xhySplfB5XHwQLXUmT9KH6+kPnQ7ZYuIEzNyfs1DLU1VU4SWZ6LkXGHsD1ZKbMw=) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMlGRXgUAAAEoAAAAVmNtYXDiMBC2AAAB/AAAAUpnbHlmW/HoBwAAA4gAAA9QaGVhZAyD6V8AAADQAAAANmhoZWEOogcgAAAArAAAACRobXR42QAAAAAAAYAAAAB8bG9jYTDINOoAAANIAAAAQG1heHABMAB5AAABCAAAACBuYW1l1cf1oAAAEtgAAAIKcG9zdGZEjeMAABTkAAABgQABAAAHAAAAAKEHAAAAAAAHAAABAAAAAAAAAAAAAAAAAAAAHwABAAAAAQAAwdxheF8PPPUACwcAAAAAANMyzzEAAAAA0zLPMQAAAAAHAAcAAAAACAACAAAAAAAAAAEAAAAfAG0ABwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQcAAZAABQAIBHEE5gAAAPoEcQTmAAADXABXAc4AAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA8QHxHgcAAAAAoQcAAAAAAAABAAAAAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAAAAAMAAAADAAAAHAABAAAAAABEAAMAAQAAABwABAAoAAAABgAEAAEAAgAA8R7//wAAAADxAf//AAAPAAABAAAAAAAAAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IHqAABAAAAAAWLBYsAAgAAAREBAlUDNgWL++oCCwAAAwAAAAAGawZrAAIADgAaAAAJAhMEAAMSAAUkABMCAAEmACc2ADcWABcGAALrAcD+QJX+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rgIwAVABUAGbCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAAAAAgAAAAAFQAWLAAMABwAAASERKQERIREBwAEr/tUCVQErAXUEFvvqBBYAAAAEAAAAAAYgBiAABgATACQAJwAAAS4BJxUXNjcGBxc+ATUmACcVFhIBBwEhESEBEQEGBxU+ATcXNwEHFwTQAWVVuAO7AidxJSgF/t/lpc77t18BYf6fASsBdQE+TF1OijuZX/1gnJwDgGSeK6W4GBhqW3FGnFT0AWM4mjT+9AHrX/6f/kD+iwH2/sI7HZoSRDGYXwSWnJwAAAEAAAAABKsF1gAFAAABESEBEQECCwEqAXb+igRg/kD+iwSq/osAAAACAAAAAAVmBdYABgAMAAABLgEnET4BAREhAREBBWUBZVRUZfwRASsBdf6LA4Bkniv9piueAUT+QP6LBKr+iwAAAwAAAAAGIAYPAAUADAAaAAATESEBEQEFLgEnET4BAxUWEhcGAgcVNgA3JgDgASsBdf6LAsUBZVVVZbqlzgMDzqXlASEFBf7fBGD+QP6LBKr+i+Bkniv9piueAvOaNP70tbX+9DSaOAFi9fUBYgAAAAQAAAAABYsFiwAFAAsAEQAXAAABIxEhNSMDMzUzNSEBIxUhESMDFTMVMxECC5YBduCWluD+igOA4AF2luDglgLr/oqWAgrglvyAlgF2AqCW4AF2AAQAAAAABYsFiwAFAAsAEQAXAAABMxUzESETIxUhESMBMzUzNSETNSMRITUBdeCW/org4AF2lgHAluD+ipaWAXYCVeABdgHAlgF2++rglgHA4P6KlgAAAAACAAAAAAXWBdYADwATAAABIQ4BBxEeARchPgE3ES4BAyERIQVA/IA/VQEBVT8DgD9VAQFVP/yAA4AF1QFVP/yAP1UBAVU/A4A/VfvsA4AAAAYAAAAABmsGawAHAAwAEwAbACAAKAAACQEmJw4BBwElLgEnAQUhATYSNyYFAQYCBxYXIQUeARcBMwEWFz4BNwECvgFkTlSH8GEBEgOONemh/u4C5f3QAXpcaAEB/BP+3VxoAQEOAjD95DXpoQESeP7dTlSH8GH+7gPwAmgSAQFYUP4nd6X2Pv4nS/1zZAEBk01NAfhk/v+TTUhLpfY+Adn+CBIBAVhQAdkAAAAFAAAAAAZrBdYADwATABcAGwAfAAABIQ4BBxEeARchPgE3ES4BASEVIQEhNSEFITUhNSE1IQXV+1ZAVAICVEAEqkBUAgJU+xYBKv7WAur9FgLqAcD+1gEq/RYC6gXVAVU//IA/VQEBVT8DgD9V/ayV/tWVlZWWlQADAAAAAAYgBdYADwAnAD8AAAEhDgEHER4BFyE+ATcRLgEBIzUjFTM1MxUUBgcjLgEnET4BNzMeARUFIzUjFTM1MxUOAQcjLgE1ETQ2NzMeARcFi/vqP1QCAlQ/BBY/VAICVP1rcJWVcCog4CAqAQEqIOAgKgILcJWVcAEqIOAgKiog4CAqAQXVAVU//IA/VQEBVT8DgD9V/fcl4CVKICoBASogASogKgEBKiBKJeAlSiAqAQEqIAEqICoBASogAAAGAAAAAAYgBPYAAwAHAAsADwATABcAABMzNSMRMzUjETM1IwEhNSERITUhERUhNeCVlZWVlZUBKwQV++sEFfvrBBUDNZb+QJUBwJX+QJb+QJUCVZWVAAAAAQAAAAAGIAZsAC4AAAEiBgcBNjQnAR4BMz4BNy4BJw4BBxQXAS4BIw4BBx4BFzI2NwEGBx4BFz4BNy4BBUArSh797AcHAg8eTixffwICf19ffwIH/fEeTixffwICf18sTh4CFAUBA3tcXHsDA3sCTx8bATcZNhkBNB0gAn9fX38CAn9fGxn+zRwgAn9fX38CIBz+yhcaXHsCAntcXXsAAAIAAAAABlkGawBDAE8AAAE2NCc3PgEnAy4BDwEmLwEuASchDgEPAQYHJyYGBwMGFh8BBhQXBw4BFxMeAT8BFh8BHgEXIT4BPwE2NxcWNjcTNiYnBS4BJz4BNx4BFw4BBasFBZ4KBgeWBxkNujpEHAMUD/7WDxQCHEU5ug0aB5UHBQudBQWdCwUHlQcaDbo5RRwCFA8BKg8UAhxFOboNGgeVBwUL/ThvlAIClG9vlAIClAM3JEokewkaDQEDDAkFSy0cxg4RAQERDsYcLUsFCQz+/QwbCXskSiR7CRoN/v0MCQVLLRzGDhEBAREOxhwtSwUJDAEDDBsJQQKUb2+UAgKUb2+UAAAAAAEAAAAABmsGawALAAATEgAFJAATAgAlBACVCAGmAT0BPQGmCAj+Wv7D/sP+WgOA/sP+WggIAaYBPQE9AaYICP5aAAAAAgAAAAAGawZrAAsAFwAAAQQAAxIABSQAEwIAASYAJzYANxYAFwYAA4D+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rgZrCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAAADAAAAAAZrBmsACwAXACMAAAEEAAMSAAUkABMCAAEmACc2ADcWABcGAAMOAQcuASc+ATceAQOA/sP+WggIAaYBPQE9AaYICP5a/sP9/q4GBgFS/f0BUgYG/q4dAn9fX38CAn9fX38Gawj+Wv7D/sP+WggIAaYBPQE9Aab6yAYBUv39AVIGBv6u/f3+rgJPX38CAn9fX38CAn8AAAAEAAAAAAYgBiAADwAbACUAKQAAASEOAQcRHgEXIT4BNxEuAQEjNSMVIxEzFTM1OwEhHgEXEQ4BByE3MzUjBYv76j9UAgJUPwQWP1QCAlT9a3CVcHCVcJYBKiAqAQEqIP7WcJWVBiACVD/76j9UAgJUPwQWP1T8gpWVAcC7uwEqIP7WICoBcOAAAgAAAAAGawZrAAsAFwAAAQQAAxIABSQAEwIAEwcJAScJATcJARcBA4D+w/5aCAgBpgE9AT0BpggI/lo4af70/vRpAQv+9WkBDAEMaf71BmsI/lr+w/7D/loICAGmAT0BPQGm/BFpAQv+9WkBDAEMaf71AQtp/vQAAQAAAAAF1ga2ABYAAAERCQERHgEXDgEHLgEnIxYAFzYANyYAA4D+iwF1vv0FBf2+vv0FlQYBUf7+AVEGBv6vBYsBKv6L/osBKgT9v779BQX9vv7+rwYGAVH+/gFRAAAAAQAAAAAFPwcAABQAAAERIyIGHQEhAyMRIREjETM1NDYzMgU/nVY8ASUn/v7O///QrZMG9P74SEi9/tj9CQL3ASjaus0AAAAABAAAAAAGjgcAADAARQBgAGwAAAEUHgMVFAcGBCMiJicmNTQ2NzYlLgE1NDcGIyImNTQ2Nz4BMyEHIx4BFRQOAycyNjc2NTQuAiMiBgcGFRQeAxMyPgI1NC4BLwEmLwImIyIOAxUUHgIBMxUjFSM1IzUzNTMDH0BbWkAwSP7qn4TlOSVZSoMBESAfFS4WlMtIP03TcAGiioNKTDFFRjGSJlAaNSI/akAqURkvFCs9WTY6a1s3Dg8THgocJU4QIDVob1M2RnF9A2vV1WnU1GkD5CRFQ1CATlpTenNTYDxHUYouUhIqQCkkMQTBlFKaNkJAWD+MWkhzRztAPiEbOWY6hn1SJyE7ZS5nZ1I0/JcaNF4+GTAkGCMLFx04Ag4kOF07Rms7HQNsbNvbbNkAAwAAAAAGgAZsAAMADgAqAAABESERARYGKwEiJjQ2MhYBESERNCYjIgYHBhURIRIQLwEhFSM+AzMyFgHd/rYBXwFnVAJSZGemZASP/rdRVj9VFQv+twIBAQFJAhQqR2c/q9AEj/whA98BMkliYpNhYfzd/cgCEml3RTMeM/3XAY8B8DAwkCAwOB/jAAABAAAAAAaUBgAAMQAAAQYHFhUUAg4BBCMgJxYzMjcuAScWMzI3LgE9ARYXLgE1NDcWBBcmNTQ2MzIXNjcGBzYGlENfAUyb1v7SrP7x4SMr4bBpph8hHCsqcJNETkJOLHkBW8YIvYaMYG1gJWldBWhiRQ4cgv797rdtkQSKAn1hBQsXsXUEJgMsjlNYS5WzCiYkhr1mFTlzPwoAAAABAAAAAAWABwAAIgAAARcOAQcGLgM1ESM1PgQ3PgE7AREhFSERFB4CNzYFMFAXsFlorXBOIahIckQwFAUBBwT0AU3+sg0gQzBOAc/tIz4BAjhceHg6AiDXGlddb1ctBQf+WPz9+h40NR4BAgABAAAAAAaABoAASgAAARQCBCMiJzY/AR4BMzI+ATU0LgEjIg4DFRQWFxY/ATY3NicmNTQ2MzIWFRQGIyImNz4CNTQmIyIGFRQXAwYXJgI1NBIkIAQSBoDO/p/Rb2s7EzYUaj15vmh34o5ptn9bK1BNHggIBgIGETPRqZepiWs9Sg4IJRc2Mj5WGWMRBM7+zgFhAaIBYc4DgNH+n84gXUfTJzmJ8JZyyH46YH2GQ2ieIAwgHxgGFxQ9WpfZpIOq7lc9I3VZHzJCclVJMf5eRmtbAXzp0QFhzs7+nwAABwAAAAAHAATPAA4AFwAqAD0AUABaAF0AAAERNh4CBw4BBwYmIycmNxY2NzYmBxEUBRY2Nz4BNy4BJyMGHwEeARcOARcWNjc+ATcuAScjBh8BHgEXFAYXFjY3PgE3LgEnIwYfAR4BFw4BBTM/ARUzESMGAyUVJwMchM2UWwgNq4JHrQgBAapUaAoJcWMBfiIhDiMrAQJLMB0BBAokNAIBPmMiIQ4iLAECSzAeAQUKJDQBP2MiIQ4iLAECSzAeAQUKJDQBAT75g+5B4arNLNIBJ44ByQL9BQ9mvYCKwA8FBQMDwwJVTGdzBf6VB8IHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvVJkAWUDDEf+tYP5AQAAAAEAAAAABiAGtgAbAAABBAADER4BFzMRITU2ADcWABcVIREzPgE3EQIAA4D+4v6FBwJ/X+D+1QYBJ97eAScG/tXgX38CB/6FBrUH/oX+4v32X38CAlWV3gEnBgb+2d6V/asCf18CCgEeAXsAAAAAEADGAAEAAAAAAAEABwAAAAEAAAAAAAIABwAHAAEAAAAAAAMABwAOAAEAAAAAAAQABwAVAAEAAAAAAAUACwAcAAEAAAAAAAYABwAnAAEAAAAAAAoAKwAuAAEAAAAAAAsAEwBZAAMAAQQJAAEADgBsAAMAAQQJAAIADgB6AAMAAQQJAAMADgCIAAMAAQQJAAQADgCWAAMAAQQJAAUAFgCkAAMAAQQJAAYADgC6AAMAAQQJAAoAVgDIAAMAAQQJAAsAJgEeVmlkZW9KU1JlZ3VsYXJWaWRlb0pTVmlkZW9KU1ZlcnNpb24gMS4wVmlkZW9KU0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAFYAaQBkAGUAbwBKAFMAUgBlAGcAdQBsAGEAcgBWAGkAZABlAG8ASgBTAFYAaQBkAGUAbwBKAFMAVgBlAHIAcwBpAG8AbgAgADEALgAwAFYAaQBkAGUAbwBKAFMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfAAABAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwAAAAAA) format("truetype");
  font-weight: normal;
  font-style: normal; }

.vjs-icon-play, .video-js .vjs-big-play-button, .video-js .vjs-play-control {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-play:before, .video-js .vjs-play-control:before {
    content: "\f101"; }

  .video-js .vjs-big-play-button:before {
  content: "\e038"; }

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-play-circle:before {
    content: "\f102"; }

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing:before {
    content: "\f103"; }

.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-weight: normal;
  font-style: 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: "\f104"; }

.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-weight: normal;
  font-style: 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: "\f105"; }

.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-weight: normal;
  font-style: 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: "\f106"; }

.vjs-icon-volume-high, .video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-volume-high:before, .video-js .vjs-mute-control:before,
  .video-js .vjs-volume-menu-button:before {
    content: "\f107"; }

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control:before {
    content: "\f108"; }

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control:before {
    content: "\f109"; }

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-square:before {
    content: "\f10a"; }

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-spinner:before {
    content: "\f10b"; }

.vjs-icon-subtitles, .video-js .vjs-subtitles-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-subtitles:before, .video-js .vjs-subtitles-button:before {
    content: "\f10c"; }

.vjs-icon-captions, .video-js .vjs-captions-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-captions:before, .video-js .vjs-captions-button:before {
    content: "\f10d"; }

.vjs-icon-chapters, .video-js .vjs-chapters-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-chapters:before, .video-js .vjs-chapters-button:before {
    content: "\f10e"; }

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-share:before {
    content: "\f10f"; }

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-cog:before {
    content: "\f110"; }

.vjs-icon-circle, .video-js .vjs-mouse-display, .video-js .vjs-play-progress, .video-js .vjs-volume-level {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-circle:before, .video-js .vjs-mouse-display:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before {
    content: "\f111"; }

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-circle-outline:before {
    content: "\f112"; }

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-circle-inner-circle:before {
    content: "\f113"; }

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-hd:before {
    content: "\f114"; }

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button:before {
    content: "\f115"; }

.vjs-icon-replay {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-replay:before {
    content: "\f116"; }

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-facebook:before {
    content: "\f117"; }

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-gplus:before {
    content: "\f118"; }

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-linkedin:before {
    content: "\f119"; }

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-twitter:before {
    content: "\f11a"; }

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-tumblr:before {
    content: "\f11b"; }

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-pinterest:before {
    content: "\f11c"; }

.vjs-icon-audio-description, .video-js .vjs-descriptions-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button:before {
    content: "\f11d"; }

.vjs-icon-audio, .video-js .vjs-audio-button {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-audio:before, .video-js .vjs-audio-button:before {
    content: "\f11e"; }

.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .video-js:-moz-full-screen {
    position: absolute; }
  .video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important; }

.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-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0; }

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0; }

.video-js.vjs-16-9 {
  padding-top: 56.25%; }

.video-js.vjs-4-3 {
  padding-top: 75%; }

.video-js.vjs-fill {
  width: 100%;
  height: 100%; }

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto; }

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0; }

.video-js.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important; }

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none; }

.vjs-hidden {
  display: none !important; }

.vjs-disabled {
  opacity: 0.5;
  cursor: default; }

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px; }

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible; }

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto; }

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC; }

.video-js .vjs-big-play-button {
  font-family: 'Material Icons';
  font-size: 8em;
  line-height: 1em;
  height: 1em;
  width: 1em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 0.6;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }

.vjs-big-play-centered .vjs-big-play-button {
  top: 60%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em; }

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  outline: 0;
  font-size: 7em;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }

.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 {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  overflow: visible;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.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;
  padding: 0;
  margin: 0;
  overflow: auto;
  font-family: Arial, Helvetica, sans-serif; }

.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
  display: none; }

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase; }

.vjs-menu li:focus,
.vjs-menu li:hover {
  outline: 0;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5); }

.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 {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default; }

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7); }

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em; }

.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 {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden; }

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em; }

.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 {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none; }

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }

.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 {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden; }

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3.0em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7); }

.vjs-has-started .vjs-control-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -moz-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s; }

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s; }

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important; }

.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 {
  outline: none;
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }
  .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: 0em 0em 1em white; }

.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  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 {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 4em; }

.vjs-live .vjs-progress-control {
  display: none; }

.video-js .vjs-progress-holder {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  height: 0.3em; }

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.666666666666666666em; }

/* If we let the font size grow as much as everything else, the current time tooltip ends up
 ginormous. If you'd like to enable the current time tooltip all the time, this should be disabled
 to avoid a weird hitch when you roll off the hover. */
.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;
  visibility: visible;
  font-size: 0.6em; }

.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 {
  position: absolute;
  display: block;
  height: 0.3em;
  margin: 0;
  padding: 0;
  width: 0;
  left: 0;
  top: 0; }

.video-js .vjs-mouse-display:before {
  display: none; }

.video-js .vjs-play-progress {
  background-color: #fff; }
  .video-js .vjs-play-progress:before {
    position: absolute;
    top: -0.333333333333333em;
    right: -0.5em;
    font-size: 0.9em; }

.video-js .vjs-time-tooltip,
.video-js .vjs-mouse-display:after,
.video-js .vjs-play-progress:after {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  right: -1.9em;
  font-size: 0.9em;
  color: #000;
  content: attr(data-current-time);
  padding: 6px 8px 8px 8px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em; }

.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: #bfc7d3;
  background: rgba(115, 133, 159, 0.5); }

.video-js .vjs-load-progress div {
  background: white;
  background: rgba(115, 133, 159, 0.75); }

.video-js.vjs-no-flex .vjs-progress-control {
  width: auto; }

.video-js .vjs-time-tooltip {
  display: inline-block;
  height: 2.4em;
  position: relative;
  float: right;
  right: -1.9em; }

.vjs-tooltip-progress-bar {
  visibility: hidden; }

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  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 {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s; }

.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 {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8); }

.video-js .vjs-slider {
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5); }

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  -webkit-box-shadow: 0 0 1em #fff;
  -moz-box-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff; }

.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.video-js .vjs-volume-control {
  width: 5em;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em; }

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em; }

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto; }

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff; }
  .video-js .vjs-volume-level:before {
    position: absolute;
    font-size: 0.9em; }

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em; }
  .vjs-slider-vertical .vjs-volume-level:before {
    top: -0.5em;
    left: -0.3em; }

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em; }
  .vjs-slider-horizontal .vjs-volume-level:before {
    top: -0.3em;
    right: -0.5em; }

.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 {
  display: block;
  width: 0;
  height: 0;
  border-top-color: transparent; }

.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
  left: 0.5em;
  height: 8em; }

.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;
  width: 0;
  overflow-x: hidden;
  overflow-y: hidden; }

.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 !important; }

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%; }

.vjs-poster img {
  display: block;
  vertical-align: middle;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  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 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  font-size: 1em;
  line-height: 3em; }

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left; }

.video-js .vjs-time-control {
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em; }

.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;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none; }

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em; }

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5); }

.vjs-subtitles {
  color: #fff; }

.vjs-captions {
  color: #fc6; }

.vjs-tt-cue {
  display: block; }

video::-webkit-media-text-track-display {
  -moz-transform: translateY(-3em);
  -ms-transform: translateY(-3em);
  -o-transform: translateY(-3em);
  -webkit-transform: translateY(-3em);
  transform: translateY(-3em); }

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  -moz-transform: translateY(-1.5em);
  -ms-transform: translateY(-1.5em);
  -o-transform: translateY(-1.5em);
  -webkit-transform: translateY(-1.5em);
  transform: translateY(-1.5em); }

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.vjs-playback-rate .vjs-playback-rate-value {
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center; }

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em; }

.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-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%; }

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px; }

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block; }

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white; }

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white; }

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s; }

@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f; }
  20% {
    border-top-color: #73859f; }
  35% {
    border-top-color: white; }
  60% {
    border-top-color: #73859f; }
  100% {
    border-top-color: #73859f; } }

@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f; }
  20% {
    border-top-color: #73859f; }
  35% {
    border-top-color: white; }
  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 {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .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 {
  position: relative;
  top: 1em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  margin: 0 auto;
  padding: 0.5em;
  height: 16em;
  font-size: 12px;
  width: 40em; }

.vjs-caption-settings .vjs-tracksettings {
  top: 0;
  bottom: 1em;
  left: 0;
  right: 0;
  position: absolute;
  overflow: auto; }

.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 {
  position: absolute;
  bottom: 1em;
  right: 1em; }

.vjs-caption-settings .vjs-tracksetting {
  margin: 5px;
  padding: 3px;
  min-height: 40px;
  border: none; }

.vjs-caption-settings .vjs-tracksetting label,
.vjs-caption-settings .vjs-tracksetting legend {
  display: block;
  width: 100px;
  margin-bottom: 5px; }

.vjs-caption-settings .vjs-tracksetting span {
  display: inline;
  margin-left: 5px;
  vertical-align: top;
  float: right; }

.vjs-caption-settings .vjs-tracksetting > div {
  margin-bottom: 5px;
  min-height: 20px; }

.vjs-caption-settings .vjs-tracksetting > div:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  min-height: 0; }

.vjs-caption-settings label > input {
  margin-right: 10px; }

.vjs-caption-settings fieldset {
  margin-top: 1em;
  margin-left: .5em; }

.vjs-caption-settings fieldset .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  /* for Internet Explorer */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.vjs-caption-settings input[type="button"] {
  width: 40px;
  height: 40px; }

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 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 \0screen {
  .vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: "";
  }
}

@media \0screen {
  .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: hidden;
  }
}


@font-face {
    font-family: 'weather';
    src: url('../Fonts/artill_clean_icons-webfont.eot');
    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');
    font-weight: normal;
    font-style: normal;
}


#weather {
    margin: 0px auto;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    /*display:none;*/
}

    #weather .wether-img {
        line-height: 1.0;
        margin-top: -32px;
        padding: 0;
    }

.rewards-header .time-temp-indicator > li {
    position: relative !important;
    top: 12px;
}

.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 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    text-align: center;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
}

#weather ul {
    margin: 0;
    padding: 0;
}

#weather li {
    background: #fff;
    background: rgba(255,255,255,0.90);
    padding: 20px;
    display: inline-block;
    border-radius: 5px;
}

#weather .currently {
    margin: 0 20px;
}

@media only screen and (max-width: 1024px) {
    .time-temp-indicator > li {
        position: relative !important;
        top: 12px;
    }
}

.jssocials-shares {
  margin: 0 1rem; }

.jssocials-shares * {
  box-sizing: border-box; }

.jssocials-share {
  display: inline-block;
  vertical-align: top;
  margin: 0 1.5em 0 0; }

.jssocials-share:last-child {
  margin-right: 0; }

.jssocials-share-logo {
  width: 1em;
  vertical-align: middle;
  font-size: 1.5em; }

img.jssocials-share-logo {
  width: auto;
  height: 1em; }

.jssocials-share-link {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  line-height: 1; }
  .jssocials-share-link.jssocials-share-link-count {
    padding-top: .2em; }
    .jssocials-share-link.jssocials-share-link-count .jssocials-share-count {
      display: block;
      font-size: .6em;
      margin: 0 -.5em -.8em -.5em; }
  .jssocials-share-link.jssocials-share-no-count {
    padding-top: .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 {
  display: inline-block;
  height: 1.5em;
  padding: 0 0.3em;
  line-height: 1;
  vertical-align: middle;
  cursor: default; }
  .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 {
  -webkit-transition: color 200ms ease-in-out;
          transition: color 200ms ease-in-out; }
  .jssocials-share-link.jssocials-share-link-count .jssocials-share-count {
    font-size: .5em; }

.jssocials-share-label {
  font-size: 0.8em;
  color: #444;
  -webkit-transition: color 200ms ease-in-out;
          transition: color 200ms ease-in-out; }

.jssocials-share-count-box {
  margin-left: 0.3em;
  border: 1px solid #efefef;
  border-radius: 0.3em; }
  .jssocials-share-count-box .jssocials-share-count {
    line-height: 1.8em;
    font-size: 0.8em;
    color: #444; }

.awesomplete [hidden] {
    display: none;
}

.awesomplete .visually-hidden {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.awesomplete {
    /*display: inline-block;*/
    position: relative;
}

.awesomplete > input {
    display: block;
}

.awesomplete > ul {
    position: absolute;
    left: 0;
    z-index: 1;
    min-width: 100%;
    box-sizing: border-box;
    list-style: none;
    padding: 0;
    margin: 0;
    background: #fff;
}

.awesomplete > ul.comboplete-top {
    position: absolute;
    left: 0;
    bottom: 2.7rem;
    z-index: 1;
    min-width: 100%;
    box-sizing: border-box;
    list-style: none;
    padding: 0;
    margin: 0;
    background: #fff;
}

.awesomplete > ul:empty {
    display: none;
}

.awesomplete > ul {
	/*border-radius: .3em;*/
	margin: 0;
	background: hsla(0,0%,100%,.9);
	background: linear-gradient(to bottom right, white, hsla(0,0%,100%,.8));
	border: 1px solid #000000;
	box-shadow: .05em .2em .6em rgba(0,0,0,.2);
	text-shadow: none;
}

@supports (transform: scale(0)) {

	.awesomplete > ul {
		transition: .3s cubic-bezier(.4,.2,.5,1.4);
		transform-origin: top left;
	}

    .awesomplete > ul.comboplete-top {
		transition: .3s cubic-bezier(.4,.2,.5,1.4);
		transform-origin: bottom left;
	}
	
	.awesomplete > ul[hidden],
	.awesomplete > ul:empty {
		opacity: 0;
		transform: scale(0);
		display: block;
		transition-timing-function: ease;
	}
}

	/* Pointer */
	.awesomplete > ul:before {
		content: "";
		position: absolute;
		top: -.35em;
		left: 1em;
		width: 0; height: 0;
		padding: .3em;
		background: white;
		border: inherit;
		border-right: 0;
		border-bottom: 0;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

    .awesomplete > ul.comboplete-top:before {
		content: "";
		position: absolute;
        top: auto;
		bottom: -.35em;
		left: 1em;
		width: 0; height: 0;
		padding: .3em;
		background: white;
		border: inherit;
		border-right: 0;
		border-bottom: 0;
		-webkit-transform: rotate(225deg);
		transform: rotate(225deg);
	}

	.awesomplete > ul > li {
		position: relative;
		padding: .5em .5em;
		cursor: pointer;
        border-bottom: 1px solid #cccccc;
        color: #333333;
        text-align: left;
        font-size: 0.8rem;
	}

    .awesomplete > ul.comboplete-top > li:last-child {
        border-bottom: none;
	}
	
	.awesomplete > ul > li:hover {
		background-color: rgb(0,37,97);
		color: #ffffff;
	}
	
	.awesomplete > ul > li[aria-selected="true"] {
		background: rgb(0,37,97);
		color: white;
	}
	
		.awesomplete mark {
			background: hsl(65, 100%, 50%);
		}
		
		.awesomplete li:hover mark {
			background: hsl(68, 100%, 41%);
		}
		
		.awesomplete li[aria-selected="true"] mark {
			background: hsl(86, 100%, 21%);
			color: inherit;
		}


/*___________________________________________________________________________________________________________________________________________________
 _ jquery.mb.components                                                                                                                             _
 _                                                                                                                                                  _
 _ file: jquery.mb.YTPlayer.css                                                                                                                     _
 _ last modified: 05/01/16 17.43                                                                                                                    _
 _                                                                                                                                                  _
 _ Open Lab s.r.l., Florence - Italy                                                                                                                _
 _                                                                                                                                                  _
 _ email: matteo@open-lab.com                                                                                                                       _
 _ site: http://pupunzi.com                                                                                                                         _
 _       http://open-lab.com                                                                                                                        _
 _ blog: http://pupunzi.open-lab.com                                                                                                                _
 _ Q&A:  http://jquery.pupunzi.com                                                                                                                  _
 _                                                                                                                                                  _
 _ Licences: MIT, GPL                                                                                                                               _
 _    http://www.opensource.org/licenses/mit-license.php                                                                                            _
 _    http://www.gnu.org/licenses/gpl.html                                                                                                          _
 _                                                                                                                                                  _
 _ Copyright (c) 2001-2016. Matteo Bicocchi (Pupunzi);                                                                                              _
 ___________________________________________________________________________________________________________________________________________________*/


/**
* version: {{ version }}
*/

@charset"UTF-8";
@font-face {
    font-family: 'ytpregular';
    src: url('../Fonts/ytp-regular.eot');
}

@font-face {
    font-family: 'ytpregular';
    src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAA5sABEAAAAAFCAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcZ9iuNUdERUYAAAGcAAAAHQAAACAAdAAET1MvMgAAAbwAAABJAAAAYHUMUrFjbWFwAAACCAAAAKkAAAGKn5XycWN2dCAAAAK0AAAANgAAADYNLQohZnBnbQAAAuwAAAGxAAACZVO0L6dnYXNwAAAEoAAAAAgAAAAIAAAAEGdseWYAAASoAAAGVQAAB4jz86dSaGVhZAAACwAAAAAzAAAANgbKONpoaGVhAAALNAAAACAAAAAkESQLXGhtdHgAAAtUAAAAVAAAARxOmwVwbG9jYQAAC6gAAAAjAAAAkFoEXRRtYXhwAAALzAAAACAAAAAgAWoB625hbWUAAAvsAAAA+wAAAeok3Eb+cG9zdAAADOgAAADAAAABN99tv1lwcmVwAAANqAAAALkAAAFY3I6ikndlYmYAAA5kAAAABgAAAAbHMlGnAAAAAQAAAADMPaLPAAAAAM3Nk7QAAAAAzc13sXjaY2BkYGDgA2IJBhBgYmAEQjcgZgHzGAAHTAB5AAAAeNpjYGbZwDiBgZWBhdWY5SwDA8MsCM10liGNKQ3IB0rBASMDEgj1DvdjcGDgfcDAlvYPqJJVldEZpoZVkuUZkFJgYAQAUUULewAAAHjaY2BgYGaAYBkGRgYQaAHyGMF8FoYMIC3GIAAUYQOyeBkUGKIYqhgWKHAp6CvEP2D4/x+sAyTuyJAIFGeAizP+//r/8f/D//f+n/HA8oHo/WcKblDzsQBGoOkwSUYmIMGErgDiRLyAhZWNnYOTi5uHl49fQFBIWERUTFxCUkpaRhYiLyevoKikrKKqpq6hqaWto6unb2BoZGxiambOQF1gQZYuAIQnH4IAAAAAAAAAAAABegEnAHEAswC9AOAA5QD+ARcBIwBdAHIBtgBcAGAAZgByAI8AogErAbIAUwBEBREAAHjaXVG7TltBEN0NDwOBxNggOdoUs5mQxnuhBQnE1Y1iZDuF5QhpN3KRi3EBH0CBRA3arxmgoaRImwYhF0h8Qj4hEjNriKI0Ozuzc86ZM0vKkap36WvPU+ckkMLdBs02/U5ItbMA96Tr642MtIMHWmxm9Mp1+/4LBpvRlDtqAOU9bykPGU07gVq0p/7R/AqG+/wf8zsYtDTT9NQ6CekhBOabcUuD7xnNussP+oLV4WIwMKSYpuIuP6ZS/rc052rLsLWR0byDMxH5yTRAU2ttBJr+1CHV83EUS5DLprE2mJiy/iQTwYXJdFVTtcz42sFdsrPoYIMqzYEH2MNWeQweDg8mFNK3JMosDRH2YqvECBGTHAo55dzJ/qRA+UgSxrxJSjvjhrUGxpHXwKA2T7P/PJtNbW8dwvhZHMF3vxlLOvjIhtoYEWI7YimACURCRlX5hhrPvSwG5FL7z0CUgOXxj3+dCLTu2EQ8l7V1DjFWCHp+29zyy4q7VrnOi0J3b6pqqNIpzftezr7HA54eC8NBY8Gbz/v+SoH6PCyuNGgOBEN6N3r/orXqiKu8Fz6yJ9O/sVoAAAAAAQAB//8AD3jaTZVrbBxXFcfvufNe72Nmdx77tmfHO2N76117784OTr154YAbR7RQuUQhttoSuXZKFQVKKYqgiFJAgkpIkVClIn8opSomjXY3VHHTFldEIYpay1hR+ID4Bha27FoIEQGpd8Idu4lY7c6eOfee//2f3+zeizAaQwif4iYRgwRUbgGqjLYFNvVxtcVzfxltM5iGqMUEaS5ItwU+vTPahiBPFFMpmoo5hnv8XnjFn+Um7/xmjF1GCLHoPf+fgsUVEYcSKIcGkYbaWYxKLZ3bgGa50qpACQ0NeyYoYILaDTqpurUK2FZBUYlJY8ukEc0egLpbo+kY8O/BQcx2dvwP2Fh6/Q+Gl19fyroubHmer7rpjHllPZ/NKB+tp2/4/TzxSx0zo/74uUY29vJZOEHIfng4lzz7cjyXzn/jJwqCwCOLdj2iPSP3F/hUAHF3v+Cviee5DIqhJDLRACLoPGpHECq1M7Sd5iDZ/W6zQW8mu9Ecql7SI6xYaiOpnxCydwPNWqWJ/tSSjY1mqtqU5ZYNpWal2pJiGy0XSi1bVuKX1Fyh1GuMoJYeUeJvy/GEVbTpfTOjHJRVzUim0tlcwekbKD1QrgR5M97OV8nIyMjQsKPUEKWGNEVFFBwqEs/yHMEVFMM1PIc4FhiWQVxHcxjD0zzXEkgbmHe5G1eA9T955453xd+B9tbpi6vj10+fvj6+evH0Fju7vPDU5szVY8euzmw+tXABv7kEov/v33WOv+v/C8LG9M2xD19/EquzCyuHVuY6R25Obz35+odw4NDKwuzWHAK86q9x21wKYYQkjFeZ3M5f/TUmw6Qo12P+38Wf0zEZpVABlVANfQu1owHXXMD1AdIyQhvNgeou2b1LAuhAkVwyExRps/ppAE230qrTX1MrEVXil5W4qlm9thMAMpR2MtVHAbXMnBJvZ8oVGjdZ5XK6u6cwNExqdNJ9dnm4D+8eIeYeM7hH0b3H9bcQuczdeH75ef+TxTveO/5tuDK2Mrs5d+HmzQtzm7MrbP6ZqxMrrz2+vf34aysTV5+5iN9YhMi51W93Tiz5/wFp+ujy/MntGXx+dfrjqflrO788Ob989MaMP716+Nr8FOpCjbvnw032BUrm82gKfQc10SJaAwwZGINHEUrksaEndI3XCppBavWaU7Nrda/u7QfPsnmBF1ReK4NjCxbkgVRJdW/MdmiyjHkhCgKvGkrNq+uGngPLUDXVioJTcGxONWguENOIYmkq1lQqaDu2q1AqKi6qRh6CN0uqhlkn1WIwt1Z3FTqH6lt2kWLkqZpQ2F1H4D3X1CzFUkCp1R8EVaeKGr3mgXpyd3OKZTcgioMi3qImqA2FaFSYrkHd7BYESnSMdqAx1HNgg/6pG0Bo95RAGehqoNAuaRHR90wGdXyJtkAJ1DxSDVQCfS8ocui+EohqagNjFroniyLAOYbBgvSQxuXxiUSCGQXReJBnjafhbf6xBs8P9ZclLLJdTJfdL3bLRsgd50Nf52P7JIWjInYqFuZhUGErucF0Qj/zNJtPGArDz7EYFi0chvSpw8C/mJRgRVLfgrEf7RvowhyjJ3JPfPlX/h8N/6fZryX7bh/pJsPj4QLX9Ra89NL3QQkljmOqnognU6HcxKkoI/JsaJ8cDcfCqZAMC2cfFeSoHu+WFEmWzIQqx8PVmCThSFqPKqLIsgxJx0QYZt1iocjgfrPbjIoiltkXxzxTlE5FVTL1zb7YmTOSzXGiEBU0ZgHzXexjd9HklDtTc2P7iR4/Wmqk/jGhfZXjZW1bYFVp3y01G+ocrh/K9VST3+05OUsaEnAYGKZRfWIpDQaXT2Ej2/vCl1S5nNe7jHq5eCAlM7rOpFx8PP1Zf/NzCUdkpXjUhHmdfdi/Xv31D6WccPAIDjNMmPnBzC+ErAipZzPf++LkQyGRhTDEpCNkbmLpz8892zmE3+8swq1YODIqf2Z7lO8RdJHn7RS8kpY6r0qhAg7xXIHnhViu+zBDbhcx16UOfGVgaGkoXe6LhwS+h7NgSa+vR7ESZvPyq6VUqN+SC0ZSTPm3oETGoxGIh/p60w3naIyJ/Gywf9CMnnAemR3524hT5DErxOwBhR55COMw3e+u0T0tOEsR0JMx+NBHftD/AJ+D/f7v/TW+9t+P+Bo9e/7vNYz+By6FsKkAAAB42mNgZGBgYGRwbI8IWhzPb/OVQZ6DAQTOni3fCKP/+/x7yrOBNRTI5WBgAokCAG3mDbAAeNpjYGRgYFX9t5eBgeftf5//WTwbGIAiKMAdAJycBph42mN6w+DCwcDAAMIsZ8D0HhBNLIap52D478fBwHQRyvbBpZ7nLYMtKeZjt5OJhxT1TKsYGFhDETTjcSAG0gyPoRgozigIpL0hNEiOBcgFAEBoNC142mNgYNCBwjoccALDBEY9RhsgPIMMmZcRhHtIhkcA9pQspAAAAQAAAEcBVAALAAAAAAACAAEAAgAWAAABAACTAAAAAHjalZCxTgJBFEXPApJoYYgF9VZUSIAFTdDCnmiIgsTKsASQuGiCu0YaCr4OfomKOzsTCHRmMzPn3blz38sCFyzJ4uXOgbKWZY+8KssZLqk7zkp9cJyjSOT4jD9WjvPSt46vKHoFx2txyfGGqnfPO18kyohSGjBjJPqRFmqPmWolWkZ9o0uHZ/EkfTNgTo0KVX017ujRps+TyDqvT7xW9U/UV1Vz9ZryrQn8o8QOL1JsdVA/5IwZpv7f/YsKTW50O1PqpzKNZyw1UnKov2c9dbkD7c1/zdhXFSrNdIz3HbuaJFH1KM9CZyDN3N3SoiFupfP66mbOYAd8k0EGAHjabc05TwJhHITxZ0BBBc/P4IkI7y4sh0dBsosHKiqHeLUiiTE0FH56Xdl/6TS/ZIoZUszzM+ad/3IOSilNmm122GWPfQ4ocEiRI0qUcXj4VKgSUKNOgybHnHDKGSER7Xjjgkuu6HDNDbd0ueOeB3r0GTDkkRFPPPPCK29a0KIyympJy1pRTnmtak3r2tCmtjLjz+/ph5edfU2cc2Fiy/3px4Xpmb5ZMatmYNbMutkwm2Yr0W8nBnOj+OcXVDk0PnjaRc67DoJAEAVQFuT9fqsJCSZ2+w12QkNjrCCx9w+sbSy19DsGK/9Ob3RZujk3k7nzZp8bsbvSkXXoR8Yew9gavN9QNHSUHTFch4oMfuoV0uqGNL4nv25emq3yHzzADwVcwOsFHMCtBWzAWQlYgJ0ImIA1rRmAeRbQAWM6vQD04A9GgXglRBo4Kh+19gJGYDgzBqOnZALGO8kUTLaSGZhWkjmYrSULMA8kS7CYi5ZgKTlQxr/W1F5aAAAAAAFRp8cxAAA=) format('woff'), url('font/ytp-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.mb_YTPlayer:focus {
    outline: 0;
}

.mbYTP_wrapper {
    display: block;
    transform: translateZ(0) translate3d(0, 0, 0);
    transform-style: preserve-3d;
    perspective: 1000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
}

.mb_YTPlayer .loading {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 12px;
    color: #fff;
    background: rgba(0, 0, 0, 0.51);
    text-align: center;
    padding: 2px 4px;
    border-radius: 5px;
    font-family: "Droid Sans", sans-serif;
    -webkit-animation: fade .1s infinite alternate;
    /* Chrome, Safari, Opera */
    animation: fade .1s infinite alternate;
}


/* Chrome, Safari, Opera */

@-webkit-keyframes fade {
    0% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}


/* Standard syntax */

@keyframes fade {
    0% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

.YTPFullscreen {
    display: block!important;
    position: fixed!important;
    width: 100%!important;
    height: 100%!important;
    top: 0!important;
    left: 0!important;
    margin: 0!important;
    border: none !important;
    opacity: 1 !important;
    background-color: #000;
}

.mbYTP_wrapper iframe {
    max-width: 4000px !important;
}

.inline_YTPlayer {
    margin-bottom: 20px;
    vertical-align: top;
    position: relative;
    left: 0;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .7);
    background: rgba(0, 0, 0, .5);
}

.inline_YTPlayer img {
    border: none!important;
    margin: 0!important;
    padding: 0!important;
    transform: none!important;
}


/*CONTROL BAR*/

.mb_YTPBar .ytpicon {
    font-size: 20px;
    font-family: 'ytpregular';
}

.mb_YTPBar .mb_YTPUrl.ytpicon {
    font-size: 30px;
}

.mb_YTPBar {
    transition: opacity .5s;
    display: block;
    width: 100%;
    height: 10px;
    padding: 5px;
    background: #333;
    position: fixed;
    bottom: 0;
    left: 0;
    text-align: left;
    z-index: 1000;
    font: 14px/16px sans-serif;
    color: white;
    opacity: .1;
    box-sizing: border-box;
}

.mb_YTPBar.visible,
.mb_YTPBar:hover {
    opacity: 1;
}

.mb_YTPBar .buttonBar {
    transition: all .5s;
    background: transparent;
    font: 12px/14px Calibri;
    position: absolute;
    top: -30px;
    left: 0;
    padding: 5px;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
}

.mb_YTPBar:hover .buttonBar {
    background: rgba(0, 0, 0, 0.4);
}

.mb_YTPBar span {
    display: inline-block;
    font: 16px/20px Calibri, sans-serif;
    position: relative;
    width: 30px;
    height: 25px;
    vertical-align: middle;
}

.mb_YTPBar span.mb_YTPTime {
    width: 130px;
}

.mb_YTPBar span.mb_YTPUrl,
.mb_YTPBar span.mb_OnlyYT {
    position: absolute;
    width: auto;
    display: block;
    top: 6px;
    right: 10px;
    cursor: pointer;
}

.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: white;
}

.mb_YTPBar .mb_YTPPlaypause,
.mb_YTPlayer .mb_YTPBar .mb_YTPPlaypause img {
    cursor: pointer;
}

.mb_YTPBar .mb_YTPMuteUnmute {
    cursor: pointer;
}


/*PROGRESS BAR*/

.mb_YTPBar .mb_YTPProgress {
    height: 10px;
    width: 100%;
    background: #222;
    bottom: 0;
    left: 0;
}

.mb_YTPBar .mb_YTPLoaded {
    height: 10px;
    width: 0;
    background: #444;
    left: 0;
}

.mb_YTPBar .mb_YTPseekbar {
    height: 10px;
    width: 0;
    background: #bb110e;
    bottom: 0;
    left: 0;
    box-shadow: rgba(82, 82, 82, 0.47) 1px 1px 3px;
}

.mb_YTPBar .YTPOverlay {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: "flat";
    box-sizing: border-box;
}


/*RASTER OVERLAY*/

.YTPOverlay.raster {
    background: url("../Images/raster.png");
}

.YTPOverlay.raster.retina {
    background: url("../Images/raster@2x.png");
}

.YTPOverlay.raster-dot {
    background: url("../Images/raster_dot.png");
}

.YTPOverlay.raster-dot.retina {
    background: url("../Images/raster_dot@2x.png");
}


/*VOLUME SLIDER*/

.mb_YTPBar .simpleSlider {
    position: relative;
    width: 100px;
    height: 10px;
    border: 1px solid #fff;
    overflow: hidden;
    box-sizing: border-box;
    margin-right: 10px;
    cursor: pointer !important;
    border-radius: 3px;
}

.mb_YTPBar.compact .simpleSlider {
    width: 40px;
}

.mb_YTPBar .simpleSlider.muted {
    opacity: .3;
}

.mb_YTPBar .level {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #fff;
    box-sizing: border-box;
}

.mb_YTPBar .level.horizontal {
    height: 100%;
    width: 0;
}

.mb_YTPBar .level.vertical {
    height: auto;
    width: 100%;
}
/*
*{
	/*
	-webkit-filter: grayscale(40%);
	-moz-filter: grayscale(40%);
	-o-filter: grayscale(40%);
	-ms-filter: grayscale(40%);
	filter: grayscale(40%);
	filter: gray;
}
*/
/*
html {
	-webkit-filter: grayscale(0.8);
	-moz-filter: grayscale(0.8);
	-o-filter: grayscale(0.8);
	-ms-filter: grayscale(0.8);
	filter: gray;
	filter: grayscale(0.8);
}
*/

a i.material-icons {
    vertical-align: bottom;
}

.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!important;
}

.no-margin-bottom {
    margin-bottom: 0!important;
}

.no-padding {
    padding: 0!important;
}

.no-padleft {
    padding-left: 0!important;
}

.no-padright {
    padding-right: 0!important;
}

.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] {
    visibility: hidden;
    position: absolute;
}

input:focus, textarea:focus, a:focus, img:focus, ul:focus, li:focus {
    outline: 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 {
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;
    font-size: 1em;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: liga;
}

.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 {
    margin-right: 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 {
    z-index: 12;
    width: 100%;
}

#widemenu {
    position: relative;
    z-index: 3;
}

    #widemenu .title-bar, #widemenu .title-bar > li {
        height: 70px;
    }

.title-bar {
    width: 100%;
    text-transform: uppercase;
    font-weight: 700;
    border-bottom: 1px solid #ccc;
    position: fixed;
    z-index: 1000;
}

    .title-bar .btn-rewards {
        position: absolute;
        right: 0;
        top: 12rem;
        padding: .5rem 1rem;
    }

        .title-bar .btn-rewards .become-reward {
            background-image: url(../Images/become-rewards-logo-white.png);
            background-repeat: no-repeat;
            background-position: 0 -6px;
            margin: 0 1em 0 0;
            display: block;
            height: 50px;
            width: 93px;
        }

        .title-bar .btn-rewards .input-text {
            border-left: 1px solid #999;
            padding: 0 0 0 1em;
            margin-top: .5em;
            vertical-align: middle;
            text-align: center;
            line-height: 1.2rem;
        }

    .title-bar .logo img {
        margin: 0;
        -webkit-transition: all .4s;
        -moz-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
    }

    .title-bar.is-stuck {
        background: rgba(255,255,255,0.95);
        -webkit-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);
        -moz-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);
        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;
            -webkit-transition: all .4s;
            -moz-transition: all .4s;
            -o-transition: all .4s;
            transition: all .4s;
        }

    .booking .title-bar .btn-rewards, .title-bar.is-at-top .btn-rewards {
        background: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 0 .5rem;
        padding: 1rem 0;
        height: 70px;
        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-repeat: no-repeat;
            background-position: 0 -6px;
            margin: 0;
            display: block;
            height: 39px;
            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 {
    position: absolute;
    left: auto;
    right: 0rem;
    bottom: -1rem;
    /*right: 1rem;
    bottom: 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;
            font-size: 1.3rem;
            padding-right: 1rem;
            float: left;
            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 {
    width: 110px;
    height: auto;
}

footer .properties-logo img {
    width: 78px;
}

.image-wrapper {
    height: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.image-overlay-content {
    transition: all .4s ease-in-out;
    background-color: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.overlay-fade-in img {
    transition: all .2s linear;
}

.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 .3s ease-in-out;
}

.overlay-slide-in-left .image-overlay-content {
    background-color: rgba(0,0,0,0.3);
    transform: translateX(-110%);
    opacity: 1;
    transition: all .4s ease-in-out;
    box-shadow: 0 0 7px #ccc;
}

.overlay-slide-in-left:hover .image-overlay-content {
    transform: translateX(0px);
}

.overlay-slide-in-left:hover img {
    transform: translateX(80%);
    transition-delay: .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: .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 .5rem;
}

.top-bar-left .menu li:first-child a {
    padding-left: 1rem;
}

.top-bar-right .menu {
    font-weight: 400;
    text-transform: capitalize;
}

.top-bar-right .spacer {
    width: 1px;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
    right: -1px;
}

.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 {
    position: absolute;
    right: .9rem;
    top: .7rem;
    padding: 2px;
    border: 2px solid #fff;
    width: 125px;
    text-align: center;
}

    #bookPanel .book-border .button {
        background-color: #000;
        color: #fff;
        margin-bottom: 0;
    }

.book-logo {
    position: absolute;
    top: .78rem;
    left: 1.8rem;
}

    .book-logo img {
        width: 144px;
        height: auto;
    }

.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: .2px solid #ccc;
}

.is-at-top .top-bar-right .menu > li:first-child, .rewards .top-bar-right .menu > li:first-child {
    border-left: .2px solid #ccc;
}

.top-bar-right .menu > li:last-child {
    border-right: 0;
}

.lang-flag {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    display: block;
    height: 11px;
    width: 14px;
    margin: -3px 0 0 0;
}

.dropdown-pane a > .lang-flag {
    float: left;
    height: 16px;
    width: 22px;
    margin: 6px 11px 0 0;
}

.flag-english {
    background-image: url(../Images/flag-british.png);
}

.flag-japan {
    background-image: url(../Images/flag-japan.png);
}

.flag-china {
    background-image: url(../Images/flag-china.png);
}

.flag-arab {
    background-image: url(../Images/flag-arab.png);
}

.flag-korea {
    background-image: url(../Images/flag_korea.png);
}

.flag-russia {
    background-image: url(../Images/flag-russia.png);
}

.flag-thai {
    background-image: url(../Images/flag-thai.png);
}

.instagram-icon {
    background-image: url(../Images/icon-ig.png);
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0;
    display: inline-block;
    height: 41px;
    width: 32px;
}

#lang-dropdown li, #myaccount-dropdown li {
    padding: .3rem 0;
}

#lang-dropdown a, #myaccount-dropdown a {
    font-size: .9rem;
    color: #fff;
}

    #lang-dropdown a:hover, #lang-dropdown a:focus {
        color: #1585cf;
        text-decoration: underline;
    }

    #myaccount-dropdown a i {
        color: #fff;
        margin-top: -5px;
        padding-right: 5px;
    }

i.face-icon {
    margin-top: -.2rem;
    font-size: 1rem;
}

#instafeed2 {
    height: 244px;
}

.menu .find-hotel-menu, .menu .experience-menu, .menu .lang-menu, .menu .myaccount-menu {
    position: relative;
}

.menu .BtnjoinNowModal,
.menu .myaccount-menu {
    white-space: nowrap;
}

.hover.find-hotel-menu:after, .hover.find-hotel-menu:before,
.hover.experience-menu:after, .hover.experience-menu:before,
.hover.lang-menu:after, .hover.lang-menu:before,
.hover.myaccount-menu:after, .hover.myaccount-menu:before {
    top: 56px;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.hover.find-hotel-menu:before,
.hover.experience-menu:before,
.hover.lang-menu:before,
.hover.myaccount-menu:before {
    border-color: rgba(0,0,0,0);
    border-bottom-color: #000;
    border-width: 8px;
    margin-left: -8px;
}

.properties-logo {
    text-align: center;
    margin: 3rem auto 0;
    width: 80%;
}

    .properties-logo li {
        padding: 0 .3rem;
    }

.index .bgbox-container h1 span {
    font-size: 1.5rem;
    display: block;
}

.index .bgbox-container p {
    width: 60%;
    margin: auto;
}

.withBar {
    background-image: url(../Images/bar.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    padding-bottom: 20px;
    margin: 2rem 0;
}

.bgbox-container .withBar {
    margin: 0 0 1rem;
}

.menu.footer-content {
    display: flex;
    justify-content: space-evenly;
}

.menu.footer-content a {
    font-weight: 700;
    text-transform: uppercase;
    font-size: .75rem;
    padding: 1.8rem 0;
}
/*
.might-overflow {
    text-overflow: ellipsis;
    overflow : hidden;
    white-space: nowrap;
}
.might-overflow:hover {
	overflow:visible;
}
.might-overflow:hover span {
	position: relative;
	background-color: white;
	box-shadow: 0 0 4px 0 black;
	border-radius: 1px;
}
/*
.might-overflow:hover {
    text-overflow: clip;
    white-space: normal;
    word-break: break-all;
}
*/

@media screen and (max-width: 480px) {
    .menu.footer-content a {
        font-size: 2.55vw;
    }
}

.menu.footer-sitemap a {
    font-size: .75rem;
    color: #333;
    letter-spacing: 1px;
    height: 20px;
    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 .5rem 0;
}

.menu.footer-resident a {
    display: inline-block;
    padding: 0;
    margin: 0;
    height: 50px;
    width: 120px;
}

footer .copy {
    font-size: .75rem;
    margin-bottom: 1rem;
}

.orbit-previous, .orbit-next {
	z-index: 1600 !important;
}

.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 {
    display: block;
    clear: both;
    overflow: hidden;
}

.bgbox-container p.insta-tag {
    margin: auto auto 1rem;
    height: 35px;
}

    .bgbox-container p.insta-tag span {
        font-size: 1.6rem;
        color: #002561;
        font-style: italic;
        margin-left: 5px;
        vertical-align: top;
        display: inline-block;
    }

.content-feed > div {
    margin-bottom: 1rem;
}

    .content-feed > div:first-child img {
        width: 100%;
    }

.content-feed .details {
    padding: .9375rem .9375rem 0;
    background-color: #fff;
}

    .content-feed .details h3 {
        font-size: .9rem;
        text-transform: uppercase;
    }

    .content-feed .details p.name {
        font-size: 1.25em;
        line-height: 1.4rem;
        text-transform: none;
    }

.datestamp {
    font-size: .75rem;
    color: #777;
    padding: .5rem 0 0;
}

.content-feed .details p.date-stamp {
    font-size: .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 {
    font-size: 1.2em;
    display: block;
}

.content-feed .image-overlay-content li {
    padding: .5rem 0;
}

.content-feed .image-overlay-content h3 {
    color: #fff;
    margin-bottom: 0;
}

.content-feed .image-overlay-content p {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.1rem;
}

.content-feed .image-overlay-content a {
    color: #fff;
    text-transform: uppercase;
    font-size: .9rem;
}

    .content-feed .image-overlay-content a:hover {
        color: #1585cf;
        text-decoration: underline;
    }

.promotion-feed {
    margin-bottom: 2rem;
}

    .promotion-feed .promotion-name {
        padding: 1rem 3rem .5rem;
        font-weight: 400;
    }

    .promotion-feed .promotion-description p, .promotion-feed .promotion-description div {
        padding: .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-weight: 400;
    font-size: .875rem;
}

.text-big {
    font-size: 1.125rem;
}

.text-small {
    font-size: .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: .7rem 0;
    }

.reveal.form-modal img {
    margin-top: 1rem;
}

.find-hotel-pane, .experience-pane {
    margin-left: 167px;
    clear: both;
    overflow: hidden;
}

    .experience-pane li {
        padding-left: 1rem;
        padding-bottom: 1rem;
    }

        .experience-pane li:first-child {
            padding-left: 2rem;
        }

        .experience-pane li:last-child {
            border-right: none;
        }

    .experience-pane a p {
        color: #ccc;
        font-weight: 400;
        font-size: .9rem;
        float: left;
    }

    .experience-pane a img {
        float: left;
        display: block;
        clear: both;
    }

    .find-hotel-pane li {
        margin: .8rem 0;
    }

    .find-hotel-pane a {
        color: #fafafa;
        font-size: .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-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    width: 460px;
    height: 200px;
    margin: 0 0 0 1rem;
}

.border-left {
    border-left: 1px solid #777;
}

#book-now-button {
    width: 120px;
}

#bookPanel {
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 2rem;
    width: 100%;
    background-color: rgba(0,0,0,0.9);
    color: #ccc;
    z-index: 10;
    font-size: 1.5rem;
    top: 70px;
    display: none;
}

    #bookPanel .bookContainer {
        position: relative;
        margin-top: 5rem;
    }

    .booking .bookContainer i, #bookPanel i {
        color: #fff;
        margin-top: .5rem;
        font-size: 1.75rem;
    }

    #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 {
        height: 3rem;
        cursor: pointer;
    }

        #bookPanel select option {
            background-color: rgba(255,255,255,1);
            color: #333;
            font-size: 1rem;
            border-top: none;
            border-left: none;
            border-right: none;
            border-bottom: 1px solid #ccc;
            padding: .5rem 1rem;
        }

    .booking .box-qty .qty, .booking .person .personamount, #bookPanel .person .personamount {
        border-bottom: none;
        width: 3rem;
        text-align: center;
    }

    .booking .person .desc, #bookPanel .person .desc {
        margin-right: .5rem;
        margin-top: .375rem;
    }

        .booking .person .desc small, #bookPanel .person .desc small {
            font-size: .875rem;
            clear: both;
            display: block;
            white-space: nowrap;
            margin-bottom: .375rem;
        }

    #bookPanel .person input[type="text"] {
        margin: .25rem 0 0;
    }

    #bookPanel .bookContainer div div {
        padding: .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 {
    margin: 1rem 0 0;
    font-size: 1.5rem;
}

    #joinNowModal .modalDesctiption img {
        vertical-align: bottom;
        margin: 0 2rem -8px 0;
    }

#joinNowModal .labelDesctiption {
    font-size: .875rem;
    color: #777;
}

#joinNowModal .sectionDesctiption {
    background-color: #eee;
    padding: 10px 8%;
    margin-left: -10%;
}

#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: .5rem;
    width: 120px;
}

.mobile-ofc.menu {
    background: #ccc none repeat scroll 0 0;
    font-size: .8125rem;
    font-weight: 400;
}

    .mobile-ofc.menu a {
        padding: 1rem .5rem;
        height: auto;
        border-bottom: 1px solid #bbb;
        color: #000;
    }

    .mobile-ofc.menu > li > a {
        font-weight: 700;
        border-top: 1px solid #aaa;
        font-weight: bold;
        background-color: #aaa;
    }

    .mobile-ofc.menu .submenu i {
        float: left;
        color: #000;
        font-size: 1rem;
    }

.content-container section {
    float: left;
    width: 100%;
    padding: 2rem 0;
}

    .branch-container section:first-of-type,
    .content-container section.vdo-box,
    .content-container section.branch-slider,
    .content-container section.nav,
    .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;
    }

.feed-box h3 {
    color: #002561;
}

#btnMorePost {
    border: 1px solid #002561;
    color: #002561;
    padding: .5rem 3rem;
    margin-bottom: 2rem;
}

#welcometitle {
    position: absolute;
    font-size: 40px;
    text-align: center;
    line-height: 80px;
    color: #000;
    width: 100%;
    top: 40%;
    margin-top: 0;
}

.slogan-message {
    display: block;
    width: 550px;
    height: 100px;
    margin: 0 auto;
    background-image: url(../Images/always-good-time.png);
    background-repeat: no-repeat;
    background-size: 550px auto;
}

.start-arrow i {
    font-size: 3rem;
    color: #fff;
    cursor: pointer;
}

#videoSection {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center -150px;
    height: 667px;
}

.branch-logo-nav {
    height: 46px;
}

#secondnav {
    background-color: #000;
}

    #secondnav a {
        color: #fff;
        height: auto;
    }

    #secondnav .is-active a,
    #secondnav .menu > li:hover a {
        color: #000;
        text-decoration: none;
    }

    #secondnav > .row {
        background-color: #000;
        display: flex;
    }

    #secondnav .top-bar-left,
    #secondnav .top-bar-right {
        float: none;
    }

    #secondnav .top-bar-left {
        padding: 7px 1rem 0 1rem;
    }

    #secondnav .top-bar-right {
        flex-grow: 1;
    }

    #secondnav .menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: stretch;
        height: 100%;
    }

        #secondnav .menu > li {
            flex-grow: 1;
            display: flex;
            border-right: 0;
        }

        #secondnav .menu a {
            padding: 1.25rem 1rem;
            align-self: center;
            flex: 1 1 auto;
            text-align: center;
        }

        #secondnav .menu i {
            margin: 0;
        }

.branch-detail h1 small {
    display: block;
    font-size: 1rem;
    text-transform: uppercase;
    color: #002561;
    padding-bottom: .5rem;
    line-height: 1rem;
}

.branch-detail h1 {
    text-transform: uppercase;
    margin-bottom: 3rem;
}

.branch-address i {
    float: left;
}

.branch-address span {
    padding-left: 2.5rem;
    display: block;
}

.branch-address img {
    border: 1px solid #ddd;
}

.chidlom-logo, .pratunam-logo, .silom-logo, .sukhumvit-logo, .thonglo-logo {
    position: absolute;
    top: 210px;
    left: 40%;
    z-index: 1;
}

.page-logo {
    position: absolute;
    top: 150px;
    left: 32%;
    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 h3 small {
    color:inherit;
}

.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: .5rem;
}

    .taste-detail h3 {
        padding: 2rem 4rem 1rem;
        font-size: 1.5rem;
    }

    .taste-detail p {
        padding: 0 4rem 1rem;
    }

        .taste-detail p a {
            display: block;
            padding: .2rem 0;
        }

    .taste-detail i {
        padding: 0 .5rem 0 0;
        font-size: 1rem;
    }

.promotion-node {
    list-style: none;
    padding-left: 0;
    margin-bottom: 2rem;
}

.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: none;
    margin-top: 0;
    float: right;
}

    .facilities-link .orbit-link button {
        margin: .5rem 0 0 2rem;
        padding-bottom: .5rem;
    }

.facilities-link button {
    color: gray;
}

    .facilities-link button.is-active {
        color: #000;
    }

.facilities-detail {
    padding: 1rem;
}

.chidlom h2 {
    margin-bottom: 1rem;
}

#home-booking-form {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 1rem 0;
    background-color: #000;
    color: #fff;
    font-size: 1.2rem;
    float: left;
    width: 100%;
}

    #home-booking-form i {
        color: #fff;
        margin-top: 1.5rem;
        font-size: 1.75rem;
    }

    #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-top: 1rem;
        margin-bottom: 0;
    }

    #home-booking-form .box-qty .qty, #home-booking-form .person .personamount, #home-booking-form .person .personamount {
        border-bottom: none;
        width: 3rem;
        text-align: center;
    }

    #home-booking-form .button.hollow {
        border: 1px solid #fff;
        color: #fff;
        margin-top: 0;
    }

    #home-booking-form .person .desc {
        margin-right: .5rem;
        margin-top: 1.375rem;
    }

        #home-booking-form .person .desc small, #home-booking-form .person .desc small {
            font-size: .875rem;
            clear: both;
            display: block;
            white-space: nowrap;
            margin-bottom: .375rem;
        }

#chidlom-color .surrounding-detail-section .orbit .details:after,
#chidlom-color .orbit-bullets button.is-active,
#chidlom-color .dont-miss a {
    color: #C07B9A;
}

#chidlom-color #secondnav li.is-active,
#chidlom-color #secondnav .menu > li:hover,
#chidlom-color .button,
.chidlom-branch-color.button {
    background-color: #C07B9A;
}

#pratunam-color .surrounding-detail-section .orbit .details:after,
#pratunam-color .orbit-bullets button.is-active,
#pratunam-color .dont-miss a {
    color: #F58481;
}

#pratunam-color #secondnav li.is-active,
#pratunam-color #secondnav .menu > li:hover,
#pratunam-color .button,
.pratunam-branch-color.button {
    background-color: #F58481;
}

#silom-color .surrounding-detail-section .orbit .details:after,
#silom-color .orbit-bullets button.is-active,
#silom-color .dont-miss a {
    color: #A68A54;
}

#silom-color #secondnav li.is-active,
#silom-color #secondnav .menu > li:hover,
#silom-color .button,
.silom-branch-color.button {
    background-color: #A68A54;
}

#sukhumvit-color .surrounding-detail-section .orbit .details:after,
#sukhumvit-color .orbit-bullets button.is-active,
#sukhumvit-color .dont-miss a {
    color: #9ED18A;
}

#sukhumvit-color #secondnav li.is-active,
#sukhumvit-color #secondnav .menu > li:hover,
#sukhumvit-color .button,
.sukhumvit-branch-color.button {
    background-color: #9ED18A;
}

#thonglo-color .surrounding-detail-section .orbit .details:after,
#thonglo-color .orbit-bullets button.is-active,
#thonglo-color .dont-miss a {
    color: #69A7B5;
}

#thonglo-color #secondnav li.is-active,
#thonglo-color #secondnav .menu > li:hover,
#thonglo-color .button,
.thonglo-branch-color.button {
    background-color: #69A7B5;
}


#pattaya-color .surrounding-detail-section .orbit .details:after,
#pattaya-color .orbit-bullets button.is-active,
#pattaya-color .dont-miss a {
    color: #0abab5;
}


.pattaya-branch-color.button {
    background-color: #0abab5;
}

#pattaya-color #secondnav li.is-active,
#pattaya-color #secondnav .menu > li:hover,
#pattaya-color .button,
.pattaya-branch-color.button {
    background-color: #0abab5;
}

#pattaya-color .top-bar-right .menu li {
    max-width: 150px;
}

#pattaya-color #secondnav .menu {
    justify-content: flex-start !important;
}

#korat-color .surrounding-detail-section .orbit .details:after,
#korat-color .orbit-bullets button.is-active,
#korat-color .dont-miss a {
    color: #234969;
}

.korat-branch-color.button {
    background-color: #234969;
}

#korat-color #secondnav li.is-active,
#korat-color #secondnav .menu > li:hover,
#korat-color .button,
.korat-branch-color.button {
    background-color: #234969;
}

#korat-color .top-bar-right .menu li {
    max-width: 150px;
}

#korat-color #secondnav .menu {
    justify-content: flex-start !important;
}

    #korat-color #secondnav .is-active a,
    #korat-color #secondnav .menu > li:hover a {
        color: #fff;
        text-decoration: none;
    }

#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 {
    border-bottom: 3px solid #0abab5;
}

#korat-color .facilities-link button.is-active, #korat-color .gallery-link button.is-active {
    border-bottom: 3px solid #234969;
}

#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;
}

#korat-color .address-contact {
    border: 1px dotted #234969;
    border-radius: 2px;
    padding: 1rem;
}

.chidlom-map, .silom-map, .pratunam-map, .sukhumvit-map, .thonglo-map, .pattaya-map, .korat-map {
    position: relative;
    background-color: rgba(0,0,0,0.14);
}

    .chidlom-map h3, .silom-map h3, .pratunam-map h3, .sukhumvit-map h3, .thonglo-map h3, .pattaya-map h3, .korat-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;
}

#korat-color .room-detail-price {
    background-color: #234969;
}

#chidlom-color thead th, #chidlom-color thead td, #chidlom-color tfoot th, #chidlom-color tfoot td {
    background-color: #C07B9A;
    color: #fff;
    border-right: 2px solid #fff;
    font-weight: 400;
}

#pratunam-color thead th, #pratunam-color thead td, #pratunam-color tfoot th, #pratunam-color tfoot td {
    background-color: #F58481;
    color: #fff;
    border-right: 2px solid #fff;
    font-weight: 400;
}

#silom-color thead th, #silom-color thead td, #silom-color tfoot th, #silom-color tfoot td {
    background-color: #A68A54;
    color: #fff;
    border-right: 2px solid #fff;
    font-weight: 400;
}

#sukhumvit-color thead th, #sukhumvit-color thead td, #sukhumvit-color tfoot th, #sukhumvit-color tfoot td {
    background-color: #9ED18A;
    color: #fff;
    border-right: 2px solid #fff;
    font-weight: 400;
}

#thonglo-color thead th, #thonglo-color thead td, #thonglo-color tfoot th, #thonglo-color tfoot td {
    background-color: #69A7B5;
    color: #fff;
    border-right: 2px solid #fff;
    font-weight: 400;
}

#pattaya-color thead th, #pattaya-color thead td, #pattaya-color tfoot th, #pattaya-color tfoot td {
    background-color: #0abab5;
    color: #fff;
    border-right: 2px solid #fff;
    font-weight: 400;
}

#korat-color thead th, #korat-color thead td, #korat-color tfoot th, #korat-color tfoot td {
    background-color: #234969;
    color: #fff;
    border-right: 2px solid #fff;
    font-weight: 400;
}



.promotion-corporate-detail p {
    margin-bottom: 0;
}

    .promotion-corporate-detail p a {
        margin: 1rem 0;
    }

.nearby-place {
    background-color: #002561;
    position: absolute;
    left: .6rem;
    top: 145px;
    color: #fff;
    width: 355px;
    padding: 1rem;
    -webkit-box-shadow: 0 1px 4px -1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 4px -1px rgba(0,0,0,0.5);
    box-shadow: 0 1px 4px -1px rgba(0,0,0,0.5);
    border-radius: 2px;
    opacity: .9;
    filter: alpha(opacity=90);
}

    .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: .875rem;
    }

        .nearby-place p.place {
            margin-bottom: .2rem;
        }

            .nearby-place p.place.margin-bottom-1rem {
                margin-bottom: 1rem;
            }

    .nearby-place i {
        font-size: .9rem;
    }

.print-button i {
    font-size: 3rem;
}

#covid-19-update {
    display: flex;
    z-index: 4;
    width: 100%;
    background-color: #000;
    color: #fff;
    padding: .75rem;
}

    #covid-19-update > .close-button {
        font-size: 1.2rem;
        /*top: 0.9rem;*/
    }

#acceptCookie {
    /*display: block;*/
    display: flex;
    position: fixed;
    bottom: 0;
    z-index: 3;
    width: 100%;
    background-color: #000;
    color: #fff;
    padding: .5rem 1rem;
}
 
    #acceptCookie #btnConfirmCookie {
        color: #fff;
        margin-left: 0;
        margin-bottom: 0;
        text-decoration: underline;
    }

    #acceptCookie #btnConfirmCookie:hover {
        color: #ccc;
    }
    
    #acceptCookie .close-button {
        font-size: 1.2rem;
    }

#noScript {
    display: block;
    width: 100%;
    background-color: #000;
    color: #fff;
    padding: 1rem;
}

.blog-banner {
    background: url(../images/blog-cover.jpg) no-repeat center center;
    background-size: cover;
    height: 426px;
    position: relative;
}

    .blog-banner .logo {
        position: relative;
        top: 50%;
        margin-top: -35px;
        z-index: 1;
        left: -15%;
    }

.index .time-temp-indicator {
    bottom: 6rem;
    left: 1.5rem;
    -webkit-transition: bottom 1s ease-in-out;
    -moz-transition: bottom 1s ease-in-out;
    -ms-transition: bottom 1s ease-in-out;
    -o-transition: bottom 1s ease-in-out;
    transition: bottom 1s ease-in-out;
}

.rewards .time-temp-indicator {
    bottom: 6rem;
    right: 1.5rem;
    -webkit-transition: bottom 1s ease-in-out;
    -moz-transition: bottom 1s ease-in-out;
    -ms-transition: bottom 1s ease-in-out;
    -o-transition: bottom 1s ease-in-out;
    transition: bottom 1s ease-in-out;
}

.blog .latest-blog div, .blog .last-blog {
    background-color: #fff;
}

.opaque {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter: alpha(opacity=50);
    opacity: .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 {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

#share-icon {
    margin-top: 1rem;
    float: right;
    font-weight: 700;
}

#share-icon-viewer {
    margin-top: 1rem;
    float: right;
    font-weight: 700;
}

.fa-twitter {
    background: rgba(0,0,0,0) url(../Images/twitter.png) no-repeat scroll left top / 24px auto;
    display: block;
    width: 24px;
    height: 24px;
}

.fa-google {
    background: rgba(0,0,0,0) url(../Images/google-plus.png) no-repeat scroll left top / 24px auto;
    display: block;
    width: 24px;
    height: 24px;
}

.fa-facebook {
    background: rgba(0,0,0,0) url(../Images/facebook.png) no-repeat scroll left top / 24px auto;
    display: block;
    width: 24px;
    height: 24px;
}

.fa-line {
    background: rgba(0,0,0,0) url(../Images/line.png) no-repeat scroll left top / 24px auto;
    display: block;
    width: 24px;
    height: 24px;
}

.content-feed {
    padding-bottom: 0;
}

.contact-banner {
    background: url(../images/contact-cover.jpg) no-repeat center center;
    background-size: cover;
    height: 426px;
    position: relative;
}

    .contact-banner .logo {
        position: relative;
        top: 50%;
        margin-top: -35px;
        z-index: 1;
        left: -15%;
    }

.brand-banner {
    background: url(../images/brand-cover.jpg) no-repeat center center;
    background-size: cover;
    height: 426px;
    position: relative;
}

    .brand-banner .logo {
        position: relative;
        top: 40%;
        margin-top: -35px;
        z-index: 1;
        right: -15%;
    }

.brand-hotel-banner {
    background: url(../images/brand-hotel-cover.jpg) no-repeat center center;
    background-size: cover;
    height: 426px;
    position: relative;
}

.brand-apartment-banner {
    background: url(../images/Centre_Point-Serviced_Apartment.jpg) no-repeat center center;
    background-size: cover;
    height: 426px;
    position: relative;
}

.brand-residence-banner {
    background: url(../images/brand-residences-cover.jpg) no-repeat center center;
    background-size: cover;
    height: 426px;
    position: relative;
}

.centrepoint-brand-hotel .time-temp-indicator {
    right: 1rem;
}

.brand-hotel-banner .logo {
    position: relative;
    top: 40%;
    z-index: 1;
    left: -20rem;
}

.brand-apartment-banner .logo {
    position: relative;
    top: 40%;
    z-index: 1;
    left: 30%;
}

.brand-residence-banner .logo {
    position: relative;
    top: 40%;
    z-index: 1;
    left: 0;
}

.centrepoint-brand h1, .centrepoint-brand-hotel h1, .centrepoint-brand-apartment h1, .centrepoint-brand-residence h1 {
    margin-top: 1rem;
    margin-bottom: 3rem;
}

.centrepoint-brand h2, .centrepoint-brand-hotel h2, .centrepoint-brand-residence h2 {
    font-size: 1.25rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.brand-detail .highlight {
    padding-right: 2rem;
    padding-left: 2rem;
}

    .brand-detail .highlight p {
        line-height: 1.3rem;
    }

.business-logo {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.our-business h2 {
    margin-top: 2rem;
    margin-bottom: 3rem;
}

.our-business h3 {
    font-size: 1.3rem;
    margin-bottom: 1rem;
}

.business-title {
    border-bottom: 1px dotted #777;
    margin: 2rem 0;
    padding: .5rem 0;
    font-weight: 600;
    color: #777;
}

.apartment-download-title {
    border-bottom: 1px dotted #777;
    margin: 2rem 0;
    padding: .5rem 0;
    font-weight: 600;
    color: #777;
}

.apartment-manage-title {
    /*border-top:1px dotted #777;*/
    padding-bottom: 0.5rem;
}

.img-resposive {
    width: 100%;
}

.commitments {
    background: url(../images/brand-core-value-cover.jpg) no-repeat center left;
    background-size: 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 {
        width: 70%;
        line-height: 1.3rem;
    }

.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: .5rem;
    vertical-align: middle;
}

.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: url(../images/news-events-cover.jpg) no-repeat center center;
    background-size: cover;
    height: 426px;
    position: relative;
}

    .news-banner .logo {
        position: relative;
        top: 40%;
        margin-top: -35px;
        z-index: 1;
        left: 20%;
    }

.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 .5rem;
    }

        .awards-list p.year {
            padding: 1rem 1rem .5rem;
            font-size: 1rem;
        }

.stories-banner {
    background: url(../images/stories-cover.jpg) no-repeat center center;
    background-size: cover;
    height: 426px;
    position: relative;
}

    .stories-banner .logo {
        position: relative;
        top: 40%;
        margin-top: -35px;
        z-index: 1;
        left: 15%;
    }

.stories-content-main .name {
    font-size: 1.75rem;
    padding: 1rem 0;
}

.stories-content .name {
    font-size: 1.5rem;
    font-weight: 400;
    padding: 1rem 0;
}

.arrow_box_right {
    position: relative;
    background: #FFF;
}

    .arrow_box_right:after {
        right: 0;
        top: 25%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(255,255,255,0);
        border-right-color: #FFF;
        border-width: 15px;
        margin-top: -15px;
    }

.arrow_box_left {
    position: relative;
    background: #FFF;
}

    .arrow_box_left:after {
        left: 0;
        top: 25%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(255,255,255,0);
        border-left-color: #FFF;
        border-width: 15px;
        margin-top: -15px;
    }

.booking-banner {
    background: url(../images/book_direct_banner1.jpg) no-repeat center center;
    background-size: cover;
    height: 426px;
    position: relative;
}

    .booking-banner .logo {
        position: relative;
        top: 20%;
        left: -70px;
        z-index: 1;
    }

.booking .time-temp-indicator {
    bottom: auto;
    top: 0;
}

.step-indicator {
    color: #fff;
    position: relative;
    z-index: 1;
    font-size: 1em;
}

    .step-indicator li {
        width: 10%;
    }

    .step-indicator a {
        color: #fff;
    }

    .step-indicator span {
        display: none;
        height: 49px;
        line-height: 49px;
        background-color: rgba(0,0,0,0.8);
    }

        .step-indicator span.stepnum {
            display: block;
        }

    .step-indicator li.is-active {
        display: table-cell;
        width: 50%;
    }

        .step-indicator li.is-active span {
            display: block;
            background-color: #002561;
            position: relative;
            font-weight: 700;
        }

            .step-indicator li.is-active span.stepnum {
                display: none;
            }

.tabs-content[data-tabs-content=aware-tabs] {
    border: 0;
}

    .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 {
    border: 0;
    background-color: transparent;
    margin-top: 4px;
}

    .booking-tabs li {
        border: 1px solid #f0f0f2;
        text-align: center;
        float: none;
        background-color: #fefefe;
    }

        .booking-tabs li:not(:last-child) {
            border-right: 0;
        }

    .booking-tabs .tabs-title > a {
        font-size: .929em;
        color: #242424;
        padding: 1rem 1.5rem;
    }

    .booking-tabs .tabs-title.is-active {
        border-bottom: 1px solid #f7f7f7;
    }

        .booking-tabs .tabs-title.is-active a {
            font-weight: 700;
            color: #002561;
            text-decoration: underline;
        }

    .booking-tabs + .buttons button {
        margin: 0;
    }

.branch-info {
    color: #818181;
    padding-top: 30px;
    padding-bottom: 25px;
}

    .branch-info h2 {
        font-size: .875rem;
        font-weight: 700;
        padding: 0 1rem 1rem;
    }

    .branch-info p {
        font-size: .75rem;
        padding: 0 1rem;
        margin: 0;
    }

    .branch-info .edit-date-loc {
        margin-top: 10px;
    }

.booking .tabs-panel .is-stuck {
    background-color: #fff;
    border-bottom: 1px solid #f0f0f2;
}

.is-stuck #booking-tabs .tabs-title {
    border-bottom: 0;
}

.is-stuck .branch-info {
    padding-bottom: 24px;
}

.box-booking-content {
    border-top: 1px solid #f0f0f2;
    padding-top: 30px;
    margin-top: -1px;
}

    .box-booking-content p {
        width: auto;
    }

    .box-booking-content .tabs-content {
        border: 0;
    }

.box-booking-items {
    margin-bottom: 30px;
    padding: 18px;
    color: #242424;
}

    .box-booking-items h2 {
        font-size: 1.375rem;
        font-weight: 400;
        color: #002561;
    }

        .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: .75rem;
        margin: 10px 0;
    }

    .box-booking-items .btn-book-now, .checkbox.add-item {
        display: block;
        width: 100%;
        padding: .85em 3em;
    }

    .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;
        padding: 28px 18px;
        margin: 0 -18px;
    }

.booking-price-box .was-price {
    text-decoration: line-through;
    color: #666;
    margin: 0;
}

.booking-price-box .save-price {
    color: red;
    margin: 5px 0 0;
    font-weight: 700;
}

.item-price > span {
    width: 32px;
    font-size: .714em;
    line-height: 1.4em;
    text-align: left;
    position: absolute;
    top: 12px;
}

.item-price .item-total {
    left: 0;
}

.item-price .item-currency {
    right: 0;
}

.item-price .price {
    text-align: center;
    font-size: 2.143em;
    padding: 0 32px;
    position: static;
    width: auto;
    display: block;
}

.item-price, .item-image {
    position: relative;
}

.item-image {
    position: relative;
}

    .item-image .zoom-icon {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 1.429em;
        color: #fff;
        padding: 0 10px;
    }

.item-details .period-desc {
    margin: 25px 0 0;
}

.item-details select {
    font-size: .857em;
}

.item-price .box-qty {
    margin: 25px 0 15px;
}

    .item-price .box-qty .qty {
        margin: 0 10px;
        background-color: transparent;
    }

    .booking .bookContainer .material-icons, .item-price .box-qty .material-icons {
        color: #002561;
        font-size: 1.75rem;
    }

.checkbox.add-item label {
    font-size: .929em;
    font-weight: 700;
    color: #002561;
    line-height: 1;
}

.checkbox.add-item input[type="checkbox"] + span:before {
    letter-spacing: 20px;
    color: #242424;
}

.facility-list {
    font-size: .857em;
}

    .facility-list ul {
        margin-bottom: 10px;
    }

.promo-box, .promo-box select {
    background-color: #ebeff6;
}

.box-rewards {
    margin-bottom: 17px;
    padding: 13px;
}

.box-justify {
    text-align: justify;
    margin-bottom: -1em;
}

    .box-justify:after {
        content: '';
        display: inline-block;
        width: 100%;
        height: 0;
        font-size: 0;
        line-height: 0;
    }

.box-sum, .box-special {
    margin-bottom: 17px;
    padding: 25px 18px;
    color: #242424;
}

.box-sum h2,
.box-special h2 {
    font-size: .875rem;
    font-weight: 700;
    text-align: justify;
    margin-bottom: 0;
}

.box-sum h2 > a,
.box-special h2 > a {
    color: #242424;
    font-weight: 400;
    font-size: .5625rem;
    line-height: 2.222em;
}

.box-sum h4, 
.box-special h4, 
.item-details h4 {
    font-size: .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: .6875rem;
    margin-top: 7px;
}

.box-special input, 
.box-special button {
    height:35px;
}

.box-special button {
    background:rgb(0, 37, 97) !important;
    margin-left: 0.25rem;
}

.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 {
    padding-top: 0;
    padding-bottom: 0;
    min-height: 51px;
}

.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';
        position: absolute;
        top: 0;
        left: 25%;
        font-size: 1em;
    }

.booking button small {
    margin-top: 5px;
    text-transform: none;
}

.button.ghost {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    box-shadow: none;
    padding: .6154rem .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-top: 0;
        padding-bottom: 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: .875rem;
}

#guest-info .dot-line {
    margin-left: -18px;
    margin-right: -18px;
}

#guest-info h4 {
    font-size: .875rem;
    line-height: 1.6;
}

#guest-info h2 + .info-set {
    padding-top: 1rem;
}

.booking .payment h1 > span {
    font-size: .875rem;
    padding-left: 10px;
}

.booking .payment .radio {
    padding: 20px 0 30px;
}

    .booking .payment .radio input[type="radio"] + span:before {
        font-size: .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;
        vertical-align: top;
        padding-top: 5px;
    }

.booking .confirm .booking-info {
    font-size: 1.125rem;
    color: #242424;
}

.booking .confirm .confirm-info {
    font-size: 1.125rem;
    clear: both;
}

.booking .confirm .buttons {
    margin-top: 30px;
    clear: both;
}

    .booking .confirm .buttons button {
        margin-left: 0;
        margin-right: 0;
    }

.booking .confirm .box-sum h2 {
    margin-top: 20px;
}

.booking .confirm .info-set h4 {
    width: 40%;
    vertical-align: top;
}

.booking .confirm .info-set.grand-total p {
    font-size: .75rem;
}

.booking .confirm h1.text-error + .booking-info {
    margin-bottom: 80px;
}

.booking .confirm .error-info {
    font-size: .875rem;
    margin-bottom: 30px;
}

.booking .confirm .buttons .btn-tryagain {
    width: 221px;
}

.promo-cardbox .cardbox-img img {
    width: 100%;
}

.promo-cardbox .cardbox-details {
    padding: 30px 15px 20px;
    margin-bottom: 70px;
}

.cardbox-details h2 {
    color: #242424;
    font-size: .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-width: 1px;
    border-color: #ccc;
}

    .title-bar .booking-tabs .tabs-title a {
        padding: 22px 5px 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 {
            color: #242424;
            background-color: #fff;
            padding: 1rem;
            margin-right: -1rem;
            margin-top: -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 {
    max-width: 770px;
    border: 0;
}

    #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: .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-position: top 9.063rem;
    background-size: cover;
}

    #activateModal .modal-body {
        padding: 10px;
    }

    #activateModal .details-box {
        padding: 30px;
        box-shadow: 0 0 5px 1px rgba(0,0,0,0.7);
    }

        #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;
    }

.login-form input {
    padding-left: 5px;
    border-color: #002561;
    background-color: transparent;
}

#activateModal .login-form input[type="text"]:disabled {
    background: #eee;
}

#activateModal .login-form .buttons {
    padding-top: 30px;
}

a.anchor {
    display: block;
    position: relative;
    visibility: hidden;
}

.rewards-bar {
    clear: both;
    background-color: rgba(0,0,0,0.64);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.5);
    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 {
        padding: 8px;
        height: auto;
    }

        .rewards-bar .menu > li > a > span {
            padding: 9px 20px;
            display: inline-block;
        }

        .rewards-bar .menu > li > a:hover > span, .rewards-bar .dropdown-pane li:hover {
            background-color: #002561;
            box-shadow: 0 0 5px 1px rgba(255,255,255,1);
        }

    .rewards-bar .dropdown-pane {
        font-size: .875rem;
        border: 0;
        padding-left: 0;
        padding-right: 0;
        background-color: rgba(0,0,0,0.64);
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.5);
    }

        .rewards-bar .dropdown-pane li {
            line-height: 30px;
            padding: 0 1rem;
        }

.rewards .top-bar-right > li:first-child {
    border-left: .2px solid #ccc;
}

.rewards-vdotitle {
    color: #fff;
    font-size: 2rem;
    position: absolute;
    top: 15%;
    left: 5%;
}

    .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 {
    border-width: 2px;
    border-style: solid;
    border-radius: 4px;
    background-color: transparent;
    transition: all .4s ease-in-out;
}

.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 {
    border: 2px solid #002561;
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
    width: 200px;
    height: auto;
    position: fixed;
    top: 5rem;
    right: 71px;
    z-index: 3;
    padding: 6px;
    text-align: center;
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    transition: all .6s ease-in-out;
}

    .box-memcard .img-memcard {
        transform: rotate(180deg);
    }

.member-info {
    color: #fff;
    position: fixed;
    z-index: 3;
    width: 270px;
    top: 17rem;
    right: 15px;
    text-transform: none;
    font-style: italic;
    transition: all .6s ease-in-out;
}

    .member-info p {
        margin: 0;
    }

.box-memcard.collapsed + .member-info {
    right: -270px;
}

.img-memcard {
    max-width: 100%;
}

.btn-member-info {
    position: relative;
    padding: 0 0 10px;
    height: 40px;
    text-transform: uppercase;
    color: #002561;
}

    .btn-member-info img {
        margin-right: 10px;
        width: 18px;
        height: auto;
        vertical-align: bottom;
    }

    .btn-member-info i {
        font-size: .875rem;
    }

        .btn-member-info i:before {
            content: 'keyboard_arrow_down';
            position: absolute;
            top: .625rem;
        }

.box-memcard.collapsed {
    right: -227px;
    transition: all .6s ease-in-out;
}

    .box-memcard.collapsed .btn-member-info i:before {
        content: 'keyboard_arrow_up';
    }

.header-w-line {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

    .header-w-line:before, .header-w-line:after, .use-points a.accordion-title:after, .myacc a.accordion-title:after {
        content: '';
        font-size: 0;
        line-height: 0;
        border-style: solid;
        position: absolute;
        left: 50%;
        top: 100%;
    }

    .header-w-line:before {
        width: 50%;
        height: 0;
        margin-left: -25%;
        border-width: 0 0 1px;
        border-color: #242424;
    }

    .header-w-line:after, .use-points a.accordion-title:after, .myacc a.accordion-title:after {
        display: inline-block;
        width: 1px;
        height: 1px;
        border-width: 3px;
        margin-left: -3px;
        margin-top: -3px;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border-color: #242424;
    }

    .header-w-line.white {
        color: #fff;
    }

        .header-w-line.white:before, .header-w-line.white:after {
            border-color: #fff;
        }

.ribbon-wrap {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.corner-ribbon {
    width: 240px;
    background: #002561;
    position: absolute;
    top: 50px;
    left: -50px;
    text-align: center;
    line-height: 40px;
    letter-spacing: 1px;
    color: #fff;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    font-weight: 700;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
}

    .corner-ribbon:before {
        position: absolute;
        z-index: -1;
        content: '';
        display: block;
        border: 3px solid #002561;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        font-weight: 700;
    }

    .corner-ribbon.shadow {
        box-shadow: 0 -2px 0 rgba(255,255,255,1),0 2px 0 rgba(255,255,255,1),0 5px 10px rgba(0,0,0,.1);
    }

    .corner-ribbon.top-left {
        top: 50px;
        left: -50px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .corner-ribbon.top-right {
        top: 50px;
        right: -50px;
        left: auto;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    .corner-ribbon.bottom-left {
        top: auto;
        bottom: 50px;
        left: -50px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    .corner-ribbon.bottom-right {
        top: auto;
        right: -50px;
        bottom: 50px;
        left: auto;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .corner-ribbon.highlight {
        background: #ed7f00;
    }

        .corner-ribbon.highlight:before {
            border-color: #ed7f00;
        }

    .corner-ribbon.top-right:before {
        border-top-color: transparent;
        border-right-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 {
    width: 100%;
    margin-top: 5px;
}

.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 {
        font-size: .875rem;
        color: #002561;
    }

    .sitemap li {
        font-size: .75rem;
        padding-bottom: 5px;
    }

    .sitemap ul a {
        color: #333;
    }

.csr-banner {
    background: url(../images/Centre_Point-CSR.jpg) no-repeat center center;
    background-size: cover;
    height: 426px;
    position: relative;
}

    .csr-banner .logo {
        position: relative;
        top: 50%;
        margin-top: -35px;
        z-index: 1;
        left: -30%;
    }

.csr-type-about .csr-detail-main {
    padding: 2rem 0 2rem 4rem;
}

    .csr-type-about .csr-detail-main p {
        margin-bottom: 0;
        padding-right: 4rem;
        padding-bottom: 2rem;
        border-right: 1px solid #ccc;
    }

        .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: url(../images/taste-cover.jpg) no-repeat center center;
    background-size: cover;
    height: 426px;
    position: relative;
}

    .taste-banner .logo {
        position: relative;
        top: 40%;
        z-index: 1;
        left: 0;
    }

.taste-list > div > div {
    clear: both;
    overflow: hidden;
}

.rewards .box-content {
    padding-top: 30px;
    color: #666;
}

.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;
        padding: 2px 0;
        height: auto;
        width: 85%;
        -webkit-transition: width .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

        #rewards-content nav > ul a.active {
            background-color: #002561;
            color: #fff;
            font-weight: 700;
            width: 100%;
        }

.rewards .box-content h1 {
    font-size: 2.25rem;
    text-shadow: 3px 3px 0 rgba(0,0,0,0.15);
    margin: 50px 0;
    color: #242424;
}

.rewards .box-content h3 {
    font-size: .875rem;
    font-weight: 700;
    color: #242424;
    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);
    text-shadow: 2px 2px 5px rgba(0,0,0,0.24);
    font-size: 1.875rem;
    font-weight: 700;
    color: #fff;
    position: relative;
    padding: 10px 18px;
    margin-bottom: 48px;
}

    .rewards .box-content .sub-header:before {
        content: '';
        position: absolute;
        border: 1px dashed #fff;
        width: calc(100% - 10px);
        height: calc(100% - 10px);
        left: 5px;
        top: 5px;
    }

.rewards .box-content div[data-magellan-target], .step-graph:last-of-type {
    padding-bottom: 50px;
}

.sub-header i {
    font-size: 3rem;
    vertical-align: bottom;
}

.btn-to-top {
    position: fixed;
    margin: 0;
    bottom: 20px;
    right: 20px;
    z-index: 3;
    color: #fff;
}

.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!important;
    opacity: .95!important;
}

.alert-modal {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    .alert-modal .heading {
        text-align: center;
        font-size: 1rem;
        text-transform: uppercase;
        color: #000;
        letter-spacing: .2rem;
    }

    .alert-modal .modal-head {
        background: url(../images/modal-head-1.png) no-repeat top center;
        background-size: cover;
        height: 160px;
        background-size: 350px auto;
    }

    .alert-modal.warning-modal .modal-head, .alert-modal.error-modal .modal-head {
        background: url(../images/modal-head-2.png) no-repeat top center;
        background-size: cover;
        height: 160px;
        background-size: 350px auto;
    }

    .alert-modal .message {
        text-align: center;
        color: #777;
        padding: 1rem;
    }

    .alert-modal .modal-body p:last-child, .alert-modal .modal-body button {
        margin-bottom: 0;
    }

    .alert-modal .modal-body button {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

.our-program .sub-header {
    background-color: #8088b0;
}

.mlevels-graph svg {
    width: 100%;
}

.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 {
    position: relative;
    max-width: 600px;
    margin: 0 auto;
}

#how-to-earn .step-graph ul {
    margin-top: 50px;
}

#how-to-redeem h4 {
    padding: 40px 0 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #242424;
}

.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 {
    width: 150px;
    margin: 0 45px 20px 0;
}

.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 {
    top: 25px;
    position: absolute;
    font-size: 1.125rem;
    color: #002561;
}

.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 .4s;
    }

#rewards-content .accordion-content {
    border: 0;
    color: #666;
    padding: 30px 0;
}

.rooms-list .accordion-content h3 {
    font-weight: 400;
    padding: 0;
    margin-bottom: 40px;
}

.rooms-list button {
    background-color: #ffce7b;
    padding-left: 2rem;
    padding-right: 2rem;
    font-weight: 700;
}

.rooms-list .accordion-item, .item-list .accordion-item {
    position: relative;
}

#rewards-content a.accordion-title {
    color: #002561;
    font-size: 1.125rem;
    background-color: transparent;
    border-width: 0 0 1px;
    border-color: #002561;
    border-style: solid;
    position: relative;
    padding: 1.25rem 0;
}

.benefits .sub-header {
    background-color: #82bf69;
}

.table-shadow {
    box-shadow: 0 0 5px 1px rgba(0,0,0,0.3);
    border-radius: 10px;
}

.benefits-summary td img {
    margin: 20px 0;
}

.benefits-summary td h4 {
    font-size: 1.125rem;
    font-weight: 400;
    margin: 0;
    padding: 5px 0;
    color: #fff;
}

.benefits-summary tr:nth-of-type(2) th {
    padding-top: 0;
    padding-bottom: 0;
}

.benefits-summary tr:nth-of-type(2) td {
    vertical-align: bottom;
    padding: 0;
    border-bottom: 1px solid #fff;
}

.benefits-summary tr th {
    color: #002561;
    background-color: #fff;
    text-align: left;
    border-bottom: 1px dotted #ccc;
}

.benefits-summary tr td {
    border-right: 1px solid #fff;
    min-width: 150px;
}

    .benefits-summary tr td:nth-of-type(1) {
        color: #002561;
        background-color: rgba(0,37,97,0.1);
    }

        .benefits-summary tr td:nth-of-type(1) h4 {
            background-color: #002561;
        }

    .benefits-summary tr td:nth-of-type(2) {
        color: #b1b1b1;
        background-color: rgba(177,177,177,0.1);
    }

        .benefits-summary tr td:nth-of-type(2) h4 {
            background-color: #b1b1b1;
        }

    .benefits-summary tr td:nth-of-type(3) {
        color: #be873d;
        background-color: rgba(190,135,61,0.1);
    }

        .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;
}

.benefits-summary tr td:last-of-type {
    border-right: 0;
}

#mypoints-box .table-shadow,
#benefits-box .table-shadow {
    overflow-x: auto;
}

    #benefits-box .table-shadow + small {
        font-size: .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 {
    margin: 0;
    position: relative;
    z-index: 1;
    border: 0;
}

#exclusive-tabs .tabs-title, #mypoints-tabs .tabs-title {
    margin: 0 10px 10px 0;
    border-radius: 5px;
    background-color: rgba(0,0,0,0.4);
}

    #exclusive-tabs .tabs-title > a, #mypoints-tabs .tabs-title > a {
        color: #fff;
        font-size: .875rem;
        background-color: transparent;
        text-align: center;
    }

        #exclusive-tabs .tabs-title > a > i, #mypoints-tabs .tabs-title > a > i {
            font-size: 2.25rem;
            vertical-align: middle;
        }

    #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 {
            content: '';
            width: 0;
            height: 0;
            position: absolute;
            bottom: -10px;
            left: 50%;
            margin-left: -7px;
            border-width: 7px;
            border-style: solid;
            border-color: transparent transparent #002561;
        }

#exclusive-discounts .tabs-content, #mypoints-tabs + .tabs-content {
    box-shadow: 0 0 5px 1px rgba(0,0,0,0.3);
    position: relative;
    z-index: 1;
    border-top: 3px solid #002561;
}

#exclusive-discounts .tabs-panel {
    padding: 0;
}

.partner-logo {
    vertical-align: middle;
    text-align: center;
    padding: 2rem 0;
    margin: 0 1% 2rem;
    border-bottom: 2px solid #002561;
}

    .partner-logo img {
        display: inline-block;
        margin: 10px;
    }

#exclusive-discounts .item-list {
    padding: .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 {
    text-align: center;
}

#exclusive-discounts .accordion {
    margin: 0;
}

#exclusive-discounts .accordion-item:after {
    right: 1%;
    top: 1px;
}

#exclusive-discounts a.accordion-title {
    width: 98%;
    margin: 0 auto;
    padding: 0 0 .5rem;
}

#exclusive-discounts .accordion-title span {
    padding-right: 20px;
    font-size: .875rem;
}

#exclusive-discounts .accordion-content {
    background-color: rgba(0,0,0,0.6);
    color: #fff;
    padding: 20px;
    margin: 20px;
    border-radius: 10px;
    position: relative;
}

    #exclusive-discounts .accordion-content:after {
        content: '';
        width: 100%;
        position: absolute;
        bottom: -20px;
        left: 0;
        border-bottom: 1px solid #002561;
    }

    #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 {
    position: relative;
    font-size: 1.125rem;
    color: #002561;
    display: inline-block;
}

    .myacc .header-w-line:before {
        width: 100%;
        margin-left: -50%;
    }

.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 .box-content tr > td {
    border-right: 1px solid #ccc;
}

.myacc tr > th:last-child, .myacc tr > td:last-child {
    border-right: 0;
}

.myacc tr:last-child td {
    border-bottom: 0;
}

.my-card-box {
    position: relative;
    display: inline-block;
    left: 50%;
    margin-left: -122px;
}

.my-card-info {
    color: #fff;
    font-style: italic;
    position: absolute;
    bottom: 41%;
    left: 7%;
    width: 360px;
}

    .my-card-info p {
        margin: 0;
    }

.signin h1 span {
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 10px;
}

.signin .required-desc {
    font-size: .875rem;
    color: #666;
    position: absolute;
    right: 0;
    bottom: 17px;
}

.signin .field-group {
    padding-bottom: 1rem;
}

.signin .box-content a {
    color: #002561;
}

.register h1 small {
    display: block;
    font-size: .875rem;
    font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    color: #242424;
    text-shadow: none;
    padding-top: 4px;
}

.register .radio.display-inline-block {
    margin-right: 2rem;
}

.blog-post h1 {
    font-size: 3rem;
}

.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;
}

.blog-post .bgbox-default {
    padding: 20px 30px;
}

.blog-post .pagination li {
    margin: 10px 0 0;
    font-size: .8125rem;
    text-transform: uppercase;
}

.blog-post .pagination p {
    margin: 0;
    font-size: .75rem;
}

.blog-post .pagination a {
    padding: 0;
}

    .blog-post .pagination a:hover {
        text-decoration: none;
    }

.blog-post .pagination-previous p {
    padding-left: 32px;
}

.blog-post .pagination-next p {
    padding-right: 32px;
}

.blog-post .pagination-previous a:before,
.blog-post .pagination-next a:after {
    font-size: 1.5rem;
    vertical-align: baseline;
}

.gallery-cover {
    background: url(../images/gallery-cover.jpg) no-repeat center center;
    background-size: cover;
    height: 426px;
    position: relative;
}

    .gallery-cover .logo {
        position: relative;
        top: 50%;
        margin-top: -35px;
        z-index: 1;
        left: 0;
    }

.branch-img-cover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 426px;
    position: relative;
}

    .branch-img-cover .logo {
        position: relative;
        top: 50%;
        z-index: 1;
    }

/* Chidlom */
.chidlom-promotion-cover {
    background-image: url(../images/Centre_Point-Chidlom-Best_Offer.jpg);
}

.chidlom-accommodation-cover {
    background-image: url(../images/Centre_Point-Chidlom-Rooms_and_Suites.jpg);
}

.chidlom-meeting-cover {
    background-image: url(../images/Centre_Point-Chidlom-Meeting.jpg);
}

.chidlom-review-cover {
    background-image: url(../images/Centre_Point-Chidlom-Review.jpg);
}

.chidlom-gallery-cover {
    background-image: url(../images/Centre_Point-Chidlom-Gallery.jpg);
}

.chidlom-surrounding-cover {
    background-image: url(../images/Centre_Point-Chidlom-Overview.jpg);
}

.chidlom-contact-cover {
    background-image: url(../images/Centre_Point-Chidlom-Contact_Us.jpg);
}

.chidlom-facilities-cover {
    background-image: url(../images/Centre_Point-Chidlom-Facility.jpg);
}

.chidlom-promotion-cover .logo {
    margin-top: -55px;
    left: -20%;
}

.chidlom-accommodation-cover .logo {
    margin-top: -35px;
    left: 0;
}

.chidlom-meeting-cover .logo {
    margin-top: -55px;
    left: -28%;
}

.chidlom-review-cover .logo {
    margin-top: -85px;
    left: 5%;
}

.chidlom-gallery-cover .logo {
    margin-top: -115px;
    left: 0;
}

.chidlom-surrounding-cover .logo {
    margin-top: -115px;
    left: -25%;
}

.chidlom-contact-cover .logo {
    margin-top: -35px;
    left: 0;
}

.chidlom-facilities-cover .logo {
    margin-top: -35px;
    left: 25%;
}

/* Pratunam */
.pratunam-promotion-cover {
    background-image: url(../images/Centre_Point-Pratunam-Best_Offer.jpg);
}

.pratunam-accommodation-cover {
    background-image: url(../images/Centre_Point-Pratunam-Room.jpg);
}

.pratunam-meeting-cover {
    background-image: url(../images/Centre_Point-Pratunam-Meeting.jpg);
}

.pratunam-review-cover {
    background-image: url(../images/Centre_Point-Pratunam-Review.jpg);
}

.pratunam-gallery-cover {
    background-image: url(../images/Centre_Point-Pratunam-Gallery.jpg);
}

.pratunam-surrounding-cover {
    background-image: url(../images/Centre_Point-Pratunam-Overview.jpg);
}

.pratunam-contact-cover {
    background-image: url(../images/Centre_Point-Pratunam-Contact.jpg);
}

.pratunam-facilities-cover {
    background-image: url(../images/Centre_Point-Pratunam-Facility.jpg);
}

.pratunam-promotion-cover .logo {
    margin-top: -155px;
    left: 16%;
}

.pratunam-accommodation-cover .logo {
    margin-top: -15px;
    left: 15%;
}

.pratunam-meeting-cover .logo {
    margin-top: -100px;
    left: 0;
}

.pratunam-review-cover .logo {
    margin-top: -35px;
    left: -20%;
}

.pratunam-gallery-cover .logo {
    margin-top: -145px;
    left: 0;
}

.pratunam-surrounding-cover .logo {
    margin-top: -240px;
    left: 0;
}

.pratunam-contact-cover .logo {
    margin-top: -35px;
    left: -30%;
}

.pratunam-facilities-cover .logo {
    margin-top: -35px;
    left: -25%;
}

/* Silom */
.silom-promotion-cover {
    background-image: url(../images/Centre_Point-Silom-Best_Offer.jpg);
}

.silom-accommodation-cover {
    background-image: url(../images/Centre_Point-Silom-Room.jpg);
}

.silom-meeting-cover {
    background-image: url(../images/Centre_Point-Silom-Meeting.jpg);
}

.silom-review-cover {
    background-image: url(../images/Centre_Point-Silom-Review.jpg);
}

.silom-gallery-cover {
    background-image: url(../images/Centre_Point-Silom-Gallery.jpg);
}

.silom-surrounding-cover {
    background-image: url(../images/Centre_Point-Silom-Overview.jpg);
}

.silom-contact-cover {
    background-image: url(../images/Centre_Point-Silom-Contact.jpg);
}

.silom-facilities-cover {
    background-image: url(../images/Centre_Point-Silom-Facility.jpg);
}

.silom-promotion-cover .logo {
    margin-top: -35px;
    left: 0;
}

.silom-accommodation-cover .logo {
    margin-top: -125px;
    left: 28%;
}

.silom-meeting-cover .logo {
    margin-top: -105px;
    left: 0;
}

.silom-review-cover .logo {
    margin-top: -85px;
    left: 20%;
}

.silom-gallery-cover .logo {
    margin-top: -85px;
    left: 20%;
}

.silom-surrounding-cover .logo {
    margin-top: -115px;
    left: 22%;
}

.silom-contact-cover .logo {
    margin-top: -55px;
    left: -20%;
}

.silom-facilities-cover .logo {
    margin-top: -35px;
    left: 0;
}


/* Sukhumwit */
.sukhumwit-promotion-cover {
    background-image: url(../images/Centre_Point-Sukhumvit-Best_Offer.jpg);
}

.sukhumwit-accommodation-cover {
    background-image: url(../images/Centre_Point-Sukhumvit-Room.jpg);
}

.sukhumwit-meeting-cover {
    background-image: url(../images/Centre_Point-Sukhumvit-Meeting.jpg);
}

.sukhumwit-review-cover {
    background-image: url(../images/Centre_Point-Sukhumvit-Review.jpg);
}

.sukhumwit-gallery-cover {
    background-image: url(../images/Centre_Point-Sukhumvit-Gallery.jpg);
}

.sukhumwit-surrounding-cover {
    background-image: url(../images/Centre_Point-Sukhumvit-Overview.jpg);
}

.sukhumwit-contact-cover {
    background-image: url(../images/Centre_Point-Sukhumvit-Contact.jpg);
}

.sukhumwit-facilities-cover {
    background-image: url(../images/Centre_Point-Sukhumvit-Facility.jpg);
}

.sukhumwit-promotion-cover .logo {
    margin-top: -35px;
    left: -35%;
}

.sukhumwit-accommodation-cover .logo {
    margin-top: -85px;
    left: 25%;
}

.sukhumwit-meeting-cover .logo {
    margin-top: -145px;
    left: 25%;
}

.sukhumwit-review-cover .logo {
    margin-top: -145px;
    left: -25%;
}

.sukhumwit-gallery-cover .logo {
    margin-top: -145px;
    left: 0;
}

.sukhumwit-surrounding-cover .logo {
    margin-top: -215px;
    left: -25%;
}

.sukhumwit-contact-cover .logo {
    margin-top: -105px;
    left: -15%;
}

.sukhumwit-facilities-cover .logo {
    margin-top: -35px;
    left: 25%;
}

/* thonglo */
.thonglo-promotion-cover {
    background-image: url(../images/Centre_Point-Thong_Lo-Best_Offer.jpg);
}

.thonglo-accommodation-cover {
    background-image: url(../images/Centre_Point-Thong_Lo-Room.jpg);
}

.thonglo-meeting-cover {
    background-image: url(../images/Centre_Point-Thong_Lo-Meeting.jpg);
}

.thonglo-review-cover {
    background-image: url(../images/Centre_Point-Thong_Lo-Review.jpg);
}

.thonglo-gallery-cover {
    background-image: url(../images/Centre_Point-Thong_Lo-Gallery.jpg);
}

.thonglo-surrounding-cover {
    background-image: url(../images/Centre_Point-Thong_Lo-Overview.jpg);
}

.thonglo-contact-cover {
    background-image: url(../images/Centre_Point-Thong_Lo-Contact.jpg);
}

.thonglo-facilities-cover {
    background-image: url(../images/Centre_Point-Thong_Lo-Facility.jpg);
}

.thonglo-promotion-cover .logo {
    margin-top: -85px;
    left: 25%;
}

.thonglo-accommodation-cover .logo {
    margin-top: -35px;
    left: 0;
}

.thonglo-meeting-cover .logo {
    margin-top: -145px;
    left: 0;
}

.thonglo-review-cover .logo {
    margin-top: -155px;
    left: 0;
}

.thonglo-gallery-cover .logo {
    margin-top: -35px;
    left: -20%;
}

.thonglo-surrounding-cover .logo {
    margin-top: -100px;
    left: 25%;
}

.thonglo-contact-cover .logo {
    margin-top: -35px;
    left: -31%;
}

.thonglo-facilities-cover .logo {
    margin-top: -35px;
    left: 25%;
}


/* Pattaya */
.pattaya-promotion-cover {
    background-image: url(../images/Centre_Point-Pattaya-Best_Offer.jpg);
}

.pattaya-accommodation-cover {
    background-image: url(../images/Centre_Point-Pattaya-Room.jpg);
}

.pattaya-meeting-cover {
    background-image: url(../images/Centre_Point-Pattaya-Meeting_Room.jpg);
}

.pattaya-review-cover {
    background-image: url(../images/Centre_Point-Pattaya-Review.jpg);
}

.pattaya-gallery-cover {
    background-image: url(../images/Centre_Point-Pattaya-Gallery.jpg);
}

.pattaya-surrounding-cover {
    background-image: url(../images/Centre_Point-Pattaya-Surrounding.jpg);
}

.pattaya-contact-cover {
    background-image: url(../images/Centre_Point-Pattaya-Contact.jpg);
}

.pattaya-facilities-cover {
    background-image: url(../images/Centre_Point-Pattaya-Facility.jpg);
}

.pattaya-promotion-cover .logo {
    top: 21%;
    left: 2%;
}

.pattaya-accommodation-cover .logo {
    top: 10%;
    left: 28%;
}

.pattaya-meeting-cover .logo {
    top: 10%;
}

.pattaya-review-cover .logo {
    margin-top: -100px;
    left: -24%;
}

.pattaya-gallery-cover .logo {
    margin-top: -85px;
}

.pattaya-surrounding-cover .logo {
    margin-top: -150px;
}

.pattaya-contact-cover .logo {
    margin-top: -90px;
    left: -30%;
}

.pattaya-facilities-cover .logo {
    top: 15%;
}

/* Korat */
.korat-promotion-cover {
    background-image: url(../images/Centre_Point-Korat-Best_Offer.jpg);
}

.korat-accommodation-cover {
    background-image: url(../images/Centre_Point-Korat-Room.jpg);
}

.korat-meeting-cover {
    background-image: url(../images/Centre_Point-Korat-Meeting_Room.jpg);
}

.korat-review-cover {
    background-image: url(../images/Centre_Point-Korat-Review.jpg);
}

.korat-gallery-cover {
    background-image: url(../images/Centre_Point-Korat-Gallery.jpg);
}

.korat-surrounding-cover {
    background-image: url(../images/Centre_Point-Korat-Overview_2.jpg);
}

.korat-contact-cover {
    background-image: url(../images/Centre_Point-Korat-Overview_1.jpg);
}

.korat-facilities-cover {
    background-image: url(../images/Centre_Point-Korat-Facility.jpg);
}

.korat-promotion-cover .logo {
    top: 21%;
}

.korat-accommodation-cover .logo {
    top: 15%;
}

.korat-meeting-cover .logo {
    top: 10%;
    margin-left: 7rem;
}

.korat-review-cover .logo {
    margin-top: -100px;
    left: -24%;
}

.korat-gallery-cover .logo {
    margin-top: -85px;
}

.korat-surrounding-cover .logo {
    top:30%;
}

.korat-contact-cover .logo {
    margin-top: -90px;
    left: -30%;
}

.korat-facilities-cover .logo {
    top: 15%;
}

/* Surrounding */
.shadow-box {
    box-shadow: 0px 0px 3px 0.4px rgba(0, 0, 0, 0.7);
}

a.tlink-w-icon {
    text-decoration: none;
}

    a.tlink-w-icon span {
        text-decoration: underline;
    }

.surrounding-detail-section h2 {
    margin: 0 0 20px 0;
    text-transform: uppercase;
}

.bottom-link {
    position: absolute;
    bottom: 15px;
    text-align: right;
}

.surrounding-detail-section .bottom-link a {
    color: #0a0a0a;
}

.surrounding-detail-section .orbit {
    margin: 20px 0 60px 0;
}

.surrounding-detail-section .orbit-wrapper {
    padding: 20px;
}

.branch-slider .orbit-container,
.surrounding-detail-section .orbit-container {
    height: auto !important;
}

.surrounding-detail-section .orbit-slide {
    color: #0a0a0a;
    overflow: hidden;
    height: 100%;
}

.surrounding-detail-section .orbit .image {
    position: relative;
    background-color: #fff;
}

.surrounding-detail-section .play-now {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -48px auto auto -48px;
    color: #fff;
}

    .surrounding-detail-section .play-now > i {
        font-size: 6rem;
    }

.surrounding-detail-section .orbit .details {
    padding: 30px 30px 40px 30px;
    margin: 0;
    position: relative;
    background-color: #f7f7f7;
}

    .surrounding-detail-section .orbit .details:after {
        font-family: 'Trajan Pro Bold';
        font-size: 4.5rem;
        opacity: 0.25;
        position: absolute;
        right: -7px;
        bottom: -35px;
    }

.surrounding-detail-section .orbit-slide:nth-of-type(1) .details:after {
    content: '1/3';
}

.surrounding-detail-section .orbit-slide:nth-of-type(2) .details:after {
    content: '2/3';
}

.surrounding-detail-section .orbit-slide:nth-of-type(3) .details:after {
    content: '3/3';
}

.surrounding-detail-section .orbit h2 {
    font-weight: bold;
    font-size: 1.875rem;
    text-transform: none;
}

.surrounding-detail-section .orbit-bullets {
    position: absolute;
    right: 0;
    top: 80px;
    padding: 10px 0;
    background-color: #fff;
}

    .surrounding-detail-section .orbit-bullets button {
        color: #ccc;
        padding: 10px 12px;
        display: block;
    }

    .surrounding-detail-section .orbit-bullets i {
        font-size: 1rem;
    }

/* Don't Miss */
.dont-miss {
    margin-bottom: 50px;
}

    .dont-miss .details {
        background-color: #f7f7f7;
        color: #0a0a0a;
        padding: 15px 15px 39px 15px;
        margin-bottom: 15px;
        position: relative;
    }

    .dont-miss h3 {
        font-size: 1.5rem;
    }

    .dont-miss .type {
        color: #666;
        display: inline-block;
    }

    .dont-miss .distance {
        color: #bbb;
        display: inline-block;
        margin-bottom: 15px;
    }

.dontmiss .details h3 {
    font-weight: bold;
}

.dontmiss .openingHours {
    list-style-type: none;
    margin: 0 0 20px 0;
}

    .dontmiss .openingHours span {
        display: inline-block;
    }

        .dontmiss .openingHours span:first-child {
            width: 150px;
        }

/* Upcoming */
div.upcoming {
    padding: 0 0 40px 0;
}

    div.upcoming .viewall-box {
        position: relative;
    }

        div.upcoming .viewall-box > a {
            position: absolute;
            right: 0;
            bottom: 0;
            text-transform: uppercase;
        }

    div.upcoming .shadow-box {
        margin-bottom: 30px;
    }

    div.upcoming .details {
        padding: 15px 15px 39px 15px;
        margin-bottom: 15px;
        position: relative;
    }

    div.upcoming .date-stamp {
        font-size: 0.75rem;
        color: #777;
        display: inline-block;
        margin-bottom: 20px;
    }

    div.upcoming h3 {
        font-weight: bold;
        font-size: 0.875rem;
    }

    .dont-miss .bottom-link,
    div.upcoming .bottom-link {
        left: 15px;
        right: 15px;
    }

        div.upcoming .bottom-link a {
            color: #2199e8;
        }

    div.upcoming #dataContents {
        clear: both;
        padding-top: 20px;
    }

.gallery-link {
    clear: both;
    overflow: hidden;
    margin: 0 0 1rem;
}

    .gallery-link .orbit-link {
        background: none;
        margin-top: 0;
        float: right;
        clear: both;
        overflow: hidden;
    }

        .gallery-link .orbit-link button {
            margin: .5rem 0 0 2rem;
            padding-bottom: .5rem;
            float: left;
        }

    .gallery-link button {
        color: gray;
    }

        .gallery-link button.is-active {
            color: #000;
        }

.gallery-slider {
    padding: 1rem 0 3rem;
}

.gallery-name {
    padding: 1rem 0;
    margin-bottom: 0;
}

.privacy-banner {
    background: url(../images/Centre-Point-Chidlom-Room2.jpg) no-repeat center center;
    background-size: cover;
    height: 426px;
    position: relative;
}

.privacy-notice-banner {
    background: url(../images/privacy-notice-title.png) no-repeat center center;
    background-size: cover;
    height: 426px;
    position: relative;
}

.privacy-notice-image{
    width:100%;
}

.term-banner {
    background: url(../images/Centre-Point-Pratunam-Relax.jpg) no-repeat center center;
    background-size: cover;
    height: 426px;
    position: relative;
}

.site-map-banner {
    background: url(../images/Centre-Point-Pratunam-Swimming-Pool.jpg) no-repeat center center;
    background-size: cover;
    height: 426px;
    position: relative;
}

.faq-banner {
    background: url(../images/Centre-Point-Silom-One-Bedroom-Chaophraya-Grand-Suite_9.jpg) no-repeat center center;
    background-size: 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 {
    padding-left: 0;
    margin-bottom: 2rem;
}

section.privacy-policy-detail h2, section.term-and-condition-detail h2, section.site-map-detail h2, section.faq-detail h2 {
    font-size: 1.25rem;
    margin-top: 1rem;
    color: #002561;
}

section.privacy-policy-detail ul, section.term-and-condition-detail ul, section.site-map-detail ul, section.faq-detail ul {
    margin-left: 2rem;
}

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: .5rem;
}

section.privacy-policy-detail .hide-on-mb {
    display:block;
}

section.privacy-policy-detail #consent-review .thankyou {
    text-align: center;
    font-size: 1.75rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
}	

.contact-detail .contact-node {
    margin: 0 0 4rem 0;
}

.contact-detail p {
    font-size: 1.25rem;
}

.contact-detail ul li {
    display: block;
    float: left;
    width: 100%;
    padding: .25rem 0;
}

    .contact-detail ul li i {
        float: left;
    }

    .contact-detail ul li span {
        padding-left: 2.5rem;
        display: block;
    }

.contact-detail .contact-node p {
    cursor: pointer;
}

.chidlom-meeting .room-node .view-floor-plan {
    display: none;
}

.meeting-feed .meeting-detail {
    padding: 1rem 2rem;
}

    .meeting-feed .meeting-detail h3 {
        font-size: 1.7rem;
    }

.room-node h3 {
    font-size: 1.5rem;
    float: left;
}

.room-node .view-floor-plan {
    float: right;
    padding-top: .3rem;
    text-decoration: underline;
}

.room-node .meeting-room-detail, .room-node .meeting-room-title {
    display: block;
    clear: both;
    overflow: hidden;
    padding-bottom: 1rem;
}

    .room-node .meeting-room-detail i {
        font-size: 1rem;
    }

.room-detail-price {
    color: #fff;
    border-right: 2px solid #fff;
}

    .room-detail-price p:first-child {
        padding: 1rem 0 0;
        margin-bottom: 0;
    }

    .room-detail-price p:last-child {
        padding: 0 0 1rem;
        margin-bottom: 0;
    }

tbody tr td {
    border-bottom: 1px dotted #ccc;
}

thead, tbody, tfoot {
    border: none;
}

#bookingBarHome .error, #bookingBottom .error {
    color: #fff;
    text-align: left;
}

#formLoginModal .error, #formRegister .error, #formContact .error, #formForgetPassword .error {
    color: #fb5450;
    text-align: left;
}

form[data-abide] .form-error {
    font-size: 0.875rem;
    font-weight: normal;
    text-align: left;
}

.error {
    color: #242424;
}

    .error h1 {
        margin: 2rem 0 1rem;
        font-size: 3rem;
        color: #002561;
    }

        .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;
    width: 18px;
    height: 18px;
}

.gender-F {
    background: rgba(0,0,0,0) url(../Images/female-2x.png) no-repeat scroll 0 0 / 18px 18px;
    display: block;
    width: 18px;
    height: 18px;
}

.gender-M {
    background: rgba(0,0,0,0) url(../Images/male-2x.png) no-repeat scroll 0 0 / 18px 18px;
    display: block;
    width: 18px;
    height: 18px;
}

#stories-video {
    height: 550px;
}

.rewards-header {
    position: relative;
}

    .rewards-header img {
        width: 100%;
        height: auto;
    }

    .rewards-header .time-temp-indicator {
        bottom: 0;
    }

.content-container section.rewards-header {
    padding: 0;
}

/* reCAPTCHA */
.g-recaptcha > div {
    margin: 20px auto;
}

@media screen and (max-width: 39.9375em ) {
    #widemenu {
        display: none!important;
    }

    #bookPanel {
        height: auto;
        top: 55px;
        padding: 1rem;
    }

        #bookPanel .bookContainer {
            margin-top: 0;
        }

            #bookPanel .bookContainer div div {
                padding: 0;
                margin: 0 0 .5rem;
            }

            .booking .bookContainer .desc, #bookPanel .bookContainer .desc {
                width: 100px;
                text-align: right;
            }

            #bookPanel .bookContainer > div:nth-child(2) {
                height: 170px;
            }

                #bookPanel .bookContainer > div:nth-child(2) .button {
                    width: 85%;
                    margin-top: .5rem;
                }

    h1 {
        font-size: 1.8rem;
    }

    .index .bgbox-container p {
        width: 90%;
        margin: auto;
    }

    .properties-logo {
        text-align: center;
        margin: 2rem auto;
        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 .5em 0 0;
    }

    .jssocials-shares {
        margin: 0 .5rem;
    }

    h2 {
        font-size: 2rem;
    }

    .list-element {
        padding-bottom: 1rem;
        padding-left: .625rem;
    }

    .blog-banner .logo {
        width: 60%;
        left: -10%;
    }

    .chidlom-logo, .pratunam-logo, .silom-logo, .sukhumvit-logo, .thonglo-logo {
        position: absolute;
        top: 100px;
        left: 10%;
    }

        .chidlom-logo img, .pratunam-logo img, .silom-logo img, .sukhumvit-logo img, .thonglo-logo img {
            width: 50%;
            height: 50%;
        }

    .branch-detail h1 {
        margin-bottom: 1rem;
    }

    .branch-link p {
        width: 49%;
        float: left;
        margin-right: .2rem;
    }

    .orbit-container .room-slider, .orbit-container .facilities-slider {
        margin-right: 0;
        margin-left: 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: .5rem;
        margin-right: 1rem;
    }

    .facilities-link button {
        font-size: .75rem;
        margin: .5rem .9rem;
    }

    .promotion-node {
        padding-left: 10px;
    }

    .box-memcard {
        width: 180px;
        right: 66px;
    }

    .member-info {
        width: 244px;
        top: 15rem;
    }

    .box-memcard.collapsed {
        right: -200px;
    }

        .box-memcard.collapsed + .member-info {
            right: -244px;
        }

    .rewards .ribbon {
        display: none;
    }

    .slogan-message {
        width: 320px;
        height: 60px;
        background-size: 320px auto;
    }

    #videoSection {
        position: relative;
        z-index: 2;
    }

    #rewardsVideoSection {
        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 {
        padding-left: 0;
        margin-bottom: 1rem;
    }

    section.privacy-policy-detail .hide-on-mb {
        display:none;
    }

    .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 {
            margin-bottom: 0;
            padding-right: 0;
            padding-bottom: 1rem;
            border-right: none;
        }

            .csr-type-about .csr-detail-main p:first-child, .csr-detail p:first-child {
                text-align: center;
            }

    .csr-type-about .csr-detail div {
        padding: .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 {
        width: 60%;
        left: 0;
    }

    .stories-banner .logo {
        top: 40%;
        left: 0;
        width: 60%;
    }

    #stories-video {
        height: 320px;
    }

    .taste-detail h3 {
        padding: .5rem 1rem;
    }

    .taste-detail p {
        padding: 0 1rem;
    }

    #mypoints-tabs > .tabs-title {
        padding: 0.5em;
    }

    #exclusive-tabs .tabs-title > a, #mypoints-tabs .tabs-title > a {
        font-size: .875rem;
        padding: .5rem .375rem;
        background-color: transparent;
    }

    .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 .2rem 0;
    }

    .menu.footer-resident a {
        display: inline-block;
        padding: 0;
        margin: 0;
        height: 50px;
        width: 100px;
    }

    .menu.footer-resident img {
        width: 80%;
    }

    .item-logo {
        padding: 20px;
    }

    #home-booking-form {
        display: none!important;
        padding: 0;
    }

        #home-booking-form .button.hollow {
            margin: 1rem auto;
            width: 100%;
        }

    .facilities-link .orbit-link button {
        margin: .5rem;
        float: left;
    }

    .facilities-link {
        display: none;
    }

    .branch-img-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;
    }

        .branch-img-cover .logo,
        .blog-banner .logo, .brand-banner .logo, .csr-banner .logo, .news-banner .logo, .contact-banner .logo {
            width: 40%;
            height: auto;
        }

        .stories-banner .logo {
            width: 25%;
            top: 25%;
        }

        .taste-banner .logo {
            width: 20%;
            top: 25%;
        }

        .brand-hotel-banner .logo, .brand-apartment-banner .logo, .brand-residence-banner .logo {
            width: 40%;
            left: 0;
            top: 30%;
        }

    .chidlom-gallery-cover .logo,
    .chidlom-surrounding-cover .logo,
    .silom-surrounding-cover .logo,
    .sukhumwit-surrounding-cover .logo,
    .thonglo-surrounding-cover .logo {
        margin-top: -45px;
    }

    .pratunam-surrounding-cover .logo {
        margin-top: -88px;
    }

    .gallery-link .orbit-link button {
        margin: .5rem .5rem 0;
        padding-bottom: .5rem;
        float: left;
    }

    section.gallery-random {
        padding: .5rem 0;
    }

    .nearby-place {
        display: none;
    }

    #share-icon .share-desc {
        display: none;
    }

    .jssocials-share i {
        background-size: 20px;
        width: 20px;
        opacity: .8;
    }
/*
    .breadcrumbs {
        display: none;
    }
*/
    #joinNowModal .infoForm {
        border-left: none;
    }

    #formRegister {
        margin: 2rem 1rem;
        width: 100%;
    }

    #joinNowModal .infoForm {
        border-left: none;
        margin-left: -30px;
        float: left;
    }

    .page-logo {
        position: absolute;
        top: 2.5%;
        left: 0;
        z-index: 1;
    }

        .page-logo img {
            width: 60%;
        }

    .meeting-feed .meeting-detail {
        padding: .5rem 1rem;
    }

        .meeting-feed .meeting-detail h3 {
            font-size: 1.3rem;
        }

    .rewards-header img {
        margin-top: 0;
    }

    .surrounding-detail-section .orbit-wrapper {
        padding: 10px;
    }

    .surrounding-detail-section .orbit .details {
        padding: 10px 10px 50px 10px;
    }

    .pattaya-surrounding-cover .logo {
        margin-top: -60px;
    }

    .pattaya-gallery-cover .logo {
        margin-top: -30px;
    }
}

@media only screen and (max-width: 63.9375em) and (orientation: portrait) {
    #videoSection {
        background-size: auto 100%;
        background-position: center bottom;
    }

    .index .time-temp-indicator, .reward_index .time-temp-indicator {
        display: none;
    }
}

@media only screen and (max-width: 63.9375em) and (orientation: landscape) {
    .menu > li > a {
        padding: 1.8rem .2rem;
    }

    #videoSection {
        background-size: 100% auto;
        background-position-y: -50px;
    }

    #home-booking-form {
        display: none;
    }

    .index .time-temp-indicator, .reward_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!important;
    }

    .content-container section {
        padding: 2rem 0;
    }

    .index .bgbox-container p {
        width: 90%;
        margin: auto;
    }

    .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: .9375rem;
    }

    .list-element {
        padding-right: 0;
        padding-left: .9375rem;
    }

    h2 {
        font-size: 1.8rem;
    }

    .popular-post .popular-name {
        padding-right: 0;
    }

    .chidlom-logo, .pratunam-logo, .silom-logo, .sukhumvit-logo, .thonglo-logo {
        position: absolute;
        top: 135px;
        left: 30%;
    }

    .branch-link p {
        width: 48%;
        float: left;
        margin-right: .5rem;
    }

    .room-slider-detail h3, .facilities-slider-detail h3 {
        padding: .5rem 0;
        font-size: 1.5rem;
        text-transform: uppercase;
    }

    .room-slider-detail p, .facilities-slider-detail p {
        padding: 0 .25rem .5rem;
    }

    .room-slider-detail ul, .facilities-slider-detail ul {
        padding: 0 .25rem .5rem;
    }

    .promotion-node {
        padding-left: .9375rem;
    }

        .promotion-node:last-child {
            display: none;
        }

    .chidlom h2 {
        margin-bottom: 0;
    }

    .orbit-container .room-slider, .orbit-container .facilities-slider {
        margin-right: 0;
        margin-left: 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: .5rem;
        margin-right: 1rem;
    }

    .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 {
        padding-left: 0;
        margin-bottom: 1rem;
    }

    .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 {
            margin-bottom: 0;
            padding-right: 2rem;
            padding-bottom: 2rem;
            border-right: 1px solid #ccc;
        }

    .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 .5rem 0 0;
    }

    .taste-detail p {
        padding: 0 .5rem 0 0;
    }

    .meeting-room-detail .row div:last-child {
        width: 30%;
    }

    .experience-pane li {
        padding-left: 1rem;
        padding-bottom: 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;
    }

    .branch-img-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;
    }

        .branch-img-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 {
            width: 30%;
            height: auto;
        }

    .pratunam-surrounding-cover .logo {
        margin-top: -130px;
    }

    .thonglo-surrounding-cover .logo {
        margin-top: -58px;
    }

    .stories-banner .logo {
        width: 25%;
        top: 25%;
    }

    .taste-banner .logo {
        width: 20%;
        top: 25%;
    }

    .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 {
        top: 30%;
        width: 30%;
        left: 0;
    }

    .datestamp {
        padding: 0;
        margin-bottom: .5rem;
    }

    .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: .5rem 0 0;
    }

    #formRegister {
        margin: 1rem auto;
        width: 100%;
    }

    #joinNowModal .modalDesctiption {
        font-size: 1rem;
        margin-bottom: 2rem;
        display: block;
        float: left;
        width: 100%;
    }

        #joinNowModal .modalDesctiption img {
            margin: 0 1rem -8px 0;
        }

    #joinNowModal .sectionDesctiption {
        padding: 5px;
        font-size: 1rem;
    }

    .nearby-place {
        display: none;
    }

    .page-logo {
        position: absolute;
        top: 5%;
        left: 17%;
        z-index: 1;
    }

        .page-logo img {
            width: 60%;
        }

    .meeting-feed .meeting-detail {
        padding: .5rem 1rem;
    }

        .meeting-feed .meeting-detail h3 {
            font-size: 1.2rem;
        }

    .rewards-header img {
        margin-top: 0;
    }

    .rewards .time-temp-indicator {
        bottom: 1rem;
    }

    .booking-banner .logo {
        height: 45%;
        left: -28%;
    }
}

.cs-effect-date {
    text-align:right;
    display:block;
}

@media screen and (min-width: 40em) and (max-width: 69em) and (orientation: landscape) {
    .top-bar-left .menu > li > a {
        padding: 1.8rem .2rem;
    }

    .booking .title-bar .btn-rewards, .title-bar.is-at-top .btn-rewards {
        margin: 0 .2rem;
    }

    .menu > li > a {
        padding: 1.8rem .5rem;
    }

    .top-bar-right .menu > li.book-now {
        padding: 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 {
            position: absolute;
            bottom: 0;
            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 {
        padding-left: 100px;
        margin-top: -25px;
    }

    .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 .625rem;
    }

    .myacc .header-w-line + .trajanpro-regular {
        position: absolute;
        bottom: 0;
    }

    .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;
        }

    .about-us-hotel-img {
        max-width: 320px;
    }
}

@media screen and (min-width: 64em) {
    .booking .time-temp-indicator {
        top: -110px;
    }

    .step-indicator {
        top: -49px;
    }

        .step-indicator span {
            display: block;
        }

            .step-indicator span.stepnum {
                display: none;
            }

        .step-indicator li.tabs-title {
            display: table-cell;
            vertical-align: top;
            float: none;
            width: auto;
        }

        .step-indicator span {
            margin-right: 15px;
            display: block;
        }

        .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 {
            content: "";
            width: 15px;
            height: 49px;
            background-position: 0 -100px;
            position: absolute;
            left: -15px;
            top: 0;
        }

        .step-indicator li:last-child span {
            padding: 0 10px;
            background-image: none;
            margin-right: 0;
        }

    #exclusive-discounts .item-logo {
        text-align: right;
    }

    #secondnav .menu {
        justify-content: flex-end;
    }

    .surrounding-detail-section .details {
        margin-bottom: 0;
    }

    .surrounding-detail-section .orbit .image,
    .surrounding-detail-section .orbit .details {
        width: 50%;
        display: table-cell;
        vertical-align: top;
    }

    .booking-banner .logo {
        height: auto;
        left: -32%;
    }
}

@media screen and (min-width: 65em) {
    .title-bar[data-hide-for=large] {
        display: none;
    }

    .no-padding-large {
        padding: 0!important;
    }

    .no-padleft-large {
        padding-left: 0!important;
    }

    .no-padright-large {
        padding-right: 0!important;
    }

    .text-right-large {
        text-align: right;
    }

    .box-booking-items .item-price {
        max-width: 180px;
        margin-left: auto;
    }

    .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 {
            position: absolute;
            bottom: 0;
            right: 5rem;
        }

    #videoSection {
        background-size: 100% auto;
        background-position-y: -150px;
    }

    .latest-news .details {
        min-height: 100%;
    }

    .booking .tabs-panel .sticky.is-stuck {
        margin-top: 70px!important;
    }

    .refine-box .buttons .button.btn-currency {
        margin-right: 0;
        margin-left: 10px;
    }

    #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 {
        top: 50px;
        right: 100%;
        display: inline-block;
        width: 200px;
    }

    .step-graph .step2 {
        bottom: 45%;
        right: 101%;
        width: 200px;
    }

    .step-graph .step3 {
        bottom: 15%;
        left: 54%;
        width: 300px;
        margin-left: -150px;
    }

    .step-graph .step4 {
        bottom: 93%;
        left: 83%;
        width: 260px;
    }

    #how-to-earn h3.trajanpro-regular {
        width: 460px;
        position: absolute;
        bottom: 75%;
        left: 59%;
        text-align: left;
    }

    #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 {
    width: 100%;
    margin: 0 auto;
    padding: 50px;
}

.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] {
    visibility: visible;
    position: relative;
}

#corporate-cover {
    padding: 0;
}

    #corporate-cover img {
        width: 100%;
    }

.index #corporate-cover .time-temp-indicator {
    right: 0;
    left: inherit;
    bottom: inherit;
    top: inherit;
}

.box-time-temp-indicator {
    position: absolute;
    width: 100%;
    margin-top: -2.5rem;
}

#corporate-cover #weather i {
    font-size: 60px;
}


.corporate-1 {
    width: 66%;
    min-width: 790px;
    margin: 0 auto;
}

.corporate-2 {
    width: 49.5%;
    min-width: 590px;
    margin: 0 auto;
}

.corporate-1 .hotel-box {
    width: 25%;
    float: left;
}

.corporate-2 .hotel-box {
    width: 33.33%;
    float: left;
}

.hotel-box img {
    width: 100%;
}

.hotel-box .hotel-name {
    margin-top: 5px;
}

.hotel-box > div {
    margin: 0.5em;
    border: 1px solid #eee;
}

.hotel-box .hotel-promo-desc {
    min-height: 40px;
    padding: 0.5em 0.7em;
    font-size: 0.85em;
}

.margin-btm-20 {
    margin-bottom: 20px;
}

.content-container section.corp-promotions-detail {
    padding: 2rem 0 0 0;
}

.content-container section.corp-promotions-hotel {
    padding: 0;
}

.hotel-box a {
    text-decoration: none;
}

.hotel-box .logo {
    padding: 10px 30px 10px 30px;
}

@media screen and (max-width: 63.9375em ) {

    .corporate-1, .corporate-2 {
        width: 100%;
        min-width: initial;
    }

        .corporate-1 .clear-both {
            clear: none;
        }

        .corporate-1 .hotel-box, .corporate-2 .hotel-box {
            width: 33%;
            float: left;
        }

    #corporate-cover {
        padding: 0;
    }

    #bookingSection .button.bookbutton {
        display: none;
    }

    .time-temp-indicator {
        background-color: #242424;
        position: static!important;
        left: 0;
        bottom: 0;
        width: 100%;
        overflow: hidden;
    }

        .time-temp-indicator.menu li {
            border: 0;
        }

        .time-temp-indicator li span {
            line-height: 3.125rem;
            font-size: 1rem;
        }

    #weather {
        float: right;
    }

        #weather i {
            font-size: 3.125rem;
            margin-top: 0;
        }

    .off-canvas-content {
        margin-top: 53px;
    }

    .about-us-block {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}

@media screen and (max-width: 39.9375em ) {

    .corporate-1, .corporate-2 {
        width: 100%;
    }

        .corporate-1 .hotel-box, .corporate-2 .hotel-box {
            width: 50%;
            float: left;
        }

    #corporate-cover {
        padding: 0;
    }
}

.facebook-icon {
    width: 24px;
    height: 24px;
    position: absolute;
    margin-left: -6px;
    margin-top: -6px;
}

.facebook-label {
    padding-left: 24px;
    color: #fff;
}

#ig-panel {
    max-width: 1300px;
    margin: 0px auto;
}

#ig-seemore {
    max-width: 1300px;
    text-align: right;
    margin: 0 auto;
}

.iglogo {
    border-radius: 50%;
}

.bluespan {
    color: #003569;
}

.ig-div {
    width: 20%;
    float: left;
    padding: 5px;
    font-size: 12px;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .ig-div hr {
        margin: 13px 0;
        border-color: #ddd;
    }

    .ig-div .header {
        display: none;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

.ig-div-large {
    width: 40%;
    float: left;
}


@media screen and (max-width: 39.9375em ) {

    .ig-div {
        width: 90%;
        margin: 0px 5%;
    }

        .ig-div .header {
            background: #efefef;
        }

    .ig-div-large {
        width: 90%;
    }

    .overlay {
        display: none;
    }

    .ig-img {
        cursor: pointer;
    }
}

.ig-div-large .header {
    display: block;
    padding: 10px 15px;
}

#slick {
    max-width: 1300px;
    margin: 20px auto;
}

.overlay {
    opacity: 1;
    position: absolute;
    height: 100%;
    width: 100%;
    border: 10px;
    text-align: center;
    padding-right: 10px;
    padding-bottom: 10px;
}

    .overlay > div {
        background-color: rgba(0, 0, 0, 0);
        height: 100%;
    }

        .overlay > div i, .overlay > div img {
            margin-top: 45%;
            opacity: 0;
            cursor: pointer;
            font-size: 40px;
            margin-left: 10px;
            margin-right: 10px;
            vertical-align: top;
        }

        .overlay > div:hover {
            background-color: rgba(0, 0, 0, 0.15);
        }

            .overlay > div:hover i, .overlay > div:hover img {
                opacity: 1;
            }

    .overlay .material-icons {
        color: #fff;
    }

    .overlay > div i.icon-out {
        font-size: 60px;
        margin-top: 55%;
    }

.top-bar-left .menu .menu-header {
    padding-left: 1rem;
    color: #fff;
    text-decoration: underline;
}

.mobile-ofc .menu-header {
    text-decoration: underline;
    padding: 1rem .5rem;
    height: auto;
    border-bottom: 1px solid #bbb;
    color: #000;
    font-weight: bold;
}

.contact-map h2 {
    margin-right: 1rem;
    cursor: pointer;
    color: #999;
}

    .contact-map h2.active {
        color: #002561;
        text-decoration: underline;
    }

.text-underline {
    text-decoration: underline;
}

.pattaya-lang {
    display: none;
}

.float-left {
    float: left;
}

.col-xs-12 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* About Hotel*/
.country-title {
    margin: 15px 0px;
}

.color-red {
    color:red;
}

.font-lighter {
    font-weight: lighter;
}

/* Trajan Pro Font */
@font-face {
    font-family: 'Trajan Pro Bold';
    src: url('../fonts/TrajanPro-Bold.eot');
    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-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Trajan Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/TrajanPro-Regular.eot'); /* For IE6-8 */
    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-weight: normal;
    font-style: normal;
}

.trajanpro-regular {
    font-family: 'Trajan Pro Regular';
    font-weight: normal;
    font-style: normal;
}

.material-icons:before {
    content: attr(mt-icon);
}

.datepicker {
    min-width: 330px !important;
    padding: 16px 16px 24px 16px;
    border: none !important;
    border-radius: 4px;
    box-shadow: 0 2px 16px rgba(0,0,0,0.15);
}

    .datepicker .table-condensed {
        width: 100%;
    }

        .datepicker .table-condensed .dow {
            color: #bdbdbd;
        }

    .datepicker.dropdown-menu th {
        padding: 6px 4px;
        font-size: 13px;
    }

    .datepicker.dropdown-menu td {
        padding: 6px 4px;
        font-size: 13px;
    }


    .datepicker td.day {
        color: black;
    }

        .datepicker td.day.disabled {
            color: #bdbdbd;
        }

.cs-effect-date {
    text-align:right;
    display:block;
}

@media screen and (min-width: 112em) {
    .booking-banner {
        height: 500px;
    }

        .booking-banner .logo {
            left: -26%;
            top: 18%;
        }
}

.about-us-hotel-layout {
    position: relative;
}

.about-us-logo {
    max-width: 160px;
    margin: 25px 0 15px;
    position: absolute;
    right: 20px;
    top: 55px;
}

@media screen and (max-width: 1150px) {

    .about-us-hotel-layout {
        text-align: center;
    }

    .about-us-logo {
        position: static;
    }
}

@media only screen and (max-width: 639px) {
    ul.menu.properties-logo.logo-brand-mobile-top.prime-brand-area {
        margin-right: 0px;
        margin-left: 0px;
        float: right;
        display: flex;
        justify-content: center;
        margin-bottom: 0;
        width: 100%;
    }
}

@media only screen and (max-width: 639px) {
    ul.menu.properties-logo.logo-brand-mobile-bottom {
        margin-right: 0px;
        margin-left: 0px;
        float: right;
        display: flex;
        justify-content: center;
    }
}

.properties-logo img.logo-prime {
    width: 163px;
    height: auto;
}


.prime-brand-area {
    text-align: center;
    margin: 3rem auto 0;
    width: 95%;
}

@media only screen and (max-width: 1023px) and (min-width: 640px) {
    #prime-pattaya img.pattaya-logo {
        width: 55%;
    }

    ul.menu.properties-logo.logo-brand-mobile-top.prime-brand-area {
        display: flex;
        justify-content: center;
        margin-bottom: 0;
        width: 100%;
    }

    ul.menu.properties-logo.logo-brand-mobile-bottom {
        display: flex;
        justify-content: center;
        width: 100%;
    }
}

.set-footer {
    display: flex;
    justify-content: space-between;
    margin: 0;
    align-items: flex-start;
    list-style-type: none;
}

@media only screen and (max-width: 639px) {
    ul.set-footer li {
        margin: 0 5px;
    }

    .bangkok-zone {
        margin-top: 10px;
        margin-bottom: 0px;
    }

    .up-country-zone {
        margin-top: 20px;
        margin-bottom: 0px;
    }
}

@media only screen and (max-width: 1023px) and (min-width: 640px) {
    ul.set-footer li {
        margin: 0 8px;
    }

    .prime-section {
        padding-left: 0px;
    }

    .korat-section {
        padding-right: 0px;
        padding-left: 0px;
    }

    .bangkok-zone, .up-country-zone {
        margin-top: 15px;
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 1024px) {
    ul.set-footer {
        margin: 20px 0 0 0;
    }

        ul.set-footer li {
            margin: 0 10px;
        }

            ul.set-footer li:last-child {
                margin: 0 0 0 10px;
            }

    .surrounding-detail-section .orbit .image.pattaya-walkthrough-map {
        width: 38%;
    }

    .bangkok-zone, .up-country-zone {
        margin-top: 15px;
        margin-bottom: 10px;
    }
}

.float-left {
    float: left;
}

.clear-both {
    clear: both;
}

.table-responsive {
    overflow-x: auto;
}

.btn-chat {
    position: fixed;
    margin: 0;
    bottom: 80px;
    right: 20px;
    z-index: 10;
	padding: 0px;
	width: 60px;
}
.icon-chat {
	width: 100%;
}

.fb_dialog_content > iframe {
    right:8px !important;
}

#btnConfirmCookie {
    text-decoration: none !important;
    background-color: none !important;
    border: solid 1px #fefefe;
    color: #fefefe !important;
    margin-left: .75rem !important;
    padding: .1rem .75rem;
}

.lnkPrivacy {
    color: #fff;
    margin-left: 0;
    margin-bottom: 0;
    text-decoration: underline;
}

#goto-covid-19 {
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    text-decoration: unset;
}

#goto-covid-19:hover {
    color: white;
}

.icon-font-size{
    font-size: .95rem
}

@media screen and (max-width: 480px) {
    .icon-font-size{
        font-size: 3vw
    }
}

@media screen and (max-width: 480px) {
    .cookie-text{
        font-size: 3vw
    }
}
.booking .tabs-panel {
padding:0
}

.booking .noshow {
color:#002561;
padding-bottom:18px;
text-align:center
}

.booking .refine-box .btn-book-now {
margin-top:0
}

.booking .box-hotel-detail {
margin-bottom:30px
}

.booking .cardbox-details {
height:auto!important
}

.booking .confirm .box-booking-content {
border:none
}

.booking .red {
color:#D00
}

.booking .green {
color:green
}

.booking .modal-body,.booking .box-hotel-detail {
padding:.75rem
}

.bookig .promo-cardbox a {
text-decoration:none!important
}

.line-through {
text-decoration:line-through;
color:#6f6f6f
}

#panel1 .box-booking-items,#panel2 .box-booking-items {
padding-bottom:0
}

.refine-box .text-viewby div {
line-height:inherit;
float:left;
padding:.5154rem;
margin-bottom:1rem
}

.refine-box .text-viewby button {
margin-right:0
}

.box-sum .box-room-detail .info-set /*:not(:last-child)*/ {
margin-bottom:0;
font-size:.725rem
}

.box-sum .box-room-detail .info-set .extras {
width:150px;
float:left
}

.box-rewards div.buttons button:last-child {
margin-left:5px
}

.box-rewards {
color:#e3c448
}

.box-rewards .title {
font-weight:700
}

.box-rewards .dot-line {
border-color:#e3c448
}

.box-sum .box-room-detail .head {
font-weight:700;
margin-top:.15rem;
margin-bottom:.25rem
}

.box-sum .box-room-detail .info-set p {
margin-bottom:0;
margin-top:0
}

.box-sum .box-room-detail .info-set .text-left {
padding-left:.5rem
}

.box-sum .footer {
font-weight:700;
margin-bottom:.25rem
}

.box-book-detail .info-set:not(:last-child) {
margin-bottom:0
}

.box-book-detail .info-set:last-child p {
margin-bottom:0
}

.box-book-detail hr {
margin-top:0
}

.box-booking-items .btn-book-now {
padding:.85em 1em
}

.box-booking-items .checkbox.add-item {
padding:0
}

.box-booking-items .item-details h2 {
float:left
}

.box-booking-items .item-details a {
/*float:left;*/
margin:0;
margin-left:10px
}

.box-booking-items .item-details .facility-list {
float:left;
width:100%
}
.item-details .roomname  {
	font-size: 1.375rem;
    font-weight: 400;
    color: #002561;
}

.box-booking-items .btn-rate-info,.box-booking-items .btn-room-info,.box-booking-items .btn-show-hide {
margin:0 0 10px
}

.box-booking-items .btn-vwDetail i {
font-size:1rem
}

.box-booking-items .facility-list ul:last-child i {
font-size:1.25rem
}

.box-booking-items .facility-list ul:last-child li i:not(:first-child) {
margin-left:-5px
}

.box-booking-items .facility-list a {
margin-left:0;
float:none;
margin-bottom:.25rem
}

.box-booking-items .ddlExtraBed {
margin-left:.5rem;
font-size:.875rem;
height:2rem;
padding-bottom:0
}

.box-booking-items .flightNo {
font-size:.857em
}

.booking-price-box .item-discount {
color:#d20229;
font-weight:700
}

.booking-price-box .save-price {
width:100%;
float:left;
margin:-5px 0px 0px; /*10px*/
}

.item-price .box-qty {
margin:0;
float:left;
width:100%;
}

#extras-list .box-qty > p {
width:100%;
float:left
}

.item-price .type-qty {
float:left;
margin-top:-2px
}

.item-price .box-qty .qty {
font-size:1.375rem
}

.item-price .box-qty .member-only {
background-color:#002561;
color:#fb9a00;
padding-right:5px;
border-radius:2px;
text-align:center
}

.item-price .box-qty p {
margin-bottom:0
}

.item-price .highlight {
float:left;	
padding-left:3px;
color:#fff;
border-color:#fed299;
background-color:#fec77f;
border-radius:3px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
width:100%;
text-align:center;
height:25px;
}
.item-price .highlight .tooltiptext {
visibility:hidden;
width:100%;
background-color:#fafec1;
color:#000;
text-align:center;
border:1px solid #fed299;
border-radius:3px;
padding: 0.25rem;
white-space:normal;
position:absolute;
z-index: 1;
left: 0;
top: 118px; /*61%;*/
}
.item-price .highlight .tooltiptext::before {
content:'';
display:block;
width:0;
height:0;
position:absolute;
border-bottom:6px solid #fed299;
border-right:6px solid transparent;
border-left:6px solid transparent;
top:-6px;
left:8px
}
.item-price .highlight:hover .tooltiptext {
visibility:visible
}

.booking .tooltip {
	position: relative;
    background: none;
    color: inherit;
    font-size: inherit;
    padding: 0;
    z-index:0;
}
.booking .tooltip::before {
	border:none !important;
}
.booking .tooltip > .tooltiptext {
	visibility: hidden;
    width: 180px !important;
	bottom:100%;
	left:50%;
	margin-left: -90px;		/* Use half of the width (180/2 = 90), to center the tooltip */
	text-align: left;
    border-radius: 3px;
    padding: 0.25rem;
	position:absolute;
	z-index:1;
	background-color:#fff !important;
	color: #000;
	border: 1px dotted black;
}
.booking .tooltip:hover .tooltiptext {
    visibility: visible;
}

.rm-extrabed,.rm-include {
color:green
}

.step-indicator ul {
cursor:not-allowed
}

.step-indicator li,.step-indicator li.is-active {
cursor:pointer
}

.step-indicator .disabled {
pointer-events:none;
cursor:not-allowed
}

.step-indicator .disabled a {
color:#666
}

#rate-dropdown {
width:170px
}

#currency-dropdown {
width:88px
}

#room-list .roomview-img {
width:100%;
max-width:258px; /*248px;*/
min-width:150px
}

#extras-list ul li.dot-line:first-child {
border-top:none;
padding-top:10px
}

#extras-list .bottom div.first {
padding-left:0
}

#extras-list .box-booking-items .item-details a {
float:none;
margin-left:0
}

#extras-list .box-booking-items .item-details h2 {
width:100%
}

#extras-list .extradetail .field-group {
float:left
}

#extras-list .extradetail .field-group:not(:first-child) {
margin-left:.875rem
}

#extras-list .extradetail .field-group:first-child {
width:13%
}

#extras-list .extradetail .column2 {
width:35%
}

#extras-list .extradetail .column3 {
width:20%
}

#extras-list .extradetail .field-group #flightNo {
font-size:.857em
}

#extras-list .item-price {
margin-left:0;
float:right;
max-width:200px;
width:100%
}

#extras-list .item-price .box-unit {
padding-top:0;
width:32px;
font-size:.714em;
text-align:left;
position:relative;
top:0
}

#extras-list .item-price > span {
top:5px
}

#extras-list .item-price > .price {
top:0!important
}

#extras-list .box-qty {
margin-top:.25rem
}

.booking-price-box .item-price {
margin-left:0;
max-width:none
}

.booking-price-box .item-price span,.booking-price-box span {
width:36px
}

.booking-price-box .item-price .price,.booking-price-box .item-save-price .price,#extras-list .booking-price-box .price {
width:auto;
min-width:144px;
padding:0 0 0 48px;
position:relative;
float:left;
text-align:center;
top:5px
}

.booking-price-box .item-price .box-unit {
padding-top:12px;
width:38px;
font-size:.714em;
text-align:left
}

.booking-price-box .item-currency {
width:auto
}

#guest-info label>[type='checkbox'] {
margin:.5rem;
margin-left:.1rem
}

#travel-info-box .field-group,#guest-stay-info-box .field-group {
float:left;
margin-right:.875rem
}

#guest-stay-info-box .field-group {
width:35%;
max-width:292px
}

#guest-stay-info-box .row .field-group:first-child {
width:10%;
min-width:83px
}

.guarantee {
padding-bottom:.9375rem
}

.guarantee .box {
background-color:#ded;
border:1px dotted #cce5cc;
border-radius:2px;
padding:.75rem .9375rem
}

.guarantee .columns {
background-color:#ded!important
}

.guarantee select,.guarantee input {
background:none!important
}

.guarantee .column1 {
float:left;
width:35%;
padding-right:.875rem
}

.guarantee .column2 {
float:left;
width:65%
}

.guarantee .slash {
padding-left:.5rem;
padding-right:.5rem
}

.guarantee .ccv-preview span {
padding-left:1rem
}

.guarantee img {
width:64px
}

form .error,form label.error {
text-align:left;
color:red
}

#box-payment {
padding-top:1.5rem
}

#box-payment h2 {
margin-bottom:1rem
}

#box-payment .summary .columns {
padding-left:0;
padding-right:0;
border:0
}

#box-payment .summary p {
font-size:1.125rem
}

#box-payment .summary .booking-id {
font-weight:700
}

#box-payment .summary strong {
font-weight:700
}

#box-payment .radio {
padding:0;
padding-bottom:.75rem
}

#box-payment .radio:last-child {
padding-bottom:0
}

#box-payment .option .columns {
padding-top:.75rem;
padding-bottom:.75rem;
padding-left:0
}

#box-payment .option .guarantee {
margin-left:2.75rem
}

#box-payment .option .radio input[type="radio"]+span:before {
letter-spacing:1.2rem
}

#box-payment .option img {
width:auto;
max-width:200px;
min-width:95px
}

#box-payment .submit {
padding-left:0;
padding-top:.9375rem
}

#box-payment .btn-pay-now {
text-transform:capitalize
}

#box-payment .detail {
float:left;
width:45%;
padding-right:.75rem
}

#box-payment .verifyAgree {
background-color:#ffc;
border:1px dotted #ccc;
width:55%;
max-width:430px;
min-width:320px;
position:relative;
z-index:1;
float:right;
padding:.5rem
}

#box-payment .verifyAgree .left .title {
font:15px bold;
color:#002561;
float:left;
padding-top:5px;
margin-right:5px;
font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif
}

#box-payment .verifyAgree p {
font-size:13px;
margin-bottom:0;
margin-top:5px;
float:left
}

#box-payment .verifyAgree .right {
float:right;
position:relative;
padding-right:5px
}

#box-payment .verifyAgree .lock {
width:16px
}

#box-payment .verifyAgree .verify_logo {
width:160px
}

#box-payment table {
border:1px dotted #ccc
}

#box-payment table,#box-payment thead,#box-payment tbody tr td {
background-color:#e5e9ef
}

#box-payment thead hr {
margin:0
}

#box-payment tbody tr td {
border-bottom:none
}

#box-payment tbody tr td:first-child {
text-align:left;
width:50%;
min-width:170px
}

#box-payment tbody tr td:last-child {
text-align:left
}
#box-payment .radio .pymt_mty {
    visibility: visible;
    position: relative;
}
#box-payment .radio input[type=radio]+span:before {
	content:none;
}

.payment .payment-error {
background-color:#f7dcdb;
border-color:#d43f3a;
padding:1rem!important
}

.payment .payment-error h2 {
color:#edaf36
}

.payment-error > .booking-info {
padding-left:0;
margin-top:0
}

#360viewModal .modal-body {
width:auto!important;
min-height:0!important;
height:463px!important
}

.booking .reveal .close-button {
font-size:1.5em
}

.booking .reveal .close-button .small {
margin-top:0
}

.btn360view {
position:absolute;
right:5px;
bottom:5px
}

.btn360view img {
width:52px
}

.btn-vwRewards {
color:#fff!important
}

#rewardsModal form {
width:100%
}

#rewardsModal .btn-rewards {
background:none;
box-shadow:none
}

#rewardsModal #MemberBkSummary {
background-color:#b8cced;
text-align:left;
padding:3px 10px;
margin-bottom:.5rem
}

#rewardsModal #mRewards-desc {
text-align:left;
padding:5px 10px;
margin-bottom:5px;
color:#676f7d
}

#rewardsModal .remark {
top:-10px;
position:relative;
text-align:right;
color:red;
font-style:italic;
font-size:10px
}

#rewardsModal td {
vertical-align:middle
}

#rewardsModal #tb-totalSummary td:first-child {
text-align:right
}

#rewardsModal select,#rewardsModal [type='text'] {
margin-bottom:0
}

#rewardsModal [type=checkbox] {
margin:6px 0 0;
visibility:visible;
position:relative;
float:left
}

#rewardsModal .SubmitArea .small-8 {
text-align:right
}

.fl {
float:left
}

.ml5 {
margin-left:5px
}

.wd-10 {
width:10%
}

.wd-15 {
width:10%
}

.wd-25 {
width:25%
}

.wd-50 {
width:50%
}

.wd-100 {
width:100%
}

#currency-dropdown li i {
margin-top:8px;
margin-right:6px
}

#currency-dropdown span {
font-size:.8125rem
}

.price-amt {
text-align:left
}

/* New CP Web */
.bgbox-lightgray {
    background-color:lightgray;
}

.flag {
display:inline-block;
width:16px;
height:11px;
background:url(../images/flags.png) no-repeat
}

.flag.flag-tm {
background-position:-208px -143px
}

.flag.flag-ao {
background-position:-128px 0
}

.flag.flag-tn {
background-position:-224px -143px
}

.flag.flag-th {
background-position:-128px -143px
}

.flag.flag-ae {
background-position:-16px 0
}

.flag.flag-ph {
background-position:-224px -110px
}

.flag.flag-tt {
background-position:-16px -154px
}

.flag.flag-bv {
background-position:-208px -11px
}

.flag.flag-bj {
background-position:-96px -11px
}

.flag.flag-lr {
background-position:-16px -88px
}

.flag.flag-tw {
background-position:-48px -154px
}

.flag.flag-ck {
background-position:-128px -22px
}

.flag.flag-nz {
background-position:-128px -110px
}

.flag.flag-bm {
background-position:-112px -11px
}

.flag.flag-km {
background-position:-64px -77px
}

.flag.flag-nl {
background-position:-48px -110px
}

.flag.flag-ug {
background-position:-96px -154px
}

.flag.flag-jp {
background-position:-240px -66px
}

.flag.flag-so {
background-position:-176px -132px
}

.flag.flag-ne {
background-position:-240px -99px
}

.flag.flag-bd {
background-position:-16px -11px
}

.flag.flag-pt {
background-position:-80px -121px
}

.flag.flag-bt {
background-position:-192px -11px
}

.flag.flag-mu {
background-position:-112px -99px
}

.flag.flag-at {
background-position:-176px 0
}

.flag.flag-tr {
background-position:0 -154px
}

.flag.flag-sm {
background-position:-144px -132px
}

.flag.flag-dk {
background-position:-80px -33px
}

.flag.flag-no {
background-position:-64px -110px
}

.flag.flag-si {
background-position:-96px -132px
}

.flag.flag-sr {
background-position:-208px -132px
}

.flag.flag-es {
background-position:-240px -33px
}

.flag.flag-cf {
background-position:-64px -22px
}

.flag.flag-hm {
background-position:-192px -55px
}

.flag.flag-sk {
background-position:-112px -132px
}

.flag.flag-ps {
background-position:-64px -121px
}

.flag.flag-xk {
background-position:-80px -165px
}

.flag.flag-lb {
background-position:-208px -77px
}

.flag.flag-kz {
background-position:-176px -77px
}

.flag.flag-mp {
background-position:-32px -99px
}

.flag.flag-fj {
background-position:-48px -44px
}

.flag.flag-uz {
background-position:-160px -154px
}

.flag.flag-sh {
background-position:-80px -132px
}

.flag.flag-am {
background-position:-96px 0
}

.flag.flag-eu {
background-position:-16px -44px
}

.flag.flag-kn {
background-position:-80px -77px
}

.flag.flag-lu {
background-position:-64px -88px
}

.flag.flag-ly {
background-position:-96px -88px
}

.flag.flag-tibet {
background-position:-144px -143px
}

.flag.flag-bb {
background-position:0 -11px
}

.flag.flag-gi {
background-position:-240px -44px
}

.flag.flag-ai {
background-position:-64px 0
}

.flag.flag-br {
background-position:-160px -11px
}

.flag.flag-gs {
background-position:-96px -55px
}

.flag.flag-pa {
background-position:-160px -110px
}

.flag.flag-ge {
background-position:-176px -44px
}

.flag.flag-vn {
background-position:0 -165px
}

.flag.flag-gr {
background-position:-80px -55px
}

.flag.flag-ni {
background-position:-32px -110px
}

.flag.flag-me {
background-position:-160px -88px
}

.flag.flag-ir {
background-position:-144px -66px
}

.flag.flag-ss {
background-position:-224px -132px
}

.flag.flag-al {
background-position:-80px 0
}

.flag.flag-gu {
background-position:-128px -55px
}

.flag.flag-cl {
background-position:-144px -22px
}

.flag.flag-ng {
background-position:-16px -110px
}

.flag.flag-gl {
background-position:0 -55px
}

.flag.flag-do {
background-position:-112px -33px
}

.flag.flag-ls {
background-position:-32px -88px
}

.flag.flag-sz {
background-position:-48px -143px
}

.flag.flag-dm {
background-position:-96px -33px
}

.flag.flag-sl {
background-position:-128px -132px
}

.flag.flag-ba {
background-position:-240px 0
}

.flag.flag-kp {
background-position:-96px -77px
}

.flag.flag-nc {
background-position:-224px -99px
}

.flag.flag-cg {
background-position:-80px -22px
}

.flag.flag-ky {
background-position:-160px -77px
}

.flag.flag-be {
background-position:-32px -11px
}

.flag.flag-kh {
background-position:-32px -77px
}

.flag.flag-yt {
background-position:-112px -165px
}

.flag.flag-cz {
background-position:-32px -33px
}

.flag.flag-re {
background-position:-144px -121px
}

.flag.flag-sd {
background-position:-32px -132px
}

.flag.flag-tf {
background-position:-96px -143px
}

.flag.flag-qa {
background-position:-128px -121px
}

.flag.flag-lc {
background-position:-224px -77px
}

.flag.flag-la {
background-position:-192px -77px
}

.flag.flag-jo {
background-position:-224px -66px
}

.flag.flag-pw {
background-position:-96px -121px
}

.flag.flag-rs {
background-position:-176px -121px
}

.flag.flag-lv {
background-position:-80px -88px
}

.flag.flag-ke {
background-position:0 -77px
}

.flag.flag-tl {
background-position:-192px -143px
}

.flag.flag-gq {
background-position:-64px -55px
}

.flag.flag-catalonia {
background-position:-32px -22px
}

.flag.flag-gb {
background-position:-144px -44px
}

.flag.flag-ci {
background-position:-112px -22px
}

.flag.flag-my {
background-position:-176px -99px
}

.flag.flag-ws {
background-position:-64px -165px
}

.flag.flag-mq {
background-position:-48px -99px
}

.flag.flag-se {
background-position:-48px -132px
}

.flag.flag-bg {
background-position:-64px -11px
}

.flag.flag-ml {
background-position:-224px -88px
}

.flag.flag-mk {
background-position:-208px -88px
}

.flag.flag-sx {
background-position:-16px -143px
}

.flag.flag-bo {
background-position:-144px -11px
}

.flag.flag-ma {
background-position:-112px -88px
}

.flag.flag-iq {
background-position:-128px -66px
}

.flag.flag-fi {
background-position:-32px -44px
}

.flag.flag-sv {
background-position:0 -143px
}

.flag.flag-us {
background-position:-128px -154px
}

.flag.flag-mm {
background-position:-240px -88px
}

.flag.flag-va {
background-position:-176px -154px
}

.flag.flag-bn {
background-position:-128px -11px
}

.flag.flag-zw {
background-position:-176px -165px
}

.flag.flag-mw {
background-position:-144px -99px
}

.flag.flag-tc {
background-position:-64px -143px
}

.flag.flag-mn {
background-position:0 -99px
}

.flag.flag-ch {
background-position:-96px -22px
}

.flag.flag-gf {
background-position:-192px -44px
}

.flag.flag-zm {
background-position:-160px -165px
}

.flag.flag-ga {
background-position:-128px -44px
}

.flag.flag-um {
background-position:-112px -154px
}

.flag.flag-ht {
background-position:-240px -55px
}

.flag.flag-co {
background-position:-192px -22px
}

.flag.flag-ye {
background-position:-96px -165px
}

.flag.flag-rw {
background-position:-208px -121px
}

.flag.flag-ec {
background-position:-144px -33px
}

.flag.flag-ki {
background-position:-48px -77px
}

.flag.flag-sb {
background-position:-240px -121px
}

.flag.flag-mh {
background-position:-192px -88px
}

.flag.flag-mr {
background-position:-64px -99px
}

.flag.flag-mo {
background-position:-16px -99px
}

.flag.flag-eg {
background-position:-176px -33px
}

.flag.flag-et {
background-position:0 -44px
}

.flag.flag-cd {
background-position:-48px -22px
}

.flag.flag-mt {
background-position:-96px -99px
}

.flag.flag-zanzibar {
background-position:-144px -165px
}

.flag.flag-nu {
background-position:-112px -110px
}

.flag.flag-ee {
background-position:-160px -33px
}

.flag.flag-hk {
background-position:-176px -55px
}

.flag.flag-dj {
background-position:-64px -33px
}

.flag.flag-ic {
background-position:-16px -66px
}

.flag.flag-ca {
background-position:-16px -22px
}

.flag.flag-to {
background-position:-240px -143px
}

.flag.flag-bs {
background-position:-176px -11px
}

.flag.flag-fr {
background-position:-112px -44px
}

.flag.flag-is {
background-position:-160px -66px
}

.flag.flag-pm {
background-position:-16px -121px
}

.flag.flag-vi {
background-position:-240px -154px
}

.flag.flag-ad {
background-position:0 0
}

.flag.flag-eh {
background-position:-192px -33px
}

.flag.flag-cr {
background-position:-208px -22px
}

.flag.flag-vg {
background-position:-224px -154px
}

.flag.flag-sy {
background-position:-32px -143px
}

.flag.flag-ru {
background-position:-192px -121px
}

.flag.flag-hn {
background-position:-208px -55px
}

.flag.flag-gw {
background-position:-144px -55px
}

.flag.flag-gg {
background-position:-208px -44px
}

.flag.flag-an {
background-position:-112px 0
}

.flag.flag-somaliland {
background-position:-192px -132px
}

.flag.flag-cn {
background-position:-176px -22px
}

.flag.flag-wales {
background-position:-32px -165px
}

.flag.flag-fm {
background-position:-80px -44px
}

.flag.flag-tz {
background-position:-64px -154px
}

.flag.flag-scotland {
background-position:-16px -132px
}

.flag.flag-it {
background-position:-176px -66px
}

.flag.flag-pe {
background-position:-176px -110px
}

.flag.flag-tk {
background-position:-176px -143px
}

.flag.flag-sa {
background-position:-224px -121px
}

.flag.flag-au {
background-position:-192px 0
}

.flag.flag-ms {
background-position:-80px -99px
}

.flag.flag-gh {
background-position:-224px -44px
}

.flag.flag-mg {
background-position:-176px -88px
}

.flag.flag-pl {
background-position:0 -121px
}

.flag.flag-de {
background-position:-48px -33px
}

.flag.flag-lk {
background-position:0 -88px
}

.flag.flag-bh {
background-position:-80px -11px
}

.flag.flag-py {
background-position:-112px -121px
}

.flag.flag-za {
background-position:-128px -165px
}

.flag.flag-cy {
background-position:-16px -33px
}

.flag.flag-il {
background-position:-64px -66px
}

.flag.flag-gd {
background-position:-160px -44px
}

.flag.flag-nr {
background-position:-96px -110px
}

.flag.flag-vu {
background-position:-16px -165px
}

.flag.flag-jm {
background-position:-208px -66px
}

.flag.flag-td {
background-position:-80px -143px
}

.flag.flag-wf {
background-position:-48px -165px
}

.flag.flag-pr {
background-position:-48px -121px
}

.flag.flag-mv {
background-position:-128px -99px
}

.flag.flag-id {
background-position:-32px -66px
}

.flag.flag-tg {
background-position:-112px -143px
}

.flag.flag-by {
background-position:-240px -11px
}

.flag.flag-io {
background-position:-112px -66px
}

.flag.flag-pn {
background-position:-32px -121px
}

.flag.flag-je {
background-position:-192px -66px
}

.flag.flag-bz {
background-position:0 -22px
}

.flag.flag-hu {
background-position:0 -66px
}

.flag.flag-tj {
background-position:-160px -143px
}

.flag.flag-ie {
background-position:-48px -66px
}

.flag.flag-kw {
background-position:-144px -77px
}

.flag.flag-bf {
background-position:-48px -11px
}

.flag.flag-uy {
background-position:-144px -154px
}

.flag.flag-er {
background-position:-224px -33px
}

.flag.flag-sc {
background-position:0 -132px
}

.flag.flag-fk {
background-position:-64px -44px
}

.flag.flag-kr {
background-position:-112px -77px
}

.flag.flag-ar {
background-position:-144px 0
}

.flag.flag-ve {
background-position:-208px -154px
}

.flag.flag-az {
background-position:-224px 0
}

.flag.flag-md {
background-position:-144px -88px
}

.flag.flag-tv {
background-position:-32px -154px
}

.flag.flag-nf {
background-position:0 -110px
}

.flag.flag-fo {
background-position:-96px -44px
}

.flag.flag-gt {
background-position:-112px -55px
}

.flag.flag-af {
background-position:-32px 0
}

.flag.flag-cu {
background-position:-224px -22px
}

.flag.flag-aw {
background-position:-208px 0
}

.flag.flag-mz {
background-position:-192px -99px
}

.flag.flag-mx {
background-position:-160px -99px
}

.flag.flag-om {
background-position:-144px -110px
}

.flag.flag-gm {
background-position:-16px -55px
}

.flag.flag-pf {
background-position:-192px -110px
}

.flag.flag-bw {
background-position:-224px -11px
}

.flag.flag-england {
background-position:-208px -33px
}

.flag.flag-cw {
background-position:0 -33px
}

.flag.flag-sg {
background-position:-64px -132px
}

.flag.flag-ro {
background-position:-160px -121px
}

.flag.flag-ua {
background-position:-80px -154px
}

.flag.flag-hr {
background-position:-224px -55px
}

.flag.flag-gp {
background-position:-48px -55px
}

.flag.flag-im {
background-position:-80px -66px
}

.flag.flag-pk {
background-position:-240px -110px
}

.flag.flag-cm {
background-position:-160px -22px
}

.flag.flag-lt {
background-position:-48px -88px
}

.flag.flag-li {
background-position:-240px -77px
}

.flag.flag-st {
background-position:-240px -132px
}

.flag.flag-mc {
background-position:-128px -88px
}

.flag.flag-cv {
background-position:-240px -22px
}

.flag.flag-pg {
background-position:-208px -110px
}

.flag.flag-kurdistan {
background-position:-128px -77px
}

.flag.flag-in {
background-position:-96px -66px
}

.flag.flag-kg {
background-position:-16px -77px
}

.flag.flag-as {
background-position:-160px 0
}

.flag.flag-np {
background-position:-80px -110px
}

.flag.flag-sn {
background-position:-160px -132px
}

.flag.flag-na {
background-position:-208px -99px
}

.flag.flag-gn {
background-position:-32px -55px
}

.flag.flag-vc {
background-position:-192px -154px
}

.flag.flag-ag {
background-position:-48px 0
}

.flag.flag-dz {
background-position:-128px -33px
}

.flag.flag-gy {
background-position:-160px -55px
}
.booking .off-canvas-wrapper-inner > .title-bar {
  height: 53px;
}

@media print {
	#thankyou {
	padding-top:0;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:0
	}

	#thankyou .box-booking-items {
	margin-bottom:0
	}

	.booking .confirm h1 {
	margin-top:0
	}

	.box-sum {
	margin-bottom:0
	}
}

.is-ie input[type=checkbox], .is-ie input[type=radio]{
    visibility:visible;
}
.is-ie .display-table-cell {
    float:left;
    padding-right:50px;
}
.is-ie #booking-tabs .display-table-cell {
    padding-right: 0px;
}
.booking.is-ie .branch-info, .booking.is-ie .tabs-title{
    padding-bottom:0px;
}
.booking.is-ie input[type=checkbox],.booking.is-ie input[type=radio]{
    position:relative;
}
.booking .discount-apply {
	position:relative;
	float:left;
	width:100%;
	text-align:right;
	font-size:0.87em;
	margin:0;
    padding:0;
	height:22px;
    /*-webkit-margin-before: 0px;*/
}

.facebook-icon {
    width: 20px !important;
    margin-top: -3px !important;
    height: 20px !important;
    background-size: 20px 20px;
    margin-right: 1em;
    position: absolute;
    background-image: url(https://assetcdn.500px.org/assets/v3/focus/facebook-48d65962e931c980109e2fa9e771c0a3.svg);
}  
.google-icon {
    width: 20px !important;
    margin-top: -3px !important;
    height: 20px !important;
    background-size: 20px 20px;
    margin-right: 1em;
    position: absolute;
    background-image: url(//assetcdn.500px.org/assets/v3/focus/google-42bc6c53fa151992a30d8a7f394e4938.svg);
}  

@media (min-width: 768px) {
	.content-container > .tabs-content {
		min-height:343px;
	}
}

/* DBHelvethaicaX Font */
@font-face {
    font-family: 'DBHelvethaicaX';
    src: url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Bold.eot');
    src: local('☺'), url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Regular.woff2') format('woff2'), url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Regular.woff') format('woff'), url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Regular.ttf') format('truetype'), url('../fonts/DBHelvethaicaX/DBHelvethaicaX-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.jssocials-share.jssocials-share-googleplus {
    display: none !important;
}
.branch-detail h1 {
    font-size: 32px;
    line-height: 42px;
}
.chat-box {
    position: fixed;
    bottom: 80px;
    right: 17px;
    z-index: 1050;
}
.chat-box .item {
    width: 60px;
    height: 60px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    margin-bottom: 15px;
    cursor: pointer;
    opacity: 0;
    height: 1px;
    transition: .3s ease 0s;
}
.chat-box .item i {
    font-size: 32px;
    line-height: 60px;
    transform: rotate(0deg);
    opacity: 1;
    transition: .3s ease 0s;
}
.chat-box .item i:last-child {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.chat-box .btn-chat, .chat-box .fb_dialog_content > iframe {
    position: fixed!important;
    bottom: 152px!important;
    right: 18px!important;
    top: auto!important;
    width: 60px!important;
    height: 60px!important;
    border-radius: 50%!important;
    margin: 0px !important;
    z-index: 5 !important;
}
 .chat-box .fb_dialog_content>iframe {
    bottom: 220px!important;    
 }
.chat-box .item.is-main {
    background: #002661;
    display: block;
    height: 60px;
    opacity: 1;
    z-index: 100;
    margin: 0px;
    position: relative;
}
.chat-box.open .item:not(.is-main) {
    height: 60px;
    opacity: 1;
}
.chat-box.open .item i:first-child {
    transform: rotate(180deg);
    opacity: 0;
}
.chat-box.open .item i:last-child {
    display: block;
}

#bookPanel {
    z-index: 2000;
}

.gallery-random {
    width: 100vw !important;
    overflow-x: hidden !important;
}
.gallery-link .orbit-link button {
    border-bottom: 3px solid #fff;
}

.material-icons[mt-icon="line"]:before {
    background: url('../Images/line.svg') no-repeat center center;
    background-size: 21px;
    width: 24px;
    height: 24px;
    display: inline-block;
    filter: grayscale(100%) brightness(65%) contrast(5);
}

#formFeedback label.error {
    display: none;
    font-size: 12px;
    margin-top: -15px;
    color: #fb5450;
}
#formFeedback input.error, #formFeedback select.error, #formFeedback textarea.error {
    color: #000;
    border-color: #fb5450;
    margin-top: 0px;
    box-shadow: none !important;
    outline: none !important;
}

#formContact label.error{
    font-size: 12px;
    margin-top: -15px;
    color: #fb5450;
}
#formContact input.error, #formContact select.error, #formContact textarea.error {
    color: #000;
    border-color: #fb5450;
    margin-top: 0px;
    box-shadow: none !important;
    outline: none !important;
}
#formContact .button {
    box-shadow: none;
    min-width: 120px;
    padding: 12px;
}

.button {
    box-shadow: none;
}
.button.button-primary {
    background: #002661 !important;
}
.button.button-md {
    padding: 13px 25px;
}
.button.button-icon img {
    float: left;
    margin-right: 20px;
}
.button.button-line {
    background: #5FCE23 !important;
}
.button.button-facebook {
    background: #1777F2 !important;
}

.cphs-upload-file {
    width: 100%;
    position: relative;
    display: inline-block;
    border-bottom: 1px solid #cacaca;
    padding: 15px 0px;
    margin: 0 0 1rem;
}
.cphs-upload-file .item {
    width: 100%;
    position: relative;
    margin-bottom: 18px;
    display: inline-block;
}
.cphs-upload-file .cphs-upload-btn {
    position: relative;
    display: inline-block;
    margin: 10px 10px 0px 0px;
    min-width: 140px;
    width: 100%;
}
.cphs-upload-file .cphs-upload-btn button {
    background: #002561 !important;
    padding: 12px !important;
    margin: 0px !important;
}
.cphs-upload-file .cphs-upload-btn input {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.cphs-upload-file .cphs-upload-btn label.error {
    display: block;
    position: absolute;
    bottom: -22px;
    left: 0px;
    width: 350px;
    max-width: 100vw;
}
.cphs-upload-file .required {
    font-size: 12px;
    margin-top: -15px;
    color: #fb5450;
    display: none;
}
.cphs-upload-file .cphs-upload-desc {
    display: inline-block;
    margin: 8px;
    margin-left: 0px;
}
.cphs-upload-file .preview-item {
    width: 80px;
    color: #818181;
    font-size: 14px;
    display: inline-block;
    margin: 12px 12px 0px 0px;
    position: relative;
}
.cphs-upload-file .preview-item i {
    background: #000;
    font-size: 12px;
    color: #fff;
    border-radius: 50%;
    padding: 3px;
    font-weight: 700;
    position: absolute;
    top: -7px;
    right: -8px;
    cursor: pointer;
    z-index: 2;
}
.cphs-upload-file .preview-item img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    background: #EEF4FD;
}
.cphs-upload-file .preview-item p {
    font-size: 12px;
    line-height: 16px;
    margin: 0px;
    margin-top: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#acceptCookie {
    z-index: 2000;
}

#branchslider .orbit-previous, #branchslider .orbit-next {
    top: 50%;
    margin-top: 10px;
}

.centrepoint-brand-hotel-branch .book-border {
    border: 0px !important;
}

#videoSection {
    overflow: hidden;
}
#videoSection > video {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    object-position: center;
    filter: brightness(0.7);
    z-index: 0;
}
#welcometitle, #videoSection .time-temp-indicator, #home-booking-form {
    z-index: 1;
}
#covid-19-update {
    display: none;
}

.booking .off-canvas-wrapper-inner > .title-bar {
    height: auto;
}

.reveal-overlay {
    top: 0px;
    left: 0px;
    height: 100vh;
    width: 100vw;
    overflow-y: auto;
    padding: 0px;
}
.reveal-overlay .reveal {
    top: 0px !important;
    max-width: 100%;
    height: auto !important;
    overflow: hidden;
    position: relative;
    margin: 40px auto;
}
.reveal-overlay .reveal .close-button > span {
    float: right;
    margin-top: 3px;
    margin-left: 5px;
}
.reveal.is-radius {
    border-radius: 10px;
}

.no-data {
    text-align: center;
    color: #999;
    padding: 15px;
}

#secondnav ul.menu li:last-child {
    display: none !important;
}

#branchslider .orbit-previous, #branchslider .orbit-next {
    margin-top: 5px;
}

.cphs-branch-link {
    padding-right: 30px;
    text-align: right;
}
.cphs-branch-link p {
    width: 100% !important;
    margin: 0px 0px 15px !important;
}
.cphs-branch-link img {
    width: 265px;
    max-width: 100%;
    height: auto;
}
.cphs-container {
    width: 75rem;
    max-width: 100%;
    position: relative;
    margin: 0 auto;
}
.cphs-cover {
    width: 100%;
    position: relative;
    height: 285px;
    display: block;
    text-align: center;
    color: #fff;
    padding: 20px 20px 10px !important;
}
.cphs-cover:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
.cphs-cover .bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.cphs-cover .text {
    position: relative;
    width: 650px;
    max-width: 100%;
    z-index: 1;
    top: 50%;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.cphs-cover .button {
    margin-top: 15px;
}
.cphs-cover p {
    line-height: inherit;
}

.cphs-in-house {
    width: 700px;
    max-width: 85%;
    margin: 0 auto 100px;
}
.cphs-in-house .item {
    font-weight: 700;
    color: #002661;
    text-align: center;
    margin-top: 50px;
    display: inline-block;
    width: 100%;
}
.cphs-in-house .item .icon {
    background: #FFFFFF;
    box-shadow: 0px 3px 13px rgba(0, 0, 0, 0.25);
    border-radius: 50%;
    width: 130px;
    height: 130px;
    text-align: center;
    line-height: 130px;
    display: inline-block;
    margin-bottom: 8px;
    overflow: hidden;
}
.cphs-in-house .item .icon img {
    height: 60px;
}
.cphs-facility-icon, .cphs-amenity-icon {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    max-width: 100%;
}
.cphs-amenity-icon {
    margin-bottom: 100px;
}
.cphs-facility-icon .text-icon, .cphs-amenity-icon .text-icon {
    color: #002661;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    margin: 20px 0px;
    margin: 35px 0px 10px;
    display: inline-block;
}
.cphs-facility-icon .column:last-child, .cphs-amenity-icon .column:last-child {
    float: initial;
}
.cphs-facility-icon, .cphs-amenity-icon {
    margin-left: -10px;
    width: calc(100% + 20px);
    max-width: calc(100% + 20px);
    text-align: center;
}
.cphs-facility-icon .column, .cphs-amenity-icon .column {
    width: 14.66%;
    margin: 10px;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    background: #fff;
    text-align: center;
    float: initial;
    display: inline-grid;
    transition: .3s ease 0s;
}
.cphs-facility-icon .column:hover {
    border: 1px solid #002661;
    cursor: pointer;
}
.cphs-facility-icon .column .text-icon, .cphs-amenity-icon .column .text-icon {
    padding-left: 0px;
    margin: 30px 0px 20px;
    max-width: 100%;
    display: inline-grid;
}
.cphs-facility-icon .column .text-icon img, .cphs-amenity-icon .column .text-icon img {
    position: relative;
    margin: 0 auto;
    top: auto;
    left: 0;
    right: 0;
    transform: none;
    width: auto;
    height: 35px;
}
.cphs-facility-icon .column .text-icon span, .cphs-amenity-icon .column .text-icon span {
    display: block;
    margin-top: 10px;
    height: 45px;
    overflow: hidden;
    word-break: keep-all;
}

.text-icon {
    display: inline-block;
    position: relative;
    padding-left: 45px;
}
.text-icon img {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 35px;
}
.font-serif {
    font-family: 'Trajan Pro Regular';
}

.cphs-facility-detail {
    width: 100%;
    position: relative;
    display: inline-block;
}
.cphs-facility-detail .item > .img {
    width: 50%;
    position: relative;
    display: inline-block;
    float: left;
}
.cphs-facility-detail .item > .text {
    width: 50%;
    position: relative;
    display: inline-block;
    float: left;
    padding: 60px 80px;
    color: #777;
}
.cphs-facility-detail .text .topic {
    color: #002661;
}
.cphs-facility-detail .text .topic h2 {
    margin: 2px 0px 15px;
}
.cphs-facility-detail .text .topic img {
    height: 50px;
    width: auto;
    display: block;
}
.cphs-facility-detail .item {
    display: inline-block;
    width: 100%;
    float: left;
}
.cphs-facility-detail .item:nth-child(even) > .img {
    float: right;
}
.cphs-amenity-modal {
    width: 480px;
    max-width: 100%;
    text-align: center;
    position: relative;
    margin: 0 auto;
    padding: 30px;
}
.cphs-amenity-modal .btn-box {
    margin-top: 30px;
}
.cphs-amenity-modal .btn-box .button {
    margin: 10px;
    padding: 7px 15px;
    min-width: 150px;
    font-family: 'serif';
    text-transform: initial;
}
.cphs-amenity-modal .btn-box .button img {
    float: left;
    margin-right: 15px;
    height: 25px;
}
.cphs-amenity-modal .btn-box .button span {
    line-height: 24px;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    min-height: 24px;
    font-family: serif;
    letter-spacing: 0px;
}
.cphs-amenity-modal h4 {
    width: 80%;
    margin: 0 auto;
    font-family: serif;
}

.tv-box {
    width: 370px;
    max-width: 100%;
    display: inline-block;
    position: relative;
    background: #FFFFFF;
    box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
}
.tv-box .img {
    width: 100%;
}
.tv-box .text {
    width: 100%;
    font-weight: 700;
    color: #002661;
    padding: 20px;
}
.tv-box .text h4 {
    text-align: center;
    padding: 10px 0px 20px;
    border-bottom: 1px solid #E2E6EC;
    margin: 0px;
}
.tv-box .text .icon {
    width: 72px;
    margin: -60px auto 0px;
}
.tv-row {
    width: 100%;
    font-weight: 700;
    color: #002661;
}
.tv-box .text .row, .tv-row {
    margin-top: 15px;
}
.tv-box .text .lists, .tv-row {
    text-align: left;
    word-break: break-word;
}
.no-padding {
    padding: 0px !important;
}
.no-padding-right {
    padding-right: 0px !important;
}
.no-padding-left {
    padding-left: 0px !important;
}
.no-margin {
    margin: 0px !important;
}
.cphs-grid-container {
    columns: 350px;
    column-gap: 25px;
    margin-bottom: 100px;
}
.cphs-grid {
    break-inside: avoid-column;
	margin-bottom: 25px; 
    display: inline-block;
    -webkit-column-break-inside: avoid;
}
.tv-title {
    color:#002661;
    font-weight: 700;
    margin: 20px 0px 45px;
}

.cphs-room-pdf {
    margin-top: -40px;
}
.cphs-room, .cphs-room-pdf {
    width: 1000px;
    max-width: 100%;
    position: relative;
    margin: 0px auto 50px;
}
.cphs-room-pdf {
    margin-top: -30px;
}
.cphs-room-title {
    margin: 20px 0px;
    text-align: center;
    display: inline-block;
    width: 100%;
}
.cphs-room-highlight {
    columns: 300px;
    column-gap: 50px;
    margin-bottom: 50px;
}
.cphs-room-highlight .item {
    float: left;
    break-inside: avoid-column;
	margin-bottom: 25px; 
    color: #002661;
    text-align: center
}
.cphs-room-highlight .item:nth-child(2) {
    padding-top: 60px;
}
.cphs-room-highlight .img {
    width: 100%;
    margin-bottom: 15px;
}
.cphs-room-highlight p {
    margin-bottom: 5px;
}
.cphs-room-highlight p small {
    color: #6988B9;
    font-family: DBHelvethaicaX;
    font-size: 18px;
    line-height: 22px;
}
.cphs-room-highlight p.name {
    font-weight: 700;
    margin-bottom: 0px;
}
.cphs-room .price, .cphs-room .name {
    font-family: serif;
    font-size: 115%;
}
.cphs-room small {
    font-size: 90%;
}
.cphs-room-menu {
    width: 100%;
    position: relative;
    background: #F3F7FD;
    padding: 30px 50px 50px;
    margin-top: 32px;
    color: #002661;
}
.cphs-room-menu:before {
    content: '';
    position: absolute;
    top: -30px;
    left: 0px;
    width: 100%;
    height: 32px;
    background: url('../Images/PH2/room-bg.png') no-repeat center center;
    background-size: contain;
}
.cphs-room-menu small {
    color: #6988B9;
    font-family: DBHelvethaicaX;
    font-size: 18px;
    line-height: 22px;
}
.cphs-room-menu .columns {
    display: inline-block;
    margin-top: 20px;
}
.cphs-room-menu .name {
    float: left;
    width: calc(100% - 60px);
}
.cphs-room-menu .price {
    float: right;
}
.cphs-room-menu p {
    margin-bottom: 0px;
}

#formFeedback {
    background: #FFFFFF;
    border: 1px solid #D7D7D7;
    border-radius: 6px;
    padding: 20px 50px 40px;
    margin-bottom: 15px;
}
#formFeedback .fb-title {
    font-weight: 400;
    color: #002661;
}
#formFeedback .form-control {
    background: #FFFFFF;
    border: 1px solid #D2D2D2;
    border-radius: 6px;
    padding: 13.1px 15px;
    height: auto;
    font-weight: 400;
}
#formFeedback .columns {
    margin-top: 15px;
}
#formFeedback .columns > label {
    font-weight: 700;
}

.radio-select {
    width: 100%;
    display: inline-block;
}
.radio-select .radio {
    text-align: center;
    display: inline-block;
    margin: 10px 0px 0px;
    min-width: 65px;
    position: relative;
    padding-bottom: 15px;
}
.radio-select .radio input {
    visibility: visible;
    position: absolute;
    top: auto;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.radio-select .radio label {
    margin: 0px;
    width: auto;
    display: inline-block;
    color: #747474;
    font-size: 12px;
}
.radio-select .radio img {
    height: 45px;
    margin: 0 auto;
}
.radio-select .radio span {
    width: 100%;
    display: block;
}

.checkbox-select {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}
.checkbox-select .checkbox {
    display: inline-block;
}
.checkbox-select .checkbox input {
    opacity: 0;
}
.checkbox-select .checkbox label {
    background: #FFFFFF;
    border: 1px solid #D2D2D2;
    border-radius: 6px;
    padding: 8.9px 15px;
    color: #747474;
    font-weight: 400;
    margin: 5px 5px 0px 0px;
}
.checkbox-select .checkbox input:checked ~ label {
    border: 1px solid #002661;
    background: #002661;
    color: #fff;
    position: relative;
}

.cphs-thankyou {
    width: 515px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 30px 0px;
}
.cphs-thankyou .icon {
    width: 75px;
}
.cphs-thankyou .topic {
    margin: 15px 0px 0px;
}
.cphs-thankyou .line {
    width: 100%;
}
.cphs-thankyou .detail {
    font-family: serif;
    width: 350px;
    max-width: 100%;
    margin: 0 auto 30px;
}

input:disabled, input[readonly], textarea:disabled, textarea[readonly] {
    background-color: #f6f6f6 !important;
    cursor: default;
}

.cphs-upload-box {
    background: #FBFDFF;
    border: 2px dashed #8AA7D4;
    border-radius: 5px;
    padding: 35px;
    text-align: center;
    color: #B5C0D2;
    width: 100%;
}
.cphs-upload-box img {
    width: 40px;
}
.cphs-upload-box b {
    color: #5D708E;
}
.cphs-upload-box p {
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
}
.cphs-upload-box span {
    color: #1777F2;
}
.cphs-upload-text {
    
}
.cphs-room-pdf {
    padding: 20px;
    background: #aaa;
    overflow: hidden;
}

#flipbook {
    width: 960px;
    height: 680px;
    max-width: 100%;
}
.fb-not-happy {
    color: #747474;
}
.fb-not-happy > img {
    width: 48px;
    height: 48px;
    margin-right: 5px;
}
.editor-line {
    display: none;
}

#tinymce .tv-row {
    width: 370px;
    max-width: 100%;
    margin-left: 0px;
}
#tinymce .editor-line {
    margin-bottom: 0px;
    height: 10px;
    display: block;
}
.short-menu {
    padding: 0px !important;
}
.cphs-amenity-icon .column {
    cursor: pointer;
}
.cphs-breadcrumbs {
    padding-top: 2rem;
}

@media (max-width: 1024px){
    #offCanvasLeft {
        left: 0px;
        width: 100vw;
        height: 100vh;
        background: rgba(0,0,0,0.5);
        position: fixed;
        display: none;
        transition: none;
    }
    #offCanvasLeft .close-button {
        left: 270px;
        z-index: 2000;
        right: auto;
    }
    #offCanvasLeft > ul.menu {
        width: 300px;  
        left: -100%;
        transition: .3s ease 0s;  
        position: relative;
    }
    #offCanvasLeft.is-open {
        display: block;
    }
    #offCanvasLeft.is-open > ul.menu {
        left: 0px;    
    }

    #bookPanel {
        top: 105px;
    }

    .title-bar {
        width: 100%;
        display: inline-block;
    }
    .title-bar .title-bar-full {
        height: 52px;
        text-align: center;
        position: relative;
    }
    .title-bar .title-bar-full:first-child {
        background: #002661;
    }
    .title-bar .title-bar-full img {
        height: 100%;
        display: block;
    }
    .title-bar .title-bar-full .col {
        width: 50%;
        height: 35px;
        display: inline-block;
        text-align: center;
        float: left;
        margin: 8px 0px;
    }
    .title-bar .title-bar-full .col:nth-child(odd) {
        border-right: 1px solid #D3D3D3;
    }
    .title-bar .menu-icon {
        top: 0px;
        position: absolute;
        left: 0px;
        border: 0px;
    }
    .title-bar .menu-icon::after {
        background: #fff;
        box-shadow: 0 7px 0 #fff, 0 14px 0 #fff;
    }
    .title-bar .navbar-logo {
        display: inline-block;
        margin: 3px auto 0px;
        height: 38px;
    }
    .title-bar .navbar-reward {
        display: inline-block;
        margin: 0 auto;
        height: 35px;
    }
    .title-bar .bookbutton {
        margin: 0px;
        font-size: 11px;
        padding: 9px 15px;
        letter-spacing: 1px;
        vertical-align: top;
        box-shadow: none;
        border: 2px solid #fff;
        box-shadow: 0px 0px 0px 1px #002661;
        background: #002661;
    }
    .off-canvas-content {
        margin-top: 104px;
    }

    /*
    .branch-slider .orbit .orbit-image {
        height: 315px;
        object-fit: cover;
        object-position: center;
    }
    */

    .branch-detail h1 {
        font-size: 22px;
        margin-bottom: 15px;
        padding: 0px;
        line-height: 30px;
    }
    .branch-detail h1 small {
        font-size: 12px;
        padding-bottom: 5px;
    }

    #bookingSection .button.bookbutton {
        display: inline-block !important;
    }
    #bookingSection .title-bar {
        border: 0px;
    }
    #bookingSection .title-bar .title-bar-full:last-child {
        display: none;
    }
    #bookingSection .off-canvas-content {
        margin-top: 52px;
    }

    .cphs-facility-icon, .cphs-amenity-icon {
        padding: 0px 50px;
    }

    .cphs-facility-detail .item > .text {
        padding: 25px 40px;
    }
    .cphs-facility-detail .text .topic img {
        height: 35px;
    }
    .cphs-facility-detail .text .topic h2 {
        margin: 0px 0px 5px;
    }

    .cphs-grid-container {
        columns: 300px;
        column-gap: 20px;
    }
    .cphs-grid {
        margin-bottom: 20px;
    }
    .tv-box .text .icon {
        width: 62px;
    }
    .tv-box .text h4 {
        padding: 0px 0px 20px;
        margin-bottom: 15px;
        font-weight: 700;
    }
    .tv-box .text .row {
        margin-top: 12px;
    }

    .cphs-room-title {
        margin-top: 0px;
        font-weight: 700;
        margin-bottom: 20px;
    }
    .cphs-room-highlight {
        columns: 200px;
        column-gap: 40px;
    }
    .cphs-room-pdf {
        padding: 15px;
    }
    
}

@media (max-width: 991px){
    #videoSection .mbYTP_wrapper iframe{
        width: 300vw !important;
        height: 120vh !important;
        margin-top: 0px !important;
        margin-left: 0px !important;
        filter: brightness(0.7) !important;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top: 50% !important;
        left: 50% !important;
    }

    .branch-img-cover .logo {
        margin: 0px !important;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    footer .footer-sitemap {
        width: 100%;
        display: inline-block;
        text-align: center;
    }
    footer .footer-sitemap li {
        display: inline-block;
    }
    footer .copy {
        width: 100%;
        text-align: center;
        background: #f1f1f1;
        margin: 0px;
        padding: 15px;
        color: #888;
    }
    footer .set-footer {
        margin: 15px 0px;
    }

    .cphs-in-house .item {
        margin-top: 40px;
    }
    .cphs-in-house .item .icon {
        width: 100px;
        height: 100px;
        line-height: 100px;   
    }
    .cphs-in-house .item .icon img {
        height: 40px;
    }

    #formFeedback {
        padding: 10px 20px 20px;
    }
    #formFeedback .fb-happy .columns {
        margin-top: 0px;
    }

    .radio-select .radio {
        min-width: 60px;
    }
    .radio-select .radio img {
        height: 40px;
    }

    .cphs-facility-icon .column, .cphs-amenity-icon .column {
         width: 20%;
    }
}

@media (max-width: 767px){
    .cphs-cover {
        height: 270px;
        font-size: 12px;
        line-height: 16px;
    }
    .cphs-cover h2 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .cphs-facility-detail {
        margin-top: -50px;
    }
    .cphs-facility-detail .item > .img {
        width: 100%;
    }
    .cphs-facility-detail .item > .text {
        width: 100%;
        padding: 25px 20px 50px;
    }
    .cphs-facility-detail .text .topic h2 {
        margin: 5px 0px 10px;
        font-size: 24px;
        line-height: 32px;
    }

    .cphs-facility-icon, .cphs-amenity-icon {
        padding: 0px 15px;
    }
    .cphs-facility-icon .text-icon, .cphs-amenity-icon .text-icon {
        margin: 25px 0px 10px;
    }
    .cphs-facility-icon {
        display: none;
    }

    .reveal.is-normal, .reveal-overlay .reveal.is-normal {
        width: 95% !important;
        margin: 50px auto;
        height: auto;
        min-height: initial;
        padding-bottom: 20px;
    }

    .tv-title {
        margin: 0px 0px 25px;
    }
    .tv-box .text h4 {
        padding: 5px 0px 12px;
    }
    .cphs-grid {
        margin-bottom: 25px;
    }
    .cphs-grid-container {
        padding: 0px 15px;
        margin-bottom: 0px;
    }

    .cphs-room-highlight .item:nth-child(2) {
        padding-top: 0px;
    }
    .cphs-room-highlight .item {
        margin-bottom: 45px;
    }
    .cphs-room-highlight p.name {
        font-weight: 400;
    }
    .cphs-room-highlight {
        margin-bottom: 0px;
    }
    .cphs-room-menu {
        padding: 10px 25px 30px;
        margin-top: 32px;
    }
    .cphs-thankyou {
        padding: 20px 0px;
    }

    #flipbook {
        width: 100vw;
        height: 130vw;
    }
}

@media (max-width: 639px){
    #secondnav ul.menu {
        background: #2F2F2F;
        justify-content: left;
    }
    #secondnav ul.menu li {
        width: 25%;
        flex-grow: initial;
        border: 1px solid #434343;
        border-top: 0px;
        border-left: 0px;
    }
    #secondnav ul.menu li a {
        padding: 15px;
    }
    #branchslider .time-temp-indicator menu {
        background: #2F2F2F;
    }
    #weather {
        padding-right: 15px;
    }
    #weather .wether-img {
        margin-top: -8px;
        margin-bottom: 8px;
    }
    #weather .wether-img img {
        height: 70px;
    }

    .reveal-overlay .reveal {
        top: 0px !important;
        left: 0px !important;
        width: 100% !important;
        height: auto !important;
        min-height: 100vh;
        padding-bottom: 80px;
        margin: 0px;
    }
    .reveal-overlay .reveal .close-button {
        position: fixed;
        top: 0px;
        right: 0px;
        z-index: 100;
        padding: 2px 5px;
    }
    .reveal-overlay .reveal .booknow-button {
        margin-top: 30px !important;
    }

    .promotion .reveal .close-button {
        font-size: 22px;
        padding: 10px 15px;
    }

    .cphs-upload-file .item {
        width: 100%;
        position: relative;
        margin-bottom: 10px;
        display: inline-block;
    }
    .cphs-upload-file .cphs-upload-desc {
        font-size: 12px;
    }

    .cphs-amenity-modal h4 {
        width: 100%;
        font-size: 18px;
        font-family: serif;
    }
    .cphs-amenity-modal .btn-box {
        margin-top: 20px;
    }
    .cphs-amenity-modal .btn-box .button {
        margin: 7px;
    }

    .cphs-branch-link {
        text-align: center;
        padding: 20px 15px;
    }

    .cphs-upload-box br {
        display: none;
    }
    .cphs-facility-icon .column, .cphs-amenity-icon .column {
        width: calc(50% - 30px);
        margin: 5px;
    }

    .cphs-breadcrumbs .breadcrumbs {
        margin-top: 0px;
    }
}

@media (max-width: 520px){
}

/* hide in-house */
.cphs-branch-link p:last-child {
    display: none;
}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }

  .daterangepicker .ranges ul {
    width: 140px;
  }

  .daterangepicker.single .ranges ul {
    width: 100%;
  }

  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }

  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left;
  }

  .daterangepicker {
    direction: ltr;
    text-align: left;
  }

  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }

  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }

  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left;
  }
}

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }

  .daterangepicker .ranges {
    float: left;
  }

  .daterangepicker.rtl .ranges {
    float: right;
  }

  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}

.ui-timepicker-container{position:absolute;overflow:hidden;box-sizing:border-box}.ui-timepicker,.ui-timepicker-viewport{box-sizing:content-box;height:205px;display:block;margin:0}.ui-timepicker{list-style:none;padding:0 1px;text-align:center}.ui-timepicker-viewport{padding:0;overflow:auto;overflow-x:hidden}.ui-timepicker-standard{font-family:Verdana,Arial,sans-serif;font-size:1.1em;background-color:#FFF;border:1px solid #AAA;color:#222;margin:0;padding:2px}.ui-timepicker-standard a{border:1px solid transparent;color:#222;display:block;padding:.2em .4em;text-decoration:none}.ui-timepicker-standard .ui-state-hover{background-color:#DADADA;border:1px solid #999;font-weight:400;color:#212121}.ui-timepicker-standard .ui-menu-item{margin:0;padding:0}.ui-timepicker-corners,.ui-timepicker-corners .ui-corner-all{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}.ui-timepicker-hidden{display:none}.ui-timepicker-no-scrollbar .ui-timepicker{border:none}/*# sourceMappingURL=jquery.timepicker.min.css.map */
#widemenu .title-bar {
    padding: 0px 20px;
}
#widemenu .title-bar, #widemenu .title-bar>li {
    background: transparent;
    border: 0px;
}
#widemenu .title-bar.is-stuck {
    background: #022662;
}
#widemenu .title-bar.is-stuck2 {
    background: #022662 !important;
}
header .menu>li>a {
    color: #fff !important;
    line-height: 32px;
}
header .title-bar .logo {
    float: initial !important;
    width: 200px;
    margin: 0 auto;
    position: absolute;
    top: 20px;
    left: 0px;
    right: 0px;
    height: auto;
}
header .title-bar .logo img {
    margin: 0px !important;
}
header .top-bar-right .menu>li, header .is-at-top .top-bar-right .menu>li:first-child {
    border: 0px;
}
header .menu>li>a {
    height: 90px;
}
header .top-bar-left .menu>li>a {
    padding: 30px 15px;
}
header .top-bar-right .btn-rewards {
    padding: 5px !important;
}
header .book-now .book-border, .title-bar-full .bookbutton {
    background: #E78830;
    border: 0px;
    box-shadow: none;
}
header .book-now .book-border button {
    background: #E78830 !important;
}
header .btn-signin {
    padding: 36px 15px 15px 0px !important;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
}
header .btn-signin:after {
    content: '';
    position: absolute;
    border-right: 1px solid #fff;
    height: 45px;
    right: 0px;
    top: 50%;
    margin-top: -22.5px;
}
header .menu .lang-menu {
    padding: 5px 8px;
    height: auto;
}
header .lang-switch {
    position: relative;
}
header .lang-switch .dropdown-pane {
    width: 100% !important;
    left: 0px !important;
}
header {
    position: relative;
    background: url('/Images/reweb/line-head.png') no-repeat bottom left;
    background-size: 100% auto;
}
header #topnav, #widemenu .title-bar, #widemenu .title-bar>li {
    height: 90px !important;
}

.rw-vdo-box {
    width: 100%;
    margin-top: -90px;
    padding: 0px !important;
    position: relative;
}
.rw-vdo-box:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 200px;
    background: linear-gradient(180deg, rgba(9, 17, 61, 0.94) 0%, rgba(0, 0, 0, 0) 100%);
}
.rw-bg {
    position: absolute;
}
.rw-title {
    width: 100%;
    position: relative;
    background: url('/Images/reweb/line.png') no-repeat bottom center;
    background-size: 280px auto;
    padding-bottom: 25px;
}
.rw-content-small {
    width: 720px;
    max-width: 100%;
    margin: 20px auto;
    display: block;
}
.rw-facility {
    padding: 0px;
    position: relative;
}
.rw-facility .rw-item {
    padding: 30px 0px;
}
.rw-fac-icon {
    width: 100%;
    position: relative;
    display: flex;
    gap: 0px 50px;
    justify-content: center;
    align-items: start;
    text-transform: uppercase;
    font-weight: 700;
    color: #022662;
    flex-wrap: wrap;
}
.rw-fac-icon img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    object-position: center;
    padding: 15px;
}
.rw-fac-icon .rw-inner {
    margin-top: 20px;
}
.rw-facility .bg1 {
    position: absolute;
    left: 0px;
    top: 50%;
}
.rw-facility .bg2 {
    position: absolute;
    right: 0px;
    top: 20%;
}

.rw-review {
    width: 100% !important;
    padding: 50px 0px !important;
    position: relative;
    color: #fff;
}
.rw-review .rw-bg{
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    object-position: center;
}
.rw-review .rw-head {
    text-align: center;
    background: url('/Images/reweb/line-white.png') no-repeat bottom center;
    background-size: 100% auto;
    text-transform: uppercase;
    position: relative;
    font-family: 'Trajan Pro Regular';
    font-size: 18px;
    display: flex;
    justify-content: center;
    gap: 25px;
    line-height: 50px;
    cursor: pointer;
    color: #fff;
}
.rw-review .rw-head .rw-item.active {
    border-bottom: 5px solid #5984CC;
}
.rw-review .rw-head-sub .rw-item {
    text-align: center;
    text-transform: uppercase;
    position: relative;
    font-family: 'Trajan Pro Regular';
    font-size: 18px;
    display: flex;
    justify-content: center;
    gap: 25px;
    line-height: 50px;
    cursor: pointer;
    color: #fff;
}
.rw-review .rw-head .rw-item, .rw-review .rw-head-sub .rw-item {
    padding: 0px 10px;
}
.rw-review .rw-head-sub .rw-item:not(.active), .rw-review .rw-body .rw-item:not(.active) {
    display: none;
}
.rw-review .rw-head-sub .rw-sub.active {
    color: #5984CC;
    background: url('/Images/reweb/icon-rect.png') no-repeat bottom center;
    background-size: 10px 10px;
}
.rw-review-slide {
    width: 1000px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0px 50px;
}
.rw-review-slide .item {
    margin: 40px 0px 20px;
    text-align: center;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
}
.rw-review-slide .center .item{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.rw-review-slide .owl-item:not(.center) .text, .rw-review-slide .owl-item:not(.center) .score {
    display: none;
}
.rw-review-slide .item .img {
    position: relative;
    margin: 0 auto;
    display: block;
    width: 280px;
    max-width: 100%;
}
.rw-review-slide .item .img:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100px;
    width: 100%;
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}
.rw-review-slide .item .img img {
    width: 100%;
}
.rw-review-slide .item .img .score {
    position: absolute;
    top: 15px;
    left: 15px;
    color: #fff;
}
.rw-review-slide .item .img .score span {
    background: url('/Images/reweb/review-score.png') no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    width: 45px;
    height: 45px;
    text-align: center;
    padding: 5px;
    font-size: 18px;
    line-height: 18px;
}
.rw-review-slide .item .img .score span small {
    font-size: 8px;
    line-height: 10px;
}
.rw-review-slide .item .img .score p {
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
}
.rw-review-slide .item .img .score p small {
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
}
.rw-review-slide .item .text {
    margin: 20px 0px;
    color: #6B80A4;
    text-align: center;
}
.rw-review-slide .item .text h4 {
    font-family: 'Trajan Pro Regular';
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
}
.rw-review-slide .item .text .button {
    margin-top: 10px;
}
.rw-review-slide .owl-prev, .rw-review-slide .owl-next {
    position: absolute;
    left: 0px;
    bottom: 50px;
}
.rw-review-slide .owl-next {
    left: auto;
    right: 0px;
}
.rw-btn-white {
    background: #fff;
    color: #022662;
    display: inline-flex;
    align-items: center;
    padding: 15px;
    height: 45px;
}
.rw-btn-white:hover {
    background: #022662;
    color: #fff;
}
.rw-btn-default {
    background: #fff !important;
    color: #022662 !important;
    border: 1px solid #022662;
    display: inline-flex;
    align-items: center;
    padding: 15px;
    height: 45px;
}
.rw-btn-default:hover {
    background: #022662 !important;
    color: #fff !important;
}
section.rw-section {
    padding: 60px 0px;
    color: #022662;
    position: relative;
}
.rw-promotion-slide {
    padding: 10px;
}
.rw-promotion-slide .item {
    color: #022662;
    border-bottom: 9px solid #022662;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
    margin-top: 20px;
}
.rw-promotion-slide .img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center;
}
.rw-promotion-slide .text {
    padding: 15px;
    padding: 15px 15px 20px;
}
.rw-promotion-slide .rw-pro-tag .rw-tag {
    background: rgba(2, 38, 98, 0.24);
    border-radius: 5px;
    margin: 5px 5px 5px 0px;
    padding: 3px 10px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
}
.rw-promotion-slide .rw-pro-tag .rw-tag.is-green {
    background: rgba(0, 160, 175, 0.27);
    color: #00A0AF;
}
.rw-promotion-slide .rw-text {
    height: 100px;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 15px;
}
.rw-promotion-slide .owl-dots {
    text-align: center;
    margin-top: 25px;
}
.rw-promotion-slide .owl-dot {
    width: 7px;
    height: 7px;
    background: #ccc !important;
    transform: rotate(45deg);
    margin: 5px;
}
.rw-promotion-slide .owl-dot.active {
    background: #002561 !important;
}

.rw-blog {
    background: #F9FCFF;
}
.rw-blog .bg1 {
    top: 10%;
    left: 0px;
}
.rw-blog .bg2 {
    bottom: 0%;
    right: 0px;
}
.rw-blog-item {
    margin-top: 30px;
    font-size: 16px;
}
.rw-blog-item .rw-detail {
    min-height: 120px;
    margin-bottom: 20px;
}

.rw-font-blue {
    color: #5984CC;
    font-weight: 700;
}

.rw-ig-slide {
    margin-bottom: 30px;
}
.rw-ig-slide .item {
    margin-top: 30px;
}

.rw-ig .bg1 {
    bottom: 5%;
    left: 0px;
}
.rw-ig .bg2 {
    bottom: 0%;
    right: 0px;
}

.rw-brand-box {
    text-align: center;
    background: #F7FAFF;
    padding: 40px 15px;
    display: inline-block;
    width: 100%;
}
.rw-brand {
    display: flex;
    gap: 0px 40px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.rw-brand .rw-item {
    margin: 20px 0px 10px;
}

.rw-footer {
    background: #002561;
    padding: 60px 0px 30px;
    color: #fff;
    font-size: 14px;
}
.rw-footer h4 {
    font-family: 'Trajan Pro Regular';
    font-size: 20px;
    margin-bottom: 20px;
    display: block;
}
.rw-footer ul {
    list-style: none;
    margin-left: 0px;
}
.rw-footer a {
    color: #fff;
    margin-top: 5px;
    display: block;
}

.rw-social {
    display: flex;
    gap: 10px;
}
.rw-social a {
    width: 35px;
    height: 35px;
    border: 1px solid #fff;
    padding: 8px;
    text-align: center;
    line-height: 40px;
    display: flex;
}

.rw-copyright {
    padding: 20px 0px;
    color: #8299BE;
    font-size: 14px;
    text-align: center;
    background: #002561 url('/Images/reweb/line-white.png') no-repeat top center;
    background-size: 100% auto;
}

#booking-modal {
    position: fixed;
    top: 88px;
    left: 0px;
    width: 100vw;
    background: rgba(2, 38, 98, 0.9);
    z-index: 1800;
    top: -600px;
    transition: .5s ease 0s;
}
#booking-modal.open {
    top: 88px;
}
#booking-modal .b-date {
    background: transparent;
    margin-top: 0px;
}
#booking-modal .b-amount input, #booking-modal label {
    color: #fff;
}
#booking-modal .b-amount .b-plus, #booking-modal .b-amount .b-minus, #booking-modal .b-select > img, #booking-modal .b-calendar > img {
    filter: brightness(0) invert(1);
}
#booking-modal select {
    color: #fff;
}
#booking-modal select option {
    color: #000;
}
#booking-modal ::placeholder {
    color: #486BA5;
}
#booking-modal ::-webkit-input-placeholder {
    color: #486BA5;
}
#booking-modal :-ms-input-placeholder {
    color: #486BA5;
}
#booking-modal .b-calendar .b-input {
    color: #fff;
}

.b-date {
    width: 100%;
    background: #F8FAFE;
    overflow: hidden;
    margin-top: -20px;
}
.b-date .b-date-inner {
    width: 900px;
    max-width: 100%;
    position: relative;
    font-size: 16px;
    line-height: 19px;
    margin: 50px auto;
}
.b-date .b-row {
    width: 100%;
    display: inline-block;
}
.b-date .b-form-group {
    float: left;
    width: 33.33%;
    padding: 15px 30px 5px;
    margin-bottom: 25px;
}
.b-date label {
    font-family: 'Trajan Pro';
    font-size: 20px;
    line-height: 24px;
    color: #022662;

}
.b-date .b-row:first-child .b-form-group {
    border: 1px solid #3E63A3;
}
.b-date .b-required {
    opacity: 0;
    display: block !important;
}
.b-date .b-row:first-child .b-form-group {
    width: 27.5%;
}
.b-date .b-row:first-child .b-form-group:first-child {
    width: 45%;
}
.b-date small {
    font-size: 14px;
}

.b-calendar {
    width: 100%;
    position: relative;
}
.b-calendar .b-daterang, .b-calendar .b-daterang2, .b-calendar .b-date1, .b-calendar .b-date2 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
}
.b-calendar .b-input {
    padding-right: 20px;
    -webkit-appearance: none;
  -moz-appearance: none;
  background: none;
}
.b-calendar > img {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -10px;
    width: 18px;
}
.b-calendar input[type="date"]::-webkit-inner-spin-button,
.b-calendar input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

.b-input {
    border-bottom: 2px solid #4072C4 !important;
    height: auto;
    padding: 12px 0px;
    min-height: 47px;
    background: transparent !important;
}

.b-select {
    width: 100%;
    position: relative;
}
.b-select .b-input {
    padding-right: 20px;
    -webkit-appearance: none;
  -moz-appearance: none;
  background: none;
  outline: none !important;
  position: relative;
  z-index: 1;
}
.b-select > img {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -10px;
}

.b-amount {
    width: 100%;
    padding: 0px 30px;
    position: relative;
    border-bottom: 2px solid #4072C4;
}
.b-amount .b-minus, .b-amount .b-plus {
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -15px;
    cursor: pointer;
}
.b-amount .b-plus {
    left: auto;
    right: 0px;
}
.b-amount .b-input, .b-amount input {
    border: 0px !important;
    margin: 0px;
    text-align: center;
    background: transparent !important;
}

.b-required {
    margin: 0px;
    color: red;
    font-size: 12px;
    margin-top: 2px;
    display: none;
}
.b-btn {
    background: #E78830;
    border-radius: 0px;
    padding: 15px 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    border: 1px solid #E78830;
    cursor: pointer;
}
.b-center {
    text-align: center;
}

.b-fail {
    width: 420px;
    margin: 30px auto;
    text-align: center;
    max-width: 100%;
}
.b-fail h3 {
    font-size: 30px;
    line-height: 34px;
}

#c-loading {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    background: rgb(2 38 98 / 100%);
    z-index: 3500;
    text-align: center;
    display: none;
}
.lds-ring {
    top: 50%;
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

header .menu {
    font-size: 13px;
}
.index .time-temp-indicator {
    bottom: 0px !important;
}
#videoSection {
    height: calc(100vh - 100px) !important;
}
.content-container section h2 a {
    color: #022662 !important;
    text-decoration: none !important;
}
.text-icon2 {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
}
.text-icon2 > i {
    background-size: contain;
    width: 25px;
    height: 25px;
    margin-right: 10px;
}
.rw-ig-slide .owl-next {
    top: 50%;
    right: -20px;
    margin-top: 0px;
    position: absolute;
}
.rw-ig-slide .owl-prev {
    top: 50%;
    left: -20px;
    margin-top: 0px;
    position: absolute;
}
.rw-ig-slide .owl-stage-outer {
    overflow: visible;
}
.rw-ig {
    margin: 25px 0px 35px;
    position: relative;
}
.rw-ig > .es-widget > a[rel="noreferrer"] {
    display: none !important;
    opacity: 0 !important;
}
.rw-ig h2 {
    padding: 0px 15px;
}
#covid-19-update.hidden {
    display: none !important;
}
.top-bar-right .material-icons {
    filter: brightness(0) invert(1);
}
#booking-modal .b-input-dc {
    color: #fff !important;
}
#booking-modal .close-reveal-modal {
    position: absolute;
    color: #fff;
    font-size: 40px;
    right: 0px;
    top: 0px;
    padding: 5px 40px;
    text-decoration: none !important;
}
#booking-modal .b-calendar input.b-input {
    background: transparent !important;
}

header .rewards-bar {
    margin-left: -20px;
    width: calc(100% + 40px);
}
header .rewards-bar > .menu > li:first-child {
    padding: 0px 0px 0px 25px;
}
header .rewards-bar .menu > li > a:hover > span, header .rewards-bar .dropdown-pane li:hover {
    box-shadow: none !important;
}
#rw-promotion .owl-nav.disabled {
    display: block !important;
}
#rw-promotion .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    left: -50px;
    margin-top: -20px;
}
#rw-promotion .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    right: -50px;
    margin-top: -20px;
}


@media screen and (max-width:1360px) {
    header #topnav, #widemenu .title-bar {
        height: 130px !important;
    }
    #widemenu .title-bar {
        padding-top: 40px;
    }
    .title-bar.is-at-top .logo {
        top: 10px;
    }
    .rw-vdo-box {
        top: -130px;
    }
}

@media screen and (max-width:921px) {
    .title-bar .navbar-logo {
        display: inline-block;
        margin: 9px auto 0;
        height: 25px;
    }
    .title-bar-full .col {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
    .title-bar .navbar-reward {
        margin: 15px;
    }
    .rw-review-slide {
        padding: 0px;
        width: 90%;
    }
    .title-bar .bookbutton{
        padding: 15px 25px;
    }
    .title-bar .navbar-signin {
        font-size: 12px;
    }
    .rw-vdo-box {
        margin: 0px;
    }

    #booking-modal {
        max-height: calc(100vh - 105px);
        overflow-y: auto;

    }
    #booking-modal .b-date {
        width: calc(100% - 30px);
        margin: 0 auto;
        padding-bottom: 100px;
    }
    #booking-modal.open {
        top: 105px;
    }

    #booking-modal {
        top: -120vh;
    }
    .rw-vdo-box {
        top: 0px;
    }
    #videoSection {
        height: calc(100vh - 150px) !important;
    }
}

@media screen and (max-width:767px) {
    .b-date .b-row:first-child .b-form-group:first-child, .b-date .b-row:first-child .b-form-group {
        width: 100%;
    }
    section.rw-section {
        padding: 20px 0px;
    }
    .rw-fac-icon .rw-inner {
        width: 28%;
    }
    .rw-content-small {
        padding: 0px 20px;
    }
    .rw-review .rw-head {
        font-size: 16px;
    }
    .rw-review .rw-head-sub .rw-item {
        font-size: 14px;
        line-height: 20px;
        margin: 15px 0px;
    }
    .rw-review .rw-head-sub .rw-sub.active {
        padding-bottom: 15px;
    }
    .rw-review .rw-head-sub {
        overflow-x: scroll;
        display: flex;
    }
    .rw-promotion-slide {
        padding: 0px;
    }
    .rw-promotion {
        padding: 40px 0px;
    }
    .rw-blog-item h3 {
        margin-top: 25px;
        font-size: 24px;
        line-height: 30px;
    }
    .rw-brand .rw-item img {
        height: 28px;
    }
    .rw-footer {
        padding: 40px 10px;
    }
    .rw-footer h4 {
        margin-bottom: 15px;
    }
    .rw-footer .column:not(:first-child) {
        margin-top: 30px;
    }
    .rw-social {
        text-align: center;
        justify-content: center;
    }
    .b-date .b-form-group {
        width: 100%;
        margin-bottom: -1px;
    }
    .b-date .b-row:not(:first-child) .b-form-group {
        margin-top: 20px;
    }
    .b-date .b-btn {
        margin-top: 40px;
    }
    .b-date .b-date-inner {
        width: 300px;
    }
    #booking-modal .close-reveal-modal {
        padding: 5px 15px;
    }

}
#widemenu .title-bar {
    background: #022662 !important;
}

.b-booking {
    display: inline-block;
    float: initial !important;
}
.b-content {
    padding: 20px 0px;
    /* background: #F8FAFE; */
}
.b-step {
    width: 100%;
    position: relative;
    text-align: center;
    margin: 30px 0px 80px;
}
.b-step .item {
    width: 65px;
    height: 65px;
    background: #D9D9D9;
    line-height: 65px;
    position: relative;
    margin: 0px 60px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    padding: 0px 15px;
}
.b-step .item p {
    width: 200px;
    position: absolute;
    left: 50%;
    bottom: -40px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -mstransform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    color: #022662;
}
.b-step .item:before {
    content: '';
    position: absolute;
    left: -125px;
    width: 125px;
    height: 3px;
    background: #D9D9D9;
    top: 50%;
    margin-top: -1.5px;
    z-index: 0;
}
.b-step .item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    z-index: 1;
    position: relative;
    filter: brightness(0) invert(1);
}
.b-step .item:first-child::before {
    width: 90px;
    left: -90px;
}
.b-step .item:last-child::before {
    width: 270px;
    left: -125px;
}
.b-step .item.active, .b-step .item.active:before {
    background: #022662;
}
.b-step .item.disabled, .b-step .item.disabled:before {
    background: #D9D9D9;
    cursor: not-allowed;
}
.item.disabled + .item.active:before {
    background: #D9D9D9;
}

.b-input, .b-booking input {
    margin: 0px;
}
.b-btn-white {
    background: #fff;
    color: #022662;
    border-color: #fff;
}
.b-btn-trans {
    background: transparent;
    color: #fff;
    border-color: #fff;
}

footer .rw-brand-box {
    display: none;
}

.b-hide {
    display: none;
}

.b-reward {
    background:#022662;
    color: #fff;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    padding: 15px 10px;
    padding-right: 200px;
    position: relative;
    gap: 5px;
}
.b-reward .btn-box {
    float: right;
    position: absolute;
    right: 15px;
}
.b-reward .b-btn {
    padding: 12px;
    width: 100px;
}

.b-container {
    width: 1170px;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.b-top {
    width: 70%;
}
.b-back {
    margin-bottom: 10px;
    cursor: pointer;
    color: #022662;
    font-weight: 700;
}
.b-back img {
    margin-top: -3px;
    margin-right: 5px;
}

.b-hotel {
    width: 100%;
    position: relative;
    display: inline-block;
    padding: 20px 0px;
}
.b-hotel h2 {
    float: left;
    font-family: 'Trajan Pro';
    color: #022662;
    width: 60%;
    font-size: 25px;
    line-height: 35px;
    margin-top: 5px !important;
}
.b-hotel .b-filter {
    float: left;
    width: 40%;
    text-align: right;
}
.b-hotel .b-select {
    border: 1px solid #94B0DF !important;
    padding: 0px 10px;
    width: 120px;
    display: inline-block;
}
.b-hotel .b-select:last-child {
    width: 90px;
}
.b-hotel .b-select select {
    border: 0px !important;
    padding: 0px 10px;
}
.b-hotel .b-select > img {
    right: 10px;
    margin-top: -5px;
}
.b-hotel label {
    color: #022662;
    font-weight: 700;
    display: inline-block;
    margin-right: 10px;
}

.b-info {
    float: left;
    width: 250px;
    max-width: 100%;
    display: inline-block;
    color: #022662;
}
.b-info h2 {
    display: none;
}
.b-info label {
    color: #022662;
    font-weight: 700;
}
.b-info a {
    text-decoration: underline;
}
.b-btn-primary {
    background: #022662;
    color: #fff;
    border-color: #022662;
}
.b-btn-primary-outline {
    background: transparent;
    color: #022662;
    border-color: #022662;
}

.b-list {
    float: left;
    width: calc(100% - 250px);
    display: inline-block;
    padding-left: 20px;
}
.b-list h2, .b-info h2 {
    font-family: 'Trajan Pro';
    color: #022662;
    font-size: 28px;
    line-height: 38px;
}
.b-card {
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(32, 45, 79, 0.1);
    padding: 20px;
    position: relative;
    color: #022662;
}
.b-card h1, .b-card h2, .b-card h3, .b-card h4 {
    font-family: 'Trajan Pro';
    color: #022662;
}
.b-pro {
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 12px 20px;
    background: #B72B2B;
    font-family: 'Trajan Pro';
    color: #fff;
}
.b-pro.is-blue {
    background: #6B80A4;
}
.b-pro:not(.hide) + .b-row .b-desc {
    margin-top: 30px;
}
 
.b-radio, .b-checkbox {
    display: inline-block;
    position: relative;
}
.b-radio input, .b-checkbox input {
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    visibility: visible;
    z-index: 1;
}
.b-radio label, .b-checkbox label {
    padding-left: 30px;
    position: relative;
    background: url('/Images/booking/icon-checkbox.png') no-repeat left 2px;
    margin: 10px 0px;
}
.b-radio input:checked + label {
    background: url('/Images/booking/icon-checkbox-checked.png') no-repeat left 2px;
}
.b-checkbox label {
    background: url('/Images/booking/icon-checkbox2.png') no-repeat left 2px;
}
.b-checkbox input:checked + label {
    background: url('/Images/booking/icon-checkbox2-checked.png') no-repeat left 2px;
}

.b-flex {
    display: flex;
}
.b-flex .b-col {
    flex: 1;
}
.b-right {
    text-align: right;
}
.b-col.b-right {
    justify-content: end;
}
.b-card {
    margin-bottom: 15px;
    border-top: 2px solid #f3d6d5;
}
.b-card, label {
    color: #022662;
}
.b-card .price {
    color: #022662;
    font-family: 'Trajan Pro';
    font-size: 26px;
    line-height: 31px;
    width: 100%;
}
.b-card .price-discount {
    text-decoration-line: line-through;
    text-transform: uppercase;
    color: #B5B5B5;
}
.b-card .price-discount:not(.hide) + .price {
    color: #B72B2B;
}
.b-card .price-save {
    background: rgba(183, 43, 43, 0.2);
    border-radius: 5px;
    display: inline-block;
    color: #B72B2B;
    padding: 5px 8px;
    font-size: 10.7727px;
    line-height: 13px;
    color: #B72B2B;
    font-weight: 700;
    margin: 10px 0px;
    cursor: default;
    text-decoration: none !important;
}
.b-card p {
    margin: 0px;
}
.b-card .for-member {
    color: #fff;
    background: #E78830;
    padding: 10px;
    margin-top: 20px;
    display: inline-block;
}
.b-card .for-member .b-btn{
    padding: 5px 15px;
    margin-left: 10px;
}
.b-card .b-amount {
    border: 0px;
    width: 120px;
}
.b-card .b-radio {
    margin-top: 5px;
    margin-right: 10px;
}

.b-card input::-webkit-outer-spin-button,
.b-card input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.b-card .b-caption {
    -webkit-line-clamp: 3;
    overflow: hidden;
    display: -webkit-box;
    width: calc(100% + 145px);
    margin-bottom: 4px;
    display: table-caption;
    max-height: 136px;
}
.b-card .b-pro {
    background: #f3d6d5;
    color: #b72c2b;
    font-weight: 700;
    max-width: calc(100% - 150px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none !important;
}
.b-card .b-pro br {
    display: none;
}

.b-room {
    width: calc(100% - 330px);
    display: inline-block;
}
.b-room-adjust {
    margin-top: 20px;
}
.b-room-adjust, .b-room-adjust label {
    font-size: 14px;
    font-weight: 700;
}
.b-room-adjust label {
    margin: 0px;
}
.b-room-adjust .b-btn {
    margin-top: 15px;
}
.b-inlineblock {
    display: inline-block;
    text-align: left;
}

.b-add-value {
    width: 330px;
    display: inline-block;
    float: right;
    padding-left: 20px;
}
.b-room-content {
    padding: 30px;
    color: #022662;
}
.reveal-modal h3, .b-add-value h3, .b-add-value h4, .b-add-value h5 {
    color: #022662;
    font-family: 'Trajan Pro';
}
.b-btn-full {
    width: 100%;
    margin-top: 10px;
}

.b-discount {
    display: flex;
}
.b-discount .b-btn {
    padding: 15px 10px;
    min-width: 70px;
}

#modal-bg {
    background: rgba(0,0,0,0.8);
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
}

.reveal-modal {
    width: 780px;
    max-width: 90%;
    background: #fff;
    padding: 15px;
    margin: 30px auto;
}
.reveal-modal .close-reveal-modal {
    font-size: 30px;
    float: right;
    line-height: 20px;
}
.reveal-modal > a {
    text-decoration: none !important;
}

.b-tab .b-tab-head {
    width: 100%;
    position: relative;
    display: flex;
    border-bottom: 1px solid #C5C5C5;
    cursor: pointer;
}
.b-tab .b-tab-head .b-item {
    padding: 12px 30px;
    border: 1px solid #C5C5C5;
    text-transform: uppercase;
    font-family: 'Trajan Pro';
    font-size: 16px;
}
.b-tab .b-tab-head .b-item.active {
    background: #022662;
    color: #fff;
}
.b-tab .b-tab-body .b-item:not(:first-child) {
    display: none;
}

.b-value-box {
    border: 1px solid #E0E0E0;
    padding: 15px;
    color: #022662;
    display: flex;
    margin-bottom: 15px;
}
.b-value-box h4, .b-value-box .b-price {
    font-family: 'Trajan Pro';
}
.b-value-box .b-col:first-child {
    width: calc(100% - 150px);
}
.b-value-box .b-col:last-child {
    width: 150px;
    text-align: right;
}
.b-value-box .b-price {
    margin: 0px;
    font-size: 24px;
}
.b-value-box .b-amount {
    border: 0px;
}
.b-value-box .b-amount input {
    border: 0px;
    font-size: 18px;
}

.b-transfer {
    display: flex;
    gap: 15px;
    padding-right: 50px;
}
.b-transfer label {
    font-weight: 700;
}
.b-transfer  .b-form-group {
    flex: 1;
}
.b-transfer .b-select select, .b-transfer .b-input {
    border: 1px solid #9EAABE !important;
    padding: 0px 10px;
}
.b-transfer .b-select img {
    right: 10px;
    margin-top: -5px;
}

select, input {
    outline: none !important;
}

.has-tip {
    border: 0px;
}

.owl-thumbs {
    margin-left: -8px;
    width: calc(100% + 16px);
}
.owl-thumbs img {
    width: 120px;
    height: 75px;
    object-fit: cover;
}
.owl-thumbs .owl-thumb-item {
    margin: 15px 8px;
    opacity: 0.5;
}
.owl-thumbs .owl-thumb-item.active {
    opacity: 1;
}

.b-room-slide {
    margin-top: 10px;
}
.b-room-slide .owl-nav .owl-prev, .b-room-slide .owl-nav .owl-next {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -25px;
}
.b-room-slide .owl-nav .owl-next {
    left: auto;
    right: 10px;
}

.b-font-red {
    color: #B72B2B;
}
.b-room-item {
    margin-bottom: 60px;
    display: inline-block;
    width: 100%;
    background: #F8FAFE;
    padding: 15px;
}

.b-room.is-pro .b-pro {
    background: #6B80A4;
}
.b-room.is-pro .b-list > h2 {
    color: #B72B2B;
}

.b-payment {
    width: 100%;
    position: relative;
    color: #022662;
    margin-bottom: 10px;
}
.b-payment .b-head {
    width: 100%;
    position: relative;
    background: #022662;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    padding: 18px 15px;
}
.b-payment .b-body {
    padding: 20px 15px;
}
.b-payment .b-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px;
    width: calc(100% + 24px);
}
.b-payment .b-row .b-col {
    flex: 1;
    padding: 8px 12px;
}
.b-payment .b-input {
    border: 1px solid #9EAABE !important;
    padding: 12px;
    min-height: initial;
}
.b-payment .b-input[disabled] {
    background: #eee !important;
}
.b-payment .b-select > img {
    right: 10px;
    margin-top: -5px;
}
.b-payment .b-form-group > label {
    font-weight: 700;
    position: relative;
}
.b-payment-method-img {
    height: 35px;
}
.b-payment .b-checkbox label {
    margin-bottom: 0px;
}
.b-payment .b-term {
    margin-left: -15px;
    padding: 15px;
    width: calc(100% + 30px);
    background: #F8FAFE;
}
.b-payment .b-head {
    cursor: pointer;
}
.b-payment .b-head .b-view {
    float: right;
    text-decoration: underline;
    font-weight: 400;
    cursor: pointer;
}
.b-payment:not(.active) .b-body {
    display: none;
}
.b-pull-right {
    float: right;
}
.b-text-center {
    text-align: center;
}
.b-text-right {
    text-align: right;
}
.b-summary-img {
    margin-left: -12px;
    width: calc(100% + 24px);
    max-width: initial;
    border: 15px solid #fff;
    border-left: 0px;
    border-right: 0px;
}
.b-add-value-box {
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
    background: #F8FAFE;
    padding: 12px;
}

.b-summary {
    color: #022662;
}
.b-summary h5 {
    font-size: 20px;
    padding-bottom: 12px;
    margin-bottom: 15px;
    border-bottom: 1px solid #6B80A4;
    text-transform: uppercase;
    margin-top: 20px;
}
.b-summary h5:first-child {
    margin-top: 0px;
}
.b-summary h5 small {
    font-size: 12px;
    line-height: 16px;
    color: #022662;
    font-family: Helvetica, sans-serif;
    text-transform: capitalize;
}
.b-summary-booking {
    width: 100%;
    display: inline-block;
}
.b-summary-booking p {
    float: left;
    width: 50%;
}
.b-summary .b-row {
    display: flex;
    flex-wrap: wrap;
}
.b-summary .b-row.has-padding, .b-row.has-padding {
    padding-left: 10px;
}
.b-summary .b-row .b-col {
    flex: 1;
}

.b-summary-total {
    background: #DCE3EF;
    padding: 15px;
    margin: 15px 0px;
    font-family: 'Trajan Pro';
    margin-left: -12px;
    width: calc(100% + 24px);
}
.b-summary-total p, .b-summary-point p {
    margin: 0px;
}
.b-summary-total p:last-child {
    margin-top: 10px;
}
.b-summary-point {
    margin-bottom: 20px;
}
.b-summary-point .b-font-blue {
    font-size: 12px;
    margin-top: -6px;
}
.b-summary-point .b-input {
    border: 1px solid #022662 !important;
    padding: 10px;
    min-height: initial;
}
.b-summary-point .b-select img {.b-form-card
    right: 10px;
}
.b-summary-point .b-row:not(:first-child) {
    margin-top: 12px;
}
.b-summary-point .b-balance {
    font-weight: 700;
    font-size: 17px;
    line-height: 20px;
    margin-bottom: 15px;
}

.b-font-blue {
    color: #486BA5;
}
.b-font-green {
    color: #529B25;
}
.b-no-padding-bottom {
    padding-bottom: 0px;
}

.b-thankyou {
    width: 950px;
    max-width: 100%;
    background: #F8FAFE;
    color: #022662;
    border-top: 15px solid #022662;
    padding: 50px 30px;
    margin: 0 auto 50px;
    font-size: 16px;
    display: none;
}
.b-thankyou .b-head {
    text-align: center;
}
.b-thankyou .b-head img {
    width: 85px;
}
.b-thankyou .b-head  h4 {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #022662;
    margin-top: 15px;
}
.b-thankyou .b-body {
    width: 100%;
    display: flex;
    background: #fff;
    margin-top: 20px;
}
.b-thankyou .b-body .b-left {
    width: 260px;
    max-width: 100%;
    background: #E0E8F5;
    padding: 20px 15px;
    font-size: 20px;
}
.b-thankyou .b-body .b-right {
    text-align: left;
    padding: 20px 15px;
    width: calc(100% - 260px);
    max-width: 100%;
}
.b-thankyou .b-body .b-right .b-col {
    margin-top: 15px;
}
.b-thankyou h2 {
    font-family: 'Trajan Pro';
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
}
.b-thankyou .b-row {
    display: flex;
    flex-wrap: wrap;
}
.b-thankyou .b-col {
    flex: 1;
}
.b-thankyou .b-footer {
    background: #FFFFFF;
    box-shadow: 0px 4px 10px rgba(32, 45, 79, 0.1);
    padding: 20px 15px;
    margin-top: 15px;
}
.b-thankyou .b-footer .b-col:last-child {
    text-align: right;
    max-width: 150px;
}
.b-thankyou h3 {
    font-family: 'Trajan Pro';
    font-size: 20px;
    line-height: 23px;
    margin: 0px;
}
.b-room .b-btn {
    display: inline-block;
}
.b-payment-outstanding {
    background: #DCE3EF;
    padding: 15px;
    color: #022662;
    font-family: 'Trajan Pro';
    text-transform: uppercase;
    margin-top: -20px;
    margin-bottom: 40px;
    font-size: 15px;
    display: none;
}
.b-add-value-btn {
    display: none;
}
.b-booking.no-member .b-top .b-reward, .b-booking.no-member .b-list .for-member {
    display: none;
}

.reveal-overlay {
    z-index: 2006;
}
.reveal-modal {
    z-index: 2007;
}
.calendar-table tbody tr:nth-child(even) {
    background: #fff;
}
.cancel-policy {
    display: block;
    font-weight: 700;
}
.cancel-policy.b-green {
    color: seagreen;
}
.cancel-policy.b-red {
    color: #B72B2B;
}
#p-method-box {
    display: block;
    column-count: 2;
}
.b-room .b-fac i:nth-child(n+5) {
    display: none;
}
.b-pro-desc {
    overflow: hidden;
    display: -webkit-box;
    max-height: calc(1.6rem * 5);
    line-height: 1.6rem;
    overflow: hidden;
}
#b-bar-room {
    margin-left: 15px;
}

div[onclick], p[onclick] {
    cursor: pointer;
}

.b-bar {
    top: -32px;
    left: 0px;
    z-index: 0;
    width: 100%;
    position: relative;
    background: #fff;
    display: inline-block;
    padding: 20px;
    color: #022662;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    display: none;
    overflow: hidden;
}
.b-bar.has-fixed {
    position: fixed;
    top: 0px;
    transition: .3s ease 0s;
    z-index: 2000;
}
.b-bar.has-fixed ~ .b-step {
    margin-top: 220px;
}
.b-bar .b-item {
    float: left;
    width: 25%;
    padding: 0px 5px;
}
.b-bar p {
    margin: 0px;
}
.b-bar .b-more, .b-bar .b-hide {
    cursor: pointer;
    font-weight: 400;
    margin-top: 10px;
    display: none;
}
.b-bar label {
    font-family: 'Trajan Pro';
    font-size: 14px;
    line-height: 17px;
}
.b-bar .b-price {
    font-size: 24px;
    line-height: 28px;
    font-family: 'Trajan Pro';
    font-weight: 400;
}
.b-bar .b-item:nth-child(3) {
    width: 20%;
}
.b-bar .b-item:nth-child(4) {
    width: 30%;
}
.b-bar .b-item:last-child .b-detail {
    gap: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.b-bar .b-sum {
    text-align: right;
}
.b-bar .b-btn {
    padding: 12px;
    height: 42px;
    min-width: 100px;
}
.b-bar .b-head {
    margin-bottom: 5px;
}
.b-bar .b-item.has-more .b-detail {
    height: 45px;
    overflow: hidden;
}
.b-bar .b-item.has-more .b-detail ~ .b-more {
    display: block;
}
.b-bar .b-item.has-hide .b-detail ~ .b-hide {
    display: block;
}
.b-bar .b-down {
    text-align: center;
    padding: 15px 10px 0px;
    display: none;
}

.b-extra-select-item {
    color: #022662;
}
.b-extra-select-item h4 {
    font-size: 18px;
    border-bottom: 1px solid #6B80A4;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.b-extra-select-item h4 u {
    font-size: 15px;
    float: right;
}
.b-extra-select-item .b-extra-row {
    display: flex;
}
.b-extra-select-item .b-extra-row .b-col {
    flex: 1;
}
.b-extra-select-item .b-extra-row .b-col:last-child {
    max-width: 70px;
    text-align: right;
}
.b-extra-select-item big {
    font-size: 20px;
    font-family: 'Trajan Pro';
}
.b-extra-select-item .b-extra-list {
    padding: 10px 0px;
}

#widemenu .menu .lang-menu {
    width: 100px;
    text-align: center;
    padding: 0px;
}
#widemenu .lang-switch .dropdown-pane {
    padding: 8px;
}
#lang-dropdown a {
    font-size: 12px;
}

.b-form-card {
    width: 500px;
    max-width: 100%;
    margin-left: 45px;
    background: #dce3ef;
    padding: 15px;
    border-radius: 5px;
    display: none;
}
.b-form-card .b-input {
    background: #fff !important;
}
.b-btn-cancel {
    background: #cc0000;
    color: #fff;
}
.top-bar-right .menu > li.lang-switch {
    display: table-cell !important;
}
.top-bar-right .material-icons {
    filter: brightness(0) invert(1);
}
.b-time {
    display: flex;
    gap: 10px;
}
.b-time select {
    background: url(/Images/booking/icon-down.png) no-repeat right 8px center !important;
    background-size: 12px !important;
}
.b-select .b-input {
    padding-right: 20px !important;
}
.b-extrabed  {
    width: 100%;
    display: flex;
    gap: 0px 15px;
    margin-top: 5px;
}
.b-extrabed .b-checkbox {
    margin-top: 5px;
}
.b-extrabed .b-select {
    width: 50px;
    float: right;
    text-align: center;
     margin-top: 5px;
}
.b-extrabed .b-select > select {
    padding: 5px 5px !important;
    min-height: initial;
    border: 1px solid #022662 !important;
}
.b-extrabed .b-select > img {
    margin-top: -4px;
    width: 11px;
    right: 8px;
}
#b-bar .b-extrabed {
    font-weight: 400;
    padding-left: 12px;
    font-size: 12px;
    margin-top: 0px;
}
.b-fail-top {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    background: #F1D5D5;
    color: #b72b2b;
    font-weight: 700;
    padding: 10px;
    margin-top: -32px;
}
.b-fail-top a {
    color: inherit;
}
.price-discount-for {
    background: #E78830;
    font-weight: 700;
    color: #fff;
    display: table;
    text-transform: capitalize;
    padding: 0px 10px;
    border-radius: 5px;
    font-size: 12px;
    float: right;
}
.b-form-card {
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: rgba(10, 10, 10, 0.45);
    z-index: 1000;
    width: 100vw;
    height: 100vh;
    padding: 15px;
    margin: 0px;
}
.b-form-card .control {
    position: relative;
    width: 520px;
    max-width: 100%;
    background: #fff;
    padding: 30px;
    margin: 40px auto;
}
.b-form-card .control .btn-close {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
}
.b-form-card .button {
    margin: 0px;
}
#b-ann {
    width: 100%;
    position: relative;
    display: none;
    margin-bottom: 10px;
}
#b-ann .b-ann-title {
    background: #022662;
    color: #fff;
    font-family: 'Trajan Pro';
    position: absolute;
    top: 0px;
    font-size: 20px;
    line-height: 20px;
    padding: 10px;
    left: 15px;
}
#b-ann .b-ann-detail {
    padding: 70px 20px 20px;
    background: #F0F3F6;   
}
#b-room-empty {
    background: #F8FAFE;
    text-align: center;
    padding: 50px;
    display: none;
}
#b-room-empty h4 {
   font-family: 'Trajan Pro';
       width: 540px;
    max-width: 100%;
    margin: 20px auto;
}
.b-loading {
    position: relative;
}
.b-loading::after {
    content:'';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #022662 url('/Images/booking/loading.gif') no-repeat center center;
    background-size: 20px;
}
.b-btn-cancel:after {
    background-color: #cc0000;
}
.b-col-40 {
    max-width: 40%;
}
.overlay2 {
    background: #022662;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    z-index: 3000;
    height: 100vh;
}
.img-cvv {
    width: 75px;
    position: absolute;
    top: 6px;
    right: -9px;
}
.b-discount-input[disabled] {
    background: transparent !important;
}
.b-ch-accept input {
    width: 200px;
}
#bookingSection .reveal-modal .b-required {
    margin-bottom: 15px;
}
.b-calendar .b-input {
    background: transparent !important;
}
.b-pro-desc * {
    line-height: 1.6rem !important;
}
.b-room-content .material-icons {
    max-width: 25px;
}
.b-info .b-fac i {
    margin-right: 5px;
    margin-bottom: 15px;
}
.b-cap > img {
    display: none !important;
}

.b-room-item .b-fac-box {
    display: none;
}
.b-room-item .b-more-detail {
    display: none;
}
.b-room-item.for-promo .b-more-detail {
    display: block;
}
.start_from {
    font-size: 12px;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
#b-bar .start_from {
    margin-right: 0px;
}
.b-input-nt-flight, .b-input-rt-flight, .b-input-extra-flight {
    text-transform: uppercase;
}
.b-input-nt-flight::-webkit-input-placeholder, .b-input-rt-flight::-webkit-input-placeholder, .b-input-extra-flight::-webkit-input-placeholder {
    text-transform: none;
}
.b-input-nt-flight:-moz-placeholder, .b-input-rt-flight:-moz-placeholder, .b-input-extra-flight:-moz-placeholder {
    text-transform: none;
}
.b-input-nt-flight::-moz-placeholder, .b-input-rt-flight::-moz-placeholder, .b-input-extra-flight::-moz-placeholder {
    text-transform: none;
}
.b-input-nt-flight:-ms-placeholder, .b-input-rt-flight:-ms-placeholder, .b-input-extra-flight:-ms-placeholder {
    text-transform: none;
}
.b-input-nt-flight::placeholder, .b-input-rt-flight::placeholder, .b-input-extra-flight::placeholder {
    text-transform: none;
}
@media screen and (max-width:921px) {
    .b-booking {
        padding: 0px 15px !important;
    }
    .b-top {
        width: 100%;
    }
    .b-add-value {
        padding-left: 15px;
    }
    .b-info {
        width: 100%;
        padding-left: 260px;
        position: relative;
    }
    .b-info > img {
        width: 250px;
        position: absolute;
        left: 0px;
        top: 0px;
    }
    .b-info br {
        display: none;
    }
    .b-list {
        padding: 0px;
        width: 100%;
    }

    .b-bar {
        top: 0px;
        left: -15px;
        width: calc(100% + 30px);
        padding: 20px 10px;
    }
    .b-bar.has-fixed {
        padding: 20px 30px;
    }
    .b-pro-desc {
        height: 155px;
    }
}

@media screen and (max-width:767px) {
    .b-col-40 {
        max-width: 100%;
    }
    .b-thankyou .b-body .b-right {
        width: 100%;
    }
    .b-step .item img {
        display: none;
    }
    .b-step .item {
        width: 30px;
        height: 30px;
        margin: 0px 20px;
        border: 10px solid #D9D9D9;
        background: #D9D9D9;
        box-sizing: border-box;
        width: 30px;
        height: 30px;
        padding: 5px;
    }
    .b-step .item.active {
        background: #fff;
        border: 10px solid #022662;
    }
    .b-step .item:before {
        left: -55px;
        width: 45px;
    }
    .b-step .item:first-child::before {
        width: 40px;
        left: -50px;
    }
    .b-step .item:last-child::before {
        width: 110px;
        left: -55px;
    }
    .b-step .item p {
        width: 80px;
        bottom: auto;
        font-size: 9px;
        line-height: 12px;
        top: 30px;
    }
    .b-step {
        margin: 0px 0px 50px;
    }
    .b-thankyou {
        width: calc(100% - 30px);
        padding: 50px 15px 30px;
        margin-bottom: 20px;
    }
    .b-thankyou .b-head img {
        width: 65px;
    }
    .b-thankyou .b-body {
        display: block;
    }
    .b-thankyou .b-body .b-left {
        width: 100%;
    }
    .b-thankyou .b-body .b-left br {
        display: none;
    }
    .b-thankyou .b-body .b-col:last-child:not(:first-child):not(.xs-show) {
        display: none;
    }
    .b-thankyou .xs-show .b-btn {
        width: 100%;padding: 12px;
    }
    .b-thankyou .b-footer .b-col {
        margin-top: 3px;
    }
    .b-thankyou .b-footer .b-col:last-child {
        flex: 0;
    }
    .b-thankyou .b-footer big {
        font-size: 14px;
    }
    .b-thankyou hr ~ .b-row .b-col:last-child {
        flex: 0 100px;
    }
    .b-thankyou .b-head {
        margin-bottom: 35px;
    }

    .b-reward {
        padding: 15px;
        display: block;
        overflow: hidden;
    }
    .b-reward .btn-box {
        float: left;
        position: relative;
        margin: 15px 0px 0px;
        right: auto;
        width: 100%;
    }
    .b-reward .btn-box .b-btn {
        width: calc(50% - 5px);
    }
    .b-reward img {
        width: 80px;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    .b-reward span {
        width: calc(100% - 90px);
        display: inline-block;
        font-weight: 700;
        font-size: 12px;
    }
    .content-container section h2 {
        width: 100%;
        font-size: 26px;
        line-height: 30px;
    }
    .b-room {
        width: 100%;
    }
    .b-add-value {
        width: 100%;
        padding-left: 0px;
    }
    .b-summary-img {
        display: none;
    }
    .b-payment .b-row {
        display: block;
    }
    .b-payment .b-row .b-col {
        padding: 5px 10px;
    }
    .b-payment .b-head {
        padding-right: 90px;
        position: relative;
    }
    .b-payment .b-head .b-view {
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -8px;
    }
    .b-payment-outstanding {
        display: block;
    }
    .b-hotel .b-filter {
        width: 100%;
        text-align: left;
    }
    .b-hotel .b-filter .b-input {
        min-height: 35px;
    }

    .b-add-value.is-fixed {
        position: fixed;
        bottom: 0px;
        left: 0px;
        z-index: 2005;
        width: 100vw;
        background: #fff;
        box-shadow: 0px -1px 12px rgba(0,0,0,0.05);
    }
    .b-add-value.is-fixed .b-add-value-btn {
        display: block;
        padding: 20px 15px;
    }
    .b-add-value.is-fixed .b-add-value-btn .b-btn {
        width: calc(50% - 3px);
        padding-left: 10px;
        padding-right: 10px;
    }
    .b-add-value.is-fixed .b-add-value-box {
        display: none;
        width: calc(100% - 30px);
        margin-left: 15px;
        margin-bottom: 80px;
    }
    .b-add-value-overlay {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 2003;
        display: none;
    }

    .b-info {
        padding-left: 0px;
    }
    .b-info > img {
        position: relative;
        width: 100%;
    }
    .b-info br {
        display: block;
    }
    .b-info .item {
        margin-top: 5px;
    }
    .b-info h2 {
        display: block;
    }
    .b-more-image {
        display: none;
    }
    .b-more-detail {
        position: relative;
        bottom: 7px;
        right: 0px;
    }
    .b-list h2 {
        display: none;
    }
    .b-list .b-flex {
        display: block;
    }
    .b-list .b-bed {
        position: absolute;
        bottom: 220px;
        width: 50%;
    }
    .b-booking.no-member .b-list .b-bed {
        bottom: 170px;
    }
    .b-card .for-member {
        font-size: 12px;
        padding-right: 60px;
        position: relative;
        text-align: left;
        line-height: 14px;
        margin-top: 10px;
    }
    .b-card .for-member .b-btn {
        margin: 0px;
        position: absolute;
        right: 10px;
        top: 10px;
        font-size: 10px;
        padding: 6px;
    }
    .b-room-adjust {
        overflow: hidden;
    }
    .b-room-adjust .b-col {
        float: left;
        width: 50%;
        display: inline-block;
    }
    .b-card .b-amount {
        width: 100px;
    }
    .b-tab .b-tab-head .b-item {
        padding: 12px;
        font-size: 14px;
    }
    .owl-thumbs {
        margin-left: -5px;
        width: calc(100% + 10px);
    }
    .owl-thumbs .owl-thumb-item {
        margin: 15px 5px;
    }
    .owl-thumbs img {
        width: 60px;
        height: 40px;
        object-fit: cover;
    }
    .b-room-content {
        padding: 20px 0px;
    }
    .b-room-item {
        margin-bottom: 20px;
    }
    .b-value-box .b-amount {
        width: 110px;
        float: right;
    }
    .b-value-box {
        font-size: 12px;
        display: block;
        position: relative;
    }
    .b-value-box .b-price {
        margin: 0px;
        font-size: 18px;
    }
    .b-value-box .b-col {
        width: 100% !important;
        overflow: hidden;
    }
    .b-value-box .b-col:first-child {
        padding-right: 100px;
    }
    .b-transfer {
        display: block;
        padding-right: 0px;
        width: calc(100% + 100px);
    }
    .b-transfer .b-form-group {
        margin-bottom: 10px;
    }
    .b-value-box .b-col-price {
        position: absolute;
        top: 14px;
        right: 10px;
    }
    .b-value-box br {
        display: none;
    }

    .b-bar, .b-bar.has-fixed {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .b-bar .b-item {
        width: 100% !important;
        margin-top: 10px;
    }
    .b-bar .b-item:nth-child(2), .b-bar .b-item:nth-child(3) {
        width: 50% !important;
    }
    .b-bar .b-item:not(:last-child) {
        display: none;
    }

    .b-bar .b-item.has-more .b-detail ~ .b-more, .b-bar .b-item.has-more .b-detail ~ .b-hide {
        display: none;
    }
    .b-bar .b-item.has-more .b-detail {
        height: auto;
    }
    .b-bar .b-sum {
        text-align: left;
    }
    .b-bar .b-down {
        display: block;
        transition: .3s ease 0;
    }

    .b-bar ~ .b-step {
        margin-top: 20px;
    }
    .b-bar.open .b-item{
        display: block;
    }
    .b-bar.open .b-down img {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .b-room-adjust .b-col {
        bottom: initial;
        position: relative;
    }
    .b-card .b-row.b-flex:nth-child(2) {
        display: inline-block;
        width: 100%;
    }
    .b-card .b-row.b-flex:nth-child(2) .b-col:nth-child(1) {
        width: 50%;
        float: left;
    }
    .b-card .b-row.b-flex:nth-child(2) .b-col:nth-child(2) {
        width: 50%;
        float: right;
    }
    .b-pro-desc {
        height: 145px;
    }
}
